@pantograph/vue 0.21.1 → 0.22.0

package/dist/Textarea/Textarea.d.ts

@@ -62,16 +62,13 @@ declare function __VLS_template(): {
                 root: ({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                        scrollHideDelay: number;
-                    }> & Omit<{
-                        readonly type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                        readonly scrollHideDelay: number;
-                        readonly dir?: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction | undefined;
-                        readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    $props: {
+                        readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
+                        readonly dir?: ("ltr" | "rtl") | undefined;
+                        readonly scrollHideDelay?: number | undefined;
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -86,30 +83,12 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                        dir: {
-                            type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                        };
-                        type: {
-                            type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                            default: string;
-                        };
-                        as: {
-                            type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        };
-                        asChild: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        scrollHideDelay: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                    }>>, {
-                        viewport: import('vue').Ref<HTMLElement | undefined>;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, {
+                        viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                         scrollTop: () => void;
                         scrollTopLeft: () => void;
-                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        type: "scroll" | "auto" | "hover" | "always";
                         scrollHideDelay: number;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -132,28 +111,10 @@ declare function __VLS_template(): {
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                    type: "scroll" | "auto" | "hover" | "always";
                     scrollHideDelay: number;
-                }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                    dir: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                        default: string;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollHideDelay: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                }>>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                    viewport: import('vue').Ref<HTMLElement | undefined>;
+                }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -164,11 +125,11 @@ declare function __VLS_template(): {
                 container: ({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{}> & Omit<{
+                    $props: {
                         readonly nonce?: string | undefined;
-                        readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -183,19 +144,9 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: 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', { with: { "resolution-mode": "import" } }).AsTag>;
-                        };
-                    }>>, {
-                        viewportElement: import('vue').Ref<HTMLElement | undefined>;
-                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, {
+                        viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
                         created?: (() => void) | (() => void)[];
                         beforeMount?: (() => void) | (() => void)[];
@@ -215,18 +166,8 @@ declare function __VLS_template(): {
                     $forceUpdate: () => void;
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<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', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-                    viewportElement: import('vue').Ref<HTMLElement | undefined>;
+                } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                    viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
@@ -240,15 +181,12 @@ declare function __VLS_template(): {
                 vertical: ({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        as: import('radix-vue').AsTag | import('vue').Component;
-                        orientation: "vertical" | "horizontal";
-                    }> & Omit<{
-                        readonly as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                        readonly orientation: "vertical" | "horizontal";
+                    $props: {
+                        readonly orientation?: ("vertical" | "horizontal") | undefined;
                         readonly forceMount?: boolean | undefined;
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as" | "orientation">;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -263,23 +201,8 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                        as: {
-                            type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                            default: string;
-                        };
-                        forceMount: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        asChild: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        orientation: {
-                            type: import('vue').PropType<"horizontal" | "vertical">;
-                            default: string;
-                        };
-                    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        as: import('radix-vue').AsTag | import('vue').Component;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                         orientation: "vertical" | "horizontal";
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -302,24 +225,9 @@ declare function __VLS_template(): {
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    as: import('radix-vue').AsTag | import('vue').Component;
+                    as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                     orientation: "vertical" | "horizontal";
-                }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        default: string;
-                    };
-                    forceMount: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    orientation: {
-                        type: import('vue').PropType<"horizontal" | "vertical">;
-                        default: string;
-                    };
-                }>>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                         default?(_: {}): any;
@@ -330,15 +238,12 @@ declare function __VLS_template(): {
                 horizontal: ({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        as: import('radix-vue').AsTag | import('vue').Component;
-                        orientation: "vertical" | "horizontal";
-                    }> & Omit<{
-                        readonly as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                        readonly orientation: "vertical" | "horizontal";
+                    $props: {
+                        readonly orientation?: ("vertical" | "horizontal") | undefined;
                         readonly forceMount?: boolean | undefined;
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as" | "orientation">;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -353,23 +258,8 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                        as: {
-                            type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                            default: string;
-                        };
-                        forceMount: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        asChild: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        orientation: {
-                            type: import('vue').PropType<"horizontal" | "vertical">;
-                            default: string;
-                        };
-                    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        as: import('radix-vue').AsTag | import('vue').Component;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                         orientation: "vertical" | "horizontal";
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -392,24 +282,9 @@ declare function __VLS_template(): {
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    as: import('radix-vue').AsTag | import('vue').Component;
+                    as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                     orientation: "vertical" | "horizontal";
-                }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        default: string;
-                    };
-                    forceMount: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    orientation: {
-                        type: import('vue').PropType<"horizontal" | "vertical">;
-                        default: string;
-                    };
-                }>>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                         default?(_: {}): any;
@@ -420,10 +295,10 @@ declare function __VLS_template(): {
                 corner: ({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{}> & Omit<{
-                        readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    $props: {
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -438,14 +313,7 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                        asChild: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        as: {
-                            type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        };
-                    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
                         created?: (() => void) | (() => void)[];
                         beforeMount?: (() => void) | (() => void)[];
@@ -465,14 +333,7 @@ declare function __VLS_template(): {
                     $forceUpdate: () => void;
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                     };
@@ -492,11 +353,11 @@ declare function __VLS_template(): {
                 container: Readonly<import('vue').ShallowRef<({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{}> & Omit<{
+                    $props: {
                         readonly nonce?: string | undefined;
-                        readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -511,19 +372,9 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: 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', { with: { "resolution-mode": "import" } }).AsTag>;
-                        };
-                    }>>, {
-                        viewportElement: import('vue').Ref<HTMLElement | undefined>;
-                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, {
+                        viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
                         created?: (() => void) | (() => void)[];
                         beforeMount?: (() => void) | (() => void)[];
@@ -543,18 +394,8 @@ declare function __VLS_template(): {
                     $forceUpdate: () => void;
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<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', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-                    viewportElement: import('vue').Ref<HTMLElement | undefined>;
+                } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                    viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
@@ -563,16 +404,13 @@ declare function __VLS_template(): {
                 root: Readonly<import('vue').ShallowRef<({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                        scrollHideDelay: number;
-                    }> & Omit<{
-                        readonly type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                        readonly scrollHideDelay: number;
-                        readonly dir?: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction | undefined;
-                        readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    $props: {
+                        readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
+                        readonly dir?: ("ltr" | "rtl") | undefined;
+                        readonly scrollHideDelay?: number | undefined;
                         readonly asChild?: boolean | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+                        readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -587,30 +425,12 @@ declare function __VLS_template(): {
                     $host: Element | null;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                        dir: {
-                            type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                        };
-                        type: {
-                            type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                            default: string;
-                        };
-                        as: {
-                            type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        };
-                        asChild: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        scrollHideDelay: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                    }>>, {
-                        viewport: import('vue').Ref<HTMLElement | undefined>;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, {
+                        viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                         scrollTop: () => void;
                         scrollTopLeft: () => void;
-                    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        type: "scroll" | "auto" | "hover" | "always";
                         scrollHideDelay: number;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -633,28 +453,10 @@ declare function __VLS_template(): {
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                    type: "scroll" | "auto" | "hover" | "always";
                     scrollHideDelay: number;
-                }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                    dir: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                        default: string;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollHideDelay: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                }>>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                    viewport: import('vue').Ref<HTMLElement | undefined>;
+                }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -702,11 +504,11 @@ declare function __VLS_template(): {
             container: Readonly<import('vue').ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{}> & Omit<{
+                $props: {
                     readonly nonce?: string | undefined;
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -721,19 +523,9 @@ declare function __VLS_template(): {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: 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', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, {
-                    viewportElement: import('vue').Ref<HTMLElement | undefined>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, {
+                    viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -753,18 +545,8 @@ declare function __VLS_template(): {
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<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', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-            }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-                viewportElement: import('vue').Ref<HTMLElement | undefined>;
+            } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
@@ -773,16 +555,13 @@ declare function __VLS_template(): {
             root: Readonly<import('vue').ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                    scrollHideDelay: number;
-                }> & Omit<{
-                    readonly type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                    readonly scrollHideDelay: number;
-                    readonly dir?: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction | undefined;
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                $props: {
+                    readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
+                    readonly dir?: ("ltr" | "rtl") | undefined;
+                    readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -797,30 +576,12 @@ declare function __VLS_template(): {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    dir: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                        default: string;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollHideDelay: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                }>>, {
-                    viewport: import('vue').Ref<HTMLElement | undefined>;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, {
+                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    type: "scroll" | "auto" | "hover" | "always";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -843,28 +604,10 @@ declare function __VLS_template(): {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                type: "scroll" | "auto" | "hover" | "always";
                 scrollHideDelay: number;
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                dir: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                };
-                type: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                    default: string;
-                };
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollHideDelay: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-            }>>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                viewport: import('vue').Ref<HTMLElement | undefined>;
+            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+                viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 scrollTop: () => void;
                 scrollTopLeft: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -933,16 +676,13 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             root: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                    scrollHideDelay: number;
-                }> & Omit<{
-                    readonly type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                    readonly scrollHideDelay: number;
-                    readonly dir?: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction | undefined;
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                $props: {
+                    readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
+                    readonly dir?: ("ltr" | "rtl") | undefined;
+                    readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -957,30 +697,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    dir: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                        default: string;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollHideDelay: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                }>>, {
-                    viewport: import('vue').Ref<HTMLElement | undefined>;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, {
+                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    type: "scroll" | "auto" | "hover" | "always";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -1003,28 +725,10 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                type: "scroll" | "auto" | "hover" | "always";
                 scrollHideDelay: number;
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                dir: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                };
-                type: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                    default: string;
-                };
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollHideDelay: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-            }>>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                viewport: import('vue').Ref<HTMLElement | undefined>;
+            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+                viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 scrollTop: () => void;
                 scrollTopLeft: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -1035,11 +739,11 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             container: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{}> & Omit<{
+                $props: {
                     readonly nonce?: string | undefined;
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1054,19 +758,9 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: 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', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, {
-                    viewportElement: import('vue').Ref<HTMLElement | undefined>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, {
+                    viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -1086,18 +780,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<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', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-            }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-                viewportElement: import('vue').Ref<HTMLElement | undefined>;
+            } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
@@ -1111,15 +795,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             vertical: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{
-                    as: import('radix-vue').AsTag | import('vue').Component;
-                    orientation: "vertical" | "horizontal";
-                }> & Omit<{
-                    readonly as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                    readonly orientation: "vertical" | "horizontal";
+                $props: {
+                    readonly orientation?: ("vertical" | "horizontal") | undefined;
                     readonly forceMount?: boolean | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as" | "orientation">;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1134,23 +815,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        default: string;
-                    };
-                    forceMount: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    orientation: {
-                        type: import('vue').PropType<"horizontal" | "vertical">;
-                        default: string;
-                    };
-                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    as: import('radix-vue').AsTag | import('vue').Component;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                     orientation: "vertical" | "horizontal";
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -1173,24 +839,9 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                as: import('radix-vue').AsTag | import('vue').Component;
+                as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                 orientation: "vertical" | "horizontal";
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    default: string;
-                };
-                forceMount: {
-                    type: import('vue').PropType<boolean>;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                orientation: {
-                    type: import('vue').PropType<"horizontal" | "vertical">;
-                    default: string;
-                };
-            }>>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
                     default?(_: {}): any;
@@ -1201,15 +852,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             horizontal: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{
-                    as: import('radix-vue').AsTag | import('vue').Component;
-                    orientation: "vertical" | "horizontal";
-                }> & Omit<{
-                    readonly as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                    readonly orientation: "vertical" | "horizontal";
+                $props: {
+                    readonly orientation?: ("vertical" | "horizontal") | undefined;
                     readonly forceMount?: boolean | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as" | "orientation">;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1224,23 +872,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                        default: string;
-                    };
-                    forceMount: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    orientation: {
-                        type: import('vue').PropType<"horizontal" | "vertical">;
-                        default: string;
-                    };
-                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    as: import('radix-vue').AsTag | import('vue').Component;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                     orientation: "vertical" | "horizontal";
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -1263,24 +896,9 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                as: import('radix-vue').AsTag | import('vue').Component;
+                as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
                 orientation: "vertical" | "horizontal";
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    default: string;
-                };
-                forceMount: {
-                    type: import('vue').PropType<boolean>;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                orientation: {
-                    type: import('vue').PropType<"horizontal" | "vertical">;
-                    default: string;
-                };
-            }>>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
                     default?(_: {}): any;
@@ -1291,10 +909,10 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             corner: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{}> & Omit<{
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                $props: {
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1309,14 +927,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -1336,14 +947,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-            }>>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
                 };
@@ -1363,11 +967,11 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             container: Readonly<import('vue').ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{}> & Omit<{
+                $props: {
                     readonly nonce?: string | undefined;
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1382,19 +986,9 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: 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', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                }>>, {
-                    viewportElement: import('vue').Ref<HTMLElement | undefined>;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, {
+                    viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -1414,18 +1008,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<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', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-            }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-                viewportElement: import('vue').Ref<HTMLElement | undefined>;
+            } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
@@ -1434,16 +1018,13 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             root: Readonly<import('vue').ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
-                $props: Partial<{
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                    scrollHideDelay: number;
-                }> & Omit<{
-                    readonly type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                    readonly scrollHideDelay: number;
-                    readonly dir?: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction | undefined;
-                    readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                $props: {
+                    readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
+                    readonly dir?: ("ltr" | "rtl") | undefined;
+                    readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+                    readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1458,30 +1039,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $host: Element | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    dir: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                        default: string;
-                    };
-                    as: {
-                        type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    };
-                    asChild: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollHideDelay: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                }>>, {
-                    viewport: import('vue').Ref<HTMLElement | undefined>;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, {
+                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    type: "scroll" | "auto" | "hover" | "always";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -1504,28 +1067,10 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+                type: "scroll" | "auto" | "hover" | "always";
                 scrollHideDelay: number;
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                dir: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                };
-                type: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                    default: string;
-                };
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollHideDelay: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-            }>>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                viewport: import('vue').Ref<HTMLElement | undefined>;
+            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+                viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 scrollTop: () => void;
                 scrollTopLeft: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -1573,11 +1118,11 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
         container: Readonly<import('vue').ShallowRef<({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{}> & Omit<{
+            $props: {
                 readonly nonce?: string | undefined;
-                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
                 readonly asChild?: boolean | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1592,19 +1137,9 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: 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', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-            }>>, {
-                viewportElement: import('vue').Ref<HTMLElement | undefined>;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, {
+                viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -1624,18 +1159,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<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', { with: { "resolution-mode": "import" } }).AsTag>;
-            };
-        }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-            viewportElement: import('vue').Ref<HTMLElement | undefined>;
+        } & Readonly<{}> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+            viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -1644,16 +1169,13 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
         root: Readonly<import('vue').ShallowRef<({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                scrollHideDelay: number;
-            }> & Omit<{
-                readonly type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
-                readonly scrollHideDelay: number;
-                readonly dir?: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction | undefined;
-                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            $props: {
+                readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
+                readonly dir?: ("ltr" | "rtl") | undefined;
+                readonly scrollHideDelay?: number | undefined;
                 readonly asChild?: boolean | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1668,30 +1190,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                dir: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-                };
-                type: {
-                    type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                    default: string;
-                };
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollHideDelay: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-            }>>, {
-                viewport: import('vue').Ref<HTMLElement | undefined>;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, {
+                viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 scrollTop: () => void;
                 scrollTopLeft: () => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                type: "scroll" | "auto" | "hover" | "always";
                 scrollHideDelay: number;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -1714,28 +1218,10 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            type: import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType;
+            type: "scroll" | "auto" | "hover" | "always";
             scrollHideDelay: number;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            dir: {
-                type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).Direction>;
-            };
-            type: {
-                type: import('vue').PropType<import('../../../../node_modules/radix-vue/dist/ScrollArea/types.js', { with: { "resolution-mode": "import" } }).ScrollType>;
-                default: string;
-            };
-            as: {
-                type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-            };
-            asChild: {
-                type: import('vue').PropType<boolean>;
-            };
-            scrollHideDelay: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-        }>>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-            viewport: import('vue').Ref<HTMLElement | undefined>;
+        }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+            viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             scrollTop: () => void;
             scrollTopLeft: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {