maz-ui 3.31.0 → 3.31.2

package/components/chunks/{MazTable-rnu9lv5r.mjs → MazTable-4_j2qksi.mjs}

@@ -1,12 +1,12 @@
 import "../assets/MazTable.css";
-import { openBlock as s, createElementBlock as b, createElementVNode as C, computed as u, defineComponent as X, defineAsyncComponent as Q, ref as K, getCurrentInstance as Ke, onMounted as We, useSlots as Ee, normalizeClass as w, normalizeStyle as re, createCommentVNode as r, renderSlot as V, createBlock as $, unref as v, resolveDynamicComponent as ce, withDirectives as Ye, mergeProps as Me, toHandlers as Ze, vModelDynamic as Ge, createTextVNode as de, toDisplayString as te, withModifiers as me, withCtx as O, createVNode as B, inject as Je, useCssVars as ke, onBeforeMount as Le, Transition as Xe, Fragment as ge, renderList as ze, nextTick as Ie, useAttrs as xe, pushScopeId as Fe, popScopeId as He, toRefs as et, provide as tt, watch as he } from "vue";
+import { openBlock as s, createElementBlock as b, createElementVNode as I, computed as u, defineComponent as X, defineAsyncComponent as U, ref as M, getCurrentInstance as Ke, onMounted as We, useSlots as Me, normalizeClass as V, normalizeStyle as ne, createCommentVNode as r, renderSlot as $, createBlock as k, unref as f, resolveDynamicComponent as de, withDirectives as Ye, mergeProps as Le, toHandlers as Ze, vModelDynamic as Ge, createTextVNode as ue, toDisplayString as J, withModifiers as me, withCtx as P, createVNode as _, inject as Je, useCssVars as we, onBeforeMount as Te, Transition as Xe, Fragment as ze, renderList as ke, nextTick as Ie, useAttrs as xe, pushScopeId as Ee, popScopeId as Fe, toRefs as et, provide as tt, watch as ye } from "vue";
 const lt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, ot = /* @__PURE__ */ C(
+}, ot = /* @__PURE__ */ I(
   "path",
   {
     stroke: "currentColor",
@@ -21,20 +21,20 @@ const lt = {
 ), at = [
   ot
 ];
-function qe(c, h) {
+function He(c, h) {
   return s(), b("svg", lt, [...at]);
 }
-const Ue = { render: qe }, nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qe = { render: He }, nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ue,
-  render: qe
+  default: qe,
+  render: He
 }, Symbol.toStringTag, { value: "Module" })), st = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, rt = /* @__PURE__ */ C(
+}, rt = /* @__PURE__ */ I(
   "path",
   {
     stroke: "currentColor",
@@ -58,7 +58,7 @@ const dt = { render: ut }, ct = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, pt = /* @__PURE__ */ C(
+}, pt = /* @__PURE__ */ I(
   "path",
   {
     stroke: "currentColor",
@@ -73,16 +73,16 @@ const dt = { render: ut }, ct = {
 ), mt = [
   pt
 ];
-function vt(c, h) {
+function ft(c, h) {
   return s(), b("svg", ct, [...mt]);
 }
-const Ne = { render: vt }, ft = {
+const Ne = { render: ft }, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, bt = /* @__PURE__ */ C(
+}, bt = /* @__PURE__ */ I(
   "path",
   {
     stroke: "currentColor",
@@ -98,7 +98,7 @@ const Ne = { render: vt }, ft = {
   bt
 ];
 function yt(c, h) {
-  return s(), b("svg", ft, [...ht]);
+  return s(), b("svg", vt, [...ht]);
 }
 const je = { render: yt };
 function gt(c, h) {
@@ -109,7 +109,7 @@ function gt(c, h) {
     }, h);
   };
 }
-const Te = ({
+const Pe = ({
   componentName: c,
   instance: h,
   providedId: n
@@ -155,178 +155,178 @@ const Te = ({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change"],
   setup(c, { emit: h }) {
-    const n = Q(() => Promise.resolve().then(() => Lt)), p = Q(() => import("./MazIcon-icjrWrvA.mjs")), L = Q(() => import("./eye-slash-rdPLIzFI.mjs")), I = Q(() => import("./eye-3jm1b22X.mjs")), k = Q(() => Promise.resolve().then(() => Qt)), t = c, N = h, _ = K(!1), z = K(!1), F = K(), S = Ke(), W = Te({
+    const n = U(() => Promise.resolve().then(() => Mt)), p = U(() => import("./MazIcon-002AxbwZ.mjs")), L = U(() => import("./eye-slash-rdPLIzFI.mjs")), S = U(() => import("./eye-3jm1b22X.mjs")), w = U(() => Promise.resolve().then(() => Rt)), l = c, O = h, A = M(!1), z = M(!1), D = M(), B = Ke(), R = Pe({
       componentName: "MazInput",
-      instance: S,
-      providedId: t.id
+      instance: B,
+      providedId: l.id
     });
     We(() => {
-      var o;
-      t.autoFocus && ((o = F.value) == null || o.focus());
+      var a;
+      l.autoFocus && ((a = D.value) == null || a.focus());
     });
-    const H = u(() => t.type === "password"), y = u(() => _.value ? "text" : t.type), T = u(() => {
-      if (!t.noBorder) {
-        if (t.error)
+    const F = u(() => l.type === "password"), y = u(() => A.value ? "text" : l.type), T = u(() => {
+      if (!l.noBorder) {
+        if (l.error)
           return "maz-border-danger";
-        if (t.success)
+        if (l.success)
           return "maz-border-success";
-        if (t.warning)
+        if (l.warning)
           return "maz-border-warning";
-        if (z.value || t.borderActive) {
-          if (t.color === "black")
+        if (z.value || l.borderActive) {
+          if (l.color === "black")
             return "maz-border-black";
-          if (t.color === "danger")
+          if (l.color === "danger")
             return "maz-border-danger";
-          if (t.color === "info")
+          if (l.color === "info")
             return "maz-border-info";
-          if (t.color === "primary")
+          if (l.color === "primary")
             return "maz-border-primary";
-          if (t.color === "secondary")
+          if (l.color === "secondary")
             return "maz-border-secondary";
-          if (t.color === "success")
+          if (l.color === "success")
             return "maz-border-success";
-          if (t.color === "warning")
+          if (l.color === "warning")
             return "maz-border-warning";
-          if (t.color === "white")
+          if (l.color === "white")
             return "maz-border-white";
         }
         return "--default-border";
       }
-    }), j = Ee(), m = u(() => {
-      const { required: o, placeholder: A } = t;
-      if (A)
-        return o ? `${A} *` : A;
-    }), le = u(() => t.modelValue !== void 0 && t.modelValue !== ""), oe = u({
-      get: () => t.modelValue,
-      set: (o) => ne(o)
-    }), ae = u(() => (!!t.label || !!t.hint) && (z.value || !!le.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), Y = u(() => !!t.label || !!t.hint), Z = () => !!j["right-icon"] || H.value || !!j["valid-button"] || t.validButton || !!t.rightIcon, G = () => !!j["left-icon"] || !!t.leftIcon, ee = (o) => {
-      N("focus", o), z.value = !0;
-    }, pe = (o) => {
-      N("blur", o), z.value = !1;
-    }, J = (o) => N("change", o), D = gt((o) => {
-      N("update:model-value", o);
-    }, t.debounceDelay), ne = (o) => {
-      if (t.debounce)
-        return D(o);
-      N("update:model-value", o);
+    }), N = Me(), m = u(() => {
+      const { required: a, placeholder: E } = l;
+      if (E)
+        return a ? `${E} *` : E;
+    }), le = u(() => l.modelValue !== void 0 && l.modelValue !== ""), oe = u({
+      get: () => l.modelValue,
+      set: (a) => se(a)
+    }), ae = u(() => (!!l.label || !!l.hint) && (z.value || !!le.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), Q = u(() => !!l.label || !!l.hint), W = () => !!N["right-icon"] || F.value || !!N["valid-button"] || l.validButton || !!l.rightIcon, Y = () => !!N["left-icon"] || !!l.leftIcon, ee = (a) => {
+      O("focus", a), z.value = !0;
+    }, ce = (a) => {
+      O("blur", a), z.value = !1;
+    }, Z = (a) => O("change", a), j = gt((a) => {
+      O("update:model-value", a);
+    }, l.debounceDelay), se = (a) => {
+      if (l.debounce)
+        return j(a);
+      O("update:model-value", a);
     };
-    return (o, A) => (s(), b(
+    return (a, E) => (s(), b(
       "div",
       {
-        class: w(["m-input", [
+        class: V(["m-input", [
           {
-            "--is-focused": z.value || o.borderActive,
+            "--is-focused": z.value || a.borderActive,
             "--should-up": ae.value,
-            "--has-label": Y.value,
-            "--is-disabled": o.disabled,
-            "--is-readonly": o.readonly,
-            "--has-z-2": o.error || o.warning || o.success,
-            "--has-state": o.error || o.warning || o.success
+            "--has-label": Q.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
           },
-          t.class,
-          `--${o.color}`,
-          `--${o.size}`
+          l.class,
+          `--${a.color}`,
+          `--${a.size}`
         ]]),
-        style: re(o.style)
+        style: ne(a.style)
       },
       [
-        C(
+        I(
           "div",
           {
-            class: w(["m-input-wrapper", [o.inputClasses, T.value, { "maz-rounded": !o.noRadius }]])
+            class: V(["m-input-wrapper", [a.inputClasses, T.value, { "maz-rounded": !a.noRadius }]])
           },
           [
-            G() ? (s(), b("div", zt, [
+            Y() ? (s(), b("div", zt, [
               r(`
           @slot left-icon - The icon to display on the left of the input
         `),
-              o.$slots["left-icon"] || o.leftIcon ? V(o.$slots, "left-icon", { key: 0 }, () => [
-                typeof o.leftIcon == "string" ? (s(), $(v(p), {
+              a.$slots["left-icon"] || a.leftIcon ? $(a.$slots, "left-icon", { key: 0 }, () => [
+                typeof a.leftIcon == "string" ? (s(), k(f(p), {
                   key: 0,
-                  name: o.leftIcon,
+                  name: a.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (s(), $(ce(o.leftIcon), {
+                }, null, 8, ["name"])) : a.leftIcon ? (s(), k(de(a.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : r("v-if", !0)
               ], !0) : r("v-if", !0)
             ])) : r("v-if", !0),
-            C("div", kt, [
-              Ye(C("input", Me({
-                id: v(W),
+            I("div", kt, [
+              Ye(I("input", Le({
+                id: f(R),
                 ref_key: "input",
-                ref: F,
-                "onUpdate:modelValue": A[0] || (A[0] = (E) => oe.value = E),
+                ref: D,
+                "onUpdate:modelValue": E[0] || (E[0] = (C) => oe.value = C),
                 type: y.value,
-                name: o.name
-              }, o.$attrs, {
-                inputmode: o.inputmode,
+                name: a.name
+              }, a.$attrs, {
+                inputmode: a.inputmode,
                 placeholder: m.value,
-                "aria-label": o.label || o.placeholder,
-                disabled: o.disabled,
-                readonly: o.readonly,
-                required: o.required,
+                "aria-label": a.label || a.placeholder,
+                disabled: a.disabled,
+                readonly: a.readonly,
+                required: a.required,
                 class: "m-input-input"
               }, Ze({
-                blur: pe,
+                blur: ce,
                 focus: ee,
-                change: J
+                change: Z
               }, !0), {
-                onClick: A[1] || (A[1] = (E) => o.$emit("click", E))
+                onClick: E[1] || (E[1] = (C) => a.$emit("click", C))
               }), null, 16, wt), [
                 [Ge, oe.value]
               ]),
-              o.label || o.hint ? (s(), b(
+              a.label || a.hint ? (s(), b(
                 "span",
                 {
                   key: 0,
                   ref: "label",
-                  class: w(["m-input-label", [
+                  class: V(["m-input-label", [
                     {
-                      "maz-text-danger-600": o.error,
-                      "maz-text-success-600": o.success,
-                      "maz-text-warning-600": o.warning
+                      "maz-text-danger-600": a.error,
+                      "maz-text-success-600": a.success,
+                      "maz-text-warning-600": a.warning
                     }
                   ]])
                 },
                 [
-                  de(
-                    te(o.hint || o.label) + " ",
+                  ue(
+                    J(a.hint || a.label) + " ",
                     1
                     /* TEXT */
                   ),
-                  o.required ? (s(), b("sup", $t, "*")) : r("v-if", !0)
+                  a.required ? (s(), b("sup", $t, "*")) : r("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : r("v-if", !0)
             ]),
-            Z() ? (s(), b("div", Vt, [
+            W() ? (s(), b("div", Vt, [
               r(`
           @slot right-icon - The icon to display on the right of the input
         `),
-              o.$slots["right-icon"] || o.rightIcon ? V(o.$slots, "right-icon", { key: 0 }, () => [
-                typeof o.rightIcon == "string" ? (s(), $(v(p), {
+              a.$slots["right-icon"] || a.rightIcon ? $(a.$slots, "right-icon", { key: 0 }, () => [
+                typeof a.rightIcon == "string" ? (s(), k(f(p), {
                   key: 0,
-                  name: o.rightIcon,
+                  name: a.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (s(), $(ce(o.rightIcon), {
+                }, null, 8, ["name"])) : a.rightIcon ? (s(), k(de(a.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : r("v-if", !0)
               ], !0) : r("v-if", !0),
-              H.value ? (s(), $(v(n), {
+              F.value ? (s(), k(f(n), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: A[2] || (A[2] = me((E) => _.value = !_.value, ["stop"]))
+                onClick: E[2] || (E[2] = me((C) => A.value = !A.value, ["stop"]))
               }, {
-                default: O(() => [
-                  _.value ? (s(), $(v(L), {
+                default: P(() => [
+                  A.value ? (s(), k(f(L), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (s(), $(v(I), {
+                  })) : (s(), k(f(S), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -337,18 +337,18 @@ const Te = ({
               r(`
           @slot valid-button - Replace the valid button by your own
         `),
-              o.$slots["valid-button"] || o.validButton ? V(o.$slots, "valid-button", { key: 2 }, () => [
-                B(v(n), {
+              a.$slots["valid-button"] || a.validButton ? $(a.$slots, "valid-button", { key: 2 }, () => [
+                _(f(n), {
                   color: "transparent",
-                  disabled: o.disabled,
+                  disabled: a.disabled,
                   tabindex: "-1",
-                  loading: o.validButtonLoading,
+                  loading: a.validButtonLoading,
                   class: "m-input-valid-button",
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: O(() => [
-                    B(v(k), { class: "maz-text-2xl maz-text-normal" })
+                  default: P(() => [
+                    _(f(w), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -370,9 +370,9 @@ const Te = ({
     n[p] = L;
   return n;
 }, _e = /* @__PURE__ */ x(It, [["__scopeId", "data-v-e9e7fe2d"]]);
-K("system");
-K("system");
-function Pe(c, h) {
+M("system");
+M("system");
+function Oe(c, h) {
   const n = Je(c, h);
   if (!n)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${c}`);
@@ -382,15 +382,11 @@ let Se = null;
 function St(c, h) {
   Se && clearTimeout(Se), Se = setTimeout(c, h);
 }
-const Bt = {
-  key: 0,
-  tabindex: "-1",
-  class: "m-select-list__search-wrapper"
-}, Ct = { class: "m-select-list__no-results" }, _t = {
+const Bt = { class: "m-select-list__no-results" }, Ct = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, At = ["onClick"], Kt = /* @__PURE__ */ X({
+}, _t = ["onClick"], At = /* @__PURE__ */ X({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -403,7 +399,7 @@ const Bt = {
     optionLabelKey: { default: "label" },
     optionInputValueKey: { default: "label" },
     listPosition: { default: "bottom left" },
-    itemHeight: { default: 42 },
+    itemHeight: { default: void 0 },
     maxListHeight: { default: 240 },
     maxListWidth: { default: void 0 },
     size: { default: "md" },
@@ -417,269 +413,269 @@ const Bt = {
   },
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(c, { emit: h }) {
-    ke((e) => ({
-      c5a22ee8: H.value,
-      "166b564b": S.value,
-      "123f3f73": W.value
+    we((e) => ({
+      "5e7d1dfe": F.value,
+      b3b9ed86: B.value,
+      "55cb06e5": R.value
     }));
-    const n = Q(() => Promise.resolve().then(() => Gt)), p = Q(() => Promise.resolve().then(() => nt)), L = Q(() => import("./chevron-down-bC0s_0yH.mjs")), I = Q(() => import("./no-symbol-JnXtUaU-.mjs")), k = Ke(), t = c, N = h, _ = K(!1), z = K(), F = u(
-      () => ["black", "transparent", "white"].includes(t.color)
-    ), S = u(
-      () => F.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), W = u(
-      () => F.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), H = u(
-      () => F.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), y = u(() => _.value || t.open), T = Te({
+    const n = U(() => Promise.resolve().then(() => Zt)), p = U(() => Promise.resolve().then(() => nt)), L = U(() => import("./chevron-down-bC0s_0yH.mjs")), S = U(() => import("./no-symbol-JnXtUaU-.mjs")), w = Ke(), l = c, O = h, A = M(!1), z = M(), D = u(
+      () => ["black", "transparent", "white"].includes(l.color)
+    ), B = u(
+      () => D.value ? "var(--maz-color-black)" : `var(--maz-color-${l.color}-800)`
+    ), R = u(
+      () => D.value ? "var(--maz-color-muted)" : `var(--maz-color-${l.color}-100)`
+    ), F = u(
+      () => D.value ? "var(--maz-color-muted)" : `var(--maz-color-${l.color}-200)`
+    ), y = u(() => A.value || l.open), T = Pe({
       componentName: "MazSelect",
-      instance: k,
-      providedId: t.id
-    }), j = u(
+      instance: w,
+      providedId: l.id
+    }), N = u(
       () => {
         var e;
-        return (e = t.options) == null ? void 0 : e.map((a) => typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? {
-          [t.optionValueKey]: a,
-          [t.optionLabelKey]: a,
-          [t.optionInputValueKey]: a
+        return (e = l.options) == null ? void 0 : e.map((o) => typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? {
+          [l.optionValueKey]: o,
+          [l.optionLabelKey]: o,
+          [l.optionInputValueKey]: o
         } : {
-          [t.optionValueKey]: a[t.optionValueKey],
-          [t.optionLabelKey]: a[t.optionLabelKey],
-          [t.optionInputValueKey]: a[t.optionInputValueKey]
+          ...o,
+          [l.optionValueKey]: o[l.optionValueKey],
+          [l.optionLabelKey]: o[l.optionLabelKey],
+          [l.optionInputValueKey]: o[l.optionInputValueKey]
         });
       }
     ), m = u(
       () => {
         var e;
-        return ((e = j.value) == null ? void 0 : e.filter((a) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(a[t.optionValueKey]) && !Z(a[t.optionValueKey]) : !1 : t.modelValue === a[t.optionValueKey] && !Z(a[t.optionValueKey]))) ?? [];
+        return ((e = N.value) == null ? void 0 : e.filter((o) => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue.includes(o[l.optionValueKey]) && !W(o[l.optionValueKey]) : !1 : l.modelValue === o[l.optionValueKey] && !W(o[l.optionValueKey]))) ?? [];
       }
     );
-    Le(() => {
+    Te(() => {
       var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), i();
+      (e = l.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), g();
     });
-    const le = K(), oe = K(), ae = K(), Y = K(), Z = (e) => e == null;
-    function G(e) {
+    const le = M(), oe = M(), ae = M(), Q = M(), W = (e) => e == null;
+    function Y(e) {
       var d;
       return (((d = m.value) == null ? void 0 : d.some(
-        (f) => f[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !Z(e[t.optionValueKey]);
+        (v) => v[l.optionValueKey] === e[l.optionValueKey]
+      )) ?? !1) && !W(e[l.optionValueKey]);
     }
     const ee = u(() => {
-      var e, a;
-      return t.multiple && t.modelValue && Array.isArray(t.modelValue) ? t.modelValue.map(
+      var e, o;
+      return l.multiple && l.modelValue && Array.isArray(l.modelValue) ? l.modelValue.map(
         (d) => {
-          var f, P;
-          return (P = (f = j.value) == null ? void 0 : f.find((R) => R[t.optionValueKey] === d)) == null ? void 0 : P[t.optionInputValueKey];
+          var v, K;
+          return (K = (v = N.value) == null ? void 0 : v.find((q) => q[l.optionValueKey] === d)) == null ? void 0 : K[l.optionInputValueKey];
         }
-      ).join(", ") : (a = (e = j.value) == null ? void 0 : e.find(
-        (d) => d[t.optionValueKey] === t.modelValue
-      )) == null ? void 0 : a[t.optionInputValueKey];
-    }), pe = u(
-      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), J = K(""), D = K("");
-    function ne(e) {
+      ).join(", ") : (o = (e = N.value) == null ? void 0 : e.find(
+        (d) => d[l.optionValueKey] === l.modelValue
+      )) == null ? void 0 : o[l.optionInputValueKey];
+    }), ce = u(
+      () => l.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
+    ), Z = M(""), j = M("");
+    function se(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
-    const o = (e, a) => a && e && ne(e.toString().toLocaleLowerCase().trim()).includes(
-      ne(a.toLocaleLowerCase().trim())
+    const a = (e, o) => o && e && se(e.toString().toLocaleLowerCase().trim()).includes(
+      se(o.toLocaleLowerCase().trim())
     );
-    function A(e) {
-      var a;
-      return e ? (a = j.value) == null ? void 0 : a.filter((d) => {
-        const f = d[t.optionLabelKey], P = d[t.optionValueKey], R = d[t.optionInputValueKey];
-        return o(f, e) || o(P, e) || o(R, e);
-      }) : j.value;
+    function E(e) {
+      var o;
+      return e ? (o = N.value) == null ? void 0 : o.filter((d) => {
+        const v = d[l.optionLabelKey], K = d[l.optionValueKey], q = d[l.optionInputValueKey];
+        return a(v, e) || a(K, e) || a(q, e);
+      }) : N.value;
     }
-    const E = u(() => A(J.value)), se = async (e) => {
-      var a;
-      if (e && ("relatedTarget" in e && ((a = le.value) != null && a.contains(e.relatedTarget)) || e.type === "keydown"))
+    const C = u(() => E(Z.value)), re = async (e) => {
+      var o;
+      if (e && ("relatedTarget" in e && ((o = le.value) != null && o.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
-      await Ie(), _.value = !1, z.value = 0, N("close", e);
-    }, U = async (e) => {
-      t.disabled || y.value || (e == null || e.preventDefault(), _.value = !0, await g(), N("focus", e), N("open", _.value));
+      await Ie(), A.value = !1, z.value = 0, O("close", e);
+    }, te = async (e) => {
+      l.disabled || y.value || (e == null || e.preventDefault(), A.value = !0, await t(), O("focus", e), O("open", A.value));
     };
-    function q() {
-      var e, a;
-      (a = ((e = oe.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
-    }
-    function we(e) {
-      _.value ? se(e) : q();
+    function G() {
+      var e, o;
+      (o = ((e = oe.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
     }
-    function fe(e) {
-      var a, d;
-      J.value = e, (d = ((a = ae.value) == null ? void 0 : a.$el).querySelector("input")) == null || d.focus();
+    function H(e) {
+      A.value ? re(e) : G();
     }
     function $e(e) {
+      var o, d;
+      Z.value = e, (d = ((o = ae.value) == null ? void 0 : o.$el).querySelector("input")) == null || d.focus();
+    }
+    function ve(e) {
       var d;
-      e === "Backspace" && D.value.length > 0 ? D.value = D.value.slice(0, -1) : D.value += e;
-      const a = A(D.value);
-      a != null && a.length && (z.value = (d = E.value) == null ? void 0 : d.findIndex(
-        (f) => f[t.optionValueKey] === a[0][t.optionValueKey]
-      ), typeof z.value == "number" && z.value >= 0 && g(z.value)), St(() => {
-        D.value = "";
+      e === "Backspace" && j.value.length > 0 ? j.value = j.value.slice(0, -1) : j.value += e;
+      const o = E(j.value);
+      o != null && o.length && (z.value = (d = C.value) == null ? void 0 : d.findIndex(
+        (v) => v[l.optionValueKey] === o[0][l.optionValueKey]
+      ), typeof z.value == "number" && z.value >= 0 && t(z.value)), St(() => {
+        j.value = "";
       }, 1e3);
     }
     const Ve = (e) => {
-      const a = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (e.preventDefault(), U(e), t.search ? fe(a) : $e(a)) : ie(e);
-    }, ie = (e) => {
-      const a = e.code, d = ["ArrowUp", "ArrowDown"].includes(a), f = ["Enter", "Space"].includes(a), P = a === "Escape" && y.value;
-      d ? be(e, z.value) : f ? l(e, z.value) : P && se();
-    }, be = (e, a) => {
-      var P;
+      const o = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), te(e), l.search ? $e(o) : ve(o)) : be(e);
+    }, be = (e) => {
+      const o = e.code, d = ["ArrowUp", "ArrowDown"].includes(o), v = ["Enter", "Space"].includes(o), K = o === "Escape" && y.value;
+      d ? pe(e, z.value) : v ? he(e, z.value) : K && re();
+    }, pe = (e, o) => {
+      var K;
       e.preventDefault();
       const d = e.code;
-      y.value || U(e);
-      const f = (P = E.value) == null ? void 0 : P.length;
-      f && (typeof a == "number" ? a === f - 1 && d === "ArrowDown" ? z.value = 0 : a === 0 && d === "ArrowUp" ? z.value = f - 1 : z.value = d === "ArrowDown" ? a + 1 : a - 1 : z.value = d === "ArrowDown" ? 0 : f - 1, g(z.value));
-    }, l = (e, a) => {
-      var f, P, R;
+      y.value || te(e);
+      const v = (K = C.value) == null ? void 0 : K.length;
+      v && (typeof o == "number" ? o === v - 1 && d === "ArrowDown" ? z.value = 0 : o === 0 && d === "ArrowUp" ? z.value = v - 1 : z.value = d === "ArrowDown" ? o + 1 : o - 1 : z.value = d === "ArrowDown" ? 0 : v - 1, t(z.value));
+    }, he = (e, o) => {
+      var v, K, q;
       if (e.preventDefault(), !y.value)
-        return U(e);
-      const d = a ? ((f = E.value) == null ? void 0 : f[a]) ?? ((P = E.value) == null ? void 0 : P[0]) : (R = E.value) == null ? void 0 : R[0];
-      Z(d) || M(d);
+        return te(e);
+      const d = o ? ((v = C.value) == null ? void 0 : v[o]) ?? ((K = C.value) == null ? void 0 : K[0]) : (q = C.value) == null ? void 0 : q[0];
+      W(d) || i(d);
     };
-    async function g(e) {
-      var d, f;
-      await Ie(), typeof e != "number" && i();
-      const a = e ?? z.value;
-      typeof a == "number" && a >= 0 && ((f = (d = Y.value) == null ? void 0 : d.querySelectorAll(".m-select-list-item")[a]) == null || f.scrollIntoView({
+    async function t(e) {
+      var d, v;
+      await Ie(), typeof e != "number" && g();
+      const o = e ?? z.value;
+      typeof o == "number" && o >= 0 && ((v = (d = Q.value) == null ? void 0 : d.querySelectorAll(".m-select-list-item")[o]) == null || v.scrollIntoView({
         behavior: "auto",
         block: "nearest",
         inline: "start"
       }));
     }
-    function i(e) {
+    function g(e) {
       var d;
-      const a = (d = E.value) == null ? void 0 : d.findIndex((f) => {
-        var P, R;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === f[t.optionValueKey] : [...t.modelValue].reverse()[0] === f[t.optionValueKey] : ((R = (P = m.value) == null ? void 0 : P[0]) == null ? void 0 : R[t.optionValueKey]) === f[t.optionValueKey];
+      const o = (d = C.value) == null ? void 0 : d.findIndex((v) => {
+        var K, q;
+        return l.multiple && Array.isArray(l.modelValue) ? e ? e[l.optionValueKey] === v[l.optionValueKey] : [...l.modelValue].reverse()[0] === v[l.optionValueKey] : ((q = (K = m.value) == null ? void 0 : K[0]) == null ? void 0 : q[l.optionValueKey]) === v[l.optionValueKey];
       });
-      z.value = a && a >= 0 ? a : 0;
+      z.value = o && o >= 0 ? o : 0;
     }
-    const M = (e, a = !0) => {
-      var R;
-      a && !t.multiple && Ie(() => se()), J.value = "";
-      const d = (R = m.value) == null ? void 0 : R.some(
-        (ue) => ue[t.optionValueKey] === e[t.optionValueKey]
+    const i = (e, o = !0) => {
+      var q;
+      o && !l.multiple && Ie(() => re()), Z.value = "";
+      const d = (q = m.value) == null ? void 0 : q.some(
+        (ie) => ie[l.optionValueKey] === e[l.optionValueKey]
       );
-      let f = m.value;
-      d && t.multiple ? f = f == null ? void 0 : f.filter(
-        (ue) => ue[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? f.push(e) : f = [e];
-      const P = f.map((ue) => ue[t.optionValueKey]);
-      N("update:model-value", t.multiple ? P : P[0]), N("selected-option", e), i(e), q();
+      let v = m.value;
+      d && l.multiple ? v = v == null ? void 0 : v.filter(
+        (ie) => ie[l.optionValueKey] !== e[l.optionValueKey]
+      ) : l.multiple ? v.push(e) : v = [e];
+      const K = v.map((ie) => ie[l.optionValueKey]);
+      O("update:model-value", l.multiple ? K : K[0]), O("selected-option", e), g(e), G();
     };
-    return (e, a) => (s(), b(
+    return (e, o) => (s(), b(
       "div",
       {
         ref_key: "mazSelectElement",
         ref: le,
-        class: w(["m-select", [{ "--is-open": y.value, "--disabled": e.disabled }, t.class]]),
-        style: re(e.style),
-        onBlurCapture: se
+        class: V(["m-select", [{ "--is-open": y.value, "--disabled": e.disabled }, l.class, `--${e.size}`]]),
+        style: ne(e.style),
+        onBlurCapture: re
       },
       [
-        B(_e, Me({
-          id: v(T),
+        _(_e, Le({
+          id: f(T),
           ref_key: "mazInputComponent",
           ref: oe,
           class: "m-select-input"
         }, e.$attrs, {
           required: e.required,
-          "border-active": _.value,
+          "border-active": A.value,
           color: e.color,
           "model-value": ee.value,
           autocomplete: "off",
           size: e.size,
           disabled: e.disabled,
-          onFocus: me(U, ["prevent", "stop"]),
-          onClick: me(U, ["prevent", "stop"]),
-          onChange: a[0] || (a[0] = (d) => N("change", d)),
+          onFocus: me(te, ["prevent", "stop"]),
+          onClick: me(te, ["prevent", "stop"]),
+          onChange: o[0] || (o[0] = (d) => O("change", d)),
           onKeydown: Ve
         }), {
-          "right-icon": O(() => [
-            C("button", {
+          "right-icon": P(() => [
+            I("button", {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
-              onClick: me(we, ["stop"])
+              onClick: me(H, ["stop"])
             }, [
-              B(v(L), { class: "m-select-chevron maz-text-xl" })
+              _(f(L), { class: "m-select-chevron maz-text-xl" })
             ])
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        B(Xe, { name: pe.value }, {
-          default: O(() => [
+        _(Xe, { name: ce.value }, {
+          default: P(() => [
             y.value ? (s(), b(
               "div",
               {
                 key: 0,
                 ref_key: "optionsListElement",
-                ref: Y,
-                class: w(["m-select-list", {
+                ref: Q,
+                class: V(["m-select-list", {
                   "--top": e.listPosition.includes("top"),
                   "--left": e.listPosition.includes("left"),
                   "--right": e.listPosition.includes("right"),
                   "--bottom": e.listPosition.includes("bottom")
                 }]),
-                style: re({
+                style: ne({
                   maxHeight: `${e.maxListHeight}px`,
                   maxWidth: `${e.maxListWidth}px`
                 })
               },
               [
-                e.search ? (s(), b("div", Bt, [
-                  B(_e, {
-                    ref_key: "searchInputComponent",
-                    ref: ae,
-                    modelValue: J.value,
-                    "onUpdate:modelValue": [
-                      a[1] || (a[1] = (d) => J.value = d),
-                      a[2] || (a[2] = (d) => z.value = 0)
-                    ],
-                    size: "sm",
-                    color: e.color,
-                    placeholder: e.searchPlaceholder,
-                    name: "search",
-                    autocomplete: "off",
-                    tabindex: "-1",
-                    class: "m-select-list__search-input",
-                    "left-icon": v(p),
-                    onKeydown: ie
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])
-                ])) : r("v-if", !0),
+                e.search ? (s(), k(_e, {
+                  key: 0,
+                  ref_key: "searchInputComponent",
+                  ref: ae,
+                  modelValue: Z.value,
+                  "onUpdate:modelValue": [
+                    o[1] || (o[1] = (d) => Z.value = d),
+                    o[2] || (o[2] = (d) => z.value = 0)
+                  ],
+                  size: "sm",
+                  color: e.color,
+                  placeholder: e.searchPlaceholder,
+                  name: "search",
+                  autocomplete: "off",
+                  tabindex: "-1",
+                  class: "m-select-list__search-input maz-flex-none",
+                  "left-icon": f(p),
+                  onKeydown: be
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : r("v-if", !0),
                 r(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
-                !E.value || E.value.length <= 0 ? V(e.$slots, "no-results", { key: 1 }, () => [
-                  C("span", Ct, [
-                    B(v(I), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                !C.value || C.value.length <= 0 ? $(e.$slots, "no-results", { key: 1 }, () => [
+                  I("span", Bt, [
+                    _(f(S), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (s(), b("div", _t, [
+                ], !0) : (s(), b("div", Ct, [
                   (s(!0), b(
-                    ge,
+                    ze,
                     null,
-                    ze(E.value, (d, f) => (s(), b("button", {
-                      key: f,
+                    ke(C.value, (d, v) => (s(), b("button", {
+                      key: v,
                       tabindex: "-1",
                       type: "button",
-                      class: w(["m-select-list-item maz-custom", [
+                      class: V(["m-select-list-item maz-custom maz-flex-none", [
                         {
-                          "--is-keyboard-selected": z.value === f,
-                          "--is-selected": G(d),
-                          "--is-none-value": Z(d[e.optionValueKey])
+                          "--is-keyboard-selected": z.value === v,
+                          "--is-selected": Y(d),
+                          "--is-none-value": W(d[e.optionValueKey])
                         }
                       ]]),
-                      style: re({ minHeight: `${e.itemHeight}px` }),
-                      onClick: me((P) => M(d), ["prevent", "stop"])
+                      style: ne(e.itemHeight ? { minHeight: `${e.itemHeight}px` } : void 0),
+                      onClick: me((K) => i(d), ["prevent", "stop"])
                     }, [
-                      e.multiple ? (s(), $(v(n), {
+                      e.multiple ? (s(), k(f(n), {
                         key: 0,
                         tabindex: "-1",
-                        "model-value": G(d),
+                        "model-value": Y(d),
                         size: "sm",
                         color: e.color
                       }, null, 8, ["model-value", "color"])) : r("v-if", !0),
@@ -688,19 +684,19 @@ const Bt = {
                 @binding {Object} option
                 @binding {Boolean} is-selected
             `),
-                      V(e.$slots, "default", {
+                      $(e.$slots, "default", {
                         option: d,
-                        isSelected: G(d)
+                        isSelected: Y(d)
                       }, () => [
-                        C(
+                        I(
                           "span",
                           null,
-                          te(d[e.optionLabelKey]),
+                          J(d[e.optionLabelKey]),
                           1
                           /* TEXT */
                         )
                       ], !0)
-                    ], 14, At))),
+                    ], 14, _t))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -718,7 +714,7 @@ const Bt = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), De = /* @__PURE__ */ x(Kt, [["__scopeId", "data-v-824c551b"]]), Mt = /* @__PURE__ */ X({
+}), De = /* @__PURE__ */ x(At, [["__scopeId", "data-v-8272b643"]]), Kt = /* @__PURE__ */ X({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -743,29 +739,29 @@ const Bt = {
     contentClass: { default: void 0 }
   },
   setup(c) {
-    const h = Q(() => import("./MazSpinner-Q96BIyG0.mjs")), n = Q(() => import("./MazIcon-icjrWrvA.mjs")), { href: p, to: L } = xe(), I = Ee(), k = c;
-    Le(() => {
-      k.icon && !k.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    const h = U(() => import("./MazSpinner-1Sy8XBOO.mjs")), n = U(() => import("./MazIcon-002AxbwZ.mjs")), { href: p, to: L } = xe(), S = Me(), w = c;
+    Te(() => {
+      w.icon && !w.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
-    const t = u(() => p ? "a" : L ? "router-link" : "button"), N = u(
-      () => k.pastel ? `--${k.color}-pastel` : k.outline ? `--${k.color}-outline` : `--${k.color}`
-    ), _ = u(
-      () => (k.loading || k.disabled) && t.value === "button"
-    ), z = u(() => _.value ? "--cursor-default" : "--cursor-pointer"), F = u(() => `--is-${k.variant}`), S = u(() => k.loading && k.variant === "button"), W = u(() => !!I["left-icon"] || k.leftIcon), H = u(() => !!I["right-icon"] || k.rightIcon), y = u(() => W.value || H.value), T = u(() => k.fab && (k.icon || !!I.icon)), j = u(() => t.value === "button" ? k.type : void 0);
-    return (m, le) => (s(), $(ce(t.value), {
-      disabled: _.value,
-      class: w(["m-btn", [
+    const l = u(() => p ? "a" : L ? "router-link" : "button"), O = u(
+      () => w.pastel ? `--${w.color}-pastel` : w.outline ? `--${w.color}-outline` : `--${w.color}`
+    ), A = u(
+      () => (w.loading || w.disabled) && l.value === "button"
+    ), z = u(() => A.value ? "--cursor-default" : "--cursor-pointer"), D = u(() => `--is-${w.variant}`), B = u(() => w.loading && w.variant === "button"), R = u(() => !!S["left-icon"] || w.leftIcon), F = u(() => !!S["right-icon"] || w.rightIcon), y = u(() => R.value || F.value), T = u(() => w.fab && (w.icon || !!S.icon)), N = u(() => l.value === "button" ? w.type : void 0);
+    return (m, le) => (s(), k(de(l.value), {
+      disabled: A.value,
+      class: V(["m-btn", [
         `--${m.size}`,
-        N.value,
+        O.value,
         z.value,
-        F.value,
+        D.value,
         {
           "--block": m.block,
           "--no-underline": m.noUnderline,
           "--no-leading": m.noLeading,
           "--fab": m.fab,
           "--loading": m.loading,
-          "--disabled": _.value,
+          "--disabled": A.value,
           "--icon": y.value,
           "--rounded": m.rounded,
           "--no-rounded": m.noRounded,
@@ -773,24 +769,24 @@ const Bt = {
           "--no-elevation": m.noElevation
         }
       ]]),
-      type: j.value
+      type: N.value
     }, {
-      default: O(() => [
-        W.value ? (s(), b(
+      default: P(() => [
+        R.value ? (s(), b(
           "div",
           {
             key: 0,
-            class: w(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": S.value }])
+            class: V(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": B.value }])
           },
           [
             r(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            V(m.$slots, "left-icon", {}, () => [
-              typeof m.leftIcon == "string" ? (s(), $(v(n), {
+            $(m.$slots, "left-icon", {}, () => [
+              typeof m.leftIcon == "string" ? (s(), k(f(n), {
                 key: 0,
                 name: m.leftIcon
-              }, null, 8, ["name"])) : m.leftIcon ? (s(), $(ce(m.leftIcon), { key: 1 })) : r("v-if", !0)
+              }, null, 8, ["name"])) : m.leftIcon ? (s(), k(de(m.leftIcon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
@@ -800,17 +796,17 @@ const Bt = {
           "div",
           {
             key: 1,
-            class: w(["m-btn__icon", { "maz-invisible": S.value }])
+            class: V(["m-btn__icon", { "maz-invisible": B.value }])
           },
           [
             r(`
         @slot icon - The icon to display on the fab button
       `),
-            V(m.$slots, "icon", {}, () => [
-              typeof m.icon == "string" ? (s(), $(v(n), {
+            $(m.$slots, "icon", {}, () => [
+              typeof m.icon == "string" ? (s(), k(f(n), {
                 key: 0,
                 name: m.icon
-              }, null, 8, ["name"])) : m.icon ? (s(), $(ce(m.icon), { key: 1 })) : r("v-if", !0)
+              }, null, 8, ["name"])) : m.icon ? (s(), k(de(m.icon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
@@ -820,38 +816,38 @@ const Bt = {
           "span",
           {
             key: 2,
-            class: w([{ "maz-invisible": S.value }, m.contentClass])
+            class: V([{ "maz-invisible": B.value }, m.contentClass])
           },
           [
             r(`
         @slot default - The content of the button
       `),
-            V(m.$slots, "default", {}, void 0, !0)
+            $(m.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
         )) : r("v-if", !0),
-        H.value ? (s(), b(
+        F.value ? (s(), b(
           "div",
           {
             key: 3,
-            class: w(["m-btn__icon-right", { "maz-invisible": S.value }])
+            class: V(["m-btn__icon-right", { "maz-invisible": B.value }])
           },
           [
             r(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            V(m.$slots, "right-icon", {}, () => [
-              typeof m.rightIcon == "string" ? (s(), $(v(n), {
+            $(m.$slots, "right-icon", {}, () => [
+              typeof m.rightIcon == "string" ? (s(), k(f(n), {
                 key: 0,
                 name: m.rightIcon
-              }, null, 8, ["name"])) : m.rightIcon ? (s(), $(ce(m.rightIcon), { key: 1 })) : r("v-if", !0)
+              }, null, 8, ["name"])) : m.rightIcon ? (s(), k(de(m.rightIcon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : r("v-if", !0),
-        S.value ? (s(), $(v(h), {
+        B.value ? (s(), k(f(h), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
@@ -862,80 +858,80 @@ const Bt = {
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), ve = /* @__PURE__ */ x(Mt, [["__scopeId", "data-v-0caaaef5"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), fe = /* @__PURE__ */ x(Kt, [["__scopeId", "data-v-0caaaef5"]]), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ve
-}, Symbol.toStringTag, { value: "Module" })), Tt = /* @__PURE__ */ X({
+  default: fe
+}, Symbol.toStringTag, { value: "Module" })), Lt = /* @__PURE__ */ X({
   __name: "MazTableRow",
   props: {
     noHoverable: { type: Boolean }
   },
   setup(c) {
-    const { hoverable: h, backgroundEven: n, backgroundOdd: p } = Pe("maz-table");
-    return (L, I) => (s(), b(
+    const { hoverable: h, backgroundEven: n, backgroundOdd: p } = Oe("maz-table");
+    return (L, S) => (s(), b(
       "tr",
       {
-        class: w(["m-table-row", {
-          "--hoverable": v(h) && !L.noHoverable,
-          "--background-odd": v(p),
-          "--background-even": v(n)
+        class: V(["m-table-row", {
+          "--hoverable": f(h) && !L.noHoverable,
+          "--background-odd": f(p),
+          "--background-even": f(n)
         }])
       },
       [
-        V(L.$slots, "default", {}, void 0, !0)
+        $(L.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), Be = /* @__PURE__ */ x(Tt, [["__scopeId", "data-v-b0217878"]]), Pt = /* @__PURE__ */ X({
+}), Be = /* @__PURE__ */ x(Lt, [["__scopeId", "data-v-b0217878"]]), Tt = /* @__PURE__ */ X({
   __name: "MazTableCell",
   setup(c) {
-    const { size: h } = Pe("maz-table");
+    const { size: h } = Oe("maz-table");
     return (n, p) => (s(), b(
       "td",
       {
-        class: w(["m-table-cell", `--${v(h)}`])
+        class: V(["m-table-cell", `--${f(h)}`])
       },
       [
-        V(n.$slots, "default", {}, void 0, !0)
+        $(n.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), ye = /* @__PURE__ */ x(Pt, [["__scopeId", "data-v-0668079a"]]), Ot = /* @__PURE__ */ X({
+}), ge = /* @__PURE__ */ x(Tt, [["__scopeId", "data-v-0668079a"]]), Pt = /* @__PURE__ */ X({
   __name: "MazTableTitle",
   setup(c) {
-    const { size: h } = Pe("maz-table");
+    const { size: h } = Oe("maz-table");
     return (n, p) => (s(), b(
       "th",
       {
-        class: w(["m-table-title", `--${v(h)}`])
+        class: V(["m-table-title", `--${f(h)}`])
       },
       [
-        V(n.$slots, "default", {}, void 0, !0)
+        $(n.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), Ce = /* @__PURE__ */ x(Ot, [["__scopeId", "data-v-7d02b262"]]), Nt = (c) => (Fe("data-v-e73a9507"), c = c(), He(), c), jt = { class: "m-loading-bar" }, Dt = /* @__PURE__ */ Nt(() => /* @__PURE__ */ C(
+}), Ce = /* @__PURE__ */ x(Pt, [["__scopeId", "data-v-7d02b262"]]), Ot = (c) => (Ee("data-v-e73a9507"), c = c(), Fe(), c), Nt = { class: "m-loading-bar" }, jt = /* @__PURE__ */ Ot(() => /* @__PURE__ */ I(
   "div",
   null,
   null,
   -1
   /* HOISTED */
-)), Et = [
-  Dt
-], Ft = /* @__PURE__ */ X({
+)), Dt = [
+  jt
+], Et = /* @__PURE__ */ X({
   __name: "MazLoadingBar",
   props: {
     color: { default: "primary" },
     height: { default: "0.125rem" }
   },
   setup(c) {
-    ke((p) => ({
+    we((p) => ({
       60623600: p.height,
       "7a594c6d": n.value.alpha,
       "568c4cca": n.value.main
@@ -944,15 +940,15 @@ const Bt = {
       alpha: `var(--maz-color-${h.color}-alpha-20)`,
       main: `var(--maz-color-${h.color})`
     }));
-    return (p, L) => (s(), b("div", jt, Et));
+    return (p, L) => (s(), b("div", Nt, Dt));
   }
-}), Ht = /* @__PURE__ */ x(Ft, [["__scopeId", "data-v-e73a9507"]]), qt = {
+}), Ft = /* @__PURE__ */ x(Et, [["__scopeId", "data-v-e73a9507"]]), Ht = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Ut = /* @__PURE__ */ C(
+}, qt = /* @__PURE__ */ I(
   "path",
   {
     stroke: "currentColor",
@@ -964,17 +960,17 @@ const Bt = {
   null,
   -1
   /* HOISTED */
-), Rt = [
-  Ut
+), Ut = [
+  qt
 ];
-function Re(c, h) {
-  return s(), b("svg", qt, [...Rt]);
+function Ue(c, h) {
+  return s(), b("svg", Ht, [...Ut]);
 }
-const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Re = { render: Ue }, Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qe,
-  render: Re
-}, Symbol.toStringTag, { value: "Module" })), Wt = ["for", "aria-checked"], Yt = ["id", "checked", "disabled", "name"], Zt = /* @__PURE__ */ X({
+  default: Re,
+  render: Ue
+}, Symbol.toStringTag, { value: "Module" })), Qt = ["for", "aria-checked"], Wt = ["id", "checked", "disabled", "name"], Yt = /* @__PURE__ */ X({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -1007,19 +1003,19 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     "change"
   ],
   setup(c, { emit: h }) {
-    ke((y) => ({
-      "3a21591b": _.value,
-      "4953c77d": t.value,
+    we((y) => ({
+      "3a21591b": A.value,
+      "4953c77d": l.value,
       d5250ce8: z.value,
-      "105d84cf": F.value
+      "105d84cf": D.value
     }));
-    const n = Ke(), p = c, L = h, I = Te({
+    const n = Ke(), p = c, L = h, S = Pe({
       componentName: "MazCheckbox",
       instance: n,
       providedId: p.id
-    }), k = u(
+    }), w = u(
       () => typeof p.value != "boolean" && Array.isArray(p.modelValue) ? p.modelValue.includes(p.value) : typeof p.modelValue == "boolean" ? p.modelValue : !1
-    ), t = u(() => {
+    ), l = u(() => {
       switch (p.size) {
         case "xl":
           return "2.25rem";
@@ -1034,7 +1030,7 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         case "mini":
           return "1.2rem";
       }
-    }), N = u(() => {
+    }), O = u(() => {
       switch (p.size) {
         case "xl":
           return "maz-text-2xl";
@@ -1049,62 +1045,56 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         case "mini":
           return "maz-text-xs";
       }
-    }), _ = u(() => `var(--maz-color-${p.color}-contrast)`), z = u(() => `var(--maz-color-${p.color})`), F = u(
+    }), A = u(() => `var(--maz-color-${p.color}-contrast)`), z = u(() => `var(--maz-color-${p.color})`), D = u(
       () => ["black", "transparent"].includes(p.color) ? "var(--maz-color-muted)" : `var(--maz-color-${p.color}-alpha)`
     );
-    function S(y) {
-      ["Space"].includes(y.code) && (y.preventDefault(), H(p.value ?? !p.modelValue));
+    function B(y) {
+      ["Space"].includes(y.code) && (y.preventDefault(), F(p.value ?? !p.modelValue));
     }
-    function W(y) {
+    function R(y) {
       return typeof y == "boolean" && (typeof p.modelValue == "boolean" || p.modelValue === void 0 || p.modelValue === null) ? !p.modelValue : Array.isArray(p.modelValue) && typeof y != "boolean" ? p.modelValue.includes(y) ? p.modelValue.filter((T) => T !== y) : [...p.modelValue, y] : [y];
     }
-    function H(y) {
-      const T = W(y);
+    function F(y) {
+      const T = R(y);
       L("update:model-value", T), L("change", T);
     }
     return (y, T) => (s(), b("label", {
-      for: v(I),
-      class: w(["m-checkbox", [{ "--disabled": c.disabled }, p.class]]),
+      for: f(S),
+      class: V(["m-checkbox", [{ "--disabled": c.disabled }, p.class]]),
       tabindex: "0",
-      style: re(c.style),
+      style: ne(c.style),
       role: "checkbox",
-      "aria-checked": k.value,
-      onKeydown: S
+      "aria-checked": w.value,
+      onKeydown: B
     }, [
-      C("input", Me({
-        id: v(I),
-        checked: k.value
+      I("input", Le({
+        id: f(S),
+        checked: w.value
       }, y.$attrs, {
         tabindex: "-1",
         disabled: c.disabled,
         name: c.name,
         type: "checkbox",
-        onChange: T[0] || (T[0] = (j) => {
+        onChange: T[0] || (T[0] = (N) => {
           var m;
-          return H(c.value ?? ((m = j == null ? void 0 : j.target) == null ? void 0 : m.checked));
+          return F(c.value ?? ((m = N == null ? void 0 : N.target) == null ? void 0 : m.checked));
         })
-      }), null, 16, Yt),
-      C("span", null, [
-        B(v(Qe), {
-          class: w(["check-icon", N.value])
+      }), null, 16, Wt),
+      I("span", null, [
+        _(f(Re), {
+          class: V(["check-icon", O.value])
         }, null, 8, ["class"])
       ]),
-      V(y.$slots, "default", {}, void 0, !0)
-    ], 46, Wt));
+      $(y.$slots, "default", {}, void 0, !0)
+    ], 46, Qt));
   }
-}), Ae = /* @__PURE__ */ x(Zt, [["__scopeId", "data-v-05f6558f"]]), Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ae = /* @__PURE__ */ x(Yt, [["__scopeId", "data-v-05f6558f"]]), Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ae
-}, Symbol.toStringTag, { value: "Module" })), Oe = (c) => (Fe("data-v-1a89950c"), c = c(), He(), c), Jt = {
+}, Symbol.toStringTag, { value: "Module" })), Qe = (c) => (Ee("data-v-8df44d41"), c = c(), Fe(), c), Gt = {
   key: 0,
   class: "m-table-header"
-}, Xt = /* @__PURE__ */ Oe(() => /* @__PURE__ */ C(
-  "div",
-  { class: "m-table-spacer" },
-  null,
-  -1
-  /* HOISTED */
-)), xt = {
+}, Jt = { class: "m-table-spacer" }, Xt = { class: "m-table-header-title" }, xt = {
   key: 0,
   class: "m-table-header-search"
 }, el = { key: 0 }, tl = { key: 1 }, ll = {
@@ -1113,7 +1103,7 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 }, ol = { class: "maz-text-center maz-text-muted" }, al = {
   key: 1,
   class: "m-table-footer"
-}, nl = /* @__PURE__ */ Oe(() => /* @__PURE__ */ C(
+}, nl = /* @__PURE__ */ Qe(() => /* @__PURE__ */ I(
   "div",
   { class: "m-table-spacer" },
   null,
@@ -1122,7 +1112,7 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 )), sl = {
   key: 0,
   class: "m-table-footer-pagination"
-}, rl = { class: "m-table-footer-pagination-items-per-page" }, il = /* @__PURE__ */ Oe(() => /* @__PURE__ */ C(
+}, rl = { class: "m-table-footer-pagination-items-per-page" }, il = /* @__PURE__ */ Qe(() => /* @__PURE__ */ I(
   "span",
   { class: "maz-hidden maz-text-sm maz-text-muted tab-s:maz-block" },
   " Item per page ",
@@ -1138,6 +1128,7 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     tableStyle: { default: void 0 },
     modelValue: { default: void 0 },
     size: { default: "md" },
+    title: { default: void 0 },
     headers: { default: void 0 },
     sortable: { type: Boolean },
     headersAlign: { default: "left" },
@@ -1171,32 +1162,32 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
   },
   emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
   setup(c, { emit: h }) {
-    ke((l) => ({
-      a12e3a78: n.tableLayout,
-      "36f8da89": n.captionSide
+    we((t) => ({
+      "0ef17bdd": n.tableLayout,
+      d2fd18bc: n.captionSide
     }));
     const n = c, p = u(
       () => n.divider && !n.backgroundEven && !n.backgroundOdd
-    ), L = h, { size: I, hoverable: k, backgroundEven: t, backgroundOdd: N } = et(n);
+    ), L = h, { size: S, hoverable: w, backgroundEven: l, backgroundOdd: O } = et(n);
     tt("maz-table", {
-      size: I,
-      hoverable: k,
-      backgroundEven: t,
-      backgroundOdd: N
+      size: S,
+      hoverable: w,
+      backgroundEven: l,
+      backgroundOdd: O
     });
-    const _ = K(se()), z = u(() => n.selectable || !!n.selectedKey), F = K(n.page);
-    he(
+    const A = M(te()), z = u(() => n.selectable || !!n.selectedKey), D = M(n.page);
+    ye(
       () => n.page,
-      (l) => {
-        F.value = l;
+      (t) => {
+        D.value = t;
       }
     );
-    const S = u({
-      get: () => F.value,
-      set: (l) => {
-        F.value = l, L("update:page", l);
+    const B = u({
+      get: () => D.value,
+      set: (t) => {
+        D.value = t, L("update:page", t);
       }
-    }), W = u(() => [
+    }), R = u(() => [
       { label: n.paginationAllLabel, value: Number.POSITIVE_INFINITY },
       { label: 5, value: 5 },
       { label: 10, value: 10 },
@@ -1204,93 +1195,93 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       { label: 50, value: 50 },
       { label: 100, value: 100 },
       { label: 200, value: 200 }
-    ]), H = K(n.pageSize);
-    he(
+    ]), F = M(n.pageSize);
+    ye(
       () => n.pageSize,
-      (l) => {
-        H.value = l;
+      (t) => {
+        F.value = t;
       }
     );
     const y = u({
-      get: () => H.value,
-      set: (l) => {
-        H.value = l, L("update:page-size", l);
+      get: () => F.value,
+      set: (t) => {
+        F.value = t, L("update:page-size", t);
       }
     }), T = u(() => {
-      var l;
-      return n.totalPages ?? (y.value === Number.POSITIVE_INFINITY || !((l = n.rows) != null && l.length)) ? 1 : Math.ceil(n.rows.length / y.value);
+      var t;
+      return n.totalPages ?? (y.value === Number.POSITIVE_INFINITY || !((t = n.rows) != null && t.length)) ? 1 : Math.ceil(n.rows.length / y.value);
     });
-    function j() {
-      S.value = 1;
+    function N() {
+      B.value = 1;
     }
     function m() {
-      S.value = T.value;
+      B.value = T.value;
     }
     function le() {
-      S.value = S.value - 1;
+      B.value = B.value - 1;
     }
     function oe() {
-      S.value = S.value + 1;
+      B.value = B.value + 1;
     }
     const ae = u(() => {
       if (!n.pagination || n.noPaginateRows || y.value === Number.POSITIVE_INFINITY)
-        return _.value;
-      const l = (F.value - 1) * y.value, g = l + y.value;
-      return _.value.slice(l, g);
+        return A.value;
+      const t = (D.value - 1) * y.value, g = t + y.value;
+      return A.value.slice(t, g);
     });
-    he(
+    ye(
       () => [n.rows, n.modelValue],
       () => {
-        _.value = se();
+        A.value = te();
       }
     );
-    const Y = K(), Z = u(() => [
+    const Q = M(), W = u(() => [
       // eslint-disable-next-line unicorn/no-null
       { label: n.searchByAllLabel, value: null },
-      ...A.value.map((l) => ({
-        label: l.label,
-        value: l.key
+      ...C.value.map((t) => ({
+        label: t.label,
+        value: t.key
       }))
-    ]), G = K(n.searchQuery);
-    he(
+    ]), Y = M(n.searchQuery);
+    ye(
       () => n.searchQuery,
-      (l) => {
-        G.value = l;
+      (t) => {
+        Y.value = t;
       }
     );
     const ee = u({
-      get: () => G.value,
-      set: (l) => {
-        G.value = l, L("update:search-query", l);
+      get: () => Y.value,
+      set: (t) => {
+        Y.value = t, L("update:search-query", t);
       }
     });
-    function pe(l) {
-      return [...l].sort((g, i) => {
-        if (U.value === void 0 || q.value === void 0)
+    function ce(t) {
+      return [...t].sort((g, i) => {
+        if (G.value === void 0 || H.value === void 0)
           return 0;
-        const M = g[A.value[U.value].key], e = i[A.value[U.value].key];
-        return typeof M == "string" && typeof e == "string" ? q.value === "ASC" ? M.localeCompare(e) : e.localeCompare(M) : q.value === "ASC" ? M - e : e - M;
+        const e = g[C.value[G.value].key], o = i[C.value[G.value].key];
+        return typeof e == "string" && typeof o == "string" ? H.value === "ASC" ? e.localeCompare(o) : o.localeCompare(e) : H.value === "ASC" ? e - o : o - e;
       });
     }
-    function J(l) {
+    function Z(t) {
       if (n.noSearchInRow || typeof ee.value != "string")
         return ae.value;
       const g = ee.value.toLowerCase();
-      return [...l].filter((i) => Y.value ? String(i[Y.value]).toLowerCase().includes(g) : Object.values(i).some((M) => typeof M == "string" || typeof M == "number" || typeof M == "boolean" ? String(M).toLowerCase().includes(g) : !1));
+      return [...t].filter((i) => Q.value ? String(i[Q.value]).toLowerCase().includes(g) : Object.values(i).some((e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e).toLowerCase().includes(g) : !1));
     }
-    const D = u(() => {
-      const l = J(ae.value);
-      return pe(l);
-    }), ne = u(() => n.search), o = u(() => n.pagination), A = K(E());
-    function E() {
-      var l;
-      return ((l = n.headers) == null ? void 0 : l.map(
+    const j = u(() => {
+      const t = Z(ae.value);
+      return ce(t);
+    }), se = Me(), a = u(() => n.search || !!n.title || !!se.title), E = u(() => n.pagination), C = M(re());
+    function re() {
+      var t;
+      return ((t = n.headers) == null ? void 0 : t.map(
         (g) => typeof g == "string" ? { label: g, align: n.headersAlign } : { align: n.headersAlign, thHeaders: g.headers, ...g }
       )) ?? [];
     }
-    function se() {
-      var l;
-      return ((l = n.rows) == null ? void 0 : l.map((g) => {
+    function te() {
+      var t;
+      return ((t = n.rows) == null ? void 0 : t.map((g) => {
         var i;
         return {
           selected: (i = n.modelValue) == null ? void 0 : i.includes(n.selectedKey ? g[n.selectedKey] : g),
@@ -1298,97 +1289,107 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         };
       })) ?? [];
     }
-    const U = K(), q = K();
-    function we(l) {
-      l === U.value ? q.value = q.value === void 0 ? "DESC" : q.value === "DESC" ? "ASC" : void 0 : q.value = "DESC", U.value = q.value === void 0 ? void 0 : l;
+    const G = M(), H = M();
+    function $e(t) {
+      t === G.value ? H.value = H.value === void 0 ? "DESC" : H.value === "DESC" ? "ASC" : void 0 : H.value = "DESC", G.value = H.value === void 0 ? void 0 : t;
     }
-    const fe = u({
-      get: () => D.value.every((l) => l.selected) ?? !1,
-      set: $e
+    const ve = u({
+      get: () => j.value.every((t) => t.selected) ?? !1,
+      set: Ve
     });
-    function $e(l) {
-      for (const g of D.value)
-        g.selected = l;
-      ie();
+    function Ve(t) {
+      for (const g of j.value)
+        g.selected = t;
+      pe();
     }
-    function Ve(l, g) {
-      D.value[g].selected = l, ie();
+    function be(t, g) {
+      j.value[g].selected = t, pe();
     }
-    function ie(l) {
-      l = l ?? be();
-      const g = l != null && l.length ? l : void 0;
+    function pe(t) {
+      t = t ?? he();
+      const g = t != null && t.length ? t : void 0;
       L("update:model-value", g);
     }
-    function be() {
-      return D.value.filter((l) => l.selected).map((l) => n.selectedKey ? l[n.selectedKey] : l);
+    function he() {
+      return j.value.filter((t) => t.selected).map((t) => n.selectedKey ? t[n.selectedKey] : t);
     }
-    return Le(() => {
-      const l = be();
-      l != null && l.length && ie(l);
-    }), (l, g) => (s(), b(
+    return Te(() => {
+      const t = he();
+      t != null && t.length && pe(t);
+    }), (t, g) => (s(), b(
       "div",
       {
-        class: w(["m-table", { "--has-header": ne.value }])
+        class: V(["m-table", { "--has-header": a.value }])
       },
       [
-        ne.value ? (s(), b("div", Jt, [
-          Xt,
-          l.search ? (s(), b("div", xt, [
-            l.noSearchBy ? r("v-if", !0) : (s(), $(De, {
+        a.value ? (s(), b("div", Gt, [
+          I("div", Jt, [
+            t.title || t.$slots.title ? $(t.$slots, "title", { key: 0 }, () => [
+              I(
+                "span",
+                Xt,
+                J(t.title),
+                1
+                /* TEXT */
+              )
+            ], !0) : r("v-if", !0)
+          ]),
+          t.search ? (s(), b("div", xt, [
+            t.noSearchBy ? r("v-if", !0) : (s(), k(De, {
               key: 0,
-              modelValue: Y.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (i) => Y.value = i),
-              color: l.color,
+              modelValue: Q.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (i) => Q.value = i),
+              color: t.color,
               style: { width: "8rem" },
-              placeholder: l.searchByPlaceholder,
-              size: v(I),
-              options: Z.value
+              placeholder: t.searchByPlaceholder,
+              size: f(S),
+              options: W.value
             }, null, 8, ["modelValue", "color", "placeholder", "size", "options"])),
-            B(_e, {
+            _(_e, {
               modelValue: ee.value,
               "onUpdate:modelValue": g[1] || (g[1] = (i) => ee.value = i),
-              size: v(I),
-              color: l.color,
-              placeholder: l.searchPlaceholder,
-              "left-icon": v(Ue)
+              size: f(S),
+              color: t.color,
+              placeholder: t.searchPlaceholder,
+              "left-icon": f(qe)
             }, null, 8, ["modelValue", "size", "color", "placeholder", "left-icon"])
           ])) : r("v-if", !0)
         ])) : r("v-if", !0),
-        C(
+        I(
           "table",
           {
-            class: w([{ "--elevation": l.elevation, "--has-layout": l.tableLayout }, l.tableClass]),
-            style: re(l.tableStyle)
+            class: V([{ "--elevation": t.elevation, "--has-layout": t.tableLayout }, t.tableClass]),
+            style: ne(t.tableStyle)
           },
           [
-            l.caption || l.$slots.caption ? (s(), b("caption", el, [
+            t.caption || t.$slots.caption ? (s(), b("caption", el, [
               r(`
           @slot caption - add caption on top or bottom of the table
         `),
-              V(l.$slots, "caption", {}, () => [
-                de(
-                  te(l.caption),
+              $(t.$slots, "caption", {}, () => [
+                ue(
+                  J(t.caption),
                   1
                   /* TEXT */
                 )
               ], !0)
             ])) : r("v-if", !0),
-            A.value ? (s(), b("thead", tl, [
+            C.value ? (s(), b("thead", tl, [
               r(`
           @slot thead - content in thead element
         `),
-              V(l.$slots, "thead", {}, () => [
-                B(Be, { "no-hoverable": "" }, {
-                  default: O(() => [
-                    z.value ? (s(), $(Ce, {
+              $(t.$slots, "thead", {}, () => [
+                _(Be, { "no-hoverable": "" }, {
+                  default: P(() => [
+                    z.value ? (s(), k(Ce, {
                       key: 0,
                       align: "left",
-                      class: w([`--${v(I)}`, "m-table-select-column"])
+                      class: V([`--${f(S)}`, "m-table-select-column"])
                     }, {
-                      default: O(() => [
-                        B(Ae, {
-                          modelValue: fe.value,
-                          "onUpdate:modelValue": g[2] || (g[2] = (i) => fe.value = i),
+                      default: P(() => [
+                        _(Ae, {
+                          modelValue: ve.value,
+                          "onUpdate:modelValue": g[2] || (g[2] = (i) => ve.value = i),
                           size: "xs"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -1396,28 +1397,28 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                       /* STABLE */
                     }, 8, ["class"])) : r("v-if", !0),
                     (s(!0), b(
-                      ge,
+                      ze,
                       null,
-                      ze(A.value, (i, M) => (s(), $(Ce, {
-                        key: M,
+                      ke(C.value, (i, e) => (s(), k(Ce, {
+                        key: e,
                         scope: i.scope,
                         align: i.align,
                         rowspan: i.rowspan,
                         colspan: i.colspan,
                         headers: i.thHeaders,
-                        style: re({ width: i.width, textAlign: i.align }),
-                        class: w(["maz-group", [
-                          { "--hidden": i.hidden, "--sortable": i.sortable ?? l.sortable },
+                        style: ne({ width: i.width, textAlign: i.align }),
+                        class: V(["maz-group", [
+                          { "--hidden": i.hidden, "--sortable": i.sortable ?? t.sortable },
                           i.classes,
-                          `--${v(I)}`
+                          `--${f(S)}`
                         ]]),
-                        onClick: (e) => (i.sortable ?? l.sortable) && we(M)
+                        onClick: (o) => (i.sortable ?? t.sortable) && $e(e)
                       }, {
-                        default: O(() => [
-                          C(
+                        default: P(() => [
+                          I(
                             "span",
                             {
-                              class: w({ "maz-sr-only": i.srOnly })
+                              class: V({ "maz-sr-only": i.srOnly })
                             },
                             [
                               r(`
@@ -1425,7 +1426,7 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                   @binding {Object} header - header data
                   @binding {String} label - header label
               `),
-                              V(l.$slots, "header", {
+                              $(t.$slots, "header", {
                                 header: i,
                                 label: i.label
                               }, () => [
@@ -1434,22 +1435,22 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                       @binding {Object} header - header data
                       @binding {String} label - header label
                   `),
-                                V(l.$slots, `header-label-${i.key}`, {
+                                $(t.$slots, `header-label-${i.key}`, {
                                   header: i,
                                   label: i.label
                                 }, () => [
-                                  de(
-                                    te(i.label),
+                                  ue(
+                                    J(i.label),
                                     1
                                     /* TEXT */
                                   )
                                 ], !0),
-                                i.sortable ?? l.sortable ? (s(), b("div", ll, [
-                                  B(v(dt), {
-                                    class: w(["m-table-sort-icon maz-hidden group-hover:maz-block", {
-                                      "--sorted": M === U.value,
-                                      "--up": q.value === "DESC",
-                                      "--down": q.value === "ASC"
+                                i.sortable ?? t.sortable ? (s(), b("div", ll, [
+                                  _(f(dt), {
+                                    class: V(["m-table-sort-icon maz-hidden group-hover:maz-block", {
+                                      "--sorted": e === G.value,
+                                      "--up": H.value === "DESC",
+                                      "--down": H.value === "ASC"
                                     }])
                                   }, null, 8, ["class"])
                                 ])) : r("v-if", !0)
@@ -1465,17 +1466,17 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                       128
                       /* KEYED_FRAGMENT */
                     )),
-                    l.$slots.actions ? (s(), $(Ce, {
+                    t.$slots.actions ? (s(), k(Ce, {
                       key: 1,
                       align: "left",
-                      class: w(`--${v(I)}`)
+                      class: V(`--${f(S)}`)
                     }, {
-                      default: O(() => [
+                      default: P(() => [
                         r(`
                 @slot actions-header - replace text of actions header
               `),
-                        V(l.$slots, "actions-header", {}, () => [
-                          de(" Actions ")
+                        $(t.$slots, "actions-header", {}, () => [
+                          ue(" Actions ")
                         ], !0)
                       ]),
                       _: 3
@@ -1487,48 +1488,48 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 })
               ], !0)
             ])) : r("v-if", !0),
-            l.loading ? (s(), $(Ht, {
+            t.loading ? (s(), k(Ft, {
               key: 2,
-              color: l.color,
+              color: t.color,
               class: "!maz-absolute"
             }, null, 8, ["color"])) : r("v-if", !0),
-            C(
+            I(
               "tbody",
               {
-                class: w({ "--divider": p.value })
+                class: V({ "--divider": p.value })
               },
               [
-                V(l.$slots, "default", {}, () => [
-                  D.value.length > 0 ? (s(!0), b(
-                    ge,
+                $(t.$slots, "default", {}, () => [
+                  j.value.length > 0 ? (s(!0), b(
+                    ze,
                     { key: 0 },
-                    ze(D.value, (i, M) => (s(), $(Be, {
-                      key: M,
-                      class: w(i.classes),
-                      onClick: (e) => i.action && i.action(i)
+                    ke(j.value, (i, e) => (s(), k(Be, {
+                      key: e,
+                      class: V(i.classes),
+                      onClick: (o) => i.action && i.action(i)
                     }, {
-                      default: O(() => [
-                        z.value ? (s(), $(
-                          ye,
+                      default: P(() => [
+                        z.value ? (s(), k(
+                          ge,
                           {
                             key: 0,
                             class: "m-table-select-column"
                           },
                           {
-                            default: O(() => [
+                            default: P(() => [
                               r(`
                   @slot select - replace checkbox component
                     @binding {Object} row - row data
                     @binding {Boolean} selected - if selected or not
                 `),
-                              V(l.$slots, "select", {
+                              $(t.$slots, "select", {
                                 row: i,
                                 selected: i.selected
                               }, () => [
-                                B(Ae, {
+                                _(Ae, {
                                   size: "xs",
                                   "model-value": i.selected,
-                                  "onUpdate:modelValue": (e) => Ve(e, M)
+                                  "onUpdate:modelValue": (o) => be(o, e)
                                 }, null, 8, ["model-value", "onUpdate:modelValue"])
                               ], !0)
                             ]),
@@ -1539,35 +1540,35 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                           /* DYNAMIC_SLOTS */
                         )) : r("v-if", !0),
                         (s(!0), b(
-                          ge,
+                          ze,
                           null,
-                          ze(A.value, ({ key: e, align: a, classes: d }, f) => (s(), $(ye, {
-                            key: f,
-                            align: a,
-                            class: w(d)
+                          ke(C.value, ({ key: o, align: d, classes: v }, K) => (s(), k(ge, {
+                            key: K,
+                            align: d,
+                            class: V(v)
                           }, {
-                            default: O(() => [
+                            default: P(() => [
                               r(`
                   @slot cell - replace all row cells
                     @binding {Object} row - row data
                     @binding {Boolean} value - cell value
                 `),
-                              e ? V(l.$slots, "cell", {
+                              o ? $(t.$slots, "cell", {
                                 key: 0,
                                 row: i,
-                                value: i[e]
+                                value: i[o]
                               }, () => [
                                 r(`
                     @slot cell-{key} - replace row cells of column
                       @binding {Object} row - row data
                       @binding {Boolean} value - cell value
                   `),
-                                V(l.$slots, `cell-${e}`, {
+                                $(t.$slots, `cell-${o}`, {
                                   row: i,
-                                  value: i[e]
+                                  value: i[o]
                                 }, () => [
-                                  de(
-                                    te(i[e]),
+                                  ue(
+                                    J(i[o]),
                                     1
                                     /* TEXT */
                                   )
@@ -1580,12 +1581,12 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        l.$slots.actions ? (s(), $(ye, { key: 1 }, {
-                          default: O(() => [
+                        t.$slots.actions ? (s(), k(ge, { key: 1 }, {
+                          default: P(() => [
                             r(`
                   @slot actions - will add actions column
                 `),
-                            V(l.$slots, "actions", {}, void 0, !0)
+                            $(t.$slots, "actions", {}, void 0, !0)
                           ]),
                           _: 3
                           /* FORWARDED */
@@ -1596,22 +1597,22 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                     }, 1032, ["class", "onClick"]))),
                     128
                     /* KEYED_FRAGMENT */
-                  )) : (s(), $(Be, { key: 1 }, {
-                    default: O(() => [
-                      B(ye, {
-                        colspan: A.value.length + (z.value ? 1 : 0) + (l.$slots.actions ? 1 : 0)
+                  )) : (s(), k(Be, { key: 1 }, {
+                    default: P(() => [
+                      _(ge, {
+                        colspan: C.value.length + (z.value ? 1 : 0) + (t.$slots.actions ? 1 : 0)
                       }, {
-                        default: O(() => [
+                        default: P(() => [
                           r(`
                   @slot no-results - replace no results
                 `),
-                          V(l.$slots, "no-results", {}, () => [
-                            C("p", ol, [
+                          $(t.$slots, "no-results", {}, () => [
+                            I("p", ol, [
                               r(`
                       @slot no-results-text - replace no results test only
                     `),
-                              V(l.$slots, "no-results-text", {}, () => [
-                                de(" No results ")
+                              $(t.$slots, "no-results-text", {}, () => [
+                                ue(" No results ")
                               ], !0)
                             ])
                           ], !0)
@@ -1632,17 +1633,17 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
           6
           /* CLASS, STYLE */
         ),
-        o.value ? (s(), b("div", al, [
+        E.value ? (s(), b("div", al, [
           nl,
-          l.pagination ? (s(), b("div", sl, [
-            C("div", rl, [
+          t.pagination ? (s(), b("div", sl, [
+            I("div", rl, [
               il,
-              B(De, {
+              _(De, {
                 modelValue: y.value,
                 "onUpdate:modelValue": g[3] || (g[3] = (i) => y.value = i),
-                options: W.value,
-                size: v(I),
-                color: l.color,
+                options: R.value,
+                size: f(S),
+                color: t.color,
                 "list-position": "top",
                 style: { width: "5rem" }
               }, null, 8, ["modelValue", "options", "size", "color"])
@@ -1650,63 +1651,63 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
             T.value ? (s(), b(
               "span",
               ul,
-              te(S.value) + " - " + te(D.value.length) + " of " + te(T.value),
+              J(B.value) + " - " + J(j.value.length) + " of " + J(T.value),
               1
               /* TEXT */
             )) : r("v-if", !0),
-            C("div", dl, [
-              B(ve, {
-                disabled: S.value === 1,
-                size: v(I),
+            I("div", dl, [
+              _(fe, {
+                disabled: B.value === 1,
+                size: f(S),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
-                onClick: j
+                onClick: N
               }, {
-                default: O(() => [
-                  B(v(je), { class: "maz-text-base" })
+                default: P(() => [
+                  _(f(je), { class: "maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size"]),
-              B(ve, {
-                disabled: S.value === 1,
-                size: v(I),
+              _(fe, {
+                disabled: B.value === 1,
+                size: f(S),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
                 onClick: le
               }, {
-                default: O(() => [
-                  B(v(Ne), { class: "maz-text-base" })
+                default: P(() => [
+                  _(f(Ne), { class: "maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size"]),
-              B(ve, {
-                disabled: S.value === T.value,
-                size: v(I),
+              _(fe, {
+                disabled: B.value === T.value,
+                size: f(S),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
                 onClick: oe
               }, {
-                default: O(() => [
-                  B(v(Ne), { class: "maz-rotate-180 maz-text-base" })
+                default: P(() => [
+                  _(f(Ne), { class: "maz-rotate-180 maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size"]),
-              B(ve, {
-                disabled: S.value === T.value,
-                size: v(I),
+              _(fe, {
+                disabled: B.value === T.value,
+                size: f(S),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
                 onClick: m
               }, {
-                default: O(() => [
-                  B(v(je), { class: "maz-rotate-180 maz-text-base" })
+                default: P(() => [
+                  _(f(je), { class: "maz-rotate-180 maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
@@ -1719,9 +1720,9 @@ const Qe = { render: Re }, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       /* CLASS */
     ));
   }
-}), vl = /* @__PURE__ */ x(cl, [["__scopeId", "data-v-1a89950c"]]);
+}), fl = /* @__PURE__ */ x(cl, [["__scopeId", "data-v-8df44d41"]]);
 export {
-  vl as M,
+  fl as M,
   x as _,
-  Pe as i
+  Oe as i
 };