@pantograph/vue 0.17.1 → 0.18.0

package/dist/ScrollContainer/ScrollContainer.d.ts

@@ -443,8 +443,179 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProps, {
-    container: import('vue').Ref<any, any>;
-    root: import('vue').Ref<any, any>;
+    container: Readonly<import('vue').ShallowRef<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            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>;
+        $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('vue').ExtractPropTypes<{
+            nonce: {
+                type: import('vue').PropType<string>;
+            };
+            asChild: {
+                type: import('vue').PropType<boolean>;
+            };
+            as: {
+                type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            };
+        }>>, {
+            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> & {
+            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 import('vue').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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+        };
+    }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+        viewportElement: import('vue').Ref<HTMLElement | undefined>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null>>;
+    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;
+            readonly asChild?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+        $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('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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            };
+            asChild: {
+                type: import('vue').PropType<boolean>;
+            };
+            scrollHideDelay: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+        }>>, {
+            viewport: import('vue').Ref<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;
+            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 import('vue').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;
+        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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+        };
+        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>;
+        scrollTop: () => void;
+        scrollTopLeft: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<ScrollContainerProps> & Readonly<{
@@ -455,7 +626,426 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProp
     scrollDistance: number;
     scrollHideDelay: number;
     overlay: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    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;
+            readonly asChild?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "scrollHideDelay">;
+        $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('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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            };
+            asChild: {
+                type: import('vue').PropType<boolean>;
+            };
+            scrollHideDelay: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+        }>>, {
+            viewport: import('vue').Ref<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;
+            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 import('vue').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;
+        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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+        };
+        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>;
+        scrollTop: () => void;
+        scrollTopLeft: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    container: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            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>;
+        $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('vue').ExtractPropTypes<{
+            nonce: {
+                type: import('vue').PropType<string>;
+            };
+            asChild: {
+                type: import('vue').PropType<boolean>;
+            };
+            as: {
+                type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            };
+        }>>, {
+            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> & {
+            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 import('vue').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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+        };
+    }>>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+        viewportElement: import('vue').Ref<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: 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";
+            readonly forceMount?: boolean | undefined;
+            readonly asChild?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as" | "orientation">;
+        $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('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+                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;
+            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 import('vue').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;
+        orientation: "vertical" | "horizontal";
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            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 & {} & {
+        $slots: {
+            default?(_: {}): any;
+            default?(_: {}): any;
+            default?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+    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";
+            readonly forceMount?: boolean | undefined;
+            readonly asChild?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as" | "orientation">;
+        $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('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+                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;
+            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 import('vue').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;
+        orientation: "vertical" | "horizontal";
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            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 & {} & {
+        $slots: {
+            default?(_: {}): any;
+            default?(_: {}): any;
+            default?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+    corner: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            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>;
+        $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('vue').ExtractPropTypes<{
+            asChild: {
+                type: import('vue').PropType<boolean>;
+            };
+            as: {
+                type: import('vue').PropType<import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+            };
+        }>>, {}, unknown, {}, {}, 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 import('vue').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('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component>;
+        };
+    }>>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/ScrollContainer/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-D9RXstRc.js";
+import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DV3MpmCr.js";
 export {
   r as ScrollContainer,
   e as ScrollContainerSizes,

package/dist/ScrollContainer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DFyVzt_L.js");exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.vue_vue_type_style_index_0_lang-CY96GfuH.js");exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-CY96GfuH.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("radix-vue"),A=require("class-variance-authority"),r=require("@pantograph/utils"),n=require("@vueuse/core"),X=require("./index-BfpYQmzU.js"),l=r.getBemBlock("scroll_container"),Y=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},endVisible:{type:Boolean},startVisible:{type:Boolean}},setup(c){const u=c,t=r.getBemElement(l,"mask"),i=A.cva(t,{variants:{topVisible:r.generateVariantClassList("top-visible",t),bottomVisible:r.generateVariantClassList("bottom-visible",t),startVisible:r.generateVariantClassList("start-visible",t),endVisible:r.generateVariantClassList("end-visible",t)}});return(v,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)(u))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"start"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"end"))},null,2)],2))}}),F=["auto","always","scroll","hover"],L=["sm","md","lg"],W=e.defineComponent({inheritAttrs:!1,__name:"ScrollContainer",props:{scrollDistance:{default:10},scrollHideDelay:{default:200},dir:{},type:{default:"hover"},hasMask:{type:Boolean},size:{default:"md"},scrollbarCls:{},thumbCls:{},cornerCls:{},rootProps:{},overlay:{type:Boolean,default:!0},color:{}},emits:["loadMore"],setup(c,{expose:u,emit:t}){const i=c,v=t,b=A.cva(l,{variants:{size:r.generateVariantClassList(L,l),overlay:r.generateVariantClassList("overlay",l),isOverflowX:r.generateVariantClassList("overflowed-x",l),isOverflowY:r.generateVariantClassList("overflowed-y",l),hasMask:r.generateVariantClassList("has-mask",l)}}),f=r.getBemElement(l,"scroll_bar"),V=r.getBemElement(f,"thumb"),{config:O}=X.useConfig(),q=e.computed(()=>i.dir?i.dir:O.dir.value),C=e.useTemplateRef("top"),D=n.useElementVisibility(C),y=e.useTemplateRef("end"),H=n.useElementVisibility(y),h=e.useTemplateRef("start"),P=n.useElementVisibility(h),g=e.useTemplateRef("bottom"),m=e.shallowRef(!1),{stop:$}=n.useIntersectionObserver(g,([{isIntersecting:s}])=>{s?(v("loadMore"),m.value=!0):m.value=!1});e.onBeforeUnmount($);const o=e.useTemplateRef("root"),B=e.useTemplateRef("container"),k=e.useTemplateRef("wrap"),E=e.shallowRef(!1),w=e.shallowRef(!1),d=n.useDebounceFn(()=>{var s,p,z,S,_,N,R,T,M;e.unref((s=o.value)==null?void 0:s.viewport)&&(E.value=(((z=(p=e.unref(o.value))==null?void 0:p.viewport)==null?void 0:z.offsetWidth)||0)<(((_=(S=e.unref(o.value))==null?void 0:S.viewport)==null?void 0:_.scrollWidth)||0),w.value=(((R=(N=e.unref(o.value))==null?void 0:N.viewport)==null?void 0:R.offsetHeight)||0)<(((M=(T=e.unref(o.value))==null?void 0:T.viewport)==null?void 0:M.scrollHeight)||0))},10);return e.onMounted(()=>d()),n.useResizeObserver(o,d),n.useResizeObserver(k,d),u({container:B,root:o}),(s,p)=>(e.openBlock(),e.createBlock(e.unref(a.ScrollAreaRoot),e.mergeProps({class:[e.unref(b)({overlay:s.overlay,isOverflowX:E.value,isOverflowY:w.value,hasMask:s.hasMask,size:s.size})],scrollHideDelay:i.scrollHideDelay,dir:q.value,type:i.type},s.rootProps,{style:{"--ptc-scroll-container-color":s.color},ref_key:"root",ref:o}),{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaViewport),e.mergeProps({class:e.unref(r.getBemElement)(e.unref(l),"area")},s.$attrs,{ref_key:"container",ref:B,"as-child":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"area__wrap")),ref_key:"wrap",ref:k},[e.renderSlot(s.$slots,"default"),s.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:C,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"end",ref:y,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"end_observer"))},null,2),e.createElementVNode("div",{ref_key:"start",ref:h,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"start_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:g,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],2)]),_:3},16,["class"]),s.hasMask?(e.openBlock(),e.createBlock(Y,{key:0,topVisible:e.unref(D),bottomVisible:m.value,endVisible:e.unref(H),startVisible:e.unref(P)},null,8,["topVisible","bottomVisible","endVisible","startVisible"])):e.createCommentVNode("",!0),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),s.scrollbarCls]),orientation:"vertical",ref:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(V),s.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),s.scrollbarCls]),orientation:"horizontal",ref:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(V),s.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(s.cornerCls)},null,8,["class"]),e.renderSlot(s.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=L;exports.ScrollContainerTypes=F;exports._sfc_main=W;