maz-ui 3.37.0 → 3.37.2

package/components/chunks/{MazSelect-DGEof7R3.mjs → MazSelect-DZeXglR8.mjs}

@@ -1,5 +1,5 @@
 import '../assets/MazSelect.css';
-import { getCurrentInstance as De, computed as c, defineComponent as be, defineAsyncComponent as B, ref as k, onMounted as Te, useSlots as Ne, openBlock as v, createElementBlock as w, normalizeClass as H, normalizeStyle as X, createElementVNode as T, createCommentVNode as h, renderSlot as U, createBlock as $, unref as g, resolveDynamicComponent as me, withDirectives as ge, mergeProps as ze, toHandlers as Ee, vModelDynamic as Pe, createTextVNode as Fe, toDisplayString as ue, withModifiers as F, withCtx as x, createVNode as O, nextTick as Y, useCssVars as Oe, onBeforeMount as He, Transition as Ue, Fragment as ve, renderList as qe } from "vue";
+import { getCurrentInstance as De, computed as c, defineComponent as be, defineAsyncComponent as $, ref as V, onMounted as Te, useSlots as Ne, openBlock as v, createElementBlock as w, normalizeClass as H, normalizeStyle as X, createElementVNode as T, createCommentVNode as h, renderSlot as U, createBlock as C, unref as g, resolveDynamicComponent as me, withDirectives as ge, mergeProps as ze, toHandlers as Ee, vModelDynamic as Pe, createTextVNode as Fe, toDisplayString as ue, withModifiers as F, withCtx as x, createVNode as O, nextTick as Y, useCssVars as Oe, onBeforeMount as He, Transition as Ue, Fragment as ve, renderList as qe } from "vue";
 function Qe(i, r) {
   let u;
   return function(...p) {
@@ -8,7 +8,7 @@ function Qe(i, r) {
     }, r);
   };
 }
