@pantograph/vue 0.28.1 → 0.28.3

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-DK9i4wI0.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("reka-ui"),M=require("class-variance-authority"),l=require("@pantograph/utils"),i=require("@vueuse/core"),D=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BBkfl1kJ.js"),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 f=d,o=l.getBemElement(t,"mask"),v=M.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)(f),f.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"],O=["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:f}){const o=d,v=M.cva(t,{variants:{size:l.generateVariantClassList(O,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:H}=D.useConfig(),A=e.computed(()=>o.dir?o.dir:H.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,u,_,L,P,T,R;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)<(((_=(u=e.unref(a.value))==null?void 0:u.viewport)==null?void 0:_.scrollWidth)||0),S.value=!o.hideVerticalScrollbar&&(((P=(L=e.unref(a.value))==null?void 0:L.viewport)==null?void 0:P.offsetHeight)||0)<(((R=(T=e.unref(a.value))==null?void 0:T.viewport)==null?void 0:R.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 f({container:p,wrap:y,root:a,isOverflowX:w,isOverflowY:S,topVisible:b,rightVisible:h,leftVisible:V,bottomVisible:g,getScroll:()=>{var r,s,c,u;return{scrollTop:(s=(r=p.value)==null?void 0:r.viewportElement)==null?void 0:s.scrollTop,scrollLeft:(u=(c=p.value)==null?void 0:c.viewportElement)==null?void 0:u.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=O;exports.ScrollContainerTypes=$;exports._sfc_main=W;

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-2GvPMHN9.js";
+import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_style_index_0_lang-BJ3rxN-C.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-BT9qVATP.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-Cg6Sjd9l.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-2GvPMHN9.js → Segmented.vue_vue_type_style_index_0_lang-BJ3rxN-C.js}

@@ -1,14 +1,14 @@
 import { defineComponent as X, useSlots as Y, computed as M, watch as Z, createBlock as ee, openBlock as te, unref as r, mergeProps as oe, isRef as ne, withCtx as se, createElementVNode as ie, normalizeStyle as ae, normalizeClass as le, createVNode as ce, h as S } from "vue";
 import { useForwardPropsEmits as re, RovingFocusGroup as de, RovingFocusItem as ue } from "reka-ui";
-import { getBemBlock as me, generateVariantClassList as g, getBemElement as b, normCls as x } from "@pantograph/utils";
+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 pe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { pick as fe, omit as ve } from "es-toolkit";
-import { getComponentOptions as ge, 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-DPe3mUfh.js";
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-xlsy0YwQ.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-BYKu480i.js";
 import { i as p } from "./isObject-vmP43YLW.js";
 const be = ["sm", "md", "lg"], Ee = /* @__PURE__ */ X({
-  ...ge("Segmented"),
+  ...me("Segmented"),
   __name: "Segmented",
   props: {
     options: {},
@@ -30,8 +30,8 @@ const be = ["sm", "md", "lg"], Ee = /* @__PURE__ */ X({
   emits: ["update:modelValue", "change", "entryFocus"],
   setup(P, { emit: R }) {
     const t = P, C = R, i = Y(), N = M(
-      () => fe(t, ["orientation", "dir", "loop", "preventScrollOnEntryFocus"])
-    ), $ = re(N, C), f = me("segmented"), j = D(f, {
+      () => ve(t, ["orientation", "dir", "loop", "preventScrollOnEntryFocus"])
+    ), $ = re(N, C), f = pe("segmented"), j = D(f, {
       variants: {
         size: g(be, f),
         block: g("block", f)
@@ -42,7 +42,7 @@ const be = ["sm", "md", "lg"], Ee = /* @__PURE__ */ X({
         icon: g("icon", d),
         text: g("text", d)
       }
-    }), { getDir: L } = pe(), U = L(), q = M(() => {
+    }), { getDir: L } = fe(), U = L(), q = M(() => {
       switch (t.size) {
         case "lg":
           return "xsm";
@@ -85,7 +85,7 @@ const be = ["sm", "md", "lg"], Ee = /* @__PURE__ */ X({
         var F, T, w;
         const n = l(o);
         if (v(n)) return;
-        const s = H(o), c = p(o) ? ve(o, ["icon", "value", "text"]) : {}, u = a.value === n;
+        const s = H(o), c = p(o) ? ge(o, ["icon", "value", "text"]) : {}, u = a.value === n;
         let m;
         const V = (F = i.option) == null ? void 0 : F.call(i, { disabled: s, selected: u, option: o });
         h(V) || (m = V);

package/dist/{Segmented.vue_vue_type_style_index_0_lang-BT9qVATP.js → Segmented.vue_vue_type_style_index_0_lang-Cg6Sjd9l.js}

@@ -1 +1 @@
-"use strict";const t=require("vue"),x=require("reka-ui"),i=require("@pantograph/utils"),T=require("class-variance-authority"),W=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),F=require("es-toolkit"),d=require("@pantograph/utils-vue"),X=require("./Icon.vue_vue_type_style_index_0_lang-Df7xWWKv.js"),g=require("./isObject-BDHKUJKN.js"),j=["sm","md","lg"],Y=t.defineComponent({...d.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,_=L,a=t.useSlots(),M=t.computed(()=>F.pick(n,["orientation","dir","loop","preventScrollOnEntryFocus"])),P=x.useForwardPropsEmits(M,_),f=i.getBemBlock("segmented"),D=T.cva(f,{variants:{size:i.generateVariantClassList(j,f),block:i.generateVariantClassList("block",f)}}),m=i.getBemElement(f,"option"),R=T.cva(m,{variants:{icon:i.generateVariantClassList("icon",m),text:i.generateVariantClassList("text",m)}}),{getDir:N}=W.useConfig(),U=N(),A=t.computed(()=>{switch(n.size){case"lg":return"xsm";default:return"2xsm"}}),c=d.useVModel(n,"modelValue",_,{defaultValue:n.defaultModelValue,passive:n.modelValue===void 0,onChange:e=>{_("change",e)}}),{getDisabled:G}=d.useFormInput(),C=e=>[null,void 0].includes(e),r=e=>g.isObject(e)?e.value:e,$=e=>!!(G.value||g.isObject(e)&&e.disabled),H=e=>g.isObject(e)?e.icon:void 0,J=e=>g.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 p=r(u);return!C(p)});l&&(c.value=r(l))}},{immediate:!0,deep:!0});const K=()=>{var e;return(e=n.options)==null?void 0:e.map(s=>{var k,q,z;const o=r(s);if(C(o))return;const l=$(s),u=g.isObject(s)?F.omit(s,["icon","value","text"]):{},p=c.value===o;let v;const b=(k=a.option)==null?void 0:k.call(a,{disabled:l,selected:p,option:s});d.isEmptyElement(b)||(v=b);const V=H(s),S=(q=a.icon)==null?void 0:q.call(a,{disabled:l,selected:p,option:s}),h=J(s),y=(z=a.text)==null?void 0:z.call(a,{disabled:l,selected:p,option:s});v=[];const B=!d.isEmptyElement(S),O=!!(V||B),E=!d.isEmptyElement(y),I=!!(h||E);O&&v.push(t.h(X._sfc_main,{icon:V,size:A.value,class:i.normCls(i.getBemElement(m,"icon"),n.optionIconCls)},B?S:void 0)),I&&v.push(t.h("div",{class:i.normCls(i.getBemElement(m,"text"),n.optionTextCls)},E?y:h));const Q=c.value===o;return t.h(x.RovingFocusItem,{as:"button",active:Q,focusable:!l,disabled:l,tabStopId:o,value:o,...u,class:i.normCls(R({icon:O,text:I}),n.optionCls)},()=>v)})};return(e,s)=>(t.openBlock(),t.createBlock(t.unref(x.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;
+"use strict";const t=require("vue"),x=require("reka-ui"),i=require("@pantograph/utils"),T=require("class-variance-authority"),W=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BBkfl1kJ.js"),F=require("es-toolkit"),v=require("@pantograph/utils-vue"),X=require("./Icon.vue_vue_type_style_index_0_lang-BgU_brEP.js"),g=require("./isObject-BDHKUJKN.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,_=L,a=t.useSlots(),M=t.computed(()=>F.pick(n,["orientation","dir","loop","preventScrollOnEntryFocus"])),P=x.useForwardPropsEmits(M,_),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=v.useVModel(n,"modelValue",_,{defaultValue:n.defaultModelValue,passive:n.modelValue===void 0,onChange:e=>{_("change",e)}}),{getDisabled:G}=v.useFormInput(),C=e=>[null,void 0].includes(e),r=e=>g.isObject(e)?e.value:e,$=e=>!!(G.value||g.isObject(e)&&e.disabled),H=e=>g.isObject(e)?e.icon:void 0,J=e=>g.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 k,q,z;const o=r(s);if(C(o))return;const l=$(s),u=g.isObject(s)?F.omit(s,["icon","value","text"]):{},m=c.value===o;let p;const b=(k=a.option)==null?void 0:k.call(a,{disabled:l,selected:m,option:s});v.isEmptyElement(b)||(p=b);const V=H(s),S=(q=a.icon)==null?void 0:q.call(a,{disabled:l,selected:m,option:s}),h=J(s),y=(z=a.text)==null?void 0:z.call(a,{disabled:l,selected:m,option:s});p=[];const B=!v.isEmptyElement(S),O=!!(V||B),E=!v.isEmptyElement(y),I=!!(h||E);O&&p.push(t.h(X._sfc_main,{icon:V,size:A.value,class:i.normCls(i.getBemElement(d,"icon"),n.optionIconCls)},B?S:void 0)),I&&p.push(t.h("div",{class:i.normCls(i.getBemElement(d,"text"),n.optionTextCls)},E?y:h));const Q=c.value===o;return t.h(x.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(x.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/Select/index.js

@@ -1,4 +1,4 @@
-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-FNin5p3N.js";
+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-DQtsJWOe.js";
 export {
   a as Select,
   s as SelectLabel,

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-DxySmS5O.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-BSaTfrHC.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;

package/dist/Select.vue_vue_type_style_index_0_lang-BSaTfrHC.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),k=require("reka-ui"),L=require("es-toolkit"),i=require("@pantograph/utils"),pe=require("class-variance-authority"),ye=require("./Empty.vue_vue_type_style_index_0_lang-DOQMrgso.js"),ve=require("./Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),ue=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),l=require("@pantograph/utils-vue"),ce=require("./Popover.vue_vue_type_style_index_0_lang-CoA94Pnz.js"),Ce=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BBkfl1kJ.js"),he=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DK9i4wI0.js"),ae=require("./Icon.vue_vue_type_style_index_0_lang-BgU_brEP.js"),$=require("./isArray-Bin_5of_.js"),ge=require("./Chip.vue_vue_type_style_index_0_lang-Dnad22-G.js"),Y=require("./isObject-BDHKUJKN.js"),re=["sm","md","lg"],de=["error","warning","success"],[se,me]=k.createContext("Select"),[Se,_e]=k.createContext("_Select"),D=i.getBemBlock("select"),fe=n.defineComponent({...i.getComponentOptions("SelectLabel"),__name:"SelectLabel",setup(C){return(t,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(i.getBemElement)(n.unref(D),"label"))},[n.renderSlot(t.$slots,"default")],2))}}),ie=n.defineComponent({name:i.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(C,{slots:t}){const o=se(),e=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),A=n.computed(()=>o.getOptionValue(C.option)),d=n.computed(()=>o.getOptionLabel(C.option)),W=n.computed(()=>o.getOptionIcon(C.option)),N=n.computed(()=>o.getOptionDisabled(C.option)),z=i.getBemElement(D,"option"),K=pe.cva(z,{variants:{size:i.generateVariantClassList(re,z)}}),q=_=>{var B,w;const h=_.detail.value;o.emit("select",h,$.isArray(o.modelValue.value)?!((w=(B=o.modelValue.value)==null?void 0:B.includes)!=null&&w.call(B,h)):!0)};if(!C.option)throw new Error("option is required");const F=()=>{var h;const _=(h=t.indicator)==null?void 0:h.call(t,{option:C.option});return l.isEmptyElement(_)?n.h(k.SelectItemIndicator,{asChild:!0},()=>n.h(ae._sfc_main,{icon:o.props.indicatorIcon,size:e.value})):_},b=()=>{var B,w,j;const _=(B=t.default)==null?void 0:B.call(t,{option:C.option}),h=[];if(!l.isEmptyElement(_))h.push(_);else{const M=(w=t.leading)==null?void 0:w.call(t,{option:C.option}),s=!l.isEmptyElement(M);if(W.value||s){let x;s?x=M:x=n.h(ae._sfc_main,{icon:W.value,size:e.value}),h.push(n.h("div",{class:i.normCls(i.getBemElement(z,"leading"),o.props.itemLeadingCls)},x))}let V;const O=(j=t.text)==null?void 0:j.call(t,{option:C.option});l.isEmptyElement(O)?V=d.value:V=O,h.push(n.h("div",{class:i.normCls(i.getBemElement(z,"text"),o.props.optionTextCls)},V))}return n.h("div",{class:i.normCls(i.getBemElement(z,"content"),o.props.optionContentCls)},h)};return()=>n.h(k.SelectItem,{value:A.value,textValue:d.value,disabled:N.value,class:i.normCls(K({size:o.getSize.value}),o.props.optionCls),onSelect:q},()=>[b(),F()])}}),Ee=n.defineComponent({name:i.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(C,{slots:t,attrs:o}){const e=se(),A=({value:s},V)=>{if(V.stopPropagation(),s&&$.isArray(e.modelValue.value)&&!e.getDisabled.value){const O=e.modelValue.value.filter(x=>x!==s);e.modelValue.value=O,e.emit("update:modelValue",O),e.emit("select",s,!1)}},d=i.getBemElement(D,"trigger"),W=pe.cva(d,{variants:{size:i.generateVariantClassList(re,d),status:i.generateVariantClassList(de,d),bordered:i.generateVariantClassList("bordered",d),multiple:i.generateVariantClassList("multiple",d),contentFit:i.generateVariantClassList("content-fit",d),wrapped:i.generateVariantClassList("wrapped",d),filled:i.generateVariantClassList("filled",d)}}),N=n.computed(()=>{switch(e.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),z=n.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),K=n.computed(()=>{if(!e.props.multiple&&L.isString(e.modelValue.value)&&!i.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),q=(s=K.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&Y.isObject(s)&&"icon"in s)return s.icon},F=n.computed(()=>q()),b=n.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon??"tabler:chevron-down"}),_=n.computed(()=>!i.isEmptyLikeLodash(e.modelValue.value)&&e.props.multiple&&$.isArray(e.modelValue.value)),h=n.computed(()=>({modelValue:L.cloneDeep(e.modelValue.value),open:L.cloneDeep(e.open.value)})),B=s=>({...h.value,option:e.getOptionByValue(s)}),w=n.computed(()=>({disabled:e.getDisabled.value,reference:e.props.reference,tabindex:e.getDisabled.value?void 0:0,as:"div",class:i.normCls(W({size:e.getSize.value,status:e.getStatus.value==="success"&&i.isEmptyLikeLodash(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!i.isEmptyLikeLodash(e.modelValue.value)}),e.props.triggerCls),...o})),j=(s,V=z.value)=>n.h(ae._sfc_main,{icon:s,size:V}),M=()=>{var O;let s;const V=(O=t.triggerTrailing)==null?void 0:O.call(t,h.value);if(!l.isEmptyElement(V))s=V;else if(b.value&&b.value){const x=b.value===!0?"tabler:chevron-down":b.value;s=j(x)}if(s)return n.h("div",{class:i.normCls(i.getBemElement(d,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var x;const s=(x=t.trigger)==null?void 0:x.call(t,h.value),O=(()=>{if(l.isEmptyElement(s))return!1;const P=l.filterEmpty(s)??null,R=P.length===1?P[0]:P;return R?l.isValidElement(R)&&!l.isFragment(R):!0})();return n.h(k.SelectTrigger,{...w.value,asChild:O,key:String(O)},{default:()=>{var J;if(!l.isEmptyElement(s))return s;const P=(J=t.triggerLeading)==null?void 0:J.call(t,h.value),R=!l.isEmptyElement(P),Z=()=>{var G;if(!e.props.multiple&&!$.isArray(e.modelValue.value)){const u=(G=C.getOptionSlot("leading",e.modelValue.value))==null?void 0:G();if(R||u||F.value||e.props.leadingIcon){let m;return l.isEmptyElement(u)?F.value?m=j(F.value):R?m=P:e.props.leadingIcon&&(m=j(e.props.leadingIcon)):m=u,n.h("div",{class:i.normCls(i.getBemElement(d,"leading"),e.props.triggerLeadingCls)},m)}}},le=()=>{const G=[];if(i.isEmptyLikeLodash(e.modelValue.value)){if(e.props.placeholder&&!e.props.multiple){const u=()=>{var E;const m=(E=t.placeholder)==null?void 0:E.call(t,h.value);return l.isEmptyElement(m)?e.props.placeholder:m};G.push(u())}}else{const m=(()=>{var S,f,I;const E=(S=t.triggerValue)==null?void 0:S.call(t,h.value);if(!l.isEmptyElement(E))return E;if(e.props.multiple&&$.isArray(e.modelValue.value))return n.h(ge._sfc_main$1,{maxCount:e.props.maxCount,size:N.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:i.normCls(i.getBemElement(d,"tag_list"),e.props.tagListCls),onClose:A},()=>e.modelValue.value.map(c=>{var r;const T=a=>{var p;const g=(p=t.tagClose)==null?void 0:p.call(t,{...B(c),onClose:a});return l.isEmptyElement(g)?null:g},Q=(r=C.getOptionSlot("default",c))==null?void 0:r(),te=()=>{var p,y;const a=(p=C.getOptionSlot("text",c))==null?void 0:p(),g=(y=t.tagText)==null?void 0:y.call(t,B(c));return l.isEmptyElement(g)?l.isEmptyElement(Q)?l.isEmptyElement(a)?e.getLabelByValue(c):a:Q:g},ne=({size:a})=>{var v,X;if(!l.isEmptyElement(Q))return null;const g=(v=C.getOptionSlot("leading",c))==null?void 0:v(),p=(X=t.tagLeading)==null?void 0:X.call(t,B(c)),y=q(e.getOptionByValue(c))??e.props.leadingIcon;return l.isEmptyElement(p)?l.isEmptyElement(g)?y?j(y,a):l.isEmptyElement(P)?null:P:g:p},oe=()=>{var g;const a=(g=t.tagTrailing)==null?void 0:g.call(t,B(c));return l.isEmptyElement(a)?null:a};return n.h(ge._sfc_main,{value:c,class:i.normCls(i.getBemElement(d,"tag"),e.props.tagCls),closeIconCls:i.getBemElement(d,"tag__close"),closeTrigger:"pointer"},{text:te,leading:ne,trailing:oe,close:T})}));if(!$.isArray(e.modelValue.value)){const c=(f=C.getOptionSlot("default",e.modelValue.value))==null?void 0:f(),T=(I=C.getOptionSlot("text",e.modelValue.value))==null?void 0:I();return l.isEmptyElement(c)?l.isEmptyElement(T)?L.isString(e.modelValue.value)?e.getLabelByValue(e.modelValue.value):e.modelValue.value:T:c}})();m&&G.push(m)}return G},U=[],ee=Z();l.isEmptyElement(ee)||U.push(ee),U.push(n.h(k.Primitive,{class:i.normCls(i.getBemElement(d,"content"),e.props.triggerContentCls,i.isEmptyLikeLodash(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls),as:"div",key:String(_.value),asChild:_.value},{default:le}));const H=M();return l.isEmptyElement(H)||U.push(H),U}})}}}),Ve=n.defineComponent({name:i.getComponentName("SelectWrapper"),setup(C,{slots:t}){const o=Se(),e=k.injectSelectRootContext(),A=n.ref();l.useLazyLoading({target:A});const d=n.ref(),W=ce.getPopoverPortalProps({triggerRef:d,props:o.props}),{getFlipOnDir:N,getDir:z}=Ce.useConfig(),K=N("reversePlacementOnDir"),q=z(),F=ce.getPopoverContentProps({props:o.props,flip:K,emitsAsProps:o.emitsAsProps,_dir:q,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),b=({key:u,getterKey:m,defaultValue:E,noReturnOption:S})=>f=>{const I=L.isFunction(E)?E(f):E;if(Y.isObject(f)){const c=f[u]??I,T=m&&o.props[m];if(T){if(L.isString(T))return f[T]??c;if(L.isFunction(T))return T(f)??c}return c}return L.isString(f)&&!S?f??I:I},_=b({getterKey:"getValue",key:"value"}),h=b({getterKey:"getLabel",key:"label",defaultValue:_}),B=b({getterKey:"getIcon",key:"icon",noReturnOption:!0}),w=u=>{var m;if((m=o.props.options)!=null&&m.length)for(const E of o.props.options){if(_(E)===u)return E;const S=V(E);if(S!=null&&S.length){for(const f of S)if(_(f)===u)return f}}return u},j=u=>{const m=w(u);return m?h(m)??u:u},M=b({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=b({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),V=b({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:O,getStatus:x,getSize:P}=l.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status});me({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:_,getOptionLabel:h,getOptionDisabled:M,getOptionIcon:B,getOptionByValue:w,getLabelByValue:j,getDisabled:O,getStatus:x,getSize:P,...e,modelValue:e.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(e.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const R=n.computed(()=>{const u=o.props.scrollContainerProps??{};return{...u,areaCls:[i.getBemElement(D,"scroll_area"),u==null?void 0:u.class,u==null?void 0:u.areaCls]}}),Z=i.getBemElement(D,"popup"),le=pe.cva(Z,{variants:{size:i.generateVariantClassList(re,Z)}}),U=n.computed(()=>i.getPxSize(o.props.popupWidth,!0)),ee=n.computed(()=>i.getPxSize(o.props.popupHeight,!0)),H=n.computed(()=>i.getPxSize(o.props.minWidth,!0)),J=n.computed(()=>({type:P.value==="sm"?"simple":"advance",...L.omit(o.props.emptyProps??{},["class"])})),G=n.computed(()=>L.omit(o.props.skeletonProps??{},["class"]));return()=>{var te,ne,oe;const u=r=>{var a;if((a=o.props.options)!=null&&a.length&&r>0)return!!o.props.options[r-1]},m=r=>{var a,g;if((a=o.props.options)!=null&&a.length&&r>0){const p=o.props.options[r-1];return!!(p&&((g=V(p))!=null&&g.length))}},E=(te=t.default)==null?void 0:te.call(t,{}),S=(ne=l.flattenChildrenByType(E,ie))==null?void 0:ne.filter(r=>{var a;return Y.isObject(r==null?void 0:r.props)&&((a=r==null?void 0:r.props)==null?void 0:a.option)}),f=[];(o.props.options??[]).forEach((r,a)=>{const g=y=>n.h(ie,{option:y},{default:()=>{var v;return(v=t.option)==null?void 0:v.call(t,{option:y})},leading:()=>{var v;return(v=t.optionLeading)==null?void 0:v.call(t,{option:y})},indicator:()=>{var v;return(v=t.optionIndicator)==null?void 0:v.call(t,{option:y})},text:()=>{var v;return(v=t.optionText)==null?void 0:v.call(t,{option:y})}}),p=V(r);if(p!=null&&p.length){u(a)&&f.push(n.h(ue._sfc_main));const y=s(r);y&&f.push(n.h(fe,{class:o.props.labelCls},()=>y)),p.forEach(v=>{f.push(g(v))})}else m(a)?f.push(n.h(ue._sfc_main)):f.push(g(r))});const I=l.flattenChildrenByType(f,ie).filter(r=>{var a;return Y.isObject(r==null?void 0:r.props)&&((a=r==null?void 0:r.props)==null?void 0:a.option)}),c=!!(I!=null&&I.length||S!=null&&S.length),T=(r,a)=>{var g;if(c&&!i.isEmptyLikeLodash(a)&&L.isString(a)){const p=S!=null&&S.length?S:I;if(p.length){const y=p.find(v=>{var X;return Y.isObject(v.props)&&_((X=v.props)==null?void 0:X.option)===a});return(g=y==null?void 0:y.children)==null?void 0:g[r]}}},Q=()=>{var a,g;const r=[];if(c||o.props.loading){const p=[];if(c&&(S!=null&&S.length?p.push(E):p.push(...f)),o.props.loading){const y=(a=t.loading)==null?void 0:a.call(t,{});if(!l.isEmptyElement(y))p.push(y);else{const v=new Array(c?2:o.props.loadingRowCount).fill(1);p.push(...v.map(()=>n.h(ve._sfc_main,{size:P.value,class:i.normCls(i.getBemElement(D,"skeleton"),o.props.skeletonCls),...G.value})))}}r.push(n.h("div",{class:i.normCls(i.getBemElement(D,"options"),o.props.optionsCls)},p))}else if(!c){const p=(g=t.empty)==null?void 0:g.call(t,J.value);l.isEmptyElement(p)?r.push(n.h(ye._sfc_main,{class:i.normCls(i.getBemElement(D,"empty"),o.props.emptyCls),...J.value},{title:t.emptyTitle,description:t.emptyDescription,actions:t.emptyActions,image:t.emptyImage})):r.push(p)}return o.props.lazyLoading&&r.push(n.h("div",{class:i.getBemElement(D,"lazy_loading")},n.h("div",{class:i.getBemElement(D,"lazy_loading_trigger"),ref:A}))),r};return[n.h(Ee,{getOptionSlot:T,ref:d,...o.attrs,style:{...((oe=o.attrs)==null?void 0:oe.style)??{},"--ptc-select-trigger-min-w":H.value}},{trigger:t.trigger,triggerLeading:t.triggerLeading,placeholder:t.placeholder,triggerValue:t.triggerValue,triggerTrailing:t.triggerTrailing,tagClose:t.tagClose,tagTrailing:t.tagTrailing,tagLeading:t.tagLeading,tagText:t.tagText}),n.h(k.SelectPortal,W.value,()=>n.h(k.SelectContent,{...F.value,class:i.normCls(le(o.props),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-select-popup-width":o.props.samePopupWidth?void 0:U.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":H.value}},()=>n.h(he._sfc_main,R.value,Q)))]}}}),Le=n.defineComponent({...i.getComponentOptions("Select"),__name:"Select",props:{status:{},size:{default:"md"},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},zIndex:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagListCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["change","select","update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(C,{emit:t}){const o=C,e=t,A=k.useEmitAsProps(e),d=n.computed(()=>L.omitBy({...L.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"]),...L.pick(A,["onUpdate:modelValue","onUpdate:open"])},L.isUndefined)),W=n.useSlots(),N=n.useAttrs();return _e({attrs:N,props:o,emit:e,emitsAsProps:A}),(z,K)=>(n.openBlock(),n.createBlock(n.unref(k.SelectRoot),n.normalizeProps(n.guardReactiveProps(d.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Ve),null,n.createSlots({_:2},[n.renderList(Object.keys(W),q=>({name:q,fn:n.withCtx(F=>[n.renderSlot(z.$slots,q,n.normalizeProps(n.guardReactiveProps(F)))])}))]),1024)]),_:3},16))}});exports.SelectOption=ie;exports.SelectSizes=re;exports.SelectStatuses=de;exports._sfc_main=Le;exports._sfc_main$1=fe;exports.injectSelectContext=se;exports.provideSelectContext=me;

package/dist/{Select.vue_vue_type_style_index_0_lang-FNin5p3N.js → Select.vue_vue_type_style_index_0_lang-DQtsJWOe.js}

@@ -1,25 +1,25 @@
-import { defineComponent as oe, createElementBlock as ze, openBlock as xe, normalizeClass as ke, unref as pe, renderSlot as _e, computed as h, h as a, ref as ve, watch as we, useSlots as De, useAttrs as Ae, createBlock as Fe, normalizeProps as Ce, guardReactiveProps as ye, withCtx as Se, createVNode as We, createSlots as Ee, renderList as $e } from "vue";
+import { defineComponent as oe, createElementBlock as ze, openBlock as xe, normalizeClass as we, unref as pe, renderSlot as _e, computed as h, h as a, ref as ve, watch as ke, useSlots as De, useAttrs as Ae, createBlock as Fe, normalizeProps as Ce, guardReactiveProps as ye, withCtx as Se, createVNode as We, createSlots as Ee, renderList as $e } from "vue";
 import { createContext as Pe, SelectItem as Ge, SelectItemIndicator as Re, SelectTrigger as Ne, Primitive as je, injectSelectRootContext as Ke, SelectPortal as Me, SelectContent as qe, useEmitAsProps as Ue, SelectRoot as He } from "reka-ui";
 import { isString as te, cloneDeep as he, omit as be, isFunction as Ve, omitBy as Je, pick as Oe, isUndefined as Qe } from "es-toolkit";
-import { getComponentOptions as Te, getComponentName as de, isEmptyElement as s, isEmptyLikeLodash as M, filterEmpty as Xe, isValidElement as Ye, isFragment as Ze, useLazyLoading as et, useFormInput as tt, flattenChildrenByType as Le } from "@pantograph/utils-vue";
-import { getBemBlock as ot, getBemElement as b, generateVariantClassList as G, normCls as x, getPxSize as ue } from "@pantograph/utils";
+import { getBemBlock as Xe, getComponentOptions as Te, getBemElement as b, getComponentName as de, generateVariantClassList as G, normCls as x, isEmptyLikeLodash as M, getPxSize as ue } from "@pantograph/utils";
 import { cva as me } from "class-variance-authority";
-import { _ as nt } from "./Empty.vue_vue_type_style_index_0_lang-CTH1BAo8.js";
-import { _ as rt } from "./Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
-import { _ as Be } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
-import { g as it, b as at } from "./Popover.vue_vue_type_style_index_0_lang-CpPisJIC.js";
-import { u as lt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { _ as pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-uN8OhXm4.js";
-import { _ as ge } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
+import { _ as Ye } from "./Empty.vue_vue_type_style_index_0_lang-CoVbGa7g.js";
+import { _ as Ze } from "./Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
+import { _ as Le } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import { isEmptyElement as s, filterEmpty as et, isValidElement as tt, isFragment as ot, useLazyLoading as nt, useFormInput as rt, flattenChildrenByType as Be } from "@pantograph/utils-vue";
+import { g as it, b as at } from "./Popover.vue_vue_type_style_index_0_lang-COQGZ_I2.js";
+import { u as lt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-xlsy0YwQ.js";
+import { _ as pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DJCCcXMQ.js";
+import { _ as ge } from "./Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
 import { i as J } from "./isArray-QlWcxgml.js";
-import { b as st, _ as ut } from "./Chip.vue_vue_type_style_index_0_lang-kxWOoU3I.js";
+import { b as st, _ as ut } from "./Chip.vue_vue_type_style_index_0_lang-HEvwJz03.js";
 import { i as ee } from "./isObject-vmP43YLW.js";
-const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] = Pe("Select"), [dt, mt] = Pe("_Select"), A = ot("select"), ft = /* @__PURE__ */ oe({
+const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] = Pe("Select"), [dt, mt] = Pe("_Select"), A = Xe("select"), ft = /* @__PURE__ */ oe({
   ...Te("SelectLabel"),
   __name: "SelectLabel",
   setup(C) {
     return (t, o) => (xe(), ze("div", {
-      class: ke(pe(b)(pe(A), "label"))
+      class: we(pe(b)(pe(A), "label"))
     }, [
       _e(t.$slots, "default")
     ], 2));
@@ -44,9 +44,9 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
         default:
           return "xsm";
       }
-    }), F = h(() => o.getOptionValue(C.option)), g = h(() => o.getOptionLabel(C.option)), R = h(() => o.getOptionIcon(C.option)), K = h(() => o.getOptionDisabled(C.option)), k = b(A, "option"), q = me(k, {
+    }), F = h(() => o.getOptionValue(C.option)), g = h(() => o.getOptionLabel(C.option)), R = h(() => o.getOptionIcon(C.option)), K = h(() => o.getOptionDisabled(C.option)), w = b(A, "option"), q = me(w, {
       variants: {
-        size: G(fe, k)
+        size: G(fe, w)
       }
     }), W = (V) => {
       var B, D;
@@ -77,7 +77,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
           l ? T = U : T = a(ge, { icon: R.value, size: e.value }), y.push(
             a(
               "div",
-              { class: x(b(k, "leading"), o.props.itemLeadingCls) },
+              { class: x(b(w, "leading"), o.props.itemLeadingCls) },
               T
             )
           );
@@ -88,7 +88,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
           a(
             "div",
             {
-              class: x(b(k, "text"), o.props.optionTextCls)
+              class: x(b(w, "text"), o.props.optionTextCls)
             },
             L
           )
@@ -96,7 +96,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
       }
       return a(
         "div",
-        { class: x(b(k, "content"), o.props.optionContentCls) },
+        { class: x(b(w, "content"), o.props.optionContentCls) },
         y
       );
     };
@@ -151,7 +151,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
         default:
           return "sm";
       }
-    }), k = h(() => {
+    }), w = h(() => {
       switch (e.getSize.value) {
         case "sm":
           return "2xsm";
@@ -167,7 +167,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
         return l.icon;
     }, E = h(() => W()), _ = h(() => {
       if (!e.props.noTrailing)
-        return e.props.trailingIcon;
+        return e.props.trailingIcon ?? "tabler:chevron-down";
     }), V = h(
       () => !M(e.modelValue.value) && e.props.multiple && J(e.modelValue.value)
     ), y = h(() => ({
@@ -194,7 +194,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
         e.props.triggerCls
       ),
       ...o
-    })), $ = (l, L = k.value) => a(ge, { icon: l, size: L }), U = () => {
+    })), $ = (l, L = w.value) => a(ge, { icon: l, size: L }), U = () => {
       var P;
       let l;
       const L = (P = t.triggerTrailing) == null ? void 0 : P.call(t, y.value);
@@ -214,8 +214,8 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
       var T;
       const l = (T = t.trigger) == null ? void 0 : T.call(t, y.value), P = (() => {
         if (s(l)) return !1;
-        const I = Xe(l) ?? null, N = I.length === 1 ? I[0] : I;
-        return N ? Ye(N) && !Ze(N) : !0;
+        const I = et(l) ?? null, N = I.length === 1 ? I[0] : I;
+        return N ? tt(N) && !ot(N) : !0;
       })();
       return a(
         Ne,
@@ -259,7 +259,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
                 }
               } else {
                 const d = (() => {
-                  var S, m, w;
+                  var S, m, k;
                   const O = (S = t.triggerValue) == null ? void 0 : S.call(t, y.value);
                   if (!s(O)) return O;
                   if (e.props.multiple && J(e.modelValue.value))
@@ -316,7 +316,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
                       })
                     );
                   if (!J(e.modelValue.value)) {
-                    const u = (m = C.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : m(), z = (w = C.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : w();
+                    const u = (m = C.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : m(), z = (k = C.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : k();
                     return s(u) ? s(z) ? te(e.modelValue.value) ? e.getLabelByValue(e.modelValue.value) : e.modelValue.value : z : u;
                   }
                 })();
@@ -351,8 +351,8 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
   name: de("SelectWrapper"),
   setup(C, { slots: t }) {
     const o = dt(), e = Ke(), F = ve();
-    et({ target: F });
-    const g = ve(), R = it({ triggerRef: g, props: o.props }), { getFlipOnDir: K, getDir: k } = lt(), q = K("reversePlacementOnDir"), W = k(), E = at({
+    nt({ target: F });
+    const g = ve(), R = it({ triggerRef: g, props: o.props }), { getFlipOnDir: K, getDir: w } = lt(), q = K("reversePlacementOnDir"), W = w(), E = at({
       props: o.props,
       flip: q,
       emitsAsProps: o.emitsAsProps,
@@ -365,9 +365,9 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
       defaultValue: O,
       noReturnOption: S
     }) => (m) => {
-      const w = Ve(O) ? O(m) : O;
+      const k = Ve(O) ? O(m) : O;
       if (ee(m)) {
-        const u = m[p] ?? w, z = d && o.props[d];
+        const u = m[p] ?? k, z = d && o.props[d];
         if (z) {
           if (te(z))
             return m[z] ?? u;
@@ -375,7 +375,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
         }
         return u;
       }
-      return te(m) && !S ? m ?? w : w;
+      return te(m) && !S ? m ?? k : k;
     }, V = _({
       getterKey: "getValue",
       key: "value"
@@ -415,7 +415,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
       getterKey: "getGroupOptions",
       key: "options",
       noReturnOption: !0
-    }), { getDisabled: P, getStatus: T, getSize: I } = tt({
+    }), { getDisabled: P, getStatus: T, getSize: I } = rt({
       getDisabled: () => o.props.disabled,
       getSize: () => o.props.size,
       getStatus: () => o.props.status
@@ -435,7 +435,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
       getSize: I,
       ...e,
       modelValue: e.modelValue
-    }), we(
+    }), ke(
       () => [o.props.clearOnChangeMultiple, o.props.multiple],
       () => {
         o.props.clearOnChangeMultiple && (e.modelValue.value = void 0, o.emit("update:modelValue", void 0));
@@ -471,7 +471,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
           const i = o.props.options[n - 1];
           return !!(i && ((c = L(i)) != null && c.length));
         }
-      }, O = (ie = t.default) == null ? void 0 : ie.call(t, {}), S = (ae = Le(O, ce)) == null ? void 0 : ae.filter(
+      }, O = (ie = t.default) == null ? void 0 : ie.call(t, {}), S = (ae = Be(O, ce)) == null ? void 0 : ae.filter(
         (n) => {
           var r;
           return ee(n == null ? void 0 : n.props) && ((r = n == null ? void 0 : n.props) == null ? void 0 : r.option);
@@ -503,24 +503,24 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
           }
         ), i = L(n);
         if (i != null && i.length) {
-          p(r) && m.push(a(Be));
+          p(r) && m.push(a(Le));
           const f = l(n);
           f && m.push(
             a(ft, { class: o.props.labelCls }, () => f)
           ), i.forEach((v) => {
             m.push(c(v));
           });
-        } else d(r) ? m.push(a(Be)) : m.push(c(n));
+        } else d(r) ? m.push(a(Le)) : m.push(c(n));
       });
-      const w = Le(m, ce).filter(
+      const k = Be(m, ce).filter(
         (n) => {
           var r;
           return ee(n == null ? void 0 : n.props) && ((r = n == null ? void 0 : n.props) == null ? void 0 : r.option);
         }
-      ), u = !!(w != null && w.length || S != null && S.length), z = (n, r) => {
+      ), u = !!(k != null && k.length || S != null && S.length), z = (n, r) => {
         var c;
         if (u && !M(r) && te(r)) {
-          const i = S != null && S.length ? S : w;
+          const i = S != null && S.length ? S : k;
           if (i.length) {
             const f = i.find(
               (v) => {
@@ -543,7 +543,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
               const v = new Array(u ? 2 : o.props.loadingRowCount).fill(1);
               i.push(
                 ...v.map(
-                  () => a(rt, {
+                  () => a(Ze, {
                     size: I.value,
                     class: x(
                       b(A, "skeleton"),
@@ -568,7 +568,7 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
           const i = (c = t.empty) == null ? void 0 : c.call(t, X.value);
           s(i) ? n.push(
             a(
-              nt,
+              Ye,
               {
                 class: x(b(A, "empty"), o.props.emptyCls),
                 ...X.value
@@ -755,13 +755,13 @@ const fe = ["sm", "md", "lg"], ct = ["error", "warning", "success"], [Ie, gt] =
       props: o,
       emit: e,
       emitsAsProps: F
-    }), (k, q) => (xe(), Fe(pe(He), Ce(ye(g.value)), {
+    }), (w, q) => (xe(), Fe(pe(He), Ce(ye(g.value)), {
       default: Se(() => [
         We(pe(Ct), null, Ee({ _: 2 }, [
           $e(Object.keys(R), (W) => ({
             name: W,
             fn: Se((E) => [
-              _e(k.$slots, W, Ce(ye(E)))
+              _e(w.$slots, W, Ce(ye(E)))
             ])
           }))
         ]), 1024)

package/dist/Shortcut/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-zXjU0WmT.js";
+import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-C42luUPb.js";
 export {
   o as Shortcut,
   r as default

package/dist/Shortcut/index.umd.cjs

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

package/dist/Shortcut.vue_vue_type_style_index_0_lang-C42luUPb.js

@@ -0,0 +1,31 @@
+import { defineComponent as p, createElementBlock as r, openBlock as t, normalizeClass as i, unref as o, Fragment as s, renderList as u, createVNode as f, createBlock as _, createCommentVNode as d, mergeProps as g } from "vue";
+import { getComponentOptions as h, getBemBlock as B, normCls as k } from "@pantograph/utils";
+import { _ as C } from "./Kbd.vue_vue_type_style_index_0_lang-CufcqIeE.js";
+import { _ as y } from "./Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
+const b = /* @__PURE__ */ p({
+  ...h("Shortcut"),
+  __name: "Shortcut",
+  props: {
+    class: {},
+    items: {},
+    plus: { type: Boolean, default: !0 }
+  },
+  setup(n) {
+    const m = n, l = B("shortcut");
+    return (e, z) => (t(), r("div", {
+      class: i(o(k)(o(l), m.class))
+    }, [
+      (t(!0), r(s, null, u(e.items, (a, c) => (t(), r(s, null, [
+        f(o(C), g({ ref_for: !0 }, a), null, 16),
+        e.items.length > 1 && c < e.items.length - 1 && e.plus ? (t(), _(y, {
+          key: 0,
+          icon: "tabler:plus",
+          size: "3xsm"
+        })) : d("", !0)
+      ], 64))), 256))
+    ], 2));
+  }
+});
+export {
+  b as _
+};

package/dist/Shortcut.vue_vue_type_style_index_0_lang-DN8kVYyH.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),u=require("./Kbd.vue_vue_type_style_index_0_lang-w1j0mgiN.js"),a=require("./Icon.vue_vue_type_style_index_0_lang-BgU_brEP.js"),i=e.defineComponent({...n.getComponentOptions("Shortcut"),__name:"Shortcut",props:{class:{},items:{},plus:{type:Boolean,default:!0}},setup(r){const o=r,s=n.getBemBlock("shortcut");return(t,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s),o.class))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(u._sfc_main),e.mergeProps({ref_for:!0},l),null,16),t.items.length>1&&c<t.items.length-1&&t.plus?(e.openBlock(),e.createBlock(a._sfc_main,{key:0,icon:"tabler:plus",size:"3xsm"})):e.createCommentVNode("",!0)],64))),256))],2))}});exports._sfc_main=i;

package/dist/Skeleton/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
+import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
 export {
   s as Skeleton,
   o as SkeletonSizes,

package/dist/Skeleton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Skeleton.vue_vue_type_style_index_0_lang-W1OLEfkY.js");exports.Skeleton=e._sfc_main;exports.SkeletonSizes=e.SkeletonSizes;exports.SkeletonTypes=e.SkeletonTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js");exports.Skeleton=e._sfc_main;exports.SkeletonSizes=e.SkeletonSizes;exports.SkeletonTypes=e.SkeletonTypes;exports.default=e._sfc_main;

package/dist/{Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js → Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js}

@@ -1,7 +1,6 @@
 import { defineComponent as d, computed as f, createElementBlock as a, openBlock as n, normalizeClass as r, unref as s, createCommentVNode as C, Fragment as v, renderList as g } from "vue";
-import { getBemBlock as k, generateVariantClassList as o, normCls as i, getBemElement as y } from "@pantograph/utils";
-import { cva as h } from "class-variance-authority";
-import { getComponentOptions as B } from "@pantograph/utils-vue";
+import { getComponentOptions as k, getBemBlock as y, generateVariantClassList as o, normCls as i, getBemElement as h } from "@pantograph/utils";
+import { cva as B } from "class-variance-authority";
 const S = [
   "avatar",
   "input",
@@ -12,8 +11,8 @@ const S = [
   "base",
   "custom",
   "custom-items"
-], _ = ["2xsm", "sm", "md", "lg"], V = /* @__PURE__ */ d({
-  ...B("Skeleton"),
+], _ = ["2xsm", "sm", "md", "lg"], L = /* @__PURE__ */ d({
+  ...k("Skeleton"),
   __name: "Skeleton",
   props: {
     type: { default: "base" },
@@ -24,7 +23,7 @@ const S = [
     itemsCount: {}
   },
   setup(m) {
-    const t = k("skeleton"), e = m, l = h(t, {
+    const t = y("skeleton"), e = m, l = B(t, {
       variants: {
         inactive: o("inactive", t),
         size: o(_, t),
@@ -45,7 +44,7 @@ const S = [
       class: r(s(i)(s(l)(e), e.class))
     }, [
       ["paragraph", "list", "custom-items"].includes(p.type) ? (n(!0), a(v, { key: 0 }, g(c.value, (u) => (n(), a("div", {
-        class: r(s(i)(s(y)(s(t), "item"), e.itemCls)),
+        class: r(s(i)(s(h)(s(t), "item"), e.itemCls)),
         key: u
       }, null, 2))), 128)) : C("", !0)
     ], 2));
@@ -53,6 +52,6 @@ const S = [
 });
 export {
   S,
-  V as _,
+  L as _,
   _ as a
 };

package/dist/Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),m=require("class-variance-authority"),a=["avatar","input","button","paragraph","headline","list","base","custom","custom-items"],r=["2xsm","sm","md","lg"],p=e.defineComponent({...t.getComponentOptions("Skeleton"),__name:"Skeleton",props:{type:{default:"base"},size:{default:"md"},inactive:{type:Boolean,default:!1},class:{},itemCls:{},itemsCount:{}},setup(i){const n=t.getBemBlock("skeleton"),s=i,o=m.cva(n,{variants:{inactive:t.generateVariantClassList("inactive",n),size:t.generateVariantClassList(r,n),type:t.generateVariantClassList(a,n)}}),l=e.computed(()=>{if(s.type==="custom-items"&&s.itemsCount)return s.itemsCount;switch(s.type){case"paragraph":return 4;case"list":return 2;default:return 0}});return(c,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(o)(s),s.class))},[["paragraph","list","custom-items"].includes(c.type)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.value,u=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(n),"item"),s.itemCls)),key:u},null,2))),128)):e.createCommentVNode("",!0)],2))}});exports.SkeletonSizes=r;exports.SkeletonTypes=a;exports._sfc_main=p;

package/dist/Spinner/index.js

@@ -1,4 +1,4 @@
-import { _ as n, S as r, _ as s } from "../Spinner.vue_vue_type_style_index_0_lang-Cgo_qdud.js";
+import { _ as n, S as r, _ as s } from "../Spinner.vue_vue_type_style_index_0_lang-B8uu4gTm.js";
 export {
   n as Spinner,
   r as SpinnerSizes,

package/dist/Spinner/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Spinner.vue_vue_type_style_index_0_lang-CxxeJ0kY.js");exports.Spinner=e._sfc_main;exports.SpinnerSizes=e.SpinnerSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Spinner.vue_vue_type_style_index_0_lang-Be-LHJoF.js");exports.Spinner=e._sfc_main;exports.SpinnerSizes=e.SpinnerSizes;exports.default=e._sfc_main;

package/dist/{Spinner.vue_vue_type_style_index_0_lang-Cgo_qdud.js → Spinner.vue_vue_type_style_index_0_lang-B8uu4gTm.js}

@@ -1,16 +1,15 @@
-import { defineComponent as z, useSlots as S, computed as m, createElementBlock as s, openBlock as i, normalizeClass as r, unref as t, createVNode as x, createCommentVNode as c, withCtx as h, renderSlot as C, createElementVNode as p, createTextVNode as k, toDisplayString as y } from "vue";
-import { getBemBlock as N, generateVariantClassList as u, normCls as V, getBemElement as d } from "@pantograph/utils";
-import { cva as T } from "class-variance-authority";
-import { _ } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
-import { getComponentOptions as w } from "@pantograph/utils-vue";
+import { defineComponent as z, useSlots as S, computed as m, createElementBlock as s, openBlock as i, normalizeClass as a, unref as t, createVNode as x, createCommentVNode as c, withCtx as h, renderSlot as C, createElementVNode as p, createTextVNode as k, toDisplayString as y } from "vue";
+import { getComponentOptions as N, getBemBlock as V, generateVariantClassList as u, normCls as T, getBemElement as d } from "@pantograph/utils";
+import { cva as _ } from "class-variance-authority";
+import { _ as w } from "./Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
 const E = ["3xsm", "2xsm", "xsm", "sm"], $ = {
   key: 0,
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24",
   fill: "none"
-}, Z = /* @__PURE__ */ z({
-  ...w("Spinner"),
+}, O = /* @__PURE__ */ z({
+  ...N("Spinner"),
   __name: "Spinner",
   props: {
     size: { default: "sm" },
@@ -19,22 +18,22 @@ const E = ["3xsm", "2xsm", "xsm", "sm"], $ = {
     icon: {}
   },
   setup(f) {
-    const n = f, o = N("spinner"), v = T(o, {
+    const n = f, o = V("spinner"), v = _(o, {
       variants: {
         size: u(E, o),
         icon: u("icon", o)
       }
-    }), a = S(), B = m(() => !!n.text || !!a.default), g = m(() => n.text);
+    }), r = S(), B = m(() => !!n.text || !!r.default), g = m(() => n.text);
     return (e, l) => (i(), s("div", {
-      class: r(
-        t(V)(
-          t(v)({ size: e.size, icon: !!e.icon || !!a.icon }),
+      class: a(
+        t(T)(
+          t(v)({ size: e.size, icon: !!e.icon || !!r.icon }),
           n.class
         )
       )
     }, [
-      x(_, {
-        class: r(t(d)(t(o), "icon")),
+      x(w, {
+        class: a(t(d)(t(o), "icon")),
         size: e.size,
         icon: e.icon
       }, {
@@ -60,7 +59,7 @@ const E = ["3xsm", "2xsm", "xsm", "sm"], $ = {
       }, 8, ["class", "size", "icon"]),
       B.value ? (i(), s("div", {
         key: 0,
-        class: r(t(d)(t(o), "text"))
+        class: a(t(d)(t(o), "text"))
       }, [
         C(e.$slots, "default", {}, () => [
           k(y(g.value), 1)
@@ -71,5 +70,5 @@ const E = ["3xsm", "2xsm", "xsm", "sm"], $ = {
 });
 export {
   E as S,
-  Z as _
+  O as _
 };

package/dist/Spinner.vue_vue_type_style_index_0_lang-Be-LHJoF.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),C=require("class-variance-authority"),d=require("./Icon.vue_vue_type_style_index_0_lang-BgU_brEP.js"),a=["3xsm","2xsm","xsm","sm"],p={key:0,width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none"},f=e.defineComponent({...n.getComponentOptions("Spinner"),__name:"Spinner",props:{size:{default:"sm"},class:{},text:{type:[String,Boolean],default:void 0},icon:{}},setup(l){const o=l,s=n.getBemBlock("spinner"),c=C.cva(s,{variants:{size:n.generateVariantClassList(a,s),icon:n.generateVariantClassList("icon",s)}}),r=e.useSlots(),m=e.computed(()=>!!o.text||!!r.default),u=e.computed(()=>o.text);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(c)({size:t.size,icon:!!t.icon||!!r.icon}),o.class))},[e.createVNode(d._sfc_main,{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"icon")),size:t.size,icon:t.icon},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},()=>[t.icon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",p,i[0]||(i[0]=[e.createElementVNode("path",{d:"M22.5 12C23.3284 12 24.0097 12.6742 23.9064 13.4961C23.6748 15.3394 23.0173 17.1109 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C6.88913 0.982696 8.66064 0.32524 10.5039 0.0936235C11.3258 -0.0096629 12 0.671573 12 1.5C12 2.32843 11.3239 2.98727 10.5069 3.12471C9.2582 3.33479 8.06207 3.80703 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.193 15.9379 20.6652 14.7418 20.8753 13.4931C21.0127 12.6761 21.6716 12 22.5 12Z",fill:"currentColor"},[e.createElementVNode("animateTransform",{attributeName:"transform",dur:"1s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;360 12 12"})],-1)])))])]),_:3},8,["class","size","icon"]),m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"text"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(u.value),1)])],2)):e.createCommentVNode("",!0)],2))}});exports.SpinnerSizes=a;exports._sfc_main=f;