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

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-4-B-zs6Y.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 "./MazInputPrice-D6fJN9yv.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-CCc9ajpj.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
+};

package/components/chunks/MazBtn-BVWOyFm-.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 "./MazCarousel-COTaKhKF.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-b90e3OQK.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-C60T0UDa.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 "./MazBottomSheet-DGsGO0zo.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-ZFhNCy24.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
+};