maz-ui 3.49.0 → 3.49.2

package/components/chunks/{MazSelect-cthYMQqx.mjs → MazSelect-uHsahxjj.mjs}

@@ -1,4 +1,4 @@
-import { computed as p, useId as Te, defineComponent as be, defineAsyncComponent as L, ref as V, onMounted as Ee, useSlots as Oe, openBlock as m, createElementBlock as k, normalizeClass as M, normalizeStyle as ee, unref as g, toDisplayString as Q, createCommentVNode as b, createElementVNode as E, renderSlot as H, createBlock as $, resolveDynamicComponent as ve, withDirectives as ge, mergeProps as ze, toHandlers as Ne, vModelDynamic as De, createTextVNode as Fe, withModifiers as F, withCtx as te, createVNode as P, onBeforeMount as Pe, nextTick as ue, Transition as He, Fragment as ye, renderList as qe } from "vue";
+import { computed as p, useId as Te, defineComponent as he, defineAsyncComponent as B, ref as I, onMounted as Ee, useSlots as Oe, openBlock as m, createElementBlock as k, normalizeClass as M, normalizeStyle as ee, unref as b, toDisplayString as Q, createCommentVNode as g, createElementVNode as T, renderSlot as P, createBlock as L, resolveDynamicComponent as ve, withDirectives as ge, mergeProps as ze, toHandlers as De, vModelDynamic as Fe, withModifiers as N, withCtx as te, createVNode as H, onBeforeMount as Ne, nextTick as ue, Transition as He, Fragment as ye, renderList as Pe } from "vue";
 import '../assets/MazSelect.css';function ke({
   componentName: u,
   providedId: r
@@ -71,28 +71,28 @@ function oe(u, r) {
       s = s.normalize(c);
   return s;
 }
-function We(u, r) {
+function qe(u, r) {
   const l = u.length, t = r.length, s = [];
   for (let c = 0; c <= l; c++)
     s[c] = [c];
   for (let c = 0; c <= t; c++)
     s[0][c] = c;
   for (let c = 1; c <= l; c++)
-    for (let y = 1; y <= t; y++) {
-      const S = u[c - 1] === r[y - 1] ? 0 : 1;
-      s[c][y] = Math.min(
-        s[c - 1][y] + 1,
-        s[c][y - 1] + 1,
-        s[c - 1][y - 1] + S
+    for (let v = 1; v <= t; v++) {
+      const A = u[c - 1] === r[v - 1] ? 0 : 1;
+      s[c][v] = Math.min(
+        s[c - 1][v] + 1,
+        s[c][v - 1] + 1,
+        s[c - 1][v - 1] + A
       );
     }
   return s[l][t];
 }
 function Ve(u, r) {
-  const l = We(u, r), t = Math.max(u.length, r.length);
+  const l = qe(u, r), t = Math.max(u.length, r.length);
   return 1 - l / t;
 }
-function je(u, r, l = 0.75) {
+function We(u, r, l = 0.75) {
   return Ve(u, r) >= l;
 }
 function re(u, r, l = 0.75) {
@@ -100,24 +100,24 @@ function re(u, r, l = 0.75) {
     () => oe(typeof u == "string" ? u : u.value)
   ), s = p(
     () => oe(typeof r == "string" ? r : r.value)
-  ), c = p(() => typeof l == "number" ? l : l.value), y = p(() => Ve(t.value, s.value));
+  ), c = p(() => typeof l == "number" ? l : l.value), v = p(() => Ve(t.value, s.value));
   return {
     isMatching: p(
-      () => je(t.value, s.value, c.value)
+      () => We(t.value, s.value, c.value)
     ),
-    score: y
+    score: v
   };
 }
 function Ie(u, r, l) {
-  var y, S;
+  var v, A;
   u.stopPropagation();
   const t = typeof l.value == "function" ? l.value : l.value.handler, s = typeof l.value == "object" ? l.value.exclude : void 0;
   let c = !1;
   if (s && s.length > 0) {
-    for (const O of s)
+    for (const E of s)
       if (!c && u.target instanceof HTMLElement) {
-        const z = (y = document.querySelector(O)) == null ? void 0 : y.getAttribute("id");
-        c = (u.target.getAttribute("id") === z || ((S = document.querySelector(O)) == null ? void 0 : S.contains(u.target))) ?? !1;
+        const z = (v = document.querySelector(E)) == null ? void 0 : v.getAttribute("id");
+        c = (u.target.getAttribute("id") === z || ((A = document.querySelector(E)) == null ? void 0 : A.contains(u.target))) ?? !1;
       }
   }
   !r.contains(u.target) && !c && (t == null || t(u));
@@ -125,11 +125,11 @@ function Ie(u, r, l) {
 function we() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function Qe(u, r) {
+function je(u, r) {
   const l = we();
   document.removeEventListener(l, (t) => Ie(t, u, r));
 }
-function Re(u, r) {
+function Qe(u, r) {
   if (typeof r.value != "function" && typeof r.value == "object" && typeof r.value.handler != "function") {
     console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
     return;
@@ -137,15 +137,15 @@ function Re(u, r) {
   const l = we();
   document.addEventListener(l, (t) => Ie(t, u, r));
 }
-const Ge = {
-  mounted: Re,
-  unmounted: Qe
+const Re = {
+  mounted: Qe,
+  unmounted: je
 };
 let ce = null;
-function Ze(u, r) {
+function Ge(u, r) {
   ce && clearTimeout(ce), ce = setTimeout(u, r);
 }
-function Je(u, r) {
+function Ze(u, r) {
   let l;
   return function(...t) {
     clearTimeout(l), l = setTimeout(() => {
@@ -153,13 +153,13 @@ function Je(u, r) {
     }, r);
   };
 }
-const Xe = ["for"], Ye = {
+const Je = ["for"], Xe = {
   key: 0,
   class: "m-input-wrapper-left"
-}, xe = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], _e = { key: 0 }, et = {
+}, Ye = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], xe = {
   key: 1,
   class: "m-input-wrapper-right"
-}, tt = /* @__PURE__ */ be({
+}, _e = /* @__PURE__ */ he({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -200,15 +200,15 @@ const Xe = ["for"], Ye = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(u, { emit: r }) {
-    const l = u, t = r, s = L(() => import("./MazBtn-D53RC3KP.mjs")), c = L(() => import("./MazIcon-Cq1v4J3r.mjs")), y = L(() => import("./eye-slash-BoO00xzs.mjs")), S = L(() => import("./eye-f8zAUc30.mjs")), O = L(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), N = V(), R = ke({
+    const l = u, t = r, s = B(() => import("./MazBtn-DXinft-p.mjs")), c = B(() => import("./MazIcon-Cq1v4J3r.mjs")), v = B(() => import("./eye-slash-BoO00xzs.mjs")), A = B(() => import("./eye-f8zAUc30.mjs")), E = B(() => import("./check-C9Q_W85g.mjs")), z = I(!1), f = I(!1), O = I(), R = ke({
       componentName: "MazInput",
       providedId: l.id
     });
     Ee(() => {
       var o;
-      l.autoFocus && ((o = N.value) == null || o.focus());
+      l.autoFocus && ((o = O.value) == null || o.focus());
     });
-    const G = p(() => l.type === "password"), le = p(() => z.value ? "text" : l.type), I = p(() => {
+    const G = p(() => l.type === "password"), le = p(() => z.value ? "text" : l.type), w = p(() => {
       if (!l.noBorder) {
         if (l.error)
           return "maz-border-danger";
@@ -236,51 +236,47 @@ const Xe = ["for"], Ye = {
         }
         return "--default-border";
       }
-    }), q = Oe(), Z = p(() => {
-      const { required: o, placeholder: v } = l;
-      if (v)
-        return o ? `${v} *` : v;
-    }), J = p(() => K.value !== void 0 && K.value !== ""), X = Je(
+    }), U = Oe(), Z = p(() => S.value !== void 0 && S.value !== ""), J = Ze(
       (o) => {
         t("update:model-value", o);
       },
       typeof l.debounce == "number" ? l.debounce : l.debounceDelay ?? 500
     );
-    function T(o) {
+    function X(o) {
       if (l.debounce)
-        return X(o);
+        return J(o);
       t("update:model-value", o);
     }
-    const K = p({
+    const S = p({
       get: () => l.modelValue,
-      set: (o) => T(o)
-    }), Y = p(() => (!!l.label || !!l.hint) && (f.value || !!J.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), U = p(() => !!l.label || !!l.hint);
-    function x() {
-      return !!q["right-icon"] || G.value || !!q["valid-button"] || l.validButton || !!l.rightIcon;
+      set: (o) => X(o)
+    }), D = p(() => (!!l.label || !!l.hint) && (f.value || !!Z.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), Y = p(() => !!l.label || !!l.hint);
+    function q() {
+      return !!U["right-icon"] || G.value || !!U["valid-button"] || l.validButton || !!l.rightIcon;
     }
-    function _() {
-      return !!q["left-icon"] || !!l.leftIcon;
+    function x() {
+      return !!U["left-icon"] || !!l.leftIcon;
     }
-    function B(o) {
+    function _(o) {
       t("focus", o), f.value = !0;
     }
-    function W(o) {
+    function C(o) {
       t("blur", o), f.value = !1;
     }
-    function ae(o) {
+    function W(o) {
       return t("change", o);
     }
-    function ne(o) {
+    function ae(o) {
       return t("input", o);
     }
-    return (o, v) => (m(), k(
+    return (o, h) => (m(), k(
       "div",
       {
         class: M(["m-input", [
           {
             "--is-focused": f.value || o.borderActive,
-            "--should-up": Y.value,
-            "--has-label": U.value,
+            "--should-up": D.value,
+            "--has-label": Y.value,
             "--is-disabled": o.disabled,
             "--is-readonly": o.readonly,
             "--has-z-2": o.error || o.warning || o.success,
@@ -295,44 +291,44 @@ const Xe = ["for"], Ye = {
       [
         o.topLabel ? (m(), k("label", {
           key: 0,
-          for: g(R),
+          for: b(R),
           class: "m-input-top-label"
-        }, Q(o.topLabel), 9, Xe)) : b("v-if", !0),
-        E(
+        }, Q(o.topLabel), 9, Je)) : g("v-if", !0),
+        T(
           "div",
           {
             class: M(["m-input-wrapper m-reset-css", [
               o.inputClasses,
-              I.value,
+              w.value,
               o.roundedSize ? `--rounded-${o.roundedSize}` : { "maz-rounded": !o.noRadius },
               { "--block": o.block }
             ]])
           },
           [
-            _() ? (m(), k("div", Ye, [
-              o.$slots["left-icon"] || o.leftIcon ? H(o.$slots, "left-icon", { key: 0 }, () => [
-                typeof o.leftIcon == "string" ? (m(), $(g(c), {
+            x() ? (m(), k("div", Xe, [
+              o.$slots["left-icon"] || o.leftIcon ? P(o.$slots, "left-icon", { key: 0 }, () => [
+                typeof o.leftIcon == "string" ? (m(), L(b(c), {
                   key: 0,
                   name: o.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (m(), $(ve(o.leftIcon), {
+                }, null, 8, ["name"])) : o.leftIcon ? (m(), L(ve(o.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : b("v-if", !0)
-              ], !0) : b("v-if", !0)
-            ])) : b("v-if", !0),
-            E(
+                })) : g("v-if", !0)
+              ], !0) : g("v-if", !0)
+            ])) : g("v-if", !0),
+            T(
               "div",
               {
                 class: M(["m-input-wrapper-input", [`--${o.size}`, { "--top-label": !!o.topLabel }]])
               },
               [
-                ge(E("input", ze({ id: g(R) }, o.$attrs, {
+                ge(T("input", ze({ id: b(R) }, o.$attrs, {
                   ref_key: "input",
-                  ref: N,
-                  "onUpdate:modelValue": v[0] || (v[0] = (C) => K.value = C),
+                  ref: O,
+                  "onUpdate:modelValue": h[0] || (h[0] = (V) => S.value = V),
                   name: o.name,
-                  placeholder: Z.value,
+                  placeholder: o.placeholder,
                   "aria-label": o.label || o.placeholder,
                   type: le.value,
                   inputmode: o.inputmode,
@@ -341,15 +337,15 @@ const Xe = ["for"], Ye = {
                   autocomplete: o.autocomplete,
                   required: o.required,
                   class: "m-input-input"
-                }, Ne({
-                  blur: W,
-                  focus: B,
-                  change: ae,
-                  input: ne
+                }, De({
+                  blur: C,
+                  focus: _,
+                  change: W,
+                  input: ae
                 }, !0), {
-                  onClick: v[1] || (v[1] = (C) => o.$emit("click", C))
-                }), null, 16, xe), [
-                  [De, K.value]
+                  onClick: h[1] || (h[1] = (V) => o.$emit("click", V))
+                }), null, 16, Ye), [
+                  [Fe, S.value]
                 ]),
                 o.label || o.hint ? (m(), k(
                   "span",
@@ -363,53 +359,46 @@ const Xe = ["for"], Ye = {
                       }
                     ]])
                   },
-                  [
-                    Fe(
-                      Q(o.hint || o.label) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    o.required ? (m(), k("sup", _e, "*")) : b("v-if", !0)
-                  ],
-                  2
-                  /* CLASS */
-                )) : b("v-if", !0)
+                  Q(o.hint || o.label),
+                  3
+                  /* TEXT, CLASS */
+                )) : g("v-if", !0)
               ],
               2
               /* CLASS */
             ),
-            x() ? (m(), k("div", et, [
-              o.$slots["right-icon"] || o.rightIcon ? H(o.$slots, "right-icon", { key: 0 }, () => [
-                typeof o.rightIcon == "string" ? (m(), $(g(c), {
+            q() ? (m(), k("div", xe, [
+              o.$slots["right-icon"] || o.rightIcon ? P(o.$slots, "right-icon", { key: 0 }, () => [
+                typeof o.rightIcon == "string" ? (m(), L(b(c), {
                   key: 0,
                   name: o.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (m(), $(ve(o.rightIcon), {
+                }, null, 8, ["name"])) : o.rightIcon ? (m(), L(ve(o.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : b("v-if", !0)
-              ], !0) : b("v-if", !0),
-              G.value ? (m(), $(g(s), {
+                })) : g("v-if", !0)
+              ], !0) : g("v-if", !0),
+              G.value ? (m(), L(b(s), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: v[2] || (v[2] = F((C) => z.value = !z.value, ["stop"]))
+                onClick: h[2] || (h[2] = N((V) => z.value = !z.value, ["stop"]))
               }, {
                 default: te(() => [
-                  z.value ? (m(), $(g(y), {
+                  z.value ? (m(), L(b(v), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (m(), $(g(S), {
+                  })) : (m(), L(b(A), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : b("v-if", !0),
-              o.$slots["valid-button"] || o.validButton ? H(o.$slots, "valid-button", { key: 2 }, () => [
-                P(g(s), {
+              })) : g("v-if", !0),
+              o.$slots["valid-button"] || o.validButton ? P(o.$slots, "valid-button", { key: 2 }, () => [
+                H(b(s), {
                   color: "transparent",
                   disabled: o.disabled,
                   tabindex: "-1",
@@ -419,13 +408,13 @@ const Xe = ["for"], Ye = {
                   type: "submit"
                 }, {
                   default: te(() => [
-                    P(g(O), { class: "maz-text-2xl maz-text-normal" })
+                    H(b(E), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : b("v-if", !0)
-            ])) : b("v-if", !0)
+              ], !0) : g("v-if", !0)
+            ])) : g("v-if", !0)
           ],
           2
           /* CLASS */
@@ -446,7 +435,7 @@ const Xe = ["for"], Ye = {
           Q(o.assistiveText),
           3
           /* TEXT, CLASS */
-        )) : b("v-if", !0)
+        )) : g("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
@@ -457,11 +446,11 @@ const Xe = ["for"], Ye = {
   for (const [t, s] of r)
     l[t] = s;
   return l;
-}, he = /* @__PURE__ */ Se(tt, [["__scopeId", "data-v-04e832e5"]]), ot = ["aria-label"], lt = { class: "m-select-list__no-results" }, at = {
+}, be = /* @__PURE__ */ Se(_e, [["__scopeId", "data-v-8def99c5"]]), et = ["aria-label"], tt = { class: "m-select-list__no-results" }, ot = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, nt = { class: "m-select-list-optgroup" }, st = ["onClick"], it = /* @__PURE__ */ be({
+}, lt = { class: "m-select-list-optgroup" }, at = ["onClick"], nt = /* @__PURE__ */ he({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -495,22 +484,22 @@ const Xe = ["for"], Ye = {
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(u, { expose: r, emit: l }) {
-    const t = u, s = l, c = L(() => import("./MazCheckbox-DJi0g4uK.mjs")), y = L(() => import("./magnifying-glass--nBiyXot.mjs")), S = L(() => import("./chevron-down-BkvtON3b.mjs")), O = L(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = u, s = l, c = B(() => import("./MazCheckbox-B8Rnqa6O.mjs")), v = B(() => import("./magnifying-glass--nBiyXot.mjs")), A = B(() => import("./chevron-down-BkvtON3b.mjs")), E = B(() => import("./no-symbol-CIgKzsrB.mjs"));
     r({
       /** Method to open the option list */
       openList: j,
       /** Method to close the option list */
-      closeList: D
+      closeList: F
     });
-    const z = V(!1), f = V(), N = p(
+    const z = I(!1), f = I(), O = p(
       () => ["black", "transparent", "white"].includes(t.color)
     ), R = p(
-      () => N.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+      () => O.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
     ), G = p(
-      () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
+      () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), le = p(
-      () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = p(() => z.value || t.open), q = ke({
+      () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), w = p(() => z.value || t.open), U = ke({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -542,25 +531,25 @@ const Xe = ["for"], Ye = {
         ) : a.push(J(n));
       return a;
     }
-    const T = p(() => X(t.options ?? [])), K = p(
+    const S = p(() => X(t.options ?? [])), D = p(
       () => {
         var e;
-        return ((e = T.value) == null ? void 0 : e.filter((a) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(a[t.optionValueKey]) && !B(a[t.optionValueKey]) : !1 : t.modelValue === a[t.optionValueKey] && !B(a[t.optionValueKey]))) ?? [];
+        return ((e = S.value) == null ? void 0 : e.filter((a) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(a[t.optionValueKey]) && !C(a[t.optionValueKey]) : !1 : t.modelValue === a[t.optionValueKey] && !C(a[t.optionValueKey]))) ?? [];
       }
     );
-    Pe(() => {
+    Ne(() => {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ie();
     });
-    const Y = V(), U = V(), x = V(), _ = V();
-    function B(e) {
+    const Y = I(), q = I(), x = I(), _ = I();
+    function C(e) {
       return e == null;
     }
     function W(e) {
       var n;
-      return (((n = K.value) == null ? void 0 : n.some(
+      return (((n = D.value) == null ? void 0 : n.some(
         (i) => i[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !B(e[t.optionValueKey]);
+      )) ?? !1) && !C(e[t.optionValueKey]);
     }
     const ae = p(() => {
       var a;
@@ -568,30 +557,30 @@ const Xe = ["for"], Ye = {
         return t.modelValue.map(
           (n) => {
             var i, d;
-            return (d = (i = T.value) == null ? void 0 : i.find((h) => h[t.optionValueKey] === n)) == null ? void 0 : d[t.optionInputValueKey];
+            return (d = (i = S.value) == null ? void 0 : i.find((y) => y[t.optionValueKey] === n)) == null ? void 0 : d[t.optionInputValueKey];
           }
         ).join(", ");
-      const e = (a = T.value) == null ? void 0 : a.find(
+      const e = (a = S.value) == null ? void 0 : a.find(
         (n) => n[t.optionValueKey] === t.modelValue
       );
-      return B(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), ne = p(
+      return C(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
+    }), o = p(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), o = V(""), v = V("");
-    function C(e, a) {
+    ), h = I(""), V = I("");
+    function ne(e, a) {
       return a && e && oe(e).includes(oe(a));
     }
     function de(e) {
       var a;
-      return e ? (a = T.value) == null ? void 0 : a.filter((n) => {
-        const i = n[t.optionLabelKey], d = n[t.optionValueKey], h = n[t.optionInputValueKey], w = t.searchThreshold;
-        return C(i, e) || C(h, e) || C(d, e) || typeof i == "string" && re(i, e, w).isMatching.value || typeof h == "string" && re(h, e, w).isMatching.value || typeof d == "string" && re(d, e, w).isMatching.value;
-      }) : T.value;
+      return e ? (a = S.value) == null ? void 0 : a.filter((n) => {
+        const i = n[t.optionLabelKey], d = n[t.optionValueKey], y = n[t.optionInputValueKey], K = t.searchThreshold;
+        return ne(i, e) || ne(y, e) || ne(d, e) || typeof i == "string" && re(i, e, K).isMatching.value || typeof y == "string" && re(y, e, K).isMatching.value || typeof d == "string" && re(d, e, K).isMatching.value;
+      }) : S.value;
     }
-    const A = p(() => t.searchFunction && t.search && o.value ? X(t.searchFunction(o.value, t.options ?? []) ?? []) : de(o.value));
-    async function D(e) {
+    const $ = p(() => t.searchFunction && t.search && h.value ? X(t.searchFunction(h.value, t.options ?? []) ?? []) : de(h.value));
+    async function F(e) {
       var n, i;
-      if (!I.value)
+      if (!w.value)
         return;
       if (e && ("relatedTarget" in e && ((n = Y.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
@@ -601,31 +590,31 @@ const Xe = ["for"], Ye = {
       await ue(), z.value = !1, f.value = 0, s("close", e);
     }
     async function j(e) {
-      t.disabled || I.value || (e == null || e.preventDefault(), z.value = !0, await se(), s("focus", e), s("open", z.value));
+      t.disabled || w.value || (e == null || e.preventDefault(), z.value = !0, await se(), s("focus", e), s("open", z.value));
     }
     function pe() {
       var e, a;
-      (a = ((e = U.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
+      (a = ((e = q.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
     }
     function Ke() {
       var e, a;
-      (a = ((e = U.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
+      (a = ((e = q.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
     }
     function Ae(e) {
-      z.value ? D(e) : pe();
+      z.value ? F(e) : pe();
     }
     function $e(e) {
       var a, n;
-      o.value = e, (n = ((a = x.value) == null ? void 0 : a.$el).querySelector("input")) == null || n.focus();
+      h.value = e, (n = ((a = x.value) == null ? void 0 : a.$el).querySelector("input")) == null || n.focus();
     }
     function Le(e) {
       var n;
-      e === "Backspace" && v.value.length > 0 ? v.value = v.value.slice(0, -1) : v.value += e;
-      const a = de(v.value);
-      a != null && a.length && (f.value = (n = A.value) == null ? void 0 : n.findIndex(
+      e === "Backspace" && V.value.length > 0 ? V.value = V.value.slice(0, -1) : V.value += e;
+      const a = de(V.value);
+      a != null && a.length && (f.value = (n = $.value) == null ? void 0 : n.findIndex(
         (i) => i[t.optionValueKey] === a[0][t.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && se(f.value)), Ze(() => {
-        v.value = "";
+      ), typeof f.value == "number" && f.value >= 0 && se(f.value)), Ge(() => {
+        V.value = "";
       }, 1e3);
     }
     function Be(e) {
@@ -633,24 +622,24 @@ const Xe = ["for"], Ye = {
       /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (e.preventDefault(), j(e), t.search ? $e(a) : Le(a)) : fe(e);
     }
     function fe(e, a = !0) {
-      const n = e.code, i = ["ArrowUp", "ArrowDown"].includes(n), d = (a ? ["Enter", "Space"] : ["Enter"]).includes(n), h = n === "Escape" && I.value;
-      i ? Ce(e, f.value) : d ? Me(e, f.value) : h && D(e);
+      const n = e.code, i = ["ArrowUp", "ArrowDown"].includes(n), d = (a ? ["Enter", "Space"] : ["Enter"]).includes(n), y = n === "Escape" && w.value;
+      i ? Ce(e, f.value) : d ? Me(e, f.value) : y && F(e);
     }
     function Ce(e, a) {
       var d;
       e.preventDefault();
       const n = e.code;
-      I.value || j(e);
-      const i = (d = A.value) == null ? void 0 : d.length;
+      w.value || j(e);
+      const i = (d = $.value) == null ? void 0 : d.length;
       i && (typeof a == "number" ? a === i - 1 && n === "ArrowDown" ? f.value = 0 : a === 0 && n === "ArrowUp" ? f.value = i - 1 : f.value = n === "ArrowDown" ? a + 1 : a - 1 : f.value = n === "ArrowDown" ? 0 : i - 1, se(f.value));
     }
     function Me(e, a) {
-      var i, d, h;
-      if (!I.value)
+      var i, d, y;
+      if (!w.value)
         return;
       e.preventDefault();
-      const n = a ? ((i = A.value) == null ? void 0 : i[a]) ?? ((d = A.value) == null ? void 0 : d[0]) : (h = A.value) == null ? void 0 : h[0];
-      B(n) || me(n);
+      const n = a ? ((i = $.value) == null ? void 0 : i[a]) ?? ((d = $.value) == null ? void 0 : d[0]) : (y = $.value) == null ? void 0 : y[0];
+      C(n) || me(n);
     }
     async function se(e) {
       var n, i;
@@ -667,23 +656,23 @@ const Xe = ["for"], Ye = {
     }
     function ie(e) {
       var n;
-      const a = (n = A.value) == null ? void 0 : n.findIndex((i) => {
-        var d, h;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((h = (d = K.value) == null ? void 0 : d[0]) == null ? void 0 : h[t.optionValueKey]) === i[t.optionValueKey];
+      const a = (n = $.value) == null ? void 0 : n.findIndex((i) => {
+        var d, y;
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((y = (d = D.value) == null ? void 0 : d[0]) == null ? void 0 : y[t.optionValueKey]) === i[t.optionValueKey];
       });
       f.value = a && a >= 0 ? a : 0;
     }
     function me(e, a = !0) {
-      var h;
-      a && !t.multiple && ue(() => D()), o.value = "";
-      const n = (h = K.value) == null ? void 0 : h.some(
-        (w) => w[t.optionValueKey] === e[t.optionValueKey]
+      var y;
+      a && !t.multiple && ue(() => F()), h.value = "";
+      const n = (y = D.value) == null ? void 0 : y.some(
+        (K) => K[t.optionValueKey] === e[t.optionValueKey]
       );
-      let i = K.value;
+      let i = D.value;
       n && t.multiple ? i = i == null ? void 0 : i.filter(
-        (w) => w[t.optionValueKey] !== e[t.optionValueKey]
+        (K) => K[t.optionValueKey] !== e[t.optionValueKey]
       ) : t.multiple ? i.push(e) : i = [e];
-      const d = i.map((w) => w[t.optionValueKey]);
+      const d = i.map((K) => K[t.optionValueKey]);
       s("update:model-value", t.multiple ? d : d[0]), s("selected-option", e), Ke(), ie(e), pe();
     }
     return (e, a) => ge((m(), k(
@@ -692,17 +681,17 @@ const Xe = ["for"], Ye = {
         ref_key: "mazSelectElement",
         ref: Y,
         class: M(["m-select m-reset-css", [
-          { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
+          { "--is-open": w.value, "--disabled": e.disabled, "--block": e.block },
           t.class,
           `--${e.size}`
         ]]),
         style: ee([e.style, { "--keyboard-selected-bg-color": le.value, "--selected-bg-color": G.value, "--selected-text-color": R.value }])
       },
       [
-        P(he, ze({
-          id: g(q),
+        H(be, ze({
+          id: b(U),
           ref_key: "mazInputComponent",
-          ref: U,
+          ref: q,
           class: "m-select-input"
         }, e.$attrs, {
           required: e.required,
@@ -713,30 +702,30 @@ const Xe = ["for"], Ye = {
           block: "",
           autocomplete: e.autocomplete,
           disabled: e.disabled,
-          onFocus: F(j, ["prevent", "stop"]),
-          onBlur: F(D, ["prevent", "stop"]),
-          onClick: F(j, ["prevent", "stop"]),
+          onFocus: N(j, ["prevent", "stop"]),
+          onBlur: N(F, ["prevent", "stop"]),
+          onClick: N(j, ["prevent", "stop"]),
           onChange: a[0] || (a[0] = (n) => s("change", n)),
           onInput: a[1] || (a[1] = (n) => s("input", n)),
           onKeydown: Be
         }), {
           "right-icon": te(() => [
-            E("button", {
+            T("button", {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
-              "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-              onClick: F(Ae, ["stop"])
+              "aria-label": `${w.value ? "collapse" : "expand"} list of options`,
+              onClick: N(Ae, ["stop"])
             }, [
-              P(g(S), { class: "m-select-chevron maz-text-xl" })
-            ], 8, ot)
+              H(b(A), { class: "m-select-chevron maz-text-xl" })
+            ], 8, et)
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-        P(He, { name: ne.value }, {
+        H(He, { name: o.value }, {
           default: te(() => [
-            I.value ? (m(), k(
+            w.value ? (m(), k(
               "div",
               {
                 key: 0,
@@ -756,13 +745,13 @@ const Xe = ["for"], Ye = {
                 })
               },
               [
-                e.search ? (m(), $(he, {
+                e.search ? (m(), L(be, {
                   key: 0,
                   ref_key: "searchInputComponent",
                   ref: x,
-                  modelValue: o.value,
+                  modelValue: h.value,
                   "onUpdate:modelValue": [
-                    a[2] || (a[2] = (n) => o.value = n),
+                    a[2] || (a[2] = (n) => h.value = n),
                     a[4] || (a[4] = (n) => f.value = 0)
                   ],
                   size: "sm",
@@ -774,28 +763,28 @@ const Xe = ["for"], Ye = {
                   autocomplete: "off",
                   tabindex: "-1",
                   class: "m-select-list__search-input maz-flex-none",
-                  "left-icon": g(y),
+                  "left-icon": b(v),
                   onKeydown: a[3] || (a[3] = (n) => fe(n, !1))
-                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : b("v-if", !0),
-                !A.value || A.value.length <= 0 ? H(e.$slots, "no-results", { key: 1 }, () => [
-                  E("span", lt, [
-                    P(g(O), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : g("v-if", !0),
+                !$.value || $.value.length <= 0 ? P(e.$slots, "no-results", { key: 1 }, () => [
+                  T("span", tt, [
+                    H(b(E), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (m(), k("div", at, [
+                ], !0) : (m(), k("div", ot, [
                   (m(!0), k(
                     ye,
                     null,
-                    qe(A.value, (n, i) => (m(), k(
+                    Pe($.value, (n, i) => (m(), k(
                       ye,
                       { key: i },
                       [
-                        n.label && n.isOptGroup ? H(e.$slots, "optgroup", {
+                        n.label && n.isOptGroup ? P(e.$slots, "optgroup", {
                           key: 0,
                           label: n.label
                         }, () => [
-                          E(
+                          T(
                             "span",
-                            nt,
+                            lt,
                             Q(n.label),
                             1
                             /* TEXT */
@@ -808,24 +797,24 @@ const Xe = ["for"], Ye = {
                             {
                               "--is-keyboard-selected": f.value === i,
                               "--is-selected": W(n),
-                              "--is-none-value": B(n[e.optionValueKey])
+                              "--is-none-value": C(n[e.optionValueKey])
                             }
                           ]]),
                           style: ee(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: F((d) => me(n), ["prevent", "stop"])
+                          onClick: N((d) => me(n), ["prevent", "stop"])
                         }, [
-                          e.multiple ? (m(), $(g(c), {
+                          e.multiple ? (m(), L(b(c), {
                             key: 0,
                             tabindex: "-1",
                             "model-value": W(n),
                             size: "sm",
                             color: e.color
-                          }, null, 8, ["model-value", "color"])) : b("v-if", !0),
-                          H(e.$slots, "default", {
+                          }, null, 8, ["model-value", "color"])) : g("v-if", !0),
+                          P(e.$slots, "default", {
                             option: n,
                             isSelected: W(n)
                           }, () => [
-                            E(
+                            T(
                               "span",
                               null,
                               Q(n[e.optionLabelKey]),
@@ -833,7 +822,7 @@ const Xe = ["for"], Ye = {
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, st))
+                        ], 14, at))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -845,7 +834,7 @@ const Xe = ["for"], Ye = {
               ],
               6
               /* CLASS, STYLE */
-            )) : b("v-if", !0)
+            )) : g("v-if", !0)
           ]),
           _: 3
           /* FORWARDED */
@@ -854,15 +843,15 @@ const Xe = ["for"], Ye = {
       6
       /* CLASS, STYLE */
     )), [
-      [g(Ge), {
+      [b(Re), {
         exclude: e.excludeSelectors,
-        handler: D
+        handler: F
       }]
     ]);
   }
-}), rt = /* @__PURE__ */ Se(it, [["__scopeId", "data-v-98157b75"]]);
+}), it = /* @__PURE__ */ Se(nt, [["__scopeId", "data-v-98157b75"]]);
 export {
-  rt as M,
+  it as M,
   Se as _,
   ke as u
 };