maz-ui 3.48.4-beta.0 → 3.48.4-beta.2

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

@@ -1,11 +1,11 @@
-import { computed as p, useId as Me, defineComponent as be, defineAsyncComponent as $, ref as V, onMounted as Te, useSlots as Ee, openBlock as m, createElementBlock as k, normalizeClass as B, normalizeStyle as ee, unref as h, toDisplayString as G, createCommentVNode as b, createElementVNode as O, renderSlot as U, createBlock as A, resolveDynamicComponent as me, withDirectives as he, mergeProps as ge, toHandlers as Oe, vModelDynamic as De, createTextVNode as Ne, withModifiers as H, withCtx as te, createVNode as q, onBeforeMount as Pe, nextTick as ue, Transition as Fe, Fragment as ve, renderList as He } from "vue";
-import '../assets/MazSelect.css';function ze({
+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 '../assets/MazSelect.css';function ke({
   componentName: u,
   providedId: r
 }) {
-  return p(() => r ?? `${u}-${Me().replace(/:/g, "")}`);
+  return p(() => r ?? `${u}-${Te().replace(/:/g, "")}`);
 }
-const qe = {
+const Ue = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -16,7 +16,7 @@ const qe = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function oe(u, r) {
-  const l = { ...qe, ...r }, t = {
+  const l = { ...Ue, ...r }, t = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -66,86 +66,86 @@ function oe(u, r) {
     ó: "o"
   };
   let s = u.toString();
-  if (l.trim && (s = s.trim()), l.normalizeSpaces && (s = s.replaceAll(/\s+/g, " ")), l.replaceSpaces && (s = s.replaceAll(" ", "-")), l.removeNumbers && (s = s.replaceAll(/\d/g, "")), l.removeAccents && (s = s.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (d) => t[d] || d), s = s.replaceAll(/[\u0300-\u036F]/g, "")), l.caseSensitive === !1 && (s = s.toLowerCase()), l.removeSpecialCharacters && (s = s.replaceAll(/[^\dA-Z-]/gi, "")), l.trim && (s = s.trim()), l.customNormalizationForms)
-    for (const d of l.customNormalizationForms)
-      s = s.normalize(d);
+  if (l.trim && (s = s.trim()), l.normalizeSpaces && (s = s.replaceAll(/\s+/g, " ")), l.replaceSpaces && (s = s.replaceAll(" ", "-")), l.removeNumbers && (s = s.replaceAll(/\d/g, "")), l.removeAccents && (s = s.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (c) => t[c] || c), s = s.replaceAll(/[\u0300-\u036F]/g, "")), l.caseSensitive === !1 && (s = s.toLowerCase()), l.removeSpecialCharacters && (s = s.replaceAll(/[^\dA-Z-]/gi, "")), l.trim && (s = s.trim()), l.customNormalizationForms)
+    for (const c of l.customNormalizationForms)
+      s = s.normalize(c);
   return s;
 }
-function Ue(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 v = 1; v <= t; v++) {
-      const S = u[d - 1] === r[v - 1] ? 0 : 1;
-      s[d][v] = Math.min(
-        s[d - 1][v] + 1,
-        s[d][v - 1] + 1,
-        s[d - 1][v - 1] + 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
       );
     }
   return s[l][t];
 }
-function ke(u, r) {
-  const l = Ue(u, r), t = Math.max(u.length, r.length);
+function Ve(u, r) {
+  const l = We(u, r), t = Math.max(u.length, r.length);
   return 1 - l / t;
 }
-function We(u, r, l = 0.75) {
-  return ke(u, r) >= l;
+function je(u, r, l = 0.75) {
+  return Ve(u, r) >= l;
 }
 function re(u, r, l = 0.75) {
   const t = p(
     () => oe(typeof u == "string" ? u : u.value)
   ), s = p(
     () => oe(typeof r == "string" ? r : r.value)
-  ), d = p(() => typeof l == "number" ? l : l.value), v = p(() => ke(t.value, s.value));
+  ), c = 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, c.value)
     ),
-    score: v
+    score: y
   };
 }
