@pantograph/vue 0.15.0 → 0.15.2

package/dist/{Menu.vue_vue_type_style_index_0_lang-DacaUajM.js → Menu.vue_vue_type_style_index_0_lang-DIMEa_Ht.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("@pantograph/utils"),E=require("class-variance-authority"),D=require("./options-B4iSAKol.js"),j=require("./Popover.vue_vue_type_style_index_0_lang-B695YDJE.js"),I=require("./cloneDeep-CNkGIW_B.js"),R=require("./isEmpty-DYtn8rNT.js"),U=require("./isNumber-CYWvnzF3.js"),G=require("./index-BfpYQmzU.js"),$=require("radix-vue"),H=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),J=require("./omit-6FeILhm3.js"),Q=require("./useInputDataStates-CbRgNQqU.js"),V=["sm","md","lg"],W=["tabindex"],u=a.getBemBlock("menu_item"),O=e.defineComponent({...D.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(S){const r=S,l=e.useSlots(),p=E.cva(u,{variants:{size:a.generateVariantClassList(V,u),selected:a.generateVariantClassList("selected",u),unFocusable:a.generateVariantClassList("un-focusable",u),danger:a.generateVariantClassList("danger",u),disabled:a.generateVariantClassList("disabled",u),hoverTrailing:a.generateVariantClassList("hover-trailing",u),description:a.generateVariantClassList("description",u),leadingCenter:a.generateVariantClassList("leading-center",u)}}),i=e.computed(()=>{const o=()=>{switch(r.size){case"sm":return"2xsm";default:return"xsm"}},C=()=>{switch(r.size){case"lg":return"md";default:return"sm"}},B=()=>{switch(r.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},y=()=>{switch(r.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:o(),buttonSize:C(),checkIconSize:B(),switchSize:B(),checkboxSize:o(),avatarSize:y(),graphicalObjectSize:y(),badgeSize:y(),...r}});return(o,C)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:o.unFocusable?void 0:0,class:e.normalizeClass([e.unref(p)({size:o.size,selected:o.selected,unFocusable:o.unFocusable,danger:o.danger,disabled:o.disabled,hoverTrailing:o.hoverTrailing,leadingCenter:o.leadingCenter,description:!!(l.description||r.description)}),r.class])},[l.leading||r.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"leading"),o.leadingCls])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.leading),1)])],2)):e.createCommentVNode("",!0),l.title||r.title||l.description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"content"),o.contentCls])},[l.title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"title"),o.titleCls])},[e.renderSlot(o.$slots,"title",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2)):e.createCommentVNode("",!0),l.description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"description"),o.descriptionCls])},[e.renderSlot(o.$slots,"description",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createTextVNode(e.toDisplayString(o.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.hasChildren||l.trailing||r.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"trailing"),o.trailingCls])},[o.hasChildren?(e.openBlock(),e.createBlock(H._sfc_main,{key:0,"flip-on-dir":"rtl",size:i.value.checkIconSize,icon:o.branchIcon,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"branch"),o.branchCls??""])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"branchIcon",e.normalizeProps(e.guardReactiveProps(i.value)))]),_:3},8,["size","icon","class"])):e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.mergeProps({key:1},i.value)),()=>[e.createTextVNode(e.toDisplayString(o.trailing),1)])],2)):e.createCommentVNode("",!0)],10,W))}}),[X,Y]=$.createContext("MenuItem"),T=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(S){const r=S,l=e.useSlots(),p=e.computed(()=>{switch(r.size){case"lg":return 10;case"md":return 8;default:return 6}}),i=e.computed(()=>{var s;return!!((s=r.items)!=null&&s.length||l.items)}),o=e.ref(),C=e.computed(()=>{var s;return r.triggerSubMenuAction??((s=t.triggerSubMenuAction)==null?void 0:s.value)}),B=s=>{var v;(C.value==="click"||(v=n.value)!=null&&v.length)&&(s.stopPropagation(),s.preventDefault())},y=a.getBemBlock("sub_menu"),t=L(),b=e.computed(()=>{var s;return((s=e.getCurrentInstance())==null?void 0:s.vnode.key)??a.usePCId(u)}),z=X({}),n=e.computed(()=>{var s;return((s=z.parentKeys)==null?void 0:s.value)??[]});Y({parentKeys:e.computed(()=>[...n.value,b.value])});const m=e.computed(()=>({...r,key:b.value,hasChildren:i.value,parentKeys:n.value})),c=e.computed(()=>{var s;return((s=t.size)==null?void 0:s.value)??r.size}),g=()=>!i.value&&r.disabled,{rootBindings:k,inputBindings:M}=Q.UseInputDataStates({getDisabled:g}),K=e.computed(()=>{var s,v,f;return{...J.omit(r,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:c.value,selected:((s=t.isItemSelected)==null?void 0:s.call(t,m.value))??r.selected,unFocusable:t.onClick?void 0:r.unFocusable,disabled:g(),hoverTrailing:r.hoverTrailing??((v=t.hoverTrailing)==null?void 0:v.value),leadingCenter:r.leadingCenter??((f=t.leadingCenter)==null?void 0:f.value),hasChildren:i.value,onClick:d=>{var h;return(h=t.onClick)==null?void 0:h.call(t,m.value,d)},...M.value}}),P=e.ref(!1),q=e.computed(()=>{var s;return((s=t.isOpen)==null?void 0:s.call(t,b.value))??P.value}),A=s=>{var f,d;(((f=t.isOpen)==null?void 0:f.call(t,b.value))??P.value)!==s&&(t.onChildrenOpenChange?(d=t.onChildrenOpenChange)==null||d.call(t,m.value,s):P.value=s)},_=e.computed(()=>{var s,v,f,d;return i.value?{size:c.value,containerProps:{onClick:B},to:o,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[a.getBemElement(y,"items"),(s=t.submenuCls)==null?void 0:s.value,r.submenuCls],sideOffset:p.value,forceMount:r.forceMountSubmenu??((v=t.forceMountSubmenu)==null?void 0:v.value),trigger:C.value,closeDelay:((f=t.subMenuCloseDelay)==null?void 0:f.value)??r.subMenuCloseDelay,openDelay:((d=t.subMenuOpenDelay)==null?void 0:d.value)??r.subMenuOpenDelay,open:q.value}:{}});return(s,v)=>{const f=e.resolveComponent("MenuItem",!0);return i.value?(e.openBlock(),e.createBlock(j._sfc_main,e.mergeProps({key:0},_.value,{"onUpdate:open":A}),{content:e.withCtx(()=>[e.renderSlot(s.$slots,"items",e.normalizeProps(e.guardReactiveProps({...r,key:b.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,d=>(e.openBlock(),e.createBlock(f,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(l),h=>({name:h,fn:e.withCtx(F=>[e.renderSlot(s.$slots,h,e.mergeProps({ref_for:!0},F))])}))]),1040))),256))])]),default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(y),r.submenuTriggerCls],ref_key:"root",ref:o},e.unref(k)),[e.createVNode(O,e.mergeProps(K.value,{class:e.unref(a.getBemElement)(e.unref(y),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(h=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps(h)))])}))]),1040,["class"])],16)):e.createCommentVNode("",!0)]),_:3},16)):(e.openBlock(),e.createBlock(O,e.normalizeProps(e.mergeProps({key:1},K.value)),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(h=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps({...h,key:b.value})))])}))]),1040))}}}),N=[...V,"none"],[Z,w]=$.createContext("Menu"),L=()=>Z({}),x=e.defineComponent({...D.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(S,{emit:r}){const l=S,p=r,i=a.getBemBlock("menu"),o=E.cva(i,{variants:{gap:a.generateVariantClassList(N,i)}}),C=e.ref(l.openKeys??[]);e.watch(()=>l.openKeys,()=>{C.value=l.openKeys??[]});const B=(n,m)=>{let c=I.cloneDeep(C.value);m?c=[...n.parentKeys,n.key]:c=c.filter(g=>g!==n.key),l.openKeys||(C.value=c),p("update:openKeys",c),p("openChange",c)},y=n=>C.value.includes(n),t=e.ref(l.selectedKeys??[]);e.watch(()=>l.selectedKeys,()=>{t.value=l.selectedKeys??[]});const b=(n,m)=>{const c=![void 0,null].includes(n.key)&&(G.isString(n.key)&&!R.isEmpty(n.key)||U.isNumber(n.key));if(!n.danger&&!n.disabled&&c&&l.selectable&&!n.hasChildren){if(l.multiple)if(t.value.indexOf(n.key)>-1){if(t.value.length>1){const k=I.cloneDeep(t.value).filter(M=>M!==n.key);l.selectedKeys||(t.value=k),p("update:selectedKeys",k),p("deselect",{item:n,selectedKeys:t.value})}}else{const k=[...I.cloneDeep(t.value),n.key];l.selectedKeys||(t.value=k),p("update:selectedKeys",k),p("select",{item:n,selectedKeys:t.value})}else{const g=[n.key];l.selectedKeys||(t.value=g),p("update:selectedKeys",g),p("select",{item:n,selectedKeys:t.value})}p("click",n,m)}},z=n=>!n.danger&&!n.disabled&&t.value.includes(n.key);return w({size:e.computed(()=>l.size),forceMountSubmenu:e.computed(()=>l.forceMountSubmenu),hoverTrailing:e.computed(()=>l.hoverTrailing),leadingCenter:e.computed(()=>l.leadingCenter),subMenuCloseDelay:e.computed(()=>l.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>l.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>l.triggerSubMenuAction),submenuCls:e.computed(()=>l.submenuCls),onClick:b,isItemSelected:z,onChildrenOpenChange:B,isOpen:y}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)({gap:n.gap??n.size}),l.class]),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["stop"]))},[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header")]),onClick:m[0]||(m[0]=c=>p("headerClick",c))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header__title")])},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header__actions")])},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,c=>(e.openBlock(),e.createBlock(T,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),g=>({name:g,fn:e.withCtx(k=>[e.renderSlot(n.$slots,g,e.mergeProps({ref_for:!0},k))])}))]),1040))),256))])],2))}});exports.MenuGaps=N;exports.MenuItemSizes=V;exports._sfc_main=x;exports._sfc_main$1=T;exports.injectMenuContext=L;exports.provideMenuContext=w;
+"use strict";const e=require("vue"),a=require("@pantograph/utils"),E=require("class-variance-authority"),D=require("./options-B4iSAKol.js"),j=require("./Popover.vue_vue_type_style_index_0_lang-CuBS3grq.js"),I=require("./cloneDeep-DaX9li9z.js"),R=require("./isEmpty-DYtn8rNT.js"),U=require("./isNumber-CYWvnzF3.js"),G=require("./index-BfpYQmzU.js"),$=require("radix-vue"),H=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),J=require("./omit-BTWlW6dc.js"),Q=require("./useInputDataStates-CbRgNQqU.js"),V=["sm","md","lg"],W=["tabindex"],u=a.getBemBlock("menu_item"),O=e.defineComponent({...D.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(S){const r=S,l=e.useSlots(),p=E.cva(u,{variants:{size:a.generateVariantClassList(V,u),selected:a.generateVariantClassList("selected",u),unFocusable:a.generateVariantClassList("un-focusable",u),danger:a.generateVariantClassList("danger",u),disabled:a.generateVariantClassList("disabled",u),hoverTrailing:a.generateVariantClassList("hover-trailing",u),description:a.generateVariantClassList("description",u),leadingCenter:a.generateVariantClassList("leading-center",u)}}),i=e.computed(()=>{const o=()=>{switch(r.size){case"sm":return"2xsm";default:return"xsm"}},C=()=>{switch(r.size){case"lg":return"md";default:return"sm"}},B=()=>{switch(r.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},y=()=>{switch(r.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:o(),buttonSize:C(),checkIconSize:B(),switchSize:B(),checkboxSize:o(),avatarSize:y(),graphicalObjectSize:y(),badgeSize:y(),...r}});return(o,C)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:o.unFocusable?void 0:0,class:e.normalizeClass([e.unref(p)({size:o.size,selected:o.selected,unFocusable:o.unFocusable,danger:o.danger,disabled:o.disabled,hoverTrailing:o.hoverTrailing,leadingCenter:o.leadingCenter,description:!!(l.description||r.description)}),r.class])},[l.leading||r.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"leading"),o.leadingCls])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.leading),1)])],2)):e.createCommentVNode("",!0),l.title||r.title||l.description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"content"),o.contentCls])},[l.title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"title"),o.titleCls])},[e.renderSlot(o.$slots,"title",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2)):e.createCommentVNode("",!0),l.description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"description"),o.descriptionCls])},[e.renderSlot(o.$slots,"description",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createTextVNode(e.toDisplayString(o.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.hasChildren||l.trailing||r.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"trailing"),o.trailingCls])},[o.hasChildren?(e.openBlock(),e.createBlock(H._sfc_main,{key:0,"flip-on-dir":"rtl",size:i.value.checkIconSize,icon:o.branchIcon,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"branch"),o.branchCls??""])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"branchIcon",e.normalizeProps(e.guardReactiveProps(i.value)))]),_:3},8,["size","icon","class"])):e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.mergeProps({key:1},i.value)),()=>[e.createTextVNode(e.toDisplayString(o.trailing),1)])],2)):e.createCommentVNode("",!0)],10,W))}}),[X,Y]=$.createContext("MenuItem"),T=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(S){const r=S,l=e.useSlots(),p=e.computed(()=>{switch(r.size){case"lg":return 10;case"md":return 8;default:return 6}}),i=e.computed(()=>{var s;return!!((s=r.items)!=null&&s.length||l.items)}),o=e.ref(),C=e.computed(()=>{var s;return r.triggerSubMenuAction??((s=t.triggerSubMenuAction)==null?void 0:s.value)}),B=s=>{var v;(C.value==="click"||(v=n.value)!=null&&v.length)&&(s.stopPropagation(),s.preventDefault())},y=a.getBemBlock("sub_menu"),t=L(),b=e.computed(()=>{var s;return((s=e.getCurrentInstance())==null?void 0:s.vnode.key)??a.usePCId(u)}),z=X({}),n=e.computed(()=>{var s;return((s=z.parentKeys)==null?void 0:s.value)??[]});Y({parentKeys:e.computed(()=>[...n.value,b.value])});const m=e.computed(()=>({...r,key:b.value,hasChildren:i.value,parentKeys:n.value})),c=e.computed(()=>{var s;return((s=t.size)==null?void 0:s.value)??r.size}),g=()=>!i.value&&r.disabled,{rootBindings:k,inputBindings:M}=Q.UseInputDataStates({getDisabled:g}),K=e.computed(()=>{var s,v,f;return{...J.omit(r,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:c.value,selected:((s=t.isItemSelected)==null?void 0:s.call(t,m.value))??r.selected,unFocusable:t.onClick?void 0:r.unFocusable,disabled:g(),hoverTrailing:r.hoverTrailing??((v=t.hoverTrailing)==null?void 0:v.value),leadingCenter:r.leadingCenter??((f=t.leadingCenter)==null?void 0:f.value),hasChildren:i.value,onClick:d=>{var h;return(h=t.onClick)==null?void 0:h.call(t,m.value,d)},...M.value}}),P=e.ref(!1),q=e.computed(()=>{var s;return((s=t.isOpen)==null?void 0:s.call(t,b.value))??P.value}),A=s=>{var f,d;(((f=t.isOpen)==null?void 0:f.call(t,b.value))??P.value)!==s&&(t.onChildrenOpenChange?(d=t.onChildrenOpenChange)==null||d.call(t,m.value,s):P.value=s)},_=e.computed(()=>{var s,v,f,d;return i.value?{size:c.value,containerProps:{onClick:B},to:o,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[a.getBemElement(y,"items"),(s=t.submenuCls)==null?void 0:s.value,r.submenuCls],sideOffset:p.value,forceMount:r.forceMountSubmenu??((v=t.forceMountSubmenu)==null?void 0:v.value),trigger:C.value,closeDelay:((f=t.subMenuCloseDelay)==null?void 0:f.value)??r.subMenuCloseDelay,openDelay:((d=t.subMenuOpenDelay)==null?void 0:d.value)??r.subMenuOpenDelay,open:q.value}:{}});return(s,v)=>{const f=e.resolveComponent("MenuItem",!0);return i.value?(e.openBlock(),e.createBlock(j._sfc_main,e.mergeProps({key:0},_.value,{"onUpdate:open":A}),{content:e.withCtx(()=>[e.renderSlot(s.$slots,"items",e.normalizeProps(e.guardReactiveProps({...r,key:b.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,d=>(e.openBlock(),e.createBlock(f,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(l),h=>({name:h,fn:e.withCtx(F=>[e.renderSlot(s.$slots,h,e.mergeProps({ref_for:!0},F))])}))]),1040))),256))])]),default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(y),r.submenuTriggerCls],ref_key:"root",ref:o},e.unref(k)),[e.createVNode(O,e.mergeProps(K.value,{class:e.unref(a.getBemElement)(e.unref(y),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(h=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps(h)))])}))]),1040,["class"])],16)):e.createCommentVNode("",!0)]),_:3},16)):(e.openBlock(),e.createBlock(O,e.normalizeProps(e.mergeProps({key:1},K.value)),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(h=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps({...h,key:b.value})))])}))]),1040))}}}),N=[...V,"none"],[Z,w]=$.createContext("Menu"),L=()=>Z({}),x=e.defineComponent({...D.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(S,{emit:r}){const l=S,p=r,i=a.getBemBlock("menu"),o=E.cva(i,{variants:{gap:a.generateVariantClassList(N,i)}}),C=e.ref(l.openKeys??[]);e.watch(()=>l.openKeys,()=>{C.value=l.openKeys??[]});const B=(n,m)=>{let c=I.cloneDeep(C.value);m?c=[...n.parentKeys,n.key]:c=c.filter(g=>g!==n.key),l.openKeys||(C.value=c),p("update:openKeys",c),p("openChange",c)},y=n=>C.value.includes(n),t=e.ref(l.selectedKeys??[]);e.watch(()=>l.selectedKeys,()=>{t.value=l.selectedKeys??[]});const b=(n,m)=>{const c=![void 0,null].includes(n.key)&&(G.isString(n.key)&&!R.isEmpty(n.key)||U.isNumber(n.key));if(!n.danger&&!n.disabled&&c&&l.selectable&&!n.hasChildren){if(l.multiple)if(t.value.indexOf(n.key)>-1){if(t.value.length>1){const k=I.cloneDeep(t.value).filter(M=>M!==n.key);l.selectedKeys||(t.value=k),p("update:selectedKeys",k),p("deselect",{item:n,selectedKeys:t.value})}}else{const k=[...I.cloneDeep(t.value),n.key];l.selectedKeys||(t.value=k),p("update:selectedKeys",k),p("select",{item:n,selectedKeys:t.value})}else{const g=[n.key];l.selectedKeys||(t.value=g),p("update:selectedKeys",g),p("select",{item:n,selectedKeys:t.value})}p("click",n,m)}},z=n=>!n.danger&&!n.disabled&&t.value.includes(n.key);return w({size:e.computed(()=>l.size),forceMountSubmenu:e.computed(()=>l.forceMountSubmenu),hoverTrailing:e.computed(()=>l.hoverTrailing),leadingCenter:e.computed(()=>l.leadingCenter),subMenuCloseDelay:e.computed(()=>l.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>l.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>l.triggerSubMenuAction),submenuCls:e.computed(()=>l.submenuCls),onClick:b,isItemSelected:z,onChildrenOpenChange:B,isOpen:y}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)({gap:n.gap??n.size}),l.class]),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["stop"]))},[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header")]),onClick:m[0]||(m[0]=c=>p("headerClick",c))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header__title")])},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header__actions")])},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,c=>(e.openBlock(),e.createBlock(T,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),g=>({name:g,fn:e.withCtx(k=>[e.renderSlot(n.$slots,g,e.mergeProps({ref_for:!0},k))])}))]),1040))),256))])],2))}});exports.MenuGaps=N;exports.MenuItemSizes=V;exports._sfc_main=x;exports._sfc_main$1=T;exports.injectMenuContext=L;exports.provideMenuContext=w;

