maz-ui 3.37.3 → 3.37.4

package/components/chunks/{MazBottomSheet-DZ1n4bGL.mjs → MazBottomSheet-B9OYmgyx.mjs}

@@ -152,7 +152,7 @@ const X = { render: U }, G = (t) => (T("data-v-46b34248"), t = t(), x(), t), H =
   },
   emits: ["update:model-value", "open", "close"],
   setup(t, { emit: a }) {
-    const l = I(() => import("./MazBtn-BTHDxDz7.mjs")), d = a;
+    const l = I(() => import("./MazBtn-CrNEwd_M.mjs")), d = a;
     return (s, n) => (c(), k(K, {
       "transition-name": "bottom-sheet-anim",
       "backdrop-class": "--bottom-sheet",

package/components/chunks/{MazBtn-CnZU5zlG.mjs → MazBtn-4stpYG-V.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazBtn.css';
 import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as D } from "./MazCarousel-CMJgMJf1.mjs";
+import { _ as D } from "./MazCarousel-CtSpgIm6.mjs";
 const P = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
@@ -26,17 +26,17 @@ const P = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(g) {
-    const B = h(() => import("./MazSpinner-DyE_USVF.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
+    const B = h(() => import("./MazSpinner-LCpiZGMP.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
     w(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
     const v = l(() => k ? "a" : I ? "router-link" : "button"), z = l(
       () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
+    ), b = l(
       () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
+    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), m = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => m.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
     return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value,
+      disabled: b.value,
       class: s(["m-btn", [
         `--${o.size}`,
         z.value,
@@ -48,7 +48,7 @@ const P = /* @__PURE__ */ E({
           "--no-leading": o.noLeading,
           "--fab": o.fab,
           "--loading": o.loading,
-          "--disabled": m.value,
+          "--disabled": b.value,
           "--icon": M.value,
           "--rounded": o.rounded,
           "--no-rounded": o.noRounded,
@@ -59,7 +59,7 @@ const P = /* @__PURE__ */ E({
       type: L.value
     }, {
       default: A(() => [
-        b.value ? (n(), u(
+        m.value ? (n(), u(
           "div",
           {
             key: 0,
@@ -145,7 +145,7 @@ const P = /* @__PURE__ */ E({
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-395e94fc"]]);
+}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-be73a6f1"]]);
 export {
   V as default
 };

package/components/chunks/{MazBtn-BJs3rzUf.mjs → MazBtn-BQZOiUux.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazBtn.css';
 import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as D } from "./MazSelect-Cr1xT89o.mjs";
+import { _ as D } from "./MazSelect-Cc8JAFML.mjs";
 const P = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
@@ -26,17 +26,17 @@ const P = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(g) {
-    const B = h(() => import("./MazSpinner-CtMh7fIX.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
+    const B = h(() => import("./MazSpinner-BmqyUsTZ.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
     w(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
     const v = l(() => k ? "a" : I ? "router-link" : "button"), z = l(
       () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
+    ), b = l(
       () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
+    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), m = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => m.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
     return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value,
+      disabled: b.value,
       class: s(["m-btn", [
         `--${o.size}`,
         z.value,
@@ -48,7 +48,7 @@ const P = /* @__PURE__ */ E({
           "--no-leading": o.noLeading,
           "--fab": o.fab,
           "--loading": o.loading,
-          "--disabled": m.value,
+          "--disabled": b.value,
           "--icon": M.value,
           "--rounded": o.rounded,
           "--no-rounded": o.noRounded,
@@ -59,7 +59,7 @@ const P = /* @__PURE__ */ E({
       type: L.value
     }, {
       default: A(() => [
-        b.value ? (n(), u(
+        m.value ? (n(), u(
           "div",
           {
             key: 0,
@@ -145,7 +145,7 @@ const P = /* @__PURE__ */ E({
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-395e94fc"]]);
+}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-be73a6f1"]]);
 export {
   V as default
 };

package/components/chunks/{MazBtn-DLYgzr9e.mjs → MazBtn-Bgt41rUb.mjs}

@@ -1,5 +1,5 @@
 import '../assets/MazBtn.css';
-import { defineComponent as L, defineAsyncComponent as z, useAttrs as E, useSlots as O, onBeforeMount as P, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as c, normalizeClass as r, withCtx as R, createElementBlock as d, createCommentVNode as t, renderSlot as f, unref as p } from "vue";
+import { defineComponent as L, defineAsyncComponent as z, useAttrs as E, useSlots as O, onBeforeMount as P, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as d, normalizeClass as r, withCtx as R, createElementBlock as c, createCommentVNode as t, renderSlot as f, unref as p } from "vue";
 const j = /* @__PURE__ */ L({
   __name: "MazBtn",
   props: {
@@ -25,7 +25,7 @@ const j = /* @__PURE__ */ L({
     contentClass: { default: void 0 }
   },
   setup(u) {
-    const v = z(() => import("./MazSpinner-XMLkiLTL.mjs")), i = z(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: y } = E(), m = O(), o = u;
+    const v = z(() => import("./MazSpinner-D9uDPRkX.mjs")), i = z(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: y } = E(), m = O(), o = u;
     P(() => {
       o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -34,7 +34,7 @@ const j = /* @__PURE__ */ L({
     ), g = l(
       () => (o.loading || o.disabled) && h.value === "button"
     ), C = l(() => g.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), s = l(() => o.loading && o.variant === "button"), B = l(() => !!m["left-icon"] || o.leftIcon), k = l(() => !!m["right-icon"] || o.rightIcon), M = l(() => B.value || k.value), T = l(() => o.fab && (o.icon || !!m.icon)), S = l(() => h.value === "button" ? o.type : void 0);
-    return (e, D) => (n(), a(c(h.value), {
+    return (e, D) => (n(), a(d(h.value), {
       disabled: g.value,
       class: r(["m-btn", [
         `--${e.size}`,
@@ -58,7 +58,7 @@ const j = /* @__PURE__ */ L({
       type: S.value
     }, {
       default: R(() => [
-        B.value ? (n(), d(
+        B.value ? (n(), c(
           "div",
           {
             key: 0,
@@ -72,13 +72,13 @@ const j = /* @__PURE__ */ L({
               typeof e.leftIcon == "string" ? (n(), a(p(i), {
                 key: 0,
                 name: e.leftIcon
-              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(c(e.leftIcon), { key: 1 })) : t("v-if", !0)
+              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(d(e.leftIcon), { key: 1 })) : t("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : t("v-if", !0),
-        T.value ? (n(), d(
+        T.value ? (n(), c(
           "div",
           {
             key: 1,
@@ -92,13 +92,13 @@ const j = /* @__PURE__ */ L({
               typeof e.icon == "string" ? (n(), a(p(i), {
                 key: 0,
                 name: e.icon
-              }, null, 8, ["name"])) : e.icon ? (n(), a(c(e.icon), { key: 1 })) : t("v-if", !0)
+              }, null, 8, ["name"])) : e.icon ? (n(), a(d(e.icon), { key: 1 })) : t("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : t("v-if", !0),
-        e.$slots.default ? (n(), d(
+        e.$slots.default ? (n(), c(
           "span",
           {
             key: 2,
@@ -113,7 +113,7 @@ const j = /* @__PURE__ */ L({
           2
           /* CLASS */
         )) : t("v-if", !0),
-        k.value ? (n(), d(
+        k.value ? (n(), c(
           "div",
           {
             key: 3,
@@ -127,7 +127,7 @@ const j = /* @__PURE__ */ L({
               typeof e.rightIcon == "string" ? (n(), a(p(i), {
                 key: 0,
                 name: e.rightIcon
-              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(c(e.rightIcon), { key: 1 })) : t("v-if", !0)
+              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(d(e.rightIcon), { key: 1 })) : t("v-if", !0)
             ], !0)
           ],
           2
@@ -149,7 +149,7 @@ const j = /* @__PURE__ */ L({
   for (const [b, y] of v)
     i[b] = y;
   return i;
-}, A = /* @__PURE__ */ w(j, [["__scopeId", "data-v-395e94fc"]]), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, A = /* @__PURE__ */ w(j, [["__scopeId", "data-v-be73a6f1"]]), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: A
 }, Symbol.toStringTag, { value: "Module" }));

package/components/chunks/MazBtn-CNyFbl9Y.mjs

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

package/components/chunks/{MazBtn-BTHDxDz7.mjs → MazBtn-CrNEwd_M.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazBtn.css';
 import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as D } from "./MazBottomSheet-DZ1n4bGL.mjs";
+import { _ as D } from "./MazBottomSheet-B9OYmgyx.mjs";
 const P = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
@@ -26,17 +26,17 @@ const P = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(g) {
-    const B = h(() => import("./MazSpinner-2fDI3i5h.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
+    const B = h(() => import("./MazSpinner-B6Z6X_KC.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
     w(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
     const v = l(() => k ? "a" : I ? "router-link" : "button"), z = l(
       () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
+    ), b = l(
       () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
+    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), m = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => m.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
     return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value,
+      disabled: b.value,
       class: s(["m-btn", [
         `--${o.size}`,
         z.value,
@@ -48,7 +48,7 @@ const P = /* @__PURE__ */ E({
           "--no-leading": o.noLeading,
           "--fab": o.fab,
           "--loading": o.loading,
-          "--disabled": m.value,
+          "--disabled": b.value,
           "--icon": M.value,
           "--rounded": o.rounded,
           "--no-rounded": o.noRounded,
@@ -59,7 +59,7 @@ const P = /* @__PURE__ */ E({
       type: L.value
     }, {
       default: A(() => [
-        b.value ? (n(), u(
+        m.value ? (n(), u(
           "div",
           {
             key: 0,
@@ -145,7 +145,7 @@ const P = /* @__PURE__ */ E({
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-395e94fc"]]);
+}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-be73a6f1"]]);
 export {
   V as default
 };

package/components/chunks/MazBtn-CyXtFeAh.mjs

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

package/components/chunks/{MazBtn-CnkBOGKK.mjs → MazBtn-DOtOjQOl.mjs}

@@ -1,5 +1,5 @@
 import '../assets/MazBtn.css';
-import { defineComponent as E, defineAsyncComponent as I, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as c, normalizeClass as r, withCtx as A, createElementBlock as d, createCommentVNode as t, renderSlot as f, unref as p } from "vue";
+import { defineComponent as E, defineAsyncComponent as I, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as d, normalizeClass as r, withCtx as A, createElementBlock as c, createCommentVNode as t, renderSlot as f, unref as p } from "vue";
 const D = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
@@ -25,7 +25,7 @@ const D = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(u) {
-    const v = I(() => import("./MazSpinner-CkHAaRhk.mjs")), i = I(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: y } = R(), m = S(), e = u;
+    const v = I(() => import("./MazSpinner-Btk7fYzq.mjs")), i = I(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: y } = R(), m = S(), e = u;
     w(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -34,7 +34,7 @@ const D = /* @__PURE__ */ E({
     ), g = l(
       () => (e.loading || e.disabled) && h.value === "button"
     ), C = l(() => g.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), s = l(() => e.loading && e.variant === "button"), k = l(() => !!m["left-icon"] || e.leftIcon), B = l(() => !!m["right-icon"] || e.rightIcon), M = l(() => k.value || B.value), T = l(() => e.fab && (e.icon || !!m.icon)), L = l(() => h.value === "button" ? e.type : void 0);
-    return (o, U) => (n(), a(c(h.value), {
+    return (o, U) => (n(), a(d(h.value), {
       disabled: g.value,
       class: r(["m-btn", [
         `--${o.size}`,
@@ -58,7 +58,7 @@ const D = /* @__PURE__ */ E({
       type: L.value
     }, {
       default: A(() => [
-        k.value ? (n(), d(
+        k.value ? (n(), c(
           "div",
           {
             key: 0,
@@ -72,13 +72,13 @@ const D = /* @__PURE__ */ E({
               typeof o.leftIcon == "string" ? (n(), a(p(i), {
                 key: 0,
                 name: o.leftIcon
-              }, null, 8, ["name"])) : o.leftIcon ? (n(), a(c(o.leftIcon), { key: 1 })) : t("v-if", !0)
+              }, null, 8, ["name"])) : o.leftIcon ? (n(), a(d(o.leftIcon), { key: 1 })) : t("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : t("v-if", !0),
-        T.value ? (n(), d(
+        T.value ? (n(), c(
           "div",
           {
             key: 1,
@@ -92,13 +92,13 @@ const D = /* @__PURE__ */ E({
               typeof o.icon == "string" ? (n(), a(p(i), {
                 key: 0,
                 name: o.icon
-              }, null, 8, ["name"])) : o.icon ? (n(), a(c(o.icon), { key: 1 })) : t("v-if", !0)
+              }, null, 8, ["name"])) : o.icon ? (n(), a(d(o.icon), { key: 1 })) : t("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : t("v-if", !0),
-        o.$slots.default ? (n(), d(
+        o.$slots.default ? (n(), c(
           "span",
           {
             key: 2,
@@ -113,7 +113,7 @@ const D = /* @__PURE__ */ E({
           2
           /* CLASS */
         )) : t("v-if", !0),
-        B.value ? (n(), d(
+        B.value ? (n(), c(
           "div",
           {
             key: 3,
@@ -127,7 +127,7 @@ const D = /* @__PURE__ */ E({
               typeof o.rightIcon == "string" ? (n(), a(p(i), {
                 key: 0,
                 name: o.rightIcon
-              }, null, 8, ["name"])) : o.rightIcon ? (n(), a(c(o.rightIcon), { key: 1 })) : t("v-if", !0)
+              }, null, 8, ["name"])) : o.rightIcon ? (n(), a(d(o.rightIcon), { key: 1 })) : t("v-if", !0)
             ], !0)
           ],
           2
@@ -149,7 +149,7 @@ const D = /* @__PURE__ */ E({
   for (const [b, y] of v)
     i[b] = y;
   return i;
-}, N = /* @__PURE__ */ P(D, [["__scopeId", "data-v-395e94fc"]]);
+}, N = /* @__PURE__ */ P(D, [["__scopeId", "data-v-be73a6f1"]]);
 export {
   N as M,
   P as _