maz-ui 3.44.0 → 3.44.2

package/components/chunks/{MazTable-DRUj_PZp.mjs → MazTable-BPMuTZbS.mjs}

@@ -1,11 +1,11 @@
-import { openBlock as r, createElementBlock as y, createElementVNode as C, getCurrentInstance as xe, computed as p, defineComponent as x, defineAsyncComponent as Z, ref as L, onMounted as et, useSlots as Pe, normalizeClass as S, normalizeStyle as ie, createCommentVNode as c, renderSlot as I, createBlock as V, unref as b, resolveDynamicComponent as pe, withDirectives as He, mergeProps as Le, toHandlers as tt, vModelDynamic as ot, createTextVNode as re, toDisplayString as Y, withModifiers as ce, withCtx as P, createVNode as M, useCssVars as we, onBeforeMount as Oe, nextTick as Ce, Transition as lt, Fragment as ve, renderList as ke, useAttrs as at, inject as nt, pushScopeId as Ue, popScopeId as qe, toRefs as st, provide as rt, watch as ge } from "vue";
+import { openBlock as r, createElementBlock as y, createElementVNode as B, getCurrentInstance as xe, computed as p, defineComponent as x, defineAsyncComponent as Z, ref as P, onMounted as et, useSlots as Oe, normalizeClass as V, normalizeStyle as ie, createCommentVNode as d, renderSlot as S, createBlock as I, unref as b, resolveDynamicComponent as pe, withDirectives as He, mergeProps as Pe, toHandlers as tt, vModelDynamic as ot, createTextVNode as re, toDisplayString as Y, withModifiers as de, withCtx as O, createVNode as M, useCssVars as we, onBeforeMount as Le, nextTick as Be, Transition as lt, Fragment as ve, renderList as ke, useAttrs as at, inject as nt, pushScopeId as Ue, popScopeId as qe, toRefs as st, provide as rt, watch as ge } from "vue";
 import '../assets/MazTable.css';const it = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, ut = /* @__PURE__ */ C(
+}, ut = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -17,13 +17,13 @@ import '../assets/MazTable.css';const it = {
   null,
   -1
   /* HOISTED */
-), dt = [
+), ct = [
   ut
 ];
 function Re(u, n) {
-  return r(), y("svg", it, [...dt]);
+  return r(), y("svg", it, [...ct]);
 }
-const Qe = { render: Re }, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qe = { render: Re }, dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Qe,
   render: Re
@@ -33,7 +33,7 @@ const Qe = { render: Re }, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, ft = /* @__PURE__ */ C(
+}, ft = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -57,7 +57,7 @@ const bt = { render: vt }, ht = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, yt = /* @__PURE__ */ C(
+}, yt = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -81,7 +81,7 @@ const je = { render: zt }, kt = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, $t = /* @__PURE__ */ C(
+}, $t = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -96,10 +96,10 @@ const je = { render: zt }, kt = {
 ), wt = [
   $t
 ];
