@pantograph/vue 0.25.5 → 0.25.7

package/dist/{Progress.vue_vue_type_style_index_0_lang-BECdYJmY.js → Progress.vue_vue_type_style_index_0_lang-DNe_dcRZ.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("@pantograph/utils"),V=require("class-variance-authority"),M=require("./BaseBadge.model-DecqxaGN.js"),q=require("reka-ui"),y=require("./options-CY2uxp5A.js"),D=require("es-toolkit"),h=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),U=require("./Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),J=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),B=["red","orange","yellow","lime","green","sky","blue","pink","violet","gray","amber","teal","cyan","ocean","amethyst","fuchsia","mallard"],K=[...B,"primary",...M.BadgeColorsSubtle],v=o.getBemBlock("progress"),L=o.getBemElement(v,"circle"),S=o.getBemElement(v,"line"),O=["2xsm","xsm","sm","md","lg"],F=["progress","warning","error","success"],H=["circle","line"],[P,W]=q.createContext("progress"),Q=["d","stroke-width","stroke-linecap","stroke"],X=["from","to","dur"],I=e.defineComponent({...y.getComponentOptions("ProgressCirclePath"),__name:"ProgressCirclePath",props:{strokeLinecap:{default:"round"},trail:{type:Boolean},indeterminate:{type:Boolean},percent:{},delay:{default:0},strokeWidth:{default:2.4},circleRadius:{default:16},color:{}},setup(k){const t=k,p=o.getBemElement(L,"path"),l=V.cva(p,{variants:{trail:o.generateVariantClassList("trail",p),indeterminate:o.generateVariantClassList("indeterminate",p)}}),s=P(),c=e.ref(0);e.watch(()=>[t.trail,t.percent],()=>{const r=s.getPercent(t.percent);if(!t.trail&&r!==void 0){const n=setTimeout(()=>{c.value=r,clearTimeout(n)},t.delay)}},{immediate:!0});const a=e.computed(()=>t.circleRadius-t.strokeWidth/2),_=e.computed(()=>{const r=t.circleRadius*2-t.strokeWidth;return`M ${t.circleRadius},${t.circleRadius} m 0,-${a.value} a ${a.value},${a.value} 0 1 1 0,${r} a ${a.value},${a.value} 0 1 1 0,-${r}`}),g=e.computed(()=>{const r=2*Math.PI*a.value,n=c.value/100;return{"stroke-dasharray":t.trail?void 0:r,"stroke-dashoffset":t.trail?void 0:r*(1-n),"--ptc-progress-animation-duration":s.duration.value}});return(r,n)=>(e.openBlock(),e.createBlock(e.unref(q.Primitive),{as:"g","as-child":!r.indeterminate,key:String(r.indeterminate)},{default:e.withCtx(()=>[e.createElementVNode("path",{d:_.value,"stroke-width":r.strokeWidth,fill:"none",style:e.normalizeStyle(g.value),"stroke-linecap":r.strokeLinecap,class:e.normalizeClass(e.unref(l)({trail:r.trail,indeterminate:r.indeterminate})),stroke:r.color??"currentColor"},null,14,Q),r.indeterminate?(e.openBlock(),e.createElementBlock("animateTransform",{key:0,attributeName:"transform",type:"rotate",from:`0 ${t.circleRadius} ${t.circleRadius}`,to:`360 ${t.circleRadius} ${t.circleRadius}`,dur:`${e.unref(s).duration.value||700}s`,repeatCount:"indefinite"},null,8,X)):e.createCommentVNode("",!0)]),_:1},8,["as-child"]))}}),A=e.defineComponent({...y.getComponentOptions("ProgressLabel"),__name:"ProgressLabel",setup(k){const t=P(),p=()=>{var c,a;const l=(a=(c=t.slots).label)==null?void 0:a.call(c,{}),s=!h.isEmptyElement(l);return s||t.props.label?e.h("div",{class:o.getBemElement(v,"label")},s?l:t.props.label):null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),R=e.defineComponent({...y.getComponentOptions("ProgressHelperText"),__name:"ProgressHelperText",setup(k){const t=P(),p=()=>{var c,a;const l=(a=(c=t.slots).helperText)==null?void 0:a.call(c,{}),s=!h.isEmptyElement(l);return s||t.props.helperText?e.h("div",{class:o.normCls(o.getBemElement(v,"helper_text"),t.props.helperTextCls)},s?l:t.props.helperText):null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),G=e.defineComponent({...y.getComponentOptions("ProgressLegend"),__name:"ProgressLegend",setup(k){const t=P(),p=o.getBemElement(v,"legend"),l=o.getBemElement(p,"item"),s=n=>e.h("div",{class:o.getBemElement(l,"indicator"),style:{background:t.getColor(n.color)}}),c=n=>e.h("div",{class:o.getBemElement(l,"title")},n.title),a=n=>e.h("div",{class:o.normCls(o.getBemElement(l,"percent"),"en")},`(${n._percent}%)`),_=n=>e.h("div",{class:l},[s(n),c(n),a(n)]),g=()=>{var n;return(n=t.getSteps.value)==null?void 0:n.map(u=>{var d,f;const i=(f=(d=t.slots).legendItem)==null?void 0:f.call(d,u);return h.isEmptyElement(i)?_(u):i})},r=()=>{var i,d,f;const n=(d=(i=t.slots).legend)==null?void 0:d.call(i,{}),u=!h.isEmptyElement(n);return u||t.props.legend&&((f=t.getSteps.value)!=null&&f.length)?e.h("div",{class:p},u?n:g()):null};return(n,u)=>(e.openBlock(),e.createBlock(r))}}),Y={viewBox:"0 0 32 32"},Z=e.defineComponent({...y.getComponentOptions("ProgressCircle"),__name:"ProgressCircle",setup(k){const t=P(),p=e.computed(()=>{switch(t.props.size){case"2xsm":case"xsm":return"3xsm";case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}}),l=V.cva(L,{variants:{size:o.generateVariantClassList(O,L)}}),s=()=>{var g,r;const a=(r=(g=t.slots).icon)==null?void 0:r.call(g,{}),_=!h.isEmptyElement(a);if(t.statusIcon.value||_){let n=a;return _||(n=e.h(h._sfc_main$2,{icon:t.statusIcon.value,size:p.value})),e.h("div",{class:o.getBemElement(L,"content")},n)}return null},c=e.computed(()=>D.sortBy(t.getSteps.value??[],["percent"]).reverse());return(a,_)=>{var g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)(e.unref(t).props))},[(e.openBlock(),e.createElementBlock("svg",Y,[e.unref(t).props.indeterminate?(e.openBlock(),e.createBlock(I,{key:1,indeterminate:"","stroke-linecap":"round",percent:75})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(I,{"stroke-linecap":e.unref(t).props.strokeLinecap,trail:""},null,8,["stroke-linecap"]),(g=e.unref(t).getSteps.value)!=null&&g.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.value,r=>(e.openBlock(),e.createBlock(I,{key:r.step_id,"stroke-linecap":e.unref(t).props.strokeLinecap,color:e.unref(t).getColor(r.color),percent:r.percent},null,8,["stroke-linecap","color","percent"]))),128)):(e.openBlock(),e.createBlock(I,{key:1,"stroke-linecap":e.unref(t).props.strokeLinecap,color:e.unref(t).props.status?void 0:e.unref(t).getColor(e.unref(t).props.color),percent:e.unref(t).percentProp.value},null,8,["stroke-linecap","color","percent"]))],64))])),e.createVNode(s)],2),e.createVNode(A),e.createVNode(R),e.createVNode(G)],64)}}}),ee=e.defineComponent({...y.getComponentOptions("ProgressValidationMessage"),__name:"ProgressValidationMessage",setup(k){const t=P(),p=()=>{var l,s;if(t.props.status){const c=(s=(l=t.slots).validationMessage)==null?void 0:s.call(l,{});if(!h.isEmptyElement(c)||t.props.validationMessage)return e.h(h._sfc_main$4,{status:t.props.status,message:t.props.validationMessage},{message:c})}return null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),te=e.defineComponent({...y.getComponentOptions("ProgressLine"),__name:"ProgressLine",setup(k){const t=P(),p=o.getBemElement(S,"value"),l=V.cva(S,{variants:{notRounded:o.generateVariantClassList("not-rounded",S),indeterminate:o.generateVariantClassList("indeterminate",S)}}),s=e.ref(0);e.watch(()=>[t.percentProp.value,t.props.indeterminate],()=>{const r=setTimeout(()=>{var n;t.props.indeterminate?s.value=void 0:!t.percentProp.value&&((n=t.getSteps.value)!=null&&n.length)?s.value=100:s.value=t.percentProp.value??0,clearTimeout(r)},t.props.delay??0)},{immediate:!0});const c=()=>{var r;if(!t.props.indeterminate){if(t.props.status)return"currentColor";if(!((r=t.getSteps.value)!=null&&r.length))return t.getColor(t.props.color)}},a=e.computed(()=>({width:s.value?`${s.value}%`:void 0,background:c(),"--ptc-progress-animation-duration":t.duration.value})),_=()=>{if(t.slots.label||t.props.label){const r=e.h(A),n=e.h(R,{renderIfHasLabel:!0});return e.h("div",{class:o.getBemElement(v,"line_content")},[r,n])}return null},g=()=>{if(t.props.status||t.props.indeterminate){const r=e.h(R),n=e.h(ee),u=[],i=h.isEmpty(t.slots.label||t.props.label)&&(t.slots.helperText||t.props.helperText);if(i&&u.push(r),(t.slots.validationMessage||t.props.validationMessage)&&!t.props.indeterminate&&t.statusIcon.value&&(i&&u.push(e.h(U._sfc_main,{type:"vertical",class:o.getBemElement(v,"divider")})),u.push(n)),u.length)return e.h("div",{class:o.getBemElement(v,"line_validation_box")},u)}else return e.h(G);return null};return(r,n)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(_),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)({notRounded:e.unref(t).props.notRounded,indeterminate:e.unref(t).props.indeterminate}))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(a.value)},[(u=e.unref(t).getSteps.value)!=null&&u.length&&!e.unref(t).props.indeterminate?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t).getSteps.value,i=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(p),"step")),key:i.step_id,style:e.normalizeStyle({background:e.unref(t).getColor(i.color),width:`${i.percent??0}%`})},null,6))),128)):e.createCommentVNode("",!0)],6)],2),e.createVNode(g)],64)}}}),re=["dir"],ne=e.defineComponent({...y.getComponentOptions("Progress"),__name:"Progress",props:{steps:{},type:{default:"line"},legend:{type:Boolean},indeterminate:{type:Boolean},noAnimate:{type:Boolean},size:{default:"md"},status:{},label:{},validationMessage:{},helperText:{},helperTextCls:{},notRounded:{type:Boolean},duration:{default:700},dir:{},strokeLinecap:{default:"round"},trail:{type:Boolean},percent:{},delay:{},strokeWidth:{},circleRadius:{},color:{default:"primary"}},setup(k){const t=k,p=e.useSlots(),l=M.getBadgeColor,s=(i,d=!0)=>{const f=Number(i);if(!(isNaN(f)||d&&(f>100||f<0)))return f},c=e.computed(()=>s(t.percent)??0),a=e.computed(()=>{var i;if((i=t.steps)!=null&&i.length&&!t.status){const d=t.steps.map(m=>({...m,step_id:o.usePCId(v)}));let f=0;const T=d.reduce((m,C)=>{const E=s(C.percent);E===void 0&&f++;const $=d.findIndex(x=>x.step_id===C.step_id);return $!==-1&&(d[$].percent=E),m+(E||0)},0);if(c.value>100||c.value<0||T>100||T<0)throw"Invalid percentage";let b=0;const N=d.map(m=>B.findIndex(C=>C===m.color)).sort(),j=Array.from({length:B.length},(m,C)=>C).filter(m=>!N.includes(m));let w=-1;return d.map(m=>{const C=(100-T)/f,E=(x=!0)=>m.percent===void 0?t.type==="circle"&&x?(b+=C,b*((c.value||100)/100)):C:t.type==="circle"&&x?(b+=m.percent,b):m.percent,$=()=>{const x=l(m.color);if(!x){if(B.length!==N.length){const z=j.shift();if(h.isNumber(z))return N.push(z),B[z]}return w++,B[w%B.length]}return x};return{...m,percent:E(),_percent:E(!1),color:$()}})}}),_=V.cva(v,{variants:{status:o.generateVariantClassList(F,v),type:o.generateVariantClassList(H,v)}}),g=e.computed(()=>t.noAnimate?0:(s(t.duration,!1)||0)/1e3),{getDir:r}=J.useConfig(),n=r(),u=e.computed(()=>{switch(t.status){case"success":return t.type==="circle"?"tabler:check":"tabler:circle-check";case"warning":return t.type==="circle"?"tabler:exclamation-mark":"tabler:exclamation-circle";case"error":return t.type==="circle"?"tabler:x":"tabler:circle-x"}});return W({props:t,getColor:l,getSteps:a,percentProp:c,getPercent:s,duration:g,slots:p,statusIcon:u}),(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)(t)),dir:e.unref(n)},[i.type==="circle"?(e.openBlock(),e.createBlock(Z,{key:0})):(e.openBlock(),e.createBlock(te,{key:1}))],10,re))}});exports.ProgressBoldColors=B;exports.ProgressColors=K;exports.ProgressSizes=O;exports.ProgressStatuses=F;exports.ProgressTypes=H;exports._sfc_main=ne;exports.injectProgressContext=P;exports.progressCirclePrefix=L;exports.progressLinePrefix=S;exports.progressPrefix=v;exports.provideProgressContext=W;
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),V=require("class-variance-authority"),M=require("./BaseBadge.model-DecqxaGN.js"),q=require("reka-ui"),y=require("./options-CY2uxp5A.js"),D=require("es-toolkit"),h=require("./Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js"),U=require("./Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),J=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),B=["red","orange","yellow","lime","green","sky","blue","pink","violet","gray","amber","teal","cyan","ocean","amethyst","fuchsia","mallard"],K=[...B,"primary",...M.BadgeColorsSubtle],v=o.getBemBlock("progress"),L=o.getBemElement(v,"circle"),S=o.getBemElement(v,"line"),O=["2xsm","xsm","sm","md","lg"],F=["progress","warning","error","success"],H=["circle","line"],[P,W]=q.createContext("progress"),Q=["d","stroke-width","stroke-linecap","stroke"],X=["from","to","dur"],I=e.defineComponent({...y.getComponentOptions("ProgressCirclePath"),__name:"ProgressCirclePath",props:{strokeLinecap:{default:"round"},trail:{type:Boolean},indeterminate:{type:Boolean},percent:{},delay:{default:0},strokeWidth:{default:2.4},circleRadius:{default:16},color:{}},setup(k){const t=k,p=o.getBemElement(L,"path"),l=V.cva(p,{variants:{trail:o.generateVariantClassList("trail",p),indeterminate:o.generateVariantClassList("indeterminate",p)}}),s=P(),c=e.ref(0);e.watch(()=>[t.trail,t.percent],()=>{const r=s.getPercent(t.percent);if(!t.trail&&r!==void 0){const n=setTimeout(()=>{c.value=r,clearTimeout(n)},t.delay)}},{immediate:!0});const a=e.computed(()=>t.circleRadius-t.strokeWidth/2),_=e.computed(()=>{const r=t.circleRadius*2-t.strokeWidth;return`M ${t.circleRadius},${t.circleRadius} m 0,-${a.value} a ${a.value},${a.value} 0 1 1 0,${r} a ${a.value},${a.value} 0 1 1 0,-${r}`}),g=e.computed(()=>{const r=2*Math.PI*a.value,n=c.value/100;return{"stroke-dasharray":t.trail?void 0:r,"stroke-dashoffset":t.trail?void 0:r*(1-n),"--ptc-progress-animation-duration":s.duration.value}});return(r,n)=>(e.openBlock(),e.createBlock(e.unref(q.Primitive),{as:"g","as-child":!r.indeterminate,key:String(r.indeterminate)},{default:e.withCtx(()=>[e.createElementVNode("path",{d:_.value,"stroke-width":r.strokeWidth,fill:"none",style:e.normalizeStyle(g.value),"stroke-linecap":r.strokeLinecap,class:e.normalizeClass(e.unref(l)({trail:r.trail,indeterminate:r.indeterminate})),stroke:r.color??"currentColor"},null,14,Q),r.indeterminate?(e.openBlock(),e.createElementBlock("animateTransform",{key:0,attributeName:"transform",type:"rotate",from:`0 ${t.circleRadius} ${t.circleRadius}`,to:`360 ${t.circleRadius} ${t.circleRadius}`,dur:`${e.unref(s).duration.value||700}s`,repeatCount:"indefinite"},null,8,X)):e.createCommentVNode("",!0)]),_:1},8,["as-child"]))}}),A=e.defineComponent({...y.getComponentOptions("ProgressLabel"),__name:"ProgressLabel",setup(k){const t=P(),p=()=>{var c,a;const l=(a=(c=t.slots).label)==null?void 0:a.call(c,{}),s=!h.isEmptyElement(l);return s||t.props.label?e.h("div",{class:o.getBemElement(v,"label")},s?l:t.props.label):null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),R=e.defineComponent({...y.getComponentOptions("ProgressHelperText"),__name:"ProgressHelperText",setup(k){const t=P(),p=()=>{var c,a;const l=(a=(c=t.slots).helperText)==null?void 0:a.call(c,{}),s=!h.isEmptyElement(l);return s||t.props.helperText?e.h("div",{class:o.normCls(o.getBemElement(v,"helper_text"),t.props.helperTextCls)},s?l:t.props.helperText):null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),G=e.defineComponent({...y.getComponentOptions("ProgressLegend"),__name:"ProgressLegend",setup(k){const t=P(),p=o.getBemElement(v,"legend"),l=o.getBemElement(p,"item"),s=n=>e.h("div",{class:o.getBemElement(l,"indicator"),style:{background:t.getColor(n.color)}}),c=n=>e.h("div",{class:o.getBemElement(l,"title")},n.title),a=n=>e.h("div",{class:o.normCls(o.getBemElement(l,"percent"),"en")},`(${n._percent}%)`),_=n=>e.h("div",{class:l},[s(n),c(n),a(n)]),g=()=>{var n;return(n=t.getSteps.value)==null?void 0:n.map(u=>{var d,f;const i=(f=(d=t.slots).legendItem)==null?void 0:f.call(d,u);return h.isEmptyElement(i)?_(u):i})},r=()=>{var i,d,f;const n=(d=(i=t.slots).legend)==null?void 0:d.call(i,{}),u=!h.isEmptyElement(n);return u||t.props.legend&&((f=t.getSteps.value)!=null&&f.length)?e.h("div",{class:p},u?n:g()):null};return(n,u)=>(e.openBlock(),e.createBlock(r))}}),Y={viewBox:"0 0 32 32"},Z=e.defineComponent({...y.getComponentOptions("ProgressCircle"),__name:"ProgressCircle",setup(k){const t=P(),p=e.computed(()=>{switch(t.props.size){case"2xsm":case"xsm":return"3xsm";case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}}),l=V.cva(L,{variants:{size:o.generateVariantClassList(O,L)}}),s=()=>{var g,r;const a=(r=(g=t.slots).icon)==null?void 0:r.call(g,{}),_=!h.isEmptyElement(a);if(t.statusIcon.value||_){let n=a;return _||(n=e.h(h._sfc_main$2,{icon:t.statusIcon.value,size:p.value})),e.h("div",{class:o.getBemElement(L,"content")},n)}return null},c=e.computed(()=>D.sortBy(t.getSteps.value??[],["percent"]).reverse());return(a,_)=>{var g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)(e.unref(t).props))},[(e.openBlock(),e.createElementBlock("svg",Y,[e.unref(t).props.indeterminate?(e.openBlock(),e.createBlock(I,{key:1,indeterminate:"","stroke-linecap":"round",percent:75})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(I,{"stroke-linecap":e.unref(t).props.strokeLinecap,trail:""},null,8,["stroke-linecap"]),(g=e.unref(t).getSteps.value)!=null&&g.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.value,r=>(e.openBlock(),e.createBlock(I,{key:r.step_id,"stroke-linecap":e.unref(t).props.strokeLinecap,color:e.unref(t).getColor(r.color),percent:r.percent},null,8,["stroke-linecap","color","percent"]))),128)):(e.openBlock(),e.createBlock(I,{key:1,"stroke-linecap":e.unref(t).props.strokeLinecap,color:e.unref(t).props.status?void 0:e.unref(t).getColor(e.unref(t).props.color),percent:e.unref(t).percentProp.value},null,8,["stroke-linecap","color","percent"]))],64))])),e.createVNode(s)],2),e.createVNode(A),e.createVNode(R),e.createVNode(G)],64)}}}),ee=e.defineComponent({...y.getComponentOptions("ProgressValidationMessage"),__name:"ProgressValidationMessage",setup(k){const t=P(),p=()=>{var l,s;if(t.props.status){const c=(s=(l=t.slots).validationMessage)==null?void 0:s.call(l,{});if(!h.isEmptyElement(c)||t.props.validationMessage)return e.h(h._sfc_main$4,{status:t.props.status,message:t.props.validationMessage},{message:c})}return null};return(l,s)=>(e.openBlock(),e.createBlock(p))}}),te=e.defineComponent({...y.getComponentOptions("ProgressLine"),__name:"ProgressLine",setup(k){const t=P(),p=o.getBemElement(S,"value"),l=V.cva(S,{variants:{notRounded:o.generateVariantClassList("not-rounded",S),indeterminate:o.generateVariantClassList("indeterminate",S)}}),s=e.ref(0);e.watch(()=>[t.percentProp.value,t.props.indeterminate],()=>{const r=setTimeout(()=>{var n;t.props.indeterminate?s.value=void 0:!t.percentProp.value&&((n=t.getSteps.value)!=null&&n.length)?s.value=100:s.value=t.percentProp.value??0,clearTimeout(r)},t.props.delay??0)},{immediate:!0});const c=()=>{var r;if(!t.props.indeterminate){if(t.props.status)return"currentColor";if(!((r=t.getSteps.value)!=null&&r.length))return t.getColor(t.props.color)}},a=e.computed(()=>({width:s.value?`${s.value}%`:void 0,background:c(),"--ptc-progress-animation-duration":t.duration.value})),_=()=>{if(t.slots.label||t.props.label){const r=e.h(A),n=e.h(R,{renderIfHasLabel:!0});return e.h("div",{class:o.getBemElement(v,"line_content")},[r,n])}return null},g=()=>{if(t.props.status||t.props.indeterminate){const r=e.h(R),n=e.h(ee),u=[],i=h.isEmptyLikeLodash(t.slots.label||t.props.label)&&(t.slots.helperText||t.props.helperText);if(i&&u.push(r),(t.slots.validationMessage||t.props.validationMessage)&&!t.props.indeterminate&&t.statusIcon.value&&(i&&u.push(e.h(U._sfc_main,{type:"vertical",class:o.getBemElement(v,"divider")})),u.push(n)),u.length)return e.h("div",{class:o.getBemElement(v,"line_validation_box")},u)}else return e.h(G);return null};return(r,n)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(_),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)({notRounded:e.unref(t).props.notRounded,indeterminate:e.unref(t).props.indeterminate}))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(a.value)},[(u=e.unref(t).getSteps.value)!=null&&u.length&&!e.unref(t).props.indeterminate?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t).getSteps.value,i=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(p),"step")),key:i.step_id,style:e.normalizeStyle({background:e.unref(t).getColor(i.color),width:`${i.percent??0}%`})},null,6))),128)):e.createCommentVNode("",!0)],6)],2),e.createVNode(g)],64)}}}),re=["dir"],ne=e.defineComponent({...y.getComponentOptions("Progress"),__name:"Progress",props:{steps:{},type:{default:"line"},legend:{type:Boolean},indeterminate:{type:Boolean},noAnimate:{type:Boolean},size:{default:"md"},status:{},label:{},validationMessage:{},helperText:{},helperTextCls:{},notRounded:{type:Boolean},duration:{default:700},dir:{},strokeLinecap:{default:"round"},trail:{type:Boolean},percent:{},delay:{},strokeWidth:{},circleRadius:{},color:{default:"primary"}},setup(k){const t=k,p=e.useSlots(),l=M.getBadgeColor,s=(i,d=!0)=>{const f=Number(i);if(!(isNaN(f)||d&&(f>100||f<0)))return f},c=e.computed(()=>s(t.percent)??0),a=e.computed(()=>{var i;if((i=t.steps)!=null&&i.length&&!t.status){const d=t.steps.map(m=>({...m,step_id:o.usePCId(v)}));let f=0;const T=d.reduce((m,C)=>{const E=s(C.percent);E===void 0&&f++;const $=d.findIndex(x=>x.step_id===C.step_id);return $!==-1&&(d[$].percent=E),m+(E||0)},0);if(c.value>100||c.value<0||T>100||T<0)throw"Invalid percentage";let b=0;const N=d.map(m=>B.findIndex(C=>C===m.color)).sort(),j=Array.from({length:B.length},(m,C)=>C).filter(m=>!N.includes(m));let w=-1;return d.map(m=>{const C=(100-T)/f,E=(x=!0)=>m.percent===void 0?t.type==="circle"&&x?(b+=C,b*((c.value||100)/100)):C:t.type==="circle"&&x?(b+=m.percent,b):m.percent,$=()=>{const x=l(m.color);if(!x){if(B.length!==N.length){const z=j.shift();if(h.isNumber(z))return N.push(z),B[z]}return w++,B[w%B.length]}return x};return{...m,percent:E(),_percent:E(!1),color:$()}})}}),_=V.cva(v,{variants:{status:o.generateVariantClassList(F,v),type:o.generateVariantClassList(H,v)}}),g=e.computed(()=>t.noAnimate?0:(s(t.duration,!1)||0)/1e3),{getDir:r}=J.useConfig(),n=r(),u=e.computed(()=>{switch(t.status){case"success":return t.type==="circle"?"tabler:check":"tabler:circle-check";case"warning":return t.type==="circle"?"tabler:exclamation-mark":"tabler:exclamation-circle";case"error":return t.type==="circle"?"tabler:x":"tabler:circle-x"}});return W({props:t,getColor:l,getSteps:a,percentProp:c,getPercent:s,duration:g,slots:p,statusIcon:u}),(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)(t)),dir:e.unref(n)},[i.type==="circle"?(e.openBlock(),e.createBlock(Z,{key:0})):(e.openBlock(),e.createBlock(te,{key:1}))],10,re))}});exports.ProgressBoldColors=B;exports.ProgressColors=K;exports.ProgressSizes=O;exports.ProgressStatuses=F;exports.ProgressTypes=H;exports._sfc_main=ne;exports.injectProgressContext=P;exports.progressCirclePrefix=L;exports.progressLinePrefix=S;exports.progressPrefix=v;exports.provideProgressContext=W;

package/dist/RadioGroup/RadioGroup.d.ts

@@ -10,11 +10,12 @@ export interface RadioGroupProps extends RadioGroupRootProps {
     class?: ClassValue;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/RadioGroup/RadioGroupItem.d.ts

@@ -11,14 +11,14 @@ export interface RadioGroupSlots {
     label?: () => never;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (payload: string) => any;
     blur: (e: InputEvent) => any;
     focus: (e: InputEvent) => any;
-    "update:modelValue": (payload: string) => any;
 }, string, import('vue').PublicProps, Readonly<RadioGroupItemProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
     onBlur?: ((e: InputEvent) => any) | undefined;
     onFocus?: ((e: InputEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<RadioGroupSlots> & RadioGroupSlots>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>, Readonly<RadioGroupSlots> & RadioGroupSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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-Daq1nx9-.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-NO2KpdR5.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-D8f-sgna.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-D-9WHezS.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-D8f-sgna.js → RadioGroup.vue_vue_type_script_setup_true_lang-D-9WHezS.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("reka-ui"),v=require("class-variance-authority"),g=require("es-toolkit"),b=require("./options-CY2uxp5A.js"),_=require("./useInputDataStates-BWZ4Q3rt.js"),o=require("@pantograph/utils"),V=["for"],l=o.getBemBlock("radio_group"),k=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 t=u,s=o.getBemElement(l,"item"),d=e.useSlots(),m=c,a=e.computed(()=>t.id??o.usePCId(s)),{rootBindings:p,inputBindings:n}=_.UseInputDataStates({getDisabled:()=>t.disabled,emit:m}),f=e.computed(()=>({...g.omit(t,["class","id","rootCls","labelCls","label"]),id:a.value,...n.value})),B=e.computed(()=>!!(d.label||t.label));return(r,C)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"root"),r.rootCls)},e.unref(p),{for:a.value}),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:e.unref(o.normCls)(e.unref(s),t.class)},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"label"),r.labelCls))},[e.renderSlot(r.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])],2)):e.createCommentVNode("",!0)],16,V))}}),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 t=u,s=c,d=e.computed(()=>g.omit(t,["items","options","class"])),m=i.useForwardPropsEmits(d,s),a=v.cva(l,{variants:{size:o.generateVariantClassList(h,l),orientation:o.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=_.useFormInput(),n=e.computed(()=>t.options??t.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:e.unref(o.normCls)(e.unref(a)(t),t.class)}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var r;return[(r=n.value)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,C=>(e.openBlock(),e.createBlock(k,e.mergeProps({ref_for:!0},C),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=k;
+"use strict";const e=require("vue"),i=require("reka-ui"),v=require("class-variance-authority"),g=require("es-toolkit"),b=require("./options-CY2uxp5A.js"),_=require("./useInputDataStates-CM2GJM3c.js"),o=require("@pantograph/utils"),V=["for"],l=o.getBemBlock("radio_group"),k=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 t=u,s=o.getBemElement(l,"item"),d=e.useSlots(),m=c,a=e.computed(()=>t.id??o.usePCId(s)),{rootBindings:p,inputBindings:n}=_.UseInputDataStates({getDisabled:()=>t.disabled,emit:m}),f=e.computed(()=>({...g.omit(t,["class","id","rootCls","labelCls","label"]),id:a.value,...n.value})),B=e.computed(()=>!!(d.label||t.label));return(r,C)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"root"),r.rootCls)},e.unref(p),{for:a.value}),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:e.unref(o.normCls)(e.unref(s),t.class)},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"label"),r.labelCls))},[e.renderSlot(r.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])],2)):e.createCommentVNode("",!0)],16,V))}}),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 t=u,s=c,d=e.computed(()=>g.omit(t,["items","options","class"])),m=i.useForwardPropsEmits(d,s),a=v.cva(l,{variants:{size:o.generateVariantClassList(h,l),orientation:o.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=_.useFormInput(),n=e.computed(()=>t.options??t.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:e.unref(o.normCls)(e.unref(a)(t),t.class)}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var r;return[(r=n.value)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,C=>(e.openBlock(),e.createBlock(k,e.mergeProps({ref_for:!0},C),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=k;

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-Daq1nx9-.js → RadioGroup.vue_vue_type_script_setup_true_lang-NO2KpdR5.js}

@@ -3,7 +3,7 @@ import { RadioGroupItem as L, RadioGroupIndicator as N, useForwardPropsEmits as
 import { cva as O } from "class-variance-authority";
 import { omit as x } from "es-toolkit";
 import { g as z } from "./options-Bh1s18jm.js";
-import { U, u as T } from "./useInputDataStates-COzmxWTw.js";
+import { U, u as T } from "./useInputDataStates-BNwXgt9l.js";
 import { getBemBlock as j, getBemElement as n, usePCId as A, normCls as d, generateVariantClassList as h } from "@pantograph/utils";
 const H = ["for"], u = j("radio_group"), J = /* @__PURE__ */ V({
   ...z("RadioGroupItem"),

package/dist/ScrollContainer/Mask.d.ts

@@ -5,5 +5,5 @@ export interface Props {
     rightVisible: boolean;
     leftVisible: boolean;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/ScrollContainer/ScrollContainer.d.ts

@@ -21,6 +21,7 @@ export interface ScrollContainerProps {
     color?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         root?(_: {}): any;
         root?(_: {}): any;
@@ -32,11 +33,11 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly type?: ("scroll" | "auto" | "always" | "hover") | undefined;
+                readonly type?: ("auto" | "scroll" | "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;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -52,12 +53,12 @@ declare function __VLS_template(): {
             $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<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').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";
+                type: "auto" | "scroll" | "always" | "hover";
                 scrollHideDelay: number;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -80,9 +81,9 @@ declare function __VLS_template(): {
             $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";
+            type: "auto" | "scroll" | "always" | "hover";
             scrollHideDelay: number;
-        }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
             viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             scrollTop: () => void;
             scrollTopLeft: () => void;
@@ -97,7 +98,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly nonce?: string | undefined;
                 readonly asChild?: boolean | undefined;
-                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -115,7 +116,7 @@ declare function __VLS_template(): {
             $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<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').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)[];
@@ -137,7 +138,7 @@ declare function __VLS_template(): {
             $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<{
+        } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
             viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -154,7 +155,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly asChild?: boolean | undefined;
-                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -170,7 +171,7 @@ declare function __VLS_template(): {
             $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> & {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').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)[];
@@ -190,13 +191,13 @@ declare function __VLS_template(): {
             $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 & {} & {
+        } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
         }) | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProps, {
@@ -216,12 +217,180 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProp
     scrollTop: () => any;
     scrollTopLeft: () => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScrollContainerProps> & Readonly<{}>, {
-    type: ScrollContainerType;
     size: ScrollContainerSize;
+    type: ScrollContainerType;
     scrollDistance: number;
     scrollHideDelay: number;
     overlay: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly type?: ("auto" | "scroll" | "always" | "hover") | undefined;
+            readonly dir?: ("ltr" | "rtl") | undefined;
+            readonly scrollHideDelay?: number | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').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').ScrollAreaRootProps> & Readonly<{}>, {
+            viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrollTop: () => void;
+            scrollTopLeft: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            type: "auto" | "scroll" | "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: "auto" | "scroll" | "always" | "hover";
+        scrollHideDelay: number;
+    }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & 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').AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            viewportElement: HTMLDivElement;
+        };
+        $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').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').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;
+    right: HTMLDivElement;
+    left: HTMLDivElement;
+    bottom: HTMLDivElement;
+    corner: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').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').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').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/ScrollContainer/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js";
+import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-Dl1jP8xY.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-DqKhWsL2.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-DKfgCbWJ.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-DqKhWsL2.js → ScrollContainer.vue_vue_type_style_index_0_lang-DKfgCbWJ.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("reka-ui"),H=require("class-variance-authority"),r=require("@pantograph/utils"),i=require("@vueuse/core"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),D=require("./options-CY2uxp5A.js");require("es-toolkit");require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");const t=r.getBemBlock("scroll_container"),$=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},rightVisible:{type:Boolean},leftVisible:{type:Boolean}},setup(p){const d=p,o=r.getBemElement(t,"mask"),v=H.cva(o,{variants:{topVisible:r.generateVariantClassList("top-visible",o),bottomVisible:r.generateVariantClassList("bottom-visible",o),rightVisible:r.generateVariantClassList("right-visible",o),leftVisible:r.generateVariantClassList("left-visible",o)}});return(u,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v)(d))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"right"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"left"))},null,2)],2))}}),W=["auto","always","scroll","hover"],M=["sm","md","lg"],X=e.defineComponent({...D.getComponentOptions("ScrollContainer",!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:{},wrapProps:{},overlay:{type:Boolean,default:!0},hideVerticalScrollbar:{type:Boolean},hideHorizontalScrollbar:{type:Boolean},color:{}},setup(p,{expose:d}){const o=p,v=H.cva(t,{variants:{size:r.generateVariantClassList(M,t),overlay:r.generateVariantClassList("overlay",t),isOverflowX:r.generateVariantClassList("overflowed-x",t),isOverflowY:r.generateVariantClassList("overflowed-y",t),hasMask:r.generateVariantClassList("has-mask",t)}}),u=r.getBemElement(t,"scroll_bar"),b=r.getBemElement(u,"thumb"),{config:O}=A.useConfig(),P=e.computed(()=>o.dir?o.dir:O.dir.value),E=e.ref(),k=e.ref(),z=e.ref(),N=e.ref();let C=e.shallowRef(!1),h=e.shallowRef(!1),V=e.shallowRef(!1),g=e.shallowRef(!1);o.hasMask&&(C=i.useElementVisibility(E),h=i.useElementVisibility(k),V=i.useElementVisibility(z),g=i.useElementVisibility(N));const a=e.ref(),m=e.ref(),y=e.ref(),w=e.shallowRef(!1),S=e.shallowRef(!1),B=i.useDebounceFn(()=>{var l,s,c,f,_,L,T,R,q;e.unref((l=a.value)==null?void 0:l.viewport)&&(w.value=!o.hideHorizontalScrollbar&&(((c=(s=e.unref(a.value))==null?void 0:s.viewport)==null?void 0:c.offsetWidth)||0)<(((_=(f=e.unref(a.value))==null?void 0:f.viewport)==null?void 0:_.scrollWidth)||0),S.value=!o.hideVerticalScrollbar&&(((T=(L=e.unref(a.value))==null?void 0:L.viewport)==null?void 0:T.offsetHeight)||0)<(((q=(R=e.unref(a.value))==null?void 0:R.viewport)==null?void 0:q.scrollHeight)||0))},10);if(!o.overlay&&!(o.hideVerticalScrollbar&&o.hideVerticalScrollbar)){e.onMounted(()=>B());const{stop:l}=i.useResizeObserver(a,B),{stop:s}=i.useResizeObserver(y,B);e.onBeforeUnmount(()=>{l(),s()})}return d({container:m,wrap:y,root:a,isOverflowX:w,isOverflowY:S,topVisible:C,rightVisible:h,leftVisible:V,bottomVisible:g,getScroll:()=>{var l,s,c,f;return{scrollTop:(s=(l=m.value)==null?void 0:l.viewportElement)==null?void 0:s.scrollTop,scrollLeft:(f=(c=m.value)==null?void 0:c.viewportElement)==null?void 0:f.scrollLeft}},scrollTop:()=>{var l,s;return(s=(l=a.value)==null?void 0:l.scrollTop)==null?void 0:s.call(l)},scrollTopLeft:()=>{var l,s;return(s=(l=a.value)==null?void 0:l.scrollTopLeft)==null?void 0:s.call(l)}}),(l,s)=>(e.openBlock(),e.createBlock(e.unref(n.ScrollAreaRoot),e.mergeProps({class:e.unref(r.normCls)(e.unref(v)({overlay:l.overlay,isOverflowX:w.value,isOverflowY:S.value,hasMask:l.hasMask,size:l.size}),l.rootCls),scrollHideDelay:o.scrollHideDelay,dir:P.value,type:o.type},l.rootProps,{style:{"--ptc-scroll-container-color":l.color},ref_key:"root",ref:a}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"root"),e.createVNode(e.unref(n.ScrollAreaViewport),e.mergeProps({class:e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(t),"area"),l.areaCls)},l.$attrs,{ref_key:"container",ref:m,"as-child":""}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"area"),e.createElementVNode("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(t),"area__wrap"),l.wrapCls)},l.wrapProps,{ref_key:"wrap",ref:y}),[e.renderSlot(l.$slots,"default"),l.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:E,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"right",ref:k,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"right_observer"))},null,2),e.createElementVNode("div",{ref_key:"left",ref:z,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"left_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:N,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],16)]),_:3},16,["class"]),l.hasMask?(e.openBlock(),e.createBlock($,{key:0,topVisible:e.unref(C),bottomVisible:e.unref(g),rightVisible:e.unref(h),leftVisible:e.unref(V)},null,8,["topVisible","bottomVisible","rightVisible","leftVisible"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(n.ScrollAreaScrollbar),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),l.scrollbarCls)),orientation:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ScrollAreaThumb),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(b),l.thumbCls))},null,8,["class"])]),_:1},8,["class"]),[[e.vShow,!l.hideVerticalScrollbar]]),e.withDirectives(e.createVNode(e.unref(n.ScrollAreaScrollbar),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),l.scrollbarCls)),orientation:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ScrollAreaThumb),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(b),l.thumbCls))},null,8,["class"])]),_:1},8,["class"]),[[e.vShow,!l.hideHorizontalScrollbar]]),e.createVNode(e.unref(n.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(l.cornerCls)},null,8,["class"]),e.renderSlot(l.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=M;exports.ScrollContainerTypes=W;exports._sfc_main=X;
+"use strict";const e=require("vue"),n=require("reka-ui"),H=require("class-variance-authority"),r=require("@pantograph/utils"),i=require("@vueuse/core"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),D=require("./options-CY2uxp5A.js");require("es-toolkit");require("./Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js");const t=r.getBemBlock("scroll_container"),$=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},rightVisible:{type:Boolean},leftVisible:{type:Boolean}},setup(p){const d=p,o=r.getBemElement(t,"mask"),v=H.cva(o,{variants:{topVisible:r.generateVariantClassList("top-visible",o),bottomVisible:r.generateVariantClassList("bottom-visible",o),rightVisible:r.generateVariantClassList("right-visible",o),leftVisible:r.generateVariantClassList("left-visible",o)}});return(u,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v)(d))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"right"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"left"))},null,2)],2))}}),W=["auto","always","scroll","hover"],M=["sm","md","lg"],X=e.defineComponent({...D.getComponentOptions("ScrollContainer",!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:{},wrapProps:{},overlay:{type:Boolean,default:!0},hideVerticalScrollbar:{type:Boolean},hideHorizontalScrollbar:{type:Boolean},color:{}},setup(p,{expose:d}){const o=p,v=H.cva(t,{variants:{size:r.generateVariantClassList(M,t),overlay:r.generateVariantClassList("overlay",t),isOverflowX:r.generateVariantClassList("overflowed-x",t),isOverflowY:r.generateVariantClassList("overflowed-y",t),hasMask:r.generateVariantClassList("has-mask",t)}}),u=r.getBemElement(t,"scroll_bar"),b=r.getBemElement(u,"thumb"),{config:O}=A.useConfig(),P=e.computed(()=>o.dir?o.dir:O.dir.value),E=e.ref(),k=e.ref(),z=e.ref(),N=e.ref();let C=e.shallowRef(!1),h=e.shallowRef(!1),V=e.shallowRef(!1),g=e.shallowRef(!1);o.hasMask&&(C=i.useElementVisibility(E),h=i.useElementVisibility(k),V=i.useElementVisibility(z),g=i.useElementVisibility(N));const a=e.ref(),m=e.ref(),y=e.ref(),w=e.shallowRef(!1),S=e.shallowRef(!1),B=i.useDebounceFn(()=>{var l,s,c,f,_,L,T,R,q;e.unref((l=a.value)==null?void 0:l.viewport)&&(w.value=!o.hideHorizontalScrollbar&&(((c=(s=e.unref(a.value))==null?void 0:s.viewport)==null?void 0:c.offsetWidth)||0)<(((_=(f=e.unref(a.value))==null?void 0:f.viewport)==null?void 0:_.scrollWidth)||0),S.value=!o.hideVerticalScrollbar&&(((T=(L=e.unref(a.value))==null?void 0:L.viewport)==null?void 0:T.offsetHeight)||0)<(((q=(R=e.unref(a.value))==null?void 0:R.viewport)==null?void 0:q.scrollHeight)||0))},10);if(!o.overlay&&!(o.hideVerticalScrollbar&&o.hideVerticalScrollbar)){e.onMounted(()=>B());const{stop:l}=i.useResizeObserver(a,B),{stop:s}=i.useResizeObserver(y,B);e.onBeforeUnmount(()=>{l(),s()})}return d({container:m,wrap:y,root:a,isOverflowX:w,isOverflowY:S,topVisible:C,rightVisible:h,leftVisible:V,bottomVisible:g,getScroll:()=>{var l,s,c,f;return{scrollTop:(s=(l=m.value)==null?void 0:l.viewportElement)==null?void 0:s.scrollTop,scrollLeft:(f=(c=m.value)==null?void 0:c.viewportElement)==null?void 0:f.scrollLeft}},scrollTop:()=>{var l,s;return(s=(l=a.value)==null?void 0:l.scrollTop)==null?void 0:s.call(l)},scrollTopLeft:()=>{var l,s;return(s=(l=a.value)==null?void 0:l.scrollTopLeft)==null?void 0:s.call(l)}}),(l,s)=>(e.openBlock(),e.createBlock(e.unref(n.ScrollAreaRoot),e.mergeProps({class:e.unref(r.normCls)(e.unref(v)({overlay:l.overlay,isOverflowX:w.value,isOverflowY:S.value,hasMask:l.hasMask,size:l.size}),l.rootCls),scrollHideDelay:o.scrollHideDelay,dir:P.value,type:o.type},l.rootProps,{style:{"--ptc-scroll-container-color":l.color},ref_key:"root",ref:a}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"root"),e.createVNode(e.unref(n.ScrollAreaViewport),e.mergeProps({class:e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(t),"area"),l.areaCls)},l.$attrs,{ref_key:"container",ref:m,"as-child":""}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"area"),e.createElementVNode("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(t),"area__wrap"),l.wrapCls)},l.wrapProps,{ref_key:"wrap",ref:y}),[e.renderSlot(l.$slots,"default"),l.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:E,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"right",ref:k,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"right_observer"))},null,2),e.createElementVNode("div",{ref_key:"left",ref:z,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"left_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:N,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],16)]),_:3},16,["class"]),l.hasMask?(e.openBlock(),e.createBlock($,{key:0,topVisible:e.unref(C),bottomVisible:e.unref(g),rightVisible:e.unref(h),leftVisible:e.unref(V)},null,8,["topVisible","bottomVisible","rightVisible","leftVisible"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(n.ScrollAreaScrollbar),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),l.scrollbarCls)),orientation:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ScrollAreaThumb),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(b),l.thumbCls))},null,8,["class"])]),_:1},8,["class"]),[[e.vShow,!l.hideVerticalScrollbar]]),e.withDirectives(e.createVNode(e.unref(n.ScrollAreaScrollbar),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),l.scrollbarCls)),orientation:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ScrollAreaThumb),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(b),l.thumbCls))},null,8,["class"])]),_:1},8,["class"]),[[e.vShow,!l.hideHorizontalScrollbar]]),e.createVNode(e.unref(n.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(l.cornerCls)},null,8,["class"]),e.renderSlot(l.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=M;exports.ScrollContainerTypes=W;exports._sfc_main=X;

package/dist/{ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js → ScrollContainer.vue_vue_type_style_index_0_lang-Dl1jP8xY.js}

@@ -3,10 +3,10 @@ import { ScrollAreaRoot as ae, ScrollAreaViewport as ie, ScrollAreaScrollbar as
 import { cva as x } from "class-variance-authority";
 import { getBemBlock as ce, getBemElement as a, generateVariantClassList as c, normCls as f } from "@pantograph/utils";
 import { useElementVisibility as C, useDebounceFn as pe, useResizeObserver as K } from "@vueuse/core";
-import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
 import { g as ue } from "./options-Bh1s18jm.js";
 import "es-toolkit";
-import "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 const s = ce("scroll_container"), ve = /* @__PURE__ */ Q({
   __name: "Mask",
   props: {

package/dist/Segmented/Segmented.d.ts

@@ -35,18 +35,19 @@ export interface SegmentedSlots {
     text: SlotItem;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<SegmentedSlots> & SegmentedSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SegmentedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (event?: string | number | undefined) => any;
     "update:modelValue": (event?: string | number | undefined) => any;
+    change: (event?: string | number | undefined) => any;
     entryFocus: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SegmentedProps> & Readonly<{
-    onChange?: ((event?: string | number | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((event?: string | number | undefined) => any) | undefined;
+    onChange?: ((event?: string | number | undefined) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
     size: SegmentedSize;

package/dist/Segmented/index.js

@@ -1,4 +1,4 @@
-import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_style_index_0_lang-B1uEmVPJ.js";
+import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_style_index_0_lang-uZeKLoid.js";
 export {
   s as Segmented,
   t as SegmentedSizes,

package/dist/Segmented/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Segmented.vue_vue_type_style_index_0_lang-3JqUJ0d7.js");exports.Segmented=e._sfc_main;exports.SegmentedSizes=e.SegmentedSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Segmented.vue_vue_type_style_index_0_lang-BKyJdc6h.js");exports.Segmented=e._sfc_main;exports.SegmentedSizes=e.SegmentedSizes;exports.default=e._sfc_main;

package/dist/{Segmented.vue_vue_type_style_index_0_lang-3JqUJ0d7.js → Segmented.vue_vue_type_style_index_0_lang-BKyJdc6h.js}

@@ -1 +1 @@
-"use strict";const t=require("vue"),_=require("reka-ui"),i=require("@pantograph/utils"),l=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");require("@tanstack/vue-virtual");const z=require("class-variance-authority"),K=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),T=require("es-toolkit"),Q=require("./options-CY2uxp5A.js"),F=["sm","md","lg"],W=t.defineComponent({...Q.getComponentOptions("Segmented"),__name:"Segmented",props:{options:{},size:{default:"md"},class:{},selectionIndicatorCls:{},optionCls:{},optionIconCls:{},optionTextCls:{},block:{type:Boolean},modelValue:{},defaultModelValue:{},orientation:{},dir:{},loop:{type:Boolean},preventScrollOnEntryFocus:{type:Boolean}},emits:["update:modelValue","change","entryFocus"],setup(j,{emit:w}){const n=j,C=w,c=t.useSlots(),L=t.computed(()=>T.pick(n,["orientation","dir","loop","preventScrollOnEntryFocus"])),M=_.useForwardPropsEmits(L,C),v=i.getBemBlock("segmented"),P=z.cva(v,{variants:{size:i.generateVariantClassList(F,v),block:i.generateVariantClassList("block",v)}}),m=i.getBemElement(v,"option"),R=z.cva(m,{variants:{icon:i.generateVariantClassList("icon",m),text:i.generateVariantClassList("text",m)}}),{getDir:D}=K.useConfig(),N=D(),U=t.computed(()=>{switch(n.size){case"lg":return"xsm";default:return"2xsm"}}),r=l.useVModel(n,"modelValue",C,{defaultValue:n.defaultModelValue,passive:n.modelValue===void 0,onChange:e=>{C("change",e)}}),f=e=>[null,void 0].includes(e),u=e=>l.isObject(e)?e.value:e,$=e=>!!(l.isObject(e)&&e.disabled),A=e=>l.isObject(e)?e.icon:void 0,G=e=>l.isObject(e)?e.text:u(e);t.watch(()=>n.options,()=>{var s,o;const e=(s=n.options)==null?void 0:s.find(a=>{const d=u(a);return!f(d)&&d===r.value});if(!e||f(u(e))){const a=(o=n.options)==null?void 0:o.find(d=>{const p=u(d);return!f(p)});a&&(r.value=u(a))}},{immediate:!0,deep:!0});const H=()=>{var e;return(e=n.options)==null?void 0:e.map(s=>{var O,k,q;const o=u(s);if(f(o))return;const a=$(s),d=l.isObject(s)?T.omit(s,["icon","value","text"]):{},p=r.value===o;let g;const x=(O=c.option)==null?void 0:O.call(c,{disabled:a,selected:p,option:s});l.isEmptyElement(x)||(g=x);const S=A(s),V=(k=c.icon)==null?void 0:k.call(c,{disabled:a,selected:p,option:s}),b=G(s),h=(q=c.text)==null?void 0:q.call(c,{disabled:a,selected:p,option:s});g=[];const y=!l.isEmptyElement(V),B=!!(S||y),E=!l.isEmptyElement(h),I=!!(b||E);B&&g.push(t.h(l._sfc_main$2,{icon:S,size:U.value,class:i.normCls(i.getBemElement(m,"icon"),n.optionIconCls)},y?V:void 0)),I&&g.push(t.h("div",{class:i.normCls(i.getBemElement(m,"text"),n.optionTextCls)},E?h:b));const J=r.value===o;return t.h(_.RovingFocusItem,{as:"button",active:J,focusable:!a,disabled:a,tabStopId:o,value:o,...d,class:i.normCls(R({icon:B,text:I}),n.optionCls)},()=>g)})};return(e,s)=>(t.openBlock(),t.createBlock(t.unref(_.RovingFocusGroup),t.mergeProps(t.unref(M),{dir:t.unref(N),"current-tab-stop-id":t.unref(r),"onUpdate:currentTabStopId":s[0]||(s[0]=o=>t.isRef(r)?r.value=o:null),asChild:""}),{default:t.withCtx(()=>{var o;return[t.createElementVNode("div",{class:t.normalizeClass(t.unref(i.normCls)(t.unref(P)({...n}),n.class)),style:t.normalizeStyle({gridTemplateColumns:`repeat(${((o=n.options)==null?void 0:o.length)??1}, minmax(0, 1fr))`})},[t.createVNode(H)],6)]}),_:1},16,["dir","current-tab-stop-id"]))}});exports.SegmentedSizes=F;exports._sfc_main=W;
+"use strict";const t=require("vue"),_=require("reka-ui"),i=require("@pantograph/utils"),l=require("./Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js");require("@tanstack/vue-virtual");const z=require("class-variance-authority"),K=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),T=require("es-toolkit"),Q=require("./options-CY2uxp5A.js"),F=["sm","md","lg"],W=t.defineComponent({...Q.getComponentOptions("Segmented"),__name:"Segmented",props:{options:{},size:{default:"md"},class:{},selectionIndicatorCls:{},optionCls:{},optionIconCls:{},optionTextCls:{},block:{type:Boolean},modelValue:{},defaultModelValue:{},orientation:{},dir:{},loop:{type:Boolean},preventScrollOnEntryFocus:{type:Boolean}},emits:["update:modelValue","change","entryFocus"],setup(j,{emit:w}){const n=j,C=w,c=t.useSlots(),L=t.computed(()=>T.pick(n,["orientation","dir","loop","preventScrollOnEntryFocus"])),M=_.useForwardPropsEmits(L,C),v=i.getBemBlock("segmented"),P=z.cva(v,{variants:{size:i.generateVariantClassList(F,v),block:i.generateVariantClassList("block",v)}}),m=i.getBemElement(v,"option"),R=z.cva(m,{variants:{icon:i.generateVariantClassList("icon",m),text:i.generateVariantClassList("text",m)}}),{getDir:D}=K.useConfig(),N=D(),U=t.computed(()=>{switch(n.size){case"lg":return"xsm";default:return"2xsm"}}),r=l.useVModel(n,"modelValue",C,{defaultValue:n.defaultModelValue,passive:n.modelValue===void 0,onChange:e=>{C("change",e)}}),f=e=>[null,void 0].includes(e),u=e=>l.isObject(e)?e.value:e,$=e=>!!(l.isObject(e)&&e.disabled),A=e=>l.isObject(e)?e.icon:void 0,G=e=>l.isObject(e)?e.text:u(e);t.watch(()=>n.options,()=>{var s,o;const e=(s=n.options)==null?void 0:s.find(a=>{const d=u(a);return!f(d)&&d===r.value});if(!e||f(u(e))){const a=(o=n.options)==null?void 0:o.find(d=>{const p=u(d);return!f(p)});a&&(r.value=u(a))}},{immediate:!0,deep:!0});const H=()=>{var e;return(e=n.options)==null?void 0:e.map(s=>{var O,k,q;const o=u(s);if(f(o))return;const a=$(s),d=l.isObject(s)?T.omit(s,["icon","value","text"]):{},p=r.value===o;let g;const x=(O=c.option)==null?void 0:O.call(c,{disabled:a,selected:p,option:s});l.isEmptyElement(x)||(g=x);const S=A(s),V=(k=c.icon)==null?void 0:k.call(c,{disabled:a,selected:p,option:s}),b=G(s),h=(q=c.text)==null?void 0:q.call(c,{disabled:a,selected:p,option:s});g=[];const y=!l.isEmptyElement(V),B=!!(S||y),E=!l.isEmptyElement(h),I=!!(b||E);B&&g.push(t.h(l._sfc_main$2,{icon:S,size:U.value,class:i.normCls(i.getBemElement(m,"icon"),n.optionIconCls)},y?V:void 0)),I&&g.push(t.h("div",{class:i.normCls(i.getBemElement(m,"text"),n.optionTextCls)},E?h:b));const J=r.value===o;return t.h(_.RovingFocusItem,{as:"button",active:J,focusable:!a,disabled:a,tabStopId:o,value:o,...d,class:i.normCls(R({icon:B,text:I}),n.optionCls)},()=>g)})};return(e,s)=>(t.openBlock(),t.createBlock(t.unref(_.RovingFocusGroup),t.mergeProps(t.unref(M),{dir:t.unref(N),"current-tab-stop-id":t.unref(r),"onUpdate:currentTabStopId":s[0]||(s[0]=o=>t.isRef(r)?r.value=o:null),asChild:""}),{default:t.withCtx(()=>{var o;return[t.createElementVNode("div",{class:t.normalizeClass(t.unref(i.normCls)(t.unref(P)({...n}),n.class)),style:t.normalizeStyle({gridTemplateColumns:`repeat(${((o=n.options)==null?void 0:o.length)??1}, minmax(0, 1fr))`})},[t.createVNode(H)],6)]}),_:1},16,["dir","current-tab-stop-id"]))}});exports.SegmentedSizes=F;exports._sfc_main=W;

package/dist/{Segmented.vue_vue_type_style_index_0_lang-B1uEmVPJ.js → Segmented.vue_vue_type_style_index_0_lang-uZeKLoid.js}

@@ -1,10 +1,10 @@
 import { defineComponent as W, useSlots as X, computed as M, watch as Y, createBlock as Z, openBlock as ee, unref as r, mergeProps as te, isRef as oe, withCtx as ne, createElementVNode as se, normalizeStyle as ae, normalizeClass as ie, createVNode as le, h as S } from "vue";
 import { useForwardPropsEmits as ce, RovingFocusGroup as re, RovingFocusItem as ue } from "reka-ui";
 import { getBemBlock as de, generateVariantClassList as g, getBemElement as h, normCls as x } from "@pantograph/utils";
-import { u as me, m as p, k as V, e as pe } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { u as me, m as p, k as V, e as pe } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 import "@tanstack/vue-virtual";
 import { cva as P } from "class-variance-authority";
-import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
 import { pick as ve, omit as ge } from "es-toolkit";
 import { g as xe } from "./options-Bh1s18jm.js";
 const Ce = ["sm", "md", "lg"], ze = /* @__PURE__ */ W({