maz-ui 3.47.2-beta.3 → 3.47.2-beta.4

package/components/chunks/{MazSelect-CDV9Fx6m.mjs → MazSelect-Cnz3p3n2.mjs}

@@ -1,7 +1,7 @@
-import { computed as f, defineComponent as Ie, useCssVars as Ce, defineAsyncComponent as T, ref as b, onBeforeMount as Le, nextTick as W, withDirectives as we, openBlock as g, createElementBlock as I, normalizeClass as q, normalizeStyle as j, createVNode as $, mergeProps as Me, unref as C, withModifiers as M, withCtx as ne, createElementVNode as N, Transition as Ee, createBlock as se, createCommentVNode as Q, renderSlot as G, Fragment as ie, renderList as Te, toDisplayString as ue } from "vue";
+import { computed as f, defineComponent as Ie, useCssVars as Ce, defineAsyncComponent as T, ref as b, onBeforeMount as Le, nextTick as W, withDirectives as we, openBlock as g, createElementBlock as A, normalizeClass as q, normalizeStyle as j, createVNode as $, mergeProps as Me, unref as I, withModifiers as M, withCtx as ne, createElementVNode as N, Transition as Ee, createBlock as se, createCommentVNode as Q, renderSlot as G, Fragment as ie, renderList as Te, toDisplayString as ue } from "vue";
 import { u as $e } from "./useInstanceUniqId-DW9jO1Sz.mjs";
