maz-ui 3.37.0 → 3.37.2

package/components/chunks/{MazTable-BhDfeDU1.mjs → MazTable-DrFqDO-J.mjs}

@@ -1,12 +1,12 @@
 import '../assets/MazTable.css';
-import { openBlock as r, createElementBlock as g, createElementVNode as C, getCurrentInstance as tt, computed as c, defineComponent as oe, defineAsyncComponent as Y, ref as T, onMounted as ot, useSlots as Te, normalizeClass as S, normalizeStyle as ne, createCommentVNode as u, renderSlot as V, createBlock as I, unref as b, resolveDynamicComponent as ce, withDirectives as He, mergeProps as Pe, toHandlers as lt, vModelDynamic as at, createTextVNode as ue, toDisplayString as x, withModifiers as de, withCtx as L, createVNode as _, nextTick as ke, useCssVars as Ve, onBeforeMount as Oe, Transition as nt, Fragment as be, renderList as we, useAttrs as st, inject as rt, pushScopeId as Re, popScopeId as qe, toRefs as it, provide as ut, watch as ge } from "vue";
+import { openBlock as r, createElementBlock as g, createElementVNode as B, getCurrentInstance as tt, computed as c, defineComponent as oe, defineAsyncComponent as Z, ref as T, onMounted as ot, useSlots as Te, normalizeClass as S, normalizeStyle as se, createCommentVNode as u, renderSlot as V, createBlock as I, unref as b, resolveDynamicComponent as ce, withDirectives as He, mergeProps as Pe, toHandlers as lt, vModelDynamic as at, createTextVNode as ne, toDisplayString as Y, withModifiers as de, withCtx as L, createVNode as _, nextTick as ke, useCssVars as Ve, onBeforeMount as Oe, Transition as nt, Fragment as be, renderList as we, useAttrs as st, inject as rt, pushScopeId as Re, popScopeId as qe, toRefs as it, provide as ut, watch as ge } from "vue";
 const dt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, ct = /* @__PURE__ */ C(
+}, ct = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -34,7 +34,7 @@ const We = { render: Qe }, ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, vt = /* @__PURE__ */ C(
+}, vt = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -58,7 +58,7 @@ const yt = { render: ht }, gt = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, zt = /* @__PURE__ */ C(
+}, zt = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -82,7 +82,7 @@ const De = { render: wt }, $t = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Vt = /* @__PURE__ */ C(
+}, Vt = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -101,7 +101,7 @@ function St(s, d) {
   return r(), g("svg", $t, [...It]);
 }
 const je = { render: St };
