maz-ui 3.46.0 → 3.46.1-beta.0

package/components/MazAvatar.d.ts

@@ -1,6 +1,11 @@
+import type { HTMLAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
 export interface Props {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
     /** The source of the image */
     src?: string | null;
     /** The caption of the avatar */
@@ -44,6 +49,12 @@ export interface Props {
     fallbackSrc?: string;
     /** Load the fallback image by default */
     noPhoto?: boolean;
+    /**
+     * The loading strategy of the image - lazy, eager or intersecting
+     * @default 'intersecting'
+     * @values `'lazy' | 'eager' | 'intersecting'`
+     */
+    loading?: 'lazy' | 'eager' | 'intersecting';
 }
 declare function __VLS_template(): {
     slots: {
@@ -72,6 +83,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: string;
     src: string | null;
     roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    loading: "lazy" | "eager" | "intersecting";
     href: string;
     to: string | Record<string, unknown>;
     target: string;

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazAvatar-DVjTbmNj.mjs";
+import { M as f } from "./chunks/MazAvatar-BXZpFUaZ.mjs";
 export {
   f as default
 };

package/components/MazDropdown.d.ts

@@ -1,16 +1,23 @@
 import type { RouteLocationRaw } from 'vue-router';
 import type { Color } from './MazBtn.vue';
+import type { Props as MazLinkProps } from './MazLink.vue';
 import type { Position } from './types';
 import { type HTMLAttributes } from 'vue';
 export type { Color, Position };
-export type MenuItem = {
+type ItemBase = Record<string, unknown> & {
     label: string;
-    action?: () => unknown;
+    class?: unknown;
+    color?: Color;
+};
+type LinkItem = ItemBase & MazLinkProps & {
     target?: string;
     href?: string;
     to?: RouteLocationRaw;
-    class?: unknown;
-} & Record<string, unknown>;
+};
+type ActionItem = ItemBase & {
+    action?: () => unknown;
+};
+export type MenuItem = (LinkItem | ActionItem);
 export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
@@ -66,9 +73,6 @@ declare function __VLS_template(): {
         "menuitem-label"?(_: {
             item: MenuItem;
         }): any;
-        "menuitem-label"?(_: {
-            item: MenuItem;
-        }): any;
     };
     refs: {};
     attrs: Partial<{}>;

package/components/MazDropdown.mjs

@@ -1,56 +1,56 @@
-import { computed as Y, getCurrentInstance as Z, nextTick as x, defineComponent as ee, defineAsyncComponent as A, ref as I, watch as L, resolveComponent as oe, withDirectives as T, openBlock as v, createElementBlock as h, unref as u, normalizeClass as k, normalizeStyle as ne, createElementVNode as C, withModifiers as D, renderSlot as p, createTextVNode as E, toDisplayString as $, createCommentVNode as b, createVNode as U, mergeProps as te, withCtx as B, createBlock as N, Transition as le, Fragment as S, renderList as se, vShow as re } from "vue";
+import { computed as x, getCurrentInstance as ee, nextTick as oe, defineComponent as ne, defineAsyncComponent as I, ref as L, watch as T, resolveComponent as te, withDirectives as U, openBlock as b, createElementBlock as h, unref as u, normalizeClass as M, normalizeStyle as le, createElementVNode as w, withModifiers as z, renderSlot as m, createTextVNode as C, toDisplayString as g, createCommentVNode as v, createVNode as N, mergeProps as A, withCtx as B, createBlock as S, Transition as re, Fragment as F, renderList as se, vShow as ie } from "vue";
 import './assets/MazDropdown.css';function ae({
   componentName: t,
   providedId: l
 }) {
-  return Y(() => {
+  return x(() => {
     var n;
-    return l ?? `${t}-${(n = Z()) == null ? void 0 : n.uid}`;
+    return l ?? `${t}-${(n = ee()) == null ? void 0 : n.uid}`;
   });
 }
-const M = "__maz-click-outside__";
-function F() {
+const D = "__maz-click-outside__";
+function V() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-async function V(t, l) {
+async function _(t, l) {
   try {
-    R(t);
-    const n = l.instance, c = l.value, w = typeof c == "function";
-    if (!w)
+    q(t);
+    const n = l.instance, c = l.value, k = typeof c == "function";
+    if (!k)
       throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await x(), t[M] = (f) => {
-      if ((!t || f.target && !t.contains(f.target)) && c && w)
+    await oe(), t[D] = (f) => {
+      if ((!t || f.target && !t.contains(f.target)) && c && k)
         return c.call(n, f);
     };
-    const z = F();
-    document.addEventListener(z, t[M], { passive: !0 });
+    const E = V();
+    document.addEventListener(E, t[D], { passive: !0 });
   } catch (n) {
     console.error("[maz-ui](vClickOutside)", n);
   }
 }
-function R(t) {
+function q(t) {
   try {
-    const l = F();
-    document.removeEventListener(l, t[M], !1), delete t[M];
+    const l = V();
+    document.removeEventListener(l, t[D], !1), delete t[D];
   } catch (l) {
     console.error("[maz-ui](vClickOutside)", l);
   }
 }
-function ie(t, l) {
+function ue(t, l) {
   try {
     if (l.value === l.oldValue)
       return;
-    V(t, l);
+    _(t, l);
   } catch (n) {
     console.error("[maz-ui](vClickOutside)", n);
   }
 }
-const ue = {
-  mounted: V,
-  updated: ie,
-  unmounted: R
+const de = {
+  mounted: _,
+  updated: ue,
+  unmounted: q
 };
-function de(t, l) {
+function ce(t, l) {
   let n;
   return function(...c) {
     clearTimeout(n), n = setTimeout(() => {
@@ -58,7 +58,7 @@ function de(t, l) {
     }, l);
   };
 }
-const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-span" }, ve = ["target", "href"], be = ["onClick"], ye = /* @__PURE__ */ ee({
+const fe = ["id"], pe = ["aria-expanded"], me = ["id"], ve = { class: "button-span" }, be = ["onClick"], ye = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "MazDropdown",
   props: {
@@ -77,181 +77,193 @@ const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-sp
   },
   emits: ["menuitem-clicked", "update:open"],
   setup(t, { emit: l }) {
-    const n = t, c = l, w = A(() => import("./chunks/MazBtn-C-RDq3T0.mjs").then((e) => e.M)), z = A(() => import("./chunks/chevron-down-BkvtON3b.mjs")), f = ae({
+    const n = t, c = l, k = I(() => import("./chunks/MazBtn-C-RDq3T0.mjs").then((e) => e.M)), E = I(() => import("./chunks/chevron-down-BkvtON3b.mjs")), f = ae({
       componentName: "MazDropdown",
       providedId: n.id
-    }), a = I(n.open), r = I(), m = de((e) => {
-      i(e);
+    }), i = L(n.open), s = L(), p = ce((e) => {
+      a(e);
     }, 200);
-    function q() {
-      a.value && i(!1);
-    }
     function H() {
-      i(!a.value);
+      i.value && a(!1);
     }
-    function _() {
-      ["click"].includes(n.trigger) && H();
+    function R() {
+      a(!i.value);
     }
     function j() {
-      ["hover", "both"].includes(n.trigger) && i(!0);
+      ["click"].includes(n.trigger) && R();
     }
     function K() {
-      ["hover", "both"].includes(n.trigger) && (a.value === !1 ? i(!0) : m(!0));
+      ["hover", "both"].includes(n.trigger) && a(!0);
     }
     function P() {
-      ["hover", "both"].includes(n.trigger) && m(!1);
+      ["hover", "both"].includes(n.trigger) && (i.value === !1 ? a(!0) : p(!0));
     }
     function Q() {
-      m(!1);
+      ["hover", "both"].includes(n.trigger) && p(!1);
+    }
+    function G() {
+      p(!1);
     }
-    function i(e) {
-      n.disabled || (a.value = e, c("update:open", e));
+    function a(e) {
+      n.disabled || (i.value = e, c("update:open", e));
     }
-    async function G(e, s) {
+    function J(e) {
+      return "action" in e;
+    }
+    async function W(e, r) {
       var d;
-      c("menuitem-clicked", s), await ((d = e.action) == null ? void 0 : d.call(e)), n.noCloseOnClick || y();
+      c("menuitem-clicked", r), await ((d = e.action) == null ? void 0 : d.call(e)), n.noCloseOnClick || y();
     }
     function y() {
-      n.noCloseOnClick === !1 && i(!1);
+      n.noCloseOnClick === !1 && a(!1);
     }
     function O(e) {
-      e.key === "Escape" ? (e.preventDefault(), i(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? W(e) : e.key === "Enter" && typeof r.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${f.value} .menuitem`)[r.value].click(), y());
+      e.key === "Escape" ? (e.preventDefault(), a(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? Y(e) : e.key === "Enter" && typeof s.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${f.value} .menuitem`)[s.value].click(), y());
     }
-    function J(e) {
-      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && a.value === !1 && (e.preventDefault(), i(!0));
+    function X(e) {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && i.value === !1 && (e.preventDefault(), a(!0));
     }
-    function W(e) {
+    function Y(e) {
       var o;
       e.preventDefault();
-      const s = e.key;
-      a.value || i(!0);
+      const r = e.key;
+      i.value || a(!0);
       const d = (o = n.items) == null ? void 0 : o.length;
-      d && (typeof r.value == "number" ? r.value === d - 1 && s === "ArrowDown" ? r.value = 0 : r.value === 0 && s === "ArrowUp" ? r.value = d - 1 : r.value = s === "ArrowDown" ? r.value + 1 : r.value - 1 : r.value = s === "ArrowDown" ? 0 : d - 1);
+      d && (typeof s.value == "number" ? s.value === d - 1 && r === "ArrowDown" ? s.value = 0 : s.value === 0 && r === "ArrowUp" ? s.value = d - 1 : s.value = r === "ArrowDown" ? s.value + 1 : s.value - 1 : s.value = r === "ArrowDown" ? 0 : d - 1);
     }
-    return L(
-      () => a.value,
+    return T(
+      () => i.value,
       (e) => {
-        e ? document.addEventListener("keydown", O) : document.removeEventListener("keydown", O), r.value = void 0;
+        e ? document.addEventListener("keydown", O) : document.removeEventListener("keydown", O), s.value = void 0;
       }
-    ), L(
+    ), T(
       () => n.open,
-      (e) => i(e)
-    ), (e, s) => {
-      const d = oe("RouterLink");
-      return T((v(), h("div", {
+      (e) => a(e)
+    ), (e, r) => {
+      const d = te("MazLink");
+      return U((b(), h("div", {
         id: u(f),
-        class: k(["m-dropdown", [n.class]]),
-        style: ne(e.style)
+        class: M(["m-dropdown", [n.class]]),
+        style: le(e.style)
       }, [
-        C("div", {
+        w("div", {
           role: "button",
           tabindex: "0",
           class: "m-dropdown__wrapper",
-          "aria-expanded": a.value,
+          "aria-expanded": i.value,
           "aria-haspopup": "menu",
-          onClick: D(_, ["stop"]),
-          onFocus: j,
-          onBlur: Q,
-          onKeydown: J,
-          onMouseenter: K,
-          onMouseleave: P
+          onClick: z(j, ["stop"]),
+          onFocus: K,
+          onBlur: G,
+          onKeydown: X,
+          onMouseenter: P,
+          onMouseleave: Q
         }, [
-          C("span", {
+          w("span", {
             id: `${u(f)}-labelspan`,
             class: "maz-sr-only"
           }, [
-            p(e.$slots, "screen-reader-description", {}, () => [
-              E(
-                $(e.screenReaderDescription),
+            m(e.$slots, "screen-reader-description", {}, () => [
+              C(
+                g(e.screenReaderDescription),
                 1
                 /* TEXT */
               )
             ])
-          ], 8, pe),
-          b(`
+          ], 8, me),
+          v(`
         @slot Custom Element
           @binding {Boolen} is-open close function
           @default \`<MazBtn />\`
       `),
-          p(e.$slots, "element", { isOpen: a.value }, () => [
-            U(u(w), te({
+          m(e.$slots, "element", { isOpen: i.value }, () => [
+            N(u(k), A({
               color: e.color,
               disabled: e.disabled,
               "aria-labelledby": `${u(f)}-labelspan`
             }, e.$attrs, { tabindex: "-1" }), {
               default: B(() => [
-                C("span", me, [
-                  b(" @slot Button text "),
-                  p(e.$slots, "default"),
-                  e.noChevron ? b("v-if", !0) : (v(), N(u(z), {
+                w("span", ve, [
+                  v(" @slot Button text "),
+                  m(e.$slots, "default"),
+                  e.noChevron ? v("v-if", !0) : (b(), S(u(E), {
                     key: 0,
-                    class: k([{ "maz-rotate-180": a.value }, "chevron-icon"])
+                    class: M([{ "maz-rotate-180": i.value }, "chevron-icon"])
                   }, null, 8, ["class"]))
                 ]),
-                b(" @slot Menu Label ")
+                v(" @slot Menu Label ")
               ]),
               _: 3
               /* FORWARDED */
             }, 16, ["color", "disabled", "aria-labelledby"])
           ])
-        ], 40, fe),
-        U(le, {
+        ], 40, pe),
+        N(re, {
           name: "maz-scale-fade",
           persisted: ""
         }, {
           default: B(() => [
-            T(C(
+            U(w(
               "div",
               {
                 role: "menu",
                 "aria-label": "Menu",
-                class: k(["menu", {
+                class: M(["menu", {
                   "--top": e.position.includes("top"),
                   "--left": e.position.includes("left"),
                   "--right": e.position.includes("right"),
                   "--bottom": e.position.includes("bottom")
                 }]),
                 tabindex: "-1",
-                onFocus: s[0] || (s[0] = (o) => u(m)(!0)),
-                onBlur: s[1] || (s[1] = (o) => u(m)(!1)),
-                onMouseenter: s[2] || (s[2] = (o) => ["hover", "both"].includes(e.trigger) ? u(m)(!0) : void 0),
-                onMouseleave: s[3] || (s[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(m)(!1) : void 0)
+                onFocus: r[0] || (r[0] = (o) => u(p)(!0)),
+                onBlur: r[1] || (r[1] = (o) => u(p)(!1)),
+                onMouseenter: r[2] || (r[2] = (o) => ["hover", "both"].includes(e.trigger) ? u(p)(!0) : void 0),
+                onMouseleave: r[3] || (r[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(p)(!1) : void 0)
               },
               [
-                b(`
+                v(`
           @slot Custom dropdown panel
             @binding {Array} items - items prop data
         `),
-                p(e.$slots, "dropdown", { items: e.items }, () => [
-                  (v(!0), h(
-                    S,
+                m(e.$slots, "dropdown", { items: e.items }, () => [
+                  (b(!0), h(
+                    F,
                     null,
-                    se(e.items, (o, g) => (v(), h(
-                      S,
-                      { key: g },
+                    se(e.items, (o, $) => (b(), h(
+                      F,
+                      { key: $ },
                       [
-                        b(`
+                        v(`
               @slot Custom menu item
                 @binding {Object} item - menu item
             `),
-                        p(e.$slots, "menuitem", { item: o }, () => [
-                          o.to ? (v(), N(d, {
+                        m(e.$slots, "menuitem", { item: o }, () => [
+                          C(
+                            g(o.label) + " ",
+                            1
+                            /* TEXT */
+                          ),
+                          o.to || o.href ? (b(), S(d, A({
                             key: 0,
                             target: o.href ? o.target ?? "_self" : void 0,
                             to: o.to,
-                            class: k(["menuitem", [
+                            href: o.href,
+                            color: o.color ?? "theme",
+                            ref_for: !0
+                          }, o, {
+                            class: ["menuitem", [
                               {
-                                "--is-keyboard-selected": r.value === g
+                                "--is-keyboard-selected": s.value === $
                               },
                               o.class
-                            ]]),
+                            ]],
                             tabindex: "-1",
-                            onClick: D(y, ["stop"])
-                          }, {
+                            onClick: z(y, ["stop"])
+                          }), {
                             default: B(() => [
-                              p(e.$slots, "menuitem-label", { item: o }, () => [
-                                E(
-                                  $(o.label),
+                              m(e.$slots, "menuitem-label", { item: o }, () => [
+                                C(
+                                  g(o.label),
                                   1
                                   /* TEXT */
                                 )
@@ -259,46 +271,29 @@ const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-sp
                             ]),
                             _: 2
                             /* DYNAMIC */
-                          }, 1032, ["target", "to", "class"])) : o.href ? (v(), h("a", {
+                          }, 1040, ["target", "to", "href", "color", "class"])) : o.action ? (b(), h("button", A({
                             key: 1,
-                            target: o.href ? o.target ?? "_self" : void 0,
-                            href: o.href,
-                            tabindex: "-1",
-                            class: k(["menuitem", [
-                              {
-                                "--is-keyboard-selected": r.value === g
-                              },
-                              o.class
-                            ]]),
-                            onClick: D(y, ["stop"])
-                          }, [
-                            p(e.$slots, "menuitem-label", { item: o }, () => [
-                              E(
-                                $(o.label),
-                                1
-                                /* TEXT */
-                              )
-                            ])
-                          ], 10, ve)) : o.action ? (v(), h("button", {
-                            key: 2,
                             tabindex: "-1",
                             type: "button",
-                            class: k(["menuitem", [
+                            ref_for: !0
+                          }, o, {
+                            class: ["menuitem menuitem__button", [
                               {
-                                "--is-keyboard-selected": r.value === g
+                                "--is-keyboard-selected": s.value === $
                               },
-                              o.class
-                            ]]),
-                            onClick: D((X) => o.action ? G(o, X) : y(), ["stop"])
-                          }, [
-                            p(e.$slots, "menuitem-label", { item: o }, () => [
-                              E(
-                                $(o.label),
+                              o.class,
+                              `--${o.color ?? "theme"}`
+                            ]],
+                            onClick: z((Z) => J(o) ? W(o, Z) : y(), ["stop"])
+                          }), [
+                            m(e.$slots, "menuitem-label", { item: o }, () => [
+                              C(
+                                g(o.label),
                                 1
                                 /* TEXT */
                               )
                             ])
-                          ], 10, be)) : b("v-if", !0)
+                          ], 16, be)) : v("v-if", !0)
                         ])
                       ],
                       64
@@ -312,14 +307,14 @@ const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-sp
               34
               /* CLASS, NEED_HYDRATION */
             ), [
-              [re, a.value]
+              [ie, i.value]
             ])
           ]),
           _: 3
           /* FORWARDED */
         })
-      ], 14, ce)), [
-        [u(ue), q]
+      ], 14, fe)), [
+        [u(de), H]
       ]);
     };
   }

package/components/MazLink.d.ts

@@ -36,7 +36,10 @@ export interface Props {
     underline?: boolean;
     /** Add an underline only on hover */
     underlineOnlyHover?: boolean;
-    /** Add an external icon to the link if target is '_blank' */
+    /**
+     * Add an external icon to the link if target is '_blank'
+     * @default true
+     */
     autoExternal?: boolean;
     /**
      * The name of the icon or component to display on the left of the text
@@ -69,11 +72,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     to: RouteLocationRaw;
     id: string;
     target: "_blank" | "_self" | "_parent" | "_top" | string;
+    underline: boolean;
     download: string;
     rel: string;
     ariaLabel: string;
-    underline: boolean;
     underlineOnlyHover: boolean;
+    autoExternal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazLink.mjs

@@ -7,13 +7,13 @@ import './assets/MazLink.css';const m = /* @__PURE__ */ p({
     href: { default: "#" },
     to: { default: void 0 },
     color: { default: "primary" },
-    target: { default: "_slef" },
+    target: { default: "_self" },
     download: { default: void 0 },
     rel: { default: void 0 },
     ariaLabel: { default: void 0 },
     underline: { type: Boolean, default: !1 },
     underlineOnlyHover: { type: Boolean, default: !0 },
-    autoExternal: { type: Boolean },
+    autoExternal: { type: Boolean, default: !0 },
     leftIcon: { type: [String, Function, Object], default: void 0 },
     rightIcon: { type: [String, Function, Object], default: void 0 }
   },
@@ -77,7 +77,7 @@ import './assets/MazLink.css';const m = /* @__PURE__ */ p({
   for (const [e, u] of i)
     o[e] = u;
   return o;
-}, k = /* @__PURE__ */ v(m, [["__scopeId", "data-v-4779a8e3"]]);
+}, k = /* @__PURE__ */ v(m, [["__scopeId", "data-v-b1120a61"]]);
 export {
   k as default
 };

package/components/MazPicker.d.ts

@@ -93,16 +93,16 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     format: string;
     modelValue: string | Partial<import("./MazPicker/types").RangeValue>;
     open: boolean;
+    double: boolean;
+    inline: boolean;
     locale: string;
     placeholder: string;
-    inline: boolean;
     noUseBrowserLocale: boolean;
     minDate: string;
     maxDate: string;
     disabledWeekly: number[];
     disabledDates: string[];
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    double: boolean;
     shortcuts: PickerShortcut[];
     shortcut: string;
     noShortcuts: boolean;

package/components/MazTable.d.ts

@@ -164,8 +164,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: Size;
     color: Color;
     modelValue: (string | boolean | number)[];
-    totalPages: number;
     page: number;
+    totalPages: number;
     searchPlaceholder: string;
     searchQuery: string;
     captionSide: "top" | "bottom";

package/components/assets/MazAvatar.css

@@ -1 +1 @@
-.m-avatar[data-v-d3a7fd0c]{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;gap:.5em;vertical-align:top;-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-d3a7fd0c]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-d3a7fd0c]{font-size:1.5em;text-transform:capitalize;color:var(--maz-color-white)}.m-avatar__wrapper[data-v-d3a7fd0c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;width:3em;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-d3a7fd0c]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-style:none;background-color:transparent;opacity:0;-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-d3a7fd0c]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-d3a7fd0c],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-d3a7fd0c]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-d3a7fd0c],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-d3a7fd0c]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-d3a7fd0c]{border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-bg-light)}.m-avatar__wrapper.--bordered[data-v-d3a7fd0c]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-avatar__wrapper.--rounded-none[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-none .m-avatar__button[data-v-d3a7fd0c]{border-radius:0}.m-avatar__wrapper.--rounded-sm[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-sm .m-avatar__button[data-v-d3a7fd0c]{border-radius:.125rem}.m-avatar__wrapper.--rounded-md[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-md .m-avatar__button[data-v-d3a7fd0c]{border-radius:.375rem}.m-avatar__wrapper.--rounded-lg[data-v-d3a7fd0c]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--rounded-lg .m-avatar__button[data-v-d3a7fd0c]{border-radius:.5rem}.m-avatar__wrapper.--rounded-xl[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-xl .m-avatar__button[data-v-d3a7fd0c]{border-radius:.75rem}.m-avatar__wrapper.--rounded-full[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-full .m-avatar__button[data-v-d3a7fd0c]{border-radius:9999px}.m-avatar__wrapper.--has-shadow[data-v-d3a7fd0c]{--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-d3a7fd0c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-d3a7fd0c]{cursor:pointer}
+.m-avatar[data-v-6101dd1c]{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;gap:.5em;vertical-align:top;-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-6101dd1c]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-6101dd1c]{font-size:1.5em;text-transform:capitalize;color:var(--maz-color-white)}.m-avatar__wrapper[data-v-6101dd1c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;width:3em;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-6101dd1c]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-style:none;background-color:transparent;opacity:0;-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-6101dd1c]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-6101dd1c],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-6101dd1c]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-6101dd1c],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-6101dd1c]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-6101dd1c]{border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-bg-light)}.m-avatar__wrapper.--bordered[data-v-6101dd1c]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-avatar__wrapper.--rounded-none[data-v-6101dd1c],.m-avatar__wrapper.--rounded-none .m-avatar__button[data-v-6101dd1c]{border-radius:0}.m-avatar__wrapper.--rounded-sm[data-v-6101dd1c],.m-avatar__wrapper.--rounded-sm .m-avatar__button[data-v-6101dd1c]{border-radius:.125rem}.m-avatar__wrapper.--rounded-md[data-v-6101dd1c],.m-avatar__wrapper.--rounded-md .m-avatar__button[data-v-6101dd1c]{border-radius:.375rem}.m-avatar__wrapper.--rounded-lg[data-v-6101dd1c]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--rounded-lg .m-avatar__button[data-v-6101dd1c]{border-radius:.5rem}.m-avatar__wrapper.--rounded-xl[data-v-6101dd1c],.m-avatar__wrapper.--rounded-xl .m-avatar__button[data-v-6101dd1c]{border-radius:.75rem}.m-avatar__wrapper.--rounded-full[data-v-6101dd1c],.m-avatar__wrapper.--rounded-full .m-avatar__button[data-v-6101dd1c]{border-radius:9999px}.m-avatar__wrapper.--has-shadow[data-v-6101dd1c]{--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-6101dd1c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-6101dd1c]{cursor:pointer}

package/components/assets/MazDropdown.css

@@ -1 +1 @@
-.m-dropdown{position:relative;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:start;-ms-flex-align:start;align-items:flex-start;vertical-align:top}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-dropdown .menu{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;overflow:auto;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-dropdown .menu:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;-webkit-transform-origin:bottom;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){top:100%;margin-top:.25rem;-webkit-transform-origin:top;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){right:100%;margin-right:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;right:0;margin-bottom:.25rem;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--bottom.--right{right:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-border-radius);padding:.5rem 1rem;text-align:start;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem:hover,.m-dropdown .menu .menuitem.--is-keyboard-selected{background-color:var(--maz-color-bg-light)}
+.m-dropdown{position:relative;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:start;-ms-flex-align:start;align-items:flex-start;vertical-align:top}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-dropdown .menu{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;overflow:auto;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-dropdown .menu:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;-webkit-transform-origin:bottom;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){top:100%;margin-top:.25rem;-webkit-transform-origin:top;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){right:100%;margin-right:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;right:0;margin-bottom:.25rem;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--bottom.--right{right:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-border-radius);padding:.5rem 1rem;text-align:start;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem:hover,.m-dropdown .menu .menuitem.--is-keyboard-selected{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem.menuitem__button:disabled{cursor:not-allowed;opacity:.5}.m-dropdown .menu .menuitem.menuitem__button.--primary{color:var(--maz-color-primary)}.m-dropdown .menu .menuitem.menuitem__button.--primary:hover{color:var(--maz-color-primary-600)}.m-dropdown .menu .menuitem.menuitem__button.--secondary{color:var(--maz-color-secondary)}.m-dropdown .menu .menuitem.menuitem__button.--secondary:hover{color:var(--maz-color-secondary-600)}.m-dropdown .menu .menuitem.menuitem__button.--info{color:var(--maz-color-info)}.m-dropdown .menu .menuitem.menuitem__button.--info:hover{color:var(--maz-color-info-600)}.m-dropdown .menu .menuitem.menuitem__button.--warning{color:var(--maz-color-warning-600)}.m-dropdown .menu .menuitem.menuitem__button.--warning:hover{color:var(--maz-color-warning-800)}.m-dropdown .menu .menuitem.menuitem__button.--danger{color:var(--maz-color-danger-600)}.m-dropdown .menu .menuitem.menuitem__button.--danger:hover{color:var(--maz-color-danger-800)}.m-dropdown .menu .menuitem.menuitem__button.--success{color:var(--maz-color-success-600)}.m-dropdown .menu .menuitem.menuitem__button.--success:hover{color:var(--maz-color-success-800)}.m-dropdown .menu .menuitem.menuitem__button.--white{color:var(--maz-color-white)}.m-dropdown .menu .menuitem.menuitem__button.--white:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.m-dropdown .menu .menuitem.menuitem__button.--black{color:var(--maz-color-black)}.m-dropdown .menu .menuitem.menuitem__button.--black:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-dropdown .menu .menuitem.menuitem__button.--theme{color:var(--maz-color-text)}.m-dropdown .menu .menuitem.menuitem__button.--theme:hover{color:var(--maz-color-black)}.m-dropdown .menu .menuitem.menuitem__button.--theme:hover:is([class~=dark] *){color:var(--maz-color-white)}

package/components/assets/MazLink.css

@@ -1 +1 @@
-.m-link[data-v-4779a8e3]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-link.--underline[data-v-4779a8e3],.m-link.--underline-only-hover[data-v-4779a8e3]:hover{text-decoration-line:underline}.m-link.--primary[data-v-4779a8e3]{color:var(--maz-color-primary)}.m-link.--primary[data-v-4779a8e3]:hover{color:var(--maz-color-primary-600)}.m-link.--secondary[data-v-4779a8e3]{color:var(--maz-color-secondary)}.m-link.--secondary[data-v-4779a8e3]:hover{color:var(--maz-color-secondary-600)}.m-link.--info[data-v-4779a8e3]{color:var(--maz-color-info)}.m-link.--info[data-v-4779a8e3]:hover{color:var(--maz-color-info-600)}.m-link.--warning[data-v-4779a8e3]{color:var(--maz-color-warning-600)}.m-link.--warning[data-v-4779a8e3]:hover{color:var(--maz-color-warning-800)}.m-link.--danger[data-v-4779a8e3]{color:var(--maz-color-danger-600)}.m-link.--danger[data-v-4779a8e3]:hover{color:var(--maz-color-danger-800)}.m-link.--success[data-v-4779a8e3]{color:var(--maz-color-success-600)}.m-link.--success[data-v-4779a8e3]:hover{color:var(--maz-color-success-800)}.m-link.--white[data-v-4779a8e3]{color:var(--maz-color-white)}.m-link.--white[data-v-4779a8e3]:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.m-link.--black[data-v-4779a8e3]{color:var(--maz-color-black)}.m-link.--black[data-v-4779a8e3]:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-link.--theme[data-v-4779a8e3]{color:var(--maz-color-text)}.m-link.--theme[data-v-4779a8e3]:hover{color:var(--maz-color-black)}.m-link.--theme[data-v-4779a8e3]:hover:is([class~=dark] *){color:var(--maz-color-white)}
+.m-link[data-v-b1120a61]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-link.--underline[data-v-b1120a61],.m-link.--underline-only-hover[data-v-b1120a61]:hover{text-decoration-line:underline}.m-link.--primary[data-v-b1120a61]{color:var(--maz-color-primary)}.m-link.--primary[data-v-b1120a61]:hover{color:var(--maz-color-primary-600)}.m-link.--secondary[data-v-b1120a61]{color:var(--maz-color-secondary)}.m-link.--secondary[data-v-b1120a61]:hover{color:var(--maz-color-secondary-600)}.m-link.--info[data-v-b1120a61]{color:var(--maz-color-info)}.m-link.--info[data-v-b1120a61]:hover{color:var(--maz-color-info-600)}.m-link.--warning[data-v-b1120a61]{color:var(--maz-color-warning-600)}.m-link.--warning[data-v-b1120a61]:hover{color:var(--maz-color-warning-800)}.m-link.--danger[data-v-b1120a61]{color:var(--maz-color-danger-600)}.m-link.--danger[data-v-b1120a61]:hover{color:var(--maz-color-danger-800)}.m-link.--success[data-v-b1120a61]{color:var(--maz-color-success-600)}.m-link.--success[data-v-b1120a61]:hover{color:var(--maz-color-success-800)}.m-link.--white[data-v-b1120a61]{color:var(--maz-color-white)}.m-link.--white[data-v-b1120a61]:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.m-link.--black[data-v-b1120a61]{color:var(--maz-color-black)}.m-link.--black[data-v-b1120a61]:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-link.--theme[data-v-b1120a61]{color:var(--maz-color-text)}.m-link.--theme[data-v-b1120a61]:hover{color:var(--maz-color-black)}.m-link.--theme[data-v-b1120a61]:hover:is([class~=dark] *){color:var(--maz-color-white)}

package/components/chunks/MazAvatar-BXZpFUaZ.mjs

@@ -0,0 +1,154 @@
+import { defineComponent as I, defineAsyncComponent as p, computed as u, openBlock as l, createBlock as g, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as v, withCtx as E, createElementVNode as b, createElementBlock as i, Fragment as M, unref as y, mergeProps as P, createCommentVNode as n, renderSlot as f, toDisplayString as h, createVNode as A } from "vue";
+import '../assets/MazAvatar.css';const D = ["tabindex"], N = ["src", "alt", "loading"], R = { class: "m-avatar__initial" }, V = {
+  key: 0,
+  class: "m-avatar__caption"
+}, q = /* @__PURE__ */ I({
+  __name: "MazAvatar",
+  props: {
+    style: {},
+    class: {},
+    src: { default: void 0 },
+    caption: { default: void 0 },
+    href: { default: void 0 },
+    to: { default: void 0 },
+    alt: { default: "avatar image" },
+    target: { default: "_self" },
+    size: { default: void 0 },
+    bordered: { type: Boolean },
+    clickable: { type: Boolean },
+    square: { type: Boolean },
+    noElevation: { type: Boolean },
+    showCaption: { type: Boolean },
+    imageHeightFull: { type: Boolean },
+    noLoader: { type: Boolean },
+    buttonColor: { default: "info" },
+    noClickableIcon: { type: Boolean },
+    letterCount: { default: void 0 },
+    roundedSize: { default: "full" },
+    fallbackSrc: { default: void 0 },
+    noPhoto: { type: Boolean },
+    loading: { default: "intersecting" }
+  },
+  emits: ["click", "intersecting", "loading", "loaded", "error"],
+  setup(r, { emit: s }) {
+    const a = r, d = s, c = p(() => import("./MazLazyImg-D2seDVoC.mjs")), C = p(() => import("./pencil-Z-mPplOz.mjs")), z = u(() => a.to ? "RouterLink" : a.href ? "a" : "div"), m = u(() => !!a.to || !!a.href);
+    function S(o, e = a.letterCount) {
+      return o.split(" ").map((B) => B[0]).join("").slice(0, e);
+    }
+    const w = u(() => a.src || !a.src && !a.caption);
+    function $(o) {
+      if (d("error", o.target), a.fallbackSrc && o.target instanceof HTMLImageElement) {
+        const e = new URL(o.target.src), t = new URL(a.fallbackSrc);
+        if (e.href === t.href)
+          return;
+        o.target.src = a.fallbackSrc;
+      }
+    }
+    return (o, e) => (l(), g(L(z.value), {
+      style: k([{ fontSize: o.size }, o.style]),
+      class: v(["m-avatar", [
+        {
+          "--has-link": m.value
+        },
+        a.class
+      ]]),
+      href: o.href,
+      to: o.to,
+      target: m.value ? o.target : void 0
+    }, {
+      default: E(() => [
+        b("div", {
+          class: v(["m-avatar__wrapper", [
+            {
+              "--has-shadow": !o.noElevation,
+              "--bordered": o.bordered,
+              "--clickable": o.clickable,
+              "--has-initial": !o.src && o.caption
+            },
+            `--rounded-${o.square ? "none" : o.roundedSize}`
+          ]]),
+          tabindex: o.clickable ? 0 : -1
+        }, [
+          w.value ? (l(), i(
+            M,
+            { key: 0 },
+            [
+              o.loading === "intersecting" ? (l(), g(y(c), P({ key: 0 }, o.$attrs, {
+                class: "m-avatar__picture maz-w-full maz-max-w-full",
+                src: o.src,
+                alt: o.alt,
+                "no-photo": o.noPhoto,
+                "image-height-full": "",
+                "no-loader": o.noLoader,
+                "fallback-src": o.fallbackSrc,
+                onClick: e[0] || (e[0] = (t) => o.clickable ? o.$emit("click", t) : null),
+                onError: e[1] || (e[1] = (t) => o.$emit("error", t)),
+                onLoaded: e[2] || (e[2] = (t) => o.$emit("loaded", t)),
+                onLoading: e[3] || (e[3] = (t) => o.$emit("loading", t)),
+                onIntersecting: e[4] || (e[4] = (t) => o.$emit("intersecting", t))
+              }), null, 16, ["src", "alt", "no-photo", "no-loader", "fallback-src"])) : (l(), i("img", {
+                key: 1,
+                class: "m-avatar__picture maz-w-full maz-max-w-full",
+                src: o.src ?? o.fallbackSrc,
+                alt: o.alt,
+                loading: o.loading,
+                onError: $
+              }, null, 40, N))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : n("v-if", !0),
+          o.caption && !o.src ? f(o.$slots, "round-text", { key: 1 }, () => [
+            b(
+              "span",
+              R,
+              h(S(o.caption)),
+              1
+              /* TEXT */
+            )
+          ], !0) : n("v-if", !0),
+          o.clickable ? (l(), i(
+            "button",
+            {
+              key: 2,
+              type: "button",
+              tabindex: "-1",
+              class: "m-avatar__button",
+              style: k({
+                backgroundColor: o.src ? `var(--maz-color-${o.buttonColor}-alpha)` : `var(--maz-color-${o.buttonColor})`
+              }),
+              onClick: e[5] || (e[5] = (t) => o.$emit("click", t))
+            },
+            [
+              o.noClickableIcon ? n("v-if", !0) : f(o.$slots, "icon", { key: 0 }, () => [
+                A(y(C), { class: "m-avatar__button__icon" })
+              ], !0)
+            ],
+            4
+            /* STYLE */
+          )) : n("v-if", !0)
+        ], 10, D),
+        f(o.$slots, "caption", {}, () => [
+          o.showCaption && o.caption ? (l(), i(
+            "p",
+            V,
+            h(o.caption),
+            1
+            /* TEXT */
+          )) : n("v-if", !0)
+        ], !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["style", "class", "href", "to", "target"]));
+  }
+}), F = (r, s) => {
+  const a = r.__vccOpts || r;
+  for (const [d, c] of s)
+    a[d] = c;
+  return a;
+}, j = /* @__PURE__ */ F(q, [["__scopeId", "data-v-6101dd1c"]]);
+export {
+  j as M,
+  F as _
+};

package/components/chunks/{MazLazyImg-BmmDjOiK.mjs → MazLazyImg-D2seDVoC.mjs}

@@ -2,7 +2,7 @@ import '../assets/MazLazyImg.css';var v = Object.defineProperty;
 var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
 var n = (a, e, s) => f(a, typeof e != "symbol" ? e + "" : e, s);
 import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as C, normalizeStyle as y, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
-import { _ as k } from "./MazAvatar-DVjTbmNj.mjs";
+import { _ as k } from "./MazAvatar-BXZpFUaZ.mjs";
 const H = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", w = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -204,7 +204,7 @@ const M = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, s = b(() => import("./MazSpinner-DfHwN_9D.mjs")), t = m(() => e.image || e.src), r = m(() => {
+    const e = a, s = b(() => import("./MazSpinner-gYRmfrSM.mjs")), t = m(() => e.image || e.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });

package/components/chunks/{MazSpinner-DfHwN_9D.mjs → MazSpinner-gYRmfrSM.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazAvatar-DVjTbmNj.mjs";
+import { _ as i } from "./MazAvatar-BXZpFUaZ.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/nuxt/index.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "3.46.0",
+  "version": "3.46.1-beta.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "3.46.0",
+  "version": "3.46.1-beta.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",

package/types/components/MazAvatar.vue.d.ts

@@ -1,6 +1,11 @@
+import type { HTMLAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
 export interface Props {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
     /** The source of the image */
     src?: string | null;
     /** The caption of the avatar */
@@ -44,6 +49,12 @@ export interface Props {
     fallbackSrc?: string;
     /** Load the fallback image by default */
     noPhoto?: boolean;
+    /**
+     * The loading strategy of the image - lazy, eager or intersecting
+     * @default 'intersecting'
+     * @values `'lazy' | 'eager' | 'intersecting'`
+     */
+    loading?: 'lazy' | 'eager' | 'intersecting';
 }
 declare function __VLS_template(): {
     slots: {
@@ -72,6 +83,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: string;
     src: string | null;
     roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    loading: "lazy" | "eager" | "intersecting";
     href: string;
     to: string | Record<string, unknown>;
     target: string;

package/types/components/MazDropdown.vue.d.ts

@@ -1,16 +1,23 @@
 import type { RouteLocationRaw } from 'vue-router';
 import type { Color } from './MazBtn.vue';
+import type { Props as MazLinkProps } from './MazLink.vue';
 import type { Position } from './types';
 import { type HTMLAttributes } from 'vue';
 export type { Color, Position };
-export type MenuItem = {
+type ItemBase = Record<string, unknown> & {
     label: string;
-    action?: () => unknown;
+    class?: unknown;
+    color?: Color;
+};
+type LinkItem = ItemBase & MazLinkProps & {
     target?: string;
     href?: string;
     to?: RouteLocationRaw;
-    class?: unknown;
-} & Record<string, unknown>;
+};
+type ActionItem = ItemBase & {
+    action?: () => unknown;
+};
+export type MenuItem = (LinkItem | ActionItem);
 export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
@@ -66,9 +73,6 @@ declare function __VLS_template(): {
         "menuitem-label"?(_: {
             item: MenuItem;
         }): any;
-        "menuitem-label"?(_: {
-            item: MenuItem;
-        }): any;
     };
     refs: {};
     attrs: Partial<{}>;

package/types/components/MazLink.vue.d.ts

@@ -36,7 +36,10 @@ export interface Props {
     underline?: boolean;
     /** Add an underline only on hover */
     underlineOnlyHover?: boolean;
-    /** Add an external icon to the link if target is '_blank' */
+    /**
+     * Add an external icon to the link if target is '_blank'
+     * @default true
+     */
     autoExternal?: boolean;
     /**
      * The name of the icon or component to display on the left of the text
@@ -69,11 +72,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     to: RouteLocationRaw;
     id: string;
     target: "_blank" | "_self" | "_parent" | "_top" | string;
+    underline: boolean;
     download: string;
     rel: string;
     ariaLabel: string;
-    underline: boolean;
     underlineOnlyHover: boolean;
+    autoExternal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/types/components/MazPicker.vue.d.ts

@@ -93,16 +93,16 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     format: string;
     modelValue: string | Partial<import("./MazPicker/types").RangeValue>;
     open: boolean;
+    double: boolean;
+    inline: boolean;
     locale: string;
     placeholder: string;
-    inline: boolean;
     noUseBrowserLocale: boolean;
     minDate: string;
     maxDate: string;
     disabledWeekly: number[];
     disabledDates: string[];
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    double: boolean;
     shortcuts: PickerShortcut[];
     shortcut: string;
     noShortcuts: boolean;

package/types/components/MazTable.vue.d.ts

@@ -164,8 +164,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: Size;
     color: Color;
     modelValue: (string | boolean | number)[];
-    totalPages: number;
     page: number;
+    totalPages: number;
     searchPlaceholder: string;
     searchQuery: string;
     captionSide: "top" | "bottom";

package/components/chunks/MazAvatar-DVjTbmNj.mjs

@@ -1,127 +0,0 @@
-import { defineComponent as B, defineAsyncComponent as m, computed as f, openBlock as i, createBlock as c, resolveDynamicComponent as $, normalizeStyle as v, normalizeClass as k, withCtx as w, createElementVNode as b, unref as y, createCommentVNode as n, renderSlot as u, toDisplayString as g, createElementBlock as C, createVNode as S } from "vue";
-import '../assets/MazAvatar.css';const I = ["tabindex"], L = { class: "m-avatar__initial" }, E = {
-  key: 0,
-  class: "m-avatar__caption"
-}, M = /* @__PURE__ */ B({
-  __name: "MazAvatar",
-  props: {
-    src: { default: void 0 },
-    caption: { default: void 0 },
-    href: { default: void 0 },
-    to: { default: void 0 },
-    alt: { default: "avatar image" },
-    target: { default: "_self" },
-    size: { default: void 0 },
-    bordered: { type: Boolean },
-    clickable: { type: Boolean },
-    square: { type: Boolean },
-    noElevation: { type: Boolean },
-    showCaption: { type: Boolean },
-    imageHeightFull: { type: Boolean },
-    noLoader: { type: Boolean },
-    buttonColor: { default: "info" },
-    noClickableIcon: { type: Boolean },
-    letterCount: { default: void 0 },
-    roundedSize: { default: "full" },
-    fallbackSrc: { default: void 0 },
-    noPhoto: { type: Boolean }
-  },
-  emits: ["click", "intersecting", "loading", "loaded", "error"],
-  setup(l) {
-    const t = l, r = m(() => import("./MazLazyImg-BmmDjOiK.mjs")), s = m(() => import("./pencil-Z-mPplOz.mjs")), d = f(() => t.to ? "RouterLink" : t.href ? "a" : "div"), p = f(() => !!t.to || !!t.href);
-    function z(o, e = t.letterCount) {
-      return o.split(" ").map((h) => h[0]).join("").slice(0, e);
-    }
-    return (o, e) => (i(), c($(d.value), {
-      style: v({ fontSize: o.size }),
-      class: k(["m-avatar", [
-        {
-          "--has-link": p.value
-        }
-      ]]),
-      href: o.href,
-      to: o.to,
-      target: p.value ? o.target : void 0
-    }, {
-      default: w(() => [
-        b("div", {
-          class: k(["m-avatar__wrapper", [
-            {
-              "--has-shadow": !o.noElevation,
-              "--bordered": o.bordered,
-              "--clickable": o.clickable,
-              "--has-initial": !o.src && o.caption
-            },
-            `--rounded-${o.square ? "none" : o.roundedSize}`
-          ]]),
-          tabindex: o.clickable ? 0 : -1
-        }, [
-          o.src || !o.src && !o.caption ? (i(), c(y(r), {
-            key: 0,
-            class: "m-avatar__picture maz-w-full maz-max-w-full",
-            image: o.src,
-            alt: o.alt,
-            "no-photo": o.noPhoto,
-            "image-height-full": "",
-            "no-loader": o.noLoader,
-            "fallback-src": o.fallbackSrc,
-            onClick: e[0] || (e[0] = (a) => o.clickable ? o.$emit("click", a) : null),
-            onError: e[1] || (e[1] = (a) => o.$emit("error", a)),
-            onLoaded: e[2] || (e[2] = (a) => o.$emit("loaded", a)),
-            onLoading: e[3] || (e[3] = (a) => o.$emit("loading", a)),
-            onIntersecting: e[4] || (e[4] = (a) => o.$emit("intersecting", a))
-          }, null, 8, ["image", "alt", "no-photo", "no-loader", "fallback-src"])) : n("v-if", !0),
-          o.caption && !o.src ? u(o.$slots, "round-text", { key: 1 }, () => [
-            b(
-              "span",
-              L,
-              g(z(o.caption)),
-              1
-              /* TEXT */
-            )
-          ], !0) : n("v-if", !0),
-          o.clickable ? (i(), C(
-            "button",
-            {
-              key: 2,
-              type: "button",
-              tabindex: "-1",
-              class: "m-avatar__button",
-              style: v({
-                backgroundColor: o.src ? `var(--maz-color-${o.buttonColor}-alpha)` : `var(--maz-color-${o.buttonColor})`
-              }),
-              onClick: e[5] || (e[5] = (a) => o.$emit("click", a))
-            },
-            [
-              o.noClickableIcon ? n("v-if", !0) : u(o.$slots, "icon", { key: 0 }, () => [
-                S(y(s), { class: "m-avatar__button__icon" })
-              ], !0)
-            ],
-            4
-            /* STYLE */
-          )) : n("v-if", !0)
-        ], 10, I),
-        u(o.$slots, "caption", {}, () => [
-          o.showCaption && o.caption ? (i(), C(
-            "p",
-            E,
-            g(o.caption),
-            1
-            /* TEXT */
-          )) : n("v-if", !0)
-        ], !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["style", "class", "href", "to", "target"]));
-  }
-}), A = (l, t) => {
-  const r = l.__vccOpts || l;
-  for (const [s, d] of t)
-    r[s] = d;
-  return r;
-}, q = /* @__PURE__ */ A(M, [["__scopeId", "data-v-d3a7fd0c"]]);
-export {
-  q as M,
-  A as _
-};