maz-ui 3.47.2-beta.5 → 3.47.2-beta.7

package/components/chunks/MazBtn-IPfW92RY.mjs

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

package/components/chunks/MazBtn-VU3XSEv8.mjs

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

package/components/chunks/{MazCard-BYB8y1_u.mjs → MazCard-BkcxQOWL.mjs}

@@ -42,7 +42,7 @@ import '../assets/MazCard.css';const R = {
     block: { type: Boolean }
   },
   setup(m) {
-    const o = m, v = c(() => import("./MazBtn-UnZQuu6P.mjs")), g = c(() => import("./MazGallery-VTZUhBKC.mjs")), z = c(() => import("./MazTransitionExpand-PmUDa51_.mjs")), S = c(() => import("./chevron-down-BkvtON3b.mjs")), M = H(), t = r(() => o.collapsible || o.collapsable), l = N(t.value ? o.collapseOpen : !0), k = r(() => o.href || o.to);
+    const o = m, v = c(() => import("./MazBtn-DFLIzh6y.mjs")), g = c(() => import("./MazGallery-BfdKcDIu.mjs")), z = c(() => import("./MazTransitionExpand-2Ft7atX1.mjs")), S = c(() => import("./chevron-down-BkvtON3b.mjs")), M = H(), t = r(() => o.collapsible || o.collapsable), l = N(t.value ? o.collapseOpen : !0), k = r(() => o.href || o.to);
     T(
       () => o.collapseOpen,
       (e) => {

package/components/chunks/{MazCarousel-DccWVW8H.mjs → MazCarousel-CSv4VpC9.mjs}

@@ -11,7 +11,7 @@ import '../assets/MazCarousel.css';const W = { key: 0 }, x = {
     hideScrollbar: { type: Boolean }
   },
   setup(l) {
-    const u = l, o = v(() => import("./MazBtn-BmrcK2af.mjs")), d = v(() => import("./chevron-left-BqVOLRdC.mjs")), f = v(() => import("./chevron-right-CbjzEeHV.mjs")), h = N(), b = _(!1), S = _(!1), m = _();
+    const u = l, o = v(() => import("./MazBtn-DER-sPjl.mjs")), d = v(() => import("./chevron-left-BqVOLRdC.mjs")), f = v(() => import("./chevron-right-CbjzEeHV.mjs")), h = N(), b = _(!1), S = _(!1), m = _();
     function L() {
       return !u.noScrollBtn || h.title;
     }

package/components/chunks/{MazCheckbox-BBL0vgqe.mjs → MazCheckbox-B9iBXhoG.mjs}

@@ -1,7 +1,7 @@
-import { defineComponent as I, useCssVars as N, computed as r, ref as E, openBlock as p, createElementBlock as h, unref as s, normalizeClass as c, normalizeStyle as A, createElementVNode as u, mergeProps as _, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as b, createCommentVNode as q } from "vue";
-import { u as F, _ as H } from "./MazSelect-DOiqBTNY.mjs";
-import K from "./check-C9Q_W85g.mjs";
-import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id", "checked", "disabled", "name"], U = { class: "m-checkbox__text" }, $ = /* @__PURE__ */ I({
+import { defineComponent as N, computed as r, ref as E, openBlock as v, createElementBlock as k, unref as c, normalizeClass as u, normalizeStyle as t, createElementVNode as d, mergeProps as A, createVNode as M, renderSlot as _, createTextVNode as D, toDisplayString as y, createCommentVNode as R } from "vue";
+import { u as $, _ as q } from "./MazSelect-DpLBpopb.mjs";
+import F from "./check-C9Q_W85g.mjs";
+import '../assets/MazCheckbox.css';const H = ["for", "aria-checked"], K = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -21,19 +21,13 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(v, { emit: k }) {
-    N((e) => ({
-      b7df6194: V.value,
-      "89a0ef50": y.value,
-      "199d7f11": g.value,
-      b0e1d658: x.value
-    }));
-    const o = v, l = k, d = F({
+  setup(z, { emit: g }) {
+    const o = z, l = g, i = $({
       componentName: "MazCheckbox",
       providedId: o.id
-    }), i = r(
+    }), m = r(
       () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
-    ), y = r(() => {
+    ), f = r(() => {
       switch (o.size) {
         case "xl":
           return "2rem";
@@ -48,7 +42,7 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
         default:
           return "1.5rem";
       }
-    }), z = r(() => {
+    }), V = r(() => {
       switch (o.size) {
         case "xl":
           return "maz-text-2xl";
@@ -63,83 +57,93 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
         default:
           return "maz-text-lg";
       }
-    }), V = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), g = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), x = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
-    function w(e) {
-      ["Space"].includes(e.code) && (e.preventDefault(), m(o.value ?? !o.modelValue));
-    }
+    }), x = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), w = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), h = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
     function C(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), p(o.value ?? !o.modelValue));
+    }
+    function S(e) {
       return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((a) => a !== e) : [...o.modelValue, e] : [e];
     }
