@pantograph/vue 0.27.3 → 0.27.5

package/dist/Select/SelectTrigger.d.ts

@@ -1,5 +1,5 @@
 import { CheckNode } from '@pantograph/utils-vue';
-import { SelectOptionSlotsKeys } from './types.ts';
+import { SelectOptionSlotsKeys } from './types';
 type GetOptionSlot = (name: SelectOptionSlotsKeys, value?: string) => (() => CheckNode[] | undefined) | undefined;
 declare const _default: import('vue').DefineComponent<{
     getOptionSlot: GetOptionSlot;

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_script_setup_true_lang-DcRVPTfy.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-f__hXx_6.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_script_setup_true_lang-DgqUr22B.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-DIlypQRE.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-DIlypQRE.js

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

package/dist/{Select.vue_vue_type_script_setup_true_lang-DcRVPTfy.js → Select.vue_vue_type_style_index_0_lang-f__hXx_6.js}

@@ -1,26 +1,25 @@
-import { defineComponent as te, createElementBlock as ze, openBlock as Be, normalizeClass as ke, unref as le, renderSlot as _e, computed as y, h as a, ref as ve, watch as we, useSlots as De, useAttrs as Fe, createBlock as Ae, normalizeProps as Ce, guardReactiveProps as ye, withCtx as Se, createVNode as We, createSlots as $e, renderList as Ee } from "vue";
+import { defineComponent as te, createElementBlock as ze, openBlock as xe, normalizeClass as ke, unref as le, renderSlot as _e, computed as y, h as a, ref as ve, watch as we, useSlots as De, useAttrs as Fe, createBlock as Ae, normalizeProps as Ce, guardReactiveProps as ye, withCtx as Se, createVNode as We, createSlots as $e, renderList as Ee } from "vue";
 import { createContext as Pe, SelectItem as Ge, SelectItemIndicator as Ne, SelectTrigger as Re, Primitive as je, injectSelectRootContext as Ke, SelectPortal as Me, SelectContent as qe, useEmitAsProps as Ue, SelectRoot as He } from "reka-ui";
 import { isString as ee, 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 ge, isEmptyElement as p, isEmptyLikeLodash as U, filterEmpty as Xe, isValidElement as Ye, isFragment as Ze, useLazyLoading as et, useFormInput as tt, flattenChildrenByType as Le, useComponentStyle as ot } from "@pantograph/utils-vue";
-import { getBemBlock as nt, getBemElement as S, generateVariantClassList as N, normCls as B } from "@pantograph/utils";
+import { getComponentOptions as Te, getComponentName as ge, isEmptyElement as p, isEmptyLikeLodash as U, 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 S, generateVariantClassList as N, normCls as x } from "@pantograph/utils";
 import { cva as de } from "class-variance-authority";
-import { _ as rt } from "./Empty.vue_vue_type_script_setup_true_lang-BCQOhz-A.js";
-import { _ as it } from "./Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js";
-import { _ as xe } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
-import { g as at, b as lt } from "./Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
-import { u as pt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { _ as st } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { _ as ce } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { _ as nt } from "./Empty.vue_vue_type_style_index_0_lang-GEhjGuWp.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-J68ZockB.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-CCEG6AjN.js";
+import { _ as ce } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
 import { i as Q } from "./isArray-QlWcxgml.js";
-import { b as ut, _ as ct } from "./Chip.vue_vue_type_script_setup_true_lang-nFZDIpIs.js";
+import { b as st, _ as ut } from "./Chip.vue_vue_type_style_index_0_lang-Duq9O1Pn.js";
 import { i as Z } from "./isObject-vmP43YLW.js";
-import { i as gt } from "./isNumber-BduWbB-B.js";
-import dt from "@pantograph/style/select.css?raw";
-const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] = Pe("Select"), [vt, Ct] = Pe("_Select"), F = nt("select"), yt = /* @__PURE__ */ te({
+import { i as ct } from "./isNumber-BduWbB-B.js";
+const me = ["sm", "md", "lg"], gt = ["error", "warning", "success"], [Ie, dt] = Pe("Select"), [mt, ft] = Pe("_Select"), F = ot("select"), vt = /* @__PURE__ */ te({
   ...Te("SelectLabel"),
   __name: "SelectLabel",
   setup(m) {
-    return (t, o) => (Be(), ze("div", {
+    return (t, o) => (xe(), ze("div", {
       class: ke(le(S)(le(F), "label"))
     }, [
       _e(t.$slots, "default")
@@ -79,7 +78,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
           l ? D = J : D = a(ce, { icon: R.value, size: e.value }), f.push(
             a(
               "div",
-              { class: B(S(I, "leading"), o.props.itemLeadingCls) },
+              { class: x(S(I, "leading"), o.props.itemLeadingCls) },
               D
             )
           );
@@ -90,7 +89,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
           a(
             "div",
             {
-              class: B(S(I, "text"), o.props.optionTextCls)
+              class: x(S(I, "text"), o.props.optionTextCls)
             },
             O
           )
@@ -98,7 +97,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       }
       return a(
         "div",
-        { class: B(S(I, "content"), o.props.optionContentCls) },
+        { class: x(S(I, "content"), o.props.optionContentCls) },
         f
       );
     };
@@ -108,7 +107,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
         value: A.value,
         textValue: u.value,
         disabled: q.value,
-        class: B(
+        class: x(
           H({
             size: o.getSize.value
           }),
@@ -119,7 +118,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       () => [z(), $()]
     );
   }
-}), St = te({
+}), Ct = te({
   name: ge("SelectTrigger"),
   props: {
     getOptionSlot: {
@@ -136,7 +135,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
     }, u = S(F, "trigger"), R = de(u, {
       variants: {
         size: N(me, u),
-        status: N(mt, u),
+        status: N(gt, u),
         bordered: N("bordered", u),
         multiple: N("multiple", u),
         contentFit: N("content-fit", u),
@@ -183,7 +182,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       reference: e.props.reference,
       tabindex: e.getDisabled.value ? void 0 : 0,
       as: "div",
-      class: B(
+      class: x(
         R({
           size: e.getSize.value,
           status: e.getStatus.value === "success" && U(e.modelValue.value) ? void 0 : e.getStatus.value,
@@ -203,7 +202,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       if (p(O) ? z.value && (l = E(z.value)) : l = O, l)
         return a(
           "div",
-          { class: B(S(u, "trailing"), e.props.triggerTrailingCls) },
+          { class: x(S(u, "trailing"), e.props.triggerTrailingCls) },
           l
         );
     };
@@ -234,7 +233,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                   return p(M) ? $.value ? r = E($.value) : j ? r = T : e.props.leadingIcon && (r = E(e.props.leadingIcon)) : r = M, a(
                     "div",
                     {
-                      class: B(
+                      class: x(
                         S(u, "leading"),
                         e.props.triggerLeadingCls
                       )
@@ -261,7 +260,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                   if (!p(V)) return V;
                   if (e.props.multiple && Q(e.modelValue.value))
                     return a(
-                      ut,
+                      st,
                       {
                         maxCount: e.props.maxCount,
                         size: q.value,
@@ -269,12 +268,12 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                         closeable: !e.getDisabled.value,
                         noPopover: !0,
                         noWrap: !e.props.wrapped,
-                        class: B(S(u, "tag_list"), e.props.tagListCls),
+                        class: x(S(u, "tag_list"), e.props.tagListCls),
                         onClose: A
                       },
                       () => e.modelValue.value.map((c) => {
                         var Y;
-                        const x = (n) => {
+                        const B = (n) => {
                           var C;
                           const i = (C = t.tagClose) == null ? void 0 : C.call(t, {
                             ...L(c),
@@ -296,10 +295,10 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                           return p(n) ? null : n;
                         };
                         return a(
-                          ct,
+                          ut,
                           {
                             value: c,
-                            class: B(S(u, "tag"), e.props.tagCls),
+                            class: x(S(u, "tag"), e.props.tagCls),
                             closeIconCls: S(u, "tag__close"),
                             closeTrigger: "pointer"
                           },
@@ -307,14 +306,14 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                             text: se,
                             leading: ie,
                             trailing: ae,
-                            close: x
+                            close: B
                           }
                         );
                       })
                     );
                   if (!Q(e.modelValue.value)) {
-                    const c = (v = m.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : v(), x = (g = m.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : g();
-                    return p(c) ? p(x) ? ee(e.modelValue.value) ? e.getLabelByValue(e.modelValue.value) : e.modelValue.value : x : c;
+                    const c = (v = m.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : v(), B = (g = m.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : g();
+                    return p(c) ? p(B) ? ee(e.modelValue.value) ? e.getLabelByValue(e.modelValue.value) : e.modelValue.value : B : c;
                   }
                 })();
                 r && G.push(r);
@@ -325,7 +324,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
               a(
                 je,
                 {
-                  class: B(
+                  class: x(
                     S(u, "content"),
                     e.props.triggerContentCls,
                     U(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls
@@ -344,12 +343,12 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       );
     };
   }
-}), ht = te({
+}), yt = te({
   name: ge("SelectWrapper"),
   setup(m, { slots: t }) {
-    const o = vt(), e = Ke(), A = ve();
+    const o = mt(), e = Ke(), A = ve();
     et({ target: A });
-    const u = ve(), R = at({ triggerRef: u, props: o.props }), { getFlipOnDir: q, getDir: I } = pt(), H = q("reversePlacementOnDir"), W = I(), $ = lt({
+    const u = ve(), R = it({ triggerRef: u, props: o.props }), { getFlipOnDir: q, getDir: I } = lt(), H = q("reversePlacementOnDir"), W = I(), $ = at({
       props: o.props,
       flip: H,
       emitsAsProps: o.emitsAsProps,
@@ -364,13 +363,13 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
     }) => (g) => {
       const c = Ve(P) ? P(g) : P;
       if (Z(g)) {
-        const x = g[r] ?? c, k = V && o.props[V];
+        const B = g[r] ?? c, k = V && o.props[V];
         if (k) {
           if (ee(k))
-            return g[k] ?? x;
-          if (Ve(k)) return k(g) ?? x;
+            return g[k] ?? B;
+          if (Ve(k)) return k(g) ?? B;
         }
-        return x;
+        return B;
       }
       return ee(g) && !v ? g ?? c : c;
     }, b = z({
@@ -417,7 +416,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       getSize: () => o.props.size,
       getStatus: () => o.props.status
     });
-    ft({
+    dt({
       props: o.props,
       attrs: o.attrs,
       emit: o.emit,
@@ -453,7 +452,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
         size: N(me, oe)
       }
     }), K = (r) => {
-      if (gt(r))
+      if (ct(r))
         return `${r}px`;
       if (typeof r == "string")
         return r;
@@ -505,23 +504,23 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
           }
         ), s = O(n);
         if (s != null && s.length) {
-          r(i) && g.push(a(xe));
+          r(i) && g.push(a(Be));
           const h = l(n);
           h && g.push(
-            a(yt, { class: o.props.labelCls }, () => h)
+            a(vt, { class: o.props.labelCls }, () => h)
           ), s.forEach((d) => {
             g.push(C(d));
           });
-        } else V(i) ? g.push(a(xe)) : g.push(C(n));
+        } else V(i) ? g.push(a(Be)) : g.push(C(n));
       });
       const c = Le(g, ue).filter(
         (n) => {
           var i;
           return Z(n == null ? void 0 : n.props) && ((i = n == null ? void 0 : n.props) == null ? void 0 : i.option);
         }
-      ), x = !!(c != null && c.length || v != null && v.length), k = (n, i) => {
+      ), B = !!(c != null && c.length || v != null && v.length), k = (n, i) => {
         var C;
-        if (x && !U(i) && ee(i)) {
+        if (B && !U(i) && ee(i)) {
           const s = v != null && v.length ? v : c;
           if (s.length) {
             const h = s.find(
@@ -536,18 +535,18 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       }, se = () => {
         var i, C;
         const n = [];
-        if (x || o.props.loading) {
+        if (B || o.props.loading) {
           const s = [];
-          if (x && (v != null && v.length ? s.push(P) : s.push(...g)), o.props.loading) {
+          if (B && (v != null && v.length ? s.push(P) : s.push(...g)), o.props.loading) {
             const h = (i = t.loading) == null ? void 0 : i.call(t, {});
             if (!p(h)) s.push(h);
             else {
-              const d = new Array(x ? 2 : o.props.loadingRowCount).fill(1);
+              const d = new Array(B ? 2 : o.props.loadingRowCount).fill(1);
               s.push(
                 ...d.map(
-                  () => a(it, {
+                  () => a(rt, {
                     size: T.value,
-                    class: B(
+                    class: x(
                       S(F, "skeleton"),
                       o.props.skeletonCls
                     ),
@@ -561,18 +560,18 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
             a(
               "div",
               {
-                class: B(S(F, "options"), o.props.optionsCls)
+                class: x(S(F, "options"), o.props.optionsCls)
               },
               s
             )
           );
-        } else if (!x) {
+        } else if (!B) {
           const s = (C = t.empty) == null ? void 0 : C.call(t, G.value);
           p(s) ? n.push(
             a(
-              rt,
+              nt,
               {
-                class: B(S(F, "empty"), o.props.emptyCls),
+                class: x(S(F, "empty"), o.props.emptyCls),
                 ...G.value
               },
               {
@@ -594,7 +593,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       };
       return [
         a(
-          St,
+          Ct,
           {
             getOptionSlot: k,
             ref: u,
@@ -623,7 +622,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
             qe,
             {
               ...$.value,
-              class: B(pe(o.props), o.props.popupCls),
+              class: x(pe(o.props), o.props.popupCls),
               style: {
                 display: e.open.value ? void 0 : "none",
                 zIndex: o.props.zIndex,
@@ -632,13 +631,13 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                 "--ptc-select-trigger-min-w": X.value
               }
             },
-            () => a(st, j.value, se)
+            () => a(pt, j.value, se)
           )
         )
       ];
     };
   }
-}), Et = /* @__PURE__ */ te({
+}), At = /* @__PURE__ */ te({
   ...Te("Select"),
   __name: "Select",
   props: {
@@ -730,7 +729,6 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
   },
   emits: ["change", "select", "update:modelValue", "update:open", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
   setup(m, { emit: t }) {
-    ot("select", dt);
     const o = m, e = t, A = Ue(e), u = y(
       () => Je(
         {
@@ -753,14 +751,14 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
         Qe
       )
     ), R = De(), q = Fe();
-    return Ct({
+    return ft({
       attrs: q,
       props: o,
       emit: e,
       emitsAsProps: A
-    }), (I, H) => (Be(), Ae(le(He), Ce(ye(u.value)), {
+    }), (I, H) => (xe(), Ae(le(He), Ce(ye(u.value)), {
       default: Se(() => [
-        We(le(ht), null, $e({ _: 2 }, [
+        We(le(yt), null, $e({ _: 2 }, [
           Ee(Object.keys(R), (W) => ({
             name: W,
             fn: Se(($) => [
@@ -775,10 +773,10 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
 });
 export {
   ue as S,
-  Et as _,
-  yt as a,
+  At as _,
+  vt as a,
   me as b,
-  mt as c,
+  gt as c,
   Ie as i,
-  ft as p
+  dt as p
 };

package/dist/Shortcut/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as r } from "../Shortcut.vue_vue_type_script_setup_true_lang-B16kPcKe.js";
+import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-C-wsusvY.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_script_setup_true_lang-EJF2NtL_.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-TFcjdHpb.js");exports.Shortcut=e._sfc_main;exports.default=e._sfc_main;

package/dist/Shortcut.vue_vue_type_style_index_0_lang-C-wsusvY.js

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

package/dist/Shortcut.vue_vue_type_style_index_0_lang-TFcjdHpb.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),u=require("@pantograph/utils-vue"),i=require("./Kbd.vue_vue_type_style_index_0_lang-BCfWLm9R.js"),a=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),m=e.defineComponent({...u.getComponentOptions("Shortcut"),__name:"Shortcut",props:{class:{},items:{},plus:{type:Boolean,default:!0}},setup(r){const s=r,o=n.getBemBlock("shortcut");return(t,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o),s.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(i._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=m;

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_script_setup_true_lang-V3Y9sTi-.js";
+import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.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_script_setup_true_lang-ywJfG4ii.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-W1OLEfkY.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_script_setup_true_lang-V3Y9sTi-.js → Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js}

@@ -1,9 +1,8 @@
-import { defineComponent as f, computed as d, createElementBlock as n, openBlock as a, normalizeClass as r, unref as s, createCommentVNode as C, Fragment as k, renderList as v } from "vue";
-import { getBemBlock as g, generateVariantClassList as o, normCls as i, getBemElement as y } from "@pantograph/utils";
-import { cva as S } from "class-variance-authority";
-import { getComponentOptions as h, useComponentStyle as B } from "@pantograph/utils-vue";
-import _ from "@pantograph/style/skeleton.css?raw";
-const x = [
+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";
+const S = [
   "avatar",
   "input",
   "button",
@@ -13,8 +12,8 @@ const x = [
   "base",
   "custom",
   "custom-items"
-], z = ["2xsm", "sm", "md", "lg"], F = /* @__PURE__ */ f({
-  ...h("Skeleton"),
+], _ = ["2xsm", "sm", "md", "lg"], V = /* @__PURE__ */ d({
+  ...B("Skeleton"),
   __name: "Skeleton",
   props: {
     type: { default: "base" },
@@ -25,14 +24,13 @@ const x = [
     itemsCount: {}
   },
   setup(m) {
-    B("skeleton", _);
-    const t = g("skeleton"), e = m, l = S(t, {
+    const t = k("skeleton"), e = m, l = h(t, {
       variants: {
         inactive: o("inactive", t),
-        size: o(z, t),
-        type: o(x, t)
+        size: o(_, t),
+        type: o(S, t)
       }
-    }), c = d(() => {
+    }), c = f(() => {
       if (e.type === "custom-items" && e.itemsCount) return e.itemsCount;
       switch (e.type) {
         case "paragraph":
@@ -43,10 +41,10 @@ const x = [
           return 0;
       }
     });
-    return (p, b) => (a(), n("div", {
+    return (p, z) => (n(), a("div", {
       class: r(s(i)(s(l)(e), e.class))
     }, [
-      ["paragraph", "list", "custom-items"].includes(p.type) ? (a(!0), n(k, { key: 0 }, v(c.value, (u) => (a(), n("div", {
+      ["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)),
         key: u
       }, null, 2))), 128)) : C("", !0)
@@ -54,7 +52,7 @@ const x = [
   }
 });
 export {
-  x as S,
-  F as _,
-  z as a
+  S,
+  V as _,
+  _ as a
 };

package/dist/Skeleton.vue_vue_type_style_index_0_lang-W1OLEfkY.js

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

package/dist/Spinner/index.js

@@ -1,4 +1,4 @@
-import { _ as n, S as r, _ as s } from "../Spinner.vue_vue_type_script_setup_true_lang-CMhmFqGC.js";
+import { _ as n, S as r, _ as s } from "../Spinner.vue_vue_type_style_index_0_lang-COQRqpmY.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_script_setup_true_lang-DO3B4TxR.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-k30PU_tO.js");exports.Spinner=e._sfc_main;exports.SpinnerSizes=e.SpinnerSizes;exports.default=e._sfc_main;