maz-ui 3.37.1 → 3.37.2

package/components/chunks/{MazPhoneNumberInput-CLBAzGI-.mjs → MazPhoneNumberInput-CsX6Kqob.mjs}

@@ -1,7 +1,7 @@
 import '../assets/MazPhoneNumberInput.css';
-import { getCurrentInstance as to, computed as v, defineComponent as re, defineAsyncComponent as U, ref as S, onMounted as Ve, useSlots as lo, openBlock as C, createElementBlock as $, normalizeClass as E, normalizeStyle as _, createElementVNode as R, createCommentVNode as V, renderSlot as H, createBlock as K, unref as b, resolveDynamicComponent as Pe, withDirectives as Ne, mergeProps as pe, toHandlers as no, vModelDynamic as ao, createTextVNode as Ce, toDisplayString as G, withModifiers as x, withCtx as ae, createVNode as q, nextTick as ee, useCssVars as ro, onBeforeMount as so, Transition as uo, Fragment as Fe, renderList as io, reactive as co, mergeModels as Ae, useModel as po, resolveComponent as mo, watch as he } from "vue";
-import { getCountries as Te, getCountryCallingCode as de, getExampleNumber as fo, isSupportedCountry as yo, parsePhoneNumberFromString as vo, AsYouType as ho } from "libphonenumber-js";
-function bo(t, l) {
+import { getCurrentInstance as to, computed as v, defineComponent as re, defineAsyncComponent as U, ref as I, onMounted as we, useSlots as lo, openBlock as C, createElementBlock as P, normalizeClass as E, normalizeStyle as _, createElementVNode as R, createCommentVNode as V, renderSlot as H, createBlock as K, unref as b, resolveDynamicComponent as Fe, withDirectives as Ne, mergeProps as pe, toHandlers as no, vModelDynamic as ao, createTextVNode as Ce, toDisplayString as G, withModifiers as x, withCtx as ae, createVNode as q, nextTick as ee, useCssVars as ro, onBeforeMount as so, Transition as uo, Fragment as Ae, renderList as io, reactive as co, mergeModels as Le, useModel as po, watch as he } from "vue";
+import { getCountries as Te, getCountryCallingCode as de, getExampleNumber as fo, isSupportedCountry as mo, parsePhoneNumberFromString as yo, AsYouType as vo } from "libphonenumber-js";
+function ho(t, l) {
   let o;
   return function(...c) {
     clearTimeout(o), o = setTimeout(() => {
@@ -9,19 +9,19 @@ function bo(t, l) {
     }, l);
   };
 }
-const we = ({
+const ke = ({
   componentName: t,
   providedId: l
 }) => {
   const o = to();
   return v(() => l ?? `${t}-${o == null ? void 0 : o.uid}`);
-}, go = {
+}, bo = {
   key: 0,
   class: "m-input-wrapper-left"
-}, zo = { class: "m-input-wrapper-input" }, Co = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Vo = { key: 0 }, wo = {
+}, go = { class: "m-input-wrapper-input" }, zo = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Co = { key: 0 }, Vo = {
   key: 1,
   class: "m-input-wrapper-right"
-}, ko = /* @__PURE__ */ re({
+}, wo = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -59,15 +59,15 @@ const we = ({
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(t, { emit: l }) {
-    const o = U(() => import("./MazBtn-Da6kUAyv.mjs")), c = U(() => import("./MazIcon-Cxrv3_OK.mjs")), f = U(() => import("./eye-slash-tjfxO0LK.mjs")), m = U(() => import("./eye-DqO_Jx56.mjs")), n = U(() => import("./check-7UA4j2f2.mjs")), i = t, k = l, h = S(!1), B = S(!1), M = S(), d = we({
+    const o = U(() => import("./MazBtn-D-Axz-X0.mjs")), c = U(() => import("./MazIcon-Cxrv3_OK.mjs")), m = U(() => import("./eye-slash-tjfxO0LK.mjs")), f = U(() => import("./eye-DqO_Jx56.mjs")), n = U(() => import("./check-7UA4j2f2.mjs")), i = t, k = l, h = I(!1), B = I(!1), M = I(), d = ke({
       componentName: "MazInput",
       providedId: i.id
     });
-    Ve(() => {
-      var a;
-      i.autoFocus && ((a = M.value) == null || a.focus());
+    we(() => {
+      var r;
+      i.autoFocus && ((r = M.value) == null || r.focus());
     });
-    const g = v(() => i.type === "password"), y = v(() => h.value ? "text" : i.type), P = v(() => {
+    const g = v(() => i.type === "password"), y = v(() => h.value ? "text" : i.type), F = v(() => {
       if (!i.noBorder) {
         if (i.error)
           return "maz-border-danger";
@@ -95,144 +95,144 @@ const we = ({
         }
         return "--default-border";
       }
-    }), z = lo(), F = v(() => {
-      const { required: a, placeholder: L } = i;
+    }), z = lo(), $ = v(() => {
+      const { required: r, placeholder: L } = i;
       if (L)
-        return a ? `${L} *` : L;
-    }), r = v(() => N.value !== void 0 && N.value !== ""), I = bo(
-      (a) => {
-        N.value = a;
+        return r ? `${L} *` : L;
+    }), a = v(() => N.value !== void 0 && N.value !== ""), S = ho(
+      (r) => {
+        N.value = r;
       },
       typeof i.debounce == "number" ? i.debounce : i.debounceDelay ?? 500
     ), N = v({
       get: () => i.modelValue,
-      set: (a) => {
+      set: (r) => {
         if (i.debounce)
-          return I(a);
-        k("update:model-value", a);
+          return S(r);
+        k("update:model-value", r);
       }
-    }), ue = v(() => (!!i.label || !!i.hint) && (B.value || !!r.value || !!i.placeholder || ["date", "month", "week"].includes(i.type))), ie = v(() => !!i.label || !!i.hint);
+    }), ue = v(() => (!!i.label || !!i.hint) && (B.value || !!a.value || !!i.placeholder || ["date", "month", "week"].includes(i.type))), ie = v(() => !!i.label || !!i.hint);
     function O() {
       return !!z["right-icon"] || g.value || !!z["valid-button"] || i.validButton || !!i.rightIcon;
     }
     function te() {
       return !!z["left-icon"] || !!i.leftIcon;
     }
-    function me(a) {
-      k("focus", a), B.value = !0;
+    function fe(r) {
+      k("focus", r), B.value = !0;
     }
-    function fe(a) {
-      k("blur", a), B.value = !1;
+    function me(r) {
+      k("blur", r), B.value = !1;
     }
-    function j(a) {
-      return k("change", a);
+    function j(r) {
+      return k("change", r);
     }
-    return (a, L) => (C(), $(
+    return (r, L) => (C(), P(
       "div",
       {
         class: E(["m-input", [
           {
-            "--is-focused": B.value || a.borderActive,
+            "--is-focused": B.value || r.borderActive,
             "--should-up": ue.value,
             "--has-label": ie.value,
-            "--is-disabled": a.disabled,
-            "--is-readonly": a.readonly,
-            "--has-z-2": a.error || a.warning || a.success,
-            "--has-state": a.error || a.warning || a.success,
-            "--block": a.block
+            "--is-disabled": r.disabled,
+            "--is-readonly": r.readonly,
+            "--has-z-2": r.error || r.warning || r.success,
+            "--has-state": r.error || r.warning || r.success,
+            "--block": r.block
           },
           i.class,
-          `--${a.color}`,
-          `--${a.size}`
+          `--${r.color}`,
+          `--${r.size}`
         ]]),
-        style: _(a.style)
+        style: _(r.style)
       },
       [
         R(
           "div",
           {
             class: E(["m-input-wrapper", [
-              a.inputClasses,
-              P.value,
-              a.roundedSize ? `--rounded-${a.roundedSize}` : { "maz-rounded": !a.noRadius }
+              r.inputClasses,
+              F.value,
+              r.roundedSize ? `--rounded-${r.roundedSize}` : { "maz-rounded": !r.noRadius }
             ]])
           },
           [
-            te() ? (C(), $("div", go, [
+            te() ? (C(), P("div", bo, [
               V(`
           @slot left-icon - The icon to display on the left of the input
         `),
-              a.$slots["left-icon"] || a.leftIcon ? H(a.$slots, "left-icon", { key: 0 }, () => [
-                typeof a.leftIcon == "string" ? (C(), K(b(c), {
+              r.$slots["left-icon"] || r.leftIcon ? H(r.$slots, "left-icon", { key: 0 }, () => [
+                typeof r.leftIcon == "string" ? (C(), K(b(c), {
                   key: 0,
-                  name: a.leftIcon,
+                  name: r.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : a.leftIcon ? (C(), K(Pe(a.leftIcon), {
+                }, null, 8, ["name"])) : r.leftIcon ? (C(), K(Fe(r.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : V("v-if", !0)
               ], !0) : V("v-if", !0)
             ])) : V("v-if", !0),
-            R("div", zo, [
+            R("div", go, [
               Ne(R("input", pe({
                 id: b(d),
                 ref_key: "input",
                 ref: M,
                 "onUpdate:modelValue": L[0] || (L[0] = (Y) => N.value = Y),
                 type: y.value,
-                name: a.name
-              }, a.$attrs, {
-                inputmode: a.inputmode,
-                placeholder: F.value,
-                "aria-label": a.label || a.placeholder,
-                disabled: a.disabled,
-                readonly: a.readonly,
-                required: a.required,
+                name: r.name
+              }, r.$attrs, {
+                inputmode: r.inputmode,
+                placeholder: $.value,
+                "aria-label": r.label || r.placeholder,
+                disabled: r.disabled,
+                readonly: r.readonly,
+                required: r.required,
                 class: "m-input-input"
               }, no({
-                blur: fe,
-                focus: me,
+                blur: me,
+                focus: fe,
                 change: j
               }, !0), {
-                onClick: L[1] || (L[1] = (Y) => a.$emit("click", Y))
-              }), null, 16, Co), [
+                onClick: L[1] || (L[1] = (Y) => r.$emit("click", Y))
+              }), null, 16, zo), [
                 [ao, N.value]
               ]),
-              a.label || a.hint ? (C(), $(
+              r.label || r.hint ? (C(), P(
                 "span",
                 {
                   key: 0,
                   ref: "label",
                   class: E(["m-input-label", [
                     {
-                      "maz-text-danger-600": a.error,
-                      "maz-text-success-600": a.success,
-                      "maz-text-warning-600": a.warning
+                      "maz-text-danger-600": r.error,
+                      "maz-text-success-600": r.success,
+                      "maz-text-warning-600": r.warning
                     }
                   ]])
                 },
                 [
                   Ce(
-                    G(a.hint || a.label) + " ",
+                    G(r.hint || r.label) + " ",
                     1
                     /* TEXT */
                   ),
-                  a.required ? (C(), $("sup", Vo, "*")) : V("v-if", !0)
+                  r.required ? (C(), P("sup", Co, "*")) : V("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : V("v-if", !0)
             ]),
-            O() ? (C(), $("div", wo, [
+            O() ? (C(), P("div", Vo, [
               V(`
           @slot right-icon - The icon to display on the right of the input
         `),
-              a.$slots["right-icon"] || a.rightIcon ? H(a.$slots, "right-icon", { key: 0 }, () => [
-                typeof a.rightIcon == "string" ? (C(), K(b(c), {
+              r.$slots["right-icon"] || r.rightIcon ? H(r.$slots, "right-icon", { key: 0 }, () => [
+                typeof r.rightIcon == "string" ? (C(), K(b(c), {
                   key: 0,
-                  name: a.rightIcon,
+                  name: r.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : a.rightIcon ? (C(), K(Pe(a.rightIcon), {
+                }, null, 8, ["name"])) : r.rightIcon ? (C(), K(Fe(r.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : V("v-if", !0)
@@ -245,10 +245,10 @@ const we = ({
                 onClick: L[2] || (L[2] = x((Y) => h.value = !h.value, ["stop"]))
               }, {
                 default: ae(() => [
-                  h.value ? (C(), K(b(f), {
+                  h.value ? (C(), K(b(m), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (C(), K(b(m), {
+                  })) : (C(), K(b(f), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -259,12 +259,12 @@ const we = ({
               V(`
           @slot valid-button - Replace the valid button by your own
         `),
-              a.$slots["valid-button"] || a.validButton ? H(a.$slots, "valid-button", { key: 2 }, () => [
+              r.$slots["valid-button"] || r.validButton ? H(r.$slots, "valid-button", { key: 2 }, () => [
                 q(b(o), {
                   color: "transparent",
-                  disabled: a.disabled,
+                  disabled: r.disabled,
                   tabindex: "-1",
-                  loading: a.validButtonLoading,
+                  loading: r.validButtonLoading,
                   class: "m-input-valid-button",
                   size: "mini",
                   type: "submit"
@@ -288,27 +288,27 @@ const we = ({
   }
 }), se = (t, l) => {
   const o = t.__vccOpts || t;
-  for (const [c, f] of l)
-    o[c] = f;
+  for (const [c, m] of l)
+    o[c] = m;
   return o;
-}, Le = /* @__PURE__ */ se(ko, [["__scopeId", "data-v-78090be8"]]);
+}, Ve = /* @__PURE__ */ se(wo, [["__scopeId", "data-v-78090be8"]]);
 let be = null;
-function Io(t, l) {
+function ko(t, l) {
   be && clearTimeout(be), be = setTimeout(t, l);
 }
 const ce = "__maz-click-outside__", De = () => document.ontouchstart === null ? "touchstart" : "click";
 async function Ue(t, l) {
   try {
     Re(t);
-    const o = l.instance, c = l.value, f = typeof c == "function";
-    if (!f)
+    const o = l.instance, c = l.value, m = typeof c == "function";
+    if (!m)
       throw new Error("[maz-ui](vClickOutside) the callback should be a function");
     await ee(), t[ce] = (n) => {
-      if ((!t || n.target && !t.contains(n.target)) && c && f)
+      if ((!t || n.target && !t.contains(n.target)) && c && m)
         return c.call(o, n);
     };
-    const m = De();
-    document.addEventListener(m, t[ce], { passive: !0 });
+    const f = De();
+    document.addEventListener(f, t[ce], { passive: !0 });
   } catch (o) {
     console.error("[maz-ui](vClickOutside)", o);
   }
@@ -321,7 +321,7 @@ function Re(t) {
     console.error("[maz-ui](vClickOutside)", l);
   }
 }
-function So(t, l) {
+function Io(t, l) {
   try {
     if (l.value === l.oldValue)
       return;
@@ -330,56 +330,56 @@ function So(t, l) {
     console.error("[maz-ui](vClickOutside)", o);
   }
 }
-const Bo = {
+const So = {
   mounted: Ue,
-  updated: So,
+  updated: Io,
   unmounted: Re
 };
-function $o(t, l) {
-  const o = t.length, c = l.length, f = [];
-  for (let m = 0; m <= o; m++)
-    f[m] = [m];
-  for (let m = 0; m <= c; m++)
-    f[0][m] = m;
-  for (let m = 1; m <= o; m++)
+function Bo(t, l) {
+  const o = t.length, c = l.length, m = [];
+  for (let f = 0; f <= o; f++)
+    m[f] = [f];
+  for (let f = 0; f <= c; f++)
+    m[0][f] = f;
+  for (let f = 1; f <= o; f++)
     for (let n = 1; n <= c; n++) {
-      const i = t[m - 1] === l[n - 1] ? 0 : 1;
-      f[m][n] = Math.min(
-        f[m - 1][n] + 1,
-        f[m][n - 1] + 1,
-        f[m - 1][n - 1] + i
+      const i = t[f - 1] === l[n - 1] ? 0 : 1;
+      m[f][n] = Math.min(
+        m[f - 1][n] + 1,
+        m[f][n - 1] + 1,
+        m[f - 1][n - 1] + i
       );
     }
-  return f[o][c];
+  return m[o][c];
 }
 function Me(t) {
   return t.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").toLowerCase();
 }
 function Oe(t, l) {
-  const o = $o(t, l), c = Math.max(t.length, l.length);
+  const o = Bo(t, l), c = Math.max(t.length, l.length);
   return 1 - o / c;
 }
-function Po(t, l, o = 0.75) {
+function $o(t, l, o = 0.75) {
   return Oe(t, l) >= o;
 }
 function ge(t, l, o = 0.75) {
   const c = v(
     () => Me(typeof t == "string" ? t : t.value)
-  ), f = v(
+  ), m = v(
     () => Me(typeof l == "string" ? l : l.value)
-  ), m = v(() => typeof o == "number" ? o : o.value), n = v(() => Oe(c.value, f.value));
+  ), f = v(() => typeof o == "number" ? o : o.value), n = v(() => Oe(c.value, m.value));
   return {
     isMatching: v(
-      () => Po(c.value, f.value, m.value)
+      () => $o(c.value, m.value, f.value)
     ),
     score: n
   };
 }
-const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
+const Po = ["aria-label"], Fo = { class: "m-select-list__no-results" }, Ao = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, Mo = { class: "m-select-list-optgroup" }, Eo = ["onClick"], Ko = /* @__PURE__ */ re({
+}, Lo = { class: "m-select-list-optgroup" }, Mo = ["onClick"], Eo = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -412,7 +412,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
       "619dedd3": M.value,
       "72c218fb": d.value
     }));
-    const o = U(() => import("./MazCheckbox-CPiIoQZk.mjs")), c = U(() => import("./magnifying-glass-DZGg7953.mjs")), f = U(() => import("./chevron-down-CzMH-gFW.mjs")), m = U(() => import("./no-symbol-QAqP9IlR.mjs")), n = t, i = l, k = S(!1), h = S(), B = v(
+    const o = U(() => import("./MazCheckbox-CXVe5vda.mjs")), c = U(() => import("./magnifying-glass-DZGg7953.mjs")), m = U(() => import("./chevron-down-CzMH-gFW.mjs")), f = U(() => import("./no-symbol-QAqP9IlR.mjs")), n = t, i = l, k = I(!1), h = I(), B = v(
       () => ["black", "transparent", "white"].includes(n.color)
     ), M = v(
       () => B.value ? "var(--maz-color-black)" : `var(--maz-color-${n.color}-800)`
@@ -420,7 +420,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
       () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${n.color}-100)`
     ), g = v(
       () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${n.color}-200)`
-    ), y = v(() => k.value || n.open), P = we({
+    ), y = v(() => k.value || n.open), F = ke({
       componentName: "MazSelect",
       providedId: n.id
     });
@@ -431,7 +431,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
         [n.optionInputValueKey]: e
       };
     }
-    function F(e) {
+    function $(e) {
       return {
         ...e,
         [n.optionValueKey]: e[n.optionValueKey],
@@ -439,7 +439,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
         [n.optionInputValueKey]: e[n.optionInputValueKey]
       };
     }
-    const r = v(() => {
+    const a = v(() => {
       var s;
       const e = [];
       if (!((s = n.options) != null && s.length))
@@ -448,57 +448,57 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
         typeof u == "string" || typeof u == "number" || typeof u == "boolean" ? e.push(z(u)) : "options" in u && Array.isArray(u.options) ? e.push(
           { label: u.label, isOptGroup: !0 },
           ...u.options.map(
-            (p) => typeof p == "string" || typeof p == "number" || typeof p == "boolean" ? z(p) : F(p)
+            (p) => typeof p == "string" || typeof p == "number" || typeof p == "boolean" ? z(p) : $(p)
           )
-        ) : e.push(F(u));
+        ) : e.push($(u));
       return e;
-    }), I = v(
+    }), S = v(
       () => {
         var e;
-        return ((e = r.value) == null ? void 0 : e.filter((s) => n.multiple ? Array.isArray(n.modelValue) ? n.modelValue.includes(s[n.optionValueKey]) && !O(s[n.optionValueKey]) : !1 : n.modelValue === s[n.optionValueKey] && !O(s[n.optionValueKey]))) ?? [];
+        return ((e = a.value) == null ? void 0 : e.filter((s) => n.multiple ? Array.isArray(n.modelValue) ? n.modelValue.includes(s[n.optionValueKey]) && !O(s[n.optionValueKey]) : !1 : n.modelValue === s[n.optionValueKey] && !O(s[n.optionValueKey]))) ?? [];
       }
     );
     so(() => {
       var e;
       (e = n.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ve();
     });
-    const Z = S(), N = S(), ue = S(), ie = S(), O = (e) => e == null;
+    const Z = I(), N = I(), ue = I(), ie = I(), O = (e) => e == null;
     function te(e) {
       var u;
-      return (((u = I.value) == null ? void 0 : u.some(
+      return (((u = S.value) == null ? void 0 : u.some(
         (p) => p[n.optionValueKey] === e[n.optionValueKey]
       )) ?? !1) && !O(e[n.optionValueKey]);
     }
-    const me = v(() => {
+    const fe = v(() => {
       var s;
       if (n.multiple && n.modelValue && Array.isArray(n.modelValue))
         return n.modelValue.map(
           (u) => {
             var p, w;
-            return (w = (p = r.value) == null ? void 0 : p.find((A) => A[n.optionValueKey] === u)) == null ? void 0 : w[n.optionInputValueKey];
+            return (w = (p = a.value) == null ? void 0 : p.find((A) => A[n.optionValueKey] === u)) == null ? void 0 : w[n.optionInputValueKey];
           }
         ).join(", ");
-      const e = (s = r.value) == null ? void 0 : s.find(
+      const e = (s = a.value) == null ? void 0 : s.find(
         (u) => u[n.optionValueKey] === n.modelValue
       );
       return O(n.modelValue) || e == null ? void 0 : e[n.optionInputValueKey];
-    }), fe = v(
+    }), me = v(
       () => n.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), j = S(""), a = S("");
+    ), j = I(""), r = I("");
     function L(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
     const Y = (e, s) => s && e && L(e.toString().toLocaleLowerCase().trim()).includes(
       L(s.toLocaleLowerCase().trim())
     );
-    function Ie(e) {
+    function Se(e) {
       var s;
-      return e ? (s = r.value) == null ? void 0 : s.filter((u) => {
+      return e ? (s = a.value) == null ? void 0 : s.filter((u) => {
         const p = u[n.optionLabelKey], w = u[n.optionValueKey], A = u[n.optionInputValueKey];
         return Y(p, e) || Y(A, e) || Y(w, e) || typeof p == "string" && ge(p, e).isMatching.value || typeof A == "string" && ge(A, e).isMatching.value || typeof w == "string" && ge(w, e).isMatching.value;
-      }) : r.value;
+      }) : a.value;
     }
-    const T = v(() => Ie(j.value));
+    const T = v(() => Se(j.value));
     async function le(e) {
       var s;
       if (y.value) {
@@ -510,12 +510,12 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
     async function ne(e) {
       n.disabled || y.value || (e == null || e.preventDefault(), k.value = !0, await ye(), i("focus", e), i("open", k.value));
     }
-    function Se() {
+    function Be() {
       var e, s;
       (s = ((e = N.value) == null ? void 0 : e.$el).querySelector("input")) == null || s.focus();
     }
     function Ze(e) {
-      k.value ? le(e) : Se();
+      k.value ? le(e) : Be();
     }
     function Xe(e) {
       var s, u;
@@ -523,18 +523,18 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
     }
     function xe(e) {
       var u;
-      e === "Backspace" && a.value.length > 0 ? a.value = a.value.slice(0, -1) : a.value += e;
-      const s = Ie(a.value);
+      e === "Backspace" && r.value.length > 0 ? r.value = r.value.slice(0, -1) : r.value += e;
+      const s = Se(r.value);
       s != null && s.length && (h.value = (u = T.value) == null ? void 0 : u.findIndex(
         (p) => p[n.optionValueKey] === s[0][n.optionValueKey]
-      ), typeof h.value == "number" && h.value >= 0 && ye(h.value)), Io(() => {
-        a.value = "";
+      ), typeof h.value == "number" && h.value >= 0 && ye(h.value)), ko(() => {
+        r.value = "";
       }, 1e3);
     }
     const _e = (e) => {
       const s = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(s) ? (e.preventDefault(), ne(e), n.search ? Xe(s) : xe(s)) : Be(e);
-    }, Be = (e) => {
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(s) ? (e.preventDefault(), ne(e), n.search ? Xe(s) : xe(s)) : $e(e);
+    }, $e = (e) => {
       const s = e.code, u = ["ArrowUp", "ArrowDown"].includes(s), p = ["Enter", "Space"].includes(s), w = s === "Escape" && y.value;
       u ? eo(e, h.value) : p ? oo(e, h.value) : w && le();
     }, eo = (e, s) => {
@@ -549,7 +549,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
       if (e.preventDefault(), !y.value)
         return ne(e);
       const u = s ? ((p = T.value) == null ? void 0 : p[s]) ?? ((w = T.value) == null ? void 0 : w[0]) : (A = T.value) == null ? void 0 : A[0];
-      O(u) || $e(u);
+      O(u) || Pe(u);
     };
     async function ye(e) {
       var u, p;
@@ -565,24 +565,24 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
       var u;
       const s = (u = T.value) == null ? void 0 : u.findIndex((p) => {
         var w, A;
-        return n.multiple && Array.isArray(n.modelValue) ? e ? e[n.optionValueKey] === p[n.optionValueKey] : [...n.modelValue].reverse()[0] === p[n.optionValueKey] : ((A = (w = I.value) == null ? void 0 : w[0]) == null ? void 0 : A[n.optionValueKey]) === p[n.optionValueKey];
+        return n.multiple && Array.isArray(n.modelValue) ? e ? e[n.optionValueKey] === p[n.optionValueKey] : [...n.modelValue].reverse()[0] === p[n.optionValueKey] : ((A = (w = S.value) == null ? void 0 : w[0]) == null ? void 0 : A[n.optionValueKey]) === p[n.optionValueKey];
       });
       h.value = s && s >= 0 ? s : 0;
     }
-    const $e = (e, s = !0) => {
+    const Pe = (e, s = !0) => {
       var A;
       s && !n.multiple && ee(() => le()), j.value = "";
-      const u = (A = I.value) == null ? void 0 : A.some(
+      const u = (A = S.value) == null ? void 0 : A.some(
         (X) => X[n.optionValueKey] === e[n.optionValueKey]
       );
-      let p = I.value;
+      let p = S.value;
       u && n.multiple ? p = p == null ? void 0 : p.filter(
         (X) => X[n.optionValueKey] !== e[n.optionValueKey]
       ) : n.multiple ? p.push(e) : p = [e];
       const w = p.map((X) => X[n.optionValueKey]);
-      i("update:model-value", n.multiple ? w : w[0]), i("selected-option", e), ve(e), Se();
+      i("update:model-value", n.multiple ? w : w[0]), i("selected-option", e), ve(e), Be();
     };
-    return (e, s) => Ne((C(), $(
+    return (e, s) => Ne((C(), P(
       "div",
       {
         ref_key: "mazSelectElement",
@@ -595,8 +595,8 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
         style: _(e.style)
       },
       [
-        q(Le, pe({
-          id: b(P),
+        q(Ve, pe({
+          id: b(F),
           ref_key: "mazInputComponent",
           ref: N,
           class: "m-select-input"
@@ -604,7 +604,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
           required: e.required,
           "border-active": k.value,
           color: e.color,
-          "model-value": me.value,
+          "model-value": fe.value,
           autocomplete: "off",
           size: e.size,
           block: "",
@@ -623,15 +623,15 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
               "aria-label": `${y.value ? "collapse" : "expand"} list of options`,
               onClick: x(Ze, ["stop"])
             }, [
-              q(b(f), { class: "m-select-chevron maz-text-xl" })
-            ], 8, Fo)
+              q(b(m), { class: "m-select-chevron maz-text-xl" })
+            ], 8, Po)
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        q(uo, { name: fe.value }, {
+        q(uo, { name: me.value }, {
           default: ae(() => [
-            y.value ? (C(), $(
+            y.value ? (C(), P(
               "div",
               {
                 key: 0,
@@ -649,7 +649,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
                 })
               },
               [
-                e.search ? (C(), K(Le, {
+                e.search ? (C(), K(Ve, {
                   key: 0,
                   ref_key: "searchInputComponent",
                   ref: ue,
@@ -666,21 +666,21 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
                   tabindex: "-1",
                   class: "m-select-list__search-input maz-flex-none",
                   "left-icon": b(c),
-                  onKeydown: Be
+                  onKeydown: $e
                 }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : V("v-if", !0),
                 V(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
                 !T.value || T.value.length <= 0 ? H(e.$slots, "no-results", { key: 1 }, () => [
-                  R("span", Ao, [
-                    q(b(m), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  R("span", Fo, [
+                    q(b(f), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (C(), $("div", Lo, [
-                  (C(!0), $(
-                    Fe,
+                ], !0) : (C(), P("div", Ao, [
+                  (C(!0), P(
+                    Ae,
                     null,
-                    io(T.value, (u, p) => (C(), $(
-                      Fe,
+                    io(T.value, (u, p) => (C(), P(
+                      Ae,
                       { key: p },
                       [
                         V(`
@@ -693,12 +693,12 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
                         }, () => [
                           R(
                             "span",
-                            Mo,
+                            Lo,
                             G(u.label),
                             1
                             /* TEXT */
                           )
-                        ], !0) : (C(), $("button", {
+                        ], !0) : (C(), P("button", {
                           key: 1,
                           tabindex: "-1",
                           type: "button",
@@ -710,7 +710,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
                             }
                           ]]),
                           style: _(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: x((w) => $e(u), ["prevent", "stop"])
+                          onClick: x((w) => Pe(u), ["prevent", "stop"])
                         }, [
                           e.multiple ? (C(), K(b(o), {
                             key: 0,
@@ -736,7 +736,7 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, Eo))
+                        ], 14, Mo))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -757,10 +757,10 @@ const Fo = ["aria-label"], Ao = { class: "m-select-list__no-results" }, Lo = {
       6
       /* CLASS, STYLE */
     )), [
-      [b(Bo), le]
+      [b(So), le]
     ]);
   }
-}), No = /* @__PURE__ */ se(Ko, [["__scopeId", "data-v-7825a2da"]]);
+}), Ko = /* @__PURE__ */ se(Eo, [["__scopeId", "data-v-7825a2da"]]);
 function Ye(t) {
   return !!t;
 }
@@ -770,17 +770,17 @@ function Ee(t) {
     return o ? o % 32 + 127461 : void 0;
   }).filter(Ye).map((l) => String.fromCodePoint(l)).join("");
 }
-const J = S();
-async function To() {
+const J = I();
+async function No() {
   if (J.value)
     return J.value;
   const { default: t } = await import("./examples.mobile.json-zD8w3Qhl.mjs");
   return J.value = t, J.value;
 }
-function Do(t, l) {
+function To(t, l) {
   return de(t) === de(l);
 }
-function Uo(t) {
+function Do(t) {
   var l;
   try {
     return J.value && t ? (l = fo(t, J.value)) == null ? void 0 : l.formatNational() : void 0;
@@ -788,15 +788,15 @@ function Uo(t) {
     console.error(`[maz-ui](MazPhoneNumberInput) ${o}`);
   }
 }
-function Ro(t) {
+function Uo(t) {
   try {
-    const l = yo(t);
+    const l = mo(t);
     return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${t}" is not available`), !1);
   } catch (l) {
     return console.error(`[maz-ui](MazPhoneNumberInput) ${l}`), !1;
   }
 }
-function Oo({
+function Ro({
   phoneNumber: t,
   countryCode: l
 }) {
@@ -806,7 +806,7 @@ function Oo({
         isValid: !1,
         countryCode: l
       };
-    const o = vo(t, l);
+    const o = yo(t, l);
     return {
       countryCode: (o == null ? void 0 : o.country) ?? l,
       isValid: (o == null ? void 0 : o.isValid()) ?? !1,
@@ -825,9 +825,9 @@ function Oo({
     throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${o}`);
   }
 }
-function Yo(t, l) {
+function Oo(t, l) {
   try {
-    return l ? new ho(t).input(l) : "";
+    return l ? new vo(t).input(l) : "";
   } catch (o) {
     throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${o}`);
   }
@@ -835,25 +835,25 @@ function Yo(t, l) {
 function qe() {
   return {
     examples: J,
-    getAsYouTypeFormat: Yo,
-    getPhoneNumberResults: Oo,
-    loadPhoneNumberExamplesFile: To,
-    getPhoneNumberExample: Uo,
-    isSameCountryCallingCode: Do,
-    isCountryAvailable: Ro,
+    getAsYouTypeFormat: Oo,
+    getPhoneNumberResults: Ro,
+    loadPhoneNumberExamplesFile: No,
+    getPhoneNumberExample: Do,
+    isSameCountryCallingCode: To,
+    isCountryAvailable: Uo,
     getCountries: Te,
     getCountryCallingCode: de
   };
 }
-const { isCountryAvailable: qo, getPhoneNumberResults: He, getAsYouTypeFormat: Ho } = qe(), oe = S(""), W = S(), Q = co({
+const { isCountryAvailable: Yo, getPhoneNumberResults: He, getAsYouTypeFormat: qo } = qe(), oe = I(""), W = I(), Q = co({
   start: 0,
   end: 0,
   cursorAtEnd: !0
-}), D = S({
+}), D = I({
   isValid: !1,
   countryCode: void 0
 });
-async function Wo() {
+async function Ho() {
   try {
     const t = await fetch("https://ipwho.is"), { country_code: l } = await t.json();
     return l;
@@ -867,13 +867,13 @@ function We(t) {
   const l = new RegExp(/[^\d ()+-]/g);
   return t.replaceAll(l, "").trim();
 }
-function jo(t, l) {
+function Wo(t, l) {
   const o = t == null ? void 0 : t.$el.querySelector("input");
   Q.start = o == null ? void 0 : o.selectionStart, Q.end = o == null ? void 0 : o.selectionEnd, Q.cursorAtEnd = l && typeof Q.start == "number" && l.length > 0 ? Q.start >= l.length : !0;
 }
 function je(t) {
   if (t) {
-    if (!qo(t)) {
+    if (!Yo(t)) {
       W.value = void 0;
       return;
     }
@@ -886,17 +886,17 @@ function Qe({
   noFormattingAsYouType: o,
   updateResults: c = !0
 }) {
-  const f = We(t);
+  const m = We(t);
   if (c && (D.value = He({
-    phoneNumber: f,
+    phoneNumber: m,
     countryCode: W.value
   })), D.value.isValid && D.value.formatNational && l)
     oe.value = D.value.formatNational;
   else if (Q.cursorAtEnd && !o) {
-    const m = Ho(W.value, f);
-    oe.value = m;
-  } else
+    const f = qo(W.value, m);
     oe.value = f;
+  } else
+    oe.value = m;
   D.value.countryCode && D.value.countryCode !== W.value && Ge({
     countryCode: D.value.countryCode,
     autoFormat: l,
@@ -937,20 +937,20 @@ function Je() {
   };
 }
 let ze, Ke;
-function Qo(t, l, o) {
+function jo(t, l, o) {
   return o != null && o[l] ? o[l] : ((Ke !== t || !ze) && (Ke = t, ze = new Intl.DisplayNames([t], { type: "region" })), ze.of(l));
 }
-function Go(t, l) {
-  var f;
+function Qo(t, l) {
+  var m;
   const o = [], c = Te();
-  t = t ?? ((f = Je()) == null ? void 0 : f.browserLocale) ?? "en-US";
-  for (const m of c) {
-    const n = Qo(t, m, l);
+  t = t ?? ((m = Je()) == null ? void 0 : m.browserLocale) ?? "en-US";
+  for (const f of c) {
+    const n = jo(t, f, l);
     if (n)
       try {
-        const i = de(m);
+        const i = de(f);
         o.push({
-          iso2: m,
+          iso2: f,
           dialCode: i,
           name: n
         });
@@ -960,26 +960,26 @@ function Go(t, l) {
   }
   return o;
 }
-function ke() {
+function Ie() {
   return {
     setSelectedCountry: je,
     results: D,
     sanitizePhoneNumber: We,
-    fetchCountryCode: Wo,
+    fetchCountryCode: Ho,
     selectedCountry: W,
     phoneNumber: oe,
     selectionRange: Q,
-    saveCursorPosition: jo,
+    saveCursorPosition: Wo,
     onPhoneNumberChanged: Qe,
     onCountryChanged: Ge,
     getBrowserLocale: Je,
-    getCountriesList: Go
+    getCountriesList: Qo
   };
 }
-const Jo = {
+const Go = {
   key: 0,
   class: "maz-text-lg"
-}, Zo = /* @__PURE__ */ re({
+}, Jo = /* @__PURE__ */ re({
   __name: "CountrySelector",
   props: {
     style: { default: void 0 },
@@ -1006,9 +1006,9 @@ const Jo = {
   },
   emits: ["update:model-value"],
   setup(t) {
-    const l = t, o = S(), { phoneNumber: c, getCountriesList: f } = ke(), m = v(() => f(l.countryLocale, l.customCountriesList)), n = v(() => {
+    const l = t, o = I(), { phoneNumber: c, getCountriesList: m } = Ie(), f = v(() => m(l.countryLocale, l.customCountriesList)), n = v(() => {
       var d;
-      return (d = m.value) == null ? void 0 : d.filter((g) => {
+      return (d = f.value) == null ? void 0 : d.filter((g) => {
         var y;
         return !((y = l.ignoredCountries) != null && y.includes(g.iso2));
       });
@@ -1017,7 +1017,7 @@ const Jo = {
       return d == null ? void 0 : d.map(
         (g) => {
           var y;
-          return (y = n.value) == null ? void 0 : y.find((P) => P.iso2.includes(g));
+          return (y = n.value) == null ? void 0 : y.find((F) => F.iso2.includes(g));
         }
       );
     }), k = v(() => {
@@ -1037,14 +1037,14 @@ const Jo = {
       var d, g;
       (g = (d = o.value) == null ? void 0 : d.$el.querySelector("input")) == null || g.focus();
     }
-    return (d, g) => (C(), $(
+    return (d, g) => (C(), P(
       "div",
       {
         class: E(["m-country-selector", [l.class, { "--no-flags": d.noFlags }]]),
         style: _(d.style)
       },
       [
-        d.modelValue && !d.noFlags ? (C(), $(
+        d.modelValue && !d.noFlags ? (C(), P(
           "button",
           {
             key: 0,
@@ -1071,7 +1071,7 @@ const Jo = {
           2
           /* CLASS */
         )) : V("v-if", !0),
-        q(No, pe({
+        q(Ko, pe({
           id: `country-selector-${d.id}`,
           ref_key: "CountrySelectorRef",
           ref: o,
@@ -1099,16 +1099,16 @@ const Jo = {
           },
           "onUpdate:modelValue": g[0] || (g[0] = (y) => d.$emit("update:model-value", y))
         }), {
-          default: ae(({ option: y, isSelected: P }) => [
+          default: ae(({ option: y, isSelected: F }) => [
             R(
               "div",
               {
                 class: E(["m-country-selector__select__item maz-flex maz-items-center maz-gap-1 maz-truncate", {
-                  "m-country-selector__select__item--selected": P
+                  "m-country-selector__select__item--selected": F
                 }])
               },
               [
-                !d.noFlags && typeof y.iso2 == "string" ? (C(), $("span", Jo, [
+                !d.noFlags && typeof y.iso2 == "string" ? (C(), P("span", Go, [
                   V(`
               @slot Country list flag
                 @binding {String} country-code - country code of option - Ex: \`"FR"\`
@@ -1118,7 +1118,7 @@ const Jo = {
                   H(d.$slots, "country-list-flag", {
                     countryCode: y.iso2,
                     option: y,
-                    isSelected: P
+                    isSelected: F
                   }, () => [
                     Ce(
                       G(b(Ee)(y.iso2)),
@@ -1127,11 +1127,11 @@ const Jo = {
                     )
                   ], !0)
                 ])) : V("v-if", !0),
-                d.showCodeOnList ? (C(), $(
+                d.showCodeOnList ? (C(), P(
                   "span",
                   {
                     key: 1,
-                    class: E(["maz-w-9 maz-flex-none", { "maz-text-muted": !P }])
+                    class: E(["maz-w-9 maz-flex-none", { "maz-text-muted": !F }])
                   },
                   G(y.dialCode),
                   3
@@ -1140,7 +1140,7 @@ const Jo = {
                 R(
                   "span",
                   {
-                    class: E(["maz-flex-1 maz-truncate", { "maz-font-semibold": P }])
+                    class: E(["maz-flex-1 maz-truncate", { "maz-font-semibold": F }])
                   },
                   G(y.name),
                   3
@@ -1159,9 +1159,9 @@ const Jo = {
       /* CLASS, STYLE */
     ));
   }
-}), Xo = /* @__PURE__ */ se(Zo, [["__scopeId", "data-v-e21defba"]]), xo = /* @__PURE__ */ re({
+}), Zo = /* @__PURE__ */ se(Jo, [["__scopeId", "data-v-e21defba"]]), Xo = /* @__PURE__ */ re({
   __name: "PhoneInput",
-  props: /* @__PURE__ */ Ae({
+  props: /* @__PURE__ */ Le({
     id: {},
     color: {},
     size: {},
@@ -1178,60 +1178,57 @@ const Jo = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ae(["update:model-value"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Le(["update:model-value"], ["update:modelValue"]),
   setup(t, { emit: l }) {
-    const o = t, c = l, f = po(t, "modelValue"), { loadPhoneNumberExamplesFile: m, getPhoneNumberExample: n, examples: i } = qe(), { selectedCountry: k, results: h, saveCursorPosition: B } = ke(), M = S(!1), d = v(() => {
-      var F;
+    const o = t, c = l, m = po(t, "modelValue"), { loadPhoneNumberExamplesFile: f, getPhoneNumberExample: n, examples: i } = qe(), { selectedCountry: k, results: h, saveCursorPosition: B } = Ie(), M = I(!1), d = v(() => {
+      var $;
       if (o.label)
         return o.label;
       const z = o.locales.phoneInput.placeholder;
       if (o.noExample || !i.value)
         return z;
       {
-        const r = n(k.value);
-        return (F = h.value) != null && F.isValid || !r ? z : `${o.locales.phoneInput.example} ${r}`;
+        const a = n(k.value);
+        return ($ = h.value) != null && $.isValid || !a ? z : `${o.locales.phoneInput.example} ${a}`;
       }
-    }), g = S();
+    }), g = I();
     async function y() {
       try {
-        return m();
+        return f();
       } catch (z) {
         console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", z);
       }
     }
-    async function P(z) {
+    async function F(z) {
       g.value && z && B(g.value, z), await ee(), c("update:model-value", z);
     }
-    return Ve(() => {
+    return we(() => {
       o.noExample || y();
-    }), (z, F) => {
-      const r = mo("MazInput");
-      return C(), K(r, pe({
-        id: `phone-number-${z.id}`,
-        ref_key: "PhoneInputRef",
-        ref: g,
-        "model-value": f.value
-      }, z.$attrs, {
-        label: d.value,
-        disabled: z.disabled,
-        color: z.color,
-        error: z.error,
-        size: z.size,
-        success: z.success,
-        type: "tel",
-        inputmode: "tel",
-        class: ["m-phone-input", {
-          "--border-radius": z.hasRadius,
-          "--error": z.error || !b(h).isValid,
-          "--focused": M.value
-        }],
-        onFocus: F[0] || (F[0] = (I) => M.value = !0),
-        onBlur: F[1] || (F[1] = (I) => M.value = !1),
-        "onUpdate:modelValue": P
-      }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "success", "class"]);
-    };
+    }), (z, $) => (C(), K(Ve, pe({
+      id: `phone-number-${z.id}`,
+      ref_key: "PhoneInputRef",
+      ref: g,
+      "model-value": m.value
+    }, z.$attrs, {
+      label: d.value,
+      disabled: z.disabled,
+      color: z.color,
+      error: z.error,
+      size: z.size,
+      success: z.success,
+      type: "tel",
+      inputmode: "tel",
+      class: ["m-phone-input", {
+        "--border-radius": z.hasRadius,
+        "--error": z.error || !b(h).isValid,
+        "--focused": M.value
+      }],
+      onFocus: $[0] || ($[0] = (a) => M.value = !0),
+      onBlur: $[1] || ($[1] = (a) => M.value = !1),
+      "onUpdate:modelValue": $[2] || ($[2] = (a) => F(a))
+    }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "success", "class"]));
   }
-}), _o = /* @__PURE__ */ se(xo, [["__scopeId", "data-v-6ce648ce"]]), et = {
+}), xo = /* @__PURE__ */ se(Xo, [["__scopeId", "data-v-e2bf70df"]]), _o = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -1241,7 +1238,7 @@ const Jo = {
     placeholder: "Phone number",
     example: "Example:"
   }
-}, ot = /* @__PURE__ */ re({
+}, et = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
   props: {
@@ -1283,53 +1280,53 @@ const Jo = {
   emits: ["update", "data", "country-code", "update:model-value", "update:country-code"],
   setup(t, { emit: l }) {
     const o = l, c = t, {
-      phoneNumber: f,
-      selectedCountry: m,
+      phoneNumber: m,
+      selectedCountry: f,
       results: n,
       fetchCountryCode: i,
       setSelectedCountry: k,
       onPhoneNumberChanged: h,
       onCountryChanged: B,
       getBrowserLocale: M
-    } = ke(), d = we({
+    } = Ie(), d = ke({
       componentName: "MazPhoneNumberInput",
       providedId: c.id
     }), g = v(() => ({
-      ...et,
+      ..._o,
       ...c.translations
     }));
-    Ve(async () => {
-      var r;
-      if (k(c.countryCode ?? c.defaultCountryCode), c.fetchCountry && !m.value) {
-        const I = await i();
-        k(I);
+    we(async () => {
+      var a;
+      if (k(c.countryCode ?? c.defaultCountryCode), c.fetchCountry && !f.value) {
+        const S = await i();
+        k(S);
       }
-      if (!c.defaultCountryCode && !c.noUseBrowserLocale && !m.value) {
-        const I = (r = M()) == null ? void 0 : r.locale;
-        k(I);
+      if (!c.defaultCountryCode && !c.noUseBrowserLocale && !f.value) {
+        const S = (a = M()) == null ? void 0 : a.locale;
+        k(S);
       }
     });
-    const y = S();
-    function P() {
-      var r;
-      return (r = y.value) == null ? void 0 : r.$el.querySelector("input");
+    const y = I();
+    function F() {
+      var a;
+      return (a = y.value) == null ? void 0 : a.$el.querySelector("input");
     }
     async function z() {
-      var r;
-      await ee(), (r = P()) == null || r.select();
+      var a;
+      await ee(), (a = F()) == null || a.select();
     }
-    function F(r) {
+    function $(a) {
       B({
-        countryCode: r,
+        countryCode: a,
         autoFormat: c.autoFormat,
         noFormattingAsYouType: c.noFormattingAsYouType
       }), z();
     }
     return he(
       () => c.modelValue ?? c.defaultPhoneNumber,
-      (r, I) => {
-        r && r !== I && r !== f.value && h({
-          newPhoneNumber: r,
+      (a, S) => {
+        a && a !== S && a !== m.value && h({
+          newPhoneNumber: a,
           autoFormat: c.autoFormat,
           noFormattingAsYouType: c.noFormattingAsYouType
         });
@@ -1339,9 +1336,9 @@ const Jo = {
       }
     ), he(
       () => c.countryCode ?? c.defaultCountryCode,
-      (r, I) => {
-        r && r !== I && r !== m.value && B({
-          countryCode: r,
+      (a, S) => {
+        a && a !== S && a !== f.value && B({
+          countryCode: a,
           autoFormat: c.autoFormat,
           noFormattingAsYouType: c.noFormattingAsYouType
         });
@@ -1351,65 +1348,65 @@ const Jo = {
       }
     ), he(
       n,
-      (r) => {
-        o("update", r), o("data", r), r.e164 && r.isValid ? o("update:model-value", r.e164) : o("update:model-value", f.value), o("country-code", m.value), o("update:country-code", m.value);
+      (a) => {
+        o("update", a), o("data", a), a.e164 && a.isValid ? o("update:model-value", a.e164) : o("update:model-value", m.value), o("country-code", f.value), o("update:country-code", f.value);
       },
       {
         immediate: !0
       }
-    ), (r, I) => {
+    ), (a, S) => {
       var Z;
-      return C(), $(
+      return C(), P(
         "div",
         {
-          class: E(["m-phone-number-input", [c.class, { "--block": r.block }]]),
-          style: _(r.style)
+          class: E(["m-phone-number-input", [c.class, { "--block": a.block }]]),
+          style: _(a.style)
         },
         [
-          r.noCountrySelector ? V("v-if", !0) : (C(), K(Xo, {
+          a.noCountrySelector ? V("v-if", !0) : (C(), K(Zo, {
             key: 0,
             id: b(d),
-            "model-value": b(m),
-            color: r.color,
-            size: r.size,
-            "country-locale": r.countryLocale,
-            "country-selector-display-name": r.countrySelectorDisplayName,
-            "custom-countries-list": r.customCountriesList,
-            "ignored-countries": r.ignoredCountries,
-            "list-position": r.listPosition,
-            "no-flags": r.noFlags,
-            "no-search": r.noSearch,
-            error: r.error || (r.noValidationError ? !1 : !!b(f) && !b(m)),
-            success: r.success || (r.noValidationSuccess ? !1 : (Z = b(n)) == null ? void 0 : Z.isValid),
+            "model-value": b(f),
+            color: a.color,
+            size: a.size,
+            "country-locale": a.countryLocale,
+            "country-selector-display-name": a.countrySelectorDisplayName,
+            "custom-countries-list": a.customCountriesList,
+            "ignored-countries": a.ignoredCountries,
+            "list-position": a.listPosition,
+            "no-flags": a.noFlags,
+            "no-search": a.noSearch,
+            error: a.error || (a.noValidationError ? !1 : !!b(m) && !b(f)),
+            success: a.success || (a.noValidationSuccess ? !1 : (Z = b(n)) == null ? void 0 : Z.isValid),
             locales: g.value,
-            disabled: r.disabled,
-            "show-code-on-list": r.showCodeOnList,
-            "only-countries": r.onlyCountries,
-            "preferred-countries": r.preferredCountries,
-            width: r.countrySelectorWidth,
-            "onUpdate:modelValue": F
+            disabled: a.disabled,
+            "show-code-on-list": a.showCodeOnList,
+            "only-countries": a.onlyCountries,
+            "preferred-countries": a.preferredCountries,
+            width: a.countrySelectorWidth,
+            "onUpdate:modelValue": $
           }, null, 8, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "error", "success", "locales", "disabled", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
-          q(_o, {
+          q(xo, {
             id: b(d),
             ref_key: "PhoneInputRef",
             ref: y,
-            "model-value": b(f),
-            color: r.color,
-            size: r.size,
-            "no-example": r.noExample,
+            "model-value": b(m),
+            color: a.color,
+            size: a.size,
+            "no-example": a.noExample,
             block: "",
-            disabled: r.disabled,
-            "has-radius": !r.noCountrySelector,
-            success: r.success || (r.noValidationSuccess ? !1 : b(n).isValid),
-            error: r.error || (r.noValidationError ? !1 : !!b(f) && !b(n).isValid),
+            disabled: a.disabled,
+            "has-radius": !a.noCountrySelector,
+            success: a.success || (a.noValidationSuccess ? !1 : b(n).isValid),
+            error: a.error || (a.noValidationError ? !1 : !!b(m) && !b(n).isValid),
             locales: g.value,
-            "no-formatting-as-you-type": r.noFormattingAsYouType,
-            "auto-format": r.autoFormat,
-            label: r.placeholder,
-            "onUpdate:modelValue": I[0] || (I[0] = (N) => b(h)({
+            "no-formatting-as-you-type": a.noFormattingAsYouType,
+            "auto-format": a.autoFormat,
+            label: a.placeholder,
+            "onUpdate:modelValue": S[0] || (S[0] = (N) => b(h)({
               newPhoneNumber: N,
-              autoFormat: r.autoFormat,
-              noFormattingAsYouType: r.noFormattingAsYouType
+              autoFormat: a.autoFormat,
+              noFormattingAsYouType: a.noFormattingAsYouType
             }))
           }, null, 8, ["id", "model-value", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label"])
         ],
@@ -1418,9 +1415,9 @@ const Jo = {
       );
     };
   }
-}), nt = /* @__PURE__ */ se(ot, [["__scopeId", "data-v-5481a936"]]);
+}), lt = /* @__PURE__ */ se(et, [["__scopeId", "data-v-5481a936"]]);
 export {
-  nt as M,
+  lt as M,
   se as _,
-  we as u
+  ke as u
 };