-function It(u, n) {
+function St(u, n) {
   return r(), y("svg", kt, [...wt]);
 }
-const De = { render: It };
+const De = { render: St };
 function Ne({
   componentName: u,
   providedId: n
@@ -107,11 +107,11 @@ function Ne({
   const e = xe();
   return p(() => n ?? `${u}-${e == null ? void 0 : e.uid}`);
 }
-let Be = null;
-function Vt(u, n) {
-  Be && clearTimeout(Be), Be = setTimeout(u, n);
+let Ce = null;
+function It(u, n) {
+  Ce && clearTimeout(Ce), Ce = setTimeout(u, n);
 }
-const St = {
+const Vt = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -122,7 +122,7 @@ const St = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function $e(u, n) {
-  const e = { ...St, ...n }, o = {
+  const e = { ...Vt, ...n }, o = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -171,58 +171,58 @@ function $e(u, n) {
     ñ: "n",
     ó: "o"
   };
-  let d = u.toString();
-  if (e.trim && (d = d.trim()), e.normalizeSpaces && (d = d.replaceAll(/\s+/g, " ")), e.replaceSpaces && (d = d.replaceAll(" ", "-")), e.removeNumbers && (d = d.replaceAll(/\d/g, "")), e.removeAccents && (d = d.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (v) => o[v] || v), d = d.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (d = d.toLowerCase()), e.removeSpecialCharacters && (d = d.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (d = d.trim()), e.customNormalizationForms)
+  let c = u.toString();
+  if (e.trim && (c = c.trim()), e.normalizeSpaces && (c = c.replaceAll(/\s+/g, " ")), e.replaceSpaces && (c = c.replaceAll(" ", "-")), e.removeNumbers && (c = c.replaceAll(/\d/g, "")), e.removeAccents && (c = c.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (v) => o[v] || v), c = c.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (c = c.toLowerCase()), e.removeSpecialCharacters && (c = c.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (c = c.trim()), e.customNormalizationForms)
     for (const v of e.customNormalizationForms)
-      d = d.normalize(v);
-  return d;
+      c = c.normalize(v);
+  return c;
 }
-function Ct(u, n) {
-  const e = u.length, o = n.length, d = [];
+function Bt(u, n) {
+  const e = u.length, o = n.length, c = [];
   for (let v = 0; v <= e; v++)
-    d[v] = [v];
+    c[v] = [v];
   for (let v = 0; v <= o; v++)
-    d[0][v] = v;
+    c[0][v] = v;
   for (let v = 1; v <= e; v++)
-    for (let B = 1; B <= o; B++) {
-      const N = u[v - 1] === n[B - 1] ? 0 : 1;
-      d[v][B] = Math.min(
-        d[v - 1][B] + 1,
-        d[v][B - 1] + 1,
-        d[v - 1][B - 1] + N
+    for (let C = 1; C <= o; C++) {
+      const N = u[v - 1] === n[C - 1] ? 0 : 1;
+      c[v][C] = Math.min(
+        c[v - 1][C] + 1,
+        c[v][C - 1] + 1,
+        c[v - 1][C - 1] + N
       );
     }
-  return d[e][o];
+  return c[e][o];
 }
 function We(u, n) {
-  const e = Ct(u, n), o = Math.max(u.length, n.length);
+  const e = Bt(u, n), o = Math.max(u.length, n.length);
   return 1 - e / o;
 }
-function Bt(u, n, e = 0.75) {
+function Ct(u, n, e = 0.75) {
   return We(u, n) >= e;
 }
 function Ae(u, n, e = 0.75) {
   const o = p(
     () => $e(typeof u == "string" ? u : u.value)
-  ), d = p(
+  ), c = p(
     () => $e(typeof n == "string" ? n : n.value)
-  ), v = p(() => typeof e == "number" ? e : e.value), B = p(() => We(o.value, d.value));
+  ), v = p(() => typeof e == "number" ? e : e.value), C = p(() => We(o.value, c.value));
   return {
     isMatching: p(
-      () => Bt(o.value, d.value, v.value)
+      () => Ct(o.value, c.value, v.value)
     ),
-    score: B
+    score: C
   };
 }
 function Ge(u, n, e) {
-  var B;
+  var C;
   u.stopPropagation();
-  const o = typeof e.value == "function" ? e.value : e.value.handler, d = typeof e.value == "object" ? e.value.exclude : void 0;
+  const o = typeof e.value == "function" ? e.value : e.value.handler, c = typeof e.value == "object" ? e.value.exclude : void 0;
   let v = !1;
-  if (d && d.length > 0) {
-    for (const N of d)
+  if (c && c.length > 0) {
+    for (const N of c)
       if (!v && u.target instanceof HTMLElement) {
-        const Q = (B = document.querySelector(N)) == null ? void 0 : B.getAttribute("id");
+        const Q = (C = document.querySelector(N)) == null ? void 0 : C.getAttribute("id");
         v = u.target.getAttribute("id") === Q;
       }
   }
@@ -248,8 +248,8 @@ const _t = {
   unmounted: At
 }, ee = (u, n) => {
   const e = u.__vccOpts || u;
-  for (const [o, d] of n)
-    e[o] = d;
+  for (const [o, c] of n)
+    e[o] = c;
   return e;
 };
 function Tt(u, n) {
@@ -263,7 +263,7 @@ function Tt(u, n) {
 const Kt = {
   key: 0,
   class: "m-input-wrapper-left"
-}, Pt = { class: "m-input-wrapper-input" }, Lt = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Ot = { key: 0 }, Nt = {
+}, Ot = { class: "m-input-wrapper-input" }, Pt = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Lt = { key: 0 }, Nt = {
   key: 1,
   class: "m-input-wrapper-right"
 }, Et = /* @__PURE__ */ x({
@@ -297,14 +297,14 @@ const Kt = {
     validButtonLoading: { type: Boolean, default: !1 },
     autoFocus: { type: Boolean, default: !1 },
     borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(u, { emit: n }) {
-    const e = u, o = n, d = Z(() => Promise.resolve().then(() => Qt)), v = Z(() => import("./MazIcon-D3umgnku.mjs")), B = Z(() => import("./eye-slash-tjfxO0LK.mjs")), N = Z(() => import("./eye-DqO_Jx56.mjs")), Q = Z(() => Promise.resolve().then(() => no)), _ = L(!1), k = L(!1), j = L(), A = Ne({
+    const e = u, o = n, c = Z(() => Promise.resolve().then(() => Qt)), v = Z(() => import("./MazIcon-CTjWIkTp.mjs")), C = Z(() => import("./eye-slash-tjfxO0LK.mjs")), N = Z(() => import("./eye-DqO_Jx56.mjs")), Q = Z(() => Promise.resolve().then(() => no)), _ = P(!1), k = P(!1), j = P(), A = Ne({
       componentName: "MazInput",
       providedId: e.id
     });
@@ -340,7 +340,7 @@ const Kt = {
         }
         return "--default-border";
       }
-    }), O = Pe(), W = p(() => {
+    }), L = Oe(), W = p(() => {
       const { required: a, placeholder: K } = e;
       if (K)
         return a ? `${K} *` : K;
@@ -360,10 +360,10 @@ const Kt = {
       set: (a) => te(a)
     }), G = p(() => (!!e.label || !!e.hint) && (k.value || !!h.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), D = p(() => !!e.label || !!e.hint);
     function q() {
-      return !!O["right-icon"] || U.value || !!O["valid-button"] || e.validButton || !!e.rightIcon;
+      return !!L["right-icon"] || U.value || !!L["valid-button"] || e.validButton || !!e.rightIcon;
     }
     function H() {
-      return !!O["left-icon"] || !!e.leftIcon;
+      return !!L["left-icon"] || !!e.leftIcon;
     }
     function ne(a) {
       o("focus", a), k.value = !0;
@@ -377,7 +377,7 @@ const Kt = {
     return (a, K) => (r(), y(
       "div",
       {
-        class: S(["m-input", [
+        class: V(["m-input", [
           {
             "--is-focused": k.value || a.borderActive,
             "--should-up": G.value,
@@ -395,10 +395,10 @@ const Kt = {
         style: ie(a.style)
       },
       [
-        C(
+        B(
           "div",
           {
-            class: S(["m-input-wrapper", [
+            class: V(["m-input-wrapper", [
               a.inputClasses,
               $.value,
               a.roundedSize ? `--rounded-${a.roundedSize}` : { "maz-rounded": !a.noRadius }
@@ -406,22 +406,22 @@ const Kt = {
           },
           [
             H() ? (r(), y("div", Kt, [
-              c(`
+              d(`
           @slot left-icon - The icon to display on the left of the input
         `),
-              a.$slots["left-icon"] || a.leftIcon ? I(a.$slots, "left-icon", { key: 0 }, () => [
-                typeof a.leftIcon == "string" ? (r(), V(b(v), {
+              a.$slots["left-icon"] || a.leftIcon ? S(a.$slots, "left-icon", { key: 0 }, () => [
+                typeof a.leftIcon == "string" ? (r(), I(b(v), {
                   key: 0,
                   name: a.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : a.leftIcon ? (r(), V(pe(a.leftIcon), {
+                }, null, 8, ["name"])) : a.leftIcon ? (r(), I(pe(a.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : c("v-if", !0)
-              ], !0) : c("v-if", !0)
-            ])) : c("v-if", !0),
-            C("div", Pt, [
-              He(C("input", Le({
+                })) : d("v-if", !0)
+              ], !0) : d("v-if", !0)
+            ])) : d("v-if", !0),
+            B("div", Ot, [
+              He(B("input", Pe({
                 id: b(A),
                 ref_key: "input",
                 ref: j,
@@ -442,14 +442,14 @@ const Kt = {
                 change: oe
               }, !0), {
                 onClick: K[1] || (K[1] = (E) => a.$emit("click", E))
-              }), null, 16, Lt), [
+              }), null, 16, Pt), [
                 [ot, X.value]
               ]),
               a.label || a.hint ? (r(), y(
                 "span",
                 {
                   key: 0,
-                  class: S(["m-input-label", [
+                  class: V(["m-input-label", [
                     {
                       "maz-text-danger-600": a.error,
                       "maz-text-success-600": a.success,
@@ -463,50 +463,50 @@ const Kt = {
                     1
                     /* TEXT */
                   ),
-                  a.required ? (r(), y("sup", Ot, "*")) : c("v-if", !0)
+                  a.required ? (r(), y("sup", Lt, "*")) : d("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : c("v-if", !0)
+              )) : d("v-if", !0)
             ]),
             q() ? (r(), y("div", Nt, [
-              c(`
+              d(`
           @slot right-icon - The icon to display on the right of the input
         `),
-              a.$slots["right-icon"] || a.rightIcon ? I(a.$slots, "right-icon", { key: 0 }, () => [
-                typeof a.rightIcon == "string" ? (r(), V(b(v), {
+              a.$slots["right-icon"] || a.rightIcon ? S(a.$slots, "right-icon", { key: 0 }, () => [
+                typeof a.rightIcon == "string" ? (r(), I(b(v), {
                   key: 0,
                   name: a.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : a.rightIcon ? (r(), V(pe(a.rightIcon), {
+                }, null, 8, ["name"])) : a.rightIcon ? (r(), I(pe(a.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : c("v-if", !0)
-              ], !0) : c("v-if", !0),
-              U.value ? (r(), V(b(d), {
+                })) : d("v-if", !0)
+              ], !0) : d("v-if", !0),
+              U.value ? (r(), I(b(c), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: K[2] || (K[2] = ce((E) => _.value = !_.value, ["stop"]))
+                onClick: K[2] || (K[2] = de((E) => _.value = !_.value, ["stop"]))
               }, {
-                default: P(() => [
-                  _.value ? (r(), V(b(B), {
+                default: O(() => [
+                  _.value ? (r(), I(b(C), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (r(), V(b(N), {
+                  })) : (r(), I(b(N), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : c("v-if", !0),
-              c(`
+              })) : d("v-if", !0),
+              d(`
           @slot valid-button - Replace the valid button by your own
         `),
-              a.$slots["valid-button"] || a.validButton ? I(a.$slots, "valid-button", { key: 2 }, () => [
-                M(b(d), {
+              a.$slots["valid-button"] || a.validButton ? S(a.$slots, "valid-button", { key: 2 }, () => [
+                M(b(c), {
                   color: "transparent",
                   disabled: a.disabled,
                   tabindex: "-1",
@@ -515,14 +515,14 @@ const Kt = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: P(() => [
+                  default: O(() => [
                     M(b(Q), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : c("v-if", !0)
-            ])) : c("v-if", !0)
+              ], !0) : d("v-if", !0)
+            ])) : d("v-if", !0)
           ],
           2
           /* CLASS */
@@ -566,18 +566,18 @@ const Kt = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(u, { expose: n, emit: e }) {
     we((t) => ({
-      "10a6fdb0": z.value,
-      "3653166f": A.value,
-      "44a0b897": U.value
+      "792163ea": z.value,
+      e9859fae: A.value,
+      "42d9f8d1": U.value
     }));
-    const o = u, d = e, v = Z(() => Promise.resolve().then(() => uo)), B = Z(() => Promise.resolve().then(() => ct)), N = Z(() => import("./chevron-down-CzMH-gFW.mjs")), Q = Z(() => import("./no-symbol-QAqP9IlR.mjs"));
+    const o = u, c = e, v = Z(() => Promise.resolve().then(() => uo)), C = Z(() => Promise.resolve().then(() => dt)), N = Z(() => import("./chevron-down-CzMH-gFW.mjs")), Q = Z(() => import("./no-symbol-QAqP9IlR.mjs"));
     n({
       /** Method to open the option list */
       openList: ae,
       /** Method to close the option list */
       closeList: le
     });
-    const _ = L(!1), k = L(), j = p(
+    const _ = P(!1), k = P(), j = p(
       () => ["black", "transparent", "white"].includes(o.color)
     ), A = p(
       () => j.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
@@ -585,7 +585,7 @@ const Kt = {
       () => j.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
     ), z = p(
       () => j.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-200)`
-    ), $ = p(() => _.value || o.open), O = Ne({
+    ), $ = p(() => _.value || o.open), L = Ne({
       componentName: "MazSelect",
       providedId: o.id
     });
@@ -623,11 +623,11 @@ const Kt = {
         return ((t = J.value) == null ? void 0 : t.filter((s) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(s[o.optionValueKey]) && !H(s[o.optionValueKey]) : !1 : o.modelValue === s[o.optionValueKey] && !H(s[o.optionValueKey]))) ?? [];
       }
     );
-    Oe(() => {
+    Le(() => {
       var t;
       (t = o.options) != null && t.length || console.warn("[maz-ui](MazSelect) you must provide options"), f();
     });
-    const X = L(), G = L(), D = L(), q = L();
+    const X = P(), G = P(), D = P(), q = P();
     function H(t) {
       return t == null;
     }
@@ -652,7 +652,7 @@ const Kt = {
       return H(o.modelValue) || t == null ? void 0 : t[o.optionInputValueKey];
     }), oe = p(
       () => o.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), a = L(""), K = L("");
+    ), a = P(""), K = P("");
     function E(t, s) {
       return s && t && $e(t).includes($e(s));
     }
@@ -673,35 +673,35 @@ const Kt = {
       const s = t && "relatedTarget" in t && t.relatedTarget instanceof HTMLElement && t.relatedTarget.getAttribute("id");
       if ((i = o.excludeSelectors) != null && i.includes(`#${s}`))
         return t == null ? void 0 : t.preventDefault();
-      await Ce(), _.value = !1, k.value = 0, d("close", t);
+      await Be(), _.value = !1, k.value = 0, c("close", t);
     }
     async function ae(t) {
-      o.disabled || $.value || (t == null || t.preventDefault(), _.value = !0, await g(), d("focus", t), d("open", _.value));
+      o.disabled || $.value || (t == null || t.preventDefault(), _.value = !0, await g(), c("focus", t), c("open", _.value));
     }
     function fe() {
       var t, s;
       (s = ((t = G.value) == null ? void 0 : t.$el).querySelector("input")) == null || s.focus();
     }
-    function Ie(t) {
+    function Se(t) {
       _.value ? le(t) : fe();
     }
     function he(t) {
       var s, m;
       a.value = t, (m = ((s = D.value) == null ? void 0 : s.$el).querySelector("input")) == null || m.focus();
     }
-    function Ve(t) {
+    function Ie(t) {
       var m;
       t === "Backspace" && K.value.length > 0 ? K.value = K.value.slice(0, -1) : K.value += t;
       const s = be(K.value);
       s != null && s.length && (k.value = (m = R.value) == null ? void 0 : m.findIndex(
         (i) => i[o.optionValueKey] === s[0][o.optionValueKey]
-      ), typeof k.value == "number" && k.value >= 0 && g(k.value)), Vt(() => {
+      ), typeof k.value == "number" && k.value >= 0 && g(k.value)), It(() => {
         K.value = "";
       }, 1e3);
     }
-    function Se(t) {
+    function Ve(t) {
       const s = t.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(s) ? (t.preventDefault(), ae(t), o.search ? he(s) : Ve(s)) : ue(t);
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(s) ? (t.preventDefault(), ae(t), o.search ? he(s) : Ie(s)) : ue(t);
     }
     function ue(t) {
       const s = t.code, m = ["ArrowUp", "ArrowDown"].includes(s), i = ["Enter", "Space"].includes(s), w = s === "Escape" && $.value;
@@ -724,7 +724,7 @@ const Kt = {
     }
     async function g(t) {
       var m, i;
-      await Ce(), typeof t != "number" && f();
+      await Be(), typeof t != "number" && f();
       const s = t ?? k.value;
       if (typeof s == "number" && s >= 0) {
         const w = (m = q.value) == null ? void 0 : m.querySelectorAll(".m-select-list-item");
@@ -745,16 +745,16 @@ const Kt = {
     }
     function T(t, s = !0) {
       var F;
-      s && !o.multiple && Ce(() => le()), a.value = "";
+      s && !o.multiple && Be(() => le()), a.value = "";
       const m = (F = te.value) == null ? void 0 : F.some(
-        (de) => de[o.optionValueKey] === t[o.optionValueKey]
+        (ce) => ce[o.optionValueKey] === t[o.optionValueKey]
       );
       let i = te.value;
       m && o.multiple ? i = i == null ? void 0 : i.filter(
-        (de) => de[o.optionValueKey] !== t[o.optionValueKey]
+        (ce) => ce[o.optionValueKey] !== t[o.optionValueKey]
       ) : o.multiple ? i.push(t) : i = [t];
-      const w = i.map((de) => de[o.optionValueKey]);
-      d("update:model-value", o.multiple ? w : w[0]), d("selected-option", t), f(t), fe();
+      const w = i.map((ce) => ce[o.optionValueKey]);
+      c("update:model-value", o.multiple ? w : w[0]), c("selected-option", t), f(t), fe();
     }
     return (t, s) => {
       var m;
@@ -763,7 +763,7 @@ const Kt = {
         {
           ref_key: "mazSelectElement",
           ref: X,
-          class: S(["m-select", [
+          class: V(["m-select", [
             { "--is-open": $.value, "--disabled": t.disabled, "--block": t.block },
             o.class,
             `--${t.size}`
@@ -771,8 +771,8 @@ const Kt = {
           style: ie(t.style)
         },
         [
-          M(Te, Le({
-            id: b(O),
+          M(Te, Pe({
+            id: b(L),
             ref_key: "mazInputComponent",
             ref: G,
             class: "m-select-input"
@@ -785,19 +785,19 @@ const Kt = {
             size: t.size,
             block: "",
             disabled: t.disabled,
-            onFocus: ce(ae, ["prevent", "stop"]),
-            onBlur: ce(le, ["prevent", "stop"]),
-            onClick: ce(ae, ["prevent", "stop"]),
-            onChange: s[0] || (s[0] = (i) => d("change", i)),
-            onKeydown: Se
+            onFocus: de(ae, ["prevent", "stop"]),
+            onBlur: de(le, ["prevent", "stop"]),
+            onClick: de(ae, ["prevent", "stop"]),
+            onChange: s[0] || (s[0] = (i) => c("change", i)),
+            onKeydown: Ve
           }), {
-            "right-icon": P(() => [
-              C("button", {
+            "right-icon": O(() => [
+              B("button", {
                 tabindex: "-1",
                 type: "button",
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${$.value ? "collapse" : "expand"} list of options`,
-                onClick: ce(Ie, ["stop"])
+                onClick: de(Se, ["stop"])
               }, [
                 M(b(N), { class: "m-select-chevron maz-text-xl" })
               ], 8, jt)
@@ -806,14 +806,14 @@ const Kt = {
             /* STABLE */
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
           M(lt, { name: oe.value }, {
-            default: P(() => [
+            default: O(() => [
               $.value ? (r(), y(
                 "div",
                 {
                   key: 0,
                   ref_key: "optionsListElement",
                   ref: q,
-                  class: S(["m-select-list", {
+                  class: V(["m-select-list", {
                     "--top": t.listPosition.includes("top"),
                     "--left": t.listPosition.includes("left"),
                     "--right": t.listPosition.includes("right"),
@@ -825,7 +825,7 @@ const Kt = {
                   })
                 },
                 [
-                  t.search ? (r(), V(Te, {
+                  t.search ? (r(), I(Te, {
                     key: 0,
                     ref_key: "searchInputComponent",
                     ref: D,
@@ -841,14 +841,14 @@ const Kt = {
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": b(B),
+                    "left-icon": b(C),
                     onKeydown: ue
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : c("v-if", !0),
-                  c(`
+                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : d("v-if", !0),
+                  d(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
-                  !R.value || R.value.length <= 0 ? I(t.$slots, "no-results", { key: 1 }, () => [
-                    C("span", Dt, [
+                  !R.value || R.value.length <= 0 ? S(t.$slots, "no-results", { key: 1 }, () => [
+                    B("span", Dt, [
                       M(b(Q), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
                   ], !0) : (r(), y("div", Ft, [
@@ -859,15 +859,15 @@ const Kt = {
                         ve,
                         { key: w },
                         [
-                          c(`
+                          d(`
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                          i.label && i.isOptGroup ? I(t.$slots, "optgroup", {
+                          i.label && i.isOptGroup ? S(t.$slots, "optgroup", {
                             key: 0,
                             label: i.label
                           }, () => [
-                            C(
+                            B(
                               "span",
                               Ht,
                               Y(i.label),
@@ -878,7 +878,7 @@ const Kt = {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
-                            class: S(["m-select-list-item maz-custom maz-flex-none", [
+                            class: V(["m-select-list-item maz-custom maz-flex-none", [
                               {
                                 "--is-keyboard-selected": k.value === w,
                                 "--is-selected": ne(i),
@@ -886,25 +886,25 @@ const Kt = {
                               }
                             ]]),
                             style: ie(t.itemHeight ? { height: `${t.itemHeight}px` } : void 0),
-                            onClick: ce((F) => T(i), ["prevent", "stop"])
+                            onClick: de((F) => T(i), ["prevent", "stop"])
                           }, [
-                            t.multiple ? (r(), V(b(v), {
+                            t.multiple ? (r(), I(b(v), {
                               key: 0,
                               tabindex: "-1",
                               "model-value": ne(i),
                               size: "sm",
                               color: t.color
-                            }, null, 8, ["model-value", "color"])) : c("v-if", !0),
-                            c(`
+                            }, null, 8, ["model-value", "color"])) : d("v-if", !0),
+                            d(`
                 @slot Custom option
                   @binding {Object} option - the option object
                   @binding {Boolean} is-selected - if the option is selected
               `),
-                            I(t.$slots, "default", {
+                            S(t.$slots, "default", {
                               option: i,
                               isSelected: ne(i)
                             }, () => [
-                              C(
+                              B(
                                 "span",
                                 null,
                                 Y(i[t.optionLabelKey]),
@@ -924,7 +924,7 @@ const Kt = {
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : c("v-if", !0)
+              )) : d("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -940,7 +940,7 @@ const Kt = {
       ]);
     };
   }
-}), Fe = /* @__PURE__ */ ee(qt, [["__scopeId", "data-v-fe0403c3"]]), Rt = /* @__PURE__ */ x({
+}), Fe = /* @__PURE__ */ ee(qt, [["__scopeId", "data-v-cc87f1d6"]]), Rt = /* @__PURE__ */ x({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -957,26 +957,26 @@ const Kt = {
     loading: { type: Boolean },
     disabled: { type: Boolean },
     fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    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 },
     contentClass: { default: void 0 }
   },
   setup(u) {
-    const n = u, e = Z(() => import("./MazSpinner-C41VyUup.mjs")), o = Z(() => import("./MazIcon-D3umgnku.mjs")), { href: d, to: v } = at(), B = Pe();
-    Oe(() => {
+    const n = u, e = Z(() => import("./MazSpinner-DneKNmrs.mjs")), o = Z(() => import("./MazIcon-CTjWIkTp.mjs")), { href: c, to: v } = at(), C = Oe();
+    Le(() => {
       n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
-    const N = p(() => d ? "a" : v ? "router-link" : "button"), Q = p(
+    const N = p(() => c ? "a" : v ? "router-link" : "button"), Q = p(
       () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
     ), _ = p(
       () => (n.loading || n.disabled) && N.value === "button"
-    ), k = p(() => _.value ? "--cursor-default" : "--cursor-pointer"), j = p(() => `--is-${n.variant}`), A = p(() => n.loading && n.variant === "button"), U = p(() => !!B["left-icon"] || n.leftIcon), z = p(() => !!B["right-icon"] || n.rightIcon), $ = p(() => U.value || z.value), O = p(() => n.fab && (n.icon || !!B.icon)), W = p(() => N.value === "button" ? n.type : void 0);
-    return (h, J) => (r(), V(pe(N.value), {
+    ), k = p(() => _.value ? "--cursor-default" : "--cursor-pointer"), j = p(() => `--is-${n.variant}`), A = p(() => n.loading && n.variant === "button"), U = p(() => !!C["left-icon"] || n.leftIcon), z = p(() => !!C["right-icon"] || n.rightIcon), $ = p(() => U.value || z.value), L = p(() => n.fab && (n.icon || !!C.icon)), W = p(() => N.value === "button" ? n.type : void 0);
+    return (h, J) => (r(), I(pe(N.value), {
       disabled: _.value || void 0,
-      class: S(["m-btn", [
+      class: V(["m-btn", [
         `--${h.size}`,
         !h.fab && h.roundedSize && `--rounded-${h.roundedSize}`,
         Q.value,
@@ -997,88 +997,88 @@ const Kt = {
       ]]),
       type: W.value
     }, {
-      default: P(() => [
+      default: O(() => [
         U.value ? (r(), y(
           "div",
           {
             key: 0,
-            class: S(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": A.value }])
+            class: V(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": A.value }])
           },
           [
-            c(`
+            d(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            I(h.$slots, "left-icon", {}, () => [
-              typeof h.leftIcon == "string" ? (r(), V(b(o), {
+            S(h.$slots, "left-icon", {}, () => [
+              typeof h.leftIcon == "string" ? (r(), I(b(o), {
                 key: 0,
                 name: h.leftIcon
-              }, null, 8, ["name"])) : h.leftIcon ? (r(), V(pe(h.leftIcon), { key: 1 })) : c("v-if", !0)
+              }, null, 8, ["name"])) : h.leftIcon ? (r(), I(pe(h.leftIcon), { key: 1 })) : d("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
-        )) : c("v-if", !0),
-        O.value ? (r(), y(
+        )) : d("v-if", !0),
+        L.value ? (r(), y(
           "div",
           {
             key: 1,
-            class: S(["m-btn__icon", { "maz-invisible": A.value }])
+            class: V(["m-btn__icon", { "maz-invisible": A.value }])
           },
           [
-            c(`
+            d(`
         @slot icon - The icon to display on the fab button
       `),
-            I(h.$slots, "icon", {}, () => [
-              typeof h.icon == "string" ? (r(), V(b(o), {
+            S(h.$slots, "icon", {}, () => [
+              typeof h.icon == "string" ? (r(), I(b(o), {
                 key: 0,
                 name: h.icon
-              }, null, 8, ["name"])) : h.icon ? (r(), V(pe(h.icon), { key: 1 })) : c("v-if", !0)
+              }, null, 8, ["name"])) : h.icon ? (r(), I(pe(h.icon), { key: 1 })) : d("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
-        )) : c("v-if", !0),
+        )) : d("v-if", !0),
         h.$slots.default ? (r(), y(
           "span",
           {
             key: 2,
-            class: S([{ "maz-invisible": A.value }, h.contentClass])
+            class: V([{ "maz-invisible": A.value }, h.contentClass])
           },
           [
-            c(`
+            d(`
         @slot default - The content of the button
       `),
-            I(h.$slots, "default", {}, void 0, !0)
+            S(h.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
-        )) : c("v-if", !0),
+        )) : d("v-if", !0),
         z.value ? (r(), y(
           "div",
           {
             key: 3,
-            class: S(["m-btn__icon-right", { "maz-invisible": A.value }])
+            class: V(["m-btn__icon-right", { "maz-invisible": A.value }])
           },
           [
-            c(`
+            d(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            I(h.$slots, "right-icon", {}, () => [
-              typeof h.rightIcon == "string" ? (r(), V(b(o), {
+            S(h.$slots, "right-icon", {}, () => [
+              typeof h.rightIcon == "string" ? (r(), I(b(o), {
                 key: 0,
                 name: h.rightIcon
-              }, null, 8, ["name"])) : h.rightIcon ? (r(), V(pe(h.rightIcon), { key: 1 })) : c("v-if", !0)
+              }, null, 8, ["name"])) : h.rightIcon ? (r(), I(pe(h.rightIcon), { key: 1 })) : d("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
-        )) : c("v-if", !0),
-        A.value ? (r(), V(b(e), {
+        )) : d("v-if", !0),
+        A.value ? (r(), I(b(e), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
           color: h.color
-        }, null, 8, ["color"])) : c("v-if", !0)
+        }, null, 8, ["color"])) : d("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
@@ -1101,17 +1101,17 @@ const Wt = /* @__PURE__ */ x({
   },
   setup(u) {
     const { hoverable: n, backgroundEven: e, backgroundOdd: o } = Ee("maz-table");
-    return (d, v) => (r(), y(
+    return (c, v) => (r(), y(
       "tr",
       {
-        class: S(["m-table-row", {
-          "--hoverable": b(n) && !d.noHoverable,
+        class: V(["m-table-row", {
+          "--hoverable": b(n) && !c.noHoverable,
           "--background-odd": b(o),
           "--background-even": b(e)
         }])
       },
       [
-        I(d.$slots, "default", {}, void 0, !0)
+        S(c.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
@@ -1124,10 +1124,10 @@ const Wt = /* @__PURE__ */ x({
     return (e, o) => (r(), y(
       "td",
       {
-        class: S(["m-table-cell", `--${b(n)}`])
+        class: V(["m-table-cell", `--${b(n)}`])
       },
       [
-        I(e.$slots, "default", {}, void 0, !0)
+        S(e.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
@@ -1140,16 +1140,16 @@ const Wt = /* @__PURE__ */ x({
     return (e, o) => (r(), y(
       "th",
       {
-        class: S(["m-table-title", `--${b(n)}`])
+        class: V(["m-table-title", `--${b(n)}`])
       },
       [
-        I(e.$slots, "default", {}, void 0, !0)
+        S(e.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), _e = /* @__PURE__ */ ee(Yt, [["__scopeId", "data-v-cd769807"]]), Zt = (u) => (Ue("data-v-be315052"), u = u(), qe(), u), Jt = { class: "m-loading-bar" }, Xt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ C(
+}), _e = /* @__PURE__ */ ee(Yt, [["__scopeId", "data-v-cd769807"]]), Zt = (u) => (Ue("data-v-be315052"), u = u(), qe(), u), Jt = { class: "m-loading-bar" }, Xt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ B(
   "div",
   null,
   null,
@@ -1173,7 +1173,7 @@ const Wt = /* @__PURE__ */ x({
       alpha: `var(--maz-color-${n.color}-alpha-20)`,
       main: `var(--maz-color-${n.color})`
     }));
-    return (o, d) => (r(), y("div", Jt, xt));
+    return (o, c) => (r(), y("div", Jt, xt));
   }
 }), to = /* @__PURE__ */ ee(eo, [["__scopeId", "data-v-be315052"]]), oo = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1181,7 +1181,7 @@ const Wt = /* @__PURE__ */ x({
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, lo = /* @__PURE__ */ C(
+}, lo = /* @__PURE__ */ B(
   "path",
   {
     stroke: "currentColor",
@@ -1227,16 +1227,16 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
   setup(u, { emit: n }) {
     we((z) => ({
       "30ad0e00": Q.value,
-      "46bd1cbc": B.value,
+      "46bd1cbc": C.value,
       "7c7c6907": _.value,
       "47a52c6c": k.value
     }));
-    const e = u, o = n, d = Ne({
+    const e = u, o = n, c = Ne({
       componentName: "MazCheckbox",
       providedId: e.id
     }), v = p(
       () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
-    ), B = p(() => {
+    ), C = p(() => {
       switch (e.size) {
         case "xl":
           return "2.25rem";
@@ -1280,33 +1280,33 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       o("update:model-value", $), o("change", $);
     }
     return (z, $) => (r(), y("label", {
-      for: b(d),
-      class: S(["m-checkbox", [{ "--disabled": z.disabled }, e.class]]),
+      for: b(c),
+      class: V(["m-checkbox", [{ "--disabled": z.disabled }, e.class]]),
       tabindex: "0",
       style: ie(z.style),
       role: "checkbox",
       "aria-checked": v.value,
       onKeydown: j
     }, [
-      C("input", Le({
-        id: b(d),
+      B("input", Pe({
+        id: b(c),
         checked: v.value
       }, z.$attrs, {
         tabindex: "-1",
         disabled: z.disabled,
         name: z.name,
         type: "checkbox",
-        onChange: $[0] || ($[0] = (O) => {
+        onChange: $[0] || ($[0] = (L) => {
           var W;
-          return U(z.value ?? ((W = O == null ? void 0 : O.target) == null ? void 0 : W.checked));
+          return U(z.value ?? ((W = L == null ? void 0 : L.target) == null ? void 0 : W.checked));
         })
       }), null, 16, ro),
-      C("span", null, [
+      B("span", null, [
         M(b(Je), {
-          class: S(["check-icon", N.value])
+          class: V(["check-icon", N.value])
         }, null, 8, ["class"])
       ]),
-      I(z.$slots, "default", {}, () => [
+      S(z.$slots, "default", {}, () => [
         re(
           Y(z.label),
           1
@@ -1330,7 +1330,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 }, yo = { class: "maz-text-center maz-text-muted" }, go = {
   key: 1,
   class: "m-table-footer"
-}, zo = /* @__PURE__ */ Xe(() => /* @__PURE__ */ C(
+}, zo = /* @__PURE__ */ Xe(() => /* @__PURE__ */ B(
   "div",
   { class: "m-table-spacer" },
   null,
@@ -1339,20 +1339,20 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 )), ko = {
   key: 0,
   class: "m-table-footer-pagination"
-}, $o = { class: "m-table-footer-pagination-items-per-page" }, wo = /* @__PURE__ */ Xe(() => /* @__PURE__ */ C(
+}, $o = { class: "m-table-footer-pagination-items-per-page" }, wo = /* @__PURE__ */ Xe(() => /* @__PURE__ */ B(
   "span",
   { class: "maz-hidden maz-text-sm maz-text-muted tab-s:maz-block" },
   " Item per page ",
   -1
   /* HOISTED */
-)), Io = {
+)), So = {
   key: 0,
   class: "maz-whitespace-nowrap maz-text-sm"
-}, Vo = { class: "m-table-footer-pagination-buttons" }, So = /* @__PURE__ */ x({
+}, Io = { class: "m-table-footer-pagination-buttons" }, Vo = /* @__PURE__ */ x({
   __name: "MazTable",
   props: {
     tableClass: { default: void 0 },
-    tableStyle: { default: void 0 },
+    tableStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
     modelValue: { default: void 0 },
     size: { default: "md" },
     title: { default: void 0 },
@@ -1393,16 +1393,16 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       c76cc88c: e.tableLayout,
       "23d9937f": e.captionSide
     }));
-    const e = u, o = n, d = p(
+    const e = u, o = n, c = p(
       () => e.divider && !e.backgroundEven && !e.backgroundOdd
-    ), { size: v, hoverable: B, backgroundEven: N, backgroundOdd: Q } = st(e);
+    ), { size: v, hoverable: C, backgroundEven: N, backgroundOdd: Q } = st(e);
     rt("maz-table", {
       size: v,
-      hoverable: B,
+      hoverable: C,
       backgroundEven: N,
       backgroundOdd: Q
     });
-    const _ = L(fe()), k = p(() => e.selectable || !!e.selectedKey), j = L(e.page);
+    const _ = P(fe()), k = p(() => e.selectable || !!e.selectedKey), j = P(e.page);
     ge(
       () => e.page,
       (l) => {
@@ -1422,7 +1422,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       { label: 50, value: 50 },
       { label: 100, value: 100 },
       { label: 200, value: 200 }
-    ]), z = L(e.pageSize);
+    ]), z = P(e.pageSize);
     ge(
       () => e.pageSize,
       (l) => {
@@ -1434,7 +1434,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       set: (l) => {
         z.value = l, o("update:page-size", l);
       }
-    }), O = p(() => {
+    }), L = p(() => {
       var l;
       return e.totalPages ?? ($.value === Number.POSITIVE_INFINITY || !((l = e.rows) != null && l.length)) ? 1 : Math.ceil(e.rows.length / $.value);
     });
@@ -1442,7 +1442,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       A.value = 1;
     }
     function h() {
-      A.value = O.value;
+      A.value = L.value;
     }
     function J() {
       A.value = A.value - 1;
@@ -1462,13 +1462,13 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         _.value = fe();
       }
     );
-    const G = L(), D = L(), q = L(ae()), H = L(), ne = p(() => [
+    const G = P(), D = P(), q = P(ae()), H = P(), ne = p(() => [
       { label: e.searchByAllLabel, value: null },
       ...q.value.map((l) => ({
         label: l.label,
         value: l.key
       }))
-    ]), se = L(e.searchQuery);
+    ]), se = P(e.searchQuery);
     ge(
       () => e.searchQuery,
       (l) => {
@@ -1498,7 +1498,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     const E = p(() => {
       const l = K(X.value);
       return a(l);
-    }), be = Pe(), R = p(() => e.search || !!e.title || !!be.title), le = p(() => e.pagination);
+    }), be = Oe(), R = p(() => e.search || !!e.title || !!be.title), le = p(() => e.pagination);
     function ae() {
       var l;
       return ((l = e.headers) == null ? void 0 : l.map(
@@ -1515,19 +1515,19 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         };
       })) ?? [];
     }
-    function Ie(l) {
+    function Se(l) {
       l === G.value ? D.value = D.value === void 0 ? "DESC" : D.value === "DESC" ? "ASC" : void 0 : D.value = "DESC", G.value = D.value === void 0 ? void 0 : l;
     }
     const he = p({
       get: () => E.value.every((l) => l.selected) ?? !1,
-      set: Ve
+      set: Ie
     });
-    function Ve(l) {
+    function Ie(l) {
       for (const g of E.value)
         g.selected = l;
       ue();
     }
-    function Se(l, g) {
+    function Ve(l, g) {
       E.value[g].selected = l, ue();
     }
     function ue(l) {
@@ -1538,29 +1538,29 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     function ye() {
       return E.value.filter((l) => l.selected).map((l) => e.selectedKey ? l[e.selectedKey] : l);
     }
-    return Oe(() => {
+    return Le(() => {
       const l = ye();
       l != null && l.length && ue(l);
     }), (l, g) => (r(), y(
       "div",
       {
-        class: S(["m-table", { "--has-header": R.value }])
+        class: V(["m-table", { "--has-header": R.value }])
       },
       [
         R.value ? (r(), y("div", co, [
-          C("div", po, [
-            l.title || l.$slots.title ? I(l.$slots, "title", { key: 0 }, () => [
-              C(
+          B("div", po, [
+            l.title || l.$slots.title ? S(l.$slots, "title", { key: 0 }, () => [
+              B(
                 "span",
                 fo,
                 Y(l.title),
                 1
                 /* TEXT */
               )
-            ], !0) : c("v-if", !0)
+            ], !0) : d("v-if", !0)
           ]),
           l.search ? (r(), y("div", mo, [
-            l.noSearchBy ? c("v-if", !0) : (r(), V(Fe, {
+            l.noSearchBy ? d("v-if", !0) : (r(), I(Fe, {
               key: 0,
               modelValue: H.value,
               "onUpdate:modelValue": g[0] || (g[0] = (f) => H.value = f),
@@ -1578,40 +1578,40 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
               placeholder: l.searchPlaceholder,
               "left-icon": b(Qe)
             }, null, 8, ["modelValue", "size", "color", "placeholder", "left-icon"])
-          ])) : c("v-if", !0)
-        ])) : c("v-if", !0),
-        C(
+          ])) : d("v-if", !0)
+        ])) : d("v-if", !0),
+        B(
           "table",
           {
-            class: S([{ "--elevation": l.elevation, "--has-layout": l.tableLayout }, l.tableClass]),
+            class: V([{ "--elevation": l.elevation, "--has-layout": l.tableLayout }, l.tableClass]),
             style: ie(l.tableStyle)
           },
           [
             l.caption || l.$slots.caption ? (r(), y("caption", vo, [
-              c(`
+              d(`
           @slot caption - add caption on top or bottom of the table
         `),
-              I(l.$slots, "caption", {}, () => [
+              S(l.$slots, "caption", {}, () => [
                 re(
                   Y(l.caption),
                   1
                   /* TEXT */
                 )
               ], !0)
-            ])) : c("v-if", !0),
+            ])) : d("v-if", !0),
             q.value ? (r(), y("thead", bo, [
-              c(`
+              d(`
           @slot thead - content in thead element
         `),
-              I(l.$slots, "thead", {}, () => [
+              S(l.$slots, "thead", {}, () => [
                 M(Me, { "no-hoverable": "" }, {
-                  default: P(() => [
-                    k.value ? (r(), V(_e, {
+                  default: O(() => [
+                    k.value ? (r(), I(_e, {
                       key: 0,
                       align: "left",
-                      class: S([`--${b(v)}`, "m-table-select-column"])
+                      class: V([`--${b(v)}`, "m-table-select-column"])
                     }, {
-                      default: P(() => [
+                      default: O(() => [
                         M(Ke, {
                           modelValue: he.value,
                           "onUpdate:modelValue": g[2] || (g[2] = (f) => he.value = f),
@@ -1620,11 +1620,11 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["class"])) : c("v-if", !0),
+                    }, 8, ["class"])) : d("v-if", !0),
                     (r(!0), y(
                       ve,
                       null,
-                      ke(q.value, (f, T) => (r(), V(_e, {
+                      ke(q.value, (f, T) => (r(), I(_e, {
                         key: T,
                         scope: f.scope,
                         align: f.align,
@@ -1632,35 +1632,35 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                         colspan: f.colspan,
                         headers: f.thHeaders,
                         style: ie({ width: f.width, textAlign: f.align }),
-                        class: S(["maz-group", [
+                        class: V(["maz-group", [
                           { "--hidden": f.hidden, "--sortable": f.sortable ?? l.sortable },
                           f.classes,
                           `--${b(v)}`
                         ]]),
-                        onClick: (t) => (f.sortable ?? l.sortable) && Ie(T)
+                        onClick: (t) => (f.sortable ?? l.sortable) && Se(T)
                       }, {
-                        default: P(() => [
-                          C(
+                        default: O(() => [
+                          B(
                             "span",
                             {
-                              class: S({ "maz-sr-only": f.srOnly })
+                              class: V({ "maz-sr-only": f.srOnly })
                             },
                             [
-                              c(`
+                              d(`
                 @slot header - replace column header
                   @binding {Object} header - header data
                   @binding {String} label - header label
               `),
-                              I(l.$slots, "header", {
+                              S(l.$slots, "header", {
                                 header: f,
                                 label: f.label
                               }, () => [
-                                c(`
+                                d(`
                     @slot header-label-{key} - replace column header label
                       @binding {Object} header - header data
                       @binding {String} label - header label
                   `),
-                                I(l.$slots, `header-label-${f.key}`, {
+                                S(l.$slots, `header-label-${f.key}`, {
                                   header: f,
                                   label: f.label
                                 }, () => [
@@ -1672,13 +1672,13 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                 ], !0),
                                 f.sortable ?? l.sortable ? (r(), y("div", ho, [
                                   M(b(bt), {
-                                    class: S(["m-table-sort-icon maz-hidden group-hover:maz-block", {
+                                    class: V(["m-table-sort-icon maz-hidden group-hover:maz-block", {
                                       "--sorted": T === G.value,
                                       "--up": D.value === "DESC",
                                       "--down": D.value === "ASC"
                                     }])
                                   }, null, 8, ["class"])
-                                ])) : c("v-if", !0)
+                                ])) : d("v-if", !0)
                               ], !0)
                             ],
                             2
@@ -1691,70 +1691,70 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                       128
                       /* KEYED_FRAGMENT */
                     )),
-                    l.$slots.actions ? (r(), V(_e, {
+                    l.$slots.actions ? (r(), I(_e, {
                       key: 1,
                       align: "left",
-                      class: S(`--${b(v)}`)
+                      class: V(`--${b(v)}`)
                     }, {
-                      default: P(() => [
-                        c(`
+                      default: O(() => [
+                        d(`
                 @slot actions-header - replace text of actions header
               `),
-                        I(l.$slots, "actions-header", {}, () => [
+                        S(l.$slots, "actions-header", {}, () => [
                           re(" Actions ")
                         ], !0)
                       ]),
                       _: 3
                       /* FORWARDED */
-                    }, 8, ["class"])) : c("v-if", !0)
+                    }, 8, ["class"])) : d("v-if", !0)
                   ]),
                   _: 3
                   /* FORWARDED */
                 })
               ], !0)
-            ])) : c("v-if", !0),
-            l.loading ? (r(), V(to, {
+            ])) : d("v-if", !0),
+            l.loading ? (r(), I(to, {
               key: 2,
               color: l.color,
               class: "!maz-absolute"
-            }, null, 8, ["color"])) : c("v-if", !0),
-            C(
+            }, null, 8, ["color"])) : d("v-if", !0),
+            B(
               "tbody",
               {
-                class: S({ "--divider": d.value })
+                class: V({ "--divider": c.value })
               },
               [
-                I(l.$slots, "default", {}, () => [
+                S(l.$slots, "default", {}, () => [
                   E.value.length > 0 ? (r(!0), y(
                     ve,
                     { key: 0 },
-                    ke(E.value, (f, T) => (r(), V(Me, {
+                    ke(E.value, (f, T) => (r(), I(Me, {
                       key: T,
-                      class: S(f.classes),
+                      class: V(f.classes),
                       onClick: (t) => f.action && f.action(f)
                     }, {
-                      default: P(() => [
-                        k.value ? (r(), V(
+                      default: O(() => [
+                        k.value ? (r(), I(
                           ze,
                           {
                             key: 0,
                             class: "m-table-select-column"
                           },
                           {
-                            default: P(() => [
-                              c(`
+                            default: O(() => [
+                              d(`
                   @slot select - replace checkbox component
                     @binding {Object} row - row data
                     @binding {Boolean} selected - if selected or not
                 `),
-                              I(l.$slots, "select", {
+                              S(l.$slots, "select", {
                                 row: f,
                                 selected: f.selected
                               }, () => [
                                 M(Ke, {
                                   size: "xs",
                                   "model-value": f.selected,
-                                  "onUpdate:modelValue": (t) => Se(t, T)
+                                  "onUpdate:modelValue": (t) => Ve(t, T)
                                 }, null, 8, ["model-value", "onUpdate:modelValue"])
                               ], !0)
                             ]),
@@ -1763,32 +1763,32 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                           },
                           1024
                           /* DYNAMIC_SLOTS */
-                        )) : c("v-if", !0),
+                        )) : d("v-if", !0),
                         (r(!0), y(
                           ve,
                           null,
-                          ke(q.value, ({ key: t, align: s, classes: m }, i) => (r(), V(ze, {
+                          ke(q.value, ({ key: t, align: s, classes: m }, i) => (r(), I(ze, {
                             key: i,
                             align: s,
-                            class: S(m)
+                            class: V(m)
                           }, {
-                            default: P(() => [
-                              c(`
+                            default: O(() => [
+                              d(`
                   @slot cell - replace all row cells
                     @binding {Object} row - row data
                     @binding {Boolean} value - cell value
                 `),
-                              t ? I(l.$slots, "cell", {
+                              t ? S(l.$slots, "cell", {
                                 key: 0,
                                 row: f,
                                 value: f[t]
                               }, () => [
-                                c(`
+                                d(`
                     @slot cell-{key} - replace row cells of column
                       @binding {Object} row - row data
                       @binding {Boolean} value - cell value
                   `),
-                                I(l.$slots, `cell-${t}`, {
+                                S(l.$slots, `cell-${t}`, {
                                   row: f,
                                   value: f[t]
                                 }, () => [
@@ -1798,7 +1798,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                     /* TEXT */
                                   )
                                 ], !0)
-                              ], !0) : c("v-if", !0)
+                              ], !0) : d("v-if", !0)
                             ]),
                             _: 2
                             /* DYNAMIC */
@@ -1806,44 +1806,44 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        l.$slots.actions ? (r(), V(
+                        l.$slots.actions ? (r(), I(
                           ze,
                           { key: 1 },
                           {
-                            default: P(() => [
-                              c(`
+                            default: O(() => [
+                              d(`
                   @slot actions - will add actions column
                     @binding {Object} row - row data
                 `),
-                              I(l.$slots, "actions", { row: f }, void 0, !0)
+                              S(l.$slots, "actions", { row: f }, void 0, !0)
                             ]),
                             _: 2
                             /* DYNAMIC */
                           },
                           1024
                           /* DYNAMIC_SLOTS */
-                        )) : c("v-if", !0)
+                        )) : d("v-if", !0)
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["class", "onClick"]))),
                     128
                     /* KEYED_FRAGMENT */
-                  )) : (r(), V(Me, { key: 1 }, {
-                    default: P(() => [
+                  )) : (r(), I(Me, { key: 1 }, {
+                    default: O(() => [
                       M(ze, {
                         colspan: q.value.length + (k.value ? 1 : 0) + (l.$slots.actions ? 1 : 0)
                       }, {
-                        default: P(() => [
-                          c(`
+                        default: O(() => [
+                          d(`
                   @slot no-results - replace no results
                 `),
-                          I(l.$slots, "no-results", {}, () => [
-                            C("p", yo, [
-                              c(`
+                          S(l.$slots, "no-results", {}, () => [
+                            B("p", yo, [
+                              d(`
                       @slot no-results-text - replace no results test only
                     `),
-                              I(l.$slots, "no-results-text", {}, () => [
+                              S(l.$slots, "no-results-text", {}, () => [
                                 re(" No results ")
                               ], !0)
                             ])
@@ -1868,7 +1868,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         le.value ? (r(), y("div", go, [
           zo,
           l.pagination ? (r(), y("div", ko, [
-            C("div", $o, [
+            B("div", $o, [
               wo,
               M(Fe, {
                 modelValue: $.value,
@@ -1880,14 +1880,14 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 style: { width: "5rem" }
               }, null, 8, ["modelValue", "options", "size", "color"])
             ]),
-            O.value ? (r(), y(
+            L.value ? (r(), y(
               "span",
-              Io,
-              Y(A.value) + " - " + Y(E.value.length) + " of " + Y(O.value),
+              So,
+              Y(A.value) + " - " + Y(E.value.length) + " of " + Y(L.value),
               1
               /* TEXT */
-            )) : c("v-if", !0),
-            C("div", Vo, [
+            )) : d("v-if", !0),
+            B("div", Io, [
               M(me, {
                 disabled: A.value === 1,
                 size: b(v),
@@ -1896,7 +1896,7 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 "no-elevation": "",
                 onClick: W
               }, {
-                default: P(() => [
+                default: O(() => [
                   M(b(De), { class: "maz-text-base" })
                 ]),
                 _: 1
@@ -1910,51 +1910,51 @@ const Je = { render: Ze }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 "no-elevation": "",
                 onClick: J
               }, {
-                default: P(() => [
+                default: O(() => [
                   M(b(je), { class: "maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               M(me, {
-                disabled: A.value === O.value,
+                disabled: A.value === L.value,
                 size: b(v),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
                 onClick: te
               }, {
-                default: P(() => [
+                default: O(() => [
                   M(b(je), { class: "maz-rotate-180 maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               M(me, {
-                disabled: A.value === O.value,
+                disabled: A.value === L.value,
                 size: b(v),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
                 onClick: h
               }, {
-                default: P(() => [
+                default: O(() => [
                   M(b(De), { class: "maz-rotate-180 maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size"])
             ])
-          ])) : c("v-if", !0)
-        ])) : c("v-if", !0)
+          ])) : d("v-if", !0)
+        ])) : d("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), Bo = /* @__PURE__ */ ee(So, [["__scopeId", "data-v-6b3a886f"]]);
+}), Co = /* @__PURE__ */ ee(Vo, [["__scopeId", "data-v-6b3a886f"]]);
 export {
-  Bo as M,
+  Co as M,
   ee as _,
   Ee as i
 };