npm - @pantograph/vue - Versions diffs - 0.22.6 → 0.23.1 - Mend

@pantograph/vue 0.22.6 → 0.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/dist/Textarea/Textarea.d.ts CHANGED Viewed

@@ -20,7 +20,8 @@ export interface TextareaProps {
     size?: TextareaSize;
     status?: TextareaStatus;
     rootProps?: object;
-    height?: string | number;
+    defaultHeight?: string | number;
+    maxHeight?: string | number;
 }
 export interface TextareaSlots {
     clearIcon?: () => never;
@@ -61,286 +62,6 @@ declare function __VLS_template(): {
             };
             $refs: {
                 [x: string]: unknown;
-            } & {
-                root: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
-                        readonly dir?: ("ltr" | "rtl") | undefined;
-                        readonly scrollHideDelay?: number | undefined;
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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;
-                    }, {}, {}, {}, 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)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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<{
-                    type: "scroll" | "auto" | "hover" | "always";
-                    scrollHideDelay: number;
-                }> & 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 & {} & {
-                    $slots: {
-                        default?(_: {}): any;
-                    };
-                }) | null;
-                container: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly nonce?: string | undefined;
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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('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;
-                    };
-                }) | null;
-                wrap: HTMLDivElement;
-                top: HTMLDivElement;
-                end: HTMLDivElement;
-                start: HTMLDivElement;
-                bottom: HTMLDivElement;
-                vertical: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly orientation?: ("vertical" | "horizontal") | undefined;
-                        readonly forceMount?: boolean | undefined;
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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<{
-                    as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                    orientation: "vertical" | "horizontal";
-                }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        default?(_: {}): any;
-                        default?(_: {}): any;
-                        default?(_: {}): any;
-                        default?(_: {}): any;
-                    };
-                }) | null;
-                horizontal: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly orientation?: ("vertical" | "horizontal") | undefined;
-                        readonly forceMount?: boolean | undefined;
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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<{
-                    as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                    orientation: "vertical" | "horizontal";
-                }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        default?(_: {}): any;
-                        default?(_: {}): any;
-                        default?(_: {}): any;
-                        default?(_: {}): any;
-                    };
-                }) | null;
-                corner: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        default?(_: {}): any;
-                    };
-                }) | null;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -353,120 +74,8 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<import('../ScrollContainer/ScrollContainer').ScrollContainerProps> & Readonly<{
                 onLoadMore?: ((...args: any[]) => any) | undefined;
             }>, {
-                container: Readonly<import('vue').ShallowRef<({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly nonce?: string | undefined;
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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('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;
-                    };
-                }) | null>>;
-                root: Readonly<import('vue').ShallowRef<({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
-                        readonly dir?: ("ltr" | "rtl") | undefined;
-                        readonly scrollHideDelay?: number | undefined;
-                        readonly asChild?: boolean | undefined;
-                        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;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $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;
-                    }, {}, {}, {}, 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)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $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<{
-                    type: "scroll" | "auto" | "hover" | "always";
-                    scrollHideDelay: number;
-                }> & 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 & {} & {
-                    $slots: {
-                        default?(_: {}): any;
-                    };
-                }) | null>>;
+                container: import('vue').Ref<any, any>;
+                root: import('vue').Ref<any, any>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 loadMore: (...args: any[]) => void;
             }, string, {
@@ -503,121 +112,9 @@ declare function __VLS_template(): {
             overlay: boolean;
         }> & Omit<Readonly<import('../ScrollContainer/ScrollContainer').ScrollContainerProps> & Readonly<{
             onLoadMore?: ((...args: any[]) => any) | undefined;
-        }>, "root" | ("size" | "type" | "scrollDistance" | "scrollHideDelay" | "overlay") | "container"> & import('vue').ShallowUnwrapRef<{
-            container: Readonly<import('vue').ShallowRef<({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly nonce?: string | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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('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;
-                };
-            }) | null>>;
-            root: Readonly<import('vue').ShallowRef<({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
-                    readonly dir?: ("ltr" | "rtl") | undefined;
-                    readonly scrollHideDelay?: number | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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;
-                }, {}, {}, {}, 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)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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<{
-                type: "scroll" | "auto" | "hover" | "always";
-                scrollHideDelay: number;
-            }> & 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 & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null>>;
+        }>, "root" | "container" | ("size" | "type" | "scrollDistance" | "scrollHideDelay" | "overlay")> & import('vue').ShallowUnwrapRef<{
+            container: import('vue').Ref<any, any>;
+            root: import('vue').Ref<any, any>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -630,619 +127,28 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
-    textarea: Readonly<import('vue').ShallowRef<HTMLTextAreaElement | null>>;
-    focus: (opt?: FocusOptions) => void | undefined;
-    blur: () => void | undefined;
-    select: () => void | undefined;
-    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void | undefined;
+    textarea: import('vue').Ref<any, any>;
+    focus: (opt?: FocusOptions) => any;
+    blur: () => any;
+    select: () => any;
+    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (value?: InputEvent | undefined) => any;
+    clear: () => any;
     "update:modelValue": (value?: string | undefined) => any;
     blur: (value: InputEvent) => any;
     focus: (value: InputEvent) => any;
-    clear: () => any;
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
     onInput?: ((value?: InputEvent | undefined) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
     onBlur?: ((value: InputEvent) => any) | undefined;
     onFocus?: ((value: InputEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     clearIcon: string;
     bordered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly scrollDistance?: number | undefined;
-            readonly scrollHideDelay?: number | undefined;
-            readonly dir?: ("rtl" | "ltr") | undefined;
-            readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ScrollContainerType | undefined;
-            readonly hasMask?: boolean | undefined;
-            readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ScrollContainerSize | undefined;
-            readonly scrollbarCls?: Class | undefined;
-            readonly wrapCls?: Class | undefined;
-            readonly areaCls?: Class | undefined;
-            readonly rootCls?: Class | undefined;
-            readonly thumbCls?: Class | undefined;
-            readonly cornerCls?: Class | undefined;
-            readonly rootProps?: object | undefined;
-            readonly overlay?: boolean | undefined;
-            readonly color?: string | undefined;
-            readonly onLoadMore?: ((...args: any[]) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            root: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
-                    readonly dir?: ("ltr" | "rtl") | undefined;
-                    readonly scrollHideDelay?: number | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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;
-                }, {}, {}, {}, 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)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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<{
-                type: "scroll" | "auto" | "hover" | "always";
-                scrollHideDelay: number;
-            }> & 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 & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null;
-            container: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly nonce?: string | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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('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;
-                };
-            }) | null;
-            wrap: HTMLDivElement;
-            top: HTMLDivElement;
-            end: HTMLDivElement;
-            start: HTMLDivElement;
-            bottom: HTMLDivElement;
-            vertical: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly orientation?: ("vertical" | "horizontal") | undefined;
-                    readonly forceMount?: boolean | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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<{
-                as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                orientation: "vertical" | "horizontal";
-            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                    default?(_: {}): any;
-                    default?(_: {}): any;
-                    default?(_: {}): any;
-                };
-            }) | null;
-            horizontal: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly orientation?: ("vertical" | "horizontal") | undefined;
-                    readonly forceMount?: boolean | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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<{
-                as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-                orientation: "vertical" | "horizontal";
-            }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaScrollbarProps> & Readonly<{}>, "as" | "orientation"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                    default?(_: {}): any;
-                    default?(_: {}): any;
-                    default?(_: {}): any;
-                };
-            }) | null;
-            corner: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "loadMore", ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../ScrollContainer/ScrollContainer').ScrollContainerProps> & Readonly<{
-            onLoadMore?: ((...args: any[]) => any) | undefined;
-        }>, {
-            container: Readonly<import('vue').ShallowRef<({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly nonce?: string | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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('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;
-                };
-            }) | null>>;
-            root: Readonly<import('vue').ShallowRef<({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
-                    readonly dir?: ("ltr" | "rtl") | undefined;
-                    readonly scrollHideDelay?: number | undefined;
-                    readonly asChild?: boolean | undefined;
-                    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;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $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;
-                }, {}, {}, {}, 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)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $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<{
-                type: "scroll" | "auto" | "hover" | "always";
-                scrollHideDelay: number;
-            }> & 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 & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            loadMore: (...args: any[]) => void;
-        }, string, {
-            size: import('../index.ts', { with: { "resolution-mode": "import" } }).ScrollContainerSize;
-            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ScrollContainerType;
-            scrollDistance: number;
-            scrollHideDelay: number;
-            overlay: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $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<{
-        size: import('../index.ts', { with: { "resolution-mode": "import" } }).ScrollContainerSize;
-        type: import('../index.ts', { with: { "resolution-mode": "import" } }).ScrollContainerType;
-        scrollDistance: number;
-        scrollHideDelay: number;
-        overlay: boolean;
-    }> & Omit<Readonly<import('../ScrollContainer/ScrollContainer').ScrollContainerProps> & Readonly<{
-        onLoadMore?: ((...args: any[]) => any) | undefined;
-    }>, "root" | ("size" | "type" | "scrollDistance" | "scrollHideDelay" | "overlay") | "container"> & import('vue').ShallowUnwrapRef<{
-        container: Readonly<import('vue').ShallowRef<({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly nonce?: string | undefined;
-                readonly asChild?: boolean | undefined;
-                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;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $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)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $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('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;
-            };
-        }) | null>>;
-        root: Readonly<import('vue').ShallowRef<({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly type?: ("scroll" | "auto" | "hover" | "always") | undefined;
-                readonly dir?: ("ltr" | "rtl") | undefined;
-                readonly scrollHideDelay?: number | undefined;
-                readonly asChild?: boolean | undefined;
-                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;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $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;
-            }, {}, {}, {}, 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)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $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<{
-            type: "scroll" | "auto" | "hover" | "always";
-            scrollHideDelay: number;
-        }> & 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 & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null>>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-            root?(_: {}): any;
-        };
-    }) | null;
-    textarea: HTMLTextAreaElement;
-}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {