@pantograph/vue 0.23.0 → 0.23.2

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-Bc_8IXPT.js → RadioGroup.vue_vue_type_script_setup_true_lang-Dq66i_P9.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("reka-ui"),k=require("class-variance-authority"),C=require("./Icon.vue_vue_type_style_index_0_lang-BjAp2TPg.js"),b=require("./options-CWrQ7gsa.js"),v=require("./useInputDataStates-D6nrxMSF.js"),t=require("@pantograph/utils"),V=["for"],l=t.getBemBlock("radio_group"),_=e.defineComponent({...b.getComponentOptions("RadioGroupItem"),__name:"RadioGroupItem",props:{class:{},rootCls:{},labelCls:{},label:{},id:{},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","blur","focus"],setup(u,{emit:c}){const o=u,s=t.getBemElement(l,"item"),d=e.useSlots(),m=c,r=e.computed(()=>o.id??t.usePCId(s)),{rootBindings:p,inputBindings:n}=v.UseInputDataStates({getDisabled:()=>o.disabled,emit:m}),f=e.computed(()=>({...C.omit(o,"class","id","rootCls","labelCls","label"),id:r.value,...n.value})),B=e.computed(()=>!!(d.label||o.label));return(a,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(t.getBemElement)(e.unref(s),"root"),a.rootCls]},e.unref(p)),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:[e.unref(s),o.class]},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([e.unref(t.getBemElement)(e.unref(s),"label"),a.labelCls]),for:r.value},[e.renderSlot(a.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],10,V)):e.createCommentVNode("",!0)],16))}}),h=["2xsm","xsm"],y=e.defineComponent({...b.getComponentOptions("RadioGroup"),__name:"RadioGroup",props:{items:{},options:{},size:{default:"xsm"},class:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{default:"vertical"},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue"],setup(u,{emit:c}){const o=u,s=c,d=e.computed(()=>C.omit(o,"items","options","class")),m=i.useForwardPropsEmits(d,s),r=k.cva(l,{variants:{size:t.generateVariantClassList(h,l),orientation:t.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=v.useFormInput(),n=e.computed(()=>o.options??o.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:[e.unref(r)(o),o.class]}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var a;return[(a=n.value)!=null&&a.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,g=>(e.openBlock(),e.createBlock(_,e.mergeProps({ref_for:!0},g),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=_;
+"use strict";const e=require("vue"),i=require("reka-ui"),k=require("class-variance-authority"),C=require("./Icon.vue_vue_type_style_index_0_lang-Cc8Uh2lr.js"),b=require("./options-CWrQ7gsa.js"),v=require("./useInputDataStates-C6bS7MJv.js"),t=require("@pantograph/utils"),V=["for"],l=t.getBemBlock("radio_group"),_=e.defineComponent({...b.getComponentOptions("RadioGroupItem"),__name:"RadioGroupItem",props:{class:{},rootCls:{},labelCls:{},label:{},id:{},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","blur","focus"],setup(u,{emit:c}){const o=u,s=t.getBemElement(l,"item"),d=e.useSlots(),m=c,r=e.computed(()=>o.id??t.usePCId(s)),{rootBindings:p,inputBindings:n}=v.UseInputDataStates({getDisabled:()=>o.disabled,emit:m}),f=e.computed(()=>({...C.omit(o,"class","id","rootCls","labelCls","label"),id:r.value,...n.value})),B=e.computed(()=>!!(d.label||o.label));return(a,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(t.getBemElement)(e.unref(s),"root"),a.rootCls]},e.unref(p)),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:[e.unref(s),o.class]},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([e.unref(t.getBemElement)(e.unref(s),"label"),a.labelCls]),for:r.value},[e.renderSlot(a.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],10,V)):e.createCommentVNode("",!0)],16))}}),h=["2xsm","xsm"],y=e.defineComponent({...b.getComponentOptions("RadioGroup"),__name:"RadioGroup",props:{items:{},options:{},size:{default:"xsm"},class:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{default:"vertical"},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue"],setup(u,{emit:c}){const o=u,s=c,d=e.computed(()=>C.omit(o,"items","options","class")),m=i.useForwardPropsEmits(d,s),r=k.cva(l,{variants:{size:t.generateVariantClassList(h,l),orientation:t.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=v.useFormInput(),n=e.computed(()=>o.options??o.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:[e.unref(r)(o),o.class]}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var a;return[(a=n.value)!=null&&a.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,g=>(e.openBlock(),e.createBlock(_,e.mergeProps({ref_for:!0},g),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=_;

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-CgRUMlpC.js → RadioGroup.vue_vue_type_script_setup_true_lang-bWA97IMn.js}

@@ -1,9 +1,9 @@
 import { defineComponent as h, useSlots as z, computed as a, createElementBlock as v, openBlock as l, mergeProps as u, unref as e, createVNode as _, createCommentVNode as V, withCtx as I, normalizeClass as y, renderSlot as k, createTextVNode as S, toDisplayString as D, createBlock as G, Fragment as w, renderList as E } from "vue";
 import { RadioGroupItem as F, RadioGroupIndicator as L, useForwardPropsEmits as N, RadioGroupRoot as $ } from "reka-ui";
 import { cva as q } from "class-variance-authority";
-import { o as P } from "./Icon.vue_vue_type_style_index_0_lang-DwTaEYnw.js";
+import { o as P } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
 import { g as x } from "./options-D4et5euX.js";
-import { U as O, u as U } from "./useInputDataStates-DdGDk2Hm.js";
+import { U as O, u as U } from "./useInputDataStates-BVOCxFWp.js";
 import { getBemBlock as T, getBemElement as n, usePCId as j, generateVariantClassList as R } from "@pantograph/utils";
 const A = ["for"], d = T("radio_group"), H = /* @__PURE__ */ h({
   ...x("RadioGroupItem"),

package/dist/ScrollContainer/ScrollContainer.d.ts

@@ -307,120 +307,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProps, {
-    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 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('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" | "always" | "hover") | 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" | "always" | "hover";
-            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: "scroll" | "auto" | "always" | "hover";
-        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, import('vue').PublicProps, Readonly<ScrollContainerProps> & Readonly<{
@@ -431,287 +319,7 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProp
     scrollDistance: number;
     scrollHideDelay: number;
     overlay: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    root: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly type?: ("scroll" | "auto" | "always" | "hover") | 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" | "always" | "hover";
-            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: "scroll" | "auto" | "always" | "hover";
-        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 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('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 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('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 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('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 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('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
-}, 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 & {

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-CSLCU0p6.js";
+import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CZgFGbH_.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-BgwgYelV.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-CMdXXxZr.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-CMdXXxZr.js

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