npm - @scalar/components - Versions diffs - 0.12.53 → 0.12.54 - Mend

@scalar/components 0.12.53 → 0.12.54

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

package/dist/components/ScalarDropdown/ScalarDropdown.stories.d.ts CHANGED Viewed

@@ -1,123 +1,36 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            };
-            targetRef: {
-                type: import("vue").PropType<HTMLElement>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean>;
-            };
-            static: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            staticOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            };
-            targetRef: {
-                type: import("vue").PropType<HTMLElement>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean>;
-            };
-            static: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            staticOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+            static?: boolean;
+            staticOpen?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             static: boolean;
             staticOpen: boolean;
-        }, true, {}, {}, {
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            };
-            targetRef: {
-                type: import("vue").PropType<HTMLElement>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean>;
-            };
-            static: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            staticOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, {}, {}, {}, {
+        }, Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+            static?: boolean;
+            staticOpen?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
             static: boolean;
             staticOpen: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        resize: {
-            type: import("vue").PropType<boolean>;
-        };
-        placement: {
-            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-        };
-        targetRef: {
-            type: import("vue").PropType<HTMLElement>;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
-        teleport: {
-            type: import("vue").PropType<string | boolean>;
-        };
-        static: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        staticOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    } & import("vue").ComponentOptionsBase<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+        static?: boolean;
+        staticOpen?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         static: boolean;
         staticOpen: boolean;
-    }, {}, 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: {
             default?(_: {}): any;
             items?(_: {}): any;
@@ -134,123 +47,36 @@ declare const meta: {
         };
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            };
-            targetRef: {
-                type: import("vue").PropType<HTMLElement>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean>;
-            };
-            static: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            staticOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            };
-            targetRef: {
-                type: import("vue").PropType<HTMLElement>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean>;
-            };
-            static: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            staticOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+            static?: boolean;
+            staticOpen?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             static: boolean;
             staticOpen: boolean;
-        }, true, {}, {}, {
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            };
-            targetRef: {
-                type: import("vue").PropType<HTMLElement>;
-            };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean>;
-            };
-            static: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            staticOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, {}, {}, {}, {
+        }, Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+            static?: boolean;
+            staticOpen?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
             static: boolean;
             staticOpen: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        resize: {
-            type: import("vue").PropType<boolean>;
-        };
-        placement: {
-            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-        };
-        targetRef: {
-            type: import("vue").PropType<HTMLElement>;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
-        teleport: {
-            type: import("vue").PropType<string | boolean>;
-        };
-        static: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        staticOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    } & import("vue").ComponentOptionsBase<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+        static?: boolean;
+        staticOpen?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         static: boolean;
         staticOpen: boolean;
-    }, {}, 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: {
             default?(_: {}): any;
             items?(_: {}): any;
@@ -258,330 +84,124 @@ declare const meta: {
     })>) => {
         components: {
             ScalarDropdown: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    placement: {
-                        type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    };
-                    targetRef: {
-                        type: import("vue").PropType<HTMLElement>;
-                    };
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean>;
-                    };
-                    static: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    staticOpen: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    placement: {
-                        type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    };
-                    targetRef: {
-                        type: import("vue").PropType<HTMLElement>;
-                    };
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean>;
-                    };
-                    static: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    staticOpen: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+                    static?: boolean;
+                    staticOpen?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                     static: boolean;
                     staticOpen: boolean;
-                }, true, {}, {}, {
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    placement: {
-                        type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    };
-                    targetRef: {
-                        type: import("vue").PropType<HTMLElement>;
-                    };
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean>;
-                    };
-                    static: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    staticOpen: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {}, {}, {}, {}, {
+                }, Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+                    static?: boolean;
+                    staticOpen?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, {
                     static: boolean;
                     staticOpen: boolean;
                 }>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                resize: {
-                    type: import("vue").PropType<boolean>;
-                };
-                placement: {
-                    type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                };
-                targetRef: {
-                    type: import("vue").PropType<HTMLElement>;
-                };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
-                teleport: {
-                    type: import("vue").PropType<string | boolean>;
-                };
-                static: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                staticOpen: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            } & import("vue").ComponentOptionsBase<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+                static?: boolean;
+                staticOpen?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 static: boolean;
                 staticOpen: boolean;
-            }, {}, 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: {
                     default?(_: {}): any;
                     items?(_: {}): any;
                 };
             });
             ScalarDropdownItem: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    disabled: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>> & {
-                    onClick?: ((event: MouseEvent) => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    click: (event: MouseEvent) => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    disabled: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>> & {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    disabled?: boolean;
+                }> & Readonly<{
                     onClick?: ((event: MouseEvent) => any) | undefined;
-                }, {}, true, {}, {}, {
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    disabled: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>> & {
+                }, Readonly<{
+                    disabled?: boolean;
+                }> & Readonly<{
                     onClick?: ((event: MouseEvent) => any) | undefined;
-                }, {}, {}, {}, {}, {}>;
+                }>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                };
-            }>> & {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                disabled?: boolean;
+            }> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                click: (event: MouseEvent) => void;
-            }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                click: (event: MouseEvent) => any;
+            }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };
             });
-            ScalarDropdownDivider: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+            ScalarDropdownDivider: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
@@ -591,123 +211,36 @@ declare const meta: {
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    placement: {
-                        type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    };
-                    targetRef: {
-                        type: import("vue").PropType<HTMLElement>;
-                    };
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean>;
-                    };
-                    static: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    staticOpen: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    placement: {
-                        type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    };
-                    targetRef: {
-                        type: import("vue").PropType<HTMLElement>;
-                    };
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean>;
-                    };
-                    static: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    staticOpen: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+                    static?: boolean;
+                    staticOpen?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                     static: boolean;
                     staticOpen: boolean;
-                }, true, {}, {}, {
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    placement: {
-                        type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    };
-                    targetRef: {
-                        type: import("vue").PropType<HTMLElement>;
-                    };
-                    isOpen: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean>;
-                    };
-                    static: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    staticOpen: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {}, {}, {}, {}, {
+                }, Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+                    static?: boolean;
+                    staticOpen?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, {
                     static: boolean;
                     staticOpen: boolean;
                 }>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                resize: {
-                    type: import("vue").PropType<boolean>;
-                };
-                placement: {
-                    type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                };
-                targetRef: {
-                    type: import("vue").PropType<HTMLElement>;
-                };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
-                teleport: {
-                    type: import("vue").PropType<string | boolean>;
-                };
-                static: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                staticOpen: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            } & import("vue").ComponentOptionsBase<Readonly<Omit<import("../ScalarFloating").FloatingOptions, "middleware"> & {
+                static?: boolean;
+                staticOpen?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 static: boolean;
                 staticOpen: boolean;
-            }, {}, 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: {
                     default?(_: {}): any;
                     items?(_: {}): any;