maz-ui 3.47.2-beta.2 → 3.47.2-beta.20

package/components/chunks/{MazAvatar-DFoZvWmg.mjs → MazAvatar-CZzOIbzh.mjs}

@@ -1,4 +1,4 @@
-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 { defineComponent as I, defineAsyncComponent as p, computed as c, 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 r, 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"
@@ -30,84 +30,84 @@ import '../assets/MazAvatar.css';const D = ["tabindex"], N = ["src", "alt", "loa
     loading: { default: "intersecting" }
   },
   emits: ["click", "intersecting", "loading", "loaded", "error"],
-  setup(r, { emit: s }) {
-    const a = r, d = s, c = p(() => import("./MazLazyImg-C03sUOXs.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);
+  setup(n, { emit: s }) {
+    const a = n, d = s, u = p(() => import("./MazLazyImg-DQLwaKKz.mjs")), C = p(() => import("./pencil-Z-mPplOz.mjs")), z = c(() => a.to ? "RouterLink" : a.href ? "a" : "div"), m = c(() => !!a.to || !!a.href);
+    function S(e, o = a.letterCount) {
+      return e.split(" ").map((B) => B[0]).join("").slice(0, o);
     }
-    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)
+    const w = c(() => a.src || !a.src && !a.caption);
+    function $(e) {
+      if (d("error", e.target), a.fallbackSrc && e.target instanceof HTMLImageElement) {
+        const o = new URL(e.target.src), t = new URL(a.fallbackSrc);
+        if (o.href === t.href)
           return;
-        o.target.src = a.fallbackSrc;
+        e.target.src = a.fallbackSrc;
       }
     }
-    return (o, e) => (l(), g(L(z.value), {
-      style: k([{ fontSize: o.size }, o.style]),
+    return (e, o) => (l(), g(L(z.value), {
+      style: k([{ fontSize: e.size }, e.style]),
       class: v(["m-avatar", [
         {
           "--has-link": m.value
         },
         a.class
       ]]),
-      href: o.href,
-      to: o.to,
-      target: m.value ? o.target : void 0
+      href: e.href,
+      to: e.to,
+      target: m.value ? e.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
+              "--has-shadow": !e.noElevation,
+              "--bordered": e.bordered,
+              "--clickable": e.clickable,
+              "--has-initial": !e.src && e.caption
             },
-            `--rounded-${o.square ? "none" : o.roundedSize}`
+            `--rounded-${e.square ? "none" : e.roundedSize}`
           ]]),
-          tabindex: o.clickable ? 0 : -1
+          tabindex: e.clickable ? 0 : -1
         }, [
           w.value ? (l(), i(
             M,
             { key: 0 },
             [
-              o.loading === "intersecting" ? (l(), g(y(c), P({ key: 0 }, o.$attrs, {
+              e.loading === "intersecting" ? (l(), g(y(u), P({ key: 0 }, e.$attrs, {
                 class: "m-avatar__picture maz-w-full maz-max-w-full",
-                src: o.src,
-                alt: o.alt,
-                "no-photo": o.noPhoto,
+                src: e.src,
+                alt: e.alt,
+                "no-photo": e.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))
+                "no-loader": e.noLoader,
+                "fallback-src": e.fallbackSrc,
+                onClick: o[0] || (o[0] = (t) => e.clickable ? e.$emit("click", t) : null),
+                onError: o[1] || (o[1] = (t) => e.$emit("error", t)),
+                onLoaded: o[2] || (o[2] = (t) => e.$emit("loaded", t)),
+                onLoading: o[3] || (o[3] = (t) => e.$emit("loading", t)),
+                onIntersecting: o[4] || (o[4] = (t) => e.$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,
+                src: e.src ?? e.fallbackSrc,
+                alt: e.alt,
+                loading: e.loading,
                 onError: $
               }, null, 40, N))
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : n("v-if", !0),
-          o.caption && !o.src ? f(o.$slots, "round-text", { key: 1 }, () => [
+          )) : r("v-if", !0),
+          e.caption && !e.src ? f(e.$slots, "round-text", { key: 1 }, () => [
             b(
               "span",
               R,
-              h(S(o.caption)),
+              h(S(e.caption)),
               1
               /* TEXT */
             )
-          ], !0) : n("v-if", !0),
-          o.clickable ? (l(), i(
+          ], !0) : r("v-if", !0),
+          e.clickable ? (l(), i(
             "button",
             {
               key: 2,
@@ -115,39 +115,39 @@ import '../assets/MazAvatar.css';const D = ["tabindex"], N = ["src", "alt", "loa
               tabindex: "-1",
               class: "m-avatar__button",
               style: k({
-                backgroundColor: o.src ? `var(--maz-color-${o.buttonColor}-alpha)` : `var(--maz-color-${o.buttonColor})`
+                backgroundColor: e.src ? `var(--maz-color-${e.buttonColor}-alpha)` : `var(--maz-color-${e.buttonColor})`
               }),
-              onClick: e[5] || (e[5] = (t) => o.$emit("click", t))
+              onClick: o[5] || (o[5] = (t) => e.$emit("click", t))
             },
             [
-              o.noClickableIcon ? n("v-if", !0) : f(o.$slots, "icon", { key: 0 }, () => [
+              e.noClickableIcon ? r("v-if", !0) : f(e.$slots, "icon", { key: 0 }, () => [
                 A(y(C), { class: "m-avatar__button__icon" })
               ], !0)
             ],
             4
             /* STYLE */
-          )) : n("v-if", !0)
+          )) : r("v-if", !0)
         ], 10, D),
-        f(o.$slots, "caption", {}, () => [
-          o.showCaption && o.caption ? (l(), i(
+        f(e.$slots, "caption", {}, () => [
+          e.showCaption && e.caption ? (l(), i(
             "p",
             V,
-            h(o.caption),
+            h(e.caption),
             1
             /* TEXT */
-          )) : n("v-if", !0)
+          )) : r("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;
+}), F = (n, s) => {
+  const a = n.__vccOpts || n;
+  for (const [d, u] of s)
+    a[d] = u;
   return a;
-}, j = /* @__PURE__ */ F(q, [["__scopeId", "data-v-6101dd1c"]]);
+}, j = /* @__PURE__ */ F(q, [["__scopeId", "data-v-6a26227d"]]);
 export {
   j as M,
   F as _

package/components/chunks/{MazBadge-CqppWg2j.mjs → MazBadge-DCzaExPj.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as a, createElementBlock as l, normalizeClass as t, normalizeStyle as n, renderSlot as r } from "vue";
-import { _ as s } from "./MazTabsBar-CM-w7V97.mjs";
+import { _ as s } from "./MazTabsBar--Xq_cpuz.mjs";
 import '../assets/MazBadge.css';const d = /* @__PURE__ */ o({
   __name: "MazBadge",
   props: {
@@ -28,7 +28,7 @@ import '../assets/MazBadge.css';const d = /* @__PURE__ */ o({
       /* CLASS, STYLE */
     ));
   }
-}), m = /* @__PURE__ */ s(d, [["__scopeId", "data-v-2b12426e"]]);
+}), m = /* @__PURE__ */ s(d, [["__scopeId", "data-v-e0711595"]]);
 export {
   m as default
 };

package/components/chunks/MazBottomSheet-DGsGO0zo.mjs

@@ -0,0 +1,224 @@
+import { openBlock as c, createElementBlock as $, createElementVNode as r, defineComponent as P, ref as j, onMounted as q, watch as F, nextTick as A, createBlock as b, Teleport as I, createVNode as z, Transition as K, withCtx as C, mergeProps as U, normalizeClass as L, withModifiers as X, renderSlot as D, createCommentVNode as N, defineAsyncComponent as G, unref as S } from "vue";
+import '../assets/MazBottomSheet.css';const H = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function J(t, s) {
+  return c(), $("svg", H, s[0] || (s[0] = [
+    r(
+      "path",
+      {
+        stroke: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "1.5",
+        d: "M6 18 18 6M6 6l12 12"
+      },
+      null,
+      -1
+      /* HOISTED */
+    )
+  ]));
+}
+const Q = { render: J }, R = {
+  role: "dialog",
+  class: "m-backdrop-container",
+  "aria-modal": "true"
+}, W = { class: "m-backdrop-wrapper" }, V = "--backdrop-present", Y = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "MazBackdrop",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    teleportSelector: { default: "body" },
+    beforeClose: { type: Function, default: void 0 },
+    persistent: { type: Boolean, default: !1 },
+    noCloseOnEscKey: { type: Boolean, default: !1 },
+    transitionName: { default: "backdrop-anim" },
+    backdropClass: { default: () => {
+    } },
+    backdropContentClass: { default: () => {
+    } },
+    contentPadding: { type: Boolean, default: !1 },
+    justify: { default: "none" },
+    align: { default: "none" },
+    variant: {}
+  },
+  emits: ["open", "close", "update:model-value", "before-close"],
+  setup(t, { expose: s, emit: i }) {
+    const l = i;
+    function n() {
+      document.documentElement.classList.add(V);
+    }
+    function d() {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(V);
+    }
+    const o = j(t.modelValue);
+    function u() {
+      g(!1);
+    }
+    async function g(e) {
+      var a;
+      e || (l("before-close"), await ((a = t.beforeClose) == null ? void 0 : a.call(t))), o.value = e;
+    }
+    function h() {
+      l("open");
+    }
+    function B() {
+      l("update:model-value", !1), l("close"), v();
+    }
+    function f() {
+      t.persistent || u();
+    }
+    function p(e) {
+      !t.noCloseOnEscKey && e.key === "Escape" && !t.persistent && u();
+    }
+    function E() {
+      n(), document.addEventListener("keyup", p, !1);
+    }
+    function v() {
+      document.removeEventListener("keyup", p), d();
+    }
+    q(() => {
+      t.modelValue ? E() : v();
+    });
+    let m = null;
+    function T(e) {
+      const a = document.querySelector(e), k = a && Array.from(a.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), y = k == null ? void 0 : k.filter((w) => {
+        const M = window.getComputedStyle(w);
+        return M.display !== "none" && M.visibility !== "hidden" && !w.disabled;
+      });
+      return y && y.length > 0 ? y[0] : null;
+    }
+    return F(
+      () => t.modelValue,
+      async (e) => {
+        if (o.value = e, e) {
+          E(), m = document.activeElement, await A();
+          const a = T(".m-backdrop-content");
+          a == null || a.focus();
+        } else
+          v(), await A(), m == null || m.focus();
+      }
+    ), s({
+      onBackdropAnimationEnter: h,
+      onBackdropAnimationLeave: B,
+      onBackdropClicked: f,
+      close: u,
+      present: o,
+      toggleModal: g,
+      onKeyPress: p
+    }), (e, a) => (c(), b(I, { to: e.teleportSelector }, [
+      z(K, {
+        appear: "",
+        name: e.transitionName,
+        onAfterEnter: h,
+        onAfterLeave: B
+      }, {
+        default: C(() => [
+          o.value ? (c(), $(
+            "div",
+            U({
+              key: 0,
+              class: "m-backdrop --present"
+            }, e.$attrs, {
+              class: [e.backdropClass, e.variant && `--variant-${e.variant}`, { "--persistent": e.persistent }]
+            }),
+            [
+              r("div", R, [
+                r("div", W, [
+                  r(
+                    "div",
+                    {
+                      class: L(["m-backdrop-content", [e.backdropContentClass, `--justify-${e.justify}`, `--align-${e.align}`, { "--padding": e.contentPadding }]]),
+                      role: "button",
+                      tabindex: "-1",
+                      onClick: X(f, ["self"])
+                    },
+                    [
+                      D(e.$slots, "default", {
+                        close: u,
+                        onBackdropClicked: f
+                      }, void 0, !0)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ])
+            ],
+            16
+            /* FULL_PROPS */
+          )) : N("v-if", !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["name"])
+    ], 8, ["to"]));
+  }
+}), O = (t, s) => {
+  const i = t.__vccOpts || t;
+  for (const [l, n] of s)
+    i[l] = n;
+  return i;
+}, Z = /* @__PURE__ */ O(Y, [["__scopeId", "data-v-7aa1682e"]]), x = /* @__PURE__ */ P({
+  __name: "MazBottomSheet",
+  props: {
+    modelValue: { type: Boolean },
+    noClose: { type: Boolean },
+    noPadding: { type: Boolean }
+  },
+  emits: ["update:model-value", "open", "close"],
+  setup(t, { emit: s }) {
+    const i = s, l = G(() => import("./MazBtn-C60T0UDa.mjs"));
+    return (n, d) => (c(), b(Z, {
+      "model-value": n.modelValue,
+      "transition-name": "bottom-sheet-anim",
+      "backdrop-class": "--bottom-sheet",
+      "content-padding": !1,
+      align: "end",
+      justify: "none",
+      variant: "bottom-sheet",
+      onClose: d[0] || (d[0] = (o) => n.$emit("close", o)),
+      onOpen: d[1] || (d[1] = (o) => n.$emit("open", o)),
+      "onUpdate:modelValue": d[2] || (d[2] = (o) => i("update:model-value", o))
+    }, {
+      default: C(({ close: o }) => [
+        r(
+          "div",
+          {
+            class: L(["m-bottom-sheet__container", {
+              "--no-padding": n.noPadding
+            }])
+          },
+          [
+            D(n.$slots, "default", { close: o }, void 0, !0),
+            n.noClose ? N("v-if", !0) : (c(), b(S(l), {
+              key: 0,
+              size: "sm",
+              class: "m-bottom-sheet__close",
+              color: "transparent",
+              onClick: o
+            }, {
+              default: C(() => [
+                z(S(Q), { class: "maz-text-lg" })
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["onClick"]))
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["model-value"]));
+  }
+}), te = /* @__PURE__ */ O(x, [["__scopeId", "data-v-2a65e628"]]);
+export {
+  te as M,
+  O as _
+};

package/components/chunks/MazBtn-B5ioqwkK.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
+import { _ as F } from "./MazSelect-CyWAOXo4.mjs";
+import '../assets/MazBtn.css';const O = {
+  key: 0,
+  class: "m-btn-loader-container"
+}, A = /* @__PURE__ */ C({
+  __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 },
+    justify: { default: "center" }
+  },
+  setup(y) {
+    const n = y, v = m(() => import("./MazSpinner-DYE8e9xl.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
+    return (e, D) => (t(), l(r(f.value), {
+      disabled: p.value || void 0,
+      class: a(["m-btn", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        g.value,
+        B.value,
+        k.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": p.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      style: S([`--justify: ${e.justify}`]),
+      type: h.value
+    }, {
+      default: j(() => [
+        i(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.leftIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.leftIcon ? (t(), l(r(e.leftIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "icon", {}, () => [
+          typeof e.icon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.icon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.icon ? (t(), l(r(e.icon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "default", {}, void 0, !0),
+        i(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.rightIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.rightIcon ? (t(), l(r(e.rightIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        I.value ? (t(), M("div", O, [
+          E(u(v), {
+            size: "2em",
+            color: e.color
+          }, null, 8, ["color"])
+        ])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "style", "type"]));
+  }
+}), R = /* @__PURE__ */ F(A, [["__scopeId", "data-v-bee684ff"]]);
+export {
+  R as default
+};

package/components/chunks/MazBtn-BS2kvd1Z.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
+import { _ as F } from "./MazDrawer-Bas9dy0D.mjs";
+import '../assets/MazBtn.css';const O = {
+  key: 0,
+  class: "m-btn-loader-container"
+}, A = /* @__PURE__ */ C({
+  __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 },
+    justify: { default: "center" }
+  },
+  setup(y) {
+    const n = y, v = m(() => import("./MazSpinner-C6h03sqc.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
+    return (e, D) => (t(), l(r(f.value), {
+      disabled: p.value || void 0,
+      class: a(["m-btn", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        g.value,
+        B.value,
+        k.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": p.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      style: S([`--justify: ${e.justify}`]),
+      type: h.value
+    }, {
+      default: j(() => [
+        i(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.leftIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.leftIcon ? (t(), l(r(e.leftIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "icon", {}, () => [
+          typeof e.icon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.icon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.icon ? (t(), l(r(e.icon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "default", {}, void 0, !0),
+        i(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.rightIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.rightIcon ? (t(), l(r(e.rightIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        I.value ? (t(), M("div", O, [
+          E(u(v), {
+            size: "2em",
+            color: e.color
+          }, null, 8, ["color"])
+        ])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "style", "type"]));
+  }
+}), R = /* @__PURE__ */ F(A, [["__scopeId", "data-v-bee684ff"]]);
+export {
+  R as default
+};