-    function m(e) {
-      const a = C(e);
+    function p(e) {
+      const a = S(e);
       l("update:model-value", a), l("change", a);
     }
-    const t = E();
+    const n = E();
     function B(e) {
       var a;
-      (a = t.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
+      (a = n.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
     }
-    function S(e) {
+    function I(e) {
       var a;
-      (a = t.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
+      (a = n.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
     }
-    return (e, a) => (p(), h("label", {
-      for: s(d),
-      class: c(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
+    return (e, a) => (v(), k("label", {
+      for: c(i),
+      class: u(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
-      style: A(e.style),
+      style: t([e.style, { "--checkbox-selected-color": w.value, "--checkbox-box-shadow-color": h.value }]),
       role: "checkbox",
-      "aria-checked": i.value,
-      onKeydown: w,
+      "aria-checked": m.value,
+      onKeydown: C,
       onBlur: B,
-      onFocus: S
+      onFocus: I
     }, [
-      u("input", _({
-        id: s(d),
+      d("input", A({
+        id: c(i),
         ref_key: "inputRef",
-        ref: t,
-        checked: i.value
+        ref: n,
+        checked: m.value
       }, e.$attrs, {
         tabindex: "-1",
         disabled: e.disabled,
         name: e.name,
         type: "checkbox",
-        onChange: a[0] || (a[0] = (n) => {
-          var f;
-          return m(e.value ?? ((f = n == null ? void 0 : n.target) == null ? void 0 : f.checked));
+        onChange: a[0] || (a[0] = (s) => {
+          var b;
+          return p(e.value ?? ((b = s == null ? void 0 : s.target) == null ? void 0 : b.checked));
         })
-      }), null, 16, T),
-      u("span", null, [
-        M(s(K), {
-          class: c(["check-icon", z.value])
-        }, null, 8, ["class"])
-      ]),
-      u("div", U, [
-        D(e.$slots, "default", { value: e.value }, () => [
-          R(
-            b(e.label),
+      }), null, 16, K),
+      d(
+        "span",
+        {
+          style: t({ width: f.value, height: f.value })
+        },
+        [
+          M(c(F), {
+            class: u(["check-icon", V.value]),
+            style: t({ color: x.value })
+          }, null, 8, ["class", "style"])
+        ],
+        4
+        /* STYLE */
+      ),
+      d("div", P, [
+        _(e.$slots, "default", { value: e.value }, () => [
+          D(
+            y(e.label),
             1
             /* TEXT */
           )
         ], !0),
-        e.hint ? (p(), h(
+        e.hint ? (v(), k(
           "span",
           {
             key: 0,
-            class: c(["m-checkbox__hint", {
+            class: u(["m-checkbox__hint", {
               "--error": e.error,
               "--success": e.success,
               "--warning": e.warning
-            }])
+            }]),
+            style: t({ boxShadow: `0 0 0 0.125rem ${h.value}` })
           },
-          b(e.hint),
-          3
-          /* TEXT, CLASS */
-        )) : q("v-if", !0)
+          y(e.hint),
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : R("v-if", !0)
       ])
-    ], 46, P));
+    ], 46, H));
   }
-}), L = /* @__PURE__ */ H($, [["__scopeId", "data-v-178c6a46"]]);
+}), J = /* @__PURE__ */ q(T, [["__scopeId", "data-v-0ad2f376"]]);
 export {
-  L as default
+  J as default
 };

package/components/chunks/{MazCheckbox-BTl370Qq.mjs → MazCheckbox-BHhDBSbJ.mjs}

@@ -1,8 +1,8 @@
-import { defineComponent as I, useCssVars as N, computed as r, ref as E, openBlock as p, createElementBlock as h, unref as s, normalizeClass as c, normalizeStyle as A, createElementVNode as u, mergeProps as _, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as b, createCommentVNode as q } from "vue";
-import { u as F } from "./useInstanceUniqId-DW9jO1Sz.mjs";
-import H from "./check-C9Q_W85g.mjs";
-import { _ as K } from "./MazTable-BKdEx63E.mjs";
-import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id", "checked", "disabled", "name"], U = { class: "m-checkbox__text" }, $ = /* @__PURE__ */ I({
+import { defineComponent as N, computed as r, ref as E, openBlock as v, createElementBlock as k, unref as c, normalizeClass as u, normalizeStyle as t, createElementVNode as d, mergeProps as A, createVNode as M, renderSlot as _, createTextVNode as D, toDisplayString as y, createCommentVNode as R } from "vue";
+import { u as $ } from "./useInstanceUniqId-DW9jO1Sz.mjs";
+import q from "./check-C9Q_W85g.mjs";
+import { _ as F } from "./MazTable-DBiW_J2i.mjs";
+import '../assets/MazCheckbox.css';const H = ["for", "aria-checked"], K = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -22,19 +22,13 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(v, { emit: k }) {
-    N((e) => ({
-      b7df6194: V.value,
-      "89a0ef50": y.value,
-      "199d7f11": g.value,
-      b0e1d658: x.value
-    }));
-    const o = v, l = k, d = F({
+  setup(z, { emit: g }) {
+    const o = z, l = g, i = $({
       componentName: "MazCheckbox",
       providedId: o.id
-    }), i = r(
+    }), m = r(
       () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
-    ), y = r(() => {
+    ), f = r(() => {
       switch (o.size) {
         case "xl":
           return "2rem";
@@ -49,7 +43,7 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
         default:
           return "1.5rem";
       }
-    }), z = r(() => {
+    }), V = r(() => {
       switch (o.size) {
         case "xl":
           return "maz-text-2xl";
@@ -64,83 +58,93 @@ import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id",
         default:
           return "maz-text-lg";
       }
-    }), V = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), g = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), x = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
-    function w(e) {
-      ["Space"].includes(e.code) && (e.preventDefault(), m(o.value ?? !o.modelValue));
-    }
+    }), x = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), w = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), h = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
     function C(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), p(o.value ?? !o.modelValue));
+    }
+    function S(e) {
       return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((a) => a !== e) : [...o.modelValue, e] : [e];
     }
-    function m(e) {
-      const a = C(e);
+    function p(e) {
+      const a = S(e);
       l("update:model-value", a), l("change", a);
     }
-    const t = E();
+    const n = E();
     function B(e) {
       var a;
-      (a = t.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
+      (a = n.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
     }
-    function S(e) {
+    function I(e) {
       var a;
-      (a = t.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
+      (a = n.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
     }
-    return (e, a) => (p(), h("label", {
-      for: s(d),
-      class: c(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
+    return (e, a) => (v(), k("label", {
+      for: c(i),
+      class: u(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
-      style: A(e.style),
+      style: t([e.style, { "--checkbox-selected-color": w.value, "--checkbox-box-shadow-color": h.value }]),
       role: "checkbox",
-      "aria-checked": i.value,
-      onKeydown: w,
+      "aria-checked": m.value,
+      onKeydown: C,
       onBlur: B,
-      onFocus: S
+      onFocus: I
     }, [
-      u("input", _({
-        id: s(d),
+      d("input", A({
+        id: c(i),
         ref_key: "inputRef",
-        ref: t,
-        checked: i.value
+        ref: n,
+        checked: m.value
       }, e.$attrs, {
         tabindex: "-1",
         disabled: e.disabled,
         name: e.name,
         type: "checkbox",
-        onChange: a[0] || (a[0] = (n) => {
-          var f;
-          return m(e.value ?? ((f = n == null ? void 0 : n.target) == null ? void 0 : f.checked));
+        onChange: a[0] || (a[0] = (s) => {
+          var b;
+          return p(e.value ?? ((b = s == null ? void 0 : s.target) == null ? void 0 : b.checked));
         })
-      }), null, 16, T),
-      u("span", null, [
-        M(s(H), {
-          class: c(["check-icon", z.value])
-        }, null, 8, ["class"])
-      ]),
-      u("div", U, [
-        D(e.$slots, "default", { value: e.value }, () => [
-          R(
-            b(e.label),
+      }), null, 16, K),
+      d(
+        "span",
+        {
+          style: t({ width: f.value, height: f.value })
+        },
+        [
+          M(c(q), {
+            class: u(["check-icon", V.value]),
+            style: t({ color: x.value })
+          }, null, 8, ["class", "style"])
+        ],
+        4
+        /* STYLE */
+      ),
+      d("div", P, [
+        _(e.$slots, "default", { value: e.value }, () => [
+          D(
+            y(e.label),
             1
             /* TEXT */
           )
         ], !0),
-        e.hint ? (p(), h(
+        e.hint ? (v(), k(
           "span",
           {
             key: 0,
-            class: c(["m-checkbox__hint", {
+            class: u(["m-checkbox__hint", {
               "--error": e.error,
               "--success": e.success,
               "--warning": e.warning
-            }])
+            }]),
+            style: t({ boxShadow: `0 0 0 0.125rem ${h.value}` })
           },
-          b(e.hint),
-          3
-          /* TEXT, CLASS */
-        )) : q("v-if", !0)
+          y(e.hint),
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : R("v-if", !0)
       ])
-    ], 46, P));
+    ], 46, H));
   }
-}), O = /* @__PURE__ */ K($, [["__scopeId", "data-v-178c6a46"]]);
+}), L = /* @__PURE__ */ F(T, [["__scopeId", "data-v-0ad2f376"]]);
 export {
-  O as default
+  L as default
 };