package/dist/{Menu.vue_vue_type_style_index_0_lang-BVNhKBcu.js → Menu.vue_vue_type_style_index_0_lang-DRWb6YFs.js}

@@ -2,14 +2,14 @@ import { defineComponent as H, useSlots as Z, computed as r, createElementBlock
 import { getBemBlock as J, generateVariantClassList as I, getBemElement as b, usePCId as de } from "@pantograph/utils";
 import { cva as x } from "class-variance-authority";
 import { g as Q } from "./options-JBqnVZUl.js";
-import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js";
-import { c as q } from "./cloneDeep-unwWx7xF.js";
+import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-CFAYIAUF.js";
+import { c as q } from "./cloneDeep-BJojf7NO.js";
 import { i as pe } from "./isEmpty-BEYnAygl.js";
 import { i as ge } from "./isNumber-BopDesuz.js";
 import { i as me } from "./index-CKvTY2M1.js";
 import { createContext as ee } from "radix-vue";
 import { _ as ve } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
-import { o as ye } from "./omit-DB3u1XL5.js";
+import { o as ye } from "./omit-BYRdzoed.js";
 import { U as fe } from "./useInputDataStates-CZbdWpyp.js";
 const ne = ["sm", "md", "lg"], Ce = ["tabindex"], d = J("menu_item"), Y = /* @__PURE__ */ H({
   ...Q("MenuItemContent"),

package/dist/MenuItem/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-BVNhKBcu.js";
+import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-DRWb6YFs.js";
 export {
   s as MenuItem,
   t as MenuItemSizes,

package/dist/MenuItem/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-DacaUajM.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-DIMEa_Ht.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;

package/dist/Popover/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js";
+import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-CFAYIAUF.js";
 export {
   a as Popover,
   s as PopoverPlacements,

package/dist/Popover/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Popover.vue_vue_type_style_index_0_lang-B695YDJE.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Popover.vue_vue_type_style_index_0_lang-CuBS3grq.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;

package/dist/Popover.vue_vue_type_style_index_0_lang-CFAYIAUF.js

@@ -0,0 +1,153 @@
+import { defineComponent as j, useSlots as q, computed as n, ref as G, unref as m, createBlock as g, openBlock as v, resolveDynamicComponent as P, mergeProps as D, withCtx as y, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, withDirectives as W, vShow as X } from "vue";
+import { getBemBlock as Y, getBemElement as w, generateVariantClassList as Z } from "@pantograph/utils";
+import { cva as ee } from "class-variance-authority";
+import { useEmitAsProps as oe, HoverCardRoot as te, PopoverRoot as re, HoverCardTrigger as ne, PopoverTrigger as se, HoverCardPortal as ie, PopoverPortal as ae, HoverCardContent as le, PopoverContent as pe } from "radix-vue";
+import { f as ce, a as ue, i as fe } from "./element-CayrDxFe.js";
+import { g as de } from "./options-JBqnVZUl.js";
+import { u as me } from "./index-CKvTY2M1.js";
+import { o as $ } from "./omit-BYRdzoed.js";
+import { p as S } from "./pick-CyXixg42.js";
+const ge = ["sm", "md", "lg"], ze = [
+  "top",
+  "top-start",
+  "top-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], Ae = /* @__PURE__ */ j({
+  ...de("Popover", !1),
+  __name: "Popover",
+  props: {
+    class: {},
+    containerCls: {},
+    containerProps: {},
+    trigger: { default: "hover" },
+    size: { default: "md" },
+    placement: { default: "bottom" },
+    to: {},
+    reversePlacementOnDir: {},
+    autoFocusInside: { type: Boolean },
+    zIndex: {},
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean, default: void 0 },
+    openDelay: {},
+    closeDelay: {},
+    disabled: { type: Boolean },
+    forceMount: { type: Boolean },
+    sticky: { default: "always" },
+    prioritizePosition: { type: Boolean, default: !0 },
+    sideOffset: {},
+    alignOffset: {},
+    collisionBoundary: {}
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(I, { emit: R }) {
+    const C = R, O = oe(C), o = I, F = Y("popover"), E = w(F, "trigger"), B = w(F, "content"), H = ee(B, {
+      variants: {
+        size: Z(ge, B)
+      }
+    }), h = q(), z = n(() => {
+      var t;
+      const e = ce((t = h.default) == null ? void 0 : t.call(h)) ?? null, r = e.length === 1 ? e[0] : e;
+      return r ? ue(r) && !fe(r) : !0;
+    }), _ = n(() => ({
+      ...S(o, "open", "defaultOpen"),
+      ...S(O, "onUpdate:open")
+    })), a = G(), T = n(() => {
+      var p, s, c, u, f;
+      const { to: e, disabled: r, forceMount: t } = o;
+      let l = ((p = m(e)) == null ? void 0 : p.$el) ?? m(e);
+      if (e instanceof Function) {
+        const d = ((c = (s = a.value) == null ? void 0 : s.$el) == null ? void 0 : c.nodeName) !== "#text" ? (u = a.value) == null ? void 0 : u.$el : (f = a.value) == null ? void 0 : f.$el.nextSibling;
+        l = e(d);
+      }
+      return {
+        to: l,
+        disabled: r,
+        forceMount: t
+      };
+    }), L = n(() => o.trigger === "hover" ? te : re), M = n(() => o.trigger === "hover" ? ne : se), U = n(() => o.trigger === "hover" ? ie : ae), V = n(() => o.trigger === "hover" ? le : pe), { config: A, getFlipOnDir: b } = me(), x = b("reversePlacementOnDir"), K = n(() => {
+      var d;
+      const { sticky: e, prioritizePosition: r, placement: t, sideOffset: l, alignOffset: p } = o;
+      let [
+        s = "bottom",
+        c = "center"
+      ] = ((d = t == null ? void 0 : t.split) == null ? void 0 : d.call(t, "-")) || ["bottom", "center"];
+      b("reversePlacementOnDir") && A.dir.value && A.dir.value === x.value && (s = {
+        right: "left",
+        left: "right"
+      }[s] ?? s);
+      const u = (i) => {
+        o.autoFocusInside || i.preventDefault(), C("closeAutoFocus", i);
+      }, f = (i) => {
+        o.autoFocusInside || i.preventDefault(), C("openAutoFocus", i);
+      };
+      return {
+        ...$(O, "onUpdate:open", "closeAutoFocus", "openAutoFocus"),
+        ...$(o.containerProps, "class"),
+        onCloseAutoFocus: u,
+        onOpenAutoFocus: f,
+        sticky: e,
+        prioritizePosition: r,
+        side: s,
+        align: c,
+        sideOffset: l,
+        alignOffset: p
+      };
+    }), N = (e) => {
+      o.trigger === "hover" && e.stopPropagation();
+    };
+    return (e, r) => (v(), g(P(L.value), D({
+      key: z.value
+    }, _.value, {
+      openDelay: e.openDelay,
+      closeDelay: e.closeDelay
+    }), {
+      default: y(({ open: t }) => [
+        (v(), g(P(M.value), D({
+          asChild: z.value,
+          as: "span",
+          class: [m(E), o.class],
+          onPointerdown: N
+        }, e.$attrs, {
+          ref_key: "triggerRef",
+          ref: a
+        }), {
+          default: y(() => [
+            k(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["asChild", "class"])),
+        (v(), g(P(U.value), J(Q(T.value)), {
+          default: y(() => [
+            W((v(), g(P(V.value), D({
+              style: { zIndex: e.zIndex }
+            }, K.value, {
+              class: [m(H)({ size: e.size }), e.$attrs.containerClass, e.containerCls]
+            }), {
+              default: y(() => [
+                k(e.$slots, "content")
+              ]),
+              _: 2
+            }, 1040, ["style", "class"])), [
+              [X, t]
+            ])
+          ]),
+          _: 2
+        }, 1040))
+      ]),
+      _: 3
+    }, 16, ["openDelay", "closeDelay"]));
+  }
+});
+export {
+  ge as P,
+  Ae as _,
+  ze as a
+};

package/dist/Popover.vue_vue_type_style_index_0_lang-CuBS3grq.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),g=require("@pantograph/utils"),L=require("class-variance-authority"),n=require("radix-vue"),C=require("./element-BURaVF00.js"),M=require("./options-B4iSAKol.js"),U=require("./index-BfpYQmzU.js"),F=require("./omit-BTWlW6dc.js"),z=require("./pick-CbcKnkja.js"),w=["sm","md","lg"],K=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],N=e.defineComponent({...M.getComponentOptions("Popover",!1),__name:"Popover",props:{class:{},containerCls:{},containerProps:{},trigger:{default:"hover"},size:{default:"md"},placement:{default:"bottom"},to:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},zIndex:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},forceMount:{type:Boolean},sticky:{default:"always"},prioritizePosition:{type:Boolean,default:!0},sideOffset:{},alignOffset:{},collisionBoundary:{}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(A,{emit:b}){const v=b,y=n.useEmitAsProps(v),t=A,h=g.getBemBlock("popover"),q=g.getBemElement(h,"trigger"),D=g.getBemElement(h,"content"),S=L.cva(D,{variants:{size:g.generateVariantClassList(w,D)}}),P=e.useSlots(),B=e.computed(()=>{var r;const o=C.filterEmpty((r=P.default)==null?void 0:r.call(P))??null,s=o.length===1?o[0]:o;return s?C.isValidElement(s)&&!C.isFragment(s):!0}),$=e.computed(()=>({...z.pick(t,"open","defaultOpen"),...z.pick(y,"onUpdate:open")})),a=e.ref(),I=e.computed(()=>{var u,i,p,d,f;const{to:o,disabled:s,forceMount:r}=t;let c=((u=e.unref(o))==null?void 0:u.$el)??e.unref(o);if(o instanceof Function){const m=((p=(i=a.value)==null?void 0:i.$el)==null?void 0:p.nodeName)!=="#text"?(d=a.value)==null?void 0:d.$el:(f=a.value)==null?void 0:f.$el.nextSibling;c=o(m)}return{to:c,disabled:s,forceMount:r}}),E=e.computed(()=>t.trigger==="hover"?n.HoverCardRoot:n.PopoverRoot),R=e.computed(()=>t.trigger==="hover"?n.HoverCardTrigger:n.PopoverTrigger),_=e.computed(()=>t.trigger==="hover"?n.HoverCardPortal:n.PopoverPortal),x=e.computed(()=>t.trigger==="hover"?n.HoverCardContent:n.PopoverContent),{config:k,getFlipOnDir:O}=U.useConfig(),H=O("reversePlacementOnDir"),V=e.computed(()=>{var m;const{sticky:o,prioritizePosition:s,placement:r,sideOffset:c,alignOffset:u}=t;let[i="bottom",p="center"]=((m=r==null?void 0:r.split)==null?void 0:m.call(r,"-"))||["bottom","center"];O("reversePlacementOnDir")&&k.dir.value&&k.dir.value===H.value&&(i={right:"left",left:"right"}[i]??i);const d=l=>{t.autoFocusInside||l.preventDefault(),v("closeAutoFocus",l)},f=l=>{t.autoFocusInside||l.preventDefault(),v("openAutoFocus",l)};return{...F.omit(y,"onUpdate:open","closeAutoFocus","openAutoFocus"),...F.omit(t.containerProps,"class"),onCloseAutoFocus:d,onOpenAutoFocus:f,sticky:o,prioritizePosition:s,side:i,align:p,sideOffset:c,alignOffset:u}}),T=o=>{t.trigger==="hover"&&o.stopPropagation()};return(o,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E.value),e.mergeProps({key:B.value},$.value,{openDelay:o.openDelay,closeDelay:o.closeDelay}),{default:e.withCtx(({open:r})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R.value),e.mergeProps({asChild:B.value,as:"span",class:[e.unref(q),t.class],onPointerdown:T},o.$attrs,{ref_key:"triggerRef",ref:a}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["asChild","class"])),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.value),e.normalizeProps(e.guardReactiveProps(I.value)),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),e.mergeProps({style:{zIndex:o.zIndex}},V.value,{class:[e.unref(S)({size:o.size}),o.$attrs.containerClass,o.containerCls]}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"content")]),_:2},1040,["style","class"])),[[e.vShow,r]])]),_:2},1040))]),_:3},16,["openDelay","closeDelay"]))}});exports.PopoverPlacements=K;exports.PopoverSizes=w;exports._sfc_main=N;