-import re from "./MazInput-DC3S-CVu.mjs";
-import { _ as Ne } from "./MazTable-BJDPdIJB.mjs";
+import re from "./MazInput-eOtg1L9F.mjs";
+import { _ as Ne } from "./MazTable-BKdEx63E.mjs";
 import '../assets/MazSelect.css';const Oe = {
   removeAccents: !0,
   caseSensitive: !1,
@@ -180,14 +180,14 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(r, { expose: c, emit: s }) {
     Ce((e) => ({
-      cb149e58: ve.value,
-      "215ff493": fe.value,
-      "64d6cfbb": me.value
+      fba4bd7a: ve.value,
+      "2796b77c": fe.value,
+      d1bcc1ac: me.value
     }));
-    const t = r, n = s, i = T(() => import("./MazCheckbox-Db6sPUbV.mjs")), m = T(() => import("./magnifying-glass--nBiyXot.mjs")), V = T(() => import("./chevron-down-BkvtON3b.mjs")), x = T(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = r, n = s, i = T(() => import("./MazCheckbox-BTl370Qq.mjs")), m = T(() => import("./magnifying-glass--nBiyXot.mjs")), V = T(() => import("./chevron-down-BkvtON3b.mjs")), x = T(() => import("./no-symbol-CIgKzsrB.mjs"));
     c({
       /** Method to open the option list */
-      openList: A,
+      openList: w,
       /** Method to close the option list */
       closeList: k
     });
@@ -218,7 +218,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
         [t.optionInputValueKey]: e[t.optionInputValueKey]
       };
     }
-    const L = f(() => {
+    const C = f(() => {
       var o;
       const e = [];
       if (!((o = t.options) != null && o.length))
@@ -234,7 +234,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
     }), E = f(
       () => {
         var e;
-        return ((e = L.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !K(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !K(o[t.optionValueKey]))) ?? [];
+        return ((e = C.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !K(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !K(o[t.optionValueKey]))) ?? [];
       }
     );
     Le(() => {
@@ -257,27 +257,27 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
         return t.modelValue.map(
           (a) => {
             var l, u;
-            return (u = (l = L.value) == null ? void 0 : l.find((d) => d[t.optionValueKey] === a)) == null ? void 0 : u[t.optionInputValueKey];
+            return (u = (l = C.value) == null ? void 0 : l.find((d) => d[t.optionValueKey] === a)) == null ? void 0 : u[t.optionInputValueKey];
           }
         ).join(", ");
-      const e = (o = L.value) == null ? void 0 : o.find(
+      const e = (o = C.value) == null ? void 0 : o.find(
         (a) => a[t.optionValueKey] === t.modelValue
       );
       return K(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
     }), be = f(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), w = b(""), S = b("");
+    ), L = b(""), S = b("");
     function P(e, o) {
       return o && e && O(e).includes(O(o));
     }
     function te(e) {
       var o;
-      return e ? (o = L.value) == null ? void 0 : o.filter((a) => {
+      return e ? (o = C.value) == null ? void 0 : o.filter((a) => {
         const l = a[t.optionLabelKey], u = a[t.optionValueKey], d = a[t.optionInputValueKey], v = t.searchThreshold;
         return P(l, e) || P(d, e) || P(u, e) || typeof l == "string" && Z(l, e, v).isMatching.value || typeof d == "string" && Z(d, e, v).isMatching.value || typeof u == "string" && Z(u, e, v).isMatching.value;
-      }) : L.value;
+      }) : C.value;
     }
-    const y = f(() => te(w.value));
+    const y = f(() => te(L.value));
     async function k(e) {
       var a, l;
       if (!h.value)
@@ -289,7 +289,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
         return e == null ? void 0 : e.preventDefault();
       await W(), z.value = !1, p.value = 0, n("close", e);
     }
-    async function A(e) {
+    async function w(e) {
       t.disabled || h.value || (e == null || e.preventDefault(), z.value = !0, await F(), n("focus", e), n("open", z.value));
     }
     function oe() {
@@ -305,7 +305,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
     }
     function ze(e) {
       var o, a;
-      w.value = e, (a = ((o = _.value) == null ? void 0 : o.$el).querySelector("input")) == null || a.focus();
+      L.value = e, (a = ((o = _.value) == null ? void 0 : o.$el).querySelector("input")) == null || a.focus();
     }
     function Ke(e) {
       var a;
@@ -319,7 +319,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
     }
     function Se(e) {
       const o = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), A(e), t.search ? ze(o) : Ke(o)) : le(e);
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), w(e), t.search ? ze(o) : Ke(o)) : le(e);
     }
     function le(e, o = !0) {
       const a = e.code, l = ["ArrowUp", "ArrowDown"].includes(a), u = (o ? ["Enter", "Space"] : ["Enter"]).includes(a), d = a === "Escape" && h.value;
@@ -329,14 +329,15 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
       var u;
       e.preventDefault();
       const a = e.code;
-      h.value || A(e);
+      h.value || w(e);
       const l = (u = y.value) == null ? void 0 : u.length;
       l && (typeof o == "number" ? o === l - 1 && a === "ArrowDown" ? p.value = 0 : o === 0 && a === "ArrowUp" ? p.value = l - 1 : p.value = a === "ArrowDown" ? o + 1 : o - 1 : p.value = a === "ArrowDown" ? 0 : l - 1, F(p.value));
     }
     function Ae(e, o) {
       var l, u, d;
-      if (e.preventDefault(), !h.value)
-        return A(e);
+      if (!h.value)
+        return;
+      e.preventDefault();
       const a = o ? ((l = y.value) == null ? void 0 : l[o]) ?? ((u = y.value) == null ? void 0 : u[0]) : (d = y.value) == null ? void 0 : d[0];
       K(a) || ae(a);
     }
@@ -363,7 +364,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
     }
     function ae(e, o = !0) {
       var d;
-      o && !t.multiple && W(() => k()), w.value = "";
+      o && !t.multiple && W(() => k()), L.value = "";
       const a = (d = E.value) == null ? void 0 : d.some(
         (v) => v[t.optionValueKey] === e[t.optionValueKey]
       );
@@ -376,7 +377,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
     }
     return (e, o) => {
       var a;
-      return we((g(), I(
+      return we((g(), A(
         "div",
         {
           ref_key: "mazSelectElement",
@@ -390,7 +391,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
         },
         [
           $(re, Me({
-            id: C(ye),
+            id: I(ye),
             ref_key: "mazInputComponent",
             ref: D,
             class: "m-select-input"
@@ -403,9 +404,9 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
             block: "",
             autocomplete: e.autocomplete,
             disabled: e.disabled,
-            onFocus: M(A, ["prevent", "stop"]),
+            onFocus: M(w, ["prevent", "stop"]),
             onBlur: M(k, ["prevent", "stop"]),
-            onClick: M(A, ["prevent", "stop"]),
+            onClick: M(w, ["prevent", "stop"]),
             onChange: o[0] || (o[0] = (l) => n("change", l)),
             onInput: o[1] || (o[1] = (l) => n("input", l)),
             onKeydown: Se
@@ -418,7 +419,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
                 "aria-label": `${h.value ? "collapse" : "expand"} list of options`,
                 onClick: M(Ve, ["stop"])
               }, [
-                $(C(V), { class: "m-select-chevron maz-text-xl" })
+                $(I(V), { class: "m-select-chevron maz-text-xl" })
               ], 8, Ue)
             ]),
             _: 1
@@ -426,7 +427,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
           $(Ee, { name: be.value }, {
             default: ne(() => [
-              h.value ? (g(), I(
+              h.value ? (g(), A(
                 "div",
                 {
                   key: 0,
@@ -450,9 +451,9 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
                     key: 0,
                     ref_key: "searchInputComponent",
                     ref: _,
-                    modelValue: w.value,
+                    modelValue: L.value,
                     "onUpdate:modelValue": [
-                      o[2] || (o[2] = (l) => w.value = l),
+                      o[2] || (o[2] = (l) => L.value = l),
                       o[4] || (o[4] = (l) => p.value = 0)
                     ],
                     size: "sm",
@@ -463,18 +464,18 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": C(m),
+                    "left-icon": I(m),
                     onKeydown: o[3] || (o[3] = (l) => le(l, !1))
                   }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : Q("v-if", !0),
                   !y.value || y.value.length <= 0 ? G(e.$slots, "no-results", { key: 1 }, () => [
                     N("span", We, [
-                      $(C(x), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                      $(I(x), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (g(), I("div", qe, [
-                    (g(!0), I(
+                  ], !0) : (g(), A("div", qe, [
+                    (g(!0), A(
                       ie,
                       null,
-                      Te(y.value, (l, u) => (g(), I(
+                      Te(y.value, (l, u) => (g(), A(
                         ie,
                         { key: u },
                         [
@@ -489,7 +490,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
                               1
                               /* TEXT */
                             )
-                          ], !0) : (g(), I("button", {
+                          ], !0) : (g(), A("button", {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
@@ -503,7 +504,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
                             style: j(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
                             onClick: M((d) => ae(l), ["prevent", "stop"])
                           }, [
-                            e.multiple ? (g(), se(C(i), {
+                            e.multiple ? (g(), se(I(i), {
                               key: 0,
                               tabindex: "-1",
                               "model-value": H(l),
@@ -543,14 +544,14 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, qe = {
         6
         /* CLASS, STYLE */
       )), [
-        [C(Pe), {
+        [I(Pe), {
           exclude: (a = e.excludeSelectors) != null && a.length ? e.excludeSelectors : [],
           handler: k
         }]
       ]);
     };
   }
-}), Ye = /* @__PURE__ */ Ne(Ge, [["__scopeId", "data-v-e35a36a6"]]);
+}), Ye = /* @__PURE__ */ Ne(Ge, [["__scopeId", "data-v-3b483b12"]]);
 export {
   Ye as default
 };

package/components/chunks/{MazSelect-BJ07NVXQ.mjs → MazSelect-DOiqBTNY.mjs}

@@ -1,4 +1,4 @@
-import { useId as Me, computed as p, defineComponent as he, defineAsyncComponent as A, ref as V, onMounted as Te, useSlots as Ee, openBlock as m, createElementBlock as k, normalizeClass as q, normalizeStyle as x, createElementVNode as E, renderSlot as U, createBlock as K, unref as b, resolveDynamicComponent as me, createCommentVNode as g, withDirectives as be, mergeProps as ge, toHandlers as Oe, vModelDynamic as De, createTextVNode as Ne, toDisplayString as de, withModifiers as F, withCtx as _, createVNode as H, useCssVars as Pe, onBeforeMount as Fe, nextTick as se, Transition as He, Fragment as ve, renderList as qe } from "vue";
+import { useId as Me, computed as p, defineComponent as he, defineAsyncComponent as A, ref as V, onMounted as Te, useSlots as Ee, openBlock as m, createElementBlock as k, normalizeClass as H, normalizeStyle as x, createElementVNode as E, renderSlot as q, createBlock as K, unref as b, resolveDynamicComponent as me, createCommentVNode as g, withDirectives as be, mergeProps as ge, toHandlers as Oe, vModelDynamic as De, createTextVNode as Ne, toDisplayString as de, withModifiers as P, withCtx as _, createVNode as F, useCssVars as Pe, onBeforeMount as Fe, nextTick as se, Transition as He, Fragment as ve, renderList as qe } from "vue";
 import '../assets/MazSelect.css';function ze({
   componentName: u,
   providedId: r
@@ -117,8 +117,8 @@ function ke(u, r, l) {
   if (s && s.length > 0) {
     for (const $ of s)
       if (!d && u.target instanceof HTMLElement) {
-        const W = (y = document.querySelector($)) == null ? void 0 : y.getAttribute("id");
-        d = u.target.getAttribute("id") === W;
+        const U = (y = document.querySelector($)) == null ? void 0 : y.getAttribute("id");
+        d = u.target.getAttribute("id") === U;
       }
   }
   !r.contains(u.target) && !d && (t == null || t());
@@ -204,7 +204,7 @@ const Xe = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(u, { emit: r }) {
-    const l = u, t = r, s = A(() => import("./MazBtn-BMYXMZuX.mjs")), d = A(() => import("./MazIcon-BbvBov5G.mjs")), y = A(() => import("./eye-slash-BoO00xzs.mjs")), $ = A(() => import("./eye-f8zAUc30.mjs")), W = A(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), O = V(), te = ze({
+    const l = u, t = r, s = A(() => import("./MazBtn-C_BULYqZ.mjs")), d = A(() => import("./MazIcon-BbvBov5G.mjs")), y = A(() => import("./eye-slash-BoO00xzs.mjs")), $ = A(() => import("./eye-f8zAUc30.mjs")), U = A(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), O = V(), te = ze({
       componentName: "MazInput",
       providedId: l.id
     });
@@ -240,7 +240,7 @@ const Xe = {
         }
         return "--default-border";
       }
-    }), j = Ee(), Z = p(() => {
+    }), W = Ee(), Z = p(() => {
       const { required: o, placeholder: h } = l;
       if (h)
         return o ? `${h} *` : h;
@@ -258,14 +258,14 @@ const Xe = {
     const L = p({
       get: () => l.modelValue,
       set: (o) => D(o)
-    }), Q = p(() => (!!l.label || !!l.hint) && (f.value || !!J.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), X = p(() => !!l.label || !!l.hint);
+    }), j = p(() => (!!l.label || !!l.hint) && (f.value || !!J.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), X = p(() => !!l.label || !!l.hint);
     function Y() {
-      return !!j["right-icon"] || G.value || !!j["valid-button"] || l.validButton || !!l.rightIcon;
+      return !!W["right-icon"] || G.value || !!W["valid-button"] || l.validButton || !!l.rightIcon;
     }
     function B() {
-      return !!j["left-icon"] || !!l.leftIcon;
+      return !!W["left-icon"] || !!l.leftIcon;
     }
-    function R(o) {
+    function Q(o) {
       t("focus", o), f.value = !0;
     }
     function le(o) {
@@ -280,10 +280,10 @@ const Xe = {
     return (o, h) => (m(), k(
       "div",
       {
-        class: q(["m-input", [
+        class: H(["m-input", [
           {
             "--is-focused": f.value || o.borderActive,
-            "--should-up": Q.value,
+            "--should-up": j.value,
             "--has-label": X.value,
             "--is-disabled": o.disabled,
             "--is-readonly": o.readonly,
@@ -301,7 +301,7 @@ const Xe = {
         E(
           "div",
           {
-            class: q(["m-input-wrapper", [
+            class: H(["m-input-wrapper", [
               o.inputClasses,
               I.value,
               o.roundedSize ? `--rounded-${o.roundedSize}` : { "maz-rounded": !o.noRadius }
@@ -309,7 +309,7 @@ const Xe = {
           },
           [
             B() ? (m(), k("div", Xe, [
-              o.$slots["left-icon"] || o.leftIcon ? U(o.$slots, "left-icon", { key: 0 }, () => [
+              o.$slots["left-icon"] || o.leftIcon ? q(o.$slots, "left-icon", { key: 0 }, () => [
                 typeof o.leftIcon == "string" ? (m(), K(b(d), {
                   key: 0,
                   name: o.leftIcon,
@@ -338,7 +338,7 @@ const Xe = {
                 class: "m-input-input"
               }, Oe({
                 blur: le,
-                focus: R,
+                focus: Q,
                 change: ae,
                 input: M
               }, !0), {
@@ -350,7 +350,7 @@ const Xe = {
                 "span",
                 {
                   key: 0,
-                  class: q(["m-input-label", [
+                  class: H(["m-input-label", [
                     {
                       "maz-text-danger-600": o.error,
                       "maz-text-success-600": o.success,
@@ -371,7 +371,7 @@ const Xe = {
               )) : g("v-if", !0)
             ]),
             Y() ? (m(), k("div", et, [
-              o.$slots["right-icon"] || o.rightIcon ? U(o.$slots, "right-icon", { key: 0 }, () => [
+              o.$slots["right-icon"] || o.rightIcon ? q(o.$slots, "right-icon", { key: 0 }, () => [
                 typeof o.rightIcon == "string" ? (m(), K(b(d), {
                   key: 0,
                   name: o.rightIcon,
@@ -386,7 +386,7 @@ const Xe = {
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: h[2] || (h[2] = F((T) => z.value = !z.value, ["stop"]))
+                onClick: h[2] || (h[2] = P((T) => z.value = !z.value, ["stop"]))
               }, {
                 default: _(() => [
                   z.value ? (m(), K(b(y), {
@@ -400,8 +400,8 @@ const Xe = {
                 _: 1
                 /* STABLE */
               })) : g("v-if", !0),
-              o.$slots["valid-button"] || o.validButton ? U(o.$slots, "valid-button", { key: 2 }, () => [
-                H(b(s), {
+              o.$slots["valid-button"] || o.validButton ? q(o.$slots, "valid-button", { key: 2 }, () => [
+                F(b(s), {
                   color: "transparent",
                   disabled: o.disabled,
                   tabindex: "-1",
@@ -411,7 +411,7 @@ const Xe = {
                   type: "submit"
                 }, {
                   default: _(() => [
-                    H(b(W), { class: "maz-text-2xl maz-text-normal" })
+                    F(b(U), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -465,14 +465,14 @@ const Xe = {
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(u, { expose: r, emit: l }) {
     Pe((e) => ({
-      cb149e58: oe.value,
-      "215ff493": te.value,
-      "64d6cfbb": G.value
+      fba4bd7a: oe.value,
+      "2796b77c": te.value,
+      d1bcc1ac: G.value
     }));
-    const t = u, s = l, d = A(() => import("./MazCheckbox-DMogZVHl.mjs")), y = A(() => import("./magnifying-glass--nBiyXot.mjs")), $ = A(() => import("./chevron-down-BkvtON3b.mjs")), W = A(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = u, s = l, d = A(() => import("./MazCheckbox-BBL0vgqe.mjs")), y = A(() => import("./magnifying-glass--nBiyXot.mjs")), $ = A(() => import("./chevron-down-BkvtON3b.mjs")), U = A(() => import("./no-symbol-CIgKzsrB.mjs"));
     r({
       /** Method to open the option list */
-      openList: P,
+      openList: R,
       /** Method to close the option list */
       closeList: N
     });
@@ -484,7 +484,7 @@ const Xe = {
       () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), oe = p(
       () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = p(() => z.value || t.open), j = ze({
+    ), I = p(() => z.value || t.open), W = ze({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -526,11 +526,11 @@ const Xe = {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ie();
     });
-    const L = V(), Q = V(), X = V(), Y = V();
+    const L = V(), j = V(), X = V(), Y = V();
     function B(e) {
       return e == null;
     }
-    function R(e) {
+    function Q(e) {
       var i;
       return (((i = D.value) == null ? void 0 : i.some(
         (n) => n[t.optionValueKey] === e[t.optionValueKey]
@@ -574,16 +574,16 @@ const Xe = {
         return e == null ? void 0 : e.preventDefault();
       await se(), z.value = !1, f.value = 0, s("close", e);
     }
-    async function P(e) {
+    async function R(e) {
       t.disabled || I.value || (e == null || e.preventDefault(), z.value = !0, await ne(), s("focus", e), s("open", z.value));
     }
     function ce() {
       var e, a;
-      (a = ((e = Q.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
+      (a = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
     }
     function Se() {
       var e, a;
-      (a = ((e = Q.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
+      (a = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
     }
     function Ke(e) {
       z.value ? N(e) : ce();
@@ -604,7 +604,7 @@ const Xe = {
     }
     function Be(e) {
       const a = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (e.preventDefault(), P(e), t.search ? Ae(a) : $e(a)) : pe(e);
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (e.preventDefault(), R(e), t.search ? Ae(a) : $e(a)) : pe(e);
     }
     function pe(e, a = !0) {
       const i = e.code, n = ["ArrowUp", "ArrowDown"].includes(i), c = (a ? ["Enter", "Space"] : ["Enter"]).includes(i), v = i === "Escape" && I.value;
@@ -614,14 +614,15 @@ const Xe = {
       var c;
       e.preventDefault();
       const i = e.code;
-      I.value || P(e);
+      I.value || R(e);
       const n = (c = S.value) == null ? void 0 : c.length;
       n && (typeof a == "number" ? a === n - 1 && i === "ArrowDown" ? f.value = 0 : a === 0 && i === "ArrowUp" ? f.value = n - 1 : f.value = i === "ArrowDown" ? a + 1 : a - 1 : f.value = i === "ArrowDown" ? 0 : n - 1, ne(f.value));
     }
     function Le(e, a) {
       var n, c, v;
-      if (e.preventDefault(), !I.value)
-        return P(e);
+      if (!I.value)
+        return;
+      e.preventDefault();
       const i = a ? ((n = S.value) == null ? void 0 : n[a]) ?? ((c = S.value) == null ? void 0 : c[0]) : (v = S.value) == null ? void 0 : v[0];
       B(i) || fe(i);
     }
@@ -666,7 +667,7 @@ const Xe = {
         {
           ref_key: "mazSelectElement",
           ref: L,
-          class: q(["m-select", [
+          class: H(["m-select", [
             { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
             t.class,
             `--${e.size}`
@@ -674,10 +675,10 @@ const Xe = {
           style: x(e.style)
         },
         [
-          H(ye, ge({
-            id: b(j),
+          F(ye, ge({
+            id: b(W),
             ref_key: "mazInputComponent",
-            ref: Q,
+            ref: j,
             class: "m-select-input"
           }, e.$attrs, {
             required: e.required,
@@ -688,9 +689,9 @@ const Xe = {
             block: "",
             autocomplete: e.autocomplete,
             disabled: e.disabled,
-            onFocus: F(P, ["prevent", "stop"]),
-            onBlur: F(N, ["prevent", "stop"]),
-            onClick: F(P, ["prevent", "stop"]),
+            onFocus: P(R, ["prevent", "stop"]),
+            onBlur: P(N, ["prevent", "stop"]),
+            onClick: P(R, ["prevent", "stop"]),
             onChange: a[0] || (a[0] = (n) => s("change", n)),
             onInput: a[1] || (a[1] = (n) => s("input", n)),
             onKeydown: Be
@@ -701,15 +702,15 @@ const Xe = {
                 type: "button",
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-                onClick: F(Ke, ["stop"])
+                onClick: P(Ke, ["stop"])
               }, [
-                H(b($), { class: "m-select-chevron maz-text-xl" })
+                F(b($), { class: "m-select-chevron maz-text-xl" })
               ], 8, ot)
             ]),
             _: 1
             /* STABLE */
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-          H(He, { name: ae.value }, {
+          F(He, { name: ae.value }, {
             default: _(() => [
               I.value ? (m(), k(
                 "div",
@@ -717,7 +718,7 @@ const Xe = {
                   key: 0,
                   ref_key: "optionsListElement",
                   ref: Y,
-                  class: q(["m-select-list", {
+                  class: H(["m-select-list", {
                     "--top": e.listPosition.includes("top"),
                     "--left": e.listPosition.includes("left"),
                     "--right": e.listPosition.includes("right"),
@@ -751,9 +752,9 @@ const Xe = {
                     "left-icon": b(y),
                     onKeydown: a[3] || (a[3] = (n) => pe(n, !1))
                   }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : g("v-if", !0),
-                  !S.value || S.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
+                  !S.value || S.value.length <= 0 ? q(e.$slots, "no-results", { key: 1 }, () => [
                     E("span", lt, [
-                      H(b(W), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                      F(b(U), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
                   ], !0) : (m(), k("div", at, [
                     (m(!0), k(
@@ -763,7 +764,7 @@ const Xe = {
                         ve,
                         { key: c },
                         [
-                          n.label && n.isOptGroup ? U(e.$slots, "optgroup", {
+                          n.label && n.isOptGroup ? q(e.$slots, "optgroup", {
                             key: 0,
                             label: n.label
                           }, () => [
@@ -778,26 +779,26 @@ const Xe = {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
-                            class: q(["m-select-list-item maz-custom maz-flex-none", [
+                            class: H(["m-select-list-item maz-custom maz-flex-none", [
                               {
                                 "--is-keyboard-selected": f.value === c,
-                                "--is-selected": R(n),
+                                "--is-selected": Q(n),
                                 "--is-none-value": B(n[e.optionValueKey])
                               }
                             ]]),
                             style: x(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                            onClick: F((v) => fe(n), ["prevent", "stop"])
+                            onClick: P((v) => fe(n), ["prevent", "stop"])
                           }, [
                             e.multiple ? (m(), K(b(d), {
                               key: 0,
                               tabindex: "-1",
-                              "model-value": R(n),
+                              "model-value": Q(n),
                               size: "sm",
                               color: e.color
                             }, null, 8, ["model-value", "color"])) : g("v-if", !0),
-                            U(e.$slots, "default", {
+                            q(e.$slots, "default", {
                               option: n,
-                              isSelected: R(n)
+                              isSelected: Q(n)
                             }, () => [
                               E(
                                 "span",
@@ -835,7 +836,7 @@ const Xe = {
       ]);
     };
   }
-}), rt = /* @__PURE__ */ we(st, [["__scopeId", "data-v-e35a36a6"]]);
+}), rt = /* @__PURE__ */ we(st, [["__scopeId", "data-v-3b483b12"]]);
 export {
   rt as M,
   we as _,

package/components/chunks/{MazSpinner-CykRbNHD.mjs → MazSpinner-B1PXhYRx.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as s, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
-import { _ as a } from "./MazSelect-BJ07NVXQ.mjs";
+import { _ as a } from "./MazSelect-DOiqBTNY.mjs";
 import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ o({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-CEFbkZkM.mjs → MazSpinner-B7tPZpHw.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as s, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
-import { _ as a } from "./MazPhoneNumberInput-BbssOUzo.mjs";
+import { _ as a } from "./MazPhoneNumberInput-BTm8A0bL.mjs";
 import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ o({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-Dmkr_r9u.mjs → MazSpinner-DOSj2BnX.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as s, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
-import { _ as a } from "./MazChecklist-C95Y4Hb-.mjs";
+import { _ as a } from "./MazChecklist-CQv-sXP1.mjs";
 import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ o({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazSpinner-CfiIXW8y.mjs → MazSpinner-Dhg-s-9s.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as s, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
-import { _ as a } from "./MazTable-BJDPdIJB.mjs";
+import { _ as a } from "./MazTable-BKdEx63E.mjs";
 import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ o({
   __name: "MazSpinner",
   props: {

package/components/chunks/{MazTable-BJDPdIJB.mjs → MazTable-BKdEx63E.mjs}

@@ -68,7 +68,7 @@ import '../assets/MazTable.css';const Ee = {
       d3635954: a.tableLayout,
       "1dde4b1b": a.captionSide
     }));
-    const a = N, $ = D, F = f(() => import("./arrow-up-DjSlktWl.mjs")), J = f(() => import("./chevron-double-left-D4-NpyrF.mjs")), W = f(() => import("./chevron-left-BqVOLRdC.mjs")), se = f(() => import("./magnifying-glass--nBiyXot.mjs")), w = f(() => import("./MazBtn-BijEMn4r.mjs")), X = f(() => import("./MazCheckbox-Db6sPUbV.mjs")), ne = f(() => import("./MazInput-DC3S-CVu.mjs")), ue = f(() => import("./MazLoadingBar-DdjHRC7g.mjs")), Z = f(() => import("./MazSelect-CDV9Fx6m.mjs")), L = f(() => import("./MazTableCell-DILuUCTe.mjs")), K = f(() => import("./MazTableRow-D6H6-c8J.mjs")), H = f(() => import("./MazTableTitle-Ch-nyY1E.mjs")), re = {
+    const a = N, $ = D, F = f(() => import("./arrow-up-DjSlktWl.mjs")), J = f(() => import("./chevron-double-left-D4-NpyrF.mjs")), W = f(() => import("./chevron-left-BqVOLRdC.mjs")), se = f(() => import("./magnifying-glass--nBiyXot.mjs")), w = f(() => import("./MazBtn-psosbsi3.mjs")), X = f(() => import("./MazCheckbox-BTl370Qq.mjs")), ne = f(() => import("./MazInput-eOtg1L9F.mjs")), ue = f(() => import("./MazLoadingBar-DHcYPXlE.mjs")), Z = f(() => import("./MazSelect-Cnz3p3n2.mjs")), L = f(() => import("./MazTableCell-CozcugiL.mjs")), K = f(() => import("./MazTableRow-bLFpjzu1.mjs")), H = f(() => import("./MazTableTitle-Qk239mu9.mjs")), re = {
       noResults: "No results",
       actionHeader: "Actions",
       searchByAllLabel: "All",