maz-ui 3.43.2 → 3.43.4

package/components/chunks/{MazPhoneNumberInput-1tGT28Sa.mjs → MazPhoneNumberInput-HeEEyDu0.mjs}

@@ -1,20 +1,20 @@
 import '../assets/MazPhoneNumberInput.css';
-import { getCurrentInstance as je, computed as v, defineComponent as ae, defineAsyncComponent as j, ref as A, onMounted as ge, useSlots as We, openBlock as z, createElementBlock as M, normalizeClass as N, normalizeStyle as te, createElementVNode as W, createCommentVNode as h, renderSlot as R, createBlock as U, unref as P, resolveDynamicComponent as Se, withDirectives as Ae, mergeProps as ie, toHandlers as Qe, vModelDynamic as Ge, createTextVNode as ve, toDisplayString as X, withModifiers as oe, withCtx as Q, createVNode as Z, useCssVars as Je, onBeforeMount as Ze, nextTick as ne, Transition as Xe, Fragment as Ie, renderList as xe, inject as _e, mergeModels as ke, useModel as eo, provide as oo, watch as fe } from "vue";
-import { getCountries as Pe, getCountryCallingCode as se, isSupportedCountry as to, parsePhoneNumberFromString as lo, AsYouType as no, getExampleNumber as ao } from "libphonenumber-js";
-function ro(n, l) {
+import { getCurrentInstance as je, computed as y, defineComponent as ae, defineAsyncComponent as q, ref as P, onMounted as ge, useSlots as We, openBlock as V, createElementBlock as M, normalizeClass as N, normalizeStyle as te, createElementVNode as H, createCommentVNode as b, renderSlot as R, createBlock as D, unref as A, resolveDynamicComponent as Se, withDirectives as Pe, mergeProps as re, toHandlers as Qe, vModelDynamic as Ge, createTextVNode as ve, toDisplayString as X, withModifiers as oe, withCtx as j, createVNode as Z, useCssVars as Je, onBeforeMount as Ze, nextTick as ne, Transition as Xe, Fragment as Ie, renderList as xe, inject as _e, mergeModels as ke, useModel as eo, provide as oo, watch as fe } from "vue";
+import { getCountries as Ae, getCountryCallingCode as ue, isSupportedCountry as to, parsePhoneNumberFromString as lo, AsYouType as no, getExampleNumber as ao } from "libphonenumber-js";
+function ro(a, l) {
   let o;
   return function(...d) {
     clearTimeout(o), o = setTimeout(() => {
-      n.apply(this, d);
+      a.apply(this, d);
     }, l);
   };
 }
 function be({
-  componentName: n,
+  componentName: a,
   providedId: l
 }) {
   const o = je();
-  return v(() => l ?? `${n}-${o == null ? void 0 : o.uid}`);
+  return y(() => l ?? `${a}-${o == null ? void 0 : o.uid}`);
 }
 const so = {
   key: 0,
@@ -59,16 +59,16 @@ const so = {
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(n, { emit: l }) {
-    const o = j(() => import("./MazBtn-CFwe--oV.mjs")), d = j(() => import("./MazIcon-DL8XAldH.mjs")), c = j(() => import("./eye-slash-tjfxO0LK.mjs")), p = j(() => import("./eye-DqO_Jx56.mjs")), g = j(() => import("./check-7UA4j2f2.mjs")), t = n, I = l, F = A(!1), y = A(!1), V = A(), s = be({
+  setup(a, { emit: l }) {
+    const o = q(() => import("./MazBtn-BOb7Fg_d.mjs")), d = q(() => import("./MazIcon-BKuhvwwq.mjs")), c = q(() => import("./eye-slash-tjfxO0LK.mjs")), p = q(() => import("./eye-DqO_Jx56.mjs")), z = q(() => import("./check-7UA4j2f2.mjs")), t = a, $ = l, F = P(!1), v = P(!1), S = P(), s = be({
       componentName: "MazInput",
       providedId: t.id
     });
     ge(() => {
       var r;
-      t.autoFocus && ((r = V.value) == null || r.focus());
+      t.autoFocus && ((r = S.value) == null || r.focus());
     });
-    const m = v(() => t.type === "password"), C = v(() => F.value ? "text" : t.type), k = v(() => {
+    const m = y(() => t.type === "password"), w = y(() => F.value ? "text" : t.type), I = y(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -76,7 +76,7 @@ const so = {
           return "maz-border-success";
         if (t.warning)
           return "maz-border-warning";
-        if (y.value || t.borderActive) {
+        if (v.value || t.borderActive) {
           if (t.color === "black")
             return "maz-border-black";
           if (t.color === "danger")
@@ -96,46 +96,46 @@ const so = {
         }
         return "--default-border";
       }
-    }), Y = We(), b = v(() => {
+    }), O = We(), W = y(() => {
       const { required: r, placeholder: E } = t;
       if (E)
         return r ? `${E} *` : E;
-    }), $ = v(() => O.value !== void 0 && O.value !== ""), w = ro(
+    }), Q = y(() => g.value !== void 0 && g.value !== ""), h = ro(
       (r) => {
-        I("update:model-value", r);
+        $("update:model-value", r);
       },
       typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    ), D = (r) => {
+    ), C = (r) => {
       if (t.debounce)
-        return w(r);
-      I("update:model-value", r);
-    }, O = v({
+        return h(r);
+      $("update:model-value", r);
+    }, g = y({
       get: () => t.modelValue,
-      set: (r) => D(r)
-    }), G = v(() => (!!t.label || !!t.hint) && (y.value || !!$.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), a = v(() => !!t.label || !!t.hint);
+      set: (r) => C(r)
+    }), G = y(() => (!!t.label || !!t.hint) && (v.value || !!Q.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), n = y(() => !!t.label || !!t.hint);
     function B() {
-      return !!Y["right-icon"] || m.value || !!Y["valid-button"] || t.validButton || !!t.rightIcon;
+      return !!O["right-icon"] || m.value || !!O["valid-button"] || t.validButton || !!t.rightIcon;
     }
     function L() {
-      return !!Y["left-icon"] || !!t.leftIcon;
+      return !!O["left-icon"] || !!t.leftIcon;
     }
     function T(r) {
-      I("focus", r), y.value = !0;
+      $("focus", r), v.value = !0;
     }
-    function q(r) {
-      I("blur", r), y.value = !1;
+    function U(r) {
+      $("blur", r), v.value = !1;
     }
     function le(r) {
-      return I("change", r);
+      return $("change", r);
     }
-    return (r, E) => (z(), M(
+    return (r, E) => (V(), M(
       "div",
       {
         class: N(["m-input", [
           {
-            "--is-focused": y.value || r.borderActive,
+            "--is-focused": v.value || r.borderActive,
             "--should-up": G.value,
-            "--has-label": a.value,
+            "--has-label": n.value,
             "--is-disabled": r.disabled,
             "--is-readonly": r.readonly,
             "--has-z-2": r.error || r.warning || r.success,
@@ -149,57 +149,57 @@ const so = {
         style: te(r.style)
       },
       [
-        W(
+        H(
           "div",
           {
             class: N(["m-input-wrapper", [
               r.inputClasses,
-              k.value,
+              I.value,
               r.roundedSize ? `--rounded-${r.roundedSize}` : { "maz-rounded": !r.noRadius }
             ]])
           },
           [
-            L() ? (z(), M("div", so, [
-              h(`
+            L() ? (V(), M("div", so, [
+              b(`
           @slot left-icon - The icon to display on the left of the input
         `),
               r.$slots["left-icon"] || r.leftIcon ? R(r.$slots, "left-icon", { key: 0 }, () => [
-                typeof r.leftIcon == "string" ? (z(), U(P(d), {
+                typeof r.leftIcon == "string" ? (V(), D(A(d), {
                   key: 0,
                   name: r.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : r.leftIcon ? (z(), U(Se(r.leftIcon), {
+                }, null, 8, ["name"])) : r.leftIcon ? (V(), D(Se(r.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : h("v-if", !0)
-              ], !0) : h("v-if", !0)
-            ])) : h("v-if", !0),
-            W("div", uo, [
-              Ae(W("input", ie({
-                id: P(s),
+                })) : b("v-if", !0)
+              ], !0) : b("v-if", !0)
+            ])) : b("v-if", !0),
+            H("div", uo, [
+              Pe(H("input", re({
+                id: A(s),
                 ref_key: "input",
-                ref: V,
-                "onUpdate:modelValue": E[0] || (E[0] = (J) => O.value = J),
-                type: C.value,
+                ref: S,
+                "onUpdate:modelValue": E[0] || (E[0] = (J) => g.value = J),
+                type: w.value,
                 name: r.name
               }, r.$attrs, {
                 inputmode: r.inputmode,
-                placeholder: b.value,
+                placeholder: W.value,
                 "aria-label": r.label || r.placeholder,
                 disabled: r.disabled,
                 readonly: r.readonly,
                 required: r.required,
                 class: "m-input-input"
               }, Qe({
-                blur: q,
+                blur: U,
                 focus: T,
                 change: le
               }, !0), {
                 onClick: E[1] || (E[1] = (J) => r.$emit("click", J))
               }), null, 16, io), [
-                [Ge, O.value]
+                [Ge, g.value]
               ]),
-              r.label || r.hint ? (z(), M(
+              r.label || r.hint ? (V(), M(
                 "span",
                 {
                   key: 0,
@@ -218,50 +218,50 @@ const so = {
                     1
                     /* TEXT */
                   ),
-                  r.required ? (z(), M("sup", co, "*")) : h("v-if", !0)
+                  r.required ? (V(), M("sup", co, "*")) : b("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : h("v-if", !0)
+              )) : b("v-if", !0)
             ]),
-            B() ? (z(), M("div", fo, [
-              h(`
+            B() ? (V(), M("div", fo, [
+              b(`
           @slot right-icon - The icon to display on the right of the input
         `),
               r.$slots["right-icon"] || r.rightIcon ? R(r.$slots, "right-icon", { key: 0 }, () => [
-                typeof r.rightIcon == "string" ? (z(), U(P(d), {
+                typeof r.rightIcon == "string" ? (V(), D(A(d), {
                   key: 0,
                   name: r.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : r.rightIcon ? (z(), U(Se(r.rightIcon), {
+                }, null, 8, ["name"])) : r.rightIcon ? (V(), D(Se(r.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : h("v-if", !0)
-              ], !0) : h("v-if", !0),
-              m.value ? (z(), U(P(o), {
+                })) : b("v-if", !0)
+              ], !0) : b("v-if", !0),
+              m.value ? (V(), D(A(o), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
                 onClick: E[2] || (E[2] = oe((J) => F.value = !F.value, ["stop"]))
               }, {
-                default: Q(() => [
-                  F.value ? (z(), U(P(c), {
+                default: j(() => [
+                  F.value ? (V(), D(A(c), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (z(), U(P(p), {
+                  })) : (V(), D(A(p), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : h("v-if", !0),
-              h(`
+              })) : b("v-if", !0),
+              b(`
           @slot valid-button - Replace the valid button by your own
         `),
               r.$slots["valid-button"] || r.validButton ? R(r.$slots, "valid-button", { key: 2 }, () => [
-                Z(P(o), {
+                Z(A(o), {
                   color: "transparent",
                   disabled: r.disabled,
                   tabindex: "-1",
@@ -270,14 +270,14 @@ const so = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: Q(() => [
-                    Z(P(g), { class: "maz-text-2xl maz-text-normal" })
+                  default: j(() => [
+                    Z(A(z), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : h("v-if", !0)
-            ])) : h("v-if", !0)
+              ], !0) : b("v-if", !0)
+            ])) : b("v-if", !0)
           ],
           2
           /* CLASS */
@@ -287,15 +287,15 @@ const so = {
       /* CLASS, STYLE */
     ));
   }
-}), re = (n, l) => {
-  const o = n.__vccOpts || n;
+}), se = (a, l) => {
+  const o = a.__vccOpts || a;
   for (const [d, c] of l)
     o[d] = c;
   return o;
-}, he = /* @__PURE__ */ re(po, [["__scopeId", "data-v-84073434"]]);
+}, he = /* @__PURE__ */ se(po, [["__scopeId", "data-v-84073434"]]);
 let pe = null;
-function mo(n, l) {
-  pe && clearTimeout(pe), pe = setTimeout(n, l);
+function mo(a, l) {
+  pe && clearTimeout(pe), pe = setTimeout(a, l);
 }
 const yo = {
   removeAccents: !0,
@@ -307,7 +307,7 @@ const yo = {
   removeNumbers: !1,
   customNormalizationForms: ["NFC", "NFKD"]
 };
-function ue(n, l) {
+function ie(a, l) {
   const o = { ...yo, ...l }, d = {
     À: "A",
     Á: "A",
@@ -357,77 +357,77 @@ function ue(n, l) {
     ñ: "n",
     ó: "o"
   };
-  let c = n.toString();
+  let c = a.toString();
   if (o.trim && (c = c.trim()), o.normalizeSpaces && (c = c.replaceAll(/\s+/g, " ")), o.replaceSpaces && (c = c.replaceAll(" ", "-")), o.removeNumbers && (c = c.replaceAll(/\d/g, "")), o.removeAccents && (c = c.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (p) => d[p] || p), c = c.replaceAll(/[\u0300-\u036F]/g, "")), o.caseSensitive === !1 && (c = c.toLowerCase()), o.removeSpecialCharacters && (c = c.replaceAll(/[^\dA-Za-z-]/g, "")), o.trim && (c = c.trim()), o.customNormalizationForms)
     for (const p of o.customNormalizationForms)
       c = c.normalize(p);
   return c;
 }
-function vo(n, l) {
-  const o = n.length, d = l.length, c = [];
+function vo(a, l) {
+  const o = a.length, d = l.length, c = [];
   for (let p = 0; p <= o; p++)
     c[p] = [p];
   for (let p = 0; p <= d; p++)
     c[0][p] = p;
   for (let p = 1; p <= o; p++)
-    for (let g = 1; g <= d; g++) {
-      const t = n[p - 1] === l[g - 1] ? 0 : 1;
-      c[p][g] = Math.min(
-        c[p - 1][g] + 1,
-        c[p][g - 1] + 1,
-        c[p - 1][g - 1] + t
+    for (let z = 1; z <= d; z++) {
+      const t = a[p - 1] === l[z - 1] ? 0 : 1;
+      c[p][z] = Math.min(
+        c[p - 1][z] + 1,
+        c[p][z - 1] + 1,
+        c[p - 1][z - 1] + t
       );
     }
   return c[o][d];
 }
-function Fe(n, l) {
-  const o = vo(n, l), d = Math.max(n.length, l.length);
+function Fe(a, l) {
+  const o = vo(a, l), d = Math.max(a.length, l.length);
   return 1 - o / d;
 }
-function ho(n, l, o = 0.75) {
-  return Fe(n, l) >= o;
+function ho(a, l, o = 0.75) {
+  return Fe(a, l) >= o;
 }
-function me(n, l, o = 0.75) {
-  const d = v(
-    () => ue(typeof n == "string" ? n : n.value)
-  ), c = v(
-    () => ue(typeof l == "string" ? l : l.value)
-  ), p = v(() => typeof o == "number" ? o : o.value), g = v(() => Fe(d.value, c.value));
+function me(a, l, o = 0.75) {
+  const d = y(
+    () => ie(typeof a == "string" ? a : a.value)
+  ), c = y(
+    () => ie(typeof l == "string" ? l : l.value)
+  ), p = y(() => typeof o == "number" ? o : o.value), z = y(() => Fe(d.value, c.value));
   return {
-    isMatching: v(
+    isMatching: y(
       () => ho(d.value, c.value, p.value)
     ),
-    score: g
+    score: z
   };
 }
-const Ee = (n, l, o) => {
-  var g;
-  n.stopPropagation();
+const Ee = (a, l, o) => {
+  var z;
+  a.stopPropagation();
   const d = typeof o.value == "function" ? o.value : o.value.handler, c = typeof o.value == "object" ? o.value.exclude : void 0;
   let p = !1;
   if (c && c.length > 0) {
     for (const t of c)
-      if (!p && n.target instanceof HTMLElement) {
-        const I = (g = document.querySelector(t)) == null ? void 0 : g.getAttribute("id");
-        p = n.target.getAttribute("id") === I;
+      if (!p && a.target instanceof HTMLElement) {
+        const $ = (z = document.querySelector(t)) == null ? void 0 : z.getAttribute("id");
+        p = a.target.getAttribute("id") === $;
       }
   }
-  !l.contains(n.target) && !p && (d == null || d());
+  !l.contains(a.target) && !p && (d == null || d());
 };
 function Le() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function go(n, l) {
+function go(a, l) {
   const o = Le();
-  document.removeEventListener(o, (d) => Ee(d, n, l));
+  document.removeEventListener(o, (d) => Ee(d, a, l));
 }
-function bo(n, l) {
+function bo(a, l) {
   if (typeof l.value != "function" && typeof l.value == "object" && typeof l.value.handler != "function") {
     console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
     return;
   }
   const o = Le();
-  document.addEventListener(o, (d) => Ee(d, n, l));
+  document.addEventListener(o, (d) => Ee(d, a, l));
 }
 const zo = {
   mounted: bo,
@@ -464,39 +464,39 @@ const zo = {
     excludeSelectors: { default: void 0 }
   },
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
-  setup(n, { expose: l, emit: o }) {
+  setup(a, { expose: l, emit: o }) {
     Je((e) => ({
-      "416802e0": C.value,
+      "416802e0": w.value,
       "21823f4f": s.value,
       "6d76cd12": m.value
     }));
-    const d = j(() => import("./MazCheckbox-BmPd9Bqa.mjs")), c = j(() => import("./magnifying-glass-DZGg7953.mjs")), p = j(() => import("./chevron-down-CzMH-gFW.mjs")), g = j(() => import("./no-symbol-QAqP9IlR.mjs"));
+    const d = q(() => import("./MazCheckbox-CCa7grGF.mjs")), c = q(() => import("./magnifying-glass-DZGg7953.mjs")), p = q(() => import("./chevron-down-CzMH-gFW.mjs")), z = q(() => import("./no-symbol-QAqP9IlR.mjs"));
     l({
       /** Method to open the option list */
       openList: _,
       /** Method to close the option list */
       closeList: x
     });
-    const t = n, I = o, F = A(!1), y = A(), V = v(
+    const t = a, $ = o, F = P(!1), v = P(), S = y(
       () => ["black", "transparent", "white"].includes(t.color)
-    ), s = v(
-      () => V.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), m = v(
-      () => V.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), C = v(
-      () => V.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), k = v(() => F.value || t.open), Y = be({
+    ), s = y(
+      () => S.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+    ), m = y(
+      () => S.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
+    ), w = y(
+      () => S.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), I = y(() => F.value || t.open), O = be({
       componentName: "MazSelect",
       providedId: t.id
     });
-    function b(e) {
+    function W(e) {
       return {
         [t.optionValueKey]: e,
         [t.optionLabelKey]: e,
         [t.optionInputValueKey]: e
       };
     }
-    function $(e) {
+    function Q(e) {
       return {
         ...e,
         [t.optionValueKey]: e[t.optionValueKey],
@@ -504,73 +504,73 @@ const zo = {
         [t.optionInputValueKey]: e[t.optionInputValueKey]
       };
     }
-    const w = v(() => {
+    const h = y(() => {
       var u;
       const e = [];
       if (!((u = t.options) != null && u.length))
         return [];
       for (const f of t.options)
-        typeof f == "string" || typeof f == "number" || typeof f == "boolean" ? e.push(b(f)) : typeof f == "object" && "options" in f && Array.isArray(f.options) ? e.push(
+        typeof f == "string" || typeof f == "number" || typeof f == "boolean" ? e.push(W(f)) : typeof f == "object" && "options" in f && Array.isArray(f.options) ? e.push(
           { label: f.label, isOptGroup: !0 },
           ...f.options.map(
-            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? b(i) : $(i)
+            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? W(i) : Q(i)
           )
-        ) : e.push($(f));
+        ) : e.push(Q(f));
       return e;
-    }), D = v(
+    }), C = y(
       () => {
         var e;
-        return ((e = w.value) == null ? void 0 : e.filter((u) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(u[t.optionValueKey]) && !L(u[t.optionValueKey]) : !1 : t.modelValue === u[t.optionValueKey] && !L(u[t.optionValueKey]))) ?? [];
+        return ((e = h.value) == null ? void 0 : e.filter((u) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(u[t.optionValueKey]) && !L(u[t.optionValueKey]) : !1 : t.modelValue === u[t.optionValueKey] && !L(u[t.optionValueKey]))) ?? [];
       }
     );
     Ze(() => {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ce();
     });
-    const O = A(), G = A(), a = A(), B = A(), L = (e) => e == null;
+    const g = P(), G = P(), n = P(), B = P(), L = (e) => e == null;
     function T(e) {
       var f;
-      return (((f = D.value) == null ? void 0 : f.some(
+      return (((f = C.value) == null ? void 0 : f.some(
         (i) => i[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !L(e[t.optionValueKey]);
     }
-    const q = v(() => {
+    const U = y(() => {
       var u;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
           (f) => {
-            var i, S;
-            return (S = (i = w.value) == null ? void 0 : i.find((K) => K[t.optionValueKey] === f)) == null ? void 0 : S[t.optionInputValueKey];
+            var i, k;
+            return (k = (i = h.value) == null ? void 0 : i.find((K) => K[t.optionValueKey] === f)) == null ? void 0 : k[t.optionInputValueKey];
           }
         ).join(", ");
-      const e = (u = w.value) == null ? void 0 : u.find(
+      const e = (u = h.value) == null ? void 0 : u.find(
         (f) => f[t.optionValueKey] === t.modelValue
       );
       return L(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), le = v(
+    }), le = y(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), r = A(""), E = A(""), J = (e, u) => u && e && ue(e).includes(ue(u));
+    ), r = P(""), E = P(""), J = (e, u) => u && e && ie(e).includes(ie(u));
     function ze(e) {
       var u;
-      return e ? (u = w.value) == null ? void 0 : u.filter((f) => {
-        const i = f[t.optionLabelKey], S = f[t.optionValueKey], K = f[t.optionInputValueKey];
-        return J(i, e) || J(K, e) || J(S, e) || typeof i == "string" && me(i, e, 0.5).isMatching.value || typeof K == "string" && me(K, e, 0.5).isMatching.value || typeof S == "string" && me(S, e, 0.5).isMatching.value;
-      }) : w.value;
+      return e ? (u = h.value) == null ? void 0 : u.filter((f) => {
+        const i = f[t.optionLabelKey], k = f[t.optionValueKey], K = f[t.optionInputValueKey];
+        return J(i, e) || J(K, e) || J(k, e) || typeof i == "string" && me(i, e, 0.5).isMatching.value || typeof K == "string" && me(K, e, 0.5).isMatching.value || typeof k == "string" && me(k, e, 0.5).isMatching.value;
+      }) : h.value;
     }
-    const H = v(() => ze(r.value));
+    const Y = y(() => ze(r.value));
     async function x(e) {
       var f, i;
-      if (!k.value)
+      if (!I.value)
         return;
-      if (e && ("relatedTarget" in e && ((f = O.value) != null && f.contains(e.relatedTarget)) || e.type === "keydown"))
+      if (e && ("relatedTarget" in e && ((f = g.value) != null && f.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
       const u = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
       if ((i = t.excludeSelectors) != null && i.includes(`#${u}`))
         return e == null ? void 0 : e.preventDefault();
-      await ne(), F.value = !1, y.value = 0, I("close", e);
+      await ne(), F.value = !1, v.value = 0, $("close", e);
     }
     async function _(e) {
-      t.disabled || k.value || (e == null || e.preventDefault(), F.value = !0, await de(), I("focus", e), I("open", F.value));
+      t.disabled || I.value || (e == null || e.preventDefault(), F.value = !0, await de(), $("focus", e), $("open", F.value));
     }
     function Ce() {
       var e, u;
@@ -581,15 +581,15 @@ const zo = {
     }
     function Oe(e) {
       var u, f;
-      r.value = e, (f = ((u = a.value) == null ? void 0 : u.$el).querySelector("input")) == null || f.focus();
+      r.value = e, (f = ((u = n.value) == null ? void 0 : u.$el).querySelector("input")) == null || f.focus();
     }
     function Ue(e) {
       var f;
       e === "Backspace" && E.value.length > 0 ? E.value = E.value.slice(0, -1) : E.value += e;
       const u = ze(E.value);
-      u != null && u.length && (y.value = (f = H.value) == null ? void 0 : f.findIndex(
+      u != null && u.length && (v.value = (f = Y.value) == null ? void 0 : f.findIndex(
         (i) => i[t.optionValueKey] === u[0][t.optionValueKey]
-      ), typeof y.value == "number" && y.value >= 0 && de(y.value)), mo(() => {
+      ), typeof v.value == "number" && v.value >= 0 && de(v.value)), mo(() => {
         E.value = "";
       }, 1e3);
     }
@@ -597,26 +597,26 @@ const zo = {
       const u = e.key;
       /^[\dA-Za-z\u0400-\u04FF]$/.test(u) ? (e.preventDefault(), _(e), t.search ? Oe(u) : Ue(u)) : Ve(e);
     }, Ve = (e) => {
-      const u = e.code, f = ["ArrowUp", "ArrowDown"].includes(u), i = ["Enter", "Space"].includes(u), S = u === "Escape" && k.value;
-      f ? qe(e, y.value) : i ? He(e, y.value) : S && x(e);
+      const u = e.code, f = ["ArrowUp", "ArrowDown"].includes(u), i = ["Enter", "Space"].includes(u), k = u === "Escape" && I.value;
+      f ? qe(e, v.value) : i ? He(e, v.value) : k && x(e);
     }, qe = (e, u) => {
-      var S;
+      var k;
       e.preventDefault();
       const f = e.code;
-      k.value || _(e);
-      const i = (S = H.value) == null ? void 0 : S.length;
-      i && (typeof u == "number" ? u === i - 1 && f === "ArrowDown" ? y.value = 0 : u === 0 && f === "ArrowUp" ? y.value = i - 1 : y.value = f === "ArrowDown" ? u + 1 : u - 1 : y.value = f === "ArrowDown" ? 0 : i - 1, de(y.value));
+      I.value || _(e);
+      const i = (k = Y.value) == null ? void 0 : k.length;
+      i && (typeof u == "number" ? u === i - 1 && f === "ArrowDown" ? v.value = 0 : u === 0 && f === "ArrowUp" ? v.value = i - 1 : v.value = f === "ArrowDown" ? u + 1 : u - 1 : v.value = f === "ArrowDown" ? 0 : i - 1, de(v.value));
     }, He = (e, u) => {
-      var i, S, K;
-      if (e.preventDefault(), !k.value)
+      var i, k, K;
+      if (e.preventDefault(), !I.value)
         return _(e);
-      const f = u ? ((i = H.value) == null ? void 0 : i[u]) ?? ((S = H.value) == null ? void 0 : S[0]) : (K = H.value) == null ? void 0 : K[0];
+      const f = u ? ((i = Y.value) == null ? void 0 : i[u]) ?? ((k = Y.value) == null ? void 0 : k[0]) : (K = Y.value) == null ? void 0 : K[0];
       L(f) || we(f);
     };
     async function de(e) {
       var f, i;
       await ne(), typeof e != "number" && ce();
-      const u = e ?? y.value;
+      const u = e ?? v.value;
       typeof u == "number" && u >= 0 && ((i = (f = B.value) == null ? void 0 : f.querySelectorAll(".m-select-list-item")[u]) == null || i.scrollIntoView({
         behavior: "auto",
         block: "nearest",
@@ -625,42 +625,42 @@ const zo = {
     }
     function ce(e) {
       var f;
-      const u = (f = H.value) == null ? void 0 : f.findIndex((i) => {
-        var S, K;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((K = (S = D.value) == null ? void 0 : S[0]) == null ? void 0 : K[t.optionValueKey]) === i[t.optionValueKey];
+      const u = (f = Y.value) == null ? void 0 : f.findIndex((i) => {
+        var k, K;
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((K = (k = C.value) == null ? void 0 : k[0]) == null ? void 0 : K[t.optionValueKey]) === i[t.optionValueKey];
       });
-      y.value = u && u >= 0 ? u : 0;
+      v.value = u && u >= 0 ? u : 0;
     }
     function we(e, u = !0) {
       var K;
       u && !t.multiple && ne(() => x()), r.value = "";
-      const f = (K = D.value) == null ? void 0 : K.some(
+      const f = (K = C.value) == null ? void 0 : K.some(
         (ee) => ee[t.optionValueKey] === e[t.optionValueKey]
       );
-      let i = D.value;
+      let i = C.value;
       f && t.multiple ? i = i == null ? void 0 : i.filter(
         (ee) => ee[t.optionValueKey] !== e[t.optionValueKey]
       ) : t.multiple ? i.push(e) : i = [e];
-      const S = i.map((ee) => ee[t.optionValueKey]);
-      I("update:model-value", t.multiple ? S : S[0]), I("selected-option", e), ce(e), Ce();
+      const k = i.map((ee) => ee[t.optionValueKey]);
+      $("update:model-value", t.multiple ? k : k[0]), $("selected-option", e), ce(e), Ce();
     }
     return (e, u) => {
       var f;
-      return Ae((z(), M(
+      return Pe((V(), M(
         "div",
         {
           ref_key: "mazSelectElement",
-          ref: O,
+          ref: g,
           class: N(["m-select", [
-            { "--is-open": k.value, "--disabled": e.disabled, "--block": e.block },
+            { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
             t.class,
             `--${e.size}`
           ]]),
           style: te(e.style)
         },
         [
-          Z(he, ie({
-            id: P(Y),
+          Z(he, re({
+            id: A(O),
             ref_key: "mazInputComponent",
             ref: G,
             class: "m-select-input"
@@ -668,7 +668,7 @@ const zo = {
             required: e.required,
             "border-active": F.value,
             color: e.color,
-            "model-value": q.value,
+            "model-value": U.value,
             autocomplete: "off",
             size: e.size,
             block: "",
@@ -676,26 +676,26 @@ const zo = {
             onFocus: oe(_, ["prevent", "stop"]),
             onBlur: oe(x, ["prevent", "stop"]),
             onClick: oe(_, ["prevent", "stop"]),
-            onChange: u[0] || (u[0] = (i) => I("change", i)),
+            onChange: u[0] || (u[0] = (i) => $("change", i)),
             onKeydown: Ye
           }), {
-            "right-icon": Q(() => [
-              W("button", {
+            "right-icon": j(() => [
+              H("button", {
                 tabindex: "-1",
                 type: "button",
                 class: "m-select-input__toggle-button maz-custom",
-                "aria-label": `${k.value ? "collapse" : "expand"} list of options`,
+                "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
                 onClick: oe(De, ["stop"])
               }, [
-                Z(P(p), { class: "m-select-chevron maz-text-xl" })
+                Z(A(p), { class: "m-select-chevron maz-text-xl" })
               ], 8, Co)
             ]),
             _: 1
             /* STABLE */
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
           Z(Xe, { name: le.value }, {
-            default: Q(() => [
-              k.value ? (z(), M(
+            default: j(() => [
+              I.value ? (V(), M(
                 "div",
                 {
                   key: 0,
@@ -713,14 +713,14 @@ const zo = {
                   })
                 },
                 [
-                  e.search ? (z(), U(he, {
+                  e.search ? (V(), D(he, {
                     key: 0,
                     ref_key: "searchInputComponent",
-                    ref: a,
+                    ref: n,
                     modelValue: r.value,
                     "onUpdate:modelValue": [
                       u[1] || (u[1] = (i) => r.value = i),
-                      u[2] || (u[2] = (i) => y.value = 0)
+                      u[2] || (u[2] = (i) => v.value = 0)
                     ],
                     size: "sm",
                     color: e.color,
@@ -729,25 +729,25 @@ const zo = {
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": P(c),
+                    "left-icon": A(c),
                     onKeydown: Ve
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : h("v-if", !0),
-                  h(`
+                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : b("v-if", !0),
+                  b(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
-                  !H.value || H.value.length <= 0 ? R(e.$slots, "no-results", { key: 1 }, () => [
-                    W("span", Vo, [
-                      Z(P(g), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  !Y.value || Y.value.length <= 0 ? R(e.$slots, "no-results", { key: 1 }, () => [
+                    H("span", Vo, [
+                      Z(A(z), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (z(), M("div", wo, [
-                    (z(!0), M(
+                  ], !0) : (V(), M("div", wo, [
+                    (V(!0), M(
                       Ie,
                       null,
-                      xe(H.value, (i, S) => (z(), M(
+                      xe(Y.value, (i, k) => (V(), M(
                         Ie,
-                        { key: S },
+                        { key: k },
                         [
-                          h(`
+                          b(`
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
@@ -755,20 +755,20 @@ const zo = {
                             key: 0,
                             label: i.label
                           }, () => [
-                            W(
+                            H(
                               "span",
                               So,
                               X(i.label),
                               1
                               /* TEXT */
                             )
-                          ], !0) : (z(), M("button", {
+                          ], !0) : (V(), M("button", {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
                             class: N(["m-select-list-item maz-custom maz-flex-none", [
                               {
-                                "--is-keyboard-selected": y.value === S,
+                                "--is-keyboard-selected": v.value === k,
                                 "--is-selected": T(i),
                                 "--is-none-value": L(i[e.optionValueKey])
                               }
@@ -776,14 +776,14 @@ const zo = {
                             style: te(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
                             onClick: oe((K) => we(i), ["prevent", "stop"])
                           }, [
-                            e.multiple ? (z(), U(P(d), {
+                            e.multiple ? (V(), D(A(d), {
                               key: 0,
                               tabindex: "-1",
                               "model-value": T(i),
                               size: "sm",
                               color: e.color
-                            }, null, 8, ["model-value", "color"])) : h("v-if", !0),
-                            h(`
+                            }, null, 8, ["model-value", "color"])) : b("v-if", !0),
+                            b(`
                 @slot Custom option
                   @binding {Object} option - the option object
                   @binding {Boolean} is-selected - if the option is selected
@@ -792,7 +792,7 @@ const zo = {
                               option: i,
                               isSelected: T(i)
                             }, () => [
-                              W(
+                              H(
                                 "span",
                                 null,
                                 X(i[e.optionLabelKey]),
@@ -812,7 +812,7 @@ const zo = {
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : h("v-if", !0)
+              )) : b("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -821,19 +821,19 @@ const zo = {
         6
         /* CLASS, STYLE */
       )), [
-        [P(zo), {
+        [A(zo), {
           exclude: (f = e.excludeSelectors) != null && f.length ? e.excludeSelectors : [],
           handler: x
         }]
       ]);
     };
   }
-}), $o = /* @__PURE__ */ re(ko, [["__scopeId", "data-v-05b98a1b"]]);
-function Me(n) {
-  return !!n;
+}), $o = /* @__PURE__ */ se(ko, [["__scopeId", "data-v-05b98a1b"]]);
+function Me(a) {
+  return !!a;
 }
-function $e(n) {
-  return [...n].map((l) => {
+function $e(a) {
+  return [...a].map((l) => {
     const o = l.codePointAt(0);
     return o ? o % 32 + 127461 : void 0;
   }).filter(Me).map((l) => String.fromCodePoint(l)).join("");
@@ -841,32 +841,32 @@ function $e(n) {
 function Te() {
   if (typeof window > "u")
     return;
-  const n = window.navigator.language;
-  if (!n)
+  const a = window.navigator.language;
+  if (!a)
     return;
-  let l = n.slice(3, 7).toUpperCase();
-  return l === "" && (l = n.slice(0, 2).toUpperCase()), l === "EN" && (l = "US"), l === "JA" && (l = "JP"), {
+  let l = a.slice(3, 7).toUpperCase();
+  return l === "" && (l = a.slice(0, 2).toUpperCase()), l === "EN" && (l = "US"), l === "JA" && (l = "JP"), {
     locale: l,
-    browserLocale: n
+    browserLocale: a
   };
 }
 let ye, Be;
-function Bo(n, l, o) {
-  return o != null && o[l] ? o[l] : ((Be !== n || !ye) && (Be = n, ye = new Intl.DisplayNames([n], { type: "region" })), ye.of(l));
+function Bo(a, l, o) {
+  return o != null && o[l] ? o[l] : ((Be !== a || !ye) && (Be = a, ye = new Intl.DisplayNames([a], { type: "region" })), ye.of(l));
 }
-function Ao(n, l) {
+function Po(a, l) {
   var c;
-  const o = [], d = Pe();
-  n = n ?? ((c = Te()) == null ? void 0 : c.browserLocale) ?? "en-US";
+  const o = [], d = Ae();
+  a = a ?? ((c = Te()) == null ? void 0 : c.browserLocale) ?? "en-US";
   for (const p of d) {
-    const g = Bo(n, p, l);
-    if (g)
+    const z = Bo(a, p, l);
+    if (z)
       try {
-        const t = se(p);
+        const t = ue(p);
         o.push({
           iso2: p,
           dialCode: t,
-          name: g
+          name: z
         });
       } catch (t) {
         console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${t}`);
@@ -874,32 +874,32 @@ function Ao(n, l) {
   }
   return o;
 }
-async function Po() {
+async function Ao() {
   try {
-    const n = await fetch("https://ipwho.is"), { country_code: l } = await n.json();
+    const a = await fetch("https://ipwho.is"), { country_code: l } = await a.json();
     return l;
-  } catch (n) {
-    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${n}`);
+  } catch (a) {
+    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${a}`);
   }
 }
-function Fo(n) {
-  if (!n)
+function Fo(a) {
+  if (!a)
     return "";
   const l = new RegExp(/[^\d ()+-]/g);
-  return n.replaceAll(l, "").trim();
+  return a.replaceAll(l, "").trim();
 }
 function Ke() {
   return {
     sanitizePhoneNumber: Fo,
-    fetchCountryCode: Po,
+    fetchCountryCode: Ao,
     getBrowserLocale: Te,
-    getCountriesList: Ao
+    getCountriesList: Po
   };
 }
-function Ne(n, l) {
-  const o = _e(n, l);
+function Ne(a, l) {
+  const o = _e(a, l);
   if (!o)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a}`);
   return o;
 }
 const Eo = ["id"], Lo = {
@@ -932,34 +932,34 @@ const Eo = ["id"], Lo = {
     excludeSelectors: { default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(n) {
-    const l = n, { phoneNumber: o } = Ne("data"), d = A(), { getCountriesList: c } = Ke(), p = v(() => c(l.countryLocale, l.customCountriesList)), g = v(
+  setup(a) {
+    const l = a, { phoneNumber: o } = Ne("data"), d = P(), { getCountriesList: c } = Ke(), p = y(() => c(l.countryLocale, l.customCountriesList)), z = y(
       () => {
         var s;
         return (s = p.value) == null ? void 0 : s.filter((m) => {
-          var C;
-          return !((C = l.ignoredCountries) != null && C.includes(m.iso2));
+          var w;
+          return !((w = l.ignoredCountries) != null && w.includes(m.iso2));
         });
       }
-    ), t = v(() => {
+    ), t = y(() => {
       const s = l.onlyCountries || l.preferredCountries;
       return s == null ? void 0 : s.map(
         (m) => {
-          var C;
-          return (C = g.value) == null ? void 0 : C.find((k) => k.iso2.includes(m));
+          var w;
+          return (w = z.value) == null ? void 0 : w.find((I) => I.iso2.includes(m));
         }
       );
-    }), I = v(
+    }), $ = y(
       () => {
         var s;
-        return (s = g.value) == null ? void 0 : s.filter((m) => {
-          var C;
-          return !((C = l.preferredCountries) != null && C.includes(m.iso2));
+        return (s = z.value) == null ? void 0 : s.filter((m) => {
+          var w;
+          return !((w = l.preferredCountries) != null && w.includes(m.iso2));
         });
       }
-    ), F = v(
-      () => l.preferredCountries ? [...t.value ?? [], ...I.value ?? []] : l.onlyCountries ? t.value : g.value
-    ), y = v(
+    ), F = y(
+      () => l.preferredCountries ? [...t.value ?? [], ...$.value ?? []] : l.onlyCountries ? t.value : z.value
+    ), v = y(
       () => {
         var s;
         return (s = F.value) == null ? void 0 : s.map(
@@ -970,18 +970,18 @@ const Eo = ["id"], Lo = {
         ).filter(Me);
       }
     );
-    async function V() {
+    async function S() {
       var s, m;
       (m = (s = d.value) == null ? void 0 : s.$el.querySelector("input")) == null || m.focus();
     }
-    return (s, m) => (z(), M(
+    return (s, m) => (V(), M(
       "div",
       {
         class: N(["m-country-selector", [l.class, { "--no-flags": s.noFlags }]]),
         style: te(s.style)
       },
       [
-        s.modelValue && !s.noFlags ? (z(), M("button", {
+        s.modelValue && !s.noFlags ? (V(), M("button", {
           key: 0,
           id: `country-selector-flag-button-${s.id}`,
           class: N(["m-country-selector__country-flag maz-text-xl", {
@@ -989,21 +989,21 @@ const Eo = ["id"], Lo = {
           }]),
           tabindex: "-1",
           type: "button",
-          onClick: V
+          onClick: S
         }, [
-          h(`
+          b(`
         @slot Country selector flag
           @binding {String} country-code - current selected country code - Ex: \`"FR"\`
       `),
           R(s.$slots, "selector-flag", { countryCode: s.modelValue }, () => [
             ve(
-              X(P($e)(s.modelValue)),
+              X(A($e)(s.modelValue)),
               1
               /* TEXT */
             )
           ], !0)
-        ], 10, Eo)) : h("v-if", !0),
-        Z($o, ie({
+        ], 10, Eo)) : b("v-if", !0),
+        Z($o, re({
           id: `country-selector-${s.id}`,
           ref_key: "CountrySelectorRef",
           ref: d,
@@ -1023,62 +1023,62 @@ const Eo = ["id"], Lo = {
           success: s.success,
           search: !s.noSearch,
           "search-placeholder": s.locales.countrySelector.searchPlaceholder,
-          options: y.value,
-          hint: P(o) && !s.modelValue ? s.locales.countrySelector.error : void 0,
+          options: v.value,
+          hint: A(o) && !s.modelValue ? s.locales.countrySelector.error : void 0,
           label: s.locales.countrySelector.placeholder,
           style: {
             width: s.width
           },
           "exclude-selectors": [`#country-selector-flag-button-${s.id}`, ...s.excludeSelectors ?? []],
-          "onUpdate:modelValue": m[0] || (m[0] = (C) => s.$emit("update:model-value", C))
+          "onUpdate:modelValue": m[0] || (m[0] = (w) => s.$emit("update:model-value", w))
         }), {
-          "no-results": Q(() => [
+          "no-results": j(() => [
             R(s.$slots, "no-results", {}, void 0, !0)
           ]),
-          default: Q(({ option: C, isSelected: k }) => [
-            W(
+          default: j(({ option: w, isSelected: I }) => [
+            H(
               "div",
               {
                 class: N(["m-country-selector__select__item maz-flex maz-items-center maz-gap-1 maz-truncate", {
-                  "m-country-selector__select__item--selected": k
+                  "m-country-selector__select__item--selected": I
                 }])
               },
               [
-                !s.noFlags && typeof C.iso2 == "string" ? (z(), M("span", Lo, [
-                  h(`
+                !s.noFlags && typeof w.iso2 == "string" ? (V(), M("span", Lo, [
+                  b(`
               @slot Country list flag
                 @binding {String} country-code - country code of option - Ex: \`"FR"\`
                 @binding {{ iso2: string; dialCode: string; name: string; }} option - country data
                 @binding {Boolean} is-selected - \`true\` if option is selected
             `),
                   R(s.$slots, "country-list-flag", {
-                    countryCode: C.iso2,
-                    option: C,
-                    isSelected: k
+                    countryCode: w.iso2,
+                    option: w,
+                    isSelected: I
                   }, () => [
                     ve(
-                      X(P($e)(C.iso2)),
+                      X(A($e)(w.iso2)),
                       1
                       /* TEXT */
                     )
                   ], !0)
-                ])) : h("v-if", !0),
-                s.showCodeOnList ? (z(), M(
+                ])) : b("v-if", !0),
+                s.showCodeOnList ? (V(), M(
                   "span",
                   {
                     key: 1,
-                    class: N(["maz-w-9 maz-flex-none", { "maz-text-muted": !k }])
+                    class: N(["maz-w-9 maz-flex-none", { "maz-text-muted": !I }])
                   },
-                  X(C.dialCode),
+                  X(w.dialCode),
                   3
                   /* TEXT, CLASS */
-                )) : h("v-if", !0),
-                W(
+                )) : b("v-if", !0),
+                H(
                   "span",
                   {
-                    class: N(["maz-flex-1 maz-truncate", { "maz-font-semibold": k }])
+                    class: N(["maz-flex-1 maz-truncate", { "maz-font-semibold": I }])
                   },
-                  X(C.name),
+                  X(w.name),
                   3
                   /* TEXT, CLASS */
                 )
@@ -1095,26 +1095,26 @@ const Eo = ["id"], Lo = {
       /* CLASS, STYLE */
     ));
   }
-}), To = /* @__PURE__ */ re(Mo, [["__scopeId", "data-v-b24f2449"]]);
-function Ko(n) {
+}), To = /* @__PURE__ */ se(Mo, [["__scopeId", "data-v-b24f2449"]]);
+function Ko(a) {
   try {
-    const l = to(n);
-    return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${n}" is not available`), !1);
+    const l = to(a);
+    return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${a}" is not available`), !1);
   } catch (l) {
     return console.error(`[maz-ui](MazPhoneNumberInput) ${l}`), !1;
   }
 }
 function No({
-  phoneNumber: n,
+  phoneNumber: a,
   countryCode: l
 }) {
   try {
-    if (!n)
+    if (!a)
       return {
         isValid: !1,
         countryCode: l
       };
-    const o = lo(n, l);
+    const o = lo(a, l);
     return {
       countryCode: (o == null ? void 0 : o.country) ?? l,
       isValid: (o == null ? void 0 : o.isValid()) ?? !1,
@@ -1127,44 +1127,44 @@ function No({
       uri: o == null ? void 0 : o.getURI(),
       e164: o == null ? void 0 : o.format("E.164"),
       rfc3966: o == null ? void 0 : o.format("RFC3966"),
-      phoneNumber: n
+      phoneNumber: a
     };
   } catch (o) {
     throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${o}`);
   }
 }
-function Ro(n, l) {
+function Ro(a, l) {
   try {
-    return l ? new no(n).input(l) : "";
+    return l ? new no(a).input(l) : "";
   } catch (o) {
     throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${o}`);
   }
 }
 async function Do() {
-  const { default: n } = await import("./examples.mobile.json-um0ibyv5.mjs");
-  return n;
+  const { default: a } = await import("./examples.mobile.json-um0ibyv5.mjs");
+  return a;
 }
-function Oo(n, l) {
+function Oo(a, l) {
   var o;
   try {
-    return n && l ? (o = ao(l, n)) == null ? void 0 : o.formatNational() : void 0;
+    return a && l ? (o = ao(l, a)) == null ? void 0 : o.formatNational() : void 0;
   } catch (d) {
     console.error(`[maz-ui](MazPhoneNumberInput) ${d}`);
   }
 }
 function Re() {
-  function n(l, o) {
-    return se(l) === se(o);
+  function a(l, o) {
+    return ue(l) === ue(o);
   }
   return {
     getAsYouTypeFormat: Ro,
     getPhoneNumberResults: No,
     getPhoneNumberExamplesFile: Do,
     getPhoneNumberExample: Oo,
-    isSameCountryCallingCode: n,
+    isSameCountryCallingCode: a,
     isCountryAvailable: Ko,
-    getCountries: Pe,
-    getCountryCallingCode: se
+    getCountries: Ae,
+    getCountryCallingCode: ue
   };
 }
 const Uo = /* @__PURE__ */ ae({
@@ -1175,6 +1175,7 @@ const Uo = /* @__PURE__ */ ae({
     size: {},
     locales: {},
     label: { default: void 0 },
+    placeholder: { default: void 0 },
     noExample: { type: Boolean },
     disabled: { type: Boolean },
     hasRadius: { type: Boolean },
@@ -1187,64 +1188,72 @@ const Uo = /* @__PURE__ */ ae({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["update:model-value"], ["update:modelValue"]),
-  setup(n, { emit: l }) {
-    const o = n, d = l, c = eo(n, "modelValue"), { getPhoneNumberExamplesFile: p, getPhoneNumberExample: g } = Re(), { selectionRange: t, results: I, selectedCountry: F } = Ne("data"), y = A(), V = A(!1), s = v(() => {
-      var $;
-      if (o.label)
-        return o.label;
-      const b = o.locales.phoneInput.placeholder;
-      if (o.noExample || !y.value)
-        return b;
+  setup(a, { emit: l }) {
+    const o = a, d = l, c = eo(a, "modelValue"), { getPhoneNumberExamplesFile: p, getPhoneNumberExample: z } = Re(), { selectionRange: t, results: $, selectedCountry: F } = Ne("data"), v = P(), S = P(!1);
+    function s(h, C) {
+      const g = z(h, C);
+      return g ? `${o.locales.phoneInput.example} ${g}` : void 0;
+    }
+    const m = y(() => {
+      var C;
+      if (o.label || o.placeholder)
+        return o.label || o.placeholder;
+      const h = o.locales.phoneInput.placeholder;
+      if (o.noExample || !v.value)
+        return h;
       {
-        const w = g(y.value, F.value);
-        return ($ = I.value) != null && $.isValid || !w ? b : `${o.locales.phoneInput.example} ${w}`;
+        const g = s(v.value, F.value);
+        return (C = $.value) != null && C.isValid || !g ? h : g;
       }
-    }), m = A();
-    async function C() {
+    }), w = y(() => o.placeholder ? {
+      placeholder: m.value
+    } : {
+      label: m.value
+    }), I = P();
+    async function O() {
       try {
-        if (y.value)
+        if (v.value)
           return;
-        y.value = await p();
-      } catch (b) {
-        console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", b);
+        v.value = await p();
+      } catch (h) {
+        console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", h);
       }
     }
-    async function k(b) {
-      m.value && b && Y(m.value, b), await ne(), d("update:model-value", b);
+    async function W(h) {
+      I.value && h && Q(I.value, h), await ne(), d("update:model-value", h);
     }
-    function Y(b, $) {
-      const w = b.$el.querySelector("input");
-      t.value.start = w == null ? void 0 : w.selectionStart, t.value.end = w == null ? void 0 : w.selectionEnd, t.value.cursorAtEnd = $ && typeof t.value.start == "number" && $.length > 0 ? t.value.start >= $.length : !0;
+    function Q(h, C) {
+      const g = h.$el.querySelector("input");
+      t.value.start = g == null ? void 0 : g.selectionStart, t.value.end = g == null ? void 0 : g.selectionEnd, t.value.cursorAtEnd = C && typeof t.value.start == "number" && C.length > 0 ? t.value.start >= C.length : !0;
     }
     return ge(() => {
-      o.noExample || C();
-    }), (b, $) => (z(), U(he, ie({
-      id: b.id,
+      o.noExample || O();
+    }), (h, C) => (V(), D(he, re({
+      id: h.id,
       ref_key: "PhoneInputRef",
-      ref: m,
+      ref: I,
       "model-value": c.value
-    }, b.$attrs, {
-      label: s.value,
-      disabled: b.disabled,
-      color: b.color,
-      error: b.error,
-      size: b.size,
-      success: b.success,
+    }, { ...h.$attrs, ...w.value }, {
+      disabled: h.disabled,
+      color: h.color,
+      error: h.error,
+      size: h.size,
+      success: h.success,
       type: "tel",
       inputmode: "tel",
       class: ["m-phone-input", [
         {
-          "--border-radius": b.hasRadius,
-          "--error": b.error || !P(I).isValid,
-          "--focused": V.value
+          "--border-radius": h.hasRadius,
+          "--error": h.error || !A($).isValid,
+          "--focused": S.value
         }
       ]],
-      onFocus: $[0] || ($[0] = (w) => V.value = !0),
-      onBlur: $[1] || ($[1] = (w) => V.value = !1),
-      "onUpdate:modelValue": $[2] || ($[2] = (w) => k(w))
-    }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "success", "class"]));
+      onFocus: C[0] || (C[0] = (g) => S.value = !0),
+      onBlur: C[1] || (C[1] = (g) => S.value = !1),
+      "onUpdate:modelValue": C[2] || (C[2] = (g) => W(g))
+    }), null, 16, ["id", "model-value", "disabled", "color", "error", "size", "success", "class"]));
   }
-}), Yo = /* @__PURE__ */ re(Uo, [["__scopeId", "data-v-5bc0c1a2"]]), qo = {
+}), Yo = /* @__PURE__ */ se(Uo, [["__scopeId", "data-v-34e13002"]]), qo = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -1255,6 +1264,7 @@ const Uo = /* @__PURE__ */ ae({
     example: "Example:"
   }
 }, Ho = /* @__PURE__ */ ae({
+  name: "MazPhoneNumberInput",
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
   props: {
@@ -1266,6 +1276,7 @@ const Uo = /* @__PURE__ */ ae({
     defaultCountryCode: { default: void 0 },
     id: { default: void 0 },
     placeholder: { default: void 0 },
+    label: { default: void 0 },
     preferredCountries: { default: void 0 },
     ignoredCountries: { default: void 0 },
     onlyCountries: { default: void 0 },
@@ -1296,81 +1307,81 @@ const Uo = /* @__PURE__ */ ae({
     orientation: { default: "responsive" }
   },
   emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
-  setup(n, { emit: l }) {
-    const o = l, d = n, { fetchCountryCode: c, sanitizePhoneNumber: p, getBrowserLocale: g } = Ke(), { isCountryAvailable: t, getPhoneNumberResults: I, getAsYouTypeFormat: F } = Re(), y = be({
+  setup(a, { emit: l }) {
+    const o = l, d = a, { fetchCountryCode: c, sanitizePhoneNumber: p, getBrowserLocale: z } = Ke(), { isCountryAvailable: t, getPhoneNumberResults: $, getAsYouTypeFormat: F } = Re(), v = be({
       componentName: "MazPhoneNumberInput",
       providedId: d.id
-    }), V = A(""), s = A(), m = A({
+    }), S = P(""), s = P(), m = P({
       isValid: !1,
       countryCode: void 0
-    }), C = A({
+    }), w = P({
       start: 0,
       end: 0,
       cursorAtEnd: !0
     });
     oo("data", {
       selectedCountry: s,
-      phoneNumber: V,
+      phoneNumber: S,
       results: m,
-      selectionRange: C
+      selectionRange: w
     });
-    const k = v(() => ({
+    const I = y(() => ({
       ...qo,
       ...d.translations
     }));
     ge(async () => {
-      var a;
-      if (D(d.countryCode ?? d.defaultCountryCode), d.fetchCountry && !s.value) {
+      var n;
+      if (C(d.countryCode ?? d.defaultCountryCode), d.fetchCountry && !s.value) {
         const B = await c();
-        D(B);
+        C(B);
       }
       if (!d.defaultCountryCode && !d.noUseBrowserLocale && !s.value) {
-        const B = (a = g()) == null ? void 0 : a.locale;
-        D(B);
+        const B = (n = z()) == null ? void 0 : n.locale;
+        C(B);
       }
     });
-    const Y = A();
-    function b() {
-      var a;
-      return (a = Y.value) == null ? void 0 : a.$el.querySelector("input");
+    const O = P();
+    function W() {
+      var n;
+      return (n = O.value) == null ? void 0 : n.$el.querySelector("input");
     }
-    async function $() {
-      var a;
-      await ne(), (a = b()) == null || a.select();
+    async function Q() {
+      var n;
+      await ne(), (n = W()) == null || n.select();
     }
-    function w(a) {
+    function h(n) {
       G({
-        countryCode: a,
+        countryCode: n,
         autoFormat: d.autoFormat,
         noFormattingAsYouType: d.noFormattingAsYouType
-      }), $();
+      }), Q();
     }
-    function D(a) {
-      if (a) {
-        if (!t(a)) {
+    function C(n) {
+      if (n) {
+        if (!t(n)) {
           s.value = void 0;
           return;
         }
-        s.value = a;
+        s.value = n;
       }
     }
-    function O({
-      newPhoneNumber: a,
+    function g({
+      newPhoneNumber: n,
       autoFormat: B,
       noFormattingAsYouType: L,
       updateResults: T = !0
     }) {
-      const q = p(a);
-      if (T && (m.value = I({
-        phoneNumber: q,
+      const U = p(n);
+      if (T && (m.value = $({
+        phoneNumber: U,
         countryCode: s.value
       })), m.value.isValid && m.value.formatNational && B)
-        V.value = m.value.formatNational;
-      else if (C.value.cursorAtEnd && !L) {
-        const le = F(s.value, q);
-        V.value = le;
+        S.value = m.value.formatNational;
+      else if (w.value.cursorAtEnd && !L) {
+        const le = F(s.value, U);
+        S.value = le;
       } else
-        V.value = q;
+        S.value = U;
       m.value.countryCode && m.value.countryCode !== s.value && G({
         countryCode: m.value.countryCode,
         autoFormat: B,
@@ -1379,20 +1390,20 @@ const Uo = /* @__PURE__ */ ae({
       });
     }
     function G({
-      countryCode: a,
+      countryCode: n,
       autoFormat: B,
       noFormattingAsYouType: L,
       updateResults: T = !0
     }) {
-      if (!a) {
+      if (!n) {
         s.value = void 0;
         return;
       }
-      a !== s.value && D(a), T && (m.value = I({
-        phoneNumber: V.value,
-        countryCode: a
-      })), O({
-        newPhoneNumber: V.value,
+      n !== s.value && C(n), T && (m.value = $({
+        phoneNumber: S.value,
+        countryCode: n
+      })), g({
+        newPhoneNumber: S.value,
         autoFormat: B,
         noFormattingAsYouType: L,
         updateResults: !1
@@ -1400,9 +1411,9 @@ const Uo = /* @__PURE__ */ ae({
     }
     return fe(
       () => d.modelValue ?? d.defaultPhoneNumber,
-      (a, B) => {
-        a && a !== B && a !== V.value && O({
-          newPhoneNumber: a,
+      (n, B) => {
+        n && n !== B && n !== S.value && g({
+          newPhoneNumber: n,
           autoFormat: d.autoFormat,
           noFormattingAsYouType: d.noFormattingAsYouType
         });
@@ -1412,9 +1423,9 @@ const Uo = /* @__PURE__ */ ae({
       }
     ), fe(
       () => d.countryCode ?? d.defaultCountryCode,
-      (a, B) => {
-        a && a !== B && a !== s.value && G({
-          countryCode: a,
+      (n, B) => {
+        n && n !== B && n !== s.value && G({
+          countryCode: n,
           autoFormat: d.autoFormat,
           noFormattingAsYouType: d.noFormattingAsYouType
         });
@@ -1424,107 +1435,109 @@ const Uo = /* @__PURE__ */ ae({
       }
     ), fe(
       m,
-      (a) => {
-        o("update", a), o("data", a), a.e164 && a.isValid ? o("update:model-value", a.e164) : o("update:model-value", V.value), o("country-code", s.value), o("update:country-code", s.value);
+      (n) => {
+        o("update", n), o("data", n), n.e164 && n.isValid ? o("update:model-value", n.e164) : o("update:model-value", S.value), o("country-code", s.value), o("update:country-code", s.value);
       },
       {
         immediate: !0
       }
-    ), (a, B) => {
+    ), (n, B) => {
       var L;
-      return z(), M(
+      return V(), M(
         "div",
         {
-          class: N(["m-phone-number-input", [d.class, { "--block": a.block }, a.orientation ? `--${a.orientation}` : void 0]]),
-          style: te(a.style)
+          class: N(["m-phone-number-input", [d.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
+          style: te(n.style)
         },
         [
-          a.noCountrySelector ? h("v-if", !0) : (z(), U(To, {
+          n.noCountrySelector ? b("v-if", !0) : (V(), D(To, {
             key: 0,
-            id: P(y),
+            id: A(v),
             "model-value": s.value,
-            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,
-            "exclude-selectors": a.excludeSelectors,
-            error: a.error || (a.noValidationError ? !1 : !!V.value && !s.value),
-            success: a.success || (a.noValidationSuccess ? !1 : (L = m.value) == null ? void 0 : L.isValid),
-            locales: k.value,
-            disabled: a.disabled,
-            "show-code-on-list": a.showCodeOnList,
-            "only-countries": a.onlyCountries,
-            "preferred-countries": a.preferredCountries,
-            width: a.countrySelectorWidth,
-            "onUpdate:modelValue": w
+            color: n.color,
+            size: n.size,
+            "country-locale": n.countryLocale,
+            "country-selector-display-name": n.countrySelectorDisplayName,
+            "custom-countries-list": n.customCountriesList,
+            "ignored-countries": n.ignoredCountries,
+            "list-position": n.listPosition,
+            "no-flags": n.noFlags,
+            "no-search": n.noSearch,
+            "exclude-selectors": n.excludeSelectors,
+            error: n.error || (n.noValidationError ? !1 : !!S.value && !s.value),
+            success: n.success || (n.noValidationSuccess ? !1 : (L = m.value) == null ? void 0 : L.isValid),
+            locales: I.value,
+            disabled: n.disabled,
+            "show-code-on-list": n.showCodeOnList,
+            "only-countries": n.onlyCountries,
+            "preferred-countries": n.preferredCountries,
+            width: n.countrySelectorWidth,
+            "onUpdate:modelValue": h
           }, {
-            "no-results": Q(() => [
-              h(`
+            "no-results": j(() => [
+              b(`
           @slot Replace the "no results" icon in the country selector list
         `),
-              R(a.$slots, "no-results", {}, void 0, !0)
+              R(n.$slots, "no-results", {}, void 0, !0)
             ]),
-            "selector-flag": Q(({ countryCode: T }) => [
-              h(`
+            "selector-flag": j(({ countryCode: T }) => [
+              b(`
           @slot Country selector flag
             @binding {String} country-code - current selected country code - Ex: \`"FR"\`
         `),
-              R(a.$slots, "selector-flag", { countryCode: T }, void 0, !0)
+              R(n.$slots, "selector-flag", { countryCode: T }, void 0, !0)
             ]),
-            "country-list-flag": Q(({ isSelected: T, option: q }) => [
-              h(`
+            "country-list-flag": j(({ isSelected: T, option: U }) => [
+              b(`
           @slot Country list flag
             @binding {String} country-code - country code of option - Ex: \`"FR"\`
             @binding {{ iso2: string; dialCode: string; name: string; }} option - country data
             @binding {Boolean} is-selected - \`true\` if option is selected
         `),
-              R(a.$slots, "country-list-flag", {
-                countryCode: q.iso2,
-                option: q,
+              R(n.$slots, "country-list-flag", {
+                countryCode: U.iso2,
+                option: U,
                 isSelected: T
               }, void 0, !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 8, ["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", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
-          Z(Yo, {
-            id: P(y),
+          Z(Yo, re({
+            id: A(v),
             ref_key: "PhoneInputRef",
-            ref: Y,
-            "model-value": V.value,
-            color: a.color,
-            size: a.size,
-            "no-example": a.noExample,
+            ref: O,
+            "model-value": S.value,
+            color: n.color,
+            size: n.size,
+            "no-example": n.noExample,
             block: "",
-            disabled: a.disabled,
-            "has-radius": !a.noCountrySelector,
-            success: a.success || (a.noValidationSuccess ? !1 : m.value.isValid),
-            error: a.error || (a.noValidationError ? !1 : !!V.value && !m.value.isValid),
-            locales: k.value,
-            "no-formatting-as-you-type": a.noFormattingAsYouType,
-            "auto-format": a.autoFormat,
-            label: a.placeholder,
-            "onUpdate:modelValue": B[0] || (B[0] = (T) => O({
+            disabled: n.disabled
+          }, n.$attrs, {
+            "has-radius": !n.noCountrySelector,
+            success: n.success || (n.noValidationSuccess ? !1 : m.value.isValid),
+            error: n.error || (n.noValidationError ? !1 : !!S.value && !m.value.isValid),
+            locales: I.value,
+            "no-formatting-as-you-type": n.noFormattingAsYouType,
+            "auto-format": n.autoFormat,
+            label: n.label,
+            placeholder: n.placeholder,
+            "onUpdate:modelValue": B[0] || (B[0] = (T) => g({
               newPhoneNumber: T,
-              autoFormat: a.autoFormat,
-              noFormattingAsYouType: a.noFormattingAsYouType
+              autoFormat: n.autoFormat,
+              noFormattingAsYouType: n.noFormattingAsYouType
             }))
-          }, null, 8, ["id", "model-value", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label"])
+          }), null, 16, ["id", "model-value", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label", "placeholder"])
         ],
         6
         /* CLASS, STYLE */
       );
     };
   }
-}), Qo = /* @__PURE__ */ re(Ho, [["__scopeId", "data-v-174cbd16"]]);
+}), Qo = /* @__PURE__ */ se(Ho, [["__scopeId", "data-v-1ad77393"]]);
 export {
   Qo as M,
-  re as _,
+  se as _,
   Ne as i,
   be as u
 };