package/dist/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-B9tmAIEG.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-lWkHiWdf.js";
 export {
   r as RadioGroup,
   d as RadioGroupItem,

package/dist/RadioGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-BsA4i2NS.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../RadioGroup.vue_vue_type_script_setup_true_lang-cFRkXOQf.js");exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-BsA4i2NS.js → RadioGroup.vue_vue_type_script_setup_true_lang-cFRkXOQf.js}

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

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-B9tmAIEG.js → RadioGroup.vue_vue_type_script_setup_true_lang-lWkHiWdf.js}

@@ -1,7 +1,7 @@
 import { defineComponent as G, useSlots as P, computed as d, createElementBlock as B, openBlock as a, mergeProps as m, unref as e, createVNode as _, createCommentVNode as R, withCtx as V, normalizeClass as v, renderSlot as h, createTextVNode as S, toDisplayString as z, createBlock as y, Fragment as w, renderList as x } from "vue";
 import { RadioGroupItem as D, RadioGroupIndicator as E, useForwardPropsEmits as L, RadioGroupRoot as N } from "radix-vue";
 import { cva as $ } from "class-variance-authority";
-import { o as k } from "./omit-DB3u1XL5.js";
+import { o as k } from "./omit-BYRdzoed.js";
 import { g as I } from "./options-JBqnVZUl.js";
 import { U as q } from "./useInputDataStates-CZbdWpyp.js";
 import { getBemBlock as F, getBemElement as n, usePCId as U, generateVariantClassList as O } from "@pantograph/utils";

