@pantograph/vue 0.28.8 → 0.29.2

package/dist/Progress.vue_vue_type_style_index_0_lang-Da3J8MwA.js

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

package/dist/{Progress.vue_vue_type_style_index_0_lang-9eAYLmtJ.js → Progress.vue_vue_type_style_index_0_lang-VcaWRb-o.js}

@@ -1,14 +1,14 @@
 import { defineComponent as b, ref as Q, watch as U, computed as x, createBlock as k, openBlock as p, unref as n, withCtx as se, createElementVNode as A, createElementBlock as S, createCommentVNode as X, normalizeClass as M, normalizeStyle as q, h as u, Fragment as N, createVNode as B, renderList as Y, useSlots as ne } from "vue";
 import { getBemBlock as oe, getBemElement as m, getComponentOptions as I, generateVariantClassList as T, normCls as Z, isEmptyLikeLodash as ae, usePCId as le } from "@pantograph/utils";
 import { cva as F } from "class-variance-authority";
-import { c as ce, g as ie } from "./BaseBadge.model-DCiuNKoh.js";
+import { a as ce, g as ie } from "./BaseBadge.model-D4ZfMIfM.js";
 import { createContext as pe, Primitive as ue } from "reka-ui";
-import { _ as de } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as de } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
 import { isEmptyElement as z } from "@pantograph/utils-vue";
 import { sortBy as me } from "es-toolkit";
