maz-ui 3.5.0 → 3.6.1

package/components/MazAvatar.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}.m-lazy-img-component[data-v-2dd96791]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--maz-color-bg-lighter);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component-loader[data-v-2dd96791]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component:not(.m-lazy-error,.m-lazy-no-photo) img[data-v-2dd96791]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-2dd96791]{max-height:100%!important;width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;max-width:-webkit-min-content!important;max-width:-moz-min-content!important;max-width:min-content!important}.m-lazy-img-component:not(.m-lazy-loaded,.m-lazy-no-photo) .m-lazy-img-component-loader[data-v-2dd96791]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-319e07de]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration-line:none!important}.m-avatar__caption[data-v-319e07de]{margin-top:.5rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;line-height:1.5rem;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-319e07de]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-319e07de]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:9999px;background-color:var(--maz-color-bg-lighter);height:3em;width:3em}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-319e07de]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-radius:var(--maz-border-radius);border-style:none;background-color:transparent;opacity:0;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0)}.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-319e07de]{color:var(--maz-color-white);height:1em;width:1em}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-319e07de]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-319e07de],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-319e07de]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-319e07de],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-319e07de]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-319e07de]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-319e07de]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-319e07de]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-avatar__wrapper.--has-initial[data-v-319e07de]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-319e07de]{cursor:pointer}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+var __defProp=Object.defineProperty,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__publicField=(e,t,o)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,o),o);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar=t(e.Vue)}(this,(function(e){"use strict";const t={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class o{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",t),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>f));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,o;this.addClass(e,this.options.loadingClass),null==(o=(t=this.options).onLoading)||o.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,o;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(o=(t=this.options).onLoaded)||o.call(t,e)}imageHasError(e,t){var o,a;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(a=(o=this.options).onError)||a.call(o,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const o=this.getImgElement(e).getAttribute("data-src");if(o)return o;const a="object"==typeof t.value?t.value.src:t.value;return a||console.warn("[maz-ui][MazLazyImg] src url is not defined"),a}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const o of t){const e=o.getAttribute("data-srcset");e?o.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),o=e.querySelectorAll("source");if(o.length>0)for await(const a of o)a.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const o=this.getImageUrl(e,t);if(!o)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${o}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,o))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,o,a){var s,r;this.observers.push(a);for(const i of o)if(i.isIntersecting){if(null==(r=(s=this.options).onIntersecting)||r.call(s,i.target),this.options.observerOnce&&a.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const o=this.options.observerOptions;new IntersectionObserver(((o,a)=>{this.handleIntersectionObserver(e,t,o,a)}),o).observe(e)}async imageHandler(e,t,o){if("update"===o)for await(const a of this.observers)a.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,o){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,o)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const o of this.observers)o.unobserve(e);this.observers=[]}}let a;const s={created(e,t){const s="object"==typeof t.value?t.value:{};a=new o(s),a.add(e,t)},updated(e,t){a.update(e,t)},unmounted(e,t){a.remove(e,t)}},r=["width","height"],i=[(t=>(e.pushScopeId("data-v-503fe527"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const o=e.__vccOpts||e;for(const[a,s]of t)o[a]=s;return o},l=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:e=>["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(o,a)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},i,10,r))}),[["__scopeId","data-v-503fe527"]]),c=["data-srcset","media"],d={key:0,class:"m-lazy-img-component-loader"},u=n(e.defineComponent({__name:"MazLazyImg",props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup(t){const o=t,a=e.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(["m-lazy-img-component",{"-use-loader":!t.noLoader,"--height-full":t.imageHeightFull}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(({srcset:t,media:o},a)=>(e.openBlock(),e.createElementBlock("source",{key:a,"data-srcset":t,media:o},null,8,c)))),128)),e.createElementVNode("img",e.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),t.noLoader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(l,{color:"black",size:"2em"})])),e.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[e.unref(s),{noPhoto:t.noPhoto,observerOnce:!t.noObserverOnce,loadOnce:t.loadOnce,onIntersecting:e=>o.$emit("intersecting",e),onLoading:e=>o.$emit("loading",e),onLoaded:e=>o.$emit("loaded",e),onError:e=>o.$emit("error",e),observerOptions:t.observerOptions}]])}}),[["__scopeId","data-v-2dd96791"]]);const m=["innerHTML"],g=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const a=t,s={},r=e.ref(),i=e.ref(),n=()=>{try{return function(t,o){const a=e.inject(t,o);if(!a)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return a}("mazIconPath")}catch{return}},l=e.computed((()=>a.path??n())),c=e.computed((()=>a.src?a.src:l.value?`${l.value}/${a.name}.svg`:`/${a.name}.svg`));e.onMounted((()=>{a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},o=e.attributes;if(!o)return t;for(let a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t},u=e=>{let t=e.cloneNode(!0);return t=a.transformSource(e),a.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,a.title),e.innerHTML},g=e=>new Promise(((t,o)=>{const s=new XMLHttpRequest;s.open("GET",e,!0),s.addEventListener("load",(()=>{if(s.status>=200&&s.status<400)try{const e=new DOMParser;let r=e.parseFromString(s.responseText,"text/xml").querySelectorAll("svg")[0];r?(r=a.transformSource(r),t(r)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),s.addEventListener("error",(()=>o())),s.send()}));return e.watchEffect((()=>(async t=>{s[t]||(s[t]=g(t));try{r.value=await s[t],await e.nextTick(),o("loaded",i.value)}catch(a){r.value&&(r.value=void 0,o("unloaded")),delete s[t],o("error",a)}})(c.value))),(o,a)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(r.value),...(s=o.$attrs,Object.keys(s).reduce(((e,t)=>(!1!==s[t]&&null!==s[t]&&void 0!==s[t]&&(e[t]=s[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:u(r.value)}),null,16,m)):e.createCommentVNode("",!0);var s}}}),p=["tabindex"],h={class:"m-avatar__initial"},v={key:0,class:"m-avatar__caption"},y=n(e.defineComponent({__name:"MazAvatar",props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:void 0},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},buttonColor:{type:String,default:"info",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},emits:["click"],setup(t){const o=t,a=e.computed((()=>o.to?"RouterLink":o.href?"a":"div")),s=e.computed((()=>!!o.to||!!o.href));return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({style:{fontSize:t.size},class:["m-avatar",[{"--has-link":e.unref(s)}]]},o.$attrs,{href:t.href,to:t.to,target:e.unref(s)?t.target:void 0}),{default:e.withCtx((()=>[e.createElementVNode("div",{class:e.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!t.noElevation,"--bordered":t.bordered,"--clickable":t.clickable,"--square":t.square,"--has-initial":!t.src&&t.caption}]),tabindex:t.clickable?0:-1,onKeydown:r[2]||(r[2]=e.withKeys((e=>t.clickable?o.$emit("click",e):void 0),["enter"]))},[t.src?(e.openBlock(),e.createBlock(u,{key:0,class:"m-avatar__picture maz-max-w-full",image:t.src,alt:t.alt,"image-height-full":"","no-loader":t.noLoader,onClick:r[0]||(r[0]=e=>t.clickable?o.$emit("click",e):null)},null,8,["image","alt","no-loader"])):e.createCommentVNode("",!0),t.caption&&!t.src?e.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[e.createElementVNode("span",h,e.toDisplayString(null==(o=t.caption)?void 0:o.charAt(0)),1)]}),!0):e.createCommentVNode("",!0),t.clickable?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:e.normalizeStyle({backgroundColor:t.src?`var(--maz-color-${t.buttonColor}-alpha)`:`var(--maz-color-${t.buttonColor})`}),onClick:r[1]||(r[1]=e=>o.$emit("click",e))},[e.renderSlot(o.$slots,"icon",{},(()=>[e.createVNode(g,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1LjIzMiA1LjIzMmwzLjUzNiAzLjUzNm0tMi4wMzYtNS4wMzZhMi41IDIuNSAwIDExMy41MzYgMy41MzZMNi41IDIxLjAzNkgzdi0zLjU3MkwxNi43MzIgMy43MzJ6Ii8+Cjwvc3ZnPgo="),class:"m-avatar__button__icon"},null,8,["src"])]),!0)],4)):e.createCommentVNode("",!0)],42,p),e.renderSlot(o.$slots,"caption",{},(()=>[t.showCaption&&t.caption?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.caption),1)):e.createCommentVNode("",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-319e07de"]]),f=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return y}));

package/components/MazBackdrop.d.ts

@@ -1,89 +1,89 @@
-import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    teleportSelector: {
-        type: StringConstructor;
-        default: string;
-    };
-    beforeClose: {
-        type: PropType<Function>;
-        default: undefined;
-    };
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noCloseOnEscKey: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-    backdropClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        default: undefined;
-    };
-    backdropContentClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        default: undefined;
-    };
-}, {
-    onBackdropAnimationEnter: () => void;
-    onBackdropAnimationLeave: () => void;
-    onBackdropClicked: () => void;
-    close: () => void;
-    present: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-close" | "close" | "update:model-value")[], "open" | "before-close" | "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    teleportSelector: {
-        type: StringConstructor;
-        default: string;
-    };
-    beforeClose: {
-        type: PropType<Function>;
-        default: undefined;
-    };
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noCloseOnEscKey: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-    backdropClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        default: undefined;
-    };
-    backdropContentClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        default: undefined;
-    };
-}>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
-    "onBefore-close"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: boolean;
-    teleportSelector: string;
-    beforeClose: Function;
-    persistent: boolean;
-    noCloseOnEscKey: boolean;
-    transitionName: string;
-    backdropClass: string | unknown[] | Record<string, any>;
-    backdropContentClass: string | unknown[] | Record<string, any>;
-}>;
-export default _default;
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    teleportSelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeClose: {
+        type: PropType<Function>;
+        default: undefined;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noCloseOnEscKey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    backdropClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    backdropContentClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+}, {
+    onBackdropAnimationEnter: () => void;
+    onBackdropAnimationLeave: () => void;
+    onBackdropClicked: () => void;
+    close: () => void;
+    present: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-close" | "update:model-value")[], "close" | "open" | "before-close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    teleportSelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeClose: {
+        type: PropType<Function>;
+        default: undefined;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noCloseOnEscKey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    backdropClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    backdropContentClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onBefore-close"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    teleportSelector: string;
+    beforeClose: Function;
+    persistent: boolean;
+    noCloseOnEscKey: boolean;
+    transitionName: string;
+    backdropClass: string | unknown[] | Record<string, any>;
+    backdropContentClass: string | unknown[] | Record<string, any>;
+}>;
+export default _default;

package/components/MazBackdrop.mjs

@@ -0,0 +1,140 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent, ref, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode } from "vue";
+const MODAL_OPENED_CLASS = "--backdrop-present";
+const addClassToDocument = () => {
+  document.documentElement.classList.add(MODAL_OPENED_CLASS);
+};
+const removeClassFromDocument = () => {
+  const backdropPresents = document.querySelector(".m-backdrop.--present");
+  if (!backdropPresents) {
+    document.documentElement.classList.remove(MODAL_OPENED_CLASS);
+  }
+};
+const _sfc_main = defineComponent({
+  inheritAttrs: false,
+  props: {
+    modelValue: { type: Boolean, default: false },
+    teleportSelector: { type: String, default: "body" },
+    beforeClose: {
+      type: Function,
+      default: void 0
+    },
+    persistent: { type: Boolean, default: false },
+    noCloseOnEscKey: { type: Boolean, default: false },
+    transitionName: { type: String, default: "backdrop-anim" },
+    backdropClass: { type: [Array, String, Object], default: void 0 },
+    backdropContentClass: {
+      type: [Array, String, Object],
+      default: void 0
+    }
+  },
+  emits: ["open", "before-close", "close", "update:model-value"],
+  setup(props, { emit: emits }) {
+    const present = ref(props.modelValue);
+    const close = () => {
+      toggleModal(false);
+    };
+    const toggleModal = async (show) => {
+      var _a;
+      if (!show) {
+        emits("before-close");
+        await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
+      }
+      present.value = show;
+    };
+    const onBackdropAnimationEnter = () => {
+      emits("open");
+    };
+    const onBackdropAnimationLeave = () => {
+      emits("update:model-value", false);
+      emits("close");
+    };
+    const onBackdropClicked = () => {
+      if (!props.persistent) {
+        close();
+      }
+    };
+    const onKeyPress = (event) => {
+      if (!props.noCloseOnEscKey && event.key === "Escape" && !props.persistent) {
+        close();
+      }
+    };
+    const addClassAndEventToDocument = () => {
+      addClassToDocument();
+      document.addEventListener("keyup", onKeyPress, false);
+    };
+    const removeClassAndEventToDocument = () => {
+      document.removeEventListener("keyup", onKeyPress);
+      removeClassFromDocument();
+    };
+    onMounted(() => {
+      if (props.modelValue)
+        addClassAndEventToDocument();
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        present.value = value;
+        if (value) {
+          addClassAndEventToDocument();
+        } else {
+          removeClassAndEventToDocument();
+        }
+      }
+    );
+    return {
+      onBackdropAnimationEnter,
+      onBackdropAnimationLeave,
+      onBackdropClicked,
+      close,
+      present
+    };
+  }
+});
+const MazBackdrop_vue_vue_type_style_index_0_lang = "";
+const MazBackdrop_vue_vue_type_style_index_1_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Teleport, { to: _ctx.teleportSelector }, [
+    createVNode(Transition, {
+      appear: "",
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onBackdropAnimationEnter,
+      onAfterLeave: _ctx.onBackdropAnimationLeave
+    }, {
+      default: withCtx(() => [
+        _ctx.present ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["m-backdrop --present", [_ctx.backdropClass]]),
+          tabindex: "-1",
+          role: "dialog"
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["m-backdrop-overlay", { "--disabled": _ctx.persistent }]),
+            tabindex: "-1",
+            onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onBackdropClicked && _ctx.onBackdropClicked(...args), ["self"]))
+          }, null, 2),
+          createElementVNode("div", mergeProps({
+            class: ["m-backdrop-content", _ctx.backdropContentClass]
+          }, _ctx.$attrs, {
+            role: "document",
+            tabindex: "0"
+          }), [
+            renderSlot(_ctx.$slots, "default", { close: _ctx.close })
+          ], 16)
+        ], 2)) : createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to"]);
+}
+const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  MazBackdrop as default
+};

package/components/MazBackdrop.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBackdrop=o(e.Vue)}(this,(function(e){"use strict";const o="--backdrop-present";return((e,o)=>{const t=e.__vccOpts||e;for(const[n,a]of o)t[n]=a;return t})(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(t,{emit:n}){const a=e.ref(t.modelValue),r=()=>{l(!1)},l=async e=>{var o;e||(n("before-close"),await(null==(o=t.beforeClose)?void 0:o.call(t))),a.value=e},d=e=>{t.noCloseOnEscKey||"Escape"!==e.key||t.persistent||r()},s=()=>{document.documentElement.classList.add(o),document.addEventListener("keyup",d,!1)},c=()=>{document.removeEventListener("keyup",d),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(o)};return e.onMounted((()=>{t.modelValue&&s()})),e.watch((()=>t.modelValue),(e=>{a.value=e,e?s():c()})),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close")},onBackdropClicked:()=>{t.persistent||r()},close:r,present:a}}}),[["render",function(o,t,n,a,r,l){return e.openBlock(),e.createBlock(e.Teleport,{to:o.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:o.transitionName,onAfterEnter:o.onBackdropAnimationEnter,onAfterLeave:o.onBackdropAnimationLeave},{default:e.withCtx((()=>[o.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[o.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":o.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=e.withModifiers(((...e)=>o.onBackdropClicked&&o.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",o.backdropContentClass]},o.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(o.$slots,"default",{close:o.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]])}));

package/components/MazBadge.d.ts

@@ -1,68 +1,73 @@
-import type { PropType } from 'vue';
-import type { Color } from './types';
-export type BadgeColor = Color | 'gray';
-declare const _default: import("vue").DefineComponent<{
-    color: {
-        type: PropType<BadgeColor>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    nowrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    outline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pastel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    roundedSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    color: {
-        type: PropType<BadgeColor>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    nowrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    outline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pastel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    roundedSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>>, {
-    color: BadgeColor;
-    size: string;
-    nowrap: boolean;
-    outline: boolean;
-    pastel: boolean;
-    roundedSize: string;
-}>;
-export default _default;
+import type { PropType } from 'vue';
+import type { Color } from './types';
+export type BadgeColor = Color | 'gray';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: PropType<BadgeColor>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    nowrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pastel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    roundedSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: PropType<BadgeColor>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    nowrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pastel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    roundedSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+    color: BadgeColor;
+    nowrap: boolean;
+    outline: boolean;
+    pastel: boolean;
+    roundedSize: string;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazBadge.mjs

@@ -0,0 +1,61 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-b59474d0]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-b59474d0]{white-space:nowrap}.m-badge.--rounded-none[data-v-b59474d0]{border-radius:0}.m-badge.--rounded-sm[data-v-b59474d0]{border-radius:.125rem}.m-badge.--rounded-md[data-v-b59474d0]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-b59474d0]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-b59474d0]{border-radius:.75rem}.m-badge.--rounded-full[data-v-b59474d0]{border-radius:9999px}.m-badge.--primary[data-v-b59474d0]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-b59474d0]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-b59474d0]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-b59474d0]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-b59474d0]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-b59474d0]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-b59474d0]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-b59474d0]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-b59474d0]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-b59474d0]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-b59474d0]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-b59474d0]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazBadge",
+  props: {
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "warning",
+          "danger",
+          "info",
+          "success",
+          "white",
+          "gray",
+          "black"
+        ].includes(value);
+      }
+    },
+    size: { type: String, default: "0.8em" },
+    nowrap: { type: Boolean, default: false },
+    outline: { type: Boolean, default: false },
+    pastel: { type: Boolean, default: false },
+    roundedSize: {
+      type: String,
+      default: "lg",
+      validator: (value) => {
+        return ["none", "sm", "md", "lg", "xl", "full"].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["m-badge", [
+          `--${__props.color}`,
+          { "--outline": __props.outline, "--pastel": __props.pastel, "--nowrap": __props.nowrap },
+          `--rounded-${__props.roundedSize}`
+        ]]),
+        style: normalizeStyle({ fontSize: __props.size })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 6);
+    };
+  }
+});
+const MazBadge_vue_vue_type_style_index_0_scoped_b59474d0_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b59474d0"]]);
+export {
+  MazBadge as default
+};

package/components/MazBadge.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-b59474d0]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-b59474d0]{white-space:nowrap}.m-badge.--rounded-none[data-v-b59474d0]{border-radius:0}.m-badge.--rounded-sm[data-v-b59474d0]{border-radius:.125rem}.m-badge.--rounded-md[data-v-b59474d0]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-b59474d0]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-b59474d0]{border-radius:.75rem}.m-badge.--rounded-full[data-v-b59474d0]{border-radius:9999px}.m-badge.--primary[data-v-b59474d0]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-b59474d0]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-b59474d0]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-b59474d0]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-b59474d0]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-b59474d0]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-b59474d0]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-b59474d0]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-b59474d0]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-b59474d0]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-b59474d0]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-b59474d0]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-b59474d0]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-b59474d0]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-b59474d0]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).MazBadge=o(e.Vue)}(this,(function(e){"use strict";return((e,o)=>{const t=e.__vccOpts||e;for(const[n,l]of o)t[n]=l;return t})(e.defineComponent({__name:"MazBadge",props:{color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","gray","black"].includes(e)},size:{type:String,default:"0.8em"},nowrap:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{type:String,default:"lg",validator:e=>["none","sm","md","lg","xl","full"].includes(e)}},setup:o=>(t,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["m-badge",[`--${o.color}`,{"--outline":o.outline,"--pastel":o.pastel,"--nowrap":o.nowrap},`--rounded-${o.roundedSize}`]]),style:e.normalizeStyle({fontSize:o.size})},[e.renderSlot(t.$slots,"default",{},void 0,!0)],6))}),[["__scopeId","data-v-b59474d0"]])}));