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

package/components/chunks/{MazSelect-CQDoUpgp.mjs → MazSelect-BJ07NVXQ.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, createCommentVNode as v, renderSlot as U, createBlock as K, unref as g, resolveDynamicComponent as me, 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 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 '../assets/MazSelect.css';function ze({
   componentName: u,
   providedId: r
@@ -72,28 +72,28 @@ function ee(u, r) {
       s = s.normalize(d);
   return s;
 }
-function je(u, r) {
+function We(u, r) {
   const l = u.length, t = r.length, s = [];
   for (let d = 0; d <= l; d++)
     s[d] = [d];
   for (let d = 0; d <= t; d++)
     s[0][d] = d;
   for (let d = 1; d <= l; d++)
-    for (let h = 1; h <= t; h++) {
-      const $ = u[d - 1] === r[h - 1] ? 0 : 1;
-      s[d][h] = Math.min(
-        s[d - 1][h] + 1,
-        s[d][h - 1] + 1,
-        s[d - 1][h - 1] + $
+    for (let y = 1; y <= t; y++) {
+      const $ = u[d - 1] === r[y - 1] ? 0 : 1;
+      s[d][y] = Math.min(
+        s[d - 1][y] + 1,
+        s[d][y - 1] + 1,
+        s[d - 1][y - 1] + $
       );
     }
   return s[l][t];
 }
 function Ve(u, r) {
-  const l = je(u, r), t = Math.max(u.length, r.length);
+  const l = We(u, r), t = Math.max(u.length, r.length);
   return 1 - l / t;
 }
-function We(u, r, l = 0.75) {
+function je(u, r, l = 0.75) {
   return Ve(u, r) >= l;
 }
 function ue(u, r, l = 0.75) {
@@ -101,24 +101,24 @@ function ue(u, r, l = 0.75) {
     () => ee(typeof u == "string" ? u : u.value)
   ), s = p(
     () => ee(typeof r == "string" ? r : r.value)
-  ), d = p(() => typeof l == "number" ? l : l.value), h = p(() => Ve(t.value, s.value));
+  ), d = p(() => typeof l == "number" ? l : l.value), y = p(() => Ve(t.value, s.value));
   return {
     isMatching: p(
-      () => We(t.value, s.value, d.value)
+      () => je(t.value, s.value, d.value)
     ),
-    score: h
+    score: y
   };
 }
 function ke(u, r, l) {
-  var h;
+  var y;
   u.stopPropagation();
   const t = typeof l.value == "function" ? l.value : l.value.handler, s = typeof l.value == "object" ? l.value.exclude : void 0;
   let d = !1;
   if (s && s.length > 0) {
     for (const $ of s)
       if (!d && u.target instanceof HTMLElement) {
-        const j = (h = document.querySelector($)) == null ? void 0 : h.getAttribute("id");
-        d = u.target.getAttribute("id") === j;
+        const W = (y = document.querySelector($)) == null ? void 0 : y.getAttribute("id");
+        d = u.target.getAttribute("id") === W;
       }
   }
   !r.contains(u.target) && !d && (t == null || t());
@@ -126,11 +126,11 @@ function ke(u, r, l) {
 function Ie() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function Re(u, r) {
+function Qe(u, r) {
   const l = Ie();
   document.removeEventListener(l, (t) => ke(t, u, r));
 }
-function Qe(u, r) {
+function Re(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;
@@ -139,8 +139,8 @@ function Qe(u, r) {
   document.addEventListener(l, (t) => ke(t, u, r));
 }
 const Ge = {
-  mounted: Qe,
-  unmounted: Re
+  mounted: Re,
+  unmounted: Qe
 };
 function Ze(u, r) {
   let l;
@@ -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-GGcGrIH4.mjs")), d = A(() => import("./MazIcon-BbvBov5G.mjs")), h = A(() => import("./eye-slash-BoO00xzs.mjs")), $ = A(() => import("./eye-f8zAUc30.mjs")), j = 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-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({
       componentName: "MazInput",
       providedId: l.id
     });
@@ -240,10 +240,10 @@ const Xe = {
         }
         return "--default-border";
       }
-    }), W = Ee(), Z = p(() => {
-      const { required: o, placeholder: b } = l;
-      if (b)
-        return o ? `${b} *` : b;
+    }), j = Ee(), Z = p(() => {
+      const { required: o, placeholder: h } = l;
+      if (h)
+        return o ? `${h} *` : h;
     }), J = p(() => L.value !== void 0 && L.value !== ""), C = Ze(
       (o) => {
         t("update:model-value", o);
@@ -258,32 +258,32 @@ const Xe = {
     const L = p({
       get: () => l.modelValue,
       set: (o) => D(o)
-    }), R = p(() => (!!l.label || !!l.hint) && (f.value || !!J.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), X = p(() => !!l.label || !!l.hint);
+    }), Q = 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 !!W["right-icon"] || G.value || !!W["valid-button"] || l.validButton || !!l.rightIcon;
+      return !!j["right-icon"] || G.value || !!j["valid-button"] || l.validButton || !!l.rightIcon;
     }
     function B() {
-      return !!W["left-icon"] || !!l.leftIcon;
+      return !!j["left-icon"] || !!l.leftIcon;
     }
-    function Q(o) {
+    function R(o) {
       t("focus", o), f.value = !0;
     }
     function le(o) {
       t("blur", o), f.value = !1;
     }
-    function ne(o) {
+    function ae(o) {
       return t("change", o);
     }
     function M(o) {
       return t("input", o);
     }
-    return (o, b) => (m(), k(
+    return (o, h) => (m(), k(
       "div",
       {
         class: q(["m-input", [
           {
             "--is-focused": f.value || o.borderActive,
-            "--should-up": R.value,
+            "--should-up": Q.value,
             "--has-label": X.value,
             "--is-disabled": o.disabled,
             "--is-readonly": o.readonly,
@@ -309,26 +309,23 @@ const Xe = {
           },
           [
             B() ? (m(), k("div", Xe, [
-              v(`
-          @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" ? (m(), K(g(d), {
+                typeof o.leftIcon == "string" ? (m(), K(b(d), {
                   key: 0,
                   name: o.leftIcon,
                   class: "maz-text-xl maz-text-muted"
                 }, null, 8, ["name"])) : o.leftIcon ? (m(), K(me(o.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : v("v-if", !0)
-              ], !0) : v("v-if", !0)
-            ])) : v("v-if", !0),
+                })) : g("v-if", !0)
+              ], !0) : g("v-if", !0)
+            ])) : g("v-if", !0),
             E("div", Ye, [
               be(E("input", ge({
-                id: g(te),
+                id: b(te),
                 ref_key: "input",
                 ref: O,
-                "onUpdate:modelValue": b[0] || (b[0] = (T) => L.value = T),
+                "onUpdate:modelValue": h[0] || (h[0] = (T) => L.value = T),
                 type: oe.value,
                 name: o.name
               }, o.$attrs, {
@@ -341,11 +338,11 @@ const Xe = {
                 class: "m-input-input"
               }, Oe({
                 blur: le,
-                focus: Q,
-                change: ne,
+                focus: R,
+                change: ae,
                 input: M
               }, !0), {
-                onClick: b[1] || (b[1] = (T) => o.$emit("click", T))
+                onClick: h[1] || (h[1] = (T) => o.$emit("click", T))
               }), null, 16, xe), [
                 [De, L.value]
               ]),
@@ -367,50 +364,44 @@ const Xe = {
                     1
                     /* TEXT */
                   ),
-                  o.required ? (m(), k("sup", _e, "*")) : v("v-if", !0)
+                  o.required ? (m(), k("sup", _e, "*")) : g("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : v("v-if", !0)
+              )) : g("v-if", !0)
             ]),
             Y() ? (m(), k("div", et, [
-              v(`
-          @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" ? (m(), K(g(d), {
+                typeof o.rightIcon == "string" ? (m(), K(b(d), {
                   key: 0,
                   name: o.rightIcon,
                   class: "maz-text-xl maz-text-muted"
                 }, null, 8, ["name"])) : o.rightIcon ? (m(), K(me(o.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : v("v-if", !0)
-              ], !0) : v("v-if", !0),
-              G.value ? (m(), K(g(s), {
+                })) : g("v-if", !0)
+              ], !0) : g("v-if", !0),
+              G.value ? (m(), K(b(s), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: b[2] || (b[2] = F((T) => z.value = !z.value, ["stop"]))
+                onClick: h[2] || (h[2] = F((T) => z.value = !z.value, ["stop"]))
               }, {
                 default: _(() => [
-                  z.value ? (m(), K(g(h), {
+                  z.value ? (m(), K(b(y), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (m(), K(g($), {
+                  })) : (m(), K(b($), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : v("v-if", !0),
-              v(`
-          @slot valid-button - Replace the valid button by your own
-        `),
+              })) : g("v-if", !0),
               o.$slots["valid-button"] || o.validButton ? U(o.$slots, "valid-button", { key: 2 }, () => [
-                H(g(s), {
+                H(b(s), {
                   color: "transparent",
                   disabled: o.disabled,
                   tabindex: "-1",
@@ -420,13 +411,13 @@ const Xe = {
                   type: "submit"
                 }, {
                   default: _(() => [
-                    H(g(j), { class: "maz-text-2xl maz-text-normal" })
+                    H(b(W), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : v("v-if", !0)
-            ])) : v("v-if", !0)
+              ], !0) : g("v-if", !0)
+            ])) : g("v-if", !0)
           ],
           2
           /* CLASS */
@@ -436,11 +427,11 @@ const Xe = {
       /* CLASS, STYLE */
     ));
   }
-}), ye = /* @__PURE__ */ we(tt, [["__scopeId", "data-v-c42aaa7f"]]), ot = ["aria-label"], lt = { class: "m-select-list__no-results" }, nt = {
+}), ye = /* @__PURE__ */ we(tt, [["__scopeId", "data-v-c42aaa7f"]]), ot = ["aria-label"], lt = { class: "m-select-list__no-results" }, at = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, at = { class: "m-select-list-optgroup" }, it = ["onClick"], st = /* @__PURE__ */ he({
+}, nt = { class: "m-select-list-optgroup" }, it = ["onClick"], st = /* @__PURE__ */ he({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -478,7 +469,7 @@ const Xe = {
       "215ff493": te.value,
       "64d6cfbb": G.value
     }));
-    const t = u, s = l, d = A(() => import("./MazCheckbox-Cq9gpTEw.mjs")), h = A(() => import("./magnifying-glass--nBiyXot.mjs")), $ = A(() => import("./chevron-down-BkvtON3b.mjs")), j = A(() => import("./no-symbol-CIgKzsrB.mjs"));
+    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"));
     r({
       /** Method to open the option list */
       openList: P,
@@ -493,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), W = ze({
+    ), I = p(() => z.value || t.open), j = ze({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -513,134 +504,134 @@ const Xe = {
       };
     }
     const C = p(() => {
-      var n;
+      var a;
       const e = [];
-      if (!((n = t.options) != null && n.length))
+      if (!((a = t.options) != null && a.length))
         return [];
       for (const i of t.options)
         typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? e.push(Z(i)) : typeof i == "object" && "options" in i && Array.isArray(i.options) ? e.push(
           { label: i.label, isOptGroup: !0 },
           ...i.options.map(
-            (a) => typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? Z(a) : J(a)
+            (n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? Z(n) : J(n)
           )
         ) : e.push(J(i));
       return e;
     }), D = p(
       () => {
         var e;
-        return ((e = C.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !B(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !B(n[t.optionValueKey]))) ?? [];
+        return ((e = C.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]))) ?? [];
       }
     );
     Fe(() => {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ie();
     });
-    const L = V(), R = V(), X = V(), Y = V();
+    const L = V(), Q = V(), X = V(), Y = V();
     function B(e) {
       return e == null;
     }
-    function Q(e) {
+    function R(e) {
       var i;
       return (((i = D.value) == null ? void 0 : i.some(
-        (a) => a[t.optionValueKey] === e[t.optionValueKey]
+        (n) => n[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !B(e[t.optionValueKey]);
     }
     const le = p(() => {
-      var n;
+      var a;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
           (i) => {
-            var a, c;
-            return (c = (a = C.value) == null ? void 0 : a.find((y) => y[t.optionValueKey] === i)) == null ? void 0 : c[t.optionInputValueKey];
+            var n, c;
+            return (c = (n = C.value) == null ? void 0 : n.find((v) => v[t.optionValueKey] === i)) == null ? void 0 : c[t.optionInputValueKey];
           }
         ).join(", ");
-      const e = (n = C.value) == null ? void 0 : n.find(
+      const e = (a = C.value) == null ? void 0 : a.find(
         (i) => i[t.optionValueKey] === t.modelValue
       );
       return B(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), ne = p(
+    }), ae = p(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
     ), M = V(""), o = V("");
-    function b(e, n) {
-      return n && e && ee(e).includes(ee(n));
+    function h(e, a) {
+      return a && e && ee(e).includes(ee(a));
     }
     function T(e) {
-      var n;
-      return e ? (n = C.value) == null ? void 0 : n.filter((i) => {
-        const a = i[t.optionLabelKey], c = i[t.optionValueKey], y = i[t.optionInputValueKey], w = t.searchThreshold;
-        return b(a, e) || b(y, e) || b(c, e) || typeof a == "string" && ue(a, e, w).isMatching.value || typeof y == "string" && ue(y, e, w).isMatching.value || typeof c == "string" && ue(c, e, w).isMatching.value;
+      var a;
+      return e ? (a = C.value) == null ? void 0 : a.filter((i) => {
+        const n = i[t.optionLabelKey], c = i[t.optionValueKey], v = i[t.optionInputValueKey], w = t.searchThreshold;
+        return h(n, e) || h(v, e) || h(c, e) || typeof n == "string" && ue(n, e, w).isMatching.value || typeof v == "string" && ue(v, e, w).isMatching.value || typeof c == "string" && ue(c, e, w).isMatching.value;
       }) : C.value;
     }
     const S = p(() => T(M.value));
     async function N(e) {
-      var i, a;
+      var i, n;
       if (!I.value)
         return;
       if (e && ("relatedTarget" in e && ((i = L.value) != null && i.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
-      const n = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
-      if ((a = t.excludeSelectors) != null && a.includes(`#${n}`))
+      const a = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
+      if ((n = t.excludeSelectors) != null && n.includes(`#${a}`))
         return e == null ? void 0 : e.preventDefault();
       await se(), z.value = !1, f.value = 0, s("close", e);
     }
     async function P(e) {
-      t.disabled || I.value || (e == null || e.preventDefault(), z.value = !0, await ae(), s("focus", e), s("open", z.value));
+      t.disabled || I.value || (e == null || e.preventDefault(), z.value = !0, await ne(), s("focus", e), s("open", z.value));
     }
     function ce() {
-      var e, n;
-      (n = ((e = R.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.focus();
+      var e, a;
+      (a = ((e = Q.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
     }
     function Se() {
-      var e, n;
-      (n = ((e = R.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.dispatchEvent(new Event("input"));
+      var e, a;
+      (a = ((e = Q.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
     }
     function Ke(e) {
       z.value ? N(e) : ce();
     }
     function Ae(e) {
-      var n, i;
-      M.value = e, (i = ((n = X.value) == null ? void 0 : n.$el).querySelector("input")) == null || i.focus();
+      var a, i;
+      M.value = e, (i = ((a = X.value) == null ? void 0 : a.$el).querySelector("input")) == null || i.focus();
     }
     function $e(e) {
       var i;
       e === "Backspace" && o.value.length > 0 ? o.value = o.value.slice(0, -1) : o.value += e;
-      const n = T(o.value);
-      n != null && n.length && (f.value = (i = S.value) == null ? void 0 : i.findIndex(
-        (a) => a[t.optionValueKey] === n[0][t.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && ae(f.value)), Je(() => {
+      const a = T(o.value);
+      a != null && a.length && (f.value = (i = S.value) == null ? void 0 : i.findIndex(
+        (n) => n[t.optionValueKey] === a[0][t.optionValueKey]
+      ), typeof f.value == "number" && f.value >= 0 && ne(f.value)), Je(() => {
         o.value = "";
       }, 1e3);
     }
     function Be(e) {
-      const n = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), P(e), t.search ? Ae(n) : $e(n)) : pe(e);
+      const a = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (e.preventDefault(), P(e), t.search ? Ae(a) : $e(a)) : pe(e);
     }
-    function pe(e, n = !0) {
-      const i = e.code, a = ["ArrowUp", "ArrowDown"].includes(i), c = (n ? ["Enter", "Space"] : ["Enter"]).includes(i), y = i === "Escape" && I.value;
-      a ? Ce(e, f.value) : c ? Le(e, f.value) : y && N(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;
+      n ? Ce(e, f.value) : c ? Le(e, f.value) : v && N(e);
     }
-    function Ce(e, n) {
+    function Ce(e, a) {
       var c;
       e.preventDefault();
       const i = e.code;
       I.value || P(e);
-      const a = (c = S.value) == null ? void 0 : c.length;
-      a && (typeof n == "number" ? n === a - 1 && i === "ArrowDown" ? f.value = 0 : n === 0 && i === "ArrowUp" ? f.value = a - 1 : f.value = i === "ArrowDown" ? n + 1 : n - 1 : f.value = i === "ArrowDown" ? 0 : a - 1, ae(f.value));
+      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, n) {
-      var a, c, y;
+    function Le(e, a) {
+      var n, c, v;
       if (e.preventDefault(), !I.value)
         return P(e);
-      const i = n ? ((a = S.value) == null ? void 0 : a[n]) ?? ((c = S.value) == null ? void 0 : c[0]) : (y = S.value) == null ? void 0 : y[0];
+      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);
     }
-    async function ae(e) {
-      var i, a;
+    async function ne(e) {
+      var i, n;
       await se(), typeof e != "number" && ie();
-      const n = e ?? f.value;
-      if (typeof n == "number" && n >= 0) {
+      const a = e ?? f.value;
+      if (typeof a == "number" && a >= 0) {
         const c = (i = Y.value) == null ? void 0 : i.querySelectorAll(".m-select-list-item");
-        (a = c == null ? void 0 : c[n]) == null || a.scrollIntoView({
+        (n = c == null ? void 0 : c[a]) == null || n.scrollIntoView({
           behavior: "auto",
           block: "nearest",
           inline: "start"
@@ -649,26 +640,26 @@ const Xe = {
     }
     function ie(e) {
       var i;
-      const n = (i = S.value) == null ? void 0 : i.findIndex((a) => {
-        var c, y;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === a[t.optionValueKey] : [...t.modelValue].reverse()[0] === a[t.optionValueKey] : ((y = (c = D.value) == null ? void 0 : c[0]) == null ? void 0 : y[t.optionValueKey]) === a[t.optionValueKey];
+      const a = (i = S.value) == null ? void 0 : i.findIndex((n) => {
+        var c, v;
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === n[t.optionValueKey] : [...t.modelValue].reverse()[0] === n[t.optionValueKey] : ((v = (c = D.value) == null ? void 0 : c[0]) == null ? void 0 : v[t.optionValueKey]) === n[t.optionValueKey];
       });
-      f.value = n && n >= 0 ? n : 0;
+      f.value = a && a >= 0 ? a : 0;
     }
-    function fe(e, n = !0) {
-      var y;
-      n && !t.multiple && se(() => N()), M.value = "";
-      const i = (y = D.value) == null ? void 0 : y.some(
+    function fe(e, a = !0) {
+      var v;
+      a && !t.multiple && se(() => N()), M.value = "";
+      const i = (v = D.value) == null ? void 0 : v.some(
         (w) => w[t.optionValueKey] === e[t.optionValueKey]
       );
-      let a = D.value;
-      i && t.multiple ? a = a == null ? void 0 : a.filter(
+      let n = D.value;
+      i && t.multiple ? n = n == null ? void 0 : n.filter(
         (w) => w[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? a.push(e) : a = [e];
-      const c = a.map((w) => w[t.optionValueKey]);
+      ) : t.multiple ? n.push(e) : n = [e];
+      const c = n.map((w) => w[t.optionValueKey]);
       s("update:model-value", t.multiple ? c : c[0]), s("selected-option", e), Se(), ie(e), ce();
     }
-    return (e, n) => {
+    return (e, a) => {
       var i;
       return be((m(), k(
         "div",
@@ -684,9 +675,9 @@ const Xe = {
         },
         [
           H(ye, ge({
-            id: g(W),
+            id: b(j),
             ref_key: "mazInputComponent",
-            ref: R,
+            ref: Q,
             class: "m-select-input"
           }, e.$attrs, {
             required: e.required,
@@ -700,8 +691,8 @@ const Xe = {
             onFocus: F(P, ["prevent", "stop"]),
             onBlur: F(N, ["prevent", "stop"]),
             onClick: F(P, ["prevent", "stop"]),
-            onChange: n[0] || (n[0] = (a) => s("change", a)),
-            onInput: n[1] || (n[1] = (a) => s("input", a)),
+            onChange: a[0] || (a[0] = (n) => s("change", n)),
+            onInput: a[1] || (a[1] = (n) => s("input", n)),
             onKeydown: Be
           }), {
             "right-icon": _(() => [
@@ -712,13 +703,13 @@ const Xe = {
                 "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
                 onClick: F(Ke, ["stop"])
               }, [
-                H(g($), { class: "m-select-chevron maz-text-xl" })
+                H(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: ne.value }, {
+          H(He, { name: ae.value }, {
             default: _(() => [
               I.value ? (m(), k(
                 "div",
@@ -746,8 +737,8 @@ const Xe = {
                     ref: X,
                     modelValue: M.value,
                     "onUpdate:modelValue": [
-                      n[2] || (n[2] = (a) => M.value = a),
-                      n[4] || (n[4] = (a) => f.value = 0)
+                      a[2] || (a[2] = (n) => M.value = n),
+                      a[4] || (a[4] = (n) => f.value = 0)
                     ],
                     size: "sm",
                     color: e.color,
@@ -757,36 +748,29 @@ const Xe = {
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": g(h),
-                    onKeydown: n[3] || (n[3] = (a) => pe(a, !1))
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : v("v-if", !0),
-                  v(`
-          @slot No results slot - Displayed when no results corresponding with search query
-        `),
+                    "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 }, () => [
                     E("span", lt, [
-                      H(g(j), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                      H(b(W), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (m(), k("div", nt, [
+                  ], !0) : (m(), k("div", at, [
                     (m(!0), k(
                       ve,
                       null,
-                      qe(S.value, (a, c) => (m(), k(
+                      qe(S.value, (n, c) => (m(), k(
                         ve,
                         { key: c },
                         [
-                          v(`
-              @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
                           }, () => [
                             E(
                               "span",
-                              at,
-                              de(a.label),
+                              nt,
+                              de(n.label),
                               1
                               /* TEXT */
                             )
@@ -797,33 +781,28 @@ const Xe = {
                             class: q(["m-select-list-item maz-custom maz-flex-none", [
                               {
                                 "--is-keyboard-selected": f.value === c,
-                                "--is-selected": Q(a),
-                                "--is-none-value": B(a[e.optionValueKey])
+                                "--is-selected": R(n),
+                                "--is-none-value": B(n[e.optionValueKey])
                               }
                             ]]),
                             style: x(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                            onClick: F((y) => fe(a), ["prevent", "stop"])
+                            onClick: F((v) => fe(n), ["prevent", "stop"])
                           }, [
-                            e.multiple ? (m(), K(g(d), {
+                            e.multiple ? (m(), K(b(d), {
                               key: 0,
                               tabindex: "-1",
-                              "model-value": Q(a),
+                              "model-value": R(n),
                               size: "sm",
                               color: e.color
-                            }, null, 8, ["model-value", "color"])) : v("v-if", !0),
-                            v(`
-                @slot Custom option
-                  @binding {Object} option - the option object
-                  @binding {Boolean} is-selected - if the option is selected
-              `),
+                            }, null, 8, ["model-value", "color"])) : g("v-if", !0),
                             U(e.$slots, "default", {
-                              option: a,
-                              isSelected: Q(a)
+                              option: n,
+                              isSelected: R(n)
                             }, () => [
                               E(
                                 "span",
                                 null,
-                                de(a[e.optionLabelKey]),
+                                de(n[e.optionLabelKey]),
                                 1
                                 /* TEXT */
                               )
@@ -840,7 +819,7 @@ const Xe = {
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : v("v-if", !0)
+              )) : g("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -849,7 +828,7 @@ const Xe = {
         6
         /* CLASS, STYLE */
       )), [
-        [g(Ge), {
+        [b(Ge), {
           exclude: (i = e.excludeSelectors) != null && i.length ? e.excludeSelectors : [],
           handler: N
         }]