-function Ct(s, d) {
+function Bt(s, d) {
   let t;
   return function(...z) {
     clearTimeout(t), t = setTimeout(() => {
@@ -115,7 +115,7 @@ const Ne = ({
 }) => {
   const t = tt();
   return c(() => d ?? `${s}-${t == null ? void 0 : t.uid}`);
-}, Bt = {
+}, Ct = {
   key: 0,
   class: "m-input-wrapper-left"
 }, _t = { class: "m-input-wrapper-input" }, Mt = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], At = { key: 0 }, Kt = {
@@ -154,11 +154,12 @@ const Ne = ({
     borderActive: { type: Boolean, default: !1 },
     leftIcon: { default: void 0 },
     rightIcon: { default: void 0 },
-    roundedSize: { default: void 0 }
+    roundedSize: { default: void 0 },
+    block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(s, { emit: d }) {
-    const t = Y(() => Promise.resolve().then(() => Qt)), z = Y(() => import("./MazIcon-Bspx_Ojq.mjs")), w = Y(() => import("./eye-slash-tjfxO0LK.mjs")), v = Y(() => import("./eye-DqO_Jx56.mjs")), l = Y(() => Promise.resolve().then(() => no)), f = s, O = d, $ = T(!1), N = T(!1), F = T(), B = Ne({
+    const t = Z(() => Promise.resolve().then(() => Qt)), z = Z(() => import("./MazIcon-BTsi1M-S.mjs")), w = Z(() => import("./eye-slash-tjfxO0LK.mjs")), v = Z(() => import("./eye-DqO_Jx56.mjs")), l = Z(() => Promise.resolve().then(() => no)), f = s, O = d, $ = T(!1), N = T(!1), F = T(), C = Ne({
       componentName: "MazInput",
       providedId: f.id
     });
@@ -166,7 +167,7 @@ const Ne = ({
       var a;
       f.autoFocus && ((a = F.value) == null || a.focus());
     });
-    const H = c(() => f.type === "password"), y = c(() => $.value ? "text" : f.type), M = c(() => {
+    const H = c(() => f.type === "password"), h = c(() => $.value ? "text" : f.type), M = c(() => {
       if (!f.noBorder) {
         if (f.error)
           return "maz-border-danger";
@@ -198,7 +199,7 @@ const Ne = ({
       const { required: a, placeholder: E } = f;
       if (E)
         return a ? `${E} *` : E;
-    }), h = c(() => W.value !== void 0 && W.value !== ""), ee = Ct(
+    }), y = c(() => W.value !== void 0 && W.value !== ""), ee = Bt(
       (a) => {
         W.value = a;
       },
@@ -210,11 +211,11 @@ const Ne = ({
           return ee(a);
         O("update:model-value", a);
       }
-    }), te = c(() => (!!f.label || !!f.hint) && (N.value || !!h.value || !!f.placeholder || ["date", "month", "week"].includes(f.type))), se = c(() => !!f.label || !!f.hint);
+    }), te = c(() => (!!f.label || !!f.hint) && (N.value || !!y.value || !!f.placeholder || ["date", "month", "week"].includes(f.type))), re = c(() => !!f.label || !!f.hint);
     function R() {
       return !!P["right-icon"] || H.value || !!P["valid-button"] || f.validButton || !!f.rightIcon;
     }
-    function Z() {
+    function J() {
       return !!P["left-icon"] || !!f.leftIcon;
     }
     function fe(a) {
@@ -233,20 +234,21 @@ const Ne = ({
           {
             "--is-focused": N.value || a.borderActive,
             "--should-up": te.value,
-            "--has-label": se.value,
+            "--has-label": re.value,
             "--is-disabled": a.disabled,
             "--is-readonly": a.readonly,
             "--has-z-2": a.error || a.warning || a.success,
-            "--has-state": a.error || a.warning || a.success
+            "--has-state": a.error || a.warning || a.success,
+            "--block": a.block
           },
           f.class,
           `--${a.color}`,
           `--${a.size}`
         ]]),
-        style: ne(a.style)
+        style: se(a.style)
       },
       [
-        C(
+        B(
           "div",
           {
             class: S(["m-input-wrapper", [
@@ -256,7 +258,7 @@ const Ne = ({
             ]])
           },
           [
-            Z() ? (r(), g("div", Bt, [
+            J() ? (r(), g("div", Ct, [
               u(`
           @slot left-icon - The icon to display on the left of the input
         `),
@@ -271,13 +273,13 @@ const Ne = ({
                 })) : u("v-if", !0)
               ], !0) : u("v-if", !0)
             ])) : u("v-if", !0),
-            C("div", _t, [
-              He(C("input", Pe({
-                id: b(B),
+            B("div", _t, [
+              He(B("input", Pe({
+                id: b(C),
                 ref_key: "input",
                 ref: F,
-                "onUpdate:modelValue": E[0] || (E[0] = (J) => W.value = J),
-                type: y.value,
+                "onUpdate:modelValue": E[0] || (E[0] = (X) => W.value = X),
+                type: h.value,
                 name: a.name
               }, a.$attrs, {
                 inputmode: a.inputmode,
@@ -292,7 +294,7 @@ const Ne = ({
                 focus: fe,
                 change: D
               }, !0), {
-                onClick: E[1] || (E[1] = (J) => a.$emit("click", J))
+                onClick: E[1] || (E[1] = (X) => a.$emit("click", X))
               }), null, 16, Mt), [
                 [at, W.value]
               ]),
@@ -310,8 +312,8 @@ const Ne = ({
                   ]])
                 },
                 [
-                  ue(
-                    x(a.hint || a.label) + " ",
+                  ne(
+                    Y(a.hint || a.label) + " ",
                     1
                     /* TEXT */
                   ),
@@ -340,7 +342,7 @@ const Ne = ({
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: E[2] || (E[2] = de((J) => $.value = !$.value, ["stop"]))
+                onClick: E[2] || (E[2] = de((X) => $.value = !$.value, ["stop"]))
               }, {
                 default: L(() => [
                   $.value ? (r(), I(b(w), {
@@ -389,10 +391,10 @@ const Ne = ({
   for (const [z, w] of d)
     t[z] = w;
   return t;
-}, Ke = /* @__PURE__ */ le(Lt, [["__scopeId", "data-v-f1c52a34"]]);
-let Be = null;
+}, Ke = /* @__PURE__ */ le(Lt, [["__scopeId", "data-v-78090be8"]]);
+let Ce = null;
 function Tt(s, d) {
-  Be && clearTimeout(Be), Be = setTimeout(s, d);
+  Ce && clearTimeout(Ce), Ce = setTimeout(s, d);
 }
 const $e = "__maz-click-outside__", Ge = () => document.ontouchstart === null ? "touchstart" : "click";
 async function Ye(s, d) {
@@ -500,24 +502,25 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
     open: { type: Boolean },
     multiple: { type: Boolean },
     required: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    block: { type: Boolean }
   },
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(s, { emit: d }) {
     Ve((e) => ({
-      "6bda47a8": H.value,
-      b7398b32: F.value,
-      "1dd97a8f": B.value
+      "2223ba14": H.value,
+      "619dedd3": F.value,
+      "72c218fb": C.value
     }));
-    const t = Y(() => Promise.resolve().then(() => uo)), z = Y(() => Promise.resolve().then(() => ft)), w = Y(() => import("./chevron-down-CzMH-gFW.mjs")), v = Y(() => import("./no-symbol-QAqP9IlR.mjs")), l = s, f = d, O = T(!1), $ = T(), N = c(
+    const t = Z(() => Promise.resolve().then(() => uo)), z = Z(() => Promise.resolve().then(() => ft)), w = Z(() => import("./chevron-down-CzMH-gFW.mjs")), v = Z(() => import("./no-symbol-QAqP9IlR.mjs")), l = s, f = d, O = T(!1), $ = T(), N = c(
       () => ["black", "transparent", "white"].includes(l.color)
     ), F = c(
       () => N.value ? "var(--maz-color-black)" : `var(--maz-color-${l.color}-800)`
-    ), B = c(
+    ), C = c(
       () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${l.color}-100)`
     ), H = c(
       () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${l.color}-200)`
-    ), y = c(() => O.value || l.open), M = Ne({
+    ), h = c(() => O.value || l.open), M = Ne({
       componentName: "MazSelect",
       providedId: l.id
     });
@@ -536,7 +539,7 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
         [l.optionInputValueKey]: e[l.optionInputValueKey]
       };
     }
-    const h = c(() => {
+    const y = c(() => {
       var n;
       const e = [];
       if (!((n = l.options) != null && n.length))
@@ -552,15 +555,15 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
     }), ee = c(
       () => {
         var e;
-        return ((e = h.value) == null ? void 0 : e.filter((n) => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue.includes(n[l.optionValueKey]) && !R(n[l.optionValueKey]) : !1 : l.modelValue === n[l.optionValueKey] && !R(n[l.optionValueKey]))) ?? [];
+        return ((e = y.value) == null ? void 0 : e.filter((n) => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue.includes(n[l.optionValueKey]) && !R(n[l.optionValueKey]) : !1 : l.modelValue === n[l.optionValueKey] && !R(n[l.optionValueKey]))) ?? [];
       }
     );
     Oe(() => {
       var e;
       (e = l.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), p();
     });
-    const pe = T(), W = T(), te = T(), se = T(), R = (e) => e == null;
-    function Z(e) {
+    const pe = T(), W = T(), te = T(), re = T(), R = (e) => e == null;
+    function J(e) {
       var i;
       return (((i = ee.value) == null ? void 0 : i.some(
         (m) => m[l.optionValueKey] === e[l.optionValueKey]
@@ -572,10 +575,10 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
         return l.modelValue.map(
           (i) => {
             var m, A;
-            return (A = (m = h.value) == null ? void 0 : m.find((j) => j[l.optionValueKey] === i)) == null ? void 0 : A[l.optionInputValueKey];
+            return (A = (m = y.value) == null ? void 0 : m.find((j) => j[l.optionValueKey] === i)) == null ? void 0 : A[l.optionInputValueKey];
           }
         ).join(", ");
-      const e = (n = h.value) == null ? void 0 : n.find(
+      const e = (n = y.value) == null ? void 0 : n.find(
         (i) => i[l.optionValueKey] === l.modelValue
       );
       return R(l.modelValue) || e == null ? void 0 : e[l.optionInputValueKey];
@@ -585,27 +588,27 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
     function E(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
-    const J = (e, n) => n && e && E(e.toString().toLocaleLowerCase().trim()).includes(
+    const X = (e, n) => n && e && E(e.toString().toLocaleLowerCase().trim()).includes(
       E(n.toLocaleLowerCase().trim())
     );
-    function X(e) {
+    function x(e) {
       var n;
-      return e ? (n = h.value) == null ? void 0 : n.filter((i) => {
+      return e ? (n = y.value) == null ? void 0 : n.filter((i) => {
         const m = i[l.optionLabelKey], A = i[l.optionValueKey], j = i[l.optionInputValueKey];
-        return J(m, e) || J(j, e) || J(A, e) || typeof m == "string" && _e(m, e).isMatching.value || typeof j == "string" && _e(j, e).isMatching.value || typeof A == "string" && _e(A, e).isMatching.value;
-      }) : h.value;
+        return X(m, e) || X(j, e) || X(A, e) || typeof m == "string" && _e(m, e).isMatching.value || typeof j == "string" && _e(j, e).isMatching.value || typeof A == "string" && _e(A, e).isMatching.value;
+      }) : y.value;
     }
-    const G = c(() => X(D.value));
+    const G = c(() => x(D.value));
     async function ae(e) {
       var n;
-      if (y.value) {
+      if (h.value) {
         if (e && ("relatedTarget" in e && ((n = pe.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
           return e.preventDefault();
         await ke(), O.value = !1, $.value = 0, f("close", e);
       }
     }
     async function q(e) {
-      l.disabled || y.value || (e == null || e.preventDefault(), O.value = !0, await k(), f("focus", e), f("open", O.value));
+      l.disabled || h.value || (e == null || e.preventDefault(), O.value = !0, await k(), f("focus", e), f("open", O.value));
     }
     function U() {
       var e, n;
@@ -621,29 +624,29 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
     function Se(e) {
       var i;
       e === "Backspace" && a.value.length > 0 ? a.value = a.value.slice(0, -1) : a.value += e;
-      const n = X(a.value);
+      const n = x(a.value);
       n != null && n.length && ($.value = (i = G.value) == null ? void 0 : i.findIndex(
         (m) => m[l.optionValueKey] === n[0][l.optionValueKey]
       ), typeof $.value == "number" && $.value >= 0 && k($.value)), Tt(() => {
         a.value = "";
       }, 1e3);
     }
-    const Ce = (e) => {
+    const Be = (e) => {
       const n = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), q(e), l.search ? he(n) : Se(n)) : re(e);
-    }, re = (e) => {
-      const n = e.code, i = ["ArrowUp", "ArrowDown"].includes(n), m = ["Enter", "Space"].includes(n), A = n === "Escape" && y.value;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), q(e), l.search ? he(n) : Se(n)) : ie(e);
+    }, ie = (e) => {
+      const n = e.code, i = ["ArrowUp", "ArrowDown"].includes(n), m = ["Enter", "Space"].includes(n), A = n === "Escape" && h.value;
       i ? ye(e, $.value) : m ? o(e, $.value) : A && ae();
     }, ye = (e, n) => {
       var A;
       e.preventDefault();
       const i = e.code;
-      y.value || q(e);
+      h.value || q(e);
       const m = (A = G.value) == null ? void 0 : A.length;
       m && (typeof n == "number" ? n === m - 1 && i === "ArrowDown" ? $.value = 0 : n === 0 && i === "ArrowUp" ? $.value = m - 1 : $.value = i === "ArrowDown" ? n + 1 : n - 1 : $.value = i === "ArrowDown" ? 0 : m - 1, k($.value));
     }, o = (e, n) => {
       var m, A, j;
-      if (e.preventDefault(), !y.value)
+      if (e.preventDefault(), !h.value)
         return q(e);
       const i = n ? ((m = G.value) == null ? void 0 : m[n]) ?? ((A = G.value) == null ? void 0 : A[0]) : (j = G.value) == null ? void 0 : j[0];
       R(i) || K(i);
@@ -652,7 +655,7 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
       var i, m;
       await ke(), typeof e != "number" && p();
       const n = e ?? $.value;
-      typeof n == "number" && n >= 0 && ((m = (i = se.value) == null ? void 0 : i.querySelectorAll(".m-select-list-item")[n]) == null || m.scrollIntoView({
+      typeof n == "number" && n >= 0 && ((m = (i = re.value) == null ? void 0 : i.querySelectorAll(".m-select-list-item")[n]) == null || m.scrollIntoView({
         behavior: "auto",
         block: "center",
         inline: "center"
@@ -670,13 +673,13 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
       var j;
       n && !l.multiple && ke(() => ae()), D.value = "";
       const i = (j = ee.value) == null ? void 0 : j.some(
-        (ie) => ie[l.optionValueKey] === e[l.optionValueKey]
+        (ue) => ue[l.optionValueKey] === e[l.optionValueKey]
       );
       let m = ee.value;
       i && l.multiple ? m = m == null ? void 0 : m.filter(
-        (ie) => ie[l.optionValueKey] !== e[l.optionValueKey]
+        (ue) => ue[l.optionValueKey] !== e[l.optionValueKey]
       ) : l.multiple ? m.push(e) : m = [e];
-      const A = m.map((ie) => ie[l.optionValueKey]);
+      const A = m.map((ue) => ue[l.optionValueKey]);
       f("update:model-value", l.multiple ? A : A[0]), f("selected-option", e), p(e), U();
     };
     return (e, n) => He((r(), g(
@@ -684,8 +687,12 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
       {
         ref_key: "mazSelectElement",
         ref: pe,
-        class: S(["m-select", [{ "--is-open": y.value, "--disabled": e.disabled }, l.class, `--${e.size}`]]),
-        style: ne(e.style)
+        class: S(["m-select", [
+          { "--is-open": h.value, "--disabled": e.disabled, "--block": e.block },
+          l.class,
+          `--${e.size}`
+        ]]),
+        style: se(e.style)
       },
       [
         _(Ke, Pe({
@@ -700,19 +707,20 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
           "model-value": fe.value,
           autocomplete: "off",
           size: e.size,
+          block: "",
           disabled: e.disabled,
           onFocus: de(q, ["prevent", "stop"]),
           onClick: de(q, ["prevent", "stop"]),
           onBlur: de(ae, ["prevent", "stop"]),
           onChange: n[0] || (n[0] = (i) => f("change", i)),
-          onKeydown: Ce
+          onKeydown: Be
         }), {
           "right-icon": L(() => [
-            C("button", {
+            B("button", {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
-              "aria-label": `${y.value ? "collapse" : "expand"} list of options`,
+              "aria-label": `${h.value ? "collapse" : "expand"} list of options`,
               onClick: de(Ie, ["stop"])
             }, [
               _(b(w), { class: "m-select-chevron maz-text-xl" })
@@ -723,19 +731,19 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
         _(nt, { name: me.value }, {
           default: L(() => [
-            y.value ? (r(), g(
+            h.value ? (r(), g(
               "div",
               {
                 key: 0,
                 ref_key: "optionsListElement",
-                ref: se,
+                ref: re,
                 class: S(["m-select-list", {
                   "--top": e.listPosition.includes("top"),
                   "--left": e.listPosition.includes("left"),
                   "--right": e.listPosition.includes("right"),
                   "--bottom": e.listPosition.includes("bottom")
                 }]),
-                style: ne({
+                style: se({
                   maxHeight: `${e.maxListHeight}px`,
                   maxWidth: `${e.maxListWidth}px`
                 })
@@ -758,13 +766,13 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
                   tabindex: "-1",
                   class: "m-select-list__search-input maz-flex-none",
                   "left-icon": b(z),
-                  onKeydown: re
+                  onKeydown: ie
                 }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : u("v-if", !0),
                 u(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
                 !G.value || G.value.length <= 0 ? V(e.$slots, "no-results", { key: 1 }, () => [
-                  C("span", jt, [
+                  B("span", jt, [
                     _(b(v), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
                 ], !0) : (r(), g("div", Ft, [
@@ -783,10 +791,10 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
                           key: 0,
                           label: i.label
                         }, () => [
-                          C(
+                          B(
                             "span",
                             Ut,
-                            x(i.label),
+                            Y(i.label),
                             1
                             /* TEXT */
                           )
@@ -797,17 +805,17 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
                           class: S(["m-select-list-item maz-custom maz-flex-none", [
                             {
                               "--is-keyboard-selected": $.value === m,
-                              "--is-selected": Z(i),
+                              "--is-selected": J(i),
                               "--is-none-value": R(i[e.optionValueKey])
                             }
                           ]]),
-                          style: ne(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
+                          style: se(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
                           onClick: de((A) => K(i), ["prevent", "stop"])
                         }, [
                           e.multiple ? (r(), I(b(t), {
                             key: 0,
                             tabindex: "-1",
-                            "model-value": Z(i),
+                            "model-value": J(i),
                             size: "sm",
                             color: e.color
                           }, null, 8, ["model-value", "color"])) : u("v-if", !0),
@@ -818,12 +826,12 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
               `),
                           V(e.$slots, "default", {
                             option: i,
-                            isSelected: Z(i)
+                            isSelected: J(i)
                           }, () => [
-                            C(
+                            B(
                               "span",
                               null,
-                              x(i[e.optionLabelKey]),
+                              Y(i[e.optionLabelKey]),
                               1
                               /* TEXT */
                             )
@@ -852,7 +860,7 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
       [b(Ot), ae]
     ]);
   }
-}), Ue = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-b3157cda"]]), qt = /* @__PURE__ */ oe({
+}), Ue = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-7825a2da"]]), qt = /* @__PURE__ */ oe({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -877,7 +885,7 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
     contentClass: { default: void 0 }
   },
   setup(s) {
-    const d = Y(() => import("./MazSpinner-DTZHIIMh.mjs")), t = Y(() => import("./MazIcon-Bspx_Ojq.mjs")), { href: z, to: w } = st(), v = Te(), l = s;
+    const d = Z(() => import("./MazSpinner-CJaSrYbQ.mjs")), t = Z(() => import("./MazIcon-BTsi1M-S.mjs")), { href: z, to: w } = st(), v = Te(), l = s;
     Oe(() => {
       l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -885,26 +893,26 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
       () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
     ), $ = c(
       () => (l.loading || l.disabled) && f.value === "button"
-    ), N = c(() => $.value ? "--cursor-default" : "--cursor-pointer"), F = c(() => `--is-${l.variant}`), B = c(() => l.loading && l.variant === "button"), H = c(() => !!v["left-icon"] || l.leftIcon), y = c(() => !!v["right-icon"] || l.rightIcon), M = c(() => H.value || y.value), P = c(() => l.fab && (l.icon || !!v.icon)), Q = c(() => f.value === "button" ? l.type : void 0);
-    return (h, ee) => (r(), I(ce(f.value), {
+    ), N = c(() => $.value ? "--cursor-default" : "--cursor-pointer"), F = c(() => `--is-${l.variant}`), C = c(() => l.loading && l.variant === "button"), H = c(() => !!v["left-icon"] || l.leftIcon), h = c(() => !!v["right-icon"] || l.rightIcon), M = c(() => H.value || h.value), P = c(() => l.fab && (l.icon || !!v.icon)), Q = c(() => f.value === "button" ? l.type : void 0);
+    return (y, ee) => (r(), I(ce(f.value), {
       disabled: $.value,
       class: S(["m-btn", [
-        `--${h.size}`,
+        `--${y.size}`,
         O.value,
         N.value,
         F.value,
         {
-          "--block": h.block,
-          "--no-underline": h.noUnderline,
-          "--no-leading": h.noLeading,
-          "--fab": h.fab,
-          "--loading": h.loading,
+          "--block": y.block,
+          "--no-underline": y.noUnderline,
+          "--no-leading": y.noLeading,
+          "--fab": y.fab,
+          "--loading": y.loading,
           "--disabled": $.value,
           "--icon": M.value,
-          "--rounded": h.rounded,
-          "--no-rounded": h.noRounded,
-          "--no-padding": h.noPadding,
-          "--no-elevation": h.noElevation
+          "--rounded": y.rounded,
+          "--no-rounded": y.noRounded,
+          "--no-padding": y.noPadding,
+          "--no-elevation": y.noElevation
         }
       ]]),
       type: Q.value
@@ -914,17 +922,17 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
           "div",
           {
             key: 0,
-            class: S(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": B.value }])
+            class: S(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": C.value }])
           },
           [
             u(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            V(h.$slots, "left-icon", {}, () => [
-              typeof h.leftIcon == "string" ? (r(), I(b(t), {
+            V(y.$slots, "left-icon", {}, () => [
+              typeof y.leftIcon == "string" ? (r(), I(b(t), {
                 key: 0,
-                name: h.leftIcon
-              }, null, 8, ["name"])) : h.leftIcon ? (r(), I(ce(h.leftIcon), { key: 1 })) : u("v-if", !0)
+                name: y.leftIcon
+              }, null, 8, ["name"])) : y.leftIcon ? (r(), I(ce(y.leftIcon), { key: 1 })) : u("v-if", !0)
             ], !0)
           ],
           2
@@ -934,62 +942,62 @@ const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
           "div",
           {
             key: 1,
-            class: S(["m-btn__icon", { "maz-invisible": B.value }])
+            class: S(["m-btn__icon", { "maz-invisible": C.value }])
           },
           [
             u(`
         @slot icon - The icon to display on the fab button
       `),
-            V(h.$slots, "icon", {}, () => [
-              typeof h.icon == "string" ? (r(), I(b(t), {
+            V(y.$slots, "icon", {}, () => [
+              typeof y.icon == "string" ? (r(), I(b(t), {
                 key: 0,
-                name: h.icon
-              }, null, 8, ["name"])) : h.icon ? (r(), I(ce(h.icon), { key: 1 })) : u("v-if", !0)
+                name: y.icon
+              }, null, 8, ["name"])) : y.icon ? (r(), I(ce(y.icon), { key: 1 })) : u("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        h.$slots.default ? (r(), g(
+        y.$slots.default ? (r(), g(
           "span",
           {
             key: 2,
-            class: S([{ "maz-invisible": B.value }, h.contentClass])
+            class: S([{ "maz-invisible": C.value }, y.contentClass])
           },
           [
             u(`
         @slot default - The content of the button
       `),
-            V(h.$slots, "default", {}, void 0, !0)
+            V(y.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        y.value ? (r(), g(
+        h.value ? (r(), g(
           "div",
           {
             key: 3,
-            class: S(["m-btn__icon-right", { "maz-invisible": B.value }])
+            class: S(["m-btn__icon-right", { "maz-invisible": C.value }])
           },
           [
             u(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            V(h.$slots, "right-icon", {}, () => [
-              typeof h.rightIcon == "string" ? (r(), I(b(t), {
+            V(y.$slots, "right-icon", {}, () => [
+              typeof y.rightIcon == "string" ? (r(), I(b(t), {
                 key: 0,
-                name: h.rightIcon
-              }, null, 8, ["name"])) : h.rightIcon ? (r(), I(ce(h.rightIcon), { key: 1 })) : u("v-if", !0)
+                name: y.rightIcon
+              }, null, 8, ["name"])) : y.rightIcon ? (r(), I(ce(y.rightIcon), { key: 1 })) : u("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        B.value ? (r(), I(b(d), {
+        C.value ? (r(), I(b(d), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
-          color: h.color
+          color: y.color
         }, null, 8, ["color"])) : u("v-if", !0)
       ]),
       _: 3
@@ -1061,7 +1069,7 @@ const Wt = /* @__PURE__ */ oe({
       /* CLASS */
     ));
   }
-}), Ae = /* @__PURE__ */ le(Yt, [["__scopeId", "data-v-7d02b262"]]), Zt = (s) => (Re("data-v-26d3bae5"), s = s(), qe(), s), Jt = { class: "m-loading-bar" }, Xt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ C(
+}), Ae = /* @__PURE__ */ le(Yt, [["__scopeId", "data-v-7d02b262"]]), Zt = (s) => (Re("data-v-26d3bae5"), s = s(), qe(), s), Jt = { class: "m-loading-bar" }, Xt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ B(
   "div",
   null,
   null,
@@ -1093,7 +1101,7 @@ const Wt = /* @__PURE__ */ oe({
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, lo = /* @__PURE__ */ C(
+}, lo = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -1127,6 +1135,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     value: { type: [String, Number, Boolean], default: void 0 },
     name: { default: "m-checkbox" },
     size: { default: "md" },
+    label: { default: void 0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: [
@@ -1136,11 +1145,11 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     "change"
   ],
   setup(s, { emit: d }) {
-    Ve((y) => ({
-      "221b46ca": O.value,
-      "1d8faafd": l.value,
-      d0ccf3e8: $.value,
-      "40f85d62": N.value
+    Ve((h) => ({
+      "3eedcc0a": O.value,
+      a3137f46: l.value,
+      "03d4fcac": $.value,
+      "5778d022": N.value
     }));
     const t = s, z = d, w = Ne({
       componentName: "MazCheckbox",
@@ -1180,47 +1189,53 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     }), O = c(() => `var(--maz-color-${t.color}-contrast)`), $ = c(() => `var(--maz-color-${t.color})`), N = c(
       () => ["black", "transparent"].includes(t.color) ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-alpha)`
     );
-    function F(y) {
-      ["Space"].includes(y.code) && (y.preventDefault(), H(t.value ?? !t.modelValue));
+    function F(h) {
+      ["Space"].includes(h.code) && (h.preventDefault(), H(t.value ?? !t.modelValue));
     }
-    function B(y) {
-      return typeof y == "boolean" && (typeof t.modelValue == "boolean" || t.modelValue === void 0 || t.modelValue === null) ? !t.modelValue : Array.isArray(t.modelValue) && typeof y != "boolean" ? t.modelValue.includes(y) ? t.modelValue.filter((M) => M !== y) : [...t.modelValue, y] : [y];
+    function C(h) {
+      return typeof h == "boolean" && (typeof t.modelValue == "boolean" || t.modelValue === void 0 || t.modelValue === null) ? !t.modelValue : Array.isArray(t.modelValue) && typeof h != "boolean" ? t.modelValue.includes(h) ? t.modelValue.filter((M) => M !== h) : [...t.modelValue, h] : [h];
     }
-    function H(y) {
-      const M = B(y);
+    function H(h) {
+      const M = C(h);
       z("update:model-value", M), z("change", M);
     }
-    return (y, M) => (r(), g("label", {
+    return (h, M) => (r(), g("label", {
       for: b(w),
-      class: S(["m-checkbox", [{ "--disabled": y.disabled }, t.class]]),
+      class: S(["m-checkbox", [{ "--disabled": h.disabled }, t.class]]),
       tabindex: "0",
-      style: ne(y.style),
+      style: se(h.style),
       role: "checkbox",
       "aria-checked": v.value,
       onKeydown: F
     }, [
-      C("input", Pe({
+      B("input", Pe({
         id: b(w),
         checked: v.value
-      }, y.$attrs, {
+      }, h.$attrs, {
         tabindex: "-1",
-        disabled: y.disabled,
-        name: y.name,
+        disabled: h.disabled,
+        name: h.name,
         type: "checkbox",
         onChange: M[0] || (M[0] = (P) => {
           var Q;
-          return H(y.value ?? ((Q = P == null ? void 0 : P.target) == null ? void 0 : Q.checked));
+          return H(h.value ?? ((Q = P == null ? void 0 : P.target) == null ? void 0 : Q.checked));
         })
       }), null, 16, ro),
-      C("span", null, [
+      B("span", null, [
         _(b(xe), {
           class: S(["check-icon", f.value])
         }, null, 8, ["class"])
       ]),
-      V(y.$slots, "default", {}, void 0, !0)
+      V(h.$slots, "default", {}, () => [
+        ne(
+          Y(h.label),
+          1
+          /* TEXT */
+        )
+      ], !0)
     ], 46, so));
   }
-}), Le = /* @__PURE__ */ le(io, [["__scopeId", "data-v-591244ca"]]), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Le = /* @__PURE__ */ le(io, [["__scopeId", "data-v-06d3ee3a"]]), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Le
 }, Symbol.toStringTag, { value: "Module" })), et = (s) => (Re("data-v-04b924e2"), s = s(), qe(), s), co = {
@@ -1235,7 +1250,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 }, yo = { class: "maz-text-center maz-text-muted" }, go = {
   key: 1,
   class: "m-table-footer"
-}, zo = /* @__PURE__ */ et(() => /* @__PURE__ */ C(
+}, zo = /* @__PURE__ */ et(() => /* @__PURE__ */ B(
   "div",
   { class: "m-table-spacer" },
   null,
@@ -1244,7 +1259,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 )), ko = {
   key: 0,
   class: "m-table-footer-pagination"
-}, wo = { class: "m-table-footer-pagination-items-per-page" }, $o = /* @__PURE__ */ et(() => /* @__PURE__ */ C(
+}, wo = { class: "m-table-footer-pagination-items-per-page" }, $o = /* @__PURE__ */ et(() => /* @__PURE__ */ B(
   "span",
   { class: "maz-hidden maz-text-sm maz-text-muted tab-s:maz-block" },
   " Item per page ",
@@ -1314,7 +1329,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         F.value = o;
       }
     );
-    const B = c({
+    const C = c({
       get: () => F.value,
       set: (o) => {
         F.value = o, w("update:page", o);
@@ -1327,33 +1342,33 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       { label: 50, value: 50 },
       { label: 100, value: 100 },
       { label: 200, value: 200 }
-    ]), y = T(t.pageSize);
+    ]), h = T(t.pageSize);
     ge(
       () => t.pageSize,
       (o) => {
-        y.value = o;
+        h.value = o;
       }
     );
     const M = c({
-      get: () => y.value,
+      get: () => h.value,
       set: (o) => {
-        y.value = o, w("update:page-size", o);
+        h.value = o, w("update:page-size", o);
       }
     }), P = c(() => {
       var o;
       return t.totalPages ?? (M.value === Number.POSITIVE_INFINITY || !((o = t.rows) != null && o.length)) ? 1 : Math.ceil(t.rows.length / M.value);
     });
     function Q() {
-      B.value = 1;
+      C.value = 1;
     }
-    function h() {
-      B.value = P.value;
+    function y() {
+      C.value = P.value;
     }
     function ee() {
-      B.value = B.value - 1;
+      C.value = C.value - 1;
     }
     function pe() {
-      B.value = B.value + 1;
+      C.value = C.value + 1;
     }
     const W = c(() => {
       if (!t.pagination || t.noPaginateRows || M.value === Number.POSITIVE_INFINITY)
@@ -1367,10 +1382,10 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         $.value = ae();
       }
     );
-    const te = T(), se = c(() => [
+    const te = T(), re = c(() => [
       // eslint-disable-next-line unicorn/no-null
       { label: t.searchByAllLabel, value: null },
-      ...X.value.map((o) => ({
+      ...x.value.map((o) => ({
         label: o.label,
         value: o.key
       }))
@@ -1381,7 +1396,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         R.value = o;
       }
     );
-    const Z = c({
+    const J = c({
       get: () => R.value,
       set: (o) => {
         R.value = o, w("update:search-query", o);
@@ -1391,20 +1406,20 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       return [...o].sort((k, p) => {
         if (q.value === void 0 || U.value === void 0)
           return 0;
-        const K = k[X.value[q.value].key], e = p[X.value[q.value].key];
+        const K = k[x.value[q.value].key], e = p[x.value[q.value].key];
         return typeof K == "string" && typeof e == "string" ? U.value === "ASC" ? K.localeCompare(e) : e.localeCompare(K) : U.value === "ASC" ? K - e : e - K;
       });
     }
     function me(o) {
-      if (t.noSearchInRow || typeof Z.value != "string")
+      if (t.noSearchInRow || typeof J.value != "string")
         return W.value;
-      const k = Z.value.toLowerCase();
+      const k = J.value.toLowerCase();
       return [...o].filter((p) => te.value ? String(p[te.value]).toLowerCase().includes(k) : Object.values(p).some((K) => typeof K == "string" || typeof K == "number" || typeof K == "boolean" ? String(K).toLowerCase().includes(k) : !1));
     }
     const D = c(() => {
       const o = me(W.value);
       return fe(o);
-    }), a = Te(), E = c(() => t.search || !!t.title || !!a.title), J = c(() => t.pagination), X = T(G());
+    }), a = Te(), E = c(() => t.search || !!t.title || !!a.title), X = c(() => t.pagination), x = T(G());
     function G() {
       var o;
       return ((o = t.headers) == null ? void 0 : o.map(
@@ -1432,12 +1447,12 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     function Se(o) {
       for (const k of D.value)
         k.selected = o;
-      re();
+      ie();
     }
-    function Ce(o, k) {
-      D.value[k].selected = o, re();
+    function Be(o, k) {
+      D.value[k].selected = o, ie();
     }
-    function re(o) {
+    function ie(o) {
       o = o ?? ye();
       const k = o != null && o.length ? o : void 0;
       w("update:model-value", k);
@@ -1447,7 +1462,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     }
     return Oe(() => {
       const o = ye();
-      o != null && o.length && re(o);
+      o != null && o.length && ie(o);
     }), (o, k) => (r(), g(
       "div",
       {
@@ -1455,12 +1470,12 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       },
       [
         E.value ? (r(), g("div", co, [
-          C("div", po, [
+          B("div", po, [
             o.title || o.$slots.title ? V(o.$slots, "title", { key: 0 }, () => [
-              C(
+              B(
                 "span",
                 fo,
-                x(o.title),
+                Y(o.title),
                 1
                 /* TEXT */
               )
@@ -1475,11 +1490,11 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
               style: { width: "8rem" },
               placeholder: o.searchByPlaceholder,
               size: b(v),
-              options: se.value
+              options: re.value
             }, null, 8, ["modelValue", "color", "placeholder", "size", "options"])),
             _(Ke, {
-              modelValue: Z.value,
-              "onUpdate:modelValue": k[1] || (k[1] = (p) => Z.value = p),
+              modelValue: J.value,
+              "onUpdate:modelValue": k[1] || (k[1] = (p) => J.value = p),
               size: b(v),
               color: o.color,
               placeholder: o.searchPlaceholder,
@@ -1487,11 +1502,11 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
             }, null, 8, ["modelValue", "size", "color", "placeholder", "left-icon"])
           ])) : u("v-if", !0)
         ])) : u("v-if", !0),
-        C(
+        B(
           "table",
           {
             class: S([{ "--elevation": o.elevation, "--has-layout": o.tableLayout }, o.tableClass]),
-            style: ne(o.tableStyle)
+            style: se(o.tableStyle)
           },
           [
             o.caption || o.$slots.caption ? (r(), g("caption", vo, [
@@ -1499,14 +1514,14 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
           @slot caption - add caption on top or bottom of the table
         `),
               V(o.$slots, "caption", {}, () => [
-                ue(
-                  x(o.caption),
+                ne(
+                  Y(o.caption),
                   1
                   /* TEXT */
                 )
               ], !0)
             ])) : u("v-if", !0),
-            X.value ? (r(), g("thead", bo, [
+            x.value ? (r(), g("thead", bo, [
               u(`
           @slot thead - content in thead element
         `),
@@ -1531,14 +1546,14 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                     (r(!0), g(
                       be,
                       null,
-                      we(X.value, (p, K) => (r(), I(Ae, {
+                      we(x.value, (p, K) => (r(), I(Ae, {
                         key: K,
                         scope: p.scope,
                         align: p.align,
                         rowspan: p.rowspan,
                         colspan: p.colspan,
                         headers: p.thHeaders,
-                        style: ne({ width: p.width, textAlign: p.align }),
+                        style: se({ width: p.width, textAlign: p.align }),
                         class: S(["maz-group", [
                           { "--hidden": p.hidden, "--sortable": p.sortable ?? o.sortable },
                           p.classes,
@@ -1547,7 +1562,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                         onClick: (e) => (p.sortable ?? o.sortable) && Ie(K)
                       }, {
                         default: L(() => [
-                          C(
+                          B(
                             "span",
                             {
                               class: S({ "maz-sr-only": p.srOnly })
@@ -1571,8 +1586,8 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                   header: p,
                                   label: p.label
                                 }, () => [
-                                  ue(
-                                    x(p.label),
+                                  ne(
+                                    Y(p.label),
                                     1
                                     /* TEXT */
                                   )
@@ -1608,7 +1623,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 @slot actions-header - replace text of actions header
               `),
                         V(o.$slots, "actions-header", {}, () => [
-                          ue(" Actions ")
+                          ne(" Actions ")
                         ], !0)
                       ]),
                       _: 3
@@ -1625,7 +1640,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
               color: o.color,
               class: "!maz-absolute"
             }, null, 8, ["color"])) : u("v-if", !0),
-            C(
+            B(
               "tbody",
               {
                 class: S({ "--divider": z.value })
@@ -1661,7 +1676,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                 _(Le, {
                                   size: "xs",
                                   "model-value": p.selected,
-                                  "onUpdate:modelValue": (e) => Ce(e, K)
+                                  "onUpdate:modelValue": (e) => Be(e, K)
                                 }, null, 8, ["model-value", "onUpdate:modelValue"])
                               ], !0)
                             ]),
@@ -1674,7 +1689,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                         (r(!0), g(
                           be,
                           null,
-                          we(X.value, ({ key: e, align: n, classes: i }, m) => (r(), I(ze, {
+                          we(x.value, ({ key: e, align: n, classes: i }, m) => (r(), I(ze, {
                             key: m,
                             align: n,
                             class: S(i)
@@ -1699,8 +1714,8 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                   row: p,
                                   value: p[e]
                                 }, () => [
-                                  ue(
-                                    x(p[e]),
+                                  ne(
+                                    Y(p[e]),
                                     1
                                     /* TEXT */
                                   )
@@ -1739,19 +1754,19 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                   )) : (r(), I(Me, { key: 1 }, {
                     default: L(() => [
                       _(ze, {
-                        colspan: X.value.length + (N.value ? 1 : 0) + (o.$slots.actions ? 1 : 0)
+                        colspan: x.value.length + (N.value ? 1 : 0) + (o.$slots.actions ? 1 : 0)
                       }, {
                         default: L(() => [
                           u(`
                   @slot no-results - replace no results
                 `),
                           V(o.$slots, "no-results", {}, () => [
-                            C("p", yo, [
+                            B("p", yo, [
                               u(`
                       @slot no-results-text - replace no results test only
                     `),
                               V(o.$slots, "no-results-text", {}, () => [
-                                ue(" No results ")
+                                ne(" No results ")
                               ], !0)
                             ])
                           ], !0)
@@ -1772,10 +1787,10 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
           6
           /* CLASS, STYLE */
         ),
-        J.value ? (r(), g("div", go, [
+        X.value ? (r(), g("div", go, [
           zo,
           o.pagination ? (r(), g("div", ko, [
-            C("div", wo, [
+            B("div", wo, [
               $o,
               _(Ue, {
                 modelValue: M.value,
@@ -1790,13 +1805,13 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
             P.value ? (r(), g(
               "span",
               Vo,
-              x(B.value) + " - " + x(D.value.length) + " of " + x(P.value),
+              Y(C.value) + " - " + Y(D.value.length) + " of " + Y(P.value),
               1
               /* TEXT */
             )) : u("v-if", !0),
-            C("div", Io, [
+            B("div", Io, [
               _(ve, {
-                disabled: B.value === 1,
+                disabled: C.value === 1,
                 size: b(v),
                 color: "transparent",
                 fab: "",
@@ -1810,7 +1825,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               _(ve, {
-                disabled: B.value === 1,
+                disabled: C.value === 1,
                 size: b(v),
                 color: "transparent",
                 fab: "",
@@ -1824,7 +1839,7 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               _(ve, {
-                disabled: B.value === P.value,
+                disabled: C.value === P.value,
                 size: b(v),
                 color: "transparent",
                 fab: "",
@@ -1838,12 +1853,12 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               _(ve, {
-                disabled: B.value === P.value,
+                disabled: C.value === P.value,
                 size: b(v),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
-                onClick: h
+                onClick: y
               }, {
                 default: L(() => [
                   _(b(je), { class: "maz-rotate-180 maz-text-base" })
@@ -1859,9 +1874,9 @@ const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       /* CLASS */
     ));
   }
-}), Bo = /* @__PURE__ */ le(So, [["__scopeId", "data-v-04b924e2"]]);
+}), Co = /* @__PURE__ */ le(So, [["__scopeId", "data-v-04b924e2"]]);
 export {
-  Bo as M,
+  Co as M,
   le as _,
   Ee as i
 };