package/dist/ScrollContainer/ScrollContainer.d.ts

@@ -1,9 +1,14 @@
 import { ScrollContainerType } from './ScrollContainer.model';
+import { Class } from '../types';
 export interface ScrollContainerProps {
     scrollDistance?: number;
     scrollHideDelay?: number;
     dir?: 'rtl' | 'ltr';
     type?: ScrollContainerType;
+    hasMask?: boolean;
+    scrollbarCls?: Class;
+    thumbCls?: Class;
+    cornerCls?: Class;
     rootProps?: object;
     overlay?: boolean;
 }
@@ -114,7 +119,7 @@ declare function __VLS_template(): {
                 default?(_: {}): any;
             };
         }) | null;
-        wrap: ({
+        container: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{}> & Omit<{
@@ -185,10 +190,251 @@ declare function __VLS_template(): {
                 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;
     };
     attrs: Partial<{}>;
 };

package/dist/ScrollContainer/index.js

@@ -1,6 +1,7 @@
-import { _ as r, S as e, _ as l } from "../ScrollContainer.model-BzodTc4p.js";
+import { _ as a, _ as e } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DcxqgHqY.js";
+import { S as t } from "../ScrollContainer.model-DPWJjLfW.js";
 export {
-  r as ScrollContainer,
-  e as ScrollContainerTypes,
-  l as default
+  a as ScrollContainer,
+  t as ScrollContainerTypes,
+  e as default
 };

package/dist/ScrollContainer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ScrollContainer.model-VXisa1jV.js");exports.ScrollContainer=e._sfc_main;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-C22K1mpy.js"),l=require("../ScrollContainer.model-Tt-6E8TA.js");exports.ScrollContainer=e._sfc_main;exports.default=e._sfc_main;exports.ScrollContainerTypes=l.ScrollContainerTypes;

package/dist/ScrollContainer.model-DPWJjLfW.js

@@ -0,0 +1,4 @@
+const o = ["auto", "always", "scroll", "hover"];
+export {
+  o as S
+};

package/dist/ScrollContainer.model-Tt-6E8TA.js

@@ -0,0 +1 @@
+"use strict";const o=["auto","always","scroll","hover"];exports.ScrollContainerTypes=o;

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-C22K1mpy.js

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