maz-ui 3.31.0 → 3.31.2

package/components/chunks/{MazSelect-nwyPkcJ-.mjs → MazSelect-ABbMoI-M.mjs}

@@ -1,10 +1,10 @@
 import "../assets/MazSelect.css";
-import { computed as i, defineComponent as pe, defineAsyncComponent as w, ref as f, getCurrentInstance as me, onMounted as Ie, useSlots as Ke, openBlock as u, createElementBlock as V, normalizeClass as T, normalizeStyle as G, createElementVNode as P, createCommentVNode as d, renderSlot as O, createBlock as C, unref as v, resolveDynamicComponent as de, withDirectives as Be, mergeProps as fe, toHandlers as Ce, vModelDynamic as $e, createTextVNode as Se, toDisplayString as ve, withModifiers as H, withCtx as J, createVNode as L, useCssVars as Le, onBeforeMount as Ae, Transition as De, Fragment as Me, renderList as Te, nextTick as ne } from "vue";
+import { computed as i, defineComponent as pe, defineAsyncComponent as I, ref as f, getCurrentInstance as me, onMounted as Ie, useSlots as Ke, openBlock as u, createElementBlock as V, normalizeClass as T, normalizeStyle as G, createElementVNode as P, createCommentVNode as d, renderSlot as O, createBlock as w, unref as v, resolveDynamicComponent as de, withDirectives as Be, mergeProps as fe, toHandlers as Ce, vModelDynamic as $e, createTextVNode as Se, toDisplayString as ve, withModifiers as E, withCtx as J, createVNode as M, useCssVars as Le, onBeforeMount as Ae, Transition as De, Fragment as Me, renderList as Te, nextTick as ne } from "vue";
 function Pe(y, p) {
   let b;
-  return function(...I) {
+  return function(...K) {
     clearTimeout(b), b = setTimeout(() => {
-      y.apply(this, I);
+      y.apply(this, K);
     }, p);
   };
 }
@@ -15,7 +15,7 @@ const ye = ({
 }) => i(() => b ?? `${y}-${p == null ? void 0 : p.uid}`), Ne = {
   key: 0,
   class: "m-input-wrapper-left"
-}, qe = { class: "m-input-wrapper-input" }, Fe = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Ee = { key: 0 }, He = {
+}, qe = { class: "m-input-wrapper-input" }, Fe = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], He = { key: 0 }, Ee = {
   key: 1,
   class: "m-input-wrapper-right"
 }, Oe = /* @__PURE__ */ pe({
@@ -54,16 +54,16 @@ const ye = ({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change"],
   setup(y, { emit: p }) {
-    const b = w(() => import("./MazBtn-A_B9pbiE.mjs")), I = w(() => import("./MazIcon-C329_2BT.mjs")), N = w(() => import("./eye-slash-rdPLIzFI.mjs")), X = w(() => import("./eye-3jm1b22X.mjs")), Y = w(() => import("./check-_5Up9njX.mjs")), t = y, h = p, z = f(!1), s = f(!1), A = f(), x = me(), _ = ye({
+    const b = I(() => import("./MazBtn-WsXG0JB8.mjs")), K = I(() => import("./MazIcon-C329_2BT.mjs")), N = I(() => import("./eye-slash-rdPLIzFI.mjs")), X = I(() => import("./eye-3jm1b22X.mjs")), Y = I(() => import("./check-_5Up9njX.mjs")), t = y, h = p, z = f(!1), s = f(!1), L = f(), x = me(), _ = ye({
       componentName: "MazInput",
       instance: x,
       providedId: t.id
     });
     Ie(() => {
-      var o;
-      t.autoFocus && ((o = A.value) == null || o.focus());
+      var l;
+      t.autoFocus && ((l = L.value) == null || l.focus());
     });
-    const U = i(() => t.type === "password"), K = i(() => z.value ? "text" : t.type), ee = i(() => {
+    const U = i(() => t.type === "password"), B = i(() => z.value ? "text" : t.type), ee = i(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -91,60 +91,60 @@ const ye = ({
         }
         return "--default-border";
       }
-    }), k = Ke(), D = i(() => {
-      const { required: o, placeholder: m } = t;
+    }), k = Ke(), A = i(() => {
+      const { required: l, placeholder: m } = t;
       if (m)
-        return o ? `${m} *` : m;
+        return l ? `${m} *` : m;
     }), W = i(() => t.modelValue !== void 0 && t.modelValue !== ""), q = i({
       get: () => t.modelValue,
-      set: (o) => j(o)
-    }), Q = i(() => (!!t.label || !!t.hint) && (s.value || !!W.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), R = i(() => !!t.label || !!t.hint), $ = () => !!k["right-icon"] || U.value || !!k["valid-button"] || t.validButton || !!t.rightIcon, F = () => !!k["left-icon"] || !!t.leftIcon, te = (o) => {
-      h("focus", o), s.value = !0;
-    }, oe = (o) => {
-      h("blur", o), s.value = !1;
-    }, S = (o) => h("change", o), B = Pe((o) => {
-      h("update:model-value", o);
-    }, t.debounceDelay), j = (o) => {
+      set: (l) => j(l)
+    }), Q = i(() => (!!t.label || !!t.hint) && (s.value || !!W.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), R = i(() => !!t.label || !!t.hint), $ = () => !!k["right-icon"] || U.value || !!k["valid-button"] || t.validButton || !!t.rightIcon, F = () => !!k["left-icon"] || !!t.leftIcon, te = (l) => {
+      h("focus", l), s.value = !0;
+    }, oe = (l) => {
+      h("blur", l), s.value = !1;
+    }, S = (l) => h("change", l), C = Pe((l) => {
+      h("update:model-value", l);
+    }, t.debounceDelay), j = (l) => {
       if (t.debounce)
-        return B(o);
-      h("update:model-value", o);
+        return C(l);
+      h("update:model-value", l);
     };
-    return (o, m) => (u(), V(
+    return (l, m) => (u(), V(
       "div",
       {
         class: T(["m-input", [
           {
-            "--is-focused": s.value || o.borderActive,
+            "--is-focused": s.value || l.borderActive,
             "--should-up": Q.value,
             "--has-label": R.value,
-            "--is-disabled": o.disabled,
-            "--is-readonly": o.readonly,
-            "--has-z-2": o.error || o.warning || o.success,
-            "--has-state": o.error || o.warning || o.success
+            "--is-disabled": l.disabled,
+            "--is-readonly": l.readonly,
+            "--has-z-2": l.error || l.warning || l.success,
+            "--has-state": l.error || l.warning || l.success
           },
           t.class,
-          `--${o.color}`,
-          `--${o.size}`
+          `--${l.color}`,
+          `--${l.size}`
         ]]),
-        style: G(o.style)
+        style: G(l.style)
       },
       [
         P(
           "div",
           {
-            class: T(["m-input-wrapper", [o.inputClasses, ee.value, { "maz-rounded": !o.noRadius }]])
+            class: T(["m-input-wrapper", [l.inputClasses, ee.value, { "maz-rounded": !l.noRadius }]])
           },
           [
             F() ? (u(), V("div", Ne, [
               d(`
           @slot left-icon - The icon to display on the left of the input
         `),
-              o.$slots["left-icon"] || o.leftIcon ? O(o.$slots, "left-icon", { key: 0 }, () => [
-                typeof o.leftIcon == "string" ? (u(), C(v(I), {
+              l.$slots["left-icon"] || l.leftIcon ? O(l.$slots, "left-icon", { key: 0 }, () => [
+                typeof l.leftIcon == "string" ? (u(), w(v(K), {
                   key: 0,
-                  name: o.leftIcon,
+                  name: l.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (u(), C(de(o.leftIcon), {
+                }, null, 8, ["name"])) : l.leftIcon ? (u(), w(de(l.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : d("v-if", !0)
@@ -154,78 +154,78 @@ const ye = ({
               Be(P("input", fe({
                 id: v(_),
                 ref_key: "input",
-                ref: A,
+                ref: L,
                 "onUpdate:modelValue": m[0] || (m[0] = (c) => q.value = c),
-                type: K.value,
-                name: o.name
-              }, o.$attrs, {
-                inputmode: o.inputmode,
-                placeholder: D.value,
-                "aria-label": o.label || o.placeholder,
-                disabled: o.disabled,
-                readonly: o.readonly,
-                required: o.required,
+                type: B.value,
+                name: l.name
+              }, l.$attrs, {
+                inputmode: l.inputmode,
+                placeholder: A.value,
+                "aria-label": l.label || l.placeholder,
+                disabled: l.disabled,
+                readonly: l.readonly,
+                required: l.required,
                 class: "m-input-input"
               }, Ce({
                 blur: oe,
                 focus: te,
                 change: S
               }, !0), {
-                onClick: m[1] || (m[1] = (c) => o.$emit("click", c))
+                onClick: m[1] || (m[1] = (c) => l.$emit("click", c))
               }), null, 16, Fe), [
                 [$e, q.value]
               ]),
-              o.label || o.hint ? (u(), V(
+              l.label || l.hint ? (u(), V(
                 "span",
                 {
                   key: 0,
                   ref: "label",
                   class: T(["m-input-label", [
                     {
-                      "maz-text-danger-600": o.error,
-                      "maz-text-success-600": o.success,
-                      "maz-text-warning-600": o.warning
+                      "maz-text-danger-600": l.error,
+                      "maz-text-success-600": l.success,
+                      "maz-text-warning-600": l.warning
                     }
                   ]])
                 },
                 [
                   Se(
-                    ve(o.hint || o.label) + " ",
+                    ve(l.hint || l.label) + " ",
                     1
                     /* TEXT */
                   ),
-                  o.required ? (u(), V("sup", Ee, "*")) : d("v-if", !0)
+                  l.required ? (u(), V("sup", He, "*")) : d("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : d("v-if", !0)
             ]),
-            $() ? (u(), V("div", He, [
+            $() ? (u(), V("div", Ee, [
               d(`
           @slot right-icon - The icon to display on the right of the input
         `),
-              o.$slots["right-icon"] || o.rightIcon ? O(o.$slots, "right-icon", { key: 0 }, () => [
-                typeof o.rightIcon == "string" ? (u(), C(v(I), {
+              l.$slots["right-icon"] || l.rightIcon ? O(l.$slots, "right-icon", { key: 0 }, () => [
+                typeof l.rightIcon == "string" ? (u(), w(v(K), {
                   key: 0,
-                  name: o.rightIcon,
+                  name: l.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (u(), C(de(o.rightIcon), {
+                }, null, 8, ["name"])) : l.rightIcon ? (u(), w(de(l.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : d("v-if", !0)
               ], !0) : d("v-if", !0),
-              U.value ? (u(), C(v(b), {
+              U.value ? (u(), w(v(b), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: m[2] || (m[2] = H((c) => z.value = !z.value, ["stop"]))
+                onClick: m[2] || (m[2] = E((c) => z.value = !z.value, ["stop"]))
               }, {
                 default: J(() => [
-                  z.value ? (u(), C(v(N), {
+                  z.value ? (u(), w(v(N), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (u(), C(v(X), {
+                  })) : (u(), w(v(X), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -236,18 +236,18 @@ const ye = ({
               d(`
           @slot valid-button - Replace the valid button by your own
         `),
-              o.$slots["valid-button"] || o.validButton ? O(o.$slots, "valid-button", { key: 2 }, () => [
-                L(v(b), {
+              l.$slots["valid-button"] || l.validButton ? O(l.$slots, "valid-button", { key: 2 }, () => [
+                M(v(b), {
                   color: "transparent",
-                  disabled: o.disabled,
+                  disabled: l.disabled,
                   tabindex: "-1",
-                  loading: o.validButtonLoading,
+                  loading: l.validButtonLoading,
                   class: "m-input-valid-button",
                   size: "mini",
                   type: "submit"
                 }, {
                   default: J(() => [
-                    L(v(Y), { class: "maz-text-2xl maz-text-normal" })
+                    M(v(Y), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -265,8 +265,8 @@ const ye = ({
   }
 }), be = (y, p) => {
   const b = y.__vccOpts || y;
-  for (const [I, N] of p)
-    b[I] = N;
+  for (const [K, N] of p)
+    b[K] = N;
   return b;
 }, ce = /* @__PURE__ */ be(Oe, [["__scopeId", "data-v-e9e7fe2d"]]);
 f("system");
@@ -275,15 +275,11 @@ let se = null;
 function Ue(y, p) {
   se && clearTimeout(se), se = setTimeout(y, p);
 }
-const We = {
-  key: 0,
-  tabindex: "-1",
-  class: "m-select-list__search-wrapper"
-}, Qe = { class: "m-select-list__no-results" }, Re = {
+const We = { class: "m-select-list__no-results" }, Qe = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, je = ["onClick"], Ze = /* @__PURE__ */ pe({
+}, Re = ["onClick"], je = /* @__PURE__ */ pe({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -296,7 +292,7 @@ const We = {
     optionLabelKey: { default: "label" },
     optionInputValueKey: { default: "label" },
     listPosition: { default: "bottom left" },
-    itemHeight: { default: 42 },
+    itemHeight: { default: void 0 },
     maxListHeight: { default: 240 },
     maxListWidth: { default: void 0 },
     size: { default: "md" },
@@ -311,39 +307,40 @@ const We = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(y, { emit: p }) {
     Le((e) => ({
-      c5a22ee8: U.value,
-      "166b564b": x.value,
-      "123f3f73": _.value
+      "5e7d1dfe": U.value,
+      b3b9ed86: x.value,
+      "55cb06e5": _.value
     }));
-    const b = w(() => import("./MazCheckbox-GE-RvDQj.mjs")), I = w(() => import("./magnifying-glass-ebhrla2J.mjs")), N = w(() => import("./chevron-down-bC0s_0yH.mjs")), X = w(() => import("./no-symbol-JnXtUaU-.mjs")), Y = me(), t = y, h = p, z = f(!1), s = f(), A = i(
+    const b = I(() => import("./MazCheckbox-EadIf3L9.mjs")), K = I(() => import("./magnifying-glass-ebhrla2J.mjs")), N = I(() => import("./chevron-down-bC0s_0yH.mjs")), X = I(() => import("./no-symbol-JnXtUaU-.mjs")), Y = me(), t = y, h = p, z = f(!1), s = f(), L = i(
       () => ["black", "transparent", "white"].includes(t.color)
     ), x = i(
-      () => A.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+      () => L.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
     ), _ = i(
-      () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
+      () => L.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), U = i(
-      () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), K = i(() => z.value || t.open), ee = ye({
+      () => L.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), B = i(() => z.value || t.open), ee = ye({
       componentName: "MazSelect",
       instance: Y,
       providedId: t.id
     }), k = i(
       () => {
         var e;
-        return (e = t.options) == null ? void 0 : e.map((l) => typeof l == "string" || typeof l == "number" || typeof l == "boolean" ? {
-          [t.optionValueKey]: l,
-          [t.optionLabelKey]: l,
-          [t.optionInputValueKey]: l
+        return (e = t.options) == null ? void 0 : e.map((o) => typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? {
+          [t.optionValueKey]: o,
+          [t.optionLabelKey]: o,
+          [t.optionInputValueKey]: o
         } : {
-          [t.optionValueKey]: l[t.optionValueKey],
-          [t.optionLabelKey]: l[t.optionLabelKey],
-          [t.optionInputValueKey]: l[t.optionInputValueKey]
+          ...o,
+          [t.optionValueKey]: o[t.optionValueKey],
+          [t.optionLabelKey]: o[t.optionLabelKey],
+          [t.optionInputValueKey]: o[t.optionInputValueKey]
         });
       }
-    ), D = i(
+    ), A = i(
       () => {
         var e;
-        return ((e = k.value) == null ? void 0 : e.filter((l) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(l[t.optionValueKey]) && !$(l[t.optionValueKey]) : !1 : t.modelValue === l[t.optionValueKey] && !$(l[t.optionValueKey]))) ?? [];
+        return ((e = k.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !$(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !$(o[t.optionValueKey]))) ?? [];
       }
     );
     Ae(() => {
@@ -353,90 +350,90 @@ const We = {
     const W = f(), q = f(), Q = f(), R = f(), $ = (e) => e == null;
     function F(e) {
       var a;
-      return (((a = D.value) == null ? void 0 : a.some(
+      return (((a = A.value) == null ? void 0 : a.some(
         (n) => n[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !$(e[t.optionValueKey]);
     }
     const te = i(() => {
-      var e, l;
+      var e, o;
       return t.multiple && t.modelValue && Array.isArray(t.modelValue) ? t.modelValue.map(
         (a) => {
           var n, r;
           return (r = (n = k.value) == null ? void 0 : n.find((g) => g[t.optionValueKey] === a)) == null ? void 0 : r[t.optionInputValueKey];
         }
-      ).join(", ") : (l = (e = k.value) == null ? void 0 : e.find(
+      ).join(", ") : (o = (e = k.value) == null ? void 0 : e.find(
         (a) => a[t.optionValueKey] === t.modelValue
-      )) == null ? void 0 : l[t.optionInputValueKey];
+      )) == null ? void 0 : o[t.optionInputValueKey];
     }), oe = i(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), S = f(""), B = f("");
+    ), S = f(""), C = f("");
     function j(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
-    const o = (e, l) => l && e && j(e.toString().toLocaleLowerCase().trim()).includes(
-      j(l.toLocaleLowerCase().trim())
+    const l = (e, o) => o && e && j(e.toString().toLocaleLowerCase().trim()).includes(
+      j(o.toLocaleLowerCase().trim())
     );
     function m(e) {
-      var l;
-      return e ? (l = k.value) == null ? void 0 : l.filter((a) => {
+      var o;
+      return e ? (o = k.value) == null ? void 0 : o.filter((a) => {
         const n = a[t.optionLabelKey], r = a[t.optionValueKey], g = a[t.optionInputValueKey];
-        return o(n, e) || o(r, e) || o(g, e);
+        return l(n, e) || l(r, e) || l(g, e);
       }) : k.value;
     }
     const c = i(() => m(S.value)), Z = async (e) => {
-      var l;
-      if (e && ("relatedTarget" in e && ((l = W.value) != null && l.contains(e.relatedTarget)) || e.type === "keydown"))
+      var o;
+      if (e && ("relatedTarget" in e && ((o = W.value) != null && o.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
       await ne(), z.value = !1, s.value = 0, h("close", e);
-    }, E = async (e) => {
-      t.disabled || K.value || (e == null || e.preventDefault(), z.value = !0, await le(), h("focus", e), h("open", z.value));
+    }, H = async (e) => {
+      t.disabled || B.value || (e == null || e.preventDefault(), z.value = !0, await le(), h("focus", e), h("open", z.value));
     };
     function re() {
-      var e, l;
-      (l = ((e = q.value) == null ? void 0 : e.$el).querySelector("input")) == null || l.focus();
+      var e, o;
+      (o = ((e = q.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
     }
     function he(e) {
       z.value ? Z(e) : re();
     }
     function ge(e) {
-      var l, a;
-      S.value = e, (a = ((l = Q.value) == null ? void 0 : l.$el).querySelector("input")) == null || a.focus();
+      var o, a;
+      S.value = e, (a = ((o = Q.value) == null ? void 0 : o.$el).querySelector("input")) == null || a.focus();
     }
     function ze(e) {
       var a;
-      e === "Backspace" && B.value.length > 0 ? B.value = B.value.slice(0, -1) : B.value += e;
-      const l = m(B.value);
-      l != null && l.length && (s.value = (a = c.value) == null ? void 0 : a.findIndex(
-        (n) => n[t.optionValueKey] === l[0][t.optionValueKey]
+      e === "Backspace" && C.value.length > 0 ? C.value = C.value.slice(0, -1) : C.value += e;
+      const o = m(C.value);
+      o != null && o.length && (s.value = (a = c.value) == null ? void 0 : a.findIndex(
+        (n) => n[t.optionValueKey] === o[0][t.optionValueKey]
       ), typeof s.value == "number" && s.value >= 0 && le(s.value)), Ue(() => {
-        B.value = "";
+        C.value = "";
       }, 1e3);
     }
     const Ve = (e) => {
-      const l = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(l) ? (e.preventDefault(), E(e), t.search ? ge(l) : ze(l)) : ue(e);
+      const o = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), H(e), t.search ? ge(o) : ze(o)) : ue(e);
     }, ue = (e) => {
-      const l = e.code, a = ["ArrowUp", "ArrowDown"].includes(l), n = ["Enter", "Space"].includes(l), r = l === "Escape" && K.value;
+      const o = e.code, a = ["ArrowUp", "ArrowDown"].includes(o), n = ["Enter", "Space"].includes(o), r = o === "Escape" && B.value;
       a ? ke(e, s.value) : n ? we(e, s.value) : r && Z();
-    }, ke = (e, l) => {
+    }, ke = (e, o) => {
       var r;
       e.preventDefault();
       const a = e.code;
-      K.value || E(e);
+      B.value || H(e);
       const n = (r = c.value) == null ? void 0 : r.length;
-      n && (typeof l == "number" ? l === n - 1 && a === "ArrowDown" ? s.value = 0 : l === 0 && a === "ArrowUp" ? s.value = n - 1 : s.value = a === "ArrowDown" ? l + 1 : l - 1 : s.value = a === "ArrowDown" ? 0 : n - 1, le(s.value));
-    }, we = (e, l) => {
+      n && (typeof o == "number" ? o === n - 1 && a === "ArrowDown" ? s.value = 0 : o === 0 && a === "ArrowUp" ? s.value = n - 1 : s.value = a === "ArrowDown" ? o + 1 : o - 1 : s.value = a === "ArrowDown" ? 0 : n - 1, le(s.value));
+    }, we = (e, o) => {
       var n, r, g;
-      if (e.preventDefault(), !K.value)
-        return E(e);
-      const a = l ? ((n = c.value) == null ? void 0 : n[l]) ?? ((r = c.value) == null ? void 0 : r[0]) : (g = c.value) == null ? void 0 : g[0];
+      if (e.preventDefault(), !B.value)
+        return H(e);
+      const a = o ? ((n = c.value) == null ? void 0 : n[o]) ?? ((r = c.value) == null ? void 0 : r[0]) : (g = c.value) == null ? void 0 : g[0];
       $(a) || ie(a);
     };
     async function le(e) {
       var a, n;
       await ne(), typeof e != "number" && ae();
-      const l = e ?? s.value;
-      typeof l == "number" && l >= 0 && ((n = (a = R.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item")[l]) == null || n.scrollIntoView({
+      const o = e ?? s.value;
+      typeof o == "number" && o >= 0 && ((n = (a = R.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item")[o]) == null || n.scrollIntoView({
         behavior: "auto",
         block: "nearest",
         inline: "start"
@@ -444,36 +441,36 @@ const We = {
     }
     function ae(e) {
       var a;
-      const l = (a = c.value) == null ? void 0 : a.findIndex((n) => {
+      const o = (a = c.value) == null ? void 0 : a.findIndex((n) => {
         var r, g;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === n[t.optionValueKey] : [...t.modelValue].reverse()[0] === n[t.optionValueKey] : ((g = (r = D.value) == null ? void 0 : r[0]) == null ? void 0 : g[t.optionValueKey]) === n[t.optionValueKey];
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === n[t.optionValueKey] : [...t.modelValue].reverse()[0] === n[t.optionValueKey] : ((g = (r = A.value) == null ? void 0 : r[0]) == null ? void 0 : g[t.optionValueKey]) === n[t.optionValueKey];
       });
-      s.value = l && l >= 0 ? l : 0;
+      s.value = o && o >= 0 ? o : 0;
     }
-    const ie = (e, l = !0) => {
+    const ie = (e, o = !0) => {
       var g;
-      l && !t.multiple && ne(() => Z()), S.value = "";
-      const a = (g = D.value) == null ? void 0 : g.some(
-        (M) => M[t.optionValueKey] === e[t.optionValueKey]
+      o && !t.multiple && ne(() => Z()), S.value = "";
+      const a = (g = A.value) == null ? void 0 : g.some(
+        (D) => D[t.optionValueKey] === e[t.optionValueKey]
       );
-      let n = D.value;
+      let n = A.value;
       a && t.multiple ? n = n == null ? void 0 : n.filter(
-        (M) => M[t.optionValueKey] !== e[t.optionValueKey]
+        (D) => D[t.optionValueKey] !== e[t.optionValueKey]
       ) : t.multiple ? n.push(e) : n = [e];
-      const r = n.map((M) => M[t.optionValueKey]);
+      const r = n.map((D) => D[t.optionValueKey]);
       h("update:model-value", t.multiple ? r : r[0]), h("selected-option", e), ae(e), re();
     };
-    return (e, l) => (u(), V(
+    return (e, o) => (u(), V(
       "div",
       {
         ref_key: "mazSelectElement",
         ref: W,
-        class: T(["m-select", [{ "--is-open": K.value, "--disabled": e.disabled }, t.class]]),
+        class: T(["m-select", [{ "--is-open": B.value, "--disabled": e.disabled }, t.class, `--${e.size}`]]),
         style: G(e.style),
         onBlurCapture: Z
       },
       [
-        L(ce, fe({
+        M(ce, fe({
           id: v(ee),
           ref_key: "mazInputComponent",
           ref: q,
@@ -486,9 +483,9 @@ const We = {
           autocomplete: "off",
           size: e.size,
           disabled: e.disabled,
-          onFocus: H(E, ["prevent", "stop"]),
-          onClick: H(E, ["prevent", "stop"]),
-          onChange: l[0] || (l[0] = (a) => h("change", a)),
+          onFocus: E(H, ["prevent", "stop"]),
+          onClick: E(H, ["prevent", "stop"]),
+          onChange: o[0] || (o[0] = (a) => h("change", a)),
           onKeydown: Ve
         }), {
           "right-icon": J(() => [
@@ -496,17 +493,17 @@ const We = {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
-              onClick: H(he, ["stop"])
+              onClick: E(he, ["stop"])
             }, [
-              L(v(N), { class: "m-select-chevron maz-text-xl" })
+              M(v(N), { class: "m-select-chevron maz-text-xl" })
             ])
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        L(De, { name: oe.value }, {
+        M(De, { name: oe.value }, {
           default: J(() => [
-            K.value ? (u(), V(
+            B.value ? (u(), V(
               "div",
               {
                 key: 0,
@@ -524,34 +521,33 @@ const We = {
                 })
               },
               [
-                e.search ? (u(), V("div", We, [
-                  L(ce, {
-                    ref_key: "searchInputComponent",
-                    ref: Q,
-                    modelValue: S.value,
-                    "onUpdate:modelValue": [
-                      l[1] || (l[1] = (a) => S.value = a),
-                      l[2] || (l[2] = (a) => s.value = 0)
-                    ],
-                    size: "sm",
-                    color: e.color,
-                    placeholder: e.searchPlaceholder,
-                    name: "search",
-                    autocomplete: "off",
-                    tabindex: "-1",
-                    class: "m-select-list__search-input",
-                    "left-icon": v(I),
-                    onKeydown: ue
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])
-                ])) : d("v-if", !0),
+                e.search ? (u(), w(ce, {
+                  key: 0,
+                  ref_key: "searchInputComponent",
+                  ref: Q,
+                  modelValue: S.value,
+                  "onUpdate:modelValue": [
+                    o[1] || (o[1] = (a) => S.value = a),
+                    o[2] || (o[2] = (a) => s.value = 0)
+                  ],
+                  size: "sm",
+                  color: e.color,
+                  placeholder: e.searchPlaceholder,
+                  name: "search",
+                  autocomplete: "off",
+                  tabindex: "-1",
+                  class: "m-select-list__search-input maz-flex-none",
+                  "left-icon": v(K),
+                  onKeydown: ue
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : d("v-if", !0),
                 d(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
                 !c.value || c.value.length <= 0 ? O(e.$slots, "no-results", { key: 1 }, () => [
-                  P("span", Qe, [
-                    L(v(X), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  P("span", We, [
+                    M(v(X), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (u(), V("div", Re, [
+                ], !0) : (u(), V("div", Qe, [
                   (u(!0), V(
                     Me,
                     null,
@@ -559,17 +555,17 @@ const We = {
                       key: n,
                       tabindex: "-1",
                       type: "button",
-                      class: T(["m-select-list-item maz-custom", [
+                      class: T(["m-select-list-item maz-custom maz-flex-none", [
                         {
                           "--is-keyboard-selected": s.value === n,
                           "--is-selected": F(a),
                           "--is-none-value": $(a[e.optionValueKey])
                         }
                       ]]),
-                      style: G({ minHeight: `${e.itemHeight}px` }),
-                      onClick: H((r) => ie(a), ["prevent", "stop"])
+                      style: G(e.itemHeight ? { minHeight: `${e.itemHeight}px` } : void 0),
+                      onClick: E((r) => ie(a), ["prevent", "stop"])
                     }, [
-                      e.multiple ? (u(), C(v(b), {
+                      e.multiple ? (u(), w(v(b), {
                         key: 0,
                         tabindex: "-1",
                         "model-value": F(a),
@@ -593,7 +589,7 @@ const We = {
                           /* TEXT */
                         )
                       ], !0)
-                    ], 14, je))),
+                    ], 14, Re))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -611,9 +607,9 @@ const We = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Xe = /* @__PURE__ */ be(Ze, [["__scopeId", "data-v-824c551b"]]);
+}), Je = /* @__PURE__ */ be(je, [["__scopeId", "data-v-8272b643"]]);
 export {
-  Xe as M,
+  Je as M,
   be as _,
   ye as u
 };