maz-ui 3.40.2 → 3.40.4

package/components/chunks/MazBtn-CauvhLv6.mjs

@@ -0,0 +1,151 @@
+import '../assets/MazBtn.css';
+import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
+import { _ as L } from "./MazDialogPromise-C4xTbUi9.mjs";
+const P = /* @__PURE__ */ E({
+  __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: { default: void 0 },
+    leftIcon: { default: void 0 },
+    rightIcon: { default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    contentClass: { default: void 0 }
+  },
+  setup(g) {
+    const z = h(() => import("./MazSpinner-DWts_Ogu.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
+    A(() => {
+      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), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
+    return (e, U) => (n(), a(r(v.value), {
+      disabled: b.value || void 0,
+      class: s(["m-btn", [
+        `--${e.size}`,
+        !e.fab && 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": M.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      type: T.value
+    }, {
+      default: D(() => [
+        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),
+        S.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"]));
+  }
+}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
+export {
+  V as default
+};

package/components/chunks/{MazBtn-WxZqpFgw.mjs → MazBtn-Ccvl1ZWv.mjs}

@@ -8,7 +8,7 @@ const L = /* @__PURE__ */ E({
     color: { default: "primary" },
     type: { default: "button" },
     rounded: { type: Boolean },
-    roundedSize: { default: void 0 },
+    roundedSize: { default: "lg" },
     noRounded: { type: Boolean },
     outline: { type: Boolean },
     pastel: { type: Boolean },
@@ -25,7 +25,7 @@ const L = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(u) {
-    const p = B(() => import("./MazSpinner-O0WGwdtL.mjs")), i = B(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: m } = R(), y = w(), e = u;
+    const p = B(() => import("./MazSpinner-B_WP-2kr.mjs")), i = B(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: m } = R(), y = w(), e = u;
     A(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -35,10 +35,10 @@ const L = /* @__PURE__ */ E({
       () => (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(() => !!y["left-icon"] || e.leftIcon), z = l(() => !!y["right-icon"] || e.rightIcon), M = l(() => k.value || z.value), S = l(() => e.fab && (e.icon || !!y.icon)), T = l(() => h.value === "button" ? e.type : void 0);
     return (o, U) => (n(), a(d(h.value), {
-      disabled: g.value,
+      disabled: g.value || void 0,
       class: r(["m-btn", [
         `--${o.size}`,
-        `--rounded-${o.roundedSize}`,
+        !o.fab && o.roundedSize && `--rounded-${o.roundedSize}`,
         I.value,
         C.value,
         $.value,
@@ -149,7 +149,7 @@ const L = /* @__PURE__ */ E({
   for (const [b, m] of p)
     i[b] = m;
   return i;
-}, N = /* @__PURE__ */ P(L, [["__scopeId", "data-v-b67e7c92"]]);
+}, N = /* @__PURE__ */ P(L, [["__scopeId", "data-v-4d87e490"]]);
 export {
   N as M,
   P as _

package/components/chunks/MazBtn-DWDitOvL.mjs

@@ -0,0 +1,151 @@
+import '../assets/MazBtn.css';
+import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
+import { _ as L } from "./MazPicker-_ndeWiCy.mjs";
+const P = /* @__PURE__ */ E({
+  __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: { default: void 0 },
+    leftIcon: { default: void 0 },
+    rightIcon: { default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    contentClass: { default: void 0 }
+  },
+  setup(g) {
+    const z = h(() => import("./MazSpinner-bGMoZfcX.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
+    A(() => {
+      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), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
+    return (e, U) => (n(), a(r(v.value), {
+      disabled: b.value || void 0,
+      class: s(["m-btn", [
+        `--${e.size}`,
+        !e.fab && 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": M.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      type: T.value
+    }, {
+      default: D(() => [
+        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),
+        S.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"]));
+  }
+}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
+export {
+  V as default
+};

package/components/chunks/{MazBtn-Ct6j9jc6.mjs → MazBtn-Da5Nh9ga.mjs}

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

package/components/chunks/MazBtn-Dnq16gKt.mjs

@@ -0,0 +1,151 @@
+import '../assets/MazBtn.css';
+import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
+import { _ as L } from "./MazPhoneNumberInput-CsBXHpCq.mjs";
+const P = /* @__PURE__ */ E({
+  __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: { default: void 0 },
+    leftIcon: { default: void 0 },
+    rightIcon: { default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    contentClass: { default: void 0 }
+  },
+  setup(g) {
+    const z = h(() => import("./MazSpinner-BmOvvC7W.mjs")), f = h(() => import("./MazIcon-BfD79t7M.mjs")), { href: k, to: B } = R(), p = w(), o = g;
+    A(() => {
+      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), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
+    return (e, U) => (n(), a(r(v.value), {
+      disabled: b.value || void 0,
+      class: s(["m-btn", [
+        `--${e.size}`,
+        !e.fab && 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": M.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      type: T.value
+    }, {
+      default: D(() => [
+        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),
+        S.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"]));
+  }
+}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
+export {
+  V as default
+};