import type { Meta } from '@storybook/vue3';
declare const meta: Meta;
export default meta;
export declare const Default: {
    render: (args: any) => {
        components: {
            ScrollArea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                size: {
                    type: import("vue").PropType<"small" | "large" | "medium">;
                    default: string;
                };
                radius: {
                    type: import("vue").PropType<import("@/lib/types").IRadius>;
                    default: string;
                };
                type: {
                    type: import("vue").PropType<"scroll" | "always" | "hover" | "auto">;
                    default: string;
                };
                scrollHideDelay: {
                    type: NumberConstructor;
                    default: number;
                };
            }>, {
                className: import("vue").ComputedRef<string>;
                props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                    size: {
                        type: import("vue").PropType<"small" | "large" | "medium">;
                        default: string;
                    };
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    type: {
                        type: import("vue").PropType<"scroll" | "always" | "hover" | "auto">;
                        default: string;
                    };
                    scrollHideDelay: {
                        type: NumberConstructor;
                        default: number;
                    };
                }>> & Readonly<{}> & {}>;
            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                size: {
                    type: import("vue").PropType<"small" | "large" | "medium">;
                    default: string;
                };
                radius: {
                    type: import("vue").PropType<import("@/lib/types").IRadius>;
                    default: string;
                };
                type: {
                    type: import("vue").PropType<"scroll" | "always" | "hover" | "auto">;
                    default: string;
                };
                scrollHideDelay: {
                    type: NumberConstructor;
                    default: number;
                };
            }>> & Readonly<{}>, {
                type: "scroll" | "always" | "hover" | "auto";
                size: "small" | "large" | "medium";
                radius: import("@/lib/types").IRadius;
                scrollHideDelay: number;
            }, {}, {
                ScrollAreaRoot: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        type: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").ScrollType>;
                            default: string;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                        dir: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").Direction>;
                        };
                        scrollHideDelay: {
                            type: import("vue").PropType<number>;
                            default: number;
                        };
                    }>>, {
                        viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        scrollTop: () => void;
                        scrollTopLeft: () => void;
                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                        type: import("radix-vue/dist/ScrollArea/types").ScrollType;
                        scrollHideDelay: number;
                    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        type: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").ScrollType>;
                            default: string;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                        dir: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").Direction>;
                        };
                        scrollHideDelay: {
                            type: import("vue").PropType<number>;
                            default: number;
                        };
                    }>>, {
                        viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        scrollTop: () => void;
                        scrollTopLeft: () => void;
                    }, {}, {}, {}, {
                        type: import("radix-vue/dist/ScrollArea/types").ScrollType;
                        scrollHideDelay: number;
                    }>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    type: {
                        type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").ScrollType>;
                        default: string;
                    };
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                    dir: {
                        type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").Direction>;
                    };
                    scrollHideDelay: {
                        type: import("vue").PropType<number>;
                        default: number;
                    };
                }>>, {
                    viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    scrollTop: () => void;
                    scrollTopLeft: () => void;
                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                    type: import("radix-vue/dist/ScrollArea/types").ScrollType;
                    scrollHideDelay: number;
                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                    $slots: {
                        default?(_: {}): any;
                    };
                });
                ScrollAreaCorner: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                    };
                });
                ScrollAreaViewport: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        nonce: {
                            type: import("vue").PropType<string>;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {
                        viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        nonce: {
                            type: import("vue").PropType<string>;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {
                        viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    }, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    nonce: {
                        type: import("vue").PropType<string>;
                    };
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                }>>, {
                    viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                    };
                });
                ScrollAreaScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    orientation: {
                        type: import("vue").PropType<"vertical" | "horizontal">;
                        default: string;
                    };
                    forceMount: {
                        type: BooleanConstructor;
                        default: boolean;
                    };
                }>, {
                    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                        radius: {
                            type: import("vue").PropType<import("@/lib/types").IRadius>;
                            default: string;
                        };
                        orientation: {
                            type: import("vue").PropType<"vertical" | "horizontal">;
                            default: string;
                        };
                        forceMount: {
                            type: BooleanConstructor;
                            default: boolean;
                        };
                    }>> & Readonly<{}> & {}>;
                    className: import("vue").ComputedRef<string>;
                    ScrollBarClassName: import("vue").ComputedRef<string>;
                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    orientation: {
                        type: import("vue").PropType<"vertical" | "horizontal">;
                        default: string;
                    };
                    forceMount: {
                        type: BooleanConstructor;
                        default: boolean;
                    };
                }>> & Readonly<{}>, {
                    forceMount: boolean;
                    orientation: "vertical" | "horizontal";
                    radius: import("@/lib/types").IRadius;
                }, {}, {
                    ScrollAreaScrollbar: {
                        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                                default: string;
                            };
                            forceMount: {
                                type: import("vue").PropType<boolean>;
                            };
                            orientation: {
                                type: import("vue").PropType<"vertical" | "horizontal">;
                                default: string;
                            };
                        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                            as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                            orientation: "vertical" | "horizontal";
                        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                                default: string;
                            };
                            forceMount: {
                                type: import("vue").PropType<boolean>;
                            };
                            orientation: {
                                type: import("vue").PropType<"vertical" | "horizontal">;
                                default: string;
                            };
                        }>>, {}, {}, {}, {}, {
                            as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                            orientation: "vertical" | "horizontal";
                        }>;
                        __isFragment?: undefined;
                        __isTeleport?: undefined;
                        __isSuspense?: undefined;
                    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            default: string;
                        };
                        forceMount: {
                            type: import("vue").PropType<boolean>;
                        };
                        orientation: {
                            type: import("vue").PropType<"vertical" | "horizontal">;
                            default: string;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                        as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                        orientation: "vertical" | "horizontal";
                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                        $slots: {
                            default?(_: {}): any;
                            default?(_: {}): any;
                            default?(_: {}): any;
                            default?(_: {}): any;
                        };
                    });
                    ScrollAreaThumb: {
                        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            };
                        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            };
                        }>>, {}, {}, {}, {}, {}>;
                        __isFragment?: undefined;
                        __isTeleport?: undefined;
                        __isSuspense?: undefined;
                    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                        };
                    });
                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
            Separator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                scaling: {
                    type: import("vue").PropType<"90%" | "95%" | "100%" | "105%" | "110%">;
                    default: string;
                };
                color: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: import("vue").PropType<"small" | "large" | "medium" | "full-large">;
                    default: string;
                };
                orientation: {
                    type: import("vue").PropType<"vertical" | "horizontal">;
                    default: string;
                };
            }>, {
                className: import("vue").ComputedRef<string>;
                props: any;
            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                scaling: {
                    type: import("vue").PropType<"90%" | "95%" | "100%" | "105%" | "110%">;
                    default: string;
                };
                color: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: import("vue").PropType<"small" | "large" | "medium" | "full-large">;
                    default: string;
                };
                orientation: {
                    type: import("vue").PropType<"vertical" | "horizontal">;
                    default: string;
                };
            }>> & Readonly<{}>, {
                size: "small" | "large" | "medium" | "full-large";
                color: string;
                orientation: "vertical" | "horizontal";
                scaling: "90%" | "95%" | "100%" | "105%" | "110%";
            }, {}, {
                Separator: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                        orientation: {
                            type: import("vue").PropType<import("radix-vue/dist/shared/types").DataOrientation>;
                            default: string;
                        };
                        decorative: {
                            type: import("vue").PropType<boolean>;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                        orientation: import("radix-vue/dist/shared/types").DataOrientation;
                    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                        orientation: {
                            type: import("vue").PropType<import("radix-vue/dist/shared/types").DataOrientation>;
                            default: string;
                        };
                        decorative: {
                            type: import("vue").PropType<boolean>;
                        };
                    }>>, {}, {}, {}, {}, {
                        orientation: import("radix-vue/dist/shared/types").DataOrientation;
                    }>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                    orientation: {
                        type: import("vue").PropType<import("radix-vue/dist/shared/types").DataOrientation>;
                        default: string;
                    };
                    decorative: {
                        type: import("vue").PropType<boolean>;
                    };
                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                    orientation: import("radix-vue/dist/shared/types").DataOrientation;
                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                    $slots: {
                        default?(_: {}): any;
                    };
                });
            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        };
        data(): {
            tags: string[];
        };
        setup(): {
            args: any;
        };
        template: string;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
};
export declare const Horizontal: {
    render: (args: any) => {
        components: {
            ScrollArea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                size: {
                    type: import("vue").PropType<"small" | "large" | "medium">;
                    default: string;
                };
                radius: {
                    type: import("vue").PropType<import("@/lib/types").IRadius>;
                    default: string;
                };
                type: {
                    type: import("vue").PropType<"scroll" | "always" | "hover" | "auto">;
                    default: string;
                };
                scrollHideDelay: {
                    type: NumberConstructor;
                    default: number;
                };
            }>, {
                className: import("vue").ComputedRef<string>;
                props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                    size: {
                        type: import("vue").PropType<"small" | "large" | "medium">;
                        default: string;
                    };
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    type: {
                        type: import("vue").PropType<"scroll" | "always" | "hover" | "auto">;
                        default: string;
                    };
                    scrollHideDelay: {
                        type: NumberConstructor;
                        default: number;
                    };
                }>> & Readonly<{}> & {}>;
            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                size: {
                    type: import("vue").PropType<"small" | "large" | "medium">;
                    default: string;
                };
                radius: {
                    type: import("vue").PropType<import("@/lib/types").IRadius>;
                    default: string;
                };
                type: {
                    type: import("vue").PropType<"scroll" | "always" | "hover" | "auto">;
                    default: string;
                };
                scrollHideDelay: {
                    type: NumberConstructor;
                    default: number;
                };
            }>> & Readonly<{}>, {
                type: "scroll" | "always" | "hover" | "auto";
                size: "small" | "large" | "medium";
                radius: import("@/lib/types").IRadius;
                scrollHideDelay: number;
            }, {}, {
                ScrollAreaRoot: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        type: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").ScrollType>;
                            default: string;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                        dir: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").Direction>;
                        };
                        scrollHideDelay: {
                            type: import("vue").PropType<number>;
                            default: number;
                        };
                    }>>, {
                        viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        scrollTop: () => void;
                        scrollTopLeft: () => void;
                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                        type: import("radix-vue/dist/ScrollArea/types").ScrollType;
                        scrollHideDelay: number;
                    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        type: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").ScrollType>;
                            default: string;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                        dir: {
                            type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").Direction>;
                        };
                        scrollHideDelay: {
                            type: import("vue").PropType<number>;
                            default: number;
                        };
                    }>>, {
                        viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        scrollTop: () => void;
                        scrollTopLeft: () => void;
                    }, {}, {}, {}, {
                        type: import("radix-vue/dist/ScrollArea/types").ScrollType;
                        scrollHideDelay: number;
                    }>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    type: {
                        type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").ScrollType>;
                        default: string;
                    };
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                    dir: {
                        type: import("vue").PropType<import("radix-vue/dist/ScrollArea/types").Direction>;
                    };
                    scrollHideDelay: {
                        type: import("vue").PropType<number>;
                        default: number;
                    };
                }>>, {
                    viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    scrollTop: () => void;
                    scrollTopLeft: () => void;
                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                    type: import("radix-vue/dist/ScrollArea/types").ScrollType;
                    scrollHideDelay: number;
                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                    $slots: {
                        default?(_: {}): any;
                    };
                });
                ScrollAreaCorner: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                    };
                });
                ScrollAreaViewport: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        nonce: {
                            type: import("vue").PropType<string>;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {
                        viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        nonce: {
                            type: import("vue").PropType<string>;
                        };
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {
                        viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    }, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    nonce: {
                        type: import("vue").PropType<string>;
                    };
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                }>>, {
                    viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                    };
                });
                ScrollAreaScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    orientation: {
                        type: import("vue").PropType<"vertical" | "horizontal">;
                        default: string;
                    };
                    forceMount: {
                        type: BooleanConstructor;
                        default: boolean;
                    };
                }>, {
                    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                        radius: {
                            type: import("vue").PropType<import("@/lib/types").IRadius>;
                            default: string;
                        };
                        orientation: {
                            type: import("vue").PropType<"vertical" | "horizontal">;
                            default: string;
                        };
                        forceMount: {
                            type: BooleanConstructor;
                            default: boolean;
                        };
                    }>> & Readonly<{}> & {}>;
                    className: import("vue").ComputedRef<string>;
                    ScrollBarClassName: import("vue").ComputedRef<string>;
                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    orientation: {
                        type: import("vue").PropType<"vertical" | "horizontal">;
                        default: string;
                    };
                    forceMount: {
                        type: BooleanConstructor;
                        default: boolean;
                    };
                }>> & Readonly<{}>, {
                    forceMount: boolean;
                    orientation: "vertical" | "horizontal";
                    radius: import("@/lib/types").IRadius;
                }, {}, {
                    ScrollAreaScrollbar: {
                        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                                default: string;
                            };
                            forceMount: {
                                type: import("vue").PropType<boolean>;
                            };
                            orientation: {
                                type: import("vue").PropType<"vertical" | "horizontal">;
                                default: string;
                            };
                        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                            as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                            orientation: "vertical" | "horizontal";
                        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                                default: string;
                            };
                            forceMount: {
                                type: import("vue").PropType<boolean>;
                            };
                            orientation: {
                                type: import("vue").PropType<"vertical" | "horizontal">;
                                default: string;
                            };
                        }>>, {}, {}, {}, {}, {
                            as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                            orientation: "vertical" | "horizontal";
                        }>;
                        __isFragment?: undefined;
                        __isTeleport?: undefined;
                        __isSuspense?: undefined;
                    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            default: string;
                        };
                        forceMount: {
                            type: import("vue").PropType<boolean>;
                        };
                        orientation: {
                            type: import("vue").PropType<"vertical" | "horizontal">;
                            default: string;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                        as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                        orientation: "vertical" | "horizontal";
                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                        $slots: {
                            default?(_: {}): any;
                            default?(_: {}): any;
                            default?(_: {}): any;
                            default?(_: {}): any;
                        };
                    });
                    ScrollAreaThumb: {
                        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            };
                        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import("vue").ExtractPropTypes<{
                            asChild: {
                                type: import("vue").PropType<boolean>;
                            };
                            as: {
                                type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            };
                        }>>, {}, {}, {}, {}, {}>;
                        __isFragment?: undefined;
                        __isTeleport?: undefined;
                        __isSuspense?: undefined;
                    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                        };
                    });
                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
            Scrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                radius: {
                    type: import("vue").PropType<import("@/lib/types").IRadius>;
                    default: string;
                };
                orientation: {
                    type: import("vue").PropType<"vertical" | "horizontal">;
                    default: string;
                };
                forceMount: {
                    type: BooleanConstructor;
                    default: boolean;
                };
            }>, {
                props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                    radius: {
                        type: import("vue").PropType<import("@/lib/types").IRadius>;
                        default: string;
                    };
                    orientation: {
                        type: import("vue").PropType<"vertical" | "horizontal">;
                        default: string;
                    };
                    forceMount: {
                        type: BooleanConstructor;
                        default: boolean;
                    };
                }>> & Readonly<{}> & {}>;
                className: import("vue").ComputedRef<string>;
                ScrollBarClassName: import("vue").ComputedRef<string>;
            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                radius: {
                    type: import("vue").PropType<import("@/lib/types").IRadius>;
                    default: string;
                };
                orientation: {
                    type: import("vue").PropType<"vertical" | "horizontal">;
                    default: string;
                };
                forceMount: {
                    type: BooleanConstructor;
                    default: boolean;
                };
            }>> & Readonly<{}>, {
                forceMount: boolean;
                orientation: "vertical" | "horizontal";
                radius: import("@/lib/types").IRadius;
            }, {}, {
                ScrollAreaScrollbar: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            default: string;
                        };
                        forceMount: {
                            type: import("vue").PropType<boolean>;
                        };
                        orientation: {
                            type: import("vue").PropType<"vertical" | "horizontal">;
                            default: string;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                        as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                        orientation: "vertical" | "horizontal";
                    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                            default: string;
                        };
                        forceMount: {
                            type: import("vue").PropType<boolean>;
                        };
                        orientation: {
                            type: import("vue").PropType<"vertical" | "horizontal">;
                            default: string;
                        };
                    }>>, {}, {}, {}, {}, {
                        as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                        orientation: "vertical" | "horizontal";
                    }>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        default: string;
                    };
                    forceMount: {
                        type: import("vue").PropType<boolean>;
                    };
                    orientation: {
                        type: import("vue").PropType<"vertical" | "horizontal">;
                        default: string;
                    };
                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                    as: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | import("radix-vue").AsTag;
                    orientation: "vertical" | "horizontal";
                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                    $slots: {
                        default?(_: {}): any;
                        default?(_: {}): any;
                        default?(_: {}): any;
                        default?(_: {}): any;
                    };
                });
                ScrollAreaThumb: {
                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import("vue").ExtractPropTypes<{
                        asChild: {
                            type: import("vue").PropType<boolean>;
                        };
                        as: {
                            type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                        };
                    }>>, {}, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                    asChild: {
                        type: import("vue").PropType<boolean>;
                    };
                    as: {
                        type: import("vue").PropType<import("vue").Component | import("radix-vue").AsTag>;
                    };
                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
                    };
                });
            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        };
        data(): {
            works: {
                id: string;
                artist: string;
                art: string;
            }[];
        };
        setup(): {
            args: any;
        };
        template: string;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
};