maz-ui 3.49.0 → 3.49.2

package/components/chunks/{MazPhoneNumberInput-CKpP3yWz.mjs → MazPhoneNumberInput-CPm6LjfT.mjs}

@@ -1,13 +1,13 @@
 import '../assets/MazPhoneNumberInput.css';var Xe = Object.defineProperty;
 var xe = (a, e, t) => e in a ? Xe(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var Z = (a, e, t) => xe(a, typeof e != "symbol" ? e + "" : e, t);
-import { computed as v, useId as _e, inject as eo, defineComponent as ae, defineAsyncComponent as R, withDirectives as Ie, openBlock as b, createElementBlock as S, normalizeClass as O, normalizeStyle as X, Fragment as Ce, renderList as Te, createElementVNode as q, mergeProps as _, createVNode as H, unref as I, createCommentVNode as V, renderSlot as M, ref as k, onMounted as Ae, useSlots as oo, toDisplayString as x, createBlock as U, resolveDynamicComponent as Le, toHandlers as to, vModelDynamic as lo, createTextVNode as ao, withModifiers as le, withCtx as W, onBeforeMount as Me, nextTick as ue, Transition as so, mergeModels as no, useModel as ro, watch as ve, provide as io } from "vue";
-import { getCountries as Fe, getCountryCallingCode as de, isSupportedCountry as uo, parsePhoneNumberFromString as co, getExampleNumber as mo, AsYouType as po } from "libphonenumber-js";
+import { computed as y, useId as _e, inject as eo, defineComponent as ae, defineAsyncComponent as q, withDirectives as Ie, openBlock as C, createElementBlock as S, normalizeClass as $, normalizeStyle as X, Fragment as Ce, renderList as Me, createElementVNode as j, mergeProps as _, createVNode as D, unref as I, createCommentVNode as P, renderSlot as T, ref as V, onMounted as Ae, useSlots as oo, toDisplayString as x, createBlock as H, resolveDynamicComponent as Le, toHandlers as to, vModelDynamic as lo, withModifiers as le, withCtx as Q, onBeforeMount as Te, nextTick as ue, Transition as ao, mergeModels as so, useModel as no, watch as ve, provide as ro } from "vue";
+import { getCountries as Fe, getCountryCallingCode as de, isSupportedCountry as io, parsePhoneNumberFromString as uo, getExampleNumber as co, AsYouType as mo } from "libphonenumber-js";
 function we({
   componentName: a,
   providedId: e
 }) {
-  return v(() => e ?? `${a}-${_e().replace(/:/g, "")}`);
+  return y(() => e ?? `${a}-${_e().replace(/:/g, "")}`);
 }
 function Ee(a, e = "20x15") {
   return `https://flagcdn.com/${e}/${a.toLowerCase()}.png`;
@@ -18,10 +18,10 @@ function Ne(a, e) {
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a.toString()}`);
   return t;
 }
-function fo(a) {
+function po(a) {
   return !!a;
 }
-const ho = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", vo = {
+const fo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", ho = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -35,10 +35,10 @@ const ho = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAA
     threshold: 0.1
   }
 };
-class yo {
+class vo {
   constructor(e = {}) {
     Z(this, "observers", []);
-    Z(this, "defaultOptions", vo);
+    Z(this, "defaultOptions", ho);
     Z(this, "options");
     Z(this, "onImgLoadedCallback");
     Z(this, "onImgErrorCallback");
@@ -150,16 +150,16 @@ class yo {
   handleIntersectionObserver(e, t, o, i) {
     var r, g;
     this.observers.push(i);
-    for (const y of o)
-      if (y.isIntersecting) {
-        if ((g = (r = this.options).onIntersecting) == null || g.call(r, y.target), this.options.observerOnce && i.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
+    for (const v of o)
+      if (v.isIntersecting) {
+        if ((g = (r = this.options).onIntersecting) == null || g.call(r, v.target), this.options.observerOnce && i.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
           return;
         this.loadImage(e, t);
       }
   }
   createObserver(e, t) {
-    const o = (g, y) => {
-      this.handleIntersectionObserver(e, t, g, y);
+    const o = (g, v) => {
+      this.handleIntersectionObserver(e, t, g, v);
     }, i = this.options.observerOptions;
     new IntersectionObserver(o, i).observe(e);
   }
@@ -176,7 +176,7 @@ class yo {
   async add(e, t) {
     if (this.hasBgImgMode(t) && this.isPictureElement(e))
       throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, ho), await this.bindUpdateHandler(e, t, "bind");
+    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, fo), await this.bindUpdateHandler(e, t, "bind");
   }
   async update(e, t) {
     t.value !== t.oldValue && (this.hasImgLoaded = !1, this.removeAllStateClasses(e), await this.bindUpdateHandler(e, t, "update"));
@@ -189,10 +189,10 @@ class yo {
   }
 }
 let ie;
-const go = {
+const yo = {
   created(a, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    ie = new yo(t), ie.add(a, e);
+    ie = new vo(t), ie.add(a, e);
   },
   updated(a, e) {
     ie.update(a, e);
@@ -200,10 +200,10 @@ const go = {
   unmounted(a, e) {
     ie.remove(a, e);
   }
-}, bo = ["data-lazy-srcset", "media"], Co = ["alt"], zo = {
+}, go = ["data-lazy-srcset", "media"], bo = ["alt"], Co = {
   key: 0,
   class: "m-lazy-img-component-loader"
-}, Io = /* @__PURE__ */ ae({
+}, zo = /* @__PURE__ */ ae({
   inheritAttrs: !1,
   __name: "MazLazyImg",
   props: {
@@ -224,52 +224,52 @@ const go = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, t = R(() => import("./MazSpinner-DP019rLG.mjs")), o = v(() => e.image || e.src), i = v(() => {
+    const e = a, t = q(() => import("./MazSpinner-CyqPQ7SW.mjs")), o = y(() => e.image || e.src), i = y(() => {
       var r;
       return typeof o.value == "string" ? [{ srcset: o.value }] : (r = o.value) == null ? void 0 : r.sources;
     });
-    return (r, g) => Ie((b(), S(
+    return (r, g) => Ie((C(), S(
       "picture",
       {
-        class: O(["m-lazy-img-component m-reset-css", [{ "--use-loader": !r.noLoader, "--height-full": r.imageHeightFull, "--block": r.block }, e.class]]),
+        class: $(["m-lazy-img-component m-reset-css", [{ "--use-loader": !r.noLoader, "--height-full": r.imageHeightFull, "--block": r.block }, e.class]]),
         style: X(r.style)
       },
       [
-        (b(!0), S(
+        (C(!0), S(
           Ce,
           null,
-          Te(i.value, ({ srcset: y, media: E }, C) => (b(), S("source", {
-            key: C,
-            "data-lazy-srcset": y,
-            media: E
-          }, null, 8, bo))),
+          Me(i.value, ({ srcset: v, media: L }, b) => (C(), S("source", {
+            key: b,
+            "data-lazy-srcset": v,
+            media: L
+          }, null, 8, go))),
           128
           /* KEYED_FRAGMENT */
         )),
-        q("img", _(r.$attrs, {
+        j("img", _(r.$attrs, {
           src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
           loading: "lazy",
           alt: r.alt,
           class: r.imgClass
-        }), null, 16, Co),
-        r.noLoader ? V("v-if", !0) : (b(), S("div", zo, [
-          H(I(t), { size: "2em" })
+        }), null, 16, bo),
+        r.noLoader ? P("v-if", !0) : (C(), S("div", Co, [
+          D(I(t), { size: "2em" })
         ])),
-        M(r.$slots, "default", {}, void 0, !0)
+        T(r.$slots, "default", {}, void 0, !0)
       ],
       6
       /* CLASS, STYLE */
     )), [
-      [I(go), {
+      [I(yo), {
         noPhoto: r.noPhoto,
         loadOnce: r.loadOnce,
         observerOptions: r.observerOptions,
         fallbackSrc: r.fallbackSrc,
         observerOnce: !r.noObserverOnce,
-        onIntersecting: (y) => r.$emit("intersecting", y),
-        onLoading: (y) => r.$emit("loading", y),
-        onLoaded: (y) => r.$emit("loaded", y),
-        onError: (y) => r.$emit("error", y)
+        onIntersecting: (v) => r.$emit("intersecting", v),
+        onLoading: (v) => r.$emit("loading", v),
+        onLoaded: (v) => r.$emit("loaded", v),
+        onError: (v) => r.$emit("error", v)
       }]
     ]);
   }
@@ -278,7 +278,7 @@ const go = {
   for (const [o, i] of e)
     t[o] = i;
   return t;
-}, $e = /* @__PURE__ */ se(Io, [["__scopeId", "data-v-16d47574"]]), Ao = {
+}, $e = /* @__PURE__ */ se(zo, [["__scopeId", "data-v-16d47574"]]), Io = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -289,7 +289,7 @@ const go = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function ce(a, e) {
-  const t = { ...Ao, ...e }, o = {
+  const t = { ...Io, ...e }, o = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -344,7 +344,7 @@ function ce(a, e) {
       i = i.normalize(r);
   return i;
 }
-function wo(a, e) {
+function Ao(a, e) {
   const t = a.length, o = e.length, i = [];
   for (let r = 0; r <= t; r++)
     i[r] = [r];
@@ -352,45 +352,45 @@ function wo(a, e) {
     i[0][r] = r;
   for (let r = 1; r <= t; r++)
     for (let g = 1; g <= o; g++) {
-      const y = a[r - 1] === e[g - 1] ? 0 : 1;
+      const v = a[r - 1] === e[g - 1] ? 0 : 1;
       i[r][g] = Math.min(
         i[r - 1][g] + 1,
         i[r][g - 1] + 1,
-        i[r - 1][g - 1] + y
+        i[r - 1][g - 1] + v
       );
     }
   return i[t][o];
 }
 function Ke(a, e) {
-  const t = wo(a, e), o = Math.max(a.length, e.length);
+  const t = Ao(a, e), o = Math.max(a.length, e.length);
   return 1 - t / o;
 }
-function So(a, e, t = 0.75) {
+function wo(a, e, t = 0.75) {
   return Ke(a, e) >= t;
 }
 function ye(a, e, t = 0.75) {
-  const o = v(
+  const o = y(
     () => ce(typeof a == "string" ? a : a.value)
-  ), i = v(
+  ), i = y(
     () => ce(typeof e == "string" ? e : e.value)
-  ), r = v(() => typeof t == "number" ? t : t.value), g = v(() => Ke(o.value, i.value));
+  ), r = y(() => typeof t == "number" ? t : t.value), g = y(() => Ke(o.value, i.value));
   return {
-    isMatching: v(
-      () => So(o.value, i.value, r.value)
+    isMatching: y(
+      () => wo(o.value, i.value, r.value)
     ),
     score: g
   };
 }
 function Ue(a, e, t) {
-  var g, y;
+  var g, v;
   a.stopPropagation();
   const o = typeof t.value == "function" ? t.value : t.value.handler, i = typeof t.value == "object" ? t.value.exclude : void 0;
   let r = !1;
   if (i && i.length > 0) {
-    for (const E of i)
+    for (const L of i)
       if (!r && a.target instanceof HTMLElement) {
-        const C = (g = document.querySelector(E)) == null ? void 0 : g.getAttribute("id");
-        r = (a.target.getAttribute("id") === C || ((y = document.querySelector(E)) == null ? void 0 : y.contains(a.target))) ?? !1;
+        const b = (g = document.querySelector(L)) == null ? void 0 : g.getAttribute("id");
+        r = (a.target.getAttribute("id") === b || ((v = document.querySelector(L)) == null ? void 0 : v.contains(a.target))) ?? !1;
       }
   }
   !e.contains(a.target) && !r && (o == null || o(a));
@@ -398,11 +398,11 @@ function Ue(a, e, t) {
 function He() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function Vo(a, e) {
+function So(a, e) {
   const t = He();
   document.removeEventListener(t, (o) => Ue(o, a, e));
 }
-function ko(a, e) {
+function Vo(a, e) {
   if (typeof e.value != "function" && typeof e.value == "object" && typeof e.value.handler != "function") {
     console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
     return;
@@ -410,15 +410,15 @@ function ko(a, e) {
   const t = He();
   document.addEventListener(t, (o) => Ue(o, a, e));
 }
-const Po = {
-  mounted: ko,
-  unmounted: Vo
+const ko = {
+  mounted: Vo,
+  unmounted: So
 };
 let ge = null;
-function Bo(a, e) {
+function Po(a, e) {
   ge && clearTimeout(ge), ge = setTimeout(a, e);
 }
-function Lo(a, e) {
+function Bo(a, e) {
   let t;
   return function(...o) {
     clearTimeout(t), t = setTimeout(() => {
@@ -426,13 +426,13 @@ function Lo(a, e) {
     }, e);
   };
 }
-const Eo = ["for"], $o = {
+const Lo = ["for"], Eo = {
   key: 0,
   class: "m-input-wrapper-left"
-}, Oo = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], To = { key: 0 }, Mo = {
+}, $o = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], Oo = {
   key: 1,
   class: "m-input-wrapper-right"
-}, Fo = /* @__PURE__ */ ae({
+}, Mo = /* @__PURE__ */ ae({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -473,15 +473,15 @@ const Eo = ["for"], $o = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(a, { emit: e }) {
-    const t = a, o = e, i = R(() => import("./MazBtn-BugQGoO-.mjs")), r = R(() => import("./MazIcon-Bnebkvf6.mjs")), g = R(() => import("./eye-slash-BoO00xzs.mjs")), y = R(() => import("./eye-f8zAUc30.mjs")), E = R(() => import("./check-C9Q_W85g.mjs")), C = k(!1), h = k(!1), T = k(), c = we({
+    const t = a, o = e, i = q(() => import("./MazBtn-GYr50Ap4.mjs")), r = q(() => import("./MazIcon-mGVzj6Xw.mjs")), g = q(() => import("./eye-slash-BoO00xzs.mjs")), v = q(() => import("./eye-f8zAUc30.mjs")), L = q(() => import("./check-C9Q_W85g.mjs")), b = V(!1), h = V(!1), O = V(), c = we({
       componentName: "MazInput",
       providedId: t.id
     });
     Ae(() => {
       var s;
-      t.autoFocus && ((s = T.value) == null || s.focus());
+      t.autoFocus && ((s = O.value) == null || s.focus());
     });
-    const A = v(() => t.type === "password"), m = v(() => C.value ? "text" : t.type), p = v(() => {
+    const A = y(() => t.type === "password"), m = y(() => b.value ? "text" : t.type), p = y(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -509,51 +509,47 @@ const Eo = ["for"], $o = {
         }
         return "--default-border";
       }
-    }), $ = oo(), J = v(() => {
-      const { required: s, placeholder: B } = t;
-      if (B)
-        return s ? `${B} *` : B;
-    }), ee = v(() => F.value !== void 0 && F.value !== ""), oe = Lo(
+    }), E = oo(), J = y(() => F.value !== void 0 && F.value !== ""), ee = Bo(
       (s) => {
         o("update:model-value", s);
       },
       typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
     );
-    function j(s) {
+    function oe(s) {
       if (t.debounce)
-        return oe(s);
+        return ee(s);
       o("update:model-value", s);
     }
-    const F = v({
+    const F = y({
       get: () => t.modelValue,
-      set: (s) => j(s)
-    }), N = v(() => (!!t.label || !!t.hint) && (h.value || !!ee.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), n = v(() => !!t.label || !!t.hint);
-    function w() {
-      return !!$["right-icon"] || A.value || !!$["valid-button"] || t.validButton || !!t.rightIcon;
+      set: (s) => oe(s)
+    }), Y = y(() => (!!t.label || !!t.hint) && (h.value || !!J.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), N = y(() => !!t.label || !!t.hint);
+    function n() {
+      return !!E["right-icon"] || A.value || !!E["valid-button"] || t.validButton || !!t.rightIcon;
     }
-    function K() {
-      return !!$["left-icon"] || !!t.leftIcon;
+    function w() {
+      return !!E["left-icon"] || !!t.leftIcon;
     }
-    function P(s) {
+    function K(s) {
       o("focus", s), h.value = !0;
     }
-    function Q(s) {
+    function k(s) {
       o("blur", s), h.value = !1;
     }
-    function me(s) {
+    function G(s) {
       return o("change", s);
     }
-    function pe(s) {
+    function me(s) {
       return o("input", s);
     }
-    return (s, B) => (b(), S(
+    return (s, M) => (C(), S(
       "div",
       {
-        class: O(["m-input", [
+        class: $(["m-input", [
           {
             "--is-focused": h.value || s.borderActive,
-            "--should-up": N.value,
-            "--has-label": n.value,
+            "--should-up": Y.value,
+            "--has-label": N.value,
             "--is-disabled": s.disabled,
             "--is-readonly": s.readonly,
             "--has-z-2": s.error || s.warning || s.success,
@@ -566,15 +562,15 @@ const Eo = ["for"], $o = {
         style: X(s.style)
       },
       [
-        s.topLabel ? (b(), S("label", {
+        s.topLabel ? (C(), S("label", {
           key: 0,
           for: I(c),
           class: "m-input-top-label"
-        }, x(s.topLabel), 9, Eo)) : V("v-if", !0),
-        q(
+        }, x(s.topLabel), 9, Lo)) : P("v-if", !0),
+        j(
           "div",
           {
-            class: O(["m-input-wrapper m-reset-css", [
+            class: $(["m-input-wrapper m-reset-css", [
               s.inputClasses,
               p.value,
               s.roundedSize ? `--rounded-${s.roundedSize}` : { "maz-rounded": !s.noRadius },
@@ -582,30 +578,30 @@ const Eo = ["for"], $o = {
             ]])
           },
           [
-            K() ? (b(), S("div", $o, [
-              s.$slots["left-icon"] || s.leftIcon ? M(s.$slots, "left-icon", { key: 0 }, () => [
-                typeof s.leftIcon == "string" ? (b(), U(I(r), {
+            w() ? (C(), S("div", Eo, [
+              s.$slots["left-icon"] || s.leftIcon ? T(s.$slots, "left-icon", { key: 0 }, () => [
+                typeof s.leftIcon == "string" ? (C(), H(I(r), {
                   key: 0,
                   name: s.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : s.leftIcon ? (b(), U(Le(s.leftIcon), {
+                }, null, 8, ["name"])) : s.leftIcon ? (C(), H(Le(s.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : V("v-if", !0)
-              ], !0) : V("v-if", !0)
-            ])) : V("v-if", !0),
-            q(
+                })) : P("v-if", !0)
+              ], !0) : P("v-if", !0)
+            ])) : P("v-if", !0),
+            j(
               "div",
               {
-                class: O(["m-input-wrapper-input", [`--${s.size}`, { "--top-label": !!s.topLabel }]])
+                class: $(["m-input-wrapper-input", [`--${s.size}`, { "--top-label": !!s.topLabel }]])
               },
               [
-                Ie(q("input", _({ id: I(c) }, s.$attrs, {
+                Ie(j("input", _({ id: I(c) }, s.$attrs, {
                   ref_key: "input",
-                  ref: T,
-                  "onUpdate:modelValue": B[0] || (B[0] = (G) => F.value = G),
+                  ref: O,
+                  "onUpdate:modelValue": M[0] || (M[0] = (U) => F.value = U),
                   name: s.name,
-                  placeholder: J.value,
+                  placeholder: s.placeholder,
                   "aria-label": s.label || s.placeholder,
                   type: m.value,
                   inputmode: s.inputmode,
@@ -615,20 +611,20 @@ const Eo = ["for"], $o = {
                   required: s.required,
                   class: "m-input-input"
                 }, to({
-                  blur: Q,
-                  focus: P,
-                  change: me,
-                  input: pe
+                  blur: k,
+                  focus: K,
+                  change: G,
+                  input: me
                 }, !0), {
-                  onClick: B[1] || (B[1] = (G) => s.$emit("click", G))
-                }), null, 16, Oo), [
+                  onClick: M[1] || (M[1] = (U) => s.$emit("click", U))
+                }), null, 16, $o), [
                   [lo, F.value]
                 ]),
-                s.label || s.hint ? (b(), S(
+                s.label || s.hint ? (C(), S(
                   "span",
                   {
                     key: 0,
-                    class: O(["m-input-label", [
+                    class: $(["m-input-label", [
                       {
                         "maz-text-danger-600": s.error,
                         "maz-text-success-600": s.success,
@@ -636,53 +632,46 @@ const Eo = ["for"], $o = {
                       }
                     ]])
                   },
-                  [
-                    ao(
-                      x(s.hint || s.label) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    s.required ? (b(), S("sup", To, "*")) : V("v-if", !0)
-                  ],
-                  2
-                  /* CLASS */
-                )) : V("v-if", !0)
+                  x(s.hint || s.label),
+                  3
+                  /* TEXT, CLASS */
+                )) : P("v-if", !0)
               ],
               2
               /* CLASS */
             ),
-            w() ? (b(), S("div", Mo, [
-              s.$slots["right-icon"] || s.rightIcon ? M(s.$slots, "right-icon", { key: 0 }, () => [
-                typeof s.rightIcon == "string" ? (b(), U(I(r), {
+            n() ? (C(), S("div", Oo, [
+              s.$slots["right-icon"] || s.rightIcon ? T(s.$slots, "right-icon", { key: 0 }, () => [
+                typeof s.rightIcon == "string" ? (C(), H(I(r), {
                   key: 0,
                   name: s.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : s.rightIcon ? (b(), U(Le(s.rightIcon), {
+                }, null, 8, ["name"])) : s.rightIcon ? (C(), H(Le(s.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : V("v-if", !0)
-              ], !0) : V("v-if", !0),
-              A.value ? (b(), U(I(i), {
+                })) : P("v-if", !0)
+              ], !0) : P("v-if", !0),
+              A.value ? (C(), H(I(i), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: B[2] || (B[2] = le((G) => C.value = !C.value, ["stop"]))
+                onClick: M[2] || (M[2] = le((U) => b.value = !b.value, ["stop"]))
               }, {
-                default: W(() => [
-                  C.value ? (b(), U(I(g), {
+                default: Q(() => [
+                  b.value ? (C(), H(I(g), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (b(), U(I(y), {
+                  })) : (C(), H(I(v), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : V("v-if", !0),
-              s.$slots["valid-button"] || s.validButton ? M(s.$slots, "valid-button", { key: 2 }, () => [
-                H(I(i), {
+              })) : P("v-if", !0),
+              s.$slots["valid-button"] || s.validButton ? T(s.$slots, "valid-button", { key: 2 }, () => [
+                D(I(i), {
                   color: "transparent",
                   disabled: s.disabled,
                   tabindex: "-1",
@@ -691,23 +680,23 @@ const Eo = ["for"], $o = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: W(() => [
-                    H(I(E), { class: "maz-text-2xl maz-text-normal" })
+                  default: Q(() => [
+                    D(I(L), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : V("v-if", !0)
-            ])) : V("v-if", !0)
+              ], !0) : P("v-if", !0)
+            ])) : P("v-if", !0)
           ],
           2
           /* CLASS */
         ),
-        s.assistiveText ? (b(), S(
+        s.assistiveText ? (C(), S(
           "div",
           {
             key: 1,
-            class: O(["m-input-bottom-text", [
+            class: $(["m-input-bottom-text", [
               {
                 "maz-text-danger-600": s.error,
                 "maz-text-success-600": s.success,
@@ -719,17 +708,17 @@ const Eo = ["for"], $o = {
           x(s.assistiveText),
           3
           /* TEXT, CLASS */
-        )) : V("v-if", !0)
+        )) : P("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ze = /* @__PURE__ */ se(Fo, [["__scopeId", "data-v-04e832e5"]]), No = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Uo = {
+}), ze = /* @__PURE__ */ se(Mo, [["__scopeId", "data-v-8def99c5"]]), To = ["aria-label"], Fo = { class: "m-select-list__no-results" }, No = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, Ho = { class: "m-select-list-optgroup" }, Do = ["onClick"], Ro = /* @__PURE__ */ ae({
+}, Ko = { class: "m-select-list-optgroup" }, Uo = ["onClick"], Ho = /* @__PURE__ */ ae({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -763,22 +752,22 @@ const Eo = ["for"], $o = {
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(a, { expose: e, emit: t }) {
-    const o = a, i = t, r = R(() => import("./MazCheckbox-BImOZ1aM.mjs")), g = R(() => import("./magnifying-glass--nBiyXot.mjs")), y = R(() => import("./chevron-down-BkvtON3b.mjs")), E = R(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const o = a, i = t, r = q(() => import("./MazCheckbox-t4i9eR04.mjs")), g = q(() => import("./magnifying-glass--nBiyXot.mjs")), v = q(() => import("./chevron-down-BkvtON3b.mjs")), L = q(() => import("./no-symbol-CIgKzsrB.mjs"));
     e({
       /** Method to open the option list */
       openList: ne,
       /** Method to close the option list */
       closeList: te
     });
-    const C = k(!1), h = k(), T = v(
+    const b = V(!1), h = V(), O = y(
       () => ["black", "transparent", "white"].includes(o.color)
-    ), c = v(
-      () => T.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
-    ), A = v(
-      () => T.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
-    ), m = v(
-      () => T.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-200)`
-    ), p = v(() => C.value || o.open), $ = we({
+    ), c = y(
+      () => O.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
+    ), A = y(
+      () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
+    ), m = y(
+      () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-200)`
+    ), p = y(() => b.value || o.open), E = we({
       componentName: "MazSelect",
       providedId: o.id
     });
@@ -810,53 +799,53 @@ const Eo = ["for"], $o = {
         ) : u.push(ee(d));
       return u;
     }
-    const j = v(() => oe(o.options ?? [])), F = v(
+    const F = y(() => oe(o.options ?? [])), Y = y(
       () => {
         var l;
-        return ((l = j.value) == null ? void 0 : l.filter((u) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(u[o.optionValueKey]) && !P(u[o.optionValueKey]) : !1 : o.modelValue === u[o.optionValueKey] && !P(u[o.optionValueKey]))) ?? [];
+        return ((l = F.value) == null ? void 0 : l.filter((u) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(u[o.optionValueKey]) && !k(u[o.optionValueKey]) : !1 : o.modelValue === u[o.optionValueKey] && !k(u[o.optionValueKey]))) ?? [];
       }
     );
-    Me(() => {
+    Te(() => {
       var l;
       (l = o.options) != null && l.length || console.warn("[maz-ui](MazSelect) you must provide options"), he();
     });
-    const N = k(), n = k(), w = k(), K = k();
-    function P(l) {
+    const N = V(), n = V(), w = V(), K = V();
+    function k(l) {
       return l == null;
     }
-    function Q(l) {
+    function G(l) {
       var d;
-      return (((d = F.value) == null ? void 0 : d.some(
+      return (((d = Y.value) == null ? void 0 : d.some(
         (f) => f[o.optionValueKey] === l[o.optionValueKey]
-      )) ?? !1) && !P(l[o.optionValueKey]);
+      )) ?? !1) && !k(l[o.optionValueKey]);
     }
-    const me = v(() => {
+    const me = y(() => {
       var u;
       if (o.multiple && o.modelValue && Array.isArray(o.modelValue))
         return o.modelValue.map(
           (d) => {
             var f, z;
-            return (z = (f = j.value) == null ? void 0 : f.find((L) => L[o.optionValueKey] === d)) == null ? void 0 : z[o.optionInputValueKey];
+            return (z = (f = F.value) == null ? void 0 : f.find((B) => B[o.optionValueKey] === d)) == null ? void 0 : z[o.optionInputValueKey];
           }
         ).join(", ");
-      const l = (u = j.value) == null ? void 0 : u.find(
+      const l = (u = F.value) == null ? void 0 : u.find(
         (d) => d[o.optionValueKey] === o.modelValue
       );
-      return P(o.modelValue) || l == null ? void 0 : l[o.optionInputValueKey];
-    }), pe = v(
+      return k(o.modelValue) || l == null ? void 0 : l[o.optionInputValueKey];
+    }), s = y(
       () => o.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), s = k(""), B = k("");
-    function G(l, u) {
+    ), M = V(""), U = V("");
+    function pe(l, u) {
       return u && l && ce(l).includes(ce(u));
     }
     function Ve(l) {
       var u;
-      return l ? (u = j.value) == null ? void 0 : u.filter((d) => {
-        const f = d[o.optionLabelKey], z = d[o.optionValueKey], L = d[o.optionInputValueKey], D = o.searchThreshold;
-        return G(f, l) || G(L, l) || G(z, l) || typeof f == "string" && ye(f, l, D).isMatching.value || typeof L == "string" && ye(L, l, D).isMatching.value || typeof z == "string" && ye(z, l, D).isMatching.value;
-      }) : j.value;
+      return l ? (u = F.value) == null ? void 0 : u.filter((d) => {
+        const f = d[o.optionLabelKey], z = d[o.optionValueKey], B = d[o.optionInputValueKey], R = o.searchThreshold;
+        return pe(f, l) || pe(B, l) || pe(z, l) || typeof f == "string" && ye(f, l, R).isMatching.value || typeof B == "string" && ye(B, l, R).isMatching.value || typeof z == "string" && ye(z, l, R).isMatching.value;
+      }) : F.value;
     }
-    const Y = v(() => o.searchFunction && o.search && s.value ? oe(o.searchFunction(s.value, o.options ?? []) ?? []) : Ve(s.value));
+    const W = y(() => o.searchFunction && o.search && M.value ? oe(o.searchFunction(M.value, o.options ?? []) ?? []) : Ve(M.value));
     async function te(l) {
       var d, f;
       if (!p.value)
@@ -866,10 +855,10 @@ const Eo = ["for"], $o = {
       const u = l && "relatedTarget" in l && l.relatedTarget instanceof HTMLElement && l.relatedTarget.getAttribute("id");
       if ((f = o.excludeSelectors) != null && f.includes(`#${u}`))
         return l == null ? void 0 : l.preventDefault();
-      await ue(), C.value = !1, h.value = 0, i("close", l);
+      await ue(), b.value = !1, h.value = 0, i("close", l);
     }
     async function ne(l) {
-      o.disabled || p.value || (l == null || l.preventDefault(), C.value = !0, await fe(), i("focus", l), i("open", C.value));
+      o.disabled || p.value || (l == null || l.preventDefault(), b.value = !0, await fe(), i("focus", l), i("open", b.value));
     }
     function ke() {
       var l, u;
@@ -880,20 +869,20 @@ const Eo = ["for"], $o = {
       (u = ((l = n.value) == null ? void 0 : l.$el).querySelector("input")) == null || u.dispatchEvent(new Event("input"));
     }
     function Ye(l) {
-      C.value ? te(l) : ke();
+      b.value ? te(l) : ke();
     }
     function We(l) {
       var u, d;
-      s.value = l, (d = ((u = w.value) == null ? void 0 : u.$el).querySelector("input")) == null || d.focus();
+      M.value = l, (d = ((u = w.value) == null ? void 0 : u.$el).querySelector("input")) == null || d.focus();
     }
     function Qe(l) {
       var d;
-      l === "Backspace" && B.value.length > 0 ? B.value = B.value.slice(0, -1) : B.value += l;
-      const u = Ve(B.value);
-      u != null && u.length && (h.value = (d = Y.value) == null ? void 0 : d.findIndex(
+      l === "Backspace" && U.value.length > 0 ? U.value = U.value.slice(0, -1) : U.value += l;
+      const u = Ve(U.value);
+      u != null && u.length && (h.value = (d = W.value) == null ? void 0 : d.findIndex(
         (f) => f[o.optionValueKey] === u[0][o.optionValueKey]
-      ), typeof h.value == "number" && h.value >= 0 && fe(h.value)), Bo(() => {
-        B.value = "";
+      ), typeof h.value == "number" && h.value >= 0 && fe(h.value)), Po(() => {
+        U.value = "";
       }, 1e3);
     }
     function Ge(l) {
@@ -901,24 +890,24 @@ const Eo = ["for"], $o = {
       /^[\dA-Za-z\u0400-\u04FF]$/.test(u) ? (l.preventDefault(), ne(l), o.search ? We(u) : Qe(u)) : Pe(l);
     }
     function Pe(l, u = !0) {
-      const d = l.code, f = ["ArrowUp", "ArrowDown"].includes(d), z = (u ? ["Enter", "Space"] : ["Enter"]).includes(d), L = d === "Escape" && p.value;
-      f ? Je(l, h.value) : z ? Ze(l, h.value) : L && te(l);
+      const d = l.code, f = ["ArrowUp", "ArrowDown"].includes(d), z = (u ? ["Enter", "Space"] : ["Enter"]).includes(d), B = d === "Escape" && p.value;
+      f ? Je(l, h.value) : z ? Ze(l, h.value) : B && te(l);
     }
     function Je(l, u) {
       var z;
       l.preventDefault();
       const d = l.code;
       p.value || ne(l);
-      const f = (z = Y.value) == null ? void 0 : z.length;
+      const f = (z = W.value) == null ? void 0 : z.length;
       f && (typeof u == "number" ? u === f - 1 && d === "ArrowDown" ? h.value = 0 : u === 0 && d === "ArrowUp" ? h.value = f - 1 : h.value = d === "ArrowDown" ? u + 1 : u - 1 : h.value = d === "ArrowDown" ? 0 : f - 1, fe(h.value));
     }
     function Ze(l, u) {
-      var f, z, L;
+      var f, z, B;
       if (!p.value)
         return;
       l.preventDefault();
-      const d = u ? ((f = Y.value) == null ? void 0 : f[u]) ?? ((z = Y.value) == null ? void 0 : z[0]) : (L = Y.value) == null ? void 0 : L[0];
-      P(d) || Be(d);
+      const d = u ? ((f = W.value) == null ? void 0 : f[u]) ?? ((z = W.value) == null ? void 0 : z[0]) : (B = W.value) == null ? void 0 : B[0];
+      k(d) || Be(d);
     }
     async function fe(l) {
       var d, f;
@@ -935,31 +924,31 @@ const Eo = ["for"], $o = {
     }
     function he(l) {
       var d;
-      const u = (d = Y.value) == null ? void 0 : d.findIndex((f) => {
-        var z, L;
-        return o.multiple && Array.isArray(o.modelValue) ? l ? l[o.optionValueKey] === f[o.optionValueKey] : [...o.modelValue].reverse()[0] === f[o.optionValueKey] : ((L = (z = F.value) == null ? void 0 : z[0]) == null ? void 0 : L[o.optionValueKey]) === f[o.optionValueKey];
+      const u = (d = W.value) == null ? void 0 : d.findIndex((f) => {
+        var z, B;
+        return o.multiple && Array.isArray(o.modelValue) ? l ? l[o.optionValueKey] === f[o.optionValueKey] : [...o.modelValue].reverse()[0] === f[o.optionValueKey] : ((B = (z = Y.value) == null ? void 0 : z[0]) == null ? void 0 : B[o.optionValueKey]) === f[o.optionValueKey];
       });
       h.value = u && u >= 0 ? u : 0;
     }
     function Be(l, u = !0) {
-      var L;
-      u && !o.multiple && ue(() => te()), s.value = "";
-      const d = (L = F.value) == null ? void 0 : L.some(
-        (D) => D[o.optionValueKey] === l[o.optionValueKey]
+      var B;
+      u && !o.multiple && ue(() => te()), M.value = "";
+      const d = (B = Y.value) == null ? void 0 : B.some(
+        (R) => R[o.optionValueKey] === l[o.optionValueKey]
       );
-      let f = F.value;
+      let f = Y.value;
       d && o.multiple ? f = f == null ? void 0 : f.filter(
-        (D) => D[o.optionValueKey] !== l[o.optionValueKey]
+        (R) => R[o.optionValueKey] !== l[o.optionValueKey]
       ) : o.multiple ? f.push(l) : f = [l];
-      const z = f.map((D) => D[o.optionValueKey]);
+      const z = f.map((R) => R[o.optionValueKey]);
       i("update:model-value", o.multiple ? z : z[0]), i("selected-option", l), je(), he(l), ke();
     }
-    return (l, u) => Ie((b(), S(
+    return (l, u) => Ie((C(), S(
       "div",
       {
         ref_key: "mazSelectElement",
         ref: N,
-        class: O(["m-select m-reset-css", [
+        class: $(["m-select m-reset-css", [
           { "--is-open": p.value, "--disabled": l.disabled, "--block": l.block },
           o.class,
           `--${l.size}`
@@ -967,14 +956,14 @@ const Eo = ["for"], $o = {
         style: X([l.style, { "--keyboard-selected-bg-color": m.value, "--selected-bg-color": A.value, "--selected-text-color": c.value }])
       },
       [
-        H(ze, _({
-          id: I($),
+        D(ze, _({
+          id: I(E),
           ref_key: "mazInputComponent",
           ref: n,
           class: "m-select-input"
         }, l.$attrs, {
           required: l.required,
-          "border-active": C.value,
+          "border-active": b.value,
           color: l.color,
           "model-value": me.value,
           size: l.size,
@@ -988,29 +977,29 @@ const Eo = ["for"], $o = {
           onInput: u[1] || (u[1] = (d) => i("input", d)),
           onKeydown: Ge
         }), {
-          "right-icon": W(() => [
-            q("button", {
+          "right-icon": Q(() => [
+            j("button", {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
               "aria-label": `${p.value ? "collapse" : "expand"} list of options`,
               onClick: le(Ye, ["stop"])
             }, [
-              H(I(y), { class: "m-select-chevron maz-text-xl" })
-            ], 8, No)
+              D(I(v), { class: "m-select-chevron maz-text-xl" })
+            ], 8, To)
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-        H(so, { name: pe.value }, {
-          default: W(() => [
-            p.value ? (b(), S(
+        D(ao, { name: s.value }, {
+          default: Q(() => [
+            p.value ? (C(), S(
               "div",
               {
                 key: 0,
                 ref_key: "optionListElement",
                 ref: K,
-                class: O(["m-select-list", {
+                class: $(["m-select-list", {
                   "--top": l.listPosition.includes("top"),
                   "--left": l.listPosition.includes("left"),
                   "--right": l.listPosition.includes("right"),
@@ -1024,13 +1013,13 @@ const Eo = ["for"], $o = {
                 })
               },
               [
-                l.search ? (b(), U(ze, {
+                l.search ? (C(), H(ze, {
                   key: 0,
                   ref_key: "searchInputComponent",
                   ref: w,
-                  modelValue: s.value,
+                  modelValue: M.value,
                   "onUpdate:modelValue": [
-                    u[2] || (u[2] = (d) => s.value = d),
+                    u[2] || (u[2] = (d) => M.value = d),
                     u[4] || (u[4] = (d) => h.value = 0)
                   ],
                   size: "sm",
@@ -1044,56 +1033,56 @@ const Eo = ["for"], $o = {
                   class: "m-select-list__search-input maz-flex-none",
                   "left-icon": I(g),
                   onKeydown: u[3] || (u[3] = (d) => Pe(d, !1))
-                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : V("v-if", !0),
-                !Y.value || Y.value.length <= 0 ? M(l.$slots, "no-results", { key: 1 }, () => [
-                  q("span", Ko, [
-                    H(I(E), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : P("v-if", !0),
+                !W.value || W.value.length <= 0 ? T(l.$slots, "no-results", { key: 1 }, () => [
+                  j("span", Fo, [
+                    D(I(L), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (b(), S("div", Uo, [
-                  (b(!0), S(
+                ], !0) : (C(), S("div", No, [
+                  (C(!0), S(
                     Ce,
                     null,
-                    Te(Y.value, (d, f) => (b(), S(
+                    Me(W.value, (d, f) => (C(), S(
                       Ce,
                       { key: f },
                       [
-                        d.label && d.isOptGroup ? M(l.$slots, "optgroup", {
+                        d.label && d.isOptGroup ? T(l.$slots, "optgroup", {
                           key: 0,
                           label: d.label
                         }, () => [
-                          q(
+                          j(
                             "span",
-                            Ho,
+                            Ko,
                             x(d.label),
                             1
                             /* TEXT */
                           )
-                        ], !0) : (b(), S("button", {
+                        ], !0) : (C(), S("button", {
                           key: 1,
                           tabindex: "-1",
                           type: "button",
-                          class: O(["m-select-list-item maz-custom maz-flex-none", [
+                          class: $(["m-select-list-item maz-custom maz-flex-none", [
                             {
                               "--is-keyboard-selected": h.value === f,
-                              "--is-selected": Q(d),
-                              "--is-none-value": P(d[l.optionValueKey])
+                              "--is-selected": G(d),
+                              "--is-none-value": k(d[l.optionValueKey])
                             }
                           ]]),
                           style: X(l.itemHeight ? { height: `${l.itemHeight}px` } : void 0),
                           onClick: le((z) => Be(d), ["prevent", "stop"])
                         }, [
-                          l.multiple ? (b(), U(I(r), {
+                          l.multiple ? (C(), H(I(r), {
                             key: 0,
                             tabindex: "-1",
-                            "model-value": Q(d),
+                            "model-value": G(d),
                             size: "sm",
                             color: l.color
-                          }, null, 8, ["model-value", "color"])) : V("v-if", !0),
-                          M(l.$slots, "default", {
+                          }, null, 8, ["model-value", "color"])) : P("v-if", !0),
+                          T(l.$slots, "default", {
                             option: d,
-                            isSelected: Q(d)
+                            isSelected: G(d)
                           }, () => [
-                            q(
+                            j(
                               "span",
                               null,
                               x(d[l.optionLabelKey]),
@@ -1101,7 +1090,7 @@ const Eo = ["for"], $o = {
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, Do))
+                        ], 14, Uo))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -1113,7 +1102,7 @@ const Eo = ["for"], $o = {
               ],
               6
               /* CLASS, STYLE */
-            )) : V("v-if", !0)
+            )) : P("v-if", !0)
           ]),
           _: 3
           /* FORWARDED */
@@ -1122,13 +1111,13 @@ const Eo = ["for"], $o = {
       6
       /* CLASS, STYLE */
     )), [
-      [I(Po), {
+      [I(ko), {
         exclude: l.excludeSelectors,
         handler: te
       }]
     ]);
   }
-}), qo = /* @__PURE__ */ se(Ro, [["__scopeId", "data-v-98157b75"]]);
+}), Do = /* @__PURE__ */ se(Ho, [["__scopeId", "data-v-98157b75"]]);
 function De() {
   if (typeof window > "u")
     return;
@@ -1142,30 +1131,30 @@ function De() {
   };
 }
 let be, Oe;
-function jo(a, e, t) {
+function Ro(a, e, t) {
   return t != null && t[e] ? t[e] : ((Oe !== a || !be) && (Oe = a, be = new Intl.DisplayNames([a], { type: "region" })), be.of(e));
 }
-function Yo(a, e) {
+function qo(a, e) {
   var i;
   const t = [], o = Fe();
   a = a ?? ((i = De()) == null ? void 0 : i.browserLocale) ?? "en-US";
   for (const r of o) {
-    const g = jo(a, r, e);
+    const g = Ro(a, r, e);
     if (g)
       try {
-        const y = de(r);
+        const v = de(r);
         t.push({
           iso2: r,
-          dialCode: y,
+          dialCode: v,
           name: g
         });
-      } catch (y) {
-        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${y}`);
+      } catch (v) {
+        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${v}`);
       }
   }
   return t;
 }
-async function Wo() {
+async function jo() {
   try {
     const a = await fetch("https://ipwho.is"), { country_code: e } = await a.json();
     return e;
@@ -1173,7 +1162,7 @@ async function Wo() {
     throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${a}`);
   }
 }
-function Qo(a) {
+function Yo(a) {
   if (!a)
     return "";
   const e = new RegExp(/[^\d ()+-]/g);
@@ -1181,16 +1170,16 @@ function Qo(a) {
 }
 function Se() {
   return {
-    sanitizePhoneNumber: Qo,
-    fetchCountryCode: Wo,
+    sanitizePhoneNumber: Yo,
+    fetchCountryCode: jo,
     getBrowserLocale: De,
-    getCountriesList: Yo
+    getCountriesList: qo
   };
 }
-const Go = ["id"], Jo = {
+const Wo = ["id"], Qo = {
   key: 0,
   class: "m-country-selector__select__item__flag-container"
-}, Zo = /* @__PURE__ */ ae({
+}, Go = /* @__PURE__ */ ae({
   __name: "CountrySelector",
   props: {
     style: { default: void 0 },
@@ -1219,7 +1208,7 @@ const Go = ["id"], Jo = {
   },
   emits: ["update:model-value"],
   setup(a) {
-    const e = a, { phoneNumber: t } = Ne("data"), o = k(), { getCountriesList: i } = Se(), r = v(() => i(e.countryLocale, e.customCountriesList)), g = v(
+    const e = a, { phoneNumber: t } = Ne("data"), o = V(), { getCountriesList: i } = Se(), r = y(() => i(e.countryLocale, e.customCountriesList)), g = y(
       () => {
         var c;
         return (c = r.value) == null ? void 0 : c.filter((A) => {
@@ -1227,7 +1216,7 @@ const Go = ["id"], Jo = {
           return !((m = e.ignoredCountries) != null && m.includes(A.iso2));
         });
       }
-    ), y = v(() => {
+    ), v = y(() => {
       const c = e.onlyCountries || e.preferredCountries;
       return c == null ? void 0 : c.map(
         (A) => {
@@ -1235,7 +1224,7 @@ const Go = ["id"], Jo = {
           return (m = g.value) == null ? void 0 : m.find((p) => p.iso2.includes(A));
         }
       );
-    }), E = v(
+    }), L = y(
       () => {
         var c;
         return (c = g.value) == null ? void 0 : c.filter((A) => {
@@ -1243,42 +1232,42 @@ const Go = ["id"], Jo = {
           return !((m = e.preferredCountries) != null && m.includes(A.iso2));
         });
       }
-    ), C = v(
-      () => e.preferredCountries ? [...y.value ?? [], ...E.value ?? []] : e.onlyCountries ? y.value : g.value
-    ), h = v(
+    ), b = y(
+      () => e.preferredCountries ? [...v.value ?? [], ...L.value ?? []] : e.onlyCountries ? v.value : g.value
+    ), h = y(
       () => {
         var c;
-        return (c = C.value) == null ? void 0 : c.map(
+        return (c = b.value) == null ? void 0 : c.map(
           (A) => A ? {
             ...A,
             dialCode: `+${A.dialCode}`
           } : void 0
-        ).filter(fo);
+        ).filter(po);
       }
     );
-    function T() {
+    function O() {
       var c;
       (c = o.value) == null || c.openList();
     }
-    return (c, A) => (b(), S(
+    return (c, A) => (C(), S(
       "div",
       {
-        class: O(["m-country-selector", [e.class, { "--no-flags": c.noFlags }]]),
+        class: $(["m-country-selector", [e.class, { "--no-flags": c.noFlags }]]),
         style: X(c.style)
       },
       [
-        c.modelValue && !c.noFlags ? (b(), S("button", {
+        c.modelValue && !c.noFlags ? (C(), S("button", {
           key: 0,
           id: `country-selector-flag-button-${c.id}`,
-          class: O(["m-country-selector__country-flag", {
+          class: $(["m-country-selector__country-flag", {
             "--should-have-bottom-flag": c.locales.countrySelector.placeholder.length > 0
           }]),
           tabindex: "-1",
           type: "button",
-          onClick: T
+          onClick: O
         }, [
-          M(c.$slots, "selector-flag", { countryCode: c.modelValue }, () => [
-            H($e, {
+          T(c.$slots, "selector-flag", { countryCode: c.modelValue }, () => [
+            D($e, {
               src: I(Ee)(c.modelValue, "h20"),
               alt: c.modelValue,
               width: "20",
@@ -1286,8 +1275,8 @@ const Go = ["id"], Jo = {
               "img-class": "maz-w-5 maz-h-4 maz-rounded-sm"
             }, null, 8, ["src", "alt"])
           ], !0)
-        ], 10, Go)) : V("v-if", !0),
-        H(qo, _({
+        ], 10, Wo)) : P("v-if", !0),
+        D(Do, _({
           id: `country-selector-${c.id}`,
           ref_key: "CountrySelectorRef",
           ref: o,
@@ -1319,25 +1308,25 @@ const Go = ["id"], Jo = {
           "exclude-selectors": [`#country-selector-flag-button-${c.id}`, ...c.excludeSelectors ?? []],
           "onUpdate:modelValue": A[0] || (A[0] = (m) => c.$emit("update:model-value", m))
         }), {
-          "no-results": W(() => [
-            M(c.$slots, "no-results", {}, void 0, !0)
+          "no-results": Q(() => [
+            T(c.$slots, "no-results", {}, void 0, !0)
           ]),
-          default: W(({ option: m, isSelected: p }) => [
-            q(
+          default: Q(({ option: m, isSelected: p }) => [
+            j(
               "div",
               {
-                class: O(["m-country-selector__select__item", {
+                class: $(["m-country-selector__select__item", {
                   "m-country-selector__select__item--selected": p
                 }])
               },
               [
-                !c.noFlags && typeof m.iso2 == "string" ? (b(), S("span", Jo, [
-                  M(c.$slots, "country-list-flag", {
+                !c.noFlags && typeof m.iso2 == "string" ? (C(), S("span", Qo, [
+                  T(c.$slots, "country-list-flag", {
                     countryCode: m.iso2,
                     option: m,
                     isSelected: p
                   }, () => [
-                    H($e, {
+                    D($e, {
                       src: I(Ee)(m.iso2, "h20"),
                       alt: `${m.name} flag`,
                       width: "20",
@@ -1345,21 +1334,21 @@ const Go = ["id"], Jo = {
                       "img-class": "maz-rounded-full maz-w-5 maz-h-5"
                     }, null, 8, ["src", "alt"])
                   ], !0)
-                ])) : V("v-if", !0),
-                c.showCodeOnList ? (b(), S(
+                ])) : P("v-if", !0),
+                c.showCodeOnList ? (C(), S(
                   "span",
                   {
                     key: 1,
-                    class: O(["maz-w-9 maz-flex-none", { "maz-text-muted": !p }])
+                    class: $(["maz-w-9 maz-flex-none", { "maz-text-muted": !p }])
                   },
                   x(m.dialCode),
                   3
                   /* TEXT, CLASS */
-                )) : V("v-if", !0),
-                q(
+                )) : P("v-if", !0),
+                j(
                   "span",
                   {
-                    class: O(["maz-flex-1 maz-truncate", { "maz-font-semibold": p }])
+                    class: $(["maz-flex-1 maz-truncate", { "maz-font-semibold": p }])
                   },
                   x(m.name),
                   3
@@ -1378,7 +1367,7 @@ const Go = ["id"], Jo = {
       /* CLASS, STYLE */
     ));
   }
-}), Xo = /* @__PURE__ */ se(Zo, [["__scopeId", "data-v-e2fee821"]]), xo = {
+}), Jo = /* @__PURE__ */ se(Go, [["__scopeId", "data-v-e2fee821"]]), Zo = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -1388,16 +1377,16 @@ const Go = ["id"], Jo = {
     placeholder: "Phone number",
     example: "Example:"
   }
-}, re = k();
-function _o(a) {
+}, re = V();
+function Xo(a) {
   try {
-    const e = uo(a);
+    const e = io(a);
     return e || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${a}" is not available`), !1);
   } catch (e) {
     return console.error(`[maz-ui](MazPhoneNumberInput) ${e}`), !1;
   }
 }
-function et({
+function xo({
   phoneNumber: a,
   countryCode: e,
   checkCountryCode: t = !1
@@ -1408,7 +1397,7 @@ function et({
         isValid: !1,
         countryCode: e
       };
-    const o = co(a, e ?? void 0), i = (o == null ? void 0 : o.isValid()) ?? !1, r = e && t ? (o == null ? void 0 : o.country) && e === o.country : !0;
+    const o = uo(a, e ?? void 0), i = (o == null ? void 0 : o.isValid()) ?? !1, r = e && t ? (o == null ? void 0 : o.country) && e === o.country : !0;
     return {
       isValid: i && !!r,
       countryCode: e,
@@ -1433,25 +1422,25 @@ async function Re() {
   const { default: a } = await import("./examples.mobile.json-tW3aL0qI.mjs");
   return a;
 }
-function ot(a) {
+function _o(a) {
   var e;
   try {
-    return re.value && a ? (e = mo(a, re.value)) == null ? void 0 : e.formatNational() : void 0;
+    return re.value && a ? (e = co(a, re.value)) == null ? void 0 : e.formatNational() : void 0;
   } catch (t) {
     console.error(`[maz-ui](MazPhoneNumberInput) ${t}`);
   }
 }
-function tt(a, e) {
+function et(a, e) {
   try {
-    return !e || !a ? void 0 : new po(a).input(e);
+    return !e || !a ? void 0 : new mo(a).input(e);
   } catch (t) {
     throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${t}`);
   }
 }
-function lt(a, e) {
+function ot(a, e) {
   return de(a) === de(e);
 }
-async function at() {
+async function tt() {
   try {
     if (re.value)
       return;
@@ -1463,20 +1452,20 @@ async function at() {
 function qe() {
   return {
     examples: re,
-    getAsYouTypeFormat: tt,
-    getPhoneNumberResults: et,
+    getAsYouTypeFormat: et,
+    getPhoneNumberResults: xo,
     getPhoneNumberExamplesFile: Re,
-    getPhoneNumberExample: ot,
-    isSameCountryCallingCode: lt,
-    isCountryAvailable: _o,
+    getPhoneNumberExample: _o,
+    isSameCountryCallingCode: ot,
+    isCountryAvailable: Xo,
     getCountries: Fe,
     getCountryCallingCode: de,
-    loadExamples: at
+    loadExamples: tt
   };
 }
-const st = /* @__PURE__ */ ae({
+const lt = /* @__PURE__ */ ae({
   __name: "PhoneInput",
-  props: /* @__PURE__ */ no({
+  props: /* @__PURE__ */ so({
     style: {},
     class: {},
     placeholder: {},
@@ -1520,37 +1509,37 @@ const st = /* @__PURE__ */ ae({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const { getPhoneNumberExample: e, getAsYouTypeFormat: t, loadExamples: o } = qe(), { sanitizePhoneNumber: i } = Se(), { results: r, selectedCountry: g } = Ne("data"), y = ro(a, "modelValue"), E = v(() => {
-      const m = r.value.isValid ? r.value.formatNational : y.value;
+    const { getPhoneNumberExample: e, getAsYouTypeFormat: t, loadExamples: o } = qe(), { sanitizePhoneNumber: i } = Se(), { results: r, selectedCountry: g } = Ne("data"), v = no(a, "modelValue"), L = y(() => {
+      const m = r.value.isValid ? r.value.formatNational : v.value;
       return t(g.value, m) || m;
-    }), C = k(!1), h = v({
-      get: () => !C.value && a.autoFormat ? E.value : y.value,
+    }), b = V(!1), h = y({
+      get: () => !b.value && a.autoFormat ? L.value : v.value,
       set: (m) => {
-        y.value = i(m);
+        v.value = i(m);
       }
     });
-    function T(m) {
+    function O(m) {
       const p = e(m);
       return p ? `${a.locales.phoneInput.example} ${p}` : void 0;
     }
-    const c = v(() => {
+    const c = y(() => {
       var p;
       if (a.label || a.placeholder)
         return a.label || a.placeholder;
       const m = a.locales.phoneInput.placeholder;
-      if (a.noExample || !C.value)
+      if (a.noExample || !b.value)
         return m;
       {
-        const $ = T(g.value);
-        return (p = r.value) != null && p.isValid || !$ ? m : $;
+        const E = O(g.value);
+        return (p = r.value) != null && p.isValid || !E ? m : E;
       }
-    }), A = v(() => a.placeholder ? { placeholder: c.value } : { label: c.value });
+    }), A = y(() => a.placeholder ? { placeholder: c.value } : { label: c.value });
     return Ae(() => {
       a.noExample || o();
-    }), (m, p) => (b(), U(ze, _({
+    }), (m, p) => (C(), H(ze, _({
       id: m.id,
       modelValue: h.value,
-      "onUpdate:modelValue": p[0] || (p[0] = ($) => h.value = $)
+      "onUpdate:modelValue": p[0] || (p[0] = (E) => h.value = E)
     }, { ...m.$attrs, ...A.value }, {
       disabled: m.disabled,
       color: m.color,
@@ -1564,14 +1553,14 @@ const st = /* @__PURE__ */ ae({
         {
           "--border-radius": m.hasRadius,
           "--error": m.error || !I(r).isValid,
-          "--focused": C.value
+          "--focused": b.value
         }
       ]],
-      onFocus: p[1] || (p[1] = ($) => C.value = !0),
-      onBlur: p[2] || (p[2] = ($) => C.value = !1)
+      onFocus: p[1] || (p[1] = (E) => b.value = !0),
+      onBlur: p[2] || (p[2] = (E) => b.value = !1)
     }), null, 16, ["id", "modelValue", "disabled", "color", "error", "size", "success", "name", "inputmode", "autocomplete", "class"]));
   }
-}), nt = /* @__PURE__ */ se(st, [["__scopeId", "data-v-3619d84c"]]), rt = /* @__PURE__ */ ae({
+}), at = /* @__PURE__ */ se(lt, [["__scopeId", "data-v-3619d84c"]]), st = /* @__PURE__ */ ae({
   name: "MazPhoneNumberInput",
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
@@ -1626,18 +1615,18 @@ const st = /* @__PURE__ */ ae({
   },
   emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
   setup(a, { emit: e }) {
-    const t = a, o = e, { fetchCountryCode: i, getBrowserLocale: r } = Se(), { isCountryAvailable: g, getPhoneNumberResults: y } = qe(), E = we({
+    const t = a, o = e, { fetchCountryCode: i, getBrowserLocale: r } = Se(), { isCountryAvailable: g, getPhoneNumberResults: v } = qe(), L = we({
       componentName: "MazPhoneNumberInput",
       providedId: t.id
-    }), C = k(), h = k(), T = k(!1), c = k(!1), A = v(() => ({
-      ...xo,
+    }), b = V(), h = V(), O = V(!1), c = V(!1), A = y(() => ({
+      ...Zo,
       ...t.translations
-    })), m = v(() => t.autoFormat && !t.noFormattingAsYouType), p = k({
+    })), m = y(() => t.autoFormat && !t.noFormattingAsYouType), p = V({
       isValid: !1,
       countryCode: t.countryCode ?? t.defaultCountryCode,
       phoneNumber: t.modelValue
-    }), $ = k();
-    Me(async () => {
+    }), E = V();
+    Te(async () => {
       if ((t.countryCode || t.defaultCountryCode) && !h.value && N({ countryCode: t.countryCode ?? t.defaultCountryCode }), t.fetchCountry && !h.value) {
         const n = await i();
         N({ countryCode: n });
@@ -1650,11 +1639,11 @@ const st = /* @__PURE__ */ ae({
       }
     });
     function J({
-      phone: n = C.value || t.modelValue,
+      phone: n = b.value || t.modelValue,
       countryCode: w = h.value,
       checkCountryCode: K = !1
     }) {
-      p.value = y({
+      p.value = v({
         phoneNumber: n,
         countryCode: w,
         checkCountryCode: K
@@ -1662,13 +1651,13 @@ const st = /* @__PURE__ */ ae({
     }
     function ee() {
       var n;
-      return (n = $.value) == null ? void 0 : n.$el.querySelector("input");
+      return (n = E.value) == null ? void 0 : n.$el.querySelector("input");
     }
     async function oe() {
       var n;
       await ue(), (n = ee()) == null || n.select();
     }
-    function j(n) {
+    function F(n) {
       if (n) {
         if (!g(n)) {
           console.warn(`[MazPhoneNumberInput] Country code not available: "${n}"`), h.value = void 0;
@@ -1677,15 +1666,15 @@ const st = /* @__PURE__ */ ae({
         h.value = n;
       }
     }
-    function F({
+    function Y({
       newPhoneNumber: n
     }) {
       var w;
       J({ phone: n }), p.value.parsedCountryCode && p.value.parsedCountryCode !== h.value && N({
         countryCode: p.value.parsedCountryCode,
         updateResults: !1
-      }), p.value.isValid && m.value ? C.value = (w = p.value.formatNational) == null ? void 0 : w.trim().replaceAll(new RegExp(/\D/g), "") : C.value = n, T.value = !0, p.value.e164 ? o("update:model-value", p.value.e164) : o("update:model-value", p.value.phoneNumber), setTimeout(() => {
-        T.value = !1;
+      }), p.value.isValid && m.value ? b.value = (w = p.value.formatNational) == null ? void 0 : w.trim().replaceAll(new RegExp(/\D/g), "") : b.value = n, O.value = !0, p.value.e164 ? o("update:model-value", p.value.e164) : o("update:model-value", p.value.phoneNumber), setTimeout(() => {
+        O.value = !1;
       }, 0);
     }
     function N({
@@ -1697,19 +1686,19 @@ const st = /* @__PURE__ */ ae({
         h.value = void 0;
         return;
       }
-      c.value = !0, n !== h.value && j(n), w && J({
+      c.value = !0, n !== h.value && F(n), w && J({
         countryCode: h.value,
         checkCountryCode: !0
       });
-      const P = p.value.countryCode || p.value.parsedCountryCode;
-      o("country-code", P), o("update:country-code", P), K && !p.value.isValid && oe(), setTimeout(() => {
+      const k = p.value.countryCode || p.value.parsedCountryCode;
+      o("country-code", k), o("update:country-code", k), K && !p.value.isValid && oe(), setTimeout(() => {
         c.value = !1;
       }, 0);
     }
     return ve(
       () => t.modelValue ?? t.defaultPhoneNumber,
       (n, w) => {
-        !T.value && n !== w && n !== C.value && F({ newPhoneNumber: n });
+        !O.value && n !== w && n !== b.value && Y({ newPhoneNumber: n });
       },
       { immediate: !0 }
     ), ve(
@@ -1724,22 +1713,22 @@ const st = /* @__PURE__ */ ae({
         o("update", n), o("data", n);
       },
       { immediate: !0 }
-    ), io("data", {
+    ), ro("data", {
       selectedCountry: h,
-      phoneNumber: C,
+      phoneNumber: b,
       results: p
     }), (n, w) => {
       var K;
-      return b(), S(
+      return C(), S(
         "div",
         {
-          class: O(["m-phone-number-input m-reset-css", [t.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
+          class: $(["m-phone-number-input m-reset-css", [t.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
           style: X(n.style)
         },
         [
-          n.noCountrySelector ? V("v-if", !0) : (b(), U(Xo, _({
+          n.noCountrySelector ? P("v-if", !0) : (C(), H(Jo, _({
             key: 0,
-            id: I(E)
+            id: I(L)
           }, n.countrySelectAttributes, {
             "model-value": h.value,
             color: n.color,
@@ -1752,7 +1741,7 @@ const st = /* @__PURE__ */ ae({
             "no-flags": n.noFlags,
             "no-search": n.noSearch,
             "exclude-selectors": n.excludeSelectors,
-            error: n.error || (n.noValidationError ? !1 : !!C.value && !h.value),
+            error: n.error || (n.noValidationError ? !1 : !!b.value && !h.value),
             success: n.success || (n.noValidationSuccess ? !1 : (K = p.value) == null ? void 0 : K.isValid),
             locales: A.value,
             disabled: n.disabled,
@@ -1761,29 +1750,29 @@ const st = /* @__PURE__ */ ae({
             "only-countries": n.onlyCountries,
             "preferred-countries": n.preferredCountries,
             width: n.countrySelectorWidth,
-            "onUpdate:modelValue": w[0] || (w[0] = (P) => N({ countryCode: P, selectPhoneNumber: !0 }))
+            "onUpdate:modelValue": w[0] || (w[0] = (k) => N({ countryCode: k, selectPhoneNumber: !0 }))
           }), {
-            "no-results": W(() => [
-              M(n.$slots, "no-results", {}, void 0, !0)
+            "no-results": Q(() => [
+              T(n.$slots, "no-results", {}, void 0, !0)
             ]),
-            "selector-flag": W(({ countryCode: P }) => [
-              M(n.$slots, "selector-flag", { countryCode: P }, void 0, !0)
+            "selector-flag": Q(({ countryCode: k }) => [
+              T(n.$slots, "selector-flag", { countryCode: k }, void 0, !0)
             ]),
-            "country-list-flag": W(({ isSelected: P, option: Q }) => [
-              M(n.$slots, "country-list-flag", {
-                countryCode: Q.iso2,
-                option: Q,
-                isSelected: P
+            "country-list-flag": Q(({ isSelected: k, option: G }) => [
+              T(n.$slots, "country-list-flag", {
+                countryCode: G.iso2,
+                option: G,
+                isSelected: k
               }, void 0, !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 16, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "exclude-selectors", "error", "success", "locales", "disabled", "search-threshold", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
-          H(nt, _({
-            id: I(E),
+          D(at, _({
+            id: I(L),
             ref_key: "PhoneInputRef",
-            ref: $,
-            "model-value": C.value
+            ref: E,
+            "model-value": b.value
           }, { ...n.$attrs, ...n.phoneInputAttributes }, {
             color: n.color,
             size: n.size,
@@ -1793,11 +1782,11 @@ const st = /* @__PURE__ */ ae({
             disabled: n.disabled,
             "has-radius": !n.noCountrySelector,
             success: n.success || (n.noValidationSuccess ? !1 : p.value.isValid),
-            error: n.error || (n.noValidationError ? !1 : !!C.value && !p.value.isValid),
+            error: n.error || (n.noValidationError ? !1 : !!b.value && !p.value.isValid),
             locales: A.value,
             label: n.label,
             placeholder: n.placeholder,
-            "onUpdate:modelValue": w[1] || (w[1] = (P) => F({ newPhoneNumber: P }))
+            "onUpdate:modelValue": w[1] || (w[1] = (k) => Y({ newPhoneNumber: k }))
           }), null, 16, ["id", "model-value", "color", "size", "auto-format", "no-example", "disabled", "has-radius", "success", "error", "locales", "label", "placeholder"])
         ],
         6
@@ -1805,9 +1794,9 @@ const st = /* @__PURE__ */ ae({
       );
     };
   }
-}), ct = /* @__PURE__ */ se(rt, [["__scopeId", "data-v-fb5085d5"]]);
+}), ut = /* @__PURE__ */ se(st, [["__scopeId", "data-v-fb5085d5"]]);
 export {
-  ct as M,
+  ut as M,
   se as _,
   Ne as i,
   we as u