maz-ui 3.46.1-beta.0 → 3.46.1-beta.1

package/components/MazDropdown.d.ts

@@ -17,7 +17,13 @@ type LinkItem = ItemBase & MazLinkProps & {
 type ActionItem = ItemBase & {
     action?: () => unknown;
 };
-export type MenuItem = (LinkItem | ActionItem);
+export type MenuItem = (LinkItem & {
+    action?: never;
+}) | (ActionItem & {
+    href?: never;
+    to?: never;
+    target?: never;
+});
 export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
@@ -68,10 +74,30 @@ declare function __VLS_template(): {
             item: MenuItem;
         }): any;
         "menuitem-label"?(_: {
-            item: MenuItem;
+            item: Record<string, unknown> & {
+                label: string;
+                class?: unknown;
+                color?: Color;
+            } & MazLinkProps & {
+                target?: string;
+                href?: string;
+                to?: RouteLocationRaw;
+            } & {
+                action?: never;
+            };
         }): any;
         "menuitem-label"?(_: {
-            item: MenuItem;
+            item: Record<string, unknown> & {
+                label: string;
+                class?: unknown;
+                color?: Color;
+            } & {
+                action?: () => unknown;
+            } & {
+                href?: never;
+                to?: never;
+                target?: never;
+            };
         }): any;
     };
     refs: {};

package/components/MazDropdown.mjs

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

package/components/chunks/MazBtn-qFUqOv5D.mjs

@@ -0,0 +1,150 @@
+import { defineComponent as F, defineAsyncComponent as h, useAttrs as j, useSlots as E, onBeforeMount as O, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as R, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    roundedSize: { default: "lg" },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    contentClass: { default: void 0 }
+  },
+  setup(g) {
+    const o = g, z = h(() => import("./MazSpinner-SgVUnAHk.mjs")), f = h(() => import("./MazIcon-BDGxCy9M.mjs")), { href: k, to: B } = j(), p = E();
+    O(() => {
+      o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
+      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
+    ), b = l(
+      () => (o.loading || o.disabled) && v.value === "button"
+    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), S = l(() => m.value || y.value), M = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
+    return (e, D) => (n(), a(r(v.value), {
+      disabled: b.value || void 0,
+      class: s(["m-btn", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        I.value,
+        C.value,
+        $.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": b.value,
+          "--icon": S.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      type: T.value
+    }, {
+      default: R(() => [
+        m.value ? (n(), u(
+          "div",
+          {
+            key: 0,
+            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
+          },
+          [
+            t(`
+        @slot left-icon - The icon to display on the left of the button
+      `),
+            d(e.$slots, "left-icon", {}, () => [
+              typeof e.leftIcon == "string" ? (n(), a(c(f), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        M.value ? (n(), u(
+          "div",
+          {
+            key: 1,
+            class: s(["m-btn__icon", { "maz-invisible": i.value }])
+          },
+          [
+            t(`
+        @slot icon - The icon to display on the fab button
+      `),
+            d(e.$slots, "icon", {}, () => [
+              typeof e.icon == "string" ? (n(), a(c(f), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        e.$slots.default ? (n(), u(
+          "span",
+          {
+            key: 2,
+            class: s([{ "maz-invisible": i.value }, e.contentClass])
+          },
+          [
+            t(`
+        @slot default - The content of the button
+      `),
+            d(e.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        y.value ? (n(), u(
+          "div",
+          {
+            key: 3,
+            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
+          },
+          [
+            t(`
+        @slot right-icon - The icon to display on the right of the button
+      `),
+            d(e.$slots, "right-icon", {}, () => [
+              typeof e.rightIcon == "string" ? (n(), a(c(f), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        i.value ? (n(), a(c(z), {
+          key: 4,
+          class: "m-btn-loader",
+          size: "2em",
+          color: e.color
+        }, null, 8, ["color"])) : t("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "type"]));
+  }
+}), U = /* @__PURE__ */ w(A, [["__scopeId", "data-v-792f66c0"]]);
+export {
+  U as default
+};

package/components/chunks/MazLink-CJ1canOj.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as u, defineAsyncComponent as d, openBlock as o, createBlock as n, resolveDynamicComponent as r, mergeProps as s, withCtx as p, createCommentVNode as t, renderSlot as l, unref as a, createVNode as h } from "vue";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import '../assets/MazLink.css';const y = /* @__PURE__ */ u({
+  __name: "MazLink",
+  props: {
+    id: { default: void 0 },
+    title: { default: void 0 },
+    href: { default: "#" },
+    to: { default: void 0 },
+    color: { default: "primary" },
+    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, default: !0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 }
+  },
+  setup(c) {
+    const f = d(
+      () => import("./arrow-top-right-on-square-jPmYJ34F.mjs")
+    ), i = d(() => import("./MazIcon-BDGxCy9M.mjs"));
+    return (e, g) => (o(), n(r(e.to ? "router-link" : "a"), s({
+      id: e.id,
+      class: ["m-link", [
+        {
+          "--underline": e.underline,
+          "--underline-only-hover": !e.underline && e.underlineOnlyHover
+        },
+        `--${e.color}`
+      ]],
+      to: e.to,
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      download: e.download,
+      "aria-label": e.ariaLabel
+    }, e.$attrs), {
+      default: p(() => [
+        t(`
+      @slot left-icon - The icon to display on the left of the text
+    `),
+        l(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (o(), n(a(i), {
+            key: 0,
+            name: e.leftIcon
+          }, null, 8, ["name"])) : e.leftIcon ? (o(), n(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
+        ], !0),
+        t(`
+      @slot Text of the link
+    `),
+        l(e.$slots, "default", {}, void 0, !0),
+        t(`
+      @slot right-icon - The icon to display on the left of the text
+    `),
+        l(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (o(), n(a(i), {
+            key: 0,
+            name: e.rightIcon
+          }, null, 8, ["name"])) : e.rightIcon ? (o(), n(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
+        ], !0),
+        t(`
+      @slot external-icon - Replace the default external icon
+    `),
+        e.autoExternal && e.target === "_blank" ? l(e.$slots, "external-icon", { key: 0 }, () => [
+          h(a(f))
+        ], !0) : t("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label"]));
+  }
+}), I = /* @__PURE__ */ m(y, [["__scopeId", "data-v-b1120a61"]]);
+export {
+  I as default
+};

package/components/chunks/MazSpinner-SgVUnAHk.mjs

@@ -0,0 +1,37 @@
+import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { _ as i } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(e) {
+    return (l, t) => (r(), o("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: s(["m-spinner", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, t[0] || (t[0] = [
+      a(
+        "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 */
+      )
+    ]), 10, c));
+  }
+}), h = /* @__PURE__ */ i(p, [["__scopeId", "data-v-c16a57a3"]]);
+export {
+  h as default
+};

package/components/chunks/_plugin-vue_export-helper-CHgC5LLL.mjs

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/nuxt/index.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "3.46.1-beta.0",
+  "version": "3.46.1-beta.1",
   "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.1-beta.0",
+  "version": "3.46.1-beta.1",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",

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

@@ -17,7 +17,13 @@ type LinkItem = ItemBase & MazLinkProps & {
 type ActionItem = ItemBase & {
     action?: () => unknown;
 };
-export type MenuItem = (LinkItem | ActionItem);
+export type MenuItem = (LinkItem & {
+    action?: never;
+}) | (ActionItem & {
+    href?: never;
+    to?: never;
+    target?: never;
+});
 export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
@@ -68,10 +74,30 @@ declare function __VLS_template(): {
             item: MenuItem;
         }): any;
         "menuitem-label"?(_: {
-            item: MenuItem;
+            item: Record<string, unknown> & {
+                label: string;
+                class?: unknown;
+                color?: Color;
+            } & MazLinkProps & {
+                target?: string;
+                href?: string;
+                to?: RouteLocationRaw;
+            } & {
+                action?: never;
+            };
         }): any;
         "menuitem-label"?(_: {
-            item: MenuItem;
+            item: Record<string, unknown> & {
+                label: string;
+                class?: unknown;
+                color?: Color;
+            } & {
+                action?: () => unknown;
+            } & {
+                href?: never;
+                to?: never;
+                target?: never;
+            };
         }): any;
     };
     refs: {};