-import { b as ge } from "./FormValidation.vue_vue_type_style_index_0_lang-C_zrxekC.js";
+import { _ as ge } from "./FormValidation.vue_vue_type_style_index_0_lang-4DQfQtme.js";
 import { _ as fe } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import { u as ve } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { useConfig as ve } from "./ConfigProvider/index.js";
 import { i as _e } from "./isNumber-BduWbB-B.js";
 const L = [
   "red",
@@ -441,12 +441,12 @@ export {
   L as P,
   je as _,
   Fe as a,
-  h as b,
-  G as c,
-  V as d,
-  he as e,
-  ye as f,
-  xe as g,
+  he as b,
+  ye as c,
+  xe as d,
+  V as e,
+  h as f,
+  ke as g,
   R as i,
-  ke as p
+  G as p
 };

package/dist/RadioGroup/index.d.ts

@@ -1,2 +1,4 @@
+export declare const RadioGroupPlugin: import('vue').Plugin;
+export declare const RadioGroupItemPlugin: import('vue').Plugin;
 export { default as RadioGroup, type RadioGroupProps, default } from './RadioGroup';
 export { default as RadioGroupItem, type RadioGroupItemProps } from './RadioGroupItem';

package/dist/RadioGroup/index.js

@@ -1,6 +1,11 @@
-import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-dTuUkmBY.js";
+import { _ as i, a as m } from "../RadioGroup.vue_vue_type_script_setup_true_lang-dTuUkmBY.js";
+import { installComponent as o } from "@pantograph/utils-vue";
+import { getComponentName as a } from "@pantograph/utils";
+const n = o(i, a("RadioGroup")), s = o(m, a("RadioGroupItem"));
 export {
-  r as RadioGroup,
-  d as RadioGroupItem,
-  e as default
+  i as RadioGroup,
+  m as RadioGroupItem,
+  s as RadioGroupItemPlugin,
+  n as RadioGroupPlugin,
+  i as default
 };

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-CaB3l3Qh.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-CaB3l3Qh.js"),o=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),i=o.installComponent(e._sfc_main,t.getComponentName("RadioGroup")),u=o.installComponent(e._sfc_main$1,t.getComponentName("RadioGroupItem"));exports.RadioGroup=e._sfc_main;exports.RadioGroupItem=e._sfc_main$1;exports.default=e._sfc_main;exports.RadioGroupItemPlugin=u;exports.RadioGroupPlugin=i;

package/dist/ScrollContainer/index.d.ts

@@ -1,2 +1,3 @@
+export declare const ScrollContainerPlugin: import('vue').Plugin;
 export { default as ScrollContainer, type ScrollContainerProps, default, } from './ScrollContainer';
 export * from './ScrollContainer.model';

package/dist/ScrollContainer/index.js

@@ -1,7 +1,12 @@
-import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
+import { _ as o } from "../ScrollContainer.vue_vue_type_style_index_0_lang-C9L-FJn7.js";
+import { S as s, a as p } from "../ScrollContainer.vue_vue_type_style_index_0_lang-C9L-FJn7.js";
+import { installComponent as r } from "@pantograph/utils-vue";
+import { getComponentName as n } from "@pantograph/utils";
+const l = r(o, n("ScrollContainer"));
 export {
-  r as ScrollContainer,
-  e as ScrollContainerSizes,
-  l as ScrollContainerTypes,
-  n as default
+  o as ScrollContainer,
+  l as ScrollContainerPlugin,
+  s as ScrollContainerSizes,
+  p as ScrollContainerTypes,
+  o 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.vue_vue_type_style_index_0_lang-DDjSsSEk.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-Br7-ZHr3.js"),n=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),o=n.installComponent(e._sfc_main,l.getComponentName("ScrollContainer"));exports.ScrollContainer=e._sfc_main;exports.ScrollContainerSizes=e.ScrollContainerSizes;exports.ScrollContainerTypes=e.ScrollContainerTypes;exports.default=e._sfc_main;exports.ScrollContainerPlugin=o;

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js

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

package/dist/{ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js → ScrollContainer.vue_vue_type_style_index_0_lang-C9L-FJn7.js}

@@ -3,7 +3,7 @@ import { ScrollAreaRoot as ie, ScrollAreaViewport as ne, ScrollAreaScrollbar as
 import { cva as x } from "class-variance-authority";
 import { getBemBlock as pe, getComponentOptions as ee, getBemElement as a, generateVariantClassList as c, normCls as p } from "@pantograph/utils";
 import { useElementVisibility as k, useDebounceFn as fe, useResizeObserver as K } from "@vueuse/core";
-import { u as ue } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { useConfig as ue } from "./ConfigProvider/index.js";
 const s = pe("scroll_container"), ve = /* @__PURE__ */ Q({
   ...ee("ScrollContainerMask"),
   __name: "Mask",
@@ -221,7 +221,7 @@ const s = pe("scroll_container"), ve = /* @__PURE__ */ Q({
   }
 });
 export {
-  ge as S,
+  be as S,
   Be as _,
-  be as a
+  ge as a
 };

package/dist/Segmented/index.d.ts

@@ -1,2 +1,3 @@
+export declare const SegmentedPlugin: import('vue').Plugin;
 export { type SegmentedEmits, type SegmentedProps, type SegmentedSlots, default, default as Segmented, } from './Segmented';
 export { SegmentedSizes, type SegmentedSize } from './Segmented.model';

package/dist/Segmented/index.js

@@ -1,6 +1,11 @@
-import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_style_index_0_lang-DMAM-GcW.js";
+import { _ as e } from "../Segmented.vue_vue_type_style_index_0_lang-JoWqilVK.js";
+import { S as p } from "../Segmented.vue_vue_type_style_index_0_lang-JoWqilVK.js";
+import { installComponent as m } from "@pantograph/utils-vue";
+import { getComponentName as t } from "@pantograph/utils";
+const a = m(e, t("Segmented"));
 export {
-  s as Segmented,
-  t as SegmentedSizes,
-  S as default
+  e as Segmented,
+  a as SegmentedPlugin,
+  p as SegmentedSizes,
+  e as default
 };

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-BHrbYl3U.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-Bwyz7RU9.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),i=t.installComponent(e._sfc_main,n.getComponentName("Segmented"));exports.Segmented=e._sfc_main;exports.SegmentedSizes=e.SegmentedSizes;exports.default=e._sfc_main;exports.SegmentedPlugin=i;

package/dist/Segmented.vue_vue_type_style_index_0_lang-Bwyz7RU9.js

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

package/dist/{Segmented.vue_vue_type_style_index_0_lang-DMAM-GcW.js → Segmented.vue_vue_type_style_index_0_lang-JoWqilVK.js}

@@ -2,12 +2,13 @@ import { defineComponent as X, useSlots as Y, computed as M, watch as Z, createB
 import { useForwardPropsEmits as re, RovingFocusGroup as de, RovingFocusItem as ue } from "reka-ui";
 import { getComponentOptions as me, getBemBlock as pe, generateVariantClassList as g, getBemElement as b, normCls as x } from "@pantograph/utils";
 import { cva as D } from "class-variance-authority";
-import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { useConfig as fe } from "./ConfigProvider/index.js";
 import { pick as ve, omit as ge } from "es-toolkit";
 import { useVModel as xe, useFormInput as Ce, isEmptyElement as h } from "@pantograph/utils-vue";
-import { _ as Se } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import "./Icon/index.js";
 import { i as p } from "./isObject-vmP43YLW.js";
-const be = ["sm", "md", "lg"], Ee = /* @__PURE__ */ X({
+import { _ as Se } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+const be = ["sm", "md", "lg"], Fe = /* @__PURE__ */ X({
   ...me("Segmented"),
   __name: "Segmented",
   props: {
@@ -162,5 +163,5 @@ const be = ["sm", "md", "lg"], Ee = /* @__PURE__ */ X({
 });
 export {
   be as S,
-  Ee as _
+  Fe as _
 };

package/dist/Select/index.d.ts

@@ -1,3 +1,6 @@
+export declare const SelectPlugin: import('vue').Plugin;
+export declare const SelectOptionPlugin: import('vue').Plugin;
+export declare const SelectLabelPlugin: import('vue').Plugin;
 export { default as Select } from './Select';
 export { default as SelectOption, type SelectOptionProps } from './SelectOption';
 export { default as SelectLabel } from './SelectLabel';

package/dist/Select/index.js

@@ -1,10 +1,17 @@
-import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_style_index_0_lang-BWQI_Gdd.js";
+import { _ as o, S as l, a as c } from "../Select.vue_vue_type_style_index_0_lang-43LRXAk7.js";
+import { b as f, c as _, i as b, p as g } from "../Select.vue_vue_type_style_index_0_lang-43LRXAk7.js";
+import { installComponent as e } from "@pantograph/utils-vue";
+import { getComponentName as t } from "@pantograph/utils";
+const i = e(o, t("Select")), S = e(l, t("SelectOption")), m = e(c, t("SelectLabel"));
 export {
-  a as Select,
-  s as SelectLabel,
-  S as SelectOption,
-  c as SelectSizes,
-  l as SelectStatuses,
-  o as injectSelectContext,
-  i as provideSelectContext
+  o as Select,
+  c as SelectLabel,
+  m as SelectLabelPlugin,
+  l as SelectOption,
+  S as SelectOptionPlugin,
+  i as SelectPlugin,
+  f as SelectSizes,
+  _ as SelectStatuses,
+  b as injectSelectContext,
+  g as provideSelectContext
 };

package/dist/Select/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-CNm59A4k.js");exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-DGdCmDGr.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),l=t.installComponent(e._sfc_main,n.getComponentName("Select")),c=t.installComponent(e.SelectOption,n.getComponentName("SelectOption")),i=t.installComponent(e._sfc_main$1,n.getComponentName("SelectLabel"));exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;exports.SelectLabelPlugin=i;exports.SelectOptionPlugin=c;exports.SelectPlugin=l;