@pantograph/vue 0.26.0 → 0.27.1

package/dist/Combobox.vue_vue_type_script_setup_true_lang-NkTBG9kI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),we=require("reka-ui"),k=require("es-toolkit"),m=require("./Icon.vue_vue_type_script_setup_true_lang-BDTw4CRD.js"),te=require("./options-CY2uxp5A.js"),T=require("./isEmpty-cyU2mCRb.js"),st=require("./bodyLock-DM_fELbd.js"),Ve=require("./useInputDataStates-CVQJAe1K.js"),it=require("./collection-BFrS9-RP.js"),de=require("./useVmodel-BU5qtyne.js"),ut=require("./useVirtualScroll-3vEZzPrF.js"),i=require("@pantograph/utils"),ct=require("./Popover.vue_vue_type_script_setup_true_lang-Bye1k1gb.js");require("@pantograph/tokens");const pt=require("@vueuse/core");require("@tanstack/vue-virtual");const Me=require("class-variance-authority"),Ce=require("./Avatar.vue_vue_type_script_setup_true_lang-QZhssZnQ.js"),Ae=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-D6ppQA4I.js"),dt=require("./GraphicalObjectGroup.vue_vue_type_script_setup_true_lang-CXyuthQS.js"),Ie=require("./Chip.vue_vue_type_script_setup_true_lang-Dn-EkG3e.js"),gt=require("./Input.vue_vue_type_script_setup_true_lang-DQaTM8t7.js"),De=require("./MenuItem.vue_vue_type_script_setup_true_lang-DweYhLgr.js"),mt=require("./useLazyLoading-H6VG5aE-.js"),ft=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-u50YBozy.js"),vt=require("./Empty.vue_vue_type_script_setup_true_lang-BHsAnkd7.js"),ee=require("./Tree.vue_vue_type_script_setup_true_lang-C7AJKgHE.js"),ht=require("./Checkbox.vue_vue_type_script_setup_true_lang-B5hrYP5E.js"),yt=require("./Skeleton.vue_vue_type_script_setup_true_lang-CZd6jGSK.js"),_t=require("./Divider.vue_vue_type_script_setup_true_lang-BfrE098V.js"),Ct=require("@pantograph/style/combobox.css?raw");function bt(O){return Array.isArray(O)?O:Array.from(O)}function kt(O){return O[0]}function Le(O){if(T.isArrayLike(O))return kt(bt(O))}const[ge,Re]=we.createContext("Combobox"),x=i.getBemBlock("combobox"),qe=i.getBemModifier(x,"value-placeholder"),ze=i.getBemElement(x,"option"),be=["sm","md","lg"],Ke=["error","warning","success"],Fe=e.defineComponent({...te.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(O){const o=O,n=e.useSlots(),s=ge();pt.whenever(()=>s.openModel.value&&s.inputRef.value,s.focusOnInput);const W=e.computed(()=>s.placeholder.value??o.placeholder??s.props.placeholder??""),z=a=>{var f,_;if(s.props.headerSearch||a.stopPropagation(),a.key==="Backspace"&&s.props.multiple&&m.isArray(s.model.value)&&T.isEmptyLikeLodash(s.searchModel.value))s.model.value=s.model.value.slice(0,-1);else if(!s.openModel.value)(a.key==="ArrowDown"||a.key==="Enter")&&(s.openModel.value=!0);else if(s.openModel.value)if(a.key==="Escape")s.openModel.value=!1;else if(a.key==="Tab"&&!s.props.headerSearch)s.openModel.value=!1;else if(["ArrowDown","ArrowUp"].includes(a.key)){const u=s.getItems();if(u.length){const K=u.findIndex(C=>s.highlightedOptionKey.value&&C.value&&C.value===s.highlightedOptionKey.value);if(a.key==="ArrowDown"){const C=u[K+1];s.highlightedOptionKey.value=(C==null?void 0:C.value)??s.highlightedOptionKey.value??u[0].value}else if(a.key==="ArrowUp"){const C=u[K-1];s.highlightedOptionKey.value=(C==null?void 0:C.value)??u[0].value}(_=(f=u.find(C=>s.highlightedOptionKey.value&&C.value&&C.value===s.highlightedOptionKey.value))==null?void 0:f.ref)==null||_.scrollIntoView()}}else a.key==="Enter"&&s.highlightedOptionKey.value&&s.selectOption(s.getOptionByValue(s.highlightedOptionKey.value),!0)},h=i.getBemElement(x,"input");return(a,f)=>(e.openBlock(),e.createBlock(e.unref(gt._sfc_main),e.mergeProps({...e.unref(s).comboboxInputBinding.value,...o},{placeholder:W.value,onKeydown:z,ref:e.unref(s).inputRef,class:e.unref(i.normCls)(e.unref(h),{[e.unref(qe)]:e.unref(s).valuePlaceholder.value},o.class),modelValue:e.unref(s).searchModel.value,"onUpdate:modelValue":f[0]||(f[0]=_=>e.unref(s).searchModel.value=_)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(k.omit)(n,["leading"])),_=>({name:_,fn:e.withCtx(u=>[e.renderSlot(a.$slots,_,e.normalizeProps(e.guardReactiveProps(u)))])})),e.unref(s).props.headerSearch?{name:"leading",fn:e.withCtx(_=>[e.renderSlot(a.$slots,"leading",e.normalizeProps(e.guardReactiveProps(_)),()=>[e.createVNode(e.unref(m._sfc_main$2),{size:_.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(_=>[e.renderSlot(a.$slots,"leading",e.normalizeProps(e.guardReactiveProps(_)))]),key:"1"}]),1040,["placeholder","class","modelValue"]))}}),Bt=e.defineComponent({...te.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(O){const o=ge(),n=({value:c})=>{c&&m.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(g=>g!==c))},s=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),W=e.computed(()=>{if(!o.props.multiple&&k.isString(o.model.value)&&!T.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),z=(c=W.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(c!=null&&c._icon))return c._icon},h=e.computed(()=>z()),a=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon}),f=e.computed(()=>{var y,v;const c=k.cloneDeep(o.model.value),g=m.isArray(o.model.value);return{modelValue:c,open:k.cloneDeep(o.openModel.value),option:g?void 0:o.getOptionByValue(o.model.value),options:g?(v=(y=o.model.value).map)==null?void 0:v.call(y,o.getOptionByValue).filter(Boolean):void 0}}),_=c=>({...f.value,option:o.getOptionByValue(c)}),u=i.getBemElement(x,"trigger"),K=Me.cva(u,{variants:{size:i.generateVariantClassList(be,u),headerSearch:i.generateVariantClassList("header-search",u),status:i.generateVariantClassList(Ke,u),bordered:i.generateVariantClassList("bordered",u),multiple:i.generateVariantClassList("multiple",u),contentFit:i.generateVariantClassList("content-fit",u),wrapped:i.generateVariantClassList("wrapped",u),filled:i.generateVariantClassList("filled",u)}}),C=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,reference:o.props.reference,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:i.normCls(K({size:o.getSize.value,status:o.getStatus.value==="success"&&T.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!T.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),D=(c,g=s.value)=>e.h(m._sfc_main$2,{icon:c,size:g}),U=()=>{var y,v;let c;const g=(v=(y=o.slots).triggerTrailing)==null?void 0:v.call(y,f.value);if(m.isEmptyElement(g)?a.value&&(c=D(a.value)):c=g,c)return e.h("div",{class:i.normCls(i.getBemElement(u,"trailing"),o.props.triggerTrailingCls)},c)},F=c=>{var y,v;const g=o.getOptionByValue(c)??{_key:c};return e.h(Ce._sfc_main,{size:o.getTagSize.value,...g?((v=(y=o.props).getTagProps)==null?void 0:v.call(y,g))??{}:{}})},w=c=>{var y,v;const g=o.getOptionByValue(c)??{_key:c};return e.h(Ae._sfc_main,{...g?((v=(y=o.props).getTagProps)==null?void 0:v.call(y,g))??{}:{},size:o.getTagSize.value})},oe=()=>{var c,g;if(!o.props.multiple&&!m.isArray(o.model.value)&&o.model.value){let y;k.isString(o.model.value)&&!T.isEmptyLikeLodash(o.model.value)&&(y=o.model.value);const v=y?(g=(c=o.slots).optionLeading)==null?void 0:g.call(c,De.getMenuContentSlotProps(o.props.size,_(y))):null,$=!m.isEmptyElement(v);if($||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||h.value||o.props.leadingIcon){let b;if($?b=v:o.props.tagRenderMode==="avatar"?b=F(o.model.value):o.props.tagRenderMode==="go"?b=w(o.model.value):h.value?b=D(h.value):o.props.leadingIcon&&(b=D(o.props.leadingIcon)),!m.isEmptyElement(b))return e.h("div",{class:i.normCls(i.getBemElement(u,"leading"),o.props.triggerLeadingCls)},b)}}},N=()=>{var X,ne;const c=(ne=(X=o.slots).trigger)==null?void 0:ne.call(X,f.value);if(!m.isEmptyElement(c))return c;const y=()=>{const E=[],Y=[i.getBemElement(u,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],Z=(()=>{if(o.props.multiple&&m.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(Ce._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Y},()=>o.model.value.map(F));if(o.props.tagRenderMode==="go")return e.h(dt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Y},()=>o.model.value.map(w));if(o.props.tagRenderMode==="chip")return e.h(Ie._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Y,onClose:n},()=>o.model.value.map(J=>{var V,R;const le=()=>o.getLabelByValue(J),re=({size:me})=>{const se=z(o.getOptionByValue(J))??o.props.leadingIcon;return se?D(se,me):null},ae=o.getOptionByValue(J);return e.h(Ie._sfc_main,{...ae?((R=(V=o.props).getTagProps)==null?void 0:R.call(V,ae))??{}:{},value:J,class:i.normCls(i.getBemElement(u,"tag"),o.props.tagCls),closeIconCls:i.getBemElement(u,"tag__close")},{text:le,leading:re})}))}})();return Z&&E.push(Z),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&E.push(e.h("div",{class:i.normCls(i.getBemElement(u,"content__value"),{[qe]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):E.push(e.h(Fe,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),e.h("div",{class:i.getBemElement(u,"content")},E)},v=[],$=oe();m.isEmptyElement($)||v.push($),v.push(y());const b=U();return m.isEmptyElement(b)||v.push(b),e.h("button",C.value,v)};return(c,g)=>(e.openBlock(),e.createBlock(N))}}),Te=e.defineComponent({...te.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(O){const o=O,n=ge(),s=e.computed(()=>n.isOptionSelected(o.option._key)),W=a=>{var u,K,C,D,U,F;const f=[];!n.props.tree&&n.props.multiple&&n.props.checkbox&&!o.option._noCheckbox&&f.push(e.h(ht._sfc_main,{modelValue:s.value,size:a.checkboxSize,disabled:o.option._disabled}));const _=(K=(u=n.slots).optionLeading)==null?void 0:K.call(u,{...a,option:o.option});return m.isEmptyElement(_)?n.props.tagRenderMode==="avatar"&&n.props.showTriggerTagOnOption?f.push(e.h(Ce._sfc_main,{size:a.avatarSize,...((D=(C=n.props).getTagProps)==null?void 0:D.call(C,o.option))??{}})):n.props.tagRenderMode==="go"&&n.props.showTriggerTagOnOption?f.push(e.h(Ae._sfc_main,{size:a.iconSize,...((F=(U=n.props).getTagProps)==null?void 0:F.call(U,o.option))??{}})):o.option._icon&&f.push(e.h(m._sfc_main$2,{icon:o.option._icon,size:n.getIconSize.value})):f.push(_),m.isEmptyElement(f)?null:f},z=e.useAttrs(),h=()=>{const a=n.props.tree?void 0:o.option._description,f=(k.isFunction(n.props.getMenuItemProps)?n.props.getMenuItemProps(o.option):n.props.getMenuItemProps)??{};return e.h(De._sfc_main$1,{class:i.getBemElement(x,"option"),unFocusable:!0,staticStyle:n.props.tree,description:a,title:o.option._label,key:o.option._key,selected:s.value,leadingCenter:!!a,size:n.getSize.value,disabled:n.props.tree?!1:o.option._disabled,onClick:()=>n.selectOption(o.option),slotProps:o,...f,...z},{leading:W,trailing:n.slots.optionTrailing,title:n.slots.optionTitle,description:n.slots.optionDescription})};return(a,f)=>(e.openBlock(),e.createBlock(h))}}),St=e.defineComponent({...te.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(O){return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(x),"label"))},e.toDisplayString(o.label),3))}}),xt=e.defineComponent({...te.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},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:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},noTrigger:{type:Boolean},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{}},emits:["update:modelValue","update:expandedKeys","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(O,{emit:o}){m.useComponentStyle("combobox",Ct);const n=O,s=o,W=k.debounce(t=>{s("search",t)},500),z=de.useVModel(n,"search",s,{passive:n.search===void 0,onChange:W}),h=de.useVModel(n,"open",s,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(z.value=void 0)}}),a=de.useVModel(n,"modelValue",s,{passive:n.modelValue===void 0,onChange:t=>{var l,r;h.value&&!n.multiple&&(h.value=!1),typeof V!==void 0&&(V!=null&&V.value)&&n.sortSelectedItems&&((r=(l=V==null?void 0:V.value)==null?void 0:l.measure)==null||r.call(l))}}),f=de.useVModel(n,"expandedKeys",s,{passive:n.expandedKeys===void 0}),_=k.debounce(t=>{f.value=t},500),u=e.useSlots(),K=we.useEmitAsProps(s),C=e.computed(()=>({...k.omit(K,["update:modelValue","update:search","select"]),...k.pick(n,["placement","reversePlacementOnDir","zIndex","to","dir","size","sideOffset","alignOffset","prioritizePosition","avoidCollisions"])})),D=e.ref();mt.useLazyLoading({target:D});const U=i.createOptionGetterFunc({key:"value",getter:n.getValue}),F={getDisabled:i.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:i.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:U,getLabel:i.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:U}),getNoCheckbox:i.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:i.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:i.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:i.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:i.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},w=(t,l)=>{var d;const r=`get${l[0].toUpperCase()+l.slice(1)}`;return(d=F[r])==null?void 0:d.call(F,t)},oe=(t,l,r)=>!!(!n.tree&&!(l!=null&&l.length)&&(r!=null&&r.length)),N=e.computed(()=>ee.flattenBy_parentKeys({getValue:(t,l,r)=>{const d=w(t,"value");return T.isEmptyLikeLodash(d)&&oe(t,l,r)?i.usePCId(ze):d},getDisabled:t=>w(t,"disabled"),arr:n.options??[],getChildren:(t,l)=>{if(!(l!=null&&l.length&&!n.tree))return w(t,"options")},getExtra:t=>{if(t){let l=w(t,"label");return T.isEmptyLikeLodash(l)||(l=String(l)),{_description:w(t,"description"),_label:l,_title:n.tree?l:void 0,_noCheckbox:w(t,"noCheckbox"),_single:w(t,"single"),_clear:w(t,"clear"),_icon:w(t,"icon")}}},allowNoValidKey:oe})),c=(t,l=!1)=>t?N.value.filter(r=>{var d;if(l){const P=k.last(r._parentKeys??[]);return P&&P===t}return(d=r._parentKeys)==null?void 0:d.includes(t)}):[],g=t=>{var l;if((l=N.value)!=null&&l.length&&!T.isEmptyLikeLodash(t))return N.value.find(r=>r._key===t)},y=t=>{const l=g(t);return l&&(l._label||l._key)||t},v=t=>{const l=g(t);return l?l._single??!1:!1},$=t=>t===void 0?!1:Array.isArray(a.value)?!!(t&&a.value.includes(t)):a.value===t,b=e.computed(()=>{var d,P,ie,ue;let t=[];const l=new Set,r=p=>{p!=null&&p._key&&!l.has(p._key)&&(t.push(k.cloneDeep(p)),l.add(p._key))};if(z.value?(N.value.forEach(p=>{var M,G;if(p._label&&p._label.toLowerCase().includes(z.value.toLowerCase())&&!l.has(p._key)){if(r(p),p._hasChildren&&c(p._key).forEach(r),(M=n.filterOptions)!=null&&M.strictNode)p._parentKeys&&p._parentKeys.forEach(I=>{if(!l.has(I)){const H=g(I);r(H)}});else if((G=p._parentKeys)!=null&&G.length){const I=Le(p._parentKeys);if(!T.isEmptyLikeLodash(I)){if(!l.has(I)){const j=g(I);r(j)}c(I).forEach(r)}}}}),t=t.sort((p,A)=>N.value.findIndex(M=>M._key===p._key)-N.value.findIndex(M=>M._key===A._key))):t=k.cloneDeep(N.value),n.sortSelectedItems&&!n.tree&&!T.isEmptyLikeLodash(a.value)){let p=k.cloneDeep(t);const A=p.filter(B=>$(B._key)),M=Symbol("root"),G=Symbol("rootGroup"),I={},H=(B,L,S=1)=>{const q=p.splice(B,S);p.splice(L,0,...q)},j=B=>B?p.findIndex(L=>L._key===B):-1,ce=B=>{const L=I[B],S=j(L==null?void 0:L.key);return L!=null&&L.length?S+L.length+1:S+1};A.forEach(B=>{var L;if((L=B._parentKeys)!=null&&L.length){const S=Le(B._parentKeys);let q=j(S);const Pe=Math.max(ce(M),ce(G));if(q>Pe){const pe=c(S).length;H(q,Pe,pe+1)}if(I[G]={key:S,length:c(S).length},q=j(S),S&&q>-1){const pe=j(B._key);if(I[S]===void 0)H(pe,q+1);else{const at=ce(S);H(pe,at)}I[S]={length:void 0,key:B._key}}}else{const S=j(B._key),q=ce(M);S>q&&H(S,q),I[M]={key:B._key,length:B._hasChildren?c(B._key).length:void 0}}p=k.cloneDeep(p)}),t=p}if(n.tree)((d=n.filterOptions)==null?void 0:d.expandParent)==="collapse"?_([]):((P=n.filterOptions)==null?void 0:P.expandParent)==="expand"&&_(t.filter(p=>p._hasChildren).map(p=>p._key));else{let p=k.cloneDeep(t);for(let A=0;A<p.length-1;A++){const M=p[A],G=p[A+1];!G._divider&&(G._hasChildren||(ie=M._parentKeys)!=null&&ie.length&&!((ue=G._parentKeys)!=null&&ue.length))&&(p.splice(A+1,0,{_key:i.usePCId(ze),_divider:!0}),A++)}t=p}return t}),{getDisabled:X,getStatus:ne,getSize:E}=Ve.useFormInput(),Y=e.computed(()=>{switch(E.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),ke=e.computed(()=>{switch(E.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),Z=e.ref(),J={sm:4,md:6,lg:8},le={sm:14,md:16},re={sm:32,md:50,lg:54},ae=e.computed(()=>({get count(){return b.value.length},getScrollElement:()=>{var t;return(t=Z.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const l=b.value[t];if(!n.tree&&l){if(l._divider)return 1;if(l._label&&l._hasChildren)return 8+(le[E.value]??le.md);if(l._description)return re[E.value]??re.md}return ee.systemSizesMap[E.value]??ee.systemSizesMap.md},overscan:5,get gap(){return J[E.value]??0}}));let V,R;if(n.virtual){const{virtualizer:t,...l}=ut.useVirtualScroll(ae);V=t,R=l}const me=e.computed(()=>{var t;return n.virtual?(((t=V==null?void 0:V.value)==null?void 0:t.getVirtualItems())??[]).map(l=>b.value[l.index]):b.value}),se=e.computed(()=>(R==null?void 0:R.containerStyles.value)??{}),{inputBindings:Ne,rootBindings:$e}=Ve.UseInputDataStates({getDisabled:()=>X.value}),Q=e.ref(),fe=()=>{var t;if(h.value&&Q.value&&document.activeElement!==((t=Q.value)==null?void 0:t.input)){Q.value.input.style.pointerEvents="auto";const l=setTimeout(()=>{var r,d;(d=(r=Q.value)==null?void 0:r.focus)==null||d.call(r),clearTimeout(l)},100);Q.value.input.style.pointerEvents=""}},Be=e.computed(()=>!n.noValueOnPlaceholder&&(m.isArray(a.value)?a.value.length===1&&!T.isEmptyLikeLodash(a.value[0]):!T.isEmptyLikeLodash(a.value))),Ge=e.computed(()=>{if(Be.value){if(n.multiple&&m.isArray(a.value))return y(k.last(a.value));if(!n.multiple&&!m.isArray(a.value))return y(a.value)}}),{CollectionSlot:We,CollectionItem:Se,itemMap:Ue,getItems:He}=it.useCollection({isProvider:!0,key:x}),xe=()=>a.value?Array.isArray(a.value)?a.value:[a.value]:[],ve=e.ref(),he=t=>{ve.value=t},Oe=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":ve.value===t._key?"":void 0}),ye=e.ref();Re({props:n,emit:s,searchModel:z,openModel:h,model:a,slots:u,valuePlaceholder:Be,placeholder:Ge,getOptionByValue:g,isOptionSelected:$,getLabelByValue:y,getSingleByValue:v,inputRef:Q,focusOnInput:fe,getDisabled:X,getStatus:ne,getSize:E,getTagSize:Y,getIconSize:ke,comboboxInputBinding:Ne,comboboxTriggerBinding:$e,selectOption:(t,l)=>{var r,d;if(l&&((r=ye.value)!=null&&r.onSelect)&&n.tree&&((d=ye.value)==null||d.onSelect(t,!$(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)a.value=[],s("select",void 0,!1);else if(t._single)a.value=[t._key],s("select",t._key,!0,t);else{let P=m.isArray(a.value)?a.value:[];const ie=P.includes(t._key);P.length===1&&v(P[0])&&t._key!==P[0]&&(P=[]),ie?(a.value=P.filter(ue=>ue!==t._key),s("select",t._key,!0,t)):(a.value=[...P,t._key],s("select",t._key,!1,t))}else t._clear?(a.value=void 0,s("select",void 0,!1)):(a.value=t._key,s("select",t._key,!0,t))},itemMap:Ue,getItems:He,highlightedOptionKey:ve}),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(a.value=void 0)});const je=e.computed(()=>({defaultExpandAll:!0,showLine:!0,selectionBehavior:"replace",...n.treeProps??{},size:E.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:V,syncCheckboxAndSelect:n.multiple,data:b.value,modelValue:xe(),checkedKeys:xe(),class:i.getBemElement(x,"tree")})),Je=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[i.getBemElement(x,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(R==null?void 0:R.scrollWrapperStyles.value)??{}}}}),Ee=i.getBemElement(x,"popup"),Qe=Me.cva(Ee,{variants:{size:i.generateVariantClassList(be,Ee)}}),_e=t=>{if(m.isNumber(t))return`${t}px`;if(typeof t=="string")return t},Xe=e.computed(()=>_e(n.popupWidth)),Ye=e.computed(()=>_e(n.popupHeight)),Ze=e.computed(()=>_e(n.minWidth)),et=()=>{var r,d;const t=(d=u.header)==null?void 0:d.call(u,{isEmpty:!((r=b.value)!=null&&r.length),search:z.value}),l=!m.isEmptyElement(t);if(l||n.headerSearch)return e.h("div",{class:i.getBemElement(x,"header")},l?t:e.h(Fe,n.headerSearchInputProps||{}))},tt=()=>{var r,d;const t=(d=u.footer)==null?void 0:d.call(u,{isEmpty:!((r=b.value)!=null&&r.length),search:z.value});if(!m.isEmptyElement(t))return e.h("div",{class:i.getBemElement(x,"footer")},t)},ot=()=>{var r;const t={type:E.value==="sm"?"simple":"advance",...k.omit(n.emptyProps??{},["class"]),class:i.normCls(i.getBemElement(x,"empty"),n.emptyCls)},l=(r=u.empty)==null?void 0:r.call(u,t);return m.isEmptyElement(l)?e.h(vt._sfc_main,t,{title:u.emptyTitle,description:u.emptyDescription,actions:u.emptyActions,image:u.emptyImage}):l},nt=()=>{var l;const t=(l=u.loading)==null?void 0:l.call(u,{});return m.isEmptyElement(t)?new Array(b.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(yt._sfc_main,{size:E.value,class:i.normCls(i.getBemElement(x,"skeleton"),n.skeletonCls),...k.omit(n.skeletonProps??{},["class"])})):t},lt=(t,l,r)=>{const d=t._clear;if(n.multiple){const P=t._single;d?a.value=[]:P?a.value=[t._key]:a.value=r}else d||!l?a.value=void 0:a.value=t._key;s("select",t._key,l,t)},rt=t=>{t.key==="ArrowDown"&&!h.value?h.value=!0:t.key==="Tab"&&h.value&&(h.value=!1)};return n.disableOutsidePointerEvents&&st.useDisableBodyPointerEvents(h),(t,l)=>(e.openBlock(),e.createBlock(e.unref(ct._sfc_main),e.mergeProps({open:e.unref(h),"onUpdate:open":l[2]||(l[2]=r=>e.isRef(h)?h.value=r:null)},C.value,{containerProps:{...t.containerProps??{},onClick:fe},noPadding:!0,size:e.unref(E),containerStyle:{pointerEvents:"auto",display:e.unref(h)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:Xe.value,"--ptc-combobox-popup-height":Ye.value,"--ptc-combobox-trigger-min-w":Ze.value},containerCls:e.unref(i.normCls)(e.unref(Qe)(n),t.popupCls),onKeydown:rt}),e.createSlots({content:e.withCtx(()=>[e.createVNode(et),e.createVNode(e.unref(ft._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:Z},Je.value),{default:e.withCtx(()=>[b.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(We),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i.normCls)(e.unref(i.getBemElement)(e.unref(x),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?se.value:{}),onPointerleave:l[1]||(l[1]=r=>he(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(ee._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:ye},je.value,{expandedKeys:e.unref(f),"onUpdate:expandedKeys":l[0]||(l[0]=r=>e.isRef(f)?f.value=r:null),onExpand:fe,onSelect:lt}),{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,d=>(e.openBlock(),e.createBlock(e.unref(Se),{key:d._key,value:d._key},{default:e.withCtx(()=>[e.createVNode(e.unref(ee._sfc_main$1),e.mergeProps({node:d},{ref_for:!0},Oe(d),{onPointermove:P=>he(d._key)}),{default:e.withCtx(()=>[e.createVNode(Te,{option:d},null,8,["option"])]),_:2},1040,["node","onPointermove"])]),_:2},1032,["value"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(me.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r._key},[r._divider?(e.openBlock(),e.createBlock(_t._sfc_main,{key:0})):r._label&&r._hasChildren?(e.openBlock(),e.createBlock(St,{key:1,label:r._label},null,8,["label"])):r._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Se),{key:2,value:r._key},{default:e.withCtx(()=>[e.createVNode(Te,e.mergeProps({option:r},{ref_for:!0},Oe(r),{onPointermove:d=>he(r._key)}),null,16,["option","onPointermove"])]),_:2},1032,["value"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(nt,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(ot,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(x),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(x),"lazy_loading_trigger")),ref_key:"target",ref:D},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(tt)]),_:2},[t.noTrigger?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(Bt)]),key:"0"}]),1040,["open","containerProps","size","containerStyle","containerCls"]))}});exports.ComboboxSizes=be;exports.ComboboxStatuses=Ke;exports._sfc_main=xt;exports.injectComboboxContext=ge;exports.provideComboboxContext=Re;

package/dist/Comment/Comment.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps } from '../Avatar/index.js';
+import { AvatarProps } from '../Avatar';
 import { ClassValue } from 'class-variance-authority/types';
 export interface CommentReactionItem {
     emoji: string;

package/dist/Comment/CommentActions.d.ts

@@ -3,16 +3,20 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly size?: import('../exports.js').ButtonSize | undefined;
-            readonly color?: import('../exports.js').ButtonColor | undefined;
+            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
             readonly class?: import('clsx').ClassValue;
-            readonly type?: import('../exports.js').ButtonType | undefined;
-            readonly flipOnDir?: import('../index.js').FlipOnDir | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+            readonly target?: string | undefined;
             readonly icon?: string | undefined;
+            readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
+            readonly hover?: boolean | undefined;
+            readonly href?: string | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -26,11 +30,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $props: {
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
-                    readonly size?: import('../exports.js').ButtonSize | undefined;
-                    readonly color?: import('../exports.js').ButtonColor | undefined;
+                    readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+                    readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
                     readonly noRing?: boolean | undefined;
-                    readonly type?: import('../exports.js').ButtonType | undefined;
-                    readonly variant?: import('../exports.js').ButtonVariant | undefined;
+                    readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+                    readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
                     readonly loading?: boolean | undefined;
                     readonly action?: boolean | undefined;
                     readonly active?: boolean | undefined;
@@ -39,13 +43,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                     readonly icon?: string | undefined;
                     readonly preIcon?: string | undefined;
                     readonly postIcon?: string | undefined;
-                    readonly flipOnDir?: import('../index.js').FlipOnDir | undefined;
-                    readonly preIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
-                    readonly postIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
-                    readonly badgeIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
+                    readonly flipOnDir?: import('..').FlipOnDir | undefined;
+                    readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
+                    readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;
+                    readonly badgeIconFlipOnDir?: import('..').FlipOnDir | undefined;
                     readonly htmlType?: "reset" | "submit" | "button" | undefined;
                     readonly block?: boolean | undefined;
                     readonly disabled?: boolean | undefined;
+                    readonly hover?: boolean | undefined;
                     readonly href?: string | undefined;
                     readonly target?: string | undefined;
                     readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -101,7 +106,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $host: Element | null;
                 $emit: (event: "click", ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('../exports.js').BaseButtonProps> & Readonly<{
+                $options: import('vue').ComponentOptionsBase<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, {
                     focus(): void;
@@ -109,8 +114,9 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (...args: any[]) => void;
                 }, string, {
-                    color: import('../exports.js').ButtonColor;
-                    type: import('../exports.js').ButtonType;
+                    color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                    disabled: boolean;
+                    type: import('../Base/BaseButton/BaseButton.model').ButtonType;
                     htmlType: "reset" | "submit" | "button";
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -133,16 +139,17 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                color: import('../exports.js').ButtonColor;
-                type: import('../exports.js').ButtonType;
+                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                disabled: boolean;
+                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
                 htmlType: "reset" | "submit" | "button";
-            }> & Omit<Readonly<import('../exports.js').BaseButtonProps> & Readonly<{
+            }> & Omit<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
                 focus(): void;
                 blur(): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('../exports.js').BaseButtonSlots> & import('../exports.js').BaseButtonSlots;
+                $slots: Readonly<import('../Base/BaseButton/BaseButton').BaseButtonSlots> & import('../Base/BaseButton/BaseButton').BaseButtonSlots;
             }) | null;
         };
         $slots: Readonly<{
@@ -153,7 +160,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Pick<import('../exports.js').BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
             focus(): void;
             blur(): void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -176,7 +183,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<Partial<Pick<import('../exports.js').BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -194,16 +201,20 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly size?: import('../exports.js').ButtonSize | undefined;
-            readonly color?: import('../exports.js').ButtonColor | undefined;
+            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
             readonly class?: import('clsx').ClassValue;
-            readonly type?: import('../exports.js').ButtonType | undefined;
-            readonly flipOnDir?: import('../index.js').FlipOnDir | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+            readonly target?: string | undefined;
             readonly icon?: string | undefined;
+            readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
+            readonly hover?: boolean | undefined;
+            readonly href?: string | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -217,11 +228,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $props: {
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
-                    readonly size?: import('../exports.js').ButtonSize | undefined;
-                    readonly color?: import('../exports.js').ButtonColor | undefined;
+                    readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+                    readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
                     readonly noRing?: boolean | undefined;
-                    readonly type?: import('../exports.js').ButtonType | undefined;
-                    readonly variant?: import('../exports.js').ButtonVariant | undefined;
+                    readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+                    readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
                     readonly loading?: boolean | undefined;
                     readonly action?: boolean | undefined;
                     readonly active?: boolean | undefined;
@@ -230,13 +241,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                     readonly icon?: string | undefined;
                     readonly preIcon?: string | undefined;
                     readonly postIcon?: string | undefined;
-                    readonly flipOnDir?: import('../index.js').FlipOnDir | undefined;
-                    readonly preIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
-                    readonly postIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
-                    readonly badgeIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
+                    readonly flipOnDir?: import('..').FlipOnDir | undefined;
+                    readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
+                    readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;
+                    readonly badgeIconFlipOnDir?: import('..').FlipOnDir | undefined;
                     readonly htmlType?: "reset" | "submit" | "button" | undefined;
                     readonly block?: boolean | undefined;
                     readonly disabled?: boolean | undefined;
+                    readonly hover?: boolean | undefined;
                     readonly href?: string | undefined;
                     readonly target?: string | undefined;
                     readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -292,7 +304,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $host: Element | null;
                 $emit: (event: "click", ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('../exports.js').BaseButtonProps> & Readonly<{
+                $options: import('vue').ComponentOptionsBase<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, {
                     focus(): void;
@@ -300,8 +312,9 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (...args: any[]) => void;
                 }, string, {
-                    color: import('../exports.js').ButtonColor;
-                    type: import('../exports.js').ButtonType;
+                    color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                    disabled: boolean;
+                    type: import('../Base/BaseButton/BaseButton.model').ButtonType;
                     htmlType: "reset" | "submit" | "button";
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -324,16 +337,17 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                color: import('../exports.js').ButtonColor;
-                type: import('../exports.js').ButtonType;
+                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                disabled: boolean;
+                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
                 htmlType: "reset" | "submit" | "button";
-            }> & Omit<Readonly<import('../exports.js').BaseButtonProps> & Readonly<{
+            }> & Omit<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
                 focus(): void;
                 blur(): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('../exports.js').BaseButtonSlots> & import('../exports.js').BaseButtonSlots;
+                $slots: Readonly<import('../Base/BaseButton/BaseButton').BaseButtonSlots> & import('../Base/BaseButton/BaseButton').BaseButtonSlots;
             }) | null;
         };
         $slots: Readonly<{
@@ -344,7 +358,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Pick<import('../exports.js').BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
             focus(): void;
             blur(): void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -367,7 +381,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<Partial<Pick<import('../exports.js').BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {