maz-ui 3.17.1 → 3.18.0

package/components/MazAvatar.d.ts

@@ -1,6 +1,6 @@
-import type { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { Color } from './types';
-export type { Color } from './types';
+export type { Color };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     src: {
         type: PropType<string | null | undefined>;
@@ -130,12 +130,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     size: string;
     caption: string | null | undefined;
-    alt: string;
     src: string | null | undefined;
-    href: string;
+    alt: string;
     target: string;
     noLoader: boolean;
     imageHeightFull: boolean;
+    href: string;
     to: Record<string, any>;
     bordered: boolean;
     clickable: boolean;

package/components/MazAvatar.mjs

@@ -1,502 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-lazy-img-component[data-v-0b3c1dc7]{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-0b3c1dc7]{position:absolute;top:0;right:0;bottom:0;left:0;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-0b3c1dc7]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-0b3c1dc7]{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.m-lazy-loading .m-lazy-img-component-loader[data-v-0b3c1dc7]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-ecf42903]{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-ecf42903]{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-ecf42903]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-ecf42903]{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-ecf42903]{position:absolute;top:0;right:0;bottom:0;left:0;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-ecf42903]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-ecf42903]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-ecf42903],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-ecf42903]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-ecf42903],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-ecf42903]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-ecf42903]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-ecf42903]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-ecf42903]{--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-ecf42903]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-ecf42903]{cursor:pointer}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, computed, withDirectives, Fragment, renderList, mergeProps, createVNode, createCommentVNode, renderSlot, unref, defineAsyncComponent, createBlock, resolveDynamicComponent, withCtx, withKeys, toDisplayString, normalizeStyle } from "vue";
-const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-const DEFAULT_OPTIONS = {
-  baseClass: "m-lazy-img",
-  loadedClass: "m-lazy-loaded",
-  loadingClass: "m-lazy-loading",
-  errorClass: "m-lazy-error",
-  noPhotoClass: "m-lazy-no-photo",
-  noPhoto: false,
-  observerOnce: true,
-  loadOnce: false,
-  noUseErrorPhoto: false,
-  observerOptions: {
-    threshold: 0.1
-  }
-};
-class LazyImg {
-  constructor(opts = {}) {
-    __publicField(this, "observers", []);
-    __publicField(this, "defaultOptions", DEFAULT_OPTIONS);
-    __publicField(this, "options");
-    __publicField(this, "onImgLoadedCallback");
-    __publicField(this, "onImgErrorCallback");
-    __publicField(this, "hasImgLoaded", false);
-    this.options = this.buildOptions(opts);
-    this.onImgLoadedCallback = this.imageIsLoaded.bind(this);
-    this.onImgErrorCallback = this.imageHasError.bind(this);
-  }
-  async loadErrorPhoto() {
-    const { default: photo } = await import("./assets/no-photography-7f2be516.mjs");
-    return photo;
-  }
-  buildOptions(opts) {
-    return {
-      ...this.defaultOptions,
-      ...opts,
-      observerOptions: {
-        ...this.defaultOptions.observerOptions,
-        ...opts.observerOptions
-      }
-    };
-  }
-  removeClass(el, className) {
-    el.classList.remove(className);
-  }
-  addClass(el, className) {
-    el.classList.add(className);
-  }
-  removeAllStateClasses(el) {
-    this.removeClass(el, this.options.loadedClass);
-    this.removeClass(el, this.options.loadingClass);
-    this.removeClass(el, this.options.errorClass);
-    this.removeClass(el, this.options.noPhotoClass);
-  }
-  setBaseClass(el) {
-    this.addClass(el, this.options.baseClass);
-  }
-  imageIsLoading(el) {
-    var _a, _b;
-    this.addClass(el, this.options.loadingClass);
-    (_b = (_a = this.options).onLoading) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasNoPhoto(el) {
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.noPhotoClass);
-    this.setDefaultPhoto(el);
-  }
-  imageIsLoaded(el) {
-    var _a, _b;
-    this.hasImgLoaded = true;
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.loadedClass);
-    (_b = (_a = this.options).onLoaded) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasError(el, event) {
-    var _a, _b;
-    console.warn(`[maz-ui][MazLazyImg] Error while loading image`, event);
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.errorClass);
-    (_b = (_a = this.options).onError) == null ? void 0 : _b.call(_a, el);
-    this.setDefaultPhoto(el);
-  }
-  getImageUrl(el, binding) {
-    const dataSrc = this.getImgElement(el).getAttribute("data-src");
-    if (dataSrc)
-      return dataSrc;
-    binding.value;
-    const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
-    if (!bindingSrc)
-      console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
-    return bindingSrc;
-  }
-  async setPictureSourceUrls(el) {
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        const srcSet = source.getAttribute("data-srcset");
-        if (srcSet) {
-          source.srcset = srcSet;
-        } else {
-          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(el);
-    }
-  }
-  hasBgImgMode(binding) {
-    return binding.arg === "bg-image";
-  }
-  isPictureElement(el) {
-    return el instanceof HTMLPictureElement;
-  }
-  getImgElement(el) {
-    const isPictureElement = this.isPictureElement(el);
-    return isPictureElement ? el.querySelector("img") : el;
-  }
-  async setDefaultPhoto(el) {
-    if (this.options.noUseErrorPhoto)
-      return;
-    const errorPhoto = this.options.errorPhoto ?? await this.loadErrorPhoto();
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        source.srcset = errorPhoto;
-      }
-    } else {
-      this.setImgSrc(el, errorPhoto);
-    }
-  }
-  addEventListenerToImg(el) {
-    const imgElement = this.getImgElement(el);
-    imgElement.addEventListener("load", () => this.onImgLoadedCallback(el), {
-      once: true
-    });
-    imgElement.addEventListener("error", (err) => this.onImgErrorCallback(el, err), { once: true });
-  }
-  async loadImage(el, binding) {
-    this.imageIsLoading(el);
-    if (this.isPictureElement(el)) {
-      this.addEventListenerToImg(el);
-      await this.setPictureSourceUrls(el);
-    } else {
-      const imageUrl = this.getImageUrl(el, binding);
-      if (!imageUrl)
-        return this.imageHasError(el);
-      if (this.hasBgImgMode(binding)) {
-        el.style.backgroundImage = `url('${imageUrl}')`;
-        this.imageIsLoaded(el);
-      } else {
-        this.addEventListenerToImg(el);
-        this.setImgSrc(el, imageUrl);
-      }
-    }
-  }
-  setImgSrc(el, src) {
-    const imgElement = this.getImgElement(el);
-    imgElement.src = src;
-  }
-  handleIntersectionObserver(el, binding, entries, observer) {
-    var _a, _b;
-    this.observers.push(observer);
-    for (const entry of entries) {
-      if (entry.isIntersecting) {
-        (_b = (_a = this.options).onIntersecting) == null ? void 0 : _b.call(_a, entry.target);
-        if (this.options.observerOnce) {
-          observer.unobserve(el);
-        }
-        if (this.options.loadOnce && this.hasImgLoaded)
-          return;
-        this.loadImage(el, binding);
-      }
-    }
-  }
-  createObserver(el, binding) {
-    const observerCallback = (entries, intersectionObserver) => {
-      this.handleIntersectionObserver(el, binding, entries, intersectionObserver);
-    };
-    const observerOptions = this.options.observerOptions;
-    const observer = new IntersectionObserver(observerCallback, observerOptions);
-    observer.observe(el);
-  }
-  async imageHandler(el, binding, type) {
-    if (type === "update") {
-      for await (const observer of this.observers)
-        observer.unobserve(el);
-    }
-    if (window.IntersectionObserver) {
-      this.createObserver(el, binding);
-    } else {
-      this.loadImage(el, binding);
-    }
-  }
-  async bindUpdateHandler(el, binding, type) {
-    if (this.options.noPhoto)
-      return this.imageHasNoPhoto(el);
-    await this.imageHandler(el, binding, type);
-  }
-  async add(el, binding) {
-    if (this.hasBgImgMode(binding) && this.isPictureElement(el)) {
-      throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    }
-    setTimeout(() => this.setBaseClass(el), 0);
-    if (!el.getAttribute("src"))
-      this.setImgSrc(el, EMPTY_PHOTO);
-    await this.bindUpdateHandler(el, binding, "bind");
-  }
-  async update(el, binding) {
-    if (binding.value !== binding.oldValue) {
-      this.hasImgLoaded = false;
-      this.removeAllStateClasses(el);
-      await this.bindUpdateHandler(el, binding, "update");
-    }
-  }
-  remove(el, binding) {
-    this.hasImgLoaded = false;
-    if (this.hasBgImgMode(binding))
-      el.style.backgroundImage = "";
-    this.removeAllStateClasses(el);
-    for (const observer of this.observers)
-      observer.unobserve(el);
-    this.observers = [];
-  }
-}
-let instance;
-const vLazyImg = {
-  created(el, binding) {
-    const options = typeof binding.value === "object" ? binding.value : {};
-    instance = new LazyImg(options);
-    instance.add(el, binding);
-  },
-  updated(el, binding) {
-    instance.update(el, binding);
-  },
-  unmounted(el, binding) {
-    instance.remove(el, binding);
-  }
-};
-const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
-const _hoisted_1$2 = ["width", "height"];
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ 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
-  /* HOISTED */
-));
-const _hoisted_3$1 = [
-  _hoisted_2$2
-];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "MazSpinner",
-  props: {
-    size: { type: String, default: "2em" },
-    color: {
-      type: String,
-      default: "primary"
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        width: __props.size,
-        height: __props.size,
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        x: "0px",
-        y: "0px",
-        viewBox: "0 0 50 50",
-        "xml:space": "preserve",
-        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
-        style: { "enable-background": "new 0 0 50 50" }
-      }, _hoisted_3$1, 10, _hoisted_1$2);
-    };
-  }
-});
-const MazSpinner_vue_vue_type_style_index_0_scoped_7a2b89c9_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7a2b89c9"]]);
-const _hoisted_1$1 = ["data-srcset", "media"];
-const _hoisted_2$1 = {
-  key: 0,
-  class: "m-lazy-img-component-loader"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "MazLazyImg",
-  props: {
-    image: { type: [String, Object], default: void 0 },
-    noPhoto: { type: Boolean, default: false },
-    noLoader: { type: Boolean, default: false },
-    noObserverOnce: { type: Boolean, default: false },
-    loadOnce: { type: Boolean, default: false },
-    imageHeightFull: { type: Boolean, default: false },
-    observerOptions: { type: Object, default: null }
-  },
-  emits: ["intersecting", "loading", "loaded", "error"],
-  setup(__props) {
-    const props = __props;
-    const sources = computed(() => {
-      var _a;
-      return typeof props.image === "string" ? [{ srcset: props.image }] : (_a = props.image) == null ? void 0 : _a.sources;
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock(
-        "picture",
-        {
-          class: normalizeClass(["m-lazy-img-component", { "-use-loader": !__props.noLoader, "--height-full": __props.imageHeightFull }])
-        },
-        [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(sources.value, ({ srcset, media }, sourceIndex) => {
-              return openBlock(), createElementBlock("source", {
-                key: sourceIndex,
-                "data-srcset": srcset,
-                media
-              }, null, 8, _hoisted_1$1);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          createElementVNode(
-            "img",
-            mergeProps(_ctx.$attrs, {
-              src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-              loading: "lazy"
-            }),
-            null,
-            16
-            /* FULL_PROPS */
-          ),
-          !__props.noLoader ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-            createVNode(MazSpinner, { size: "2em" })
-          ])) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ],
-        2
-        /* CLASS */
-      )), [
-        [unref(vLazyImg), {
-          noPhoto: __props.noPhoto,
-          observerOnce: !__props.noObserverOnce,
-          loadOnce: __props.loadOnce,
-          onIntersecting: (el) => _ctx.$emit("intersecting", el),
-          onLoading: (el) => _ctx.$emit("loading", el),
-          onLoaded: (el) => _ctx.$emit("loaded", el),
-          onError: (el) => _ctx.$emit("error", el),
-          observerOptions: __props.observerOptions
-        }]
-      ]);
-    };
-  }
-});
-const MazLazyImg_vue_vue_type_style_index_0_scoped_0b3c1dc7_lang = "";
-const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0b3c1dc7"]]);
-const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = { class: "m-avatar__initial" };
-const _hoisted_3 = {
-  key: 0,
-  class: "m-avatar__caption"
-};
-const _sfc_main = /* @__PURE__ */ 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: false },
-    clickable: { type: Boolean, default: false },
-    square: { type: Boolean, default: false },
-    noElevation: { type: Boolean, default: false },
-    showCaption: { type: Boolean, default: false },
-    imageHeightFull: { type: Boolean, default: false },
-    noLoader: { type: Boolean, default: false },
-    buttonColor: {
-      type: String,
-      default: "info"
-    }
-  },
-  emits: ["click"],
-  setup(__props) {
-    const props = __props;
-    const PencilIcon = defineAsyncComponent(() => import("./assets/pencil-6f15596d.mjs"));
-    const componentType = computed(() => props.to ? "RouterLink" : props.href ? "a" : "div");
-    const isLink = computed(() => !!props.to || !!props.href);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({
-        style: { fontSize: __props.size },
-        class: ["m-avatar", [
-          {
-            "--has-link": isLink.value
-          }
-        ]]
-      }, _ctx.$attrs, {
-        href: __props.href,
-        to: __props.to,
-        target: isLink.value ? __props.target : void 0
-      }), {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["m-avatar__wrapper", {
-              "--has-shadow": !__props.noElevation,
-              "--bordered": __props.bordered,
-              "--clickable": __props.clickable,
-              "--square": __props.square,
-              "--has-initial": !__props.src && __props.caption
-            }]),
-            tabindex: __props.clickable ? 0 : -1,
-            onKeydown: _cache[2] || (_cache[2] = withKeys(($event) => __props.clickable ? _ctx.$emit("click", $event) : void 0, ["enter"]))
-          }, [
-            __props.src ? (openBlock(), createBlock(MazLazyImg, {
-              key: 0,
-              class: "m-avatar__picture maz-max-w-full",
-              image: __props.src,
-              alt: __props.alt,
-              "image-height-full": "",
-              "no-loader": __props.noLoader,
-              onClick: _cache[0] || (_cache[0] = ($event) => __props.clickable ? _ctx.$emit("click", $event) : null)
-            }, null, 8, ["image", "alt", "no-loader"])) : createCommentVNode("v-if", true),
-            __props.caption && !__props.src ? renderSlot(_ctx.$slots, "round-text", { key: 1 }, () => {
-              var _a;
-              return [
-                createElementVNode(
-                  "span",
-                  _hoisted_2,
-                  toDisplayString((_a = __props.caption) == null ? void 0 : _a.charAt(0)),
-                  1
-                  /* TEXT */
-                )
-              ];
-            }, true) : createCommentVNode("v-if", true),
-            __props.clickable ? (openBlock(), createElementBlock(
-              "button",
-              {
-                key: 2,
-                type: "button",
-                tabindex: "-1",
-                class: "m-avatar__button",
-                style: normalizeStyle({
-                  backgroundColor: __props.src ? `var(--maz-color-${__props.buttonColor}-alpha)` : `var(--maz-color-${__props.buttonColor})`
-                }),
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
-              },
-              [
-                renderSlot(_ctx.$slots, "icon", {}, () => [
-                  createVNode(unref(PencilIcon), { class: "m-avatar__button__icon" })
-                ], true)
-              ],
-              4
-              /* STYLE */
-            )) : createCommentVNode("v-if", true)
-          ], 42, _hoisted_1),
-          renderSlot(_ctx.$slots, "caption", {}, () => [
-            __props.showCaption && __props.caption ? (openBlock(), createElementBlock(
-              "p",
-              _hoisted_3,
-              toDisplayString(__props.caption),
-              1
-              /* TEXT */
-            )) : createCommentVNode("v-if", true)
-          ], true)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["style", "class", "href", "to", "target"]);
-    };
-  }
-});
-const MazAvatar_vue_vue_type_style_index_0_scoped_ecf42903_lang = "";
-const MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecf42903"]]);
+import { M } from "./chunks/MazAvatar-68e2d653.mjs";
 export {
-  MazAvatar as default
+  M as default
 };

package/components/MazBackdrop.d.ts

@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     present: import("vue").Ref<boolean>;
     toggleModal: (value: boolean) => Promise<void>;
     onKeyPress: (event: KeyboardEvent) => void;
-}, 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "before-close" | "open" | "update:model-value")[], "close" | "before-close" | "open" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     teleportSelector: string;
     beforeClose: Function;
     noCloseOnEscKey: boolean;
-    backdropClass: string | Record<string, any> | unknown[];
-    backdropContentClass: string | Record<string, any> | unknown[];
+    backdropClass: string | unknown[] | Record<string, any>;
+    backdropContentClass: string | unknown[] | Record<string, any>;
 }, {}>;
 export default _default;

package/components/MazBackdrop.mjs

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){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:0;right:0;bottom:0;left:0;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:0;right:0;bottom:0;left:0;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:0;left:0;right:0}.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 "./assets/MazBackdrop.css";
 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 = () => {

package/components/MazBadge.mjs

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-badge[data-v-08f609ea]{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-08f609ea]{white-space:nowrap}.m-badge.--rounded-none[data-v-08f609ea]{border-radius:0}.m-badge.--rounded-sm[data-v-08f609ea]{border-radius:.125rem}.m-badge.--rounded-md[data-v-08f609ea]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-08f609ea]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-08f609ea]{border-radius:.75rem}.m-badge.--rounded-full[data-v-08f609ea]{border-radius:9999px}.m-badge.--primary[data-v-08f609ea]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-08f609ea]{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-08f609ea]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-08f609ea]{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-08f609ea]{--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-08f609ea]{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-08f609ea]{--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-08f609ea]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-08f609ea]{--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-08f609ea]{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-08f609ea]{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-08f609ea]{--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-08f609ea]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-08f609ea]{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-08f609ea]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-08f609ea]{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-08f609ea]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-08f609ea]{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-08f609ea]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-08f609ea]{border-width:var(--maz-border-width);background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-08f609ea]{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(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+import "./assets/MazBadge.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBadge",
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazBadge_vue_vue_type_style_index_0_scoped_08f609ea_lang = "";
+const MazBadge_vue_vue_type_style_index_0_scoped_3468e127_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -61,7 +61,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08f609ea"]]);
+const MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3468e127"]]);
 export {
   MazBadge as default
 };