-function Ve(u, r, l) {
-  var v, S;
+function Ie(u, r, l) {
+  var y, S;
   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;
+  let c = !1;
   if (s && s.length > 0) {
-    for (const D of s)
-      if (!d && u.target instanceof HTMLElement) {
-        const z = (v = document.querySelector(D)) == null ? void 0 : v.getAttribute("id");
-        d = (u.target.getAttribute("id") === z || ((S = document.querySelector(D)) == null ? void 0 : S.contains(u.target))) ?? !1;
+    for (const O 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;
       }
   }
-  !r.contains(u.target) && !d && (t == null || t(u));
+  !r.contains(u.target) && !c && (t == null || t(u));
 }
-function Ie() {
+function we() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function je(u, r) {
-  const l = Ie();
-  document.removeEventListener(l, (t) => Ve(t, u, r));
-}
 function Qe(u, r) {
+  const l = we();
+  document.removeEventListener(l, (t) => Ie(t, 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;
   }
-  const l = Ie();
-  document.addEventListener(l, (t) => Ve(t, u, r));
+  const l = we();
+  document.addEventListener(l, (t) => Ie(t, u, r));
 }
-const Re = {
-  mounted: Qe,
-  unmounted: je
+const Ge = {
+  mounted: Re,
+  unmounted: Qe
 };
-let de = null;
-function Ge(u, r) {
-  de && clearTimeout(de), de = setTimeout(u, r);
-}
+let ce = null;
 function Ze(u, r) {
+  ce && clearTimeout(ce), ce = setTimeout(u, r);
+}
+function Je(u, r) {
   let l;
   return function(...t) {
     clearTimeout(l), l = setTimeout(() => {
@@ -153,13 +153,13 @@ function Ze(u, r) {
     }, r);
   };
 }
-const Je = ["for"], Xe = {
+const Xe = ["for"], Ye = {
   key: 0,
   class: "m-input-wrapper-left"
-}, Ye = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], xe = { key: 0 }, _e = {
+}, xe = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], _e = { key: 0 }, et = {
   key: 1,
   class: "m-input-wrapper-right"
-}, et = /* @__PURE__ */ be({
+}, tt = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -200,15 +200,15 @@ const Je = ["for"], Xe = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(u, { emit: r }) {
-    const l = u, t = r, s = $(() => import("./MazBtn-DCyFSkZo.mjs")), d = $(() => import("./MazIcon-Cq1v4J3r.mjs")), v = $(() => import("./eye-slash-BoO00xzs.mjs")), S = $(() => import("./eye-f8zAUc30.mjs")), D = $(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), N = V(), Z = ze({
+    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({
       componentName: "MazInput",
       providedId: l.id
     });
-    Te(() => {
+    Ee(() => {
       var o;
       l.autoFocus && ((o = N.value) == null || o.focus());
     });
-    const J = 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), I = p(() => {
       if (!l.noBorder) {
         if (l.error)
           return "maz-border-danger";
@@ -236,51 +236,51 @@ const Je = ["for"], Xe = {
         }
         return "--default-border";
       }
-    }), W = Ee(), X = p(() => {
-      const { required: o, placeholder: g } = l;
-      if (g)
-        return o ? `${g} *` : g;
-    }), Y = p(() => M.value !== void 0 && M.value !== ""), C = Ze(
+    }), 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(
       (o) => {
         t("update:model-value", o);
       },
       typeof l.debounce == "number" ? l.debounce : l.debounceDelay ?? 500
     );
-    function P(o) {
+    function T(o) {
       if (l.debounce)
-        return C(o);
+        return X(o);
       t("update:model-value", o);
     }
-    const M = p({
+    const K = p({
       get: () => l.modelValue,
-      set: (o) => P(o)
-    }), j = p(() => (!!l.label || !!l.hint) && (f.value || !!Y.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), x = p(() => !!l.label || !!l.hint);
-    function _() {
-      return !!W["right-icon"] || J.value || !!W["valid-button"] || l.validButton || !!l.rightIcon;
+      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;
     }
-    function L() {
-      return !!W["left-icon"] || !!l.leftIcon;
+    function _() {
+      return !!q["left-icon"] || !!l.leftIcon;
     }
-    function Q(o) {
+    function B(o) {
       t("focus", o), f.value = !0;
     }
-    function ae(o) {
+    function W(o) {
       t("blur", o), f.value = !1;
     }
-    function ne(o) {
+    function ae(o) {
       return t("change", o);
     }
-    function T(o) {
+    function ne(o) {
       return t("input", o);
     }
-    return (o, g) => (m(), k(
+    return (o, v) => (m(), k(
       "div",
       {
-        class: B(["m-input", [
+        class: M(["m-input", [
           {
             "--is-focused": f.value || o.borderActive,
-            "--should-up": j.value,
-            "--has-label": x.value,
+            "--should-up": Y.value,
+            "--has-label": U.value,
             "--is-disabled": o.disabled,
             "--is-readonly": o.readonly,
             "--has-z-2": o.error || o.warning || o.success,
@@ -295,13 +295,13 @@ const Je = ["for"], Xe = {
       [
         o.topLabel ? (m(), k("label", {
           key: 0,
-          for: h(Z),
+          for: g(R),
           class: "m-input-top-label"
-        }, G(o.topLabel), 9, Je)) : b("v-if", !0),
-        O(
+        }, Q(o.topLabel), 9, Xe)) : b("v-if", !0),
+        E(
           "div",
           {
-            class: B(["m-input-wrapper m-reset-css", [
+            class: M(["m-input-wrapper m-reset-css", [
               o.inputClasses,
               I.value,
               o.roundedSize ? `--rounded-${o.roundedSize}` : { "maz-rounded": !o.noRadius },
@@ -309,30 +309,30 @@ const Je = ["for"], Xe = {
             ]])
           },
           [
-            L() ? (m(), k("div", Xe, [
-              o.$slots["left-icon"] || o.leftIcon ? U(o.$slots, "left-icon", { key: 0 }, () => [
-                typeof o.leftIcon == "string" ? (m(), A(h(d), {
+            _() ? (m(), k("div", Ye, [
+              o.$slots["left-icon"] || o.leftIcon ? H(o.$slots, "left-icon", { key: 0 }, () => [
+                typeof o.leftIcon == "string" ? (m(), $(g(c), {
                   key: 0,
                   name: o.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (m(), A(me(o.leftIcon), {
+                }, null, 8, ["name"])) : o.leftIcon ? (m(), $(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),
-            O(
+            E(
               "div",
               {
-                class: B(["m-input-wrapper-input", [`--${o.size}`, { "--top-label": !!o.topLabel }]])
+                class: M(["m-input-wrapper-input", [`--${o.size}`, { "--top-label": !!o.topLabel }]])
               },
               [
-                he(O("input", ge({ id: h(Z) }, o.$attrs, {
+                ge(E("input", ze({ id: g(R) }, o.$attrs, {
                   ref_key: "input",
                   ref: N,
-                  "onUpdate:modelValue": g[0] || (g[0] = (E) => M.value = E),
+                  "onUpdate:modelValue": v[0] || (v[0] = (C) => K.value = C),
                   name: o.name,
-                  placeholder: X.value,
+                  placeholder: Z.value,
                   "aria-label": o.label || o.placeholder,
                   type: le.value,
                   inputmode: o.inputmode,
@@ -341,21 +341,21 @@ const Je = ["for"], Xe = {
                   autocomplete: o.autocomplete,
                   required: o.required,
                   class: "m-input-input"
-                }, Oe({
-                  blur: ae,
-                  focus: Q,
-                  change: ne,
-                  input: T
+                }, Ne({
+                  blur: W,
+                  focus: B,
+                  change: ae,
+                  input: ne
                 }, !0), {
-                  onClick: g[1] || (g[1] = (E) => o.$emit("click", E))
-                }), null, 16, Ye), [
-                  [De, M.value]
+                  onClick: v[1] || (v[1] = (C) => o.$emit("click", C))
+                }), null, 16, xe), [
+                  [De, K.value]
                 ]),
                 o.label || o.hint ? (m(), k(
                   "span",
                   {
                     key: 0,
-                    class: B(["m-input-label", [
+                    class: M(["m-input-label", [
                       {
                         "maz-text-danger-600": o.error,
                         "maz-text-success-600": o.success,
@@ -364,12 +364,12 @@ const Je = ["for"], Xe = {
                     ]])
                   },
                   [
-                    Ne(
-                      G(o.hint || o.label) + " ",
+                    Fe(
+                      Q(o.hint || o.label) + " ",
                       1
                       /* TEXT */
                     ),
-                    o.required ? (m(), k("sup", xe, "*")) : b("v-if", !0)
+                    o.required ? (m(), k("sup", _e, "*")) : b("v-if", !0)
                   ],
                   2
                   /* CLASS */
@@ -378,29 +378,29 @@ const Je = ["for"], Xe = {
               2
               /* CLASS */
             ),
-            _() ? (m(), k("div", _e, [
-              o.$slots["right-icon"] || o.rightIcon ? U(o.$slots, "right-icon", { key: 0 }, () => [
-                typeof o.rightIcon == "string" ? (m(), A(h(d), {
+            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), {
                   key: 0,
                   name: o.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (m(), A(me(o.rightIcon), {
+                }, null, 8, ["name"])) : o.rightIcon ? (m(), $(ve(o.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : b("v-if", !0)
               ], !0) : b("v-if", !0),
-              J.value ? (m(), A(h(s), {
+              G.value ? (m(), $(g(s), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: g[2] || (g[2] = H((E) => z.value = !z.value, ["stop"]))
+                onClick: v[2] || (v[2] = F((C) => z.value = !z.value, ["stop"]))
               }, {
                 default: te(() => [
-                  z.value ? (m(), A(h(v), {
+                  z.value ? (m(), $(g(y), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (m(), A(h(S), {
+                  })) : (m(), $(g(S), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -408,8 +408,8 @@ const Je = ["for"], Xe = {
                 _: 1
                 /* STABLE */
               })) : b("v-if", !0),
-              o.$slots["valid-button"] || o.validButton ? U(o.$slots, "valid-button", { key: 2 }, () => [
-                q(h(s), {
+              o.$slots["valid-button"] || o.validButton ? H(o.$slots, "valid-button", { key: 2 }, () => [
+                P(g(s), {
                   color: "transparent",
                   disabled: o.disabled,
                   tabindex: "-1",
@@ -419,7 +419,7 @@ const Je = ["for"], Xe = {
                   type: "submit"
                 }, {
                   default: te(() => [
-                    q(h(D), { class: "maz-text-2xl maz-text-normal" })
+                    P(g(O), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -434,7 +434,7 @@ const Je = ["for"], Xe = {
           "div",
           {
             key: 1,
-            class: B(["m-input-bottom-text", [
+            class: M(["m-input-bottom-text", [
               {
                 "maz-text-danger-600": o.error,
                 "maz-text-success-600": o.success,
@@ -443,7 +443,7 @@ const Je = ["for"], Xe = {
               }
             ]])
           },
-          G(o.assistiveText),
+          Q(o.assistiveText),
           3
           /* TEXT, CLASS */
         )) : b("v-if", !0)
@@ -452,16 +452,16 @@ const Je = ["for"], Xe = {
       /* CLASS, STYLE */
     ));
   }
-}), we = (u, r) => {
+}), Se = (u, r) => {
   const l = u.__vccOpts || u;
   for (const [t, s] of r)
     l[t] = s;
   return l;
-}, ye = /* @__PURE__ */ we(et, [["__scopeId", "data-v-04e832e5"]]), tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
+}, he = /* @__PURE__ */ Se(tt, [["__scopeId", "data-v-04e832e5"]]), 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" }, nt = ["onClick"], st = /* @__PURE__ */ be({
+}, nt = { class: "m-select-list-optgroup" }, st = ["onClick"], it = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -483,6 +483,7 @@ const Je = ["for"], Xe = {
     color: { default: "primary" },
     search: { type: Boolean },
     searchPlaceholder: { default: "Search in options" },
+    searchFunction: {},
     searchThreshold: { default: 0.75 },
     open: { type: Boolean },
     multiple: { type: Boolean, default: void 0 },
@@ -494,33 +495,33 @@ const Je = ["for"], Xe = {
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(u, { expose: r, emit: l }) {
-    const t = u, s = l, d = $(() => import("./MazCheckbox-CEsAHbdi.mjs")), v = $(() => import("./magnifying-glass--nBiyXot.mjs")), S = $(() => import("./chevron-down-BkvtON3b.mjs")), D = $(() => import("./no-symbol-CIgKzsrB.mjs"));
+    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"));
     r({
       /** Method to open the option list */
-      openList: R,
+      openList: j,
       /** Method to close the option list */
-      closeList: F
+      closeList: D
     });
     const z = V(!1), f = V(), N = p(
       () => ["black", "transparent", "white"].includes(t.color)
-    ), Z = p(
+    ), R = p(
       () => N.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), J = p(
+    ), G = p(
       () => N.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), W = ze({
+    ), I = p(() => z.value || t.open), q = ke({
       componentName: "MazSelect",
       providedId: t.id
     });
-    function X(e) {
+    function Z(e) {
       return {
         [t.optionValueKey]: e,
         [t.optionLabelKey]: e,
         [t.optionInputValueKey]: e
       };
     }
-    function Y(e) {
+    function J(e) {
       return {
         ...e,
         [t.optionValueKey]: e[t.optionValueKey],
@@ -528,136 +529,136 @@ const Je = ["for"], Xe = {
         [t.optionInputValueKey]: e[t.optionInputValueKey]
       };
     }
-    const C = p(() => {
-      var n;
-      const e = [];
-      if (!((n = t.options) != null && n.length))
+    function X(e) {
+      const a = [];
+      if (!(e != null && e.length))
         return [];
-      for (const a of t.options)
-        typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? e.push(X(a)) : typeof a == "object" && "options" in a && Array.isArray(a.options) ? e.push(
-          { label: a.label, isOptGroup: !0 },
-          ...a.options.map(
-            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? X(i) : Y(i)
+      for (const n of e)
+        typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? a.push(Z(n)) : typeof n == "object" && "options" in n && Array.isArray(n.options) ? a.push(
+          { label: n.label, isOptGroup: !0 },
+          ...n.options.map(
+            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? Z(i) : J(i)
           )
-        ) : e.push(Y(a));
-      return e;
-    }), P = p(
+        ) : a.push(J(n));
+      return a;
+    }
+    const T = p(() => X(t.options ?? [])), K = 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]) && !L(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !L(n[t.optionValueKey]))) ?? [];
+        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]))) ?? [];
       }
     );
     Pe(() => {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ie();
     });
-    const M = V(), j = V(), x = V(), _ = V();
-    function L(e) {
+    const Y = V(), U = V(), x = V(), _ = V();
+    function B(e) {
       return e == null;
     }
-    function Q(e) {
-      var a;
-      return (((a = P.value) == null ? void 0 : a.some(
+    function W(e) {
+      var n;
+      return (((n = K.value) == null ? void 0 : n.some(
         (i) => i[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !L(e[t.optionValueKey]);
+      )) ?? !1) && !B(e[t.optionValueKey]);
     }
     const ae = p(() => {
-      var n;
+      var a;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
-          (a) => {
-            var i, c;
-            return (c = (i = C.value) == null ? void 0 : i.find((y) => y[t.optionValueKey] === a)) == null ? void 0 : c[t.optionInputValueKey];
+          (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];
           }
         ).join(", ");
-      const e = (n = C.value) == null ? void 0 : n.find(
-        (a) => a[t.optionValueKey] === t.modelValue
+      const e = (a = T.value) == null ? void 0 : a.find(
+        (n) => n[t.optionValueKey] === t.modelValue
       );
-      return L(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
+      return B(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
     }), ne = p(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), T = V(""), o = V("");
-    function g(e, n) {
-      return n && e && oe(e).includes(oe(n));
+    ), o = V(""), v = V("");
+    function C(e, a) {
+      return a && e && oe(e).includes(oe(a));
     }
-    function E(e) {
-      var n;
-      return e ? (n = C.value) == null ? void 0 : n.filter((a) => {
-        const i = a[t.optionLabelKey], c = a[t.optionValueKey], y = a[t.optionInputValueKey], w = t.searchThreshold;
-        return g(i, e) || g(y, e) || g(c, e) || typeof i == "string" && re(i, e, w).isMatching.value || typeof y == "string" && re(y, e, w).isMatching.value || typeof c == "string" && re(c, e, w).isMatching.value;
-      }) : C.value;
+    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;
     }
-    const K = p(() => E(T.value));
-    async function F(e) {
-      var a, i;
+    const A = p(() => t.searchFunction && t.search && o.value ? X(t.searchFunction(o.value, t.options ?? []) ?? []) : de(o.value));
+    async function D(e) {
+      var n, i;
       if (!I.value)
         return;
-      if (e && ("relatedTarget" in e && ((a = M.value) != null && a.contains(e.relatedTarget)) || e.type === "keydown"))
+      if (e && ("relatedTarget" in e && ((n = Y.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
-      const n = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
-      if ((i = t.excludeSelectors) != null && i.includes(`#${n}`))
+      const a = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
+      if ((i = t.excludeSelectors) != null && i.includes(`#${a}`))
         return e == null ? void 0 : e.preventDefault();
       await ue(), z.value = !1, f.value = 0, s("close", e);
     }
-    async function R(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));
     }
-    function ce() {
-      var e, n;
-      (n = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.focus();
-    }
-    function Se() {
-      var e, n;
-      (n = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.dispatchEvent(new Event("input"));
+    function pe() {
+      var e, a;
+      (a = ((e = U.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
     }
-    function Ke(e) {
-      z.value ? F(e) : ce();
+    function Ke() {
+      var e, a;
+      (a = ((e = U.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
     }
     function Ae(e) {
-      var n, a;
-      T.value = e, (a = ((n = x.value) == null ? void 0 : n.$el).querySelector("input")) == null || a.focus();
+      z.value ? D(e) : pe();
     }
     function $e(e) {
-      var a;
-      e === "Backspace" && o.value.length > 0 ? o.value = o.value.slice(0, -1) : o.value += e;
-      const n = E(o.value);
-      n != null && n.length && (f.value = (a = K.value) == null ? void 0 : a.findIndex(
-        (i) => i[t.optionValueKey] === n[0][t.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && se(f.value)), Ge(() => {
-        o.value = "";
-      }, 1e3);
+      var a, n;
+      o.value = e, (n = ((a = x.value) == null ? void 0 : a.$el).querySelector("input")) == null || n.focus();
     }
     function Le(e) {
-      const n = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), R(e), t.search ? Ae(n) : $e(n)) : pe(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(
+        (i) => i[t.optionValueKey] === a[0][t.optionValueKey]
+      ), typeof f.value == "number" && f.value >= 0 && se(f.value)), Ze(() => {
+        v.value = "";
+      }, 1e3);
     }
-    function pe(e, n = !0) {
-      const a = e.code, i = ["ArrowUp", "ArrowDown"].includes(a), c = (n ? ["Enter", "Space"] : ["Enter"]).includes(a), y = a === "Escape" && I.value;
-      i ? Be(e, f.value) : c ? Ce(e, f.value) : y && F(e);
+    function Be(e) {
+      const a = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (e.preventDefault(), j(e), t.search ? $e(a) : Le(a)) : fe(e);
     }
-    function Be(e, n) {
-      var c;
+    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);
+    }
+    function Ce(e, a) {
+      var d;
       e.preventDefault();
-      const a = e.code;
-      I.value || R(e);
-      const i = (c = K.value) == null ? void 0 : c.length;
-      i && (typeof n == "number" ? n === i - 1 && a === "ArrowDown" ? f.value = 0 : n === 0 && a === "ArrowUp" ? f.value = i - 1 : f.value = a === "ArrowDown" ? n + 1 : n - 1 : f.value = a === "ArrowDown" ? 0 : i - 1, se(f.value));
+      const n = e.code;
+      I.value || j(e);
+      const i = (d = A.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 Ce(e, n) {
-      var i, c, y;
+    function Me(e, a) {
+      var i, d, h;
       if (!I.value)
         return;
       e.preventDefault();
-      const a = n ? ((i = K.value) == null ? void 0 : i[n]) ?? ((c = K.value) == null ? void 0 : c[0]) : (y = K.value) == null ? void 0 : y[0];
-      L(a) || fe(a);
+      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);
     }
     async function se(e) {
-      var a, i;
+      var n, i;
       await ue(), typeof e != "number" && ie();
-      const n = e ?? f.value;
-      if (typeof n == "number" && n >= 0) {
-        const c = (a = _.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item");
-        (i = c == null ? void 0 : c[n]) == null || i.scrollIntoView({
+      const a = e ?? f.value;
+      if (typeof a == "number" && a >= 0) {
+        const d = (n = _.value) == null ? void 0 : n.querySelectorAll(".m-select-list-item");
+        (i = d == null ? void 0 : d[a]) == null || i.scrollIntoView({
           behavior: "auto",
           block: "nearest",
           inline: "start"
@@ -665,43 +666,43 @@ const Je = ["for"], Xe = {
       }
     }
     function ie(e) {
-      var a;
-      const n = (a = K.value) == null ? void 0 : a.findIndex((i) => {
-        var c, y;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((y = (c = P.value) == null ? void 0 : c[0]) == null ? void 0 : y[t.optionValueKey]) === i[t.optionValueKey];
+      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];
       });
-      f.value = n && n >= 0 ? n : 0;
+      f.value = a && a >= 0 ? a : 0;
     }
-    function fe(e, n = !0) {
-      var y;
-      n && !t.multiple && ue(() => F()), T.value = "";
-      const a = (y = P.value) == null ? void 0 : y.some(
+    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]
       );
-      let i = P.value;
-      a && t.multiple ? i = i == null ? void 0 : i.filter(
+      let i = K.value;
+      n && t.multiple ? i = i == null ? void 0 : i.filter(
         (w) => w[t.optionValueKey] !== e[t.optionValueKey]
       ) : t.multiple ? i.push(e) : i = [e];
-      const c = i.map((w) => w[t.optionValueKey]);
-      s("update:model-value", t.multiple ? c : c[0]), s("selected-option", e), Se(), ie(e), ce();
+      const d = i.map((w) => w[t.optionValueKey]);
+      s("update:model-value", t.multiple ? d : d[0]), s("selected-option", e), Ke(), ie(e), pe();
     }
-    return (e, n) => he((m(), k(
+    return (e, a) => ge((m(), k(
       "div",
       {
         ref_key: "mazSelectElement",
-        ref: M,
-        class: B(["m-select m-reset-css", [
+        ref: Y,
+        class: M(["m-select m-reset-css", [
           { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
           t.class,
           `--${e.size}`
         ]]),
-        style: ee([e.style, { "--keyboard-selected-bg-color": le.value, "--selected-bg-color": J.value, "--selected-text-color": Z.value }])
+        style: ee([e.style, { "--keyboard-selected-bg-color": le.value, "--selected-bg-color": G.value, "--selected-text-color": R.value }])
       },
       [
-        q(ye, ge({
-          id: h(W),
+        P(he, ze({
+          id: g(q),
           ref_key: "mazInputComponent",
-          ref: j,
+          ref: U,
           class: "m-select-input"
         }, e.$attrs, {
           required: e.required,
@@ -712,36 +713,36 @@ const Je = ["for"], Xe = {
           block: "",
           autocomplete: e.autocomplete,
           disabled: e.disabled,
-          onFocus: H(R, ["prevent", "stop"]),
-          onBlur: H(F, ["prevent", "stop"]),
-          onClick: H(R, ["prevent", "stop"]),
-          onChange: n[0] || (n[0] = (a) => s("change", a)),
-          onInput: n[1] || (n[1] = (a) => s("input", a)),
-          onKeydown: Le
+          onFocus: F(j, ["prevent", "stop"]),
+          onBlur: F(D, ["prevent", "stop"]),
+          onClick: F(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(() => [
-            O("button", {
+            E("button", {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
               "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-              onClick: H(Ke, ["stop"])
+              onClick: F(Ae, ["stop"])
             }, [
-              q(h(S), { class: "m-select-chevron maz-text-xl" })
-            ], 8, tt)
+              P(g(S), { class: "m-select-chevron maz-text-xl" })
+            ], 8, ot)
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-        q(Fe, { name: ne.value }, {
+        P(He, { name: ne.value }, {
           default: te(() => [
             I.value ? (m(), k(
               "div",
               {
                 key: 0,
-                ref_key: "optionsListElement",
+                ref_key: "optionListElement",
                 ref: _,
-                class: B(["m-select-list", {
+                class: M(["m-select-list", {
                   "--top": e.listPosition.includes("top"),
                   "--left": e.listPosition.includes("left"),
                   "--right": e.listPosition.includes("right"),
@@ -755,14 +756,14 @@ const Je = ["for"], Xe = {
                 })
               },
               [
-                e.search ? (m(), A(ye, {
+                e.search ? (m(), $(he, {
                   key: 0,
                   ref_key: "searchInputComponent",
                   ref: x,
-                  modelValue: T.value,
+                  modelValue: o.value,
                   "onUpdate:modelValue": [
-                    n[2] || (n[2] = (a) => T.value = a),
-                    n[4] || (n[4] = (a) => f.value = 0)
+                    a[2] || (a[2] = (n) => o.value = n),
+                    a[4] || (a[4] = (n) => f.value = 0)
                   ],
                   size: "sm",
                   color: e.color,
@@ -773,29 +774,29 @@ const Je = ["for"], Xe = {
                   autocomplete: "off",
                   tabindex: "-1",
                   class: "m-select-list__search-input maz-flex-none",
-                  "left-icon": h(v),
-                  onKeydown: n[3] || (n[3] = (a) => pe(a, !1))
+                  "left-icon": g(y),
+                  onKeydown: a[3] || (a[3] = (n) => fe(n, !1))
                 }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : b("v-if", !0),
-                !K.value || K.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
-                  O("span", ot, [
-                    q(h(D), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                !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" })
                   ])
-                ], !0) : (m(), k("div", lt, [
+                ], !0) : (m(), k("div", at, [
                   (m(!0), k(
-                    ve,
+                    ye,
                     null,
-                    He(K.value, (a, i) => (m(), k(
-                      ve,
+                    qe(A.value, (n, i) => (m(), k(
+                      ye,
                       { key: i },
                       [
-                        a.label && a.isOptGroup ? U(e.$slots, "optgroup", {
+                        n.label && n.isOptGroup ? H(e.$slots, "optgroup", {
                           key: 0,
-                          label: a.label
+                          label: n.label
                         }, () => [
-                          O(
+                          E(
                             "span",
-                            at,
-                            G(a.label),
+                            nt,
+                            Q(n.label),
                             1
                             /* TEXT */
                           )
@@ -803,36 +804,36 @@ const Je = ["for"], Xe = {
                           key: 1,
                           tabindex: "-1",
                           type: "button",
-                          class: B(["m-select-list-item maz-custom maz-flex-none", [
+                          class: M(["m-select-list-item maz-custom maz-flex-none", [
                             {
                               "--is-keyboard-selected": f.value === i,
-                              "--is-selected": Q(a),
-                              "--is-none-value": L(a[e.optionValueKey])
+                              "--is-selected": W(n),
+                              "--is-none-value": B(n[e.optionValueKey])
                             }
                           ]]),
                           style: ee(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: H((c) => fe(a), ["prevent", "stop"])
+                          onClick: F((d) => me(n), ["prevent", "stop"])
                         }, [
-                          e.multiple ? (m(), A(h(d), {
+                          e.multiple ? (m(), $(g(c), {
                             key: 0,
                             tabindex: "-1",
-                            "model-value": Q(a),
+                            "model-value": W(n),
                             size: "sm",
                             color: e.color
                           }, null, 8, ["model-value", "color"])) : b("v-if", !0),
-                          U(e.$slots, "default", {
-                            option: a,
-                            isSelected: Q(a)
+                          H(e.$slots, "default", {
+                            option: n,
+                            isSelected: W(n)
                           }, () => [
-                            O(
+                            E(
                               "span",
                               null,
-                              G(a[e.optionLabelKey]),
+                              Q(n[e.optionLabelKey]),
                               1
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, nt))
+                        ], 14, st))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -853,15 +854,15 @@ const Je = ["for"], Xe = {
       6
       /* CLASS, STYLE */
     )), [
-      [h(Re), {
+      [g(Ge), {
         exclude: e.excludeSelectors,
-        handler: F
+        handler: D
       }]
     ]);
   }
-}), ut = /* @__PURE__ */ we(st, [["__scopeId", "data-v-0050f306"]]);
+}), rt = /* @__PURE__ */ Se(it, [["__scopeId", "data-v-98157b75"]]);
 export {
-  ut as M,
-  we as _,
-  ze as u
+  rt as M,
+  Se as _,
+  ke as u
 };