@selfeesas/shared-components 0.1.8 → 0.1.9

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "name": "@selfeesas/shared-components",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "main": "dist/shared-components.umd.js",
   "module": "dist/shared-components.es.js",
@@ -23,6 +23,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@quasar/extras": "^1.17.0",
     "@quasar/vite-plugin": "^1.9.0",
     "quasar": "^2.18.1"
   },
@@ -36,6 +37,7 @@
     "@storybook/addon-a11y": "^9.0.8",
     "@storybook/addon-vitest": "^9.0.8",
     "@storybook/vue3-vite": "^9.0.8",
+    "@types/node": "^24.0.3",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/tsconfig": "^0.7.0",
     "rimraf": "^6.0.1",

package/dist/shared-components.umd.js

@@ -1 +0,0 @@
-(function(C,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(C=typeof globalThis<"u"?globalThis:C||self,n(C.SharedComponents={},C.Vue))})(this,function(C,n){"use strict";const V={xs:18,sm:24,md:32,lg:38,xl:46},W={size:String};function X(e,t=V){return n.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function F(e){return n.markRaw(n.defineComponent(e))}function de(e){return n.markRaw(e)}function fe(e,t){return e!==void 0&&e()||t}function A(e,t){return e!==void 0?t.concat(e()):t}const Y="0 0 24 24",Q=e=>e,H=e=>`ionicons ${e}`,G={"mdi-":e=>`mdi ${e}`,"icon-":Q,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":H,"ion-ios":H,"ion-logo":H,"iconfont ":Q,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`,"i-":Q},J={o_:"-outlined",r_:"-round",s_:"-sharp"},Z={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},me=new RegExp("^("+Object.keys(G).join("|")+")"),ve=new RegExp("^("+Object.keys(J).join("|")+")"),ee=new RegExp("^("+Object.keys(Z).join("|")+")"),ge=/^[Mm]\s?[-+]?\.?\d/,he=/^img:/,pe=/^svguse:/,be=/^ion-/,ye=/^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,te=F({name:"QIcon",props:{...W,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:a}}=n.getCurrentInstance(),r=X(e),l=n.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),f=n.computed(()=>{let c,i=e.name;if(i==="none"||!i)return{none:!0};if(a.iconMapFn!==null){const s=a.iconMapFn(i);if(s!==void 0)if(s.icon!==void 0){if(i=s.icon,i==="none"||!i)return{none:!0}}else return{cls:s.cls,content:s.content!==void 0?s.content:" "}}if(ge.test(i)===!0){const[s,p=Y]=i.split("|");return{svg:!0,viewBox:p,nodes:s.split("&&").map(u=>{const[b,g,y]=u.split("@@");return n.h("path",{style:g,d:b,transform:y})})}}if(he.test(i)===!0)return{img:!0,src:i.substring(4)};if(pe.test(i)===!0){const[s,p=Y]=i.split("|");return{svguse:!0,src:s.substring(7),viewBox:p}}let x=" ";const h=i.match(me);if(h!==null)c=G[h[1]](i);else if(ye.test(i)===!0)c=i;else if(be.test(i)===!0)c=`ionicons ion-${a.platform.is.ios===!0?"ios":"md"}${i.substring(3)}`;else if(ee.test(i)===!0){c="notranslate material-symbols";const s=i.match(ee);s!==null&&(i=i.substring(6),c+=Z[s[1]]),x=i}else{c="notranslate material-icons";const s=i.match(ve);s!==null&&(i=i.substring(2),c+=J[s[1]]),x=i}return{cls:c,content:x}});return()=>{const c={class:l.value,style:r.value,"aria-hidden":"true"};return f.value.none===!0?n.h(e.tag,c,fe(t.default)):f.value.img===!0?n.h(e.tag,c,A(t.default,[n.h("img",{src:f.value.src})])):f.value.svg===!0?n.h(e.tag,c,A(t.default,[n.h("svg",{viewBox:f.value.viewBox||"0 0 24 24"},f.value.nodes)])):f.value.svguse===!0?n.h(e.tag,c,A(t.default,[n.h("svg",{viewBox:f.value.viewBox},[n.h("use",{"xlink:href":f.value.src})])])):(f.value.cls!==void 0&&(c.class+=" "+f.value.cls),n.h(e.tag,c,A(t.default,[f.value.content])))}}}),ke={size:{type:[String,Number],default:"1em"},color:String};function qe(e){return{cSize:n.computed(()=>e.size in V?`${V[e.size]}px`:e.size),classes:n.computed(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}const xe=F({name:"QSpinner",props:{...ke,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:a}=qe(e);return()=>n.h("svg",{class:a.value+" q-spinner-mat",width:t.value,height:t.value,viewBox:"25 25 50 50"},[n.h("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":e.thickness,"stroke-miterlimit":"10"})])}});function $e(e,t){const a=e.style;for(const r in t)a[r]=t[r]}const D={hasPassive:!1,passiveCapture:!0,notPassiveCapture:!0};try{const e=Object.defineProperty({},"passive",{get(){Object.assign(D,{hasPassive:!0,passive:{passive:!0},notPassive:{passive:!1},passiveCapture:{passive:!0,capture:!0},notPassiveCapture:{passive:!1,capture:!0}})}});window.addEventListener("qtest",null,e),window.removeEventListener("qtest",null,e)}catch{}function _e(e){return e.touches&&e.touches[0]?e=e.touches[0]:e.changedTouches&&e.changedTouches[0]?e=e.changedTouches[0]:e.targetTouches&&e.targetTouches[0]&&(e=e.targetTouches[0]),{top:e.clientY,left:e.clientX}}function ne(e){e.stopPropagation()}function Ee(e){e.cancelable!==!1&&e.preventDefault()}function P(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Se(e,t,a){const r=`__q_${t}_evt`;e[r]=e[r]!==void 0?e[r].concat(a):a,a.forEach(l=>{l[0].addEventListener(l[1],e[l[2]],D[l[3]])})}function Ce(e,t){const a=`__q_${t}_evt`;e[a]!==void 0&&(e[a].forEach(r=>{r[0].removeEventListener(r[1],e[r[2]],D[r[3]])}),e[a]=void 0)}function we(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function U(e,t){return we(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Be(e,t=250){let a=!1,r;return function(){return a===!1&&(a=!0,setTimeout(()=>{a=!1},t),r=e.apply(this,arguments)),r}}function re(e,t,a,r){a.modifiers.stop===!0&&ne(e);const l=a.modifiers.color;let f=a.modifiers.center;f=f===!0||r===!0;const c=document.createElement("span"),i=document.createElement("span"),x=_e(e),{left:h,top:s,width:p,height:u}=t.getBoundingClientRect(),b=Math.sqrt(p*p+u*u),g=b/2,y=`${(p-b)/2}px`,d=f?y:`${x.left-h-g}px`,k=`${(u-b)/2}px`,j=f?k:`${x.top-s-g}px`;i.className="q-ripple__inner",$e(i,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${d},${j},0) scale3d(.2,.2,1)`,opacity:0}),c.className=`q-ripple${l?" text-"+l:""}`,c.setAttribute("dir","ltr"),c.appendChild(i),t.appendChild(c);const B=()=>{c.remove(),clearTimeout(R)};a.abort.push(B);let R=setTimeout(()=>{i.classList.add("q-ripple__inner--enter"),i.style.transform=`translate3d(${y},${k},0) scale3d(1,1,1)`,i.style.opacity=.2,R=setTimeout(()=>{i.classList.remove("q-ripple__inner--enter"),i.classList.add("q-ripple__inner--leave"),i.style.opacity=0,R=setTimeout(()=>{c.remove(),a.abort.splice(a.abort.indexOf(B),1)},275)},250)},50)}function ae(e,{modifiers:t,value:a,arg:r}){const l=Object.assign({},e.cfg.ripple,t,a);e.modifiers={early:l.early===!0,stop:l.stop===!0,center:l.center===!0,color:l.color||r,keyCodes:[].concat(l.keyCodes||13)}}const Re=de({name:"ripple",beforeMount(e,t){const a=t.instance.$.appContext.config.globalProperties.$q.config||{};if(a.ripple===!1)return;const r={cfg:a,enabled:t.value!==!1,modifiers:{},abort:[],start(l){r.enabled===!0&&l.qSkipRipple!==!0&&l.type===(r.modifiers.early===!0?"pointerdown":"click")&&re(l,e,r,l.qKeyEvent===!0)},keystart:Be(l=>{r.enabled===!0&&l.qSkipRipple!==!0&&U(l,r.modifiers.keyCodes)===!0&&l.type===`key${r.modifiers.early===!0?"down":"up"}`&&re(l,e,r,!0)},300)};ae(r,t),e.__qripple=r,Se(r,"main",[[e,"pointerdown","start","passive"],[e,"click","start","passive"],[e,"keydown","keystart","passive"],[e,"keyup","keystart","passive"]])},updated(e,t){if(t.oldValue!==t.value){const a=e.__qripple;a!==void 0&&(a.enabled=t.value!==!1,a.enabled===!0&&Object(t.value)===t.value&&ae(a,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(a=>{a()}),Ce(t,"main"),delete e._qripple)}}),oe={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Le=Object.keys(oe),Pe={align:{type:String,validator:e=>Le.includes(e)}};function Te(e){return n.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${oe[t]}`})}function Oe(e){return e.appContext.config.globalProperties.$router!==void 0}function ie(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function le(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Me(e,t){for(const a in t){const r=t[a],l=e[a];if(typeof r=="string"){if(r!==l)return!1}else if(Array.isArray(l)===!1||l.length!==r.length||r.some((f,c)=>f!==l[c]))return!1}return!0}function ue(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((a,r)=>a===t[r]):e.length===1&&e[0]===t}function je(e,t){return Array.isArray(e)===!0?ue(e,t):Array.isArray(t)===!0?ue(t,e):e===t}function Ae(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const a in e)if(je(e[a],t[a])===!1)return!1;return!0}const ze={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean};function Ke({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const a=n.getCurrentInstance(),{props:r,proxy:l,emit:f}=a,c=Oe(a),i=n.computed(()=>r.disable!==!0&&r.href!==void 0),x=t===!0?n.computed(()=>c===!0&&r.disable!==!0&&i.value!==!0&&r.to!==void 0&&r.to!==null&&r.to!==""):n.computed(()=>c===!0&&i.value!==!0&&r.to!==void 0&&r.to!==null&&r.to!==""),h=n.computed(()=>x.value===!0?j(r.to):null),s=n.computed(()=>h.value!==null),p=n.computed(()=>i.value===!0||s.value===!0),u=n.computed(()=>r.type==="a"||p.value===!0?"a":r.tag||e||"div"),b=n.computed(()=>i.value===!0?{href:r.href,target:r.target}:s.value===!0?{href:h.value.href,target:r.target}:{}),g=n.computed(()=>{if(s.value===!1)return-1;const{matched:m}=h.value,{length:$}=m,_=m[$-1];if(_===void 0)return-1;const S=l.$route.matched;if(S.length===0)return-1;const w=S.findIndex(le.bind(null,_));if(w!==-1)return w;const N=ie(m[$-2]);return $>1&&ie(_)===N&&S[S.length-1].path!==N?S.findIndex(le.bind(null,m[$-2])):w}),y=n.computed(()=>s.value===!0&&g.value!==-1&&Me(l.$route.params,h.value.params)),d=n.computed(()=>y.value===!0&&g.value===l.$route.matched.length-1&&Ae(l.$route.params,h.value.params)),k=n.computed(()=>s.value===!0?d.value===!0?` ${r.exactActiveClass} ${r.activeClass}`:r.exact===!0?"":y.value===!0?` ${r.activeClass}`:"":"");function j(m){try{return l.$router.resolve(m)}catch{}return null}function B(m,{returnRouterError:$,to:_=r.to,replace:S=r.replace}={}){if(r.disable===!0)return m.preventDefault(),Promise.resolve(!1);if(m.metaKey||m.altKey||m.ctrlKey||m.shiftKey||m.button!==void 0&&m.button!==0||r.target==="_blank")return Promise.resolve(!1);m.preventDefault();const w=l.$router[S===!0?"replace":"push"](_);return $===!0?w:w.then(()=>{}).catch(()=>{})}function R(m){if(s.value===!0){const $=_=>B(m,_);f("click",m,$),m.defaultPrevented!==!0&&$()}else f("click",m)}return{hasRouterLink:s,hasHrefLink:i,hasLink:p,linkTag:u,resolvedLink:h,linkIsActive:y,linkIsExactActive:d,linkClass:k,linkAttrs:b,getLink:j,navigateToRouterLink:B,navigateOnClick:R}}const se={none:0,xs:4,sm:8,md:16,lg:24,xl:32},Ie={xs:8,sm:10,md:14,lg:20,xl:24},De=["button","submit","reset"],Ne=/[^\s]\/[^\s]/,Ve=["flat","outline","push","unelevated"];function Fe(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const Qe={...{...W,...ze,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...Ve.reduce((e,t)=>(e[t]=Boolean)&&e,{}),square:Boolean,rounded:Boolean,glossy:Boolean,size:String,fab:Boolean,fabMini:Boolean,padding:String,color:String,textColor:String,noCaps:Boolean,noWrap:Boolean,dense:Boolean,tabindex:[Number,String],ripple:{type:[Boolean,Object],default:!0},align:{...Pe.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},round:Boolean};function He(e){const t=X(e,Ie),a=Te(e),{hasRouterLink:r,hasLink:l,linkTag:f,linkAttrs:c,navigateOnClick:i}=Ke({fallbackTag:"button"}),x=n.computed(()=>{const d=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},d,{padding:e.padding.split(/\s+/).map(k=>k in se?se[k]+"px":k).join(" "),minWidth:"0",minHeight:"0"}):d}),h=n.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),s=n.computed(()=>e.disable!==!0&&e.loading!==!0),p=n.computed(()=>s.value===!0?e.tabindex||0:-1),u=n.computed(()=>Fe(e,"standard")),b=n.computed(()=>{const d={tabindex:p.value};return l.value===!0?Object.assign(d,c.value):De.includes(e.type)===!0&&(d.type=e.type),f.value==="a"?(e.disable===!0?d["aria-disabled"]="true":d.href===void 0&&(d.role="button"),r.value!==!0&&Ne.test(e.type)===!0&&(d.type=e.type)):e.disable===!0&&(d.disabled="",d["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(d,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),d}),g=n.computed(()=>{let d;e.color!==void 0?e.flat===!0||e.outline===!0?d=`text-${e.textColor||e.color}`:d=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(d=`text-${e.textColor}`);const k=e.round===!0?"round":`rectangle${h.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${u.value} q-btn--${k}`+(d!==void 0?" "+d:"")+(s.value===!0?" q-btn--actionable q-focusable q-hoverable":e.disable===!0?" disabled":"")+(e.fab===!0?" q-btn--fab":e.fabMini===!0?" q-btn--fab-mini":"")+(e.noCaps===!0?" q-btn--no-uppercase":"")+(e.dense===!0?" q-btn--dense":"")+(e.stretch===!0?" no-border-radius self-stretch":"")+(e.glossy===!0?" glossy":"")+(e.square?" q-btn--square":"")}),y=n.computed(()=>a.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:g,style:x,innerClasses:y,attributes:b,hasLink:l,linkTag:f,navigateOnClick:i,isActionable:s}}const{passiveCapture:q}=D;let T=null,O=null,M=null;const Ue=F({name:"QBtn",props:{...Qe,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:a}){const{proxy:r}=n.getCurrentInstance(),{classes:l,style:f,innerClasses:c,attributes:i,hasLink:x,linkTag:h,navigateOnClick:s,isActionable:p}=He(e),u=n.ref(null),b=n.ref(null);let g=null,y,d=null;const k=n.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),j=n.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:x.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),B=n.computed(()=>({center:e.round})),R=n.computed(()=>{const o=Math.max(0,Math.min(100,e.percentage));return o>0?{transition:"transform 0.6s",transform:`translateX(${o-100}%)`}:{}}),m=n.computed(()=>{if(e.loading===!0)return{onMousedown:K,onTouchstart:K,onClick:K,onKeydown:K,onKeyup:K};if(p.value===!0){const o={onClick:_,onKeydown:S,onMousedown:N};if(r.$q.platform.has.touch===!0){const v=e.onTouchstart!==void 0?"":"Passive";o[`onTouchstart${v}`]=w}return o}return{onClick:P}}),$=n.computed(()=>({ref:u,class:"q-btn q-btn-item non-selectable no-outline "+l.value,style:f.value,...i.value,...m.value}));function _(o){if(u.value!==null){if(o!==void 0){if(o.defaultPrevented===!0)return;const v=document.activeElement;if(e.type==="submit"&&v!==document.body&&u.value.contains(v)===!1&&v.contains(u.value)===!1){o.qAvoidFocus!==!0&&u.value.focus();const L=()=>{var I;document.removeEventListener("keydown",P,!0),document.removeEventListener("keyup",L,q),(I=u.value)==null||I.removeEventListener("blur",L,q)};document.addEventListener("keydown",P,!0),document.addEventListener("keyup",L,q),u.value.addEventListener("blur",L,q)}}s(o)}}function S(o){u.value!==null&&(a("keydown",o),U(o,[13,32])===!0&&O!==u.value&&(O!==null&&z(),o.defaultPrevented!==!0&&(o.qAvoidFocus!==!0&&u.value.focus(),O=u.value,u.value.classList.add("q-btn--active"),document.addEventListener("keyup",E,!0),u.value.addEventListener("blur",E,q)),P(o)))}function w(o){u.value!==null&&(a("touchstart",o),o.defaultPrevented!==!0&&(T!==u.value&&(T!==null&&z(),T=u.value,g=o.target,g.addEventListener("touchcancel",E,q),g.addEventListener("touchend",E,q)),y=!0,d!==null&&clearTimeout(d),d=setTimeout(()=>{d=null,y=!1},200)))}function N(o){u.value!==null&&(o.qSkipRipple=y===!0,a("mousedown",o),o.defaultPrevented!==!0&&M!==u.value&&(M!==null&&z(),M=u.value,u.value.classList.add("q-btn--active"),document.addEventListener("mouseup",E,q)))}function E(o){if(u.value!==null&&!((o==null?void 0:o.type)==="blur"&&document.activeElement===u.value)){if((o==null?void 0:o.type)==="keyup"){if(O===u.value&&U(o,[13,32])===!0){const v=new MouseEvent("click",o);v.qKeyEvent=!0,o.defaultPrevented===!0&&Ee(v),o.cancelBubble===!0&&ne(v),u.value.dispatchEvent(v),P(o),o.qKeyEvent=!0}a("keyup",o)}z()}}function z(o){var L,I;const v=b.value;o!==!0&&(T===u.value||M===u.value)&&v!==null&&v!==document.activeElement&&(v.setAttribute("tabindex",-1),v.focus()),T===u.value&&(g!==null&&(g.removeEventListener("touchcancel",E,q),g.removeEventListener("touchend",E,q)),T=g=null),M===u.value&&(document.removeEventListener("mouseup",E,q),M=null),O===u.value&&(document.removeEventListener("keyup",E,!0),(L=u.value)==null||L.removeEventListener("blur",E,q),O=null),(I=u.value)==null||I.classList.remove("q-btn--active")}function K(o){P(o),o.qSkipRipple=!0}return n.onBeforeUnmount(()=>{z(!0)}),Object.assign(r,{click:o=>{p.value===!0&&_(o)}}),()=>{let o=[];e.icon!==void 0&&o.push(n.h(te,{name:e.icon,left:e.stack!==!0&&k.value===!0,role:"img"})),k.value===!0&&o.push(n.h("span",{class:"block"},[e.label])),o=A(t.default,o),e.iconRight!==void 0&&e.round===!1&&o.push(n.h(te,{name:e.iconRight,right:e.stack!==!0&&k.value===!0,role:"img"}));const v=[n.h("span",{class:"q-focus-helper",ref:b})];return e.loading===!0&&e.percentage!==void 0&&v.push(n.h("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[n.h("span",{class:"q-btn__progress-indicator fit block",style:R.value})])),v.push(n.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+c.value},o)),e.loading!==null&&v.push(n.h(n.Transition,{name:"q-transition--fade"},()=>e.loading===!0?[n.h("span",{key:"loading",class:"absolute-full flex flex-center"},t.loading!==void 0?t.loading():[n.h(xe)])]:null)),n.withDirectives(n.h(h.value,$.value,v),[[Re,j.value,void 0,B.value]])}}}),We=n.defineComponent({name:"SButton",props:{label:{type:String,default:"Button"},color:{type:String,default:"primary"}}}),Xe=(e,t)=>{const a=e.__vccOpts||e;for(const[r,l]of t)a[r]=l;return a};function Ye(e,t,a,r,l,f){return n.openBlock(),n.createBlock(Ue,{color:e.color},{default:n.withCtx(()=>[n.renderSlot(e.$slots,"default",{},()=>[n.createTextVNode(n.toDisplayString(e.label),1)])]),_:3},8,["color"])}const ce=Xe(We,[["render",Ye]]),Ge={install:e=>{e.component("SButton",ce)}};C.SButton=ce,C.default=Ge,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});