-const Ve = ({
+const ke = ({
   componentName: i,
   providedId: r
 }) => {
@@ -53,11 +53,12 @@ const Ve = ({
     borderActive: { type: Boolean, default: !1 },
     leftIcon: { default: void 0 },
     rightIcon: { default: void 0 },
-    roundedSize: { default: void 0 }
+    roundedSize: { default: void 0 },
+    block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(i, { emit: r }) {
-    const u = B(() => import("./MazBtn-CuYCQCM2.mjs")), p = B(() => import("./MazIcon-Cxrv3_OK.mjs")), y = B(() => import("./eye-slash-tjfxO0LK.mjs")), d = B(() => import("./eye-DqO_Jx56.mjs")), t = B(() => import("./check-7UA4j2f2.mjs")), s = i, V = r, f = k(!1), K = k(!1), W = k(), ee = Ve({
+    const u = $(() => import("./MazBtn-Bo51KtKY.mjs")), p = $(() => import("./MazIcon-Cxrv3_OK.mjs")), y = $(() => import("./eye-slash-tjfxO0LK.mjs")), d = $(() => import("./eye-DqO_Jx56.mjs")), t = $(() => import("./check-7UA4j2f2.mjs")), s = i, k = r, f = V(!1), K = V(!1), W = V(), ee = ke({
       componentName: "MazInput",
       providedId: s.id
     });
@@ -107,7 +108,7 @@ const Ve = ({
       set: (o) => {
         if (s.debounce)
           return E(o);
-        V("update:model-value", o);
+        k("update:model-value", o);
       }
     }), Z = c(() => (!!s.label || !!s.hint) && (K.value || !!M.value || !!s.placeholder || ["date", "month", "week"].includes(s.type))), J = c(() => !!s.label || !!s.hint);
     function L() {
@@ -117,13 +118,13 @@ const Ve = ({
       return !!N["left-icon"] || !!s.leftIcon;
     }
     function le(o) {
-      V("focus", o), K.value = !0;
+      k("focus", o), K.value = !0;
     }
-    function ae(o) {
-      V("blur", o), K.value = !1;
+    function ne(o) {
+      k("blur", o), K.value = !1;
     }
     function D(o) {
-      return V("change", o);
+      return k("change", o);
     }
     return (o, z) => (v(), w(
       "div",
@@ -136,7 +137,8 @@ const Ve = ({
             "--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-state": o.error || o.warning || o.success,
+            "--block": o.block
           },
           s.class,
           `--${o.color}`,
@@ -160,11 +162,11 @@ const Ve = ({
           @slot left-icon - The icon to display on the left of the input
         `),
               o.$slots["left-icon"] || o.leftIcon ? U(o.$slots, "left-icon", { key: 0 }, () => [
-                typeof o.leftIcon == "string" ? (v(), $(g(p), {
+                typeof o.leftIcon == "string" ? (v(), C(g(p), {
                   key: 0,
                   name: o.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (v(), $(me(o.leftIcon), {
+                }, null, 8, ["name"])) : o.leftIcon ? (v(), C(me(o.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : h("v-if", !0)
@@ -187,7 +189,7 @@ const Ve = ({
                 required: o.required,
                 class: "m-input-input"
               }, Ee({
-                blur: ae,
+                blur: ne,
                 focus: le,
                 change: D
               }, !0), {
@@ -225,16 +227,16 @@ const Ve = ({
           @slot right-icon - The icon to display on the right of the input
         `),
               o.$slots["right-icon"] || o.rightIcon ? U(o.$slots, "right-icon", { key: 0 }, () => [
-                typeof o.rightIcon == "string" ? (v(), $(g(p), {
+                typeof o.rightIcon == "string" ? (v(), C(g(p), {
                   key: 0,
                   name: o.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (v(), $(me(o.rightIcon), {
+                }, null, 8, ["name"])) : o.rightIcon ? (v(), C(me(o.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : h("v-if", !0)
               ], !0) : h("v-if", !0),
-              j.value ? (v(), $(g(u), {
+              j.value ? (v(), C(g(u), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
@@ -242,10 +244,10 @@ const Ve = ({
                 onClick: z[2] || (z[2] = F((A) => f.value = !f.value, ["stop"]))
               }, {
                 default: x(() => [
-                  f.value ? (v(), $(g(y), {
+                  f.value ? (v(), C(g(y), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (v(), $(g(d), {
+                  })) : (v(), C(g(d), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -283,12 +285,12 @@ const Ve = ({
       /* CLASS, STYLE */
     ));
   }
-}), ke = (i, r) => {
+}), Ve = (i, r) => {
   const u = i.__vccOpts || i;
   for (const [p, y] of r)
     u[p] = y;
   return u;
-}, ye = /* @__PURE__ */ ke(Je, [["__scopeId", "data-v-f1c52a34"]]);
+}, ye = /* @__PURE__ */ Ve(Je, [["__scopeId", "data-v-78090be8"]]);
 let ie = null;
 function Xe(i, r) {
   ie && clearTimeout(ie), ie = setTimeout(i, r);
@@ -352,19 +354,19 @@ function _e(i, r) {
 function he(i) {
   return i.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").toLowerCase();
 }
-function Ce(i, r) {
+function Be(i, r) {
   const u = _e(i, r), p = Math.max(i.length, r.length);
   return 1 - u / p;
 }
 function et(i, r, u = 0.75) {
-  return Ce(i, r) >= u;
+  return Be(i, r) >= u;
 }
 function re(i, r, u = 0.75) {
   const p = c(
     () => he(typeof i == "string" ? i : i.value)
   ), y = c(
     () => he(typeof r == "string" ? r : r.value)
-  ), d = c(() => typeof u == "number" ? u : u.value), t = c(() => Ce(p.value, y.value));
+  ), d = c(() => typeof u == "number" ? u : u.value), t = c(() => Be(p.value, y.value));
   return {
     isMatching: c(
       () => et(p.value, y.value, d.value)
@@ -376,7 +378,7 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, at = { class: "m-select-list-optgroup" }, nt = ["onClick"], st = /* @__PURE__ */ be({
+}, nt = { class: "m-select-list-optgroup" }, at = ["onClick"], st = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -399,16 +401,17 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
     open: { type: Boolean },
     multiple: { type: Boolean },
     required: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    block: { type: Boolean }
   },
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(i, { emit: r }) {
     Oe((e) => ({
-      "6bda47a8": j.value,
-      b7398b32: W.value,
-      "1dd97a8f": ee.value
+      "2223ba14": j.value,
+      "619dedd3": W.value,
+      "72c218fb": ee.value
     }));
-    const u = B(() => import("./MazCheckbox-BTM3Xpxz.mjs")), p = B(() => import("./magnifying-glass-DZGg7953.mjs")), y = B(() => import("./chevron-down-CzMH-gFW.mjs")), d = B(() => import("./no-symbol-QAqP9IlR.mjs")), t = i, s = r, V = k(!1), f = k(), K = c(
+    const u = $(() => import("./MazCheckbox-DBlQwP82.mjs")), p = $(() => import("./magnifying-glass-DZGg7953.mjs")), y = $(() => import("./chevron-down-CzMH-gFW.mjs")), d = $(() => import("./no-symbol-QAqP9IlR.mjs")), t = i, s = r, k = V(!1), f = V(), K = c(
       () => ["black", "transparent", "white"].includes(t.color)
     ), W = c(
       () => K.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
@@ -416,7 +419,7 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
       () => K.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), j = c(
       () => K.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = c(() => V.value || t.open), te = Ve({
+    ), I = c(() => k.value || t.open), te = ke({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -440,13 +443,13 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
       const e = [];
       if (!((l = t.options) != null && l.length))
         return [];
-      for (const a of t.options)
-        typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? e.push(N(a)) : "options" in a && Array.isArray(a.options) ? e.push(
-          { label: a.label, isOptGroup: !0 },
-          ...a.options.map(
-            (n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? N(n) : G(n)
+      for (const n of t.options)
+        typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? e.push(N(n)) : "options" in n && Array.isArray(n.options) ? e.push(
+          { label: n.label, isOptGroup: !0 },
+          ...n.options.map(
+            (a) => typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? N(a) : G(a)
           )
-        ) : e.push(G(a));
+        ) : e.push(G(n));
       return e;
     }), E = c(
       () => {
@@ -458,29 +461,29 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), se();
     });
-    const oe = k(), S = k(), Z = k(), J = k(), L = (e) => e == null;
+    const oe = V(), S = V(), Z = V(), J = V(), L = (e) => e == null;
     function q(e) {
-      var a;
-      return (((a = E.value) == null ? void 0 : a.some(
-        (n) => n[t.optionValueKey] === e[t.optionValueKey]
+      var n;
+      return (((n = E.value) == null ? void 0 : n.some(
+        (a) => a[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !L(e[t.optionValueKey]);
     }
     const le = c(() => {
       var l;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
-          (a) => {
-            var n, m;
-            return (m = (n = M.value) == null ? void 0 : n.find((b) => b[t.optionValueKey] === a)) == null ? void 0 : m[t.optionInputValueKey];
+          (n) => {
+            var a, m;
+            return (m = (a = M.value) == null ? void 0 : a.find((b) => b[t.optionValueKey] === n)) == null ? void 0 : m[t.optionInputValueKey];
           }
         ).join(", ");
       const e = (l = M.value) == null ? void 0 : l.find(
-        (a) => a[t.optionValueKey] === t.modelValue
+        (n) => n[t.optionValueKey] === t.modelValue
       );
       return L(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), ae = c(
+    }), ne = c(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), D = k(""), o = k("");
+    ), D = V(""), o = V("");
     function z(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
@@ -489,93 +492,93 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
     );
     function de(e) {
       var l;
-      return e ? (l = M.value) == null ? void 0 : l.filter((a) => {
-        const n = a[t.optionLabelKey], m = a[t.optionValueKey], b = a[t.optionInputValueKey];
-        return A(n, e) || A(b, e) || A(m, e) || typeof n == "string" && re(n, e).isMatching.value || typeof b == "string" && re(b, e).isMatching.value || typeof m == "string" && re(m, e).isMatching.value;
+      return e ? (l = M.value) == null ? void 0 : l.filter((n) => {
+        const a = n[t.optionLabelKey], m = n[t.optionValueKey], b = n[t.optionInputValueKey];
+        return A(a, e) || A(b, e) || A(m, e) || typeof a == "string" && re(a, e).isMatching.value || typeof b == "string" && re(b, e).isMatching.value || typeof m == "string" && re(m, e).isMatching.value;
       }) : M.value;
     }
-    const C = c(() => de(D.value));
+    const B = c(() => de(D.value));
     async function Q(e) {
       var l;
       if (I.value) {
         if (e && ("relatedTarget" in e && ((l = oe.value) != null && l.contains(e.relatedTarget)) || e.type === "keydown"))
           return e.preventDefault();
-        await Y(), V.value = !1, f.value = 0, s("close", e);
+        await Y(), k.value = !1, f.value = 0, s("close", e);
       }
     }
     async function R(e) {
-      t.disabled || I.value || (e == null || e.preventDefault(), V.value = !0, await ne(), s("focus", e), s("open", V.value));
+      t.disabled || I.value || (e == null || e.preventDefault(), k.value = !0, await ae(), s("focus", e), s("open", k.value));
     }
     function ce() {
       var e, l;
       (l = ((e = S.value) == null ? void 0 : e.$el).querySelector("input")) == null || l.focus();
     }
-    function $e(e) {
-      V.value ? Q(e) : ce();
+    function Ce(e) {
+      k.value ? Q(e) : ce();
     }
-    function Be(e) {
-      var l, a;
-      D.value = e, (a = ((l = Z.value) == null ? void 0 : l.$el).querySelector("input")) == null || a.focus();
+    function $e(e) {
+      var l, n;
+      D.value = e, (n = ((l = Z.value) == null ? void 0 : l.$el).querySelector("input")) == null || n.focus();
     }
     function Se(e) {
-      var a;
+      var n;
       e === "Backspace" && o.value.length > 0 ? o.value = o.value.slice(0, -1) : o.value += e;
       const l = de(o.value);
-      l != null && l.length && (f.value = (a = C.value) == null ? void 0 : a.findIndex(
-        (n) => n[t.optionValueKey] === l[0][t.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && ne(f.value)), Xe(() => {
+      l != null && l.length && (f.value = (n = B.value) == null ? void 0 : n.findIndex(
+        (a) => a[t.optionValueKey] === l[0][t.optionValueKey]
+      ), typeof f.value == "number" && f.value >= 0 && ae(f.value)), Xe(() => {
         o.value = "";
       }, 1e3);
     }
     const Le = (e) => {
       const l = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(l) ? (e.preventDefault(), R(e), t.search ? Be(l) : Se(l)) : pe(e);
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(l) ? (e.preventDefault(), R(e), t.search ? $e(l) : Se(l)) : pe(e);
     }, pe = (e) => {
-      const l = e.code, a = ["ArrowUp", "ArrowDown"].includes(l), n = ["Enter", "Space"].includes(l), m = l === "Escape" && I.value;
-      a ? Ae(e, f.value) : n ? Me(e, f.value) : m && Q();
+      const l = e.code, n = ["ArrowUp", "ArrowDown"].includes(l), a = ["Enter", "Space"].includes(l), m = l === "Escape" && I.value;
+      n ? Ae(e, f.value) : a ? Me(e, f.value) : m && Q();
     }, Ae = (e, l) => {
       var m;
       e.preventDefault();
-      const a = e.code;
+      const n = e.code;
       I.value || R(e);
-      const n = (m = C.value) == null ? void 0 : m.length;
-      n && (typeof l == "number" ? l === n - 1 && a === "ArrowDown" ? f.value = 0 : l === 0 && a === "ArrowUp" ? f.value = n - 1 : f.value = a === "ArrowDown" ? l + 1 : l - 1 : f.value = a === "ArrowDown" ? 0 : n - 1, ne(f.value));
+      const a = (m = B.value) == null ? void 0 : m.length;
+      a && (typeof l == "number" ? l === a - 1 && n === "ArrowDown" ? f.value = 0 : l === 0 && n === "ArrowUp" ? f.value = a - 1 : f.value = n === "ArrowDown" ? l + 1 : l - 1 : f.value = n === "ArrowDown" ? 0 : a - 1, ae(f.value));
     }, Me = (e, l) => {
-      var n, m, b;
+      var a, m, b;
       if (e.preventDefault(), !I.value)
         return R(e);
-      const a = l ? ((n = C.value) == null ? void 0 : n[l]) ?? ((m = C.value) == null ? void 0 : m[0]) : (b = C.value) == null ? void 0 : b[0];
-      L(a) || fe(a);
+      const n = l ? ((a = B.value) == null ? void 0 : a[l]) ?? ((m = B.value) == null ? void 0 : m[0]) : (b = B.value) == null ? void 0 : b[0];
+      L(n) || fe(n);
     };
-    async function ne(e) {
-      var a, n;
+    async function ae(e) {
+      var n, a;
       await Y(), typeof e != "number" && se();
       const l = e ?? f.value;
-      typeof l == "number" && l >= 0 && ((n = (a = J.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item")[l]) == null || n.scrollIntoView({
+      typeof l == "number" && l >= 0 && ((a = (n = J.value) == null ? void 0 : n.querySelectorAll(".m-select-list-item")[l]) == null || a.scrollIntoView({
         behavior: "auto",
         block: "center",
         inline: "center"
       }));
     }
     function se(e) {
-      var a;
-      const l = (a = C.value) == null ? void 0 : a.findIndex((n) => {
+      var n;
+      const l = (n = B.value) == null ? void 0 : n.findIndex((a) => {
         var m, b;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === n[t.optionValueKey] : [...t.modelValue].reverse()[0] === n[t.optionValueKey] : ((b = (m = E.value) == null ? void 0 : m[0]) == null ? void 0 : b[t.optionValueKey]) === n[t.optionValueKey];
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === a[t.optionValueKey] : [...t.modelValue].reverse()[0] === a[t.optionValueKey] : ((b = (m = E.value) == null ? void 0 : m[0]) == null ? void 0 : b[t.optionValueKey]) === a[t.optionValueKey];
       });
       f.value = l && l >= 0 ? l : 0;
     }
     const fe = (e, l = !0) => {
       var b;
       l && !t.multiple && Y(() => Q()), D.value = "";
-      const a = (b = E.value) == null ? void 0 : b.some(
+      const n = (b = E.value) == null ? void 0 : b.some(
         (P) => P[t.optionValueKey] === e[t.optionValueKey]
       );
-      let n = E.value;
-      a && t.multiple ? n = n == null ? void 0 : n.filter(
+      let a = E.value;
+      n && t.multiple ? a = a == null ? void 0 : a.filter(
         (P) => P[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? n.push(e) : n = [e];
-      const m = n.map((P) => P[t.optionValueKey]);
+      ) : t.multiple ? a.push(e) : a = [e];
+      const m = a.map((P) => P[t.optionValueKey]);
       s("update:model-value", t.multiple ? m : m[0]), s("selected-option", e), se(e), ce();
     };
     return (e, l) => ge((v(), w(
@@ -583,7 +586,11 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
       {
         ref_key: "mazSelectElement",
         ref: oe,
-        class: H(["m-select", [{ "--is-open": I.value, "--disabled": e.disabled }, t.class, `--${e.size}`]]),
+        class: H(["m-select", [
+          { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
+          t.class,
+          `--${e.size}`
+        ]]),
         style: X(e.style)
       },
       [
@@ -594,16 +601,17 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
           class: "m-select-input"
         }, e.$attrs, {
           required: e.required,
-          "border-active": V.value,
+          "border-active": k.value,
           color: e.color,
           "model-value": le.value,
           autocomplete: "off",
           size: e.size,
+          block: "",
           disabled: e.disabled,
           onFocus: F(R, ["prevent", "stop"]),
           onClick: F(R, ["prevent", "stop"]),
           onBlur: F(Q, ["prevent", "stop"]),
-          onChange: l[0] || (l[0] = (a) => s("change", a)),
+          onChange: l[0] || (l[0] = (n) => s("change", n)),
           onKeydown: Le
         }), {
           "right-icon": x(() => [
@@ -612,7 +620,7 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
               "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-              onClick: F($e, ["stop"])
+              onClick: F(Ce, ["stop"])
             }, [
               O(g(y), { class: "m-select-chevron maz-text-xl" })
             ], 8, tt)
@@ -620,7 +628,7 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        O(Ue, { name: ae.value }, {
+        O(Ue, { name: ne.value }, {
           default: x(() => [
             I.value ? (v(), w(
               "div",
@@ -640,14 +648,14 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
                 })
               },
               [
-                e.search ? (v(), $(ye, {
+                e.search ? (v(), C(ye, {
                   key: 0,
                   ref_key: "searchInputComponent",
                   ref: Z,
                   modelValue: D.value,
                   "onUpdate:modelValue": [
-                    l[1] || (l[1] = (a) => D.value = a),
-                    l[2] || (l[2] = (a) => f.value = 0)
+                    l[1] || (l[1] = (n) => D.value = n),
+                    l[2] || (l[2] = (n) => f.value = 0)
                   ],
                   size: "sm",
                   color: e.color,
@@ -662,7 +670,7 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
                 h(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
-                !C.value || C.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
+                !B.value || B.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
                   T("span", ot, [
                     O(g(d), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
@@ -670,22 +678,22 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
                   (v(!0), w(
                     ve,
                     null,
-                    qe(C.value, (a, n) => (v(), w(
+                    qe(B.value, (n, a) => (v(), w(
                       ve,
-                      { key: n },
+                      { key: a },
                       [
                         h(`
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                        a.label && a.isOptGroup ? U(e.$slots, "optgroup", {
+                        n.label && n.isOptGroup ? U(e.$slots, "optgroup", {
                           key: 0,
-                          label: a.label
+                          label: n.label
                         }, () => [
                           T(
                             "span",
-                            at,
-                            ue(a.label),
+                            nt,
+                            ue(n.label),
                             1
                             /* TEXT */
                           )
@@ -695,18 +703,18 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
                           type: "button",
                           class: H(["m-select-list-item maz-custom maz-flex-none", [
                             {
-                              "--is-keyboard-selected": f.value === n,
-                              "--is-selected": q(a),
-                              "--is-none-value": L(a[e.optionValueKey])
+                              "--is-keyboard-selected": f.value === a,
+                              "--is-selected": q(n),
+                              "--is-none-value": L(n[e.optionValueKey])
                             }
                           ]]),
                           style: X(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: F((m) => fe(a), ["prevent", "stop"])
+                          onClick: F((m) => fe(n), ["prevent", "stop"])
                         }, [
-                          e.multiple ? (v(), $(g(u), {
+                          e.multiple ? (v(), C(g(u), {
                             key: 0,
                             tabindex: "-1",
-                            "model-value": q(a),
+                            "model-value": q(n),
                             size: "sm",
                             color: e.color
                           }, null, 8, ["model-value", "color"])) : h("v-if", !0),
@@ -716,18 +724,18 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
                   @binding {Boolean} is-selected - if the option is selected
               `),
                           U(e.$slots, "default", {
-                            option: a,
-                            isSelected: q(a)
+                            option: n,
+                            isSelected: q(n)
                           }, () => [
                             T(
                               "span",
                               null,
-                              ue(a[e.optionLabelKey]),
+                              ue(n[e.optionLabelKey]),
                               1
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, nt))
+                        ], 14, at))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -751,9 +759,9 @@ const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
       [g(xe), Q]
     ]);
   }
-}), rt = /* @__PURE__ */ ke(st, [["__scopeId", "data-v-b3157cda"]]);
+}), rt = /* @__PURE__ */ Ve(st, [["__scopeId", "data-v-7825a2da"]]);
 export {
   rt as M,
-  ke as _,
-  Ve as u
+  Ve as _,
+  ke as u
 };

package/components/chunks/{MazSpinner-CTdeHHNH.mjs → MazSpinner-BAhgxOgg.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazSpinner.css';
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazPhoneNumberInput-CVz5eTvG.mjs";
+import { _ as p } from "./MazPhoneNumberInput-CsX6Kqob.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/components/chunks/{MazSpinner-DmFFdtxB.mjs → MazSpinner-CJaSrYbQ.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazSpinner.css';
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazInput-C1r0b8BB.mjs";
+import { _ as p } from "./MazTable-DrFqDO-J.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/components/chunks/{MazSpinner-KKcK5-QF.mjs → MazSpinner-CORsBFCP.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazSpinner.css';
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazSelect-DGEof7R3.mjs";
+import { _ as p } from "./MazPicker-CfhI75aw.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/components/chunks/{MazSpinner-DTZHIIMh.mjs → MazSpinner-CVBVegaS.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazSpinner.css';
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazTable-BhDfeDU1.mjs";
+import { _ as p } from "./MazInput-Caas-0Nk.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/components/chunks/MazSpinner-CkdjTE0y.mjs

@@ -0,0 +1,38 @@
+import '../assets/MazSpinner.css';
+import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
+import { _ as p } from "./MazInputPrice---5nCUKm.mjs";
+const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
+  "path",
+  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+  null,
+  -1
+  /* HOISTED */
+)), m = [
+  l
+], h = /* @__PURE__ */ t({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(e) {
+    return (_, u) => (o(), c("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: n(["m-spinner", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, m, 10, d));
+  }
+}), f = /* @__PURE__ */ p(h, [["__scopeId", "data-v-c67298ec"]]);
+export {
+  f as default
+};

package/components/chunks/{MazSpinner-DZTqt2Yn.mjs → MazSpinner-DECa8Pby.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazSpinner.css';
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazInputTags-pm_5HtHM.mjs";
+import { _ as p } from "./MazInputTags-CipoVBP2.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },