maz-ui 3.36.4 → 3.37.0

package/README.md

@@ -33,6 +33,27 @@
 npm install maz-ui
 ```
 
+### Nuxt Module
+
+[Documentation](https://maz-ui.com/guide/nuxt)
+
+```bash
+npm install maz-ui
+```
+
+```ts
+// nuxt.config.js
+
+export default defineNuxtConfig({
+  modules: ['maz-ui/nuxt'],
+  mazUi: {
+    // Options
+  },
+})
+```
+
+All options of the module are available [here](https://maz-ui.com/guide/nuxt)
+
 ### @mazui/cli
 
 [Documentation & Commands](https://maz-ui.com/guide/cli)

package/components/MazAccordion.mjs

@@ -1,4 +1,4 @@
-import "./assets/MazAccordion.css";
+import './assets/MazAccordion.css';
 import { defineComponent as b, useCssVars as z, openBlock as v, createBlock as S, TransitionGroup as M, withCtx as y, renderSlot as m, nextTick as k, ref as $, computed as f, onMounted as I, onUnmounted as B, createElementBlock as g, normalizeClass as x, normalizeStyle as w, createElementVNode as p, getCurrentInstance as V, useSlots as O, Fragment as A, renderList as L, unref as _, createVNode as E, withDirectives as T, vShow as D } from "vue";
 const N = /* @__PURE__ */ b({
   __name: "MazTransitionExpand",
@@ -9,28 +9,28 @@ const N = /* @__PURE__ */ b({
     z((t) => ({
       "26239c6e": t.animationDuration
     }));
-    const a = (t) => {
-      const o = getComputedStyle(t).width;
-      t.style.width = o, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto", t.style.top = "bottom";
-      const l = getComputedStyle(t).height;
+    const i = (t) => {
+      const n = getComputedStyle(t).width;
+      t.style.width = n, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto", t.style.top = "bottom";
+      const s = getComputedStyle(t).height;
       t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, k(() => {
-        t.style.height = l;
+        t.style.height = s;
       });
-    }, s = (t) => {
+    }, o = (t) => {
       t.style.height = "auto";
     }, d = (t) => {
-      const o = getComputedStyle(t).height;
-      t.style.height = o, getComputedStyle(t).height, k(() => {
+      const n = getComputedStyle(t).height;
+      t.style.height = n, getComputedStyle(t).height, k(() => {
         t.style.height = "0px";
       });
     };
-    return (t, o) => (v(), S(M, {
+    return (t, n) => (v(), S(M, {
       class: "m-transition-expand",
       name: "maz-expand",
       tag: "div",
-      onEnter: o[0] || (o[0] = (l) => a(l)),
-      onAfterEnter: o[1] || (o[1] = (l) => s(l)),
-      onLeave: o[2] || (o[2] = (l) => d(l))
+      onEnter: n[0] || (n[0] = (s) => i(s)),
+      onAfterEnter: n[1] || (n[1] = (s) => o(s)),
+      onLeave: n[2] || (n[2] = (s) => d(s))
     }, {
       default: y(() => [
         m(t.$slots, "default", {}, void 0, !0)
@@ -39,11 +39,11 @@ const N = /* @__PURE__ */ b({
       /* FORWARDED */
     }));
   }
-}), C = (r, a) => {
-  const s = r.__vccOpts || r;
-  for (const [d, t] of a)
-    s[d] = t;
-  return s;
+}), C = (r, i) => {
+  const o = r.__vccOpts || r;
+  for (const [d, t] of i)
+    o[d] = t;
+  return o;
 }, j = /* @__PURE__ */ C(N, [["__scopeId", "data-v-49c2af88"]]), U = { class: "inner" }, q = { class: "content" }, F = /* @__PURE__ */ b({
   __name: "MazCardSpotlight",
   props: {
@@ -51,19 +51,19 @@ const N = /* @__PURE__ */ b({
     noElevation: { type: Boolean, default: !1 }
   },
   setup(r) {
-    z((i) => ({
-      "47fd60d9": l.value,
-      "9d8d754a": o.value
+    z((l) => ({
+      "4126589a": s.value,
+      "080f395c": n.value
     }));
-    const a = r, s = $(), d = $();
-    function t(i) {
+    const i = r, o = $(), d = $();
+    function t(l) {
       var c, h, e;
       const u = (c = d.value) == null ? void 0 : c.getBoundingClientRect();
-      u && ((e = (h = s.value) == null ? void 0 : h.animate) == null || e.call(
+      u && ((e = (h = o.value) == null ? void 0 : h.animate) == null || e.call(
         h,
         [
           {
-            transform: `translate(${i.clientX - u.left - u.width / 2}px,${i.clientY - u.top - u.height / 2}px)`
+            transform: `translate(${l.clientX - u.left - u.width / 2}px,${l.clientY - u.top - u.height / 2}px)`
           }
         ],
         {
@@ -72,30 +72,30 @@ const N = /* @__PURE__ */ b({
         }
       ));
     }
-    const o = f(() => `var(--maz-color-${a.color}-alpha)`), l = f(() => `var(--maz-color-${a.color}-alpha-20)`);
+    const n = f(() => `var(--maz-color-${i.color}-alpha)`), s = f(() => `var(--maz-color-${i.color}-alpha-20)`);
     return I(() => {
       window.addEventListener("mousemove", t);
     }), B(() => {
       window.removeEventListener("mousemove", t);
-    }), (i, u) => (v(), g(
+    }), (l, u) => (v(), g(
       "div",
       {
-        class: x(["card", { "maz-elevation": !i.noElevation }]),
-        style: w({ backgroundColor: l.value })
+        class: x(["m-card", { "maz-elevation": !l.noElevation }]),
+        style: w({ backgroundColor: s.value })
       },
       [
         p("div", U, [
           p("div", q, [
-            m(i.$slots, "default", {}, void 0, !0)
+            m(l.$slots, "default", {}, void 0, !0)
           ])
         ]),
         p(
           "div",
           {
             ref_key: "blobElement",
-            ref: s,
+            ref: o,
             class: "blob",
-            style: w({ backgroundColor: o.value })
+            style: w({ backgroundColor: n.value })
           },
           null,
           4
@@ -117,7 +117,7 @@ const N = /* @__PURE__ */ b({
       /* CLASS, STYLE */
     ));
   }
-}), G = /* @__PURE__ */ C(F, [["__scopeId", "data-v-01b19fcf"]]), P = {
+}), G = /* @__PURE__ */ C(F, [["__scopeId", "data-v-11af6ef3"]]), P = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -138,14 +138,16 @@ const N = /* @__PURE__ */ b({
 ), W = [
   R
 ];
-function X(r, a) {
+function X(r, i) {
   return v(), g("svg", P, [...W]);
 }
 const Y = { render: X }, H = ({
   componentName: r,
-  instance: a,
-  providedId: s
-}) => f(() => s ?? `${r}-${a == null ? void 0 : a.uid}`), J = {
+  providedId: i
+}) => {
+  const o = V();
+  return f(() => i ?? `${r}-${o == null ? void 0 : o.uid}`);
+}, J = {
   class: "m-accordion",
   role: "presentation"
 }, K = ["aria-controls", "aria-expanded", "onClick"], Q = ["id", "aria-labelledby", "aria-hidden"], Z = { class: "maz-p-4" }, tt = /* @__PURE__ */ b({
@@ -155,48 +157,47 @@ const Y = { render: X }, H = ({
     modelValue: { default: 0 }
   },
   emits: ["update:model-value"],
-  setup(r, { emit: a }) {
-    const s = r, d = a, t = H({
+  setup(r, { emit: i }) {
+    const o = r, d = i, t = H({
       componentName: "MazAccordion",
-      instance: V(),
-      providedId: s.id
-    }), o = O(), l = f(
-      () => Object.keys(o).filter((e) => e.startsWith("title-")).length
-    ), i = $(s.modelValue), u = f({
-      get: () => s.modelValue || i.value,
+      providedId: o.id
+    }), n = O(), s = f(
+      () => Object.keys(n).filter((e) => e.startsWith("title-")).length
+    ), l = $(o.modelValue), u = f({
+      get: () => o.modelValue || l.value,
       set: (e) => {
-        i.value = e, d("update:model-value", e);
+        l.value = e, d("update:model-value", e);
       }
     });
     function c(e) {
       return u.value === e;
     }
     function h(e) {
-      u.value === e ? (i.value = 0, d("update:model-value", 0)) : (i.value = e, d("update:model-value", e));
+      u.value === e ? (l.value = 0, d("update:model-value", 0)) : (l.value = e, d("update:model-value", e));
     }
     return (e, et) => (v(), g("div", J, [
       (v(!0), g(
         A,
         null,
-        L(l.value, (n) => (v(), S(
+        L(s.value, (a) => (v(), S(
           G,
           {
-            key: n,
+            key: a,
             class: "spotlight"
           },
           {
             default: y(() => [
               p("button", {
                 class: "header",
-                "aria-controls": `step-${n}-${_(t)}`,
-                "aria-expanded": c(n),
-                onClick: (ot) => h(n)
+                "aria-controls": `step-${a}-${_(t)}`,
+                "aria-expanded": c(a),
+                onClick: (ot) => h(a)
               }, [
-                m(e.$slots, `title-${n}`, {
-                  isOpen: c(n)
+                m(e.$slots, `title-${a}`, {
+                  isOpen: c(a)
                 }, void 0, !0),
                 E(_(Y), {
-                  class: x(["header-icon", { "--rotate": c(n) }])
+                  class: x(["header-icon", { "--rotate": c(a) }])
                 }, null, 8, ["class"])
               ], 8, K),
               E(
@@ -205,21 +206,21 @@ const Y = { render: X }, H = ({
                 {
                   default: y(() => [
                     T(p("div", {
-                      id: `step-${n}-${_(t)}`,
+                      id: `step-${a}-${_(t)}`,
                       role: "region",
-                      "aria-labelledby": `step-${n}-${_(t)}`,
-                      "aria-hidden": !c(n)
+                      "aria-labelledby": `step-${a}-${_(t)}`,
+                      "aria-hidden": !c(a)
                     }, [
                       p("div", Z, [
                         m(e.$slots, "content", {
-                          isOpen: c(n)
+                          isOpen: c(a)
                         }, void 0, !0),
-                        m(e.$slots, `content-${n}`, {
-                          isOpen: c(n)
+                        m(e.$slots, `content-${a}`, {
+                          isOpen: c(a)
                         }, void 0, !0)
                       ])
                     ], 8, Q), [
-                      [D, c(n)]
+                      [D, c(a)]
                     ])
                   ]),
                   _: 2
@@ -240,7 +241,7 @@ const Y = { render: X }, H = ({
       ))
     ]));
   }
-}), st = /* @__PURE__ */ C(tt, [["__scopeId", "data-v-1ca5e1a5"]]);
+}), at = /* @__PURE__ */ C(tt, [["__scopeId", "data-v-630c9b2d"]]);
 export {
-  st as default
+  at as default
 };

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazAvatar-Dv5LXKDM.mjs";
+import { M as f } from "./chunks/MazAvatar-QnbdAjGS.mjs";
 export {
   f as default
 };

package/components/MazBackdrop.mjs

@@ -1,6 +1,6 @@
-import "./assets/MazBackdrop.css";
+import './assets/MazBackdrop.css';
 import { defineComponent as A, ref as L, onMounted as V, watch as D, openBlock as p, createBlock as N, Teleport as S, createVNode as h, Transition as M, withCtx as P, createElementBlock as T, normalizeClass as f, createElementVNode as k, withModifiers as g, mergeProps as w, renderSlot as O, createCommentVNode as K } from "vue";
-const b = "--backdrop-present", _ = /* @__PURE__ */ A({
+const b = "--backdrop-present", F = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "MazBackdrop",
   props: {
@@ -33,29 +33,29 @@ const b = "--backdrop-present", _ = /* @__PURE__ */ A({
     function i() {
       t("update:model-value", !1), t("close"), l();
     }
-    function m() {
+    function u() {
       o.persistent || a();
     }
     function s(e) {
       !o.noCloseOnEscKey && e.key === "Escape" && !o.persistent && a();
     }
-    function u() {
+    function m() {
       E(), document.addEventListener("keyup", s, !1);
     }
     function l() {
       document.removeEventListener("keyup", s), B();
     }
     return V(() => {
-      o.modelValue ? u() : l();
+      o.modelValue ? m() : l();
     }), D(
       () => o.modelValue,
       (e) => {
-        n.value = e, e ? u() : l();
+        n.value = e, e ? m() : l();
       }
     ), v({
       onBackdropAnimationEnter: c,
       onBackdropAnimationLeave: i,
-      onBackdropClicked: m,
+      onBackdropClicked: u,
       close: a,
       present: n,
       toggleModal: d,
@@ -82,7 +82,7 @@ const b = "--backdrop-present", _ = /* @__PURE__ */ A({
                 {
                   class: f(["m-backdrop-overlay", { "--disabled": e.persistent }]),
                   tabindex: "-1",
-                  onClick: g(m, ["self"])
+                  onClick: g(u, ["self"])
                 },
                 null,
                 2
@@ -114,5 +114,5 @@ const b = "--backdrop-present", _ = /* @__PURE__ */ A({
   }
 });
 export {
-  _ as default
+  F as default
 };

package/components/MazBadge.mjs

@@ -1,5 +1,5 @@
-import "./assets/MazBadge.css";
-import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as p, normalizeStyle as d, renderSlot as u } from "vue";
+import './assets/MazBadge.css';
+import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as d, normalizeStyle as p, renderSlot as u } from "vue";
 const f = /* @__PURE__ */ n({
   __name: "MazBadge",
   props: {
@@ -14,12 +14,12 @@ const f = /* @__PURE__ */ n({
     return (e, a) => (r(), s(
       "span",
       {
-        class: p(["m-badge", [
+        class: d(["m-badge", [
           `--${e.color}`,
           { "--outline": e.outline, "--pastel": e.pastel, "--nowrap": e.nowrap },
           `--rounded-${e.roundedSize}`
         ]]),
-        style: d({ fontSize: e.size })
+        style: p({ fontSize: e.size })
       },
       [
         u(e.$slots, "default", {}, void 0, !0)
@@ -33,7 +33,7 @@ const f = /* @__PURE__ */ n({
   for (const [t, l] of e)
     a[t] = l;
   return a;
-}, z = /* @__PURE__ */ i(f, [["__scopeId", "data-v-a74e7e9a"]]);
+}, m = /* @__PURE__ */ i(f, [["__scopeId", "data-v-dbb6ac88"]]);
 export {
-  z as default
+  m as default
 };

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-BBrSS82i.mjs";
+import { M as f } from "./chunks/MazBottomSheet-DZ1n4bGL.mjs";
 export {
   f as default
 };

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-MuVROF9V.mjs";
+import { M as f } from "./chunks/MazBtn-CnkBOGKK.mjs";
 export {
   f as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-BF5zuDCX.mjs";
+import { M as f } from "./chunks/MazCard-CNE9c3L5.mjs";
 export {
   f as default
 };

package/components/MazCardSpotlight.mjs

@@ -1,4 +1,4 @@
-import "./assets/MazCardSpotlight.css";
+import './assets/MazCardSpotlight.css';
 import { defineComponent as _, useCssVars as b, ref as f, computed as p, onMounted as h, onUnmounted as k, openBlock as C, createElementBlock as E, normalizeClass as g, normalizeStyle as v, createElementVNode as c, renderSlot as y } from "vue";
 const z = { class: "inner" }, w = { class: "content" }, B = /* @__PURE__ */ _({
   __name: "MazCardSpotlight",
@@ -6,12 +6,12 @@ const z = { class: "inner" }, w = { class: "content" }, B = /* @__PURE__ */ _({
     color: { default: "primary" },
     noElevation: { type: Boolean, default: !1 }
   },
-  setup(l) {
+  setup(a) {
     b((e) => ({
-      "47fd60d9": i.value,
-      "9d8d754a": d.value
+      "4126589a": d.value,
+      "080f395c": i.value
     }));
-    const a = l, t = f(), n = f();
+    const l = a, t = f(), n = f();
     function r(e) {
       var m, s, u;
       const o = (m = n.value) == null ? void 0 : m.getBoundingClientRect();
@@ -28,7 +28,7 @@ const z = { class: "inner" }, w = { class: "content" }, B = /* @__PURE__ */ _({
         }
       ));
     }
-    const d = p(() => `var(--maz-color-${a.color}-alpha)`), i = p(() => `var(--maz-color-${a.color}-alpha-20)`);
+    const i = p(() => `var(--maz-color-${l.color}-alpha)`), d = p(() => `var(--maz-color-${l.color}-alpha-20)`);
     return h(() => {
       window.addEventListener("mousemove", r);
     }), k(() => {
@@ -36,8 +36,8 @@ const z = { class: "inner" }, w = { class: "content" }, B = /* @__PURE__ */ _({
     }), (e, o) => (C(), E(
       "div",
       {
-        class: g(["card", { "maz-elevation": !e.noElevation }]),
-        style: v({ backgroundColor: i.value })
+        class: g(["m-card", { "maz-elevation": !e.noElevation }]),
+        style: v({ backgroundColor: d.value })
       },
       [
         c("div", z, [
@@ -51,7 +51,7 @@ const z = { class: "inner" }, w = { class: "content" }, B = /* @__PURE__ */ _({
             ref_key: "blobElement",
             ref: t,
             class: "blob",
-            style: v({ backgroundColor: d.value })
+            style: v({ backgroundColor: i.value })
           },
           null,
           4
@@ -73,12 +73,12 @@ const z = { class: "inner" }, w = { class: "content" }, B = /* @__PURE__ */ _({
       /* CLASS, STYLE */
     ));
   }
-}), $ = (l, a) => {
-  const t = l.__vccOpts || l;
-  for (const [n, r] of a)
+}), $ = (a, l) => {
+  const t = a.__vccOpts || a;
+  for (const [n, r] of l)
     t[n] = r;
   return t;
-}, M = /* @__PURE__ */ $(B, [["__scopeId", "data-v-01b19fcf"]]);
+}, S = /* @__PURE__ */ $(B, [["__scopeId", "data-v-11af6ef3"]]);
 export {
-  M as default
+  S as default
 };

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-CwxTOUqt.mjs";
+import { M as f } from "./chunks/MazCarousel-CMJgMJf1.mjs";
 export {
   f as default
 };

package/components/MazCheckbox.mjs

@@ -1,16 +1,18 @@
-import "./assets/MazCheckbox.css";
-import { computed as r, openBlock as b, createElementBlock as k, createElementVNode as u, defineComponent as w, useCssVars as C, getCurrentInstance as I, unref as d, normalizeClass as p, normalizeStyle as S, mergeProps as B, createVNode as A, renderSlot as N } from "vue";
-const $ = ({
-  componentName: t,
-  instance: a,
-  providedId: n
-}) => r(() => n ?? `${t}-${a == null ? void 0 : a.uid}`), M = {
+import './assets/MazCheckbox.css';
+import { getCurrentInstance as _, computed as l, openBlock as p, createElementBlock as b, createElementVNode as u, defineComponent as w, useCssVars as C, unref as d, normalizeClass as h, normalizeStyle as I, mergeProps as S, createVNode as B, renderSlot as A } from "vue";
+const N = ({
+  componentName: a,
+  providedId: r
+}) => {
+  const e = _();
+  return l(() => r ?? `${a}-${e == null ? void 0 : e.uid}`);
+}, $ = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, E = /* @__PURE__ */ u(
+}, M = /* @__PURE__ */ u(
   "path",
   {
     stroke: "currentColor",
@@ -22,13 +24,13 @@ const $ = ({
   null,
   -1
   /* HOISTED */
-), j = [
-  E
+), E = [
+  M
 ];
-function q(t, a) {
-  return b(), k("svg", M, [...j]);
+function j(a, r) {
+  return p(), b("svg", $, [...E]);
 }
-const D = { render: q }, H = ["for", "aria-checked"], K = ["id", "checked", "disabled", "name"], O = /* @__PURE__ */ w({
+const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -48,20 +50,19 @@ const D = { render: q }, H = ["for", "aria-checked"], K = ["id", "checked", "dis
     /* emited when value change */
     "change"
   ],
-  setup(t, { emit: a }) {
+  setup(a, { emit: r }) {
     C((o) => ({
-      b8e5fc84: y.value,
-      "01c73ce0": x.value,
-      "911738ee": z.value,
-      "108a1568": V.value
+      "221b46ca": v.value,
+      "1d8faafd": k.value,
+      d0ccf3e8: y.value,
+      "40f85d62": z.value
     }));
-    const n = I(), e = t, c = a, i = $({
+    const e = a, n = r, c = N({
       componentName: "MazCheckbox",
-      instance: n,
       providedId: e.id
-    }), m = r(
+    }), i = l(
       () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
-    ), x = r(() => {
+    ), k = l(() => {
       switch (e.size) {
         case "xl":
           return "2.25rem";
@@ -76,7 +77,7 @@ const D = { render: q }, H = ["for", "aria-checked"], K = ["id", "checked", "dis
         case "mini":
           return "1.2rem";
       }
-    }), v = r(() => {
+    }), x = l(() => {
       switch (e.size) {
         case "xl":
           return "maz-text-2xl";
@@ -91,55 +92,55 @@ const D = { render: q }, H = ["for", "aria-checked"], K = ["id", "checked", "dis
         case "mini":
           return "maz-text-xs";
       }
-    }), y = r(() => `var(--maz-color-${e.color}-contrast)`), z = r(() => `var(--maz-color-${e.color})`), V = r(
+    }), v = l(() => `var(--maz-color-${e.color}-contrast)`), y = l(() => `var(--maz-color-${e.color})`), z = l(
       () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
     );
-    function g(o) {
-      ["Space"].includes(o.code) && (o.preventDefault(), f(e.value ?? !e.modelValue));
+    function V(o) {
+      ["Space"].includes(o.code) && (o.preventDefault(), m(e.value ?? !e.modelValue));
     }
-    function _(o) {
-      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((l) => l !== o) : [...e.modelValue, o] : [o];
+    function g(o) {
+      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((t) => t !== o) : [...e.modelValue, o] : [o];
     }
-    function f(o) {
-      const l = _(o);
-      c("update:model-value", l), c("change", l);
+    function m(o) {
+      const t = g(o);
+      n("update:model-value", t), n("change", t);
     }
-    return (o, l) => (b(), k("label", {
-      for: d(i),
-      class: p(["m-checkbox", [{ "--disabled": o.disabled }, e.class]]),
+    return (o, t) => (p(), b("label", {
+      for: d(c),
+      class: h(["m-checkbox", [{ "--disabled": o.disabled }, e.class]]),
       tabindex: "0",
-      style: S(o.style),
+      style: I(o.style),
       role: "checkbox",
-      "aria-checked": m.value,
-      onKeydown: g
+      "aria-checked": i.value,
+      onKeydown: V
     }, [
-      u("input", B({
-        id: d(i),
-        checked: m.value
+      u("input", S({
+        id: d(c),
+        checked: i.value
       }, o.$attrs, {
         tabindex: "-1",
         disabled: o.disabled,
         name: o.name,
         type: "checkbox",
-        onChange: l[0] || (l[0] = (s) => {
-          var h;
-          return f(o.value ?? ((h = s == null ? void 0 : s.target) == null ? void 0 : h.checked));
+        onChange: t[0] || (t[0] = (s) => {
+          var f;
+          return m(o.value ?? ((f = s == null ? void 0 : s.target) == null ? void 0 : f.checked));
         })
-      }), null, 16, K),
+      }), null, 16, H),
       u("span", null, [
-        A(d(D), {
-          class: p(["check-icon", v.value])
+        B(d(q), {
+          class: h(["check-icon", x.value])
         }, null, 8, ["class"])
       ]),
-      N(o.$slots, "default", {}, void 0, !0)
-    ], 46, H));
+      A(o.$slots, "default", {}, void 0, !0)
+    ], 46, D));
   }
-}), P = (t, a) => {
-  const n = t.__vccOpts || t;
-  for (const [e, c] of a)
-    n[e] = c;
-  return n;
-}, G = /* @__PURE__ */ P(O, [["__scopeId", "data-v-41945bef"]]);
+}), O = (a, r) => {
+  const e = a.__vccOpts || a;
+  for (const [n, c] of r)
+    e[n] = c;
+  return e;
+}, U = /* @__PURE__ */ O(K, [["__scopeId", "data-v-591244ca"]]);
 export {
-  G as default
+  U as default
 };