maz-ui 3.44.0 → 3.44.2

package/components/chunks/{MazPagination-C6ZehQSZ.mjs → MazPagination-NbHR41CQ.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as q, defineAsyncComponent as N, useAttrs as H, useSlots as J, onBeforeMount as K, computed as t, openBlock as i, createBlock as p, resolveDynamicComponent as F, normalizeClass as A, withCtx as V, createElementBlock as b, createCommentVNode as s, renderSlot as c, unref as m, createElementVNode as d, createVNode as v, mergeProps as $, createTextVNode as k, toDisplayString as S, Fragment as Q, renderList as W } from "vue";
+import { defineComponent as q, defineAsyncComponent as N, useAttrs as H, useSlots as J, onBeforeMount as K, computed as t, openBlock as i, createBlock as c, resolveDynamicComponent as D, normalizeClass as S, withCtx as V, createElementBlock as b, createCommentVNode as s, renderSlot as p, unref as m, createElementVNode as d, createVNode as v, mergeProps as $, createTextVNode as k, toDisplayString as A, Fragment as Q, renderList as W } from "vue";
 import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
   __name: "MazBtn",
   props: {
@@ -16,15 +16,15 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
     loading: { type: Boolean },
     disabled: { type: Boolean },
     fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     noPadding: { type: Boolean },
     noElevation: { type: Boolean },
     contentClass: { default: void 0 }
   },
   setup(P) {
-    const l = P, e = N(() => import("./MazSpinner-Cz2DHV6g.mjs")), f = N(() => import("./MazIcon-BDGxCy9M.mjs")), { href: h, to: T } = H(), C = J();
+    const l = P, e = N(() => import("./MazSpinner-C6T_enKo.mjs")), f = N(() => import("./MazIcon-BDGxCy9M.mjs")), { href: h, to: T } = H(), C = J();
     K(() => {
       l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -32,10 +32,10 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
       () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
     ), g = t(
       () => (l.loading || l.disabled) && B.value === "button"
-    ), z = t(() => g.value ? "--cursor-default" : "--cursor-pointer"), I = t(() => `--is-${l.variant}`), y = t(() => l.loading && l.variant === "button"), E = t(() => !!C["left-icon"] || l.leftIcon), D = t(() => !!C["right-icon"] || l.rightIcon), O = t(() => E.value || D.value), U = t(() => l.fab && (l.icon || !!C.icon)), w = t(() => B.value === "button" ? l.type : void 0);
-    return (a, j) => (i(), p(F(B.value), {
+    ), z = t(() => g.value ? "--cursor-default" : "--cursor-pointer"), I = t(() => `--is-${l.variant}`), y = t(() => l.loading && l.variant === "button"), E = t(() => !!C["left-icon"] || l.leftIcon), F = t(() => !!C["right-icon"] || l.rightIcon), L = t(() => E.value || F.value), U = t(() => l.fab && (l.icon || !!C.icon)), j = t(() => B.value === "button" ? l.type : void 0);
+    return (a, w) => (i(), c(D(B.value), {
       disabled: g.value || void 0,
-      class: A(["m-btn", [
+      class: S(["m-btn", [
         `--${a.size}`,
         !a.fab && a.roundedSize && `--rounded-${a.roundedSize}`,
         r.value,
@@ -47,31 +47,31 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
           "--fab": a.fab,
           "--loading": a.loading,
           "--disabled": g.value,
-          "--icon": O.value,
+          "--icon": L.value,
           "--rounded": a.rounded,
           "--no-rounded": a.noRounded,
           "--no-padding": a.noPadding,
           "--no-elevation": a.noElevation
         }
       ]]),
-      type: w.value
+      type: j.value
     }, {
       default: V(() => [
         E.value ? (i(), b(
           "div",
           {
             key: 0,
-            class: A(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": y.value }])
+            class: S(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": y.value }])
           },
           [
             s(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            c(a.$slots, "left-icon", {}, () => [
-              typeof a.leftIcon == "string" ? (i(), p(m(f), {
+            p(a.$slots, "left-icon", {}, () => [
+              typeof a.leftIcon == "string" ? (i(), c(m(f), {
                 key: 0,
                 name: a.leftIcon
-              }, null, 8, ["name"])) : a.leftIcon ? (i(), p(F(a.leftIcon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : a.leftIcon ? (i(), c(D(a.leftIcon), { key: 1 })) : s("v-if", !0)
             ], !0)
           ],
           2
@@ -81,17 +81,17 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
           "div",
           {
             key: 1,
-            class: A(["m-btn__icon", { "maz-invisible": y.value }])
+            class: S(["m-btn__icon", { "maz-invisible": y.value }])
           },
           [
             s(`
         @slot icon - The icon to display on the fab button
       `),
-            c(a.$slots, "icon", {}, () => [
-              typeof a.icon == "string" ? (i(), p(m(f), {
+            p(a.$slots, "icon", {}, () => [
+              typeof a.icon == "string" ? (i(), c(m(f), {
                 key: 0,
                 name: a.icon
-              }, null, 8, ["name"])) : a.icon ? (i(), p(F(a.icon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : a.icon ? (i(), c(D(a.icon), { key: 1 })) : s("v-if", !0)
             ], !0)
           ],
           2
@@ -101,38 +101,38 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
           "span",
           {
             key: 2,
-            class: A([{ "maz-invisible": y.value }, a.contentClass])
+            class: S([{ "maz-invisible": y.value }, a.contentClass])
           },
           [
             s(`
         @slot default - The content of the button
       `),
-            c(a.$slots, "default", {}, void 0, !0)
+            p(a.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
         )) : s("v-if", !0),
-        D.value ? (i(), b(
+        F.value ? (i(), b(
           "div",
           {
             key: 3,
-            class: A(["m-btn__icon-right", { "maz-invisible": y.value }])
+            class: S(["m-btn__icon-right", { "maz-invisible": y.value }])
           },
           [
             s(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            c(a.$slots, "right-icon", {}, () => [
-              typeof a.rightIcon == "string" ? (i(), p(m(f), {
+            p(a.$slots, "right-icon", {}, () => [
+              typeof a.rightIcon == "string" ? (i(), c(m(f), {
                 key: 0,
                 name: a.rightIcon
-              }, null, 8, ["name"])) : a.rightIcon ? (i(), p(F(a.rightIcon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : a.rightIcon ? (i(), c(D(a.rightIcon), { key: 1 })) : s("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : s("v-if", !0),
-        y.value ? (i(), p(m(e), {
+        y.value ? (i(), c(m(e), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
@@ -190,15 +190,15 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
       () => e.modelValue - e.pageRange > 1 ? I.value.slice(0, 1) : []
     ), E = t(
       () => e.modelValue < e.totalPages - e.pageRange ? I.value.slice(-1) : []
-    ), D = t(() => e.modelValue - e.pageRange - 1 < 0 ? 0 : e.modelValue - e.pageRange - 1 > e.totalPages - e.pageRange ? e.totalPages - e.pageRange : e.modelValue - e.pageRange - 1), O = t(
+    ), F = t(() => e.modelValue - e.pageRange - 1 < 0 ? 0 : e.modelValue - e.pageRange - 1 > e.totalPages - e.pageRange ? e.totalPages - e.pageRange : e.modelValue - e.pageRange - 1), L = t(
       () => e.modelValue + e.pageRange > e.totalPages ? e.totalPages : e.modelValue + e.pageRange < e.pageRange ? e.pageRange : e.modelValue + e.pageRange
-    ), U = t(() => I.value.slice(D.value, O.value)), w = t(
+    ), U = t(() => I.value.slice(F.value, L.value)), j = t(
       () => e.modelValue - e.pageRange > 2 ? [{ divider: !0 }] : []
     ), a = t(
       () => e.modelValue < e.totalPages - e.pageRange - 1 ? [{ divider: !0 }] : []
-    ), j = t(() => [
+    ), w = t(() => [
       ...y.value,
-      ...w.value,
+      ...j.value,
       ...U.value,
       ...a.value,
       ...E.value
@@ -223,7 +223,7 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
               @slot Accessible text for screen reader of the previous page button
                 @binding {number} page - first page number
             `),
-                c(o.$slots, "first-page-sr", { page: 1 }, () => [
+                p(o.$slots, "first-page-sr", { page: 1 }, () => [
                   k("First Page, page 1")
                 ], !0)
               ]),
@@ -248,9 +248,9 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
               @slot Accessible text for screen reader of the first page button
                 @binding {number} page - previous page number
             `),
-                c(o.$slots, "previous-page-sr", { page: g.value }, () => [
+                p(o.$slots, "previous-page-sr", { page: g.value }, () => [
                   k(
-                    " Previous Page, page " + S(g.value),
+                    " Previous Page, page " + A(g.value),
                     1
                     /* TEXT */
                   )
@@ -265,11 +265,11 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
         (i(!0), b(
           Q,
           null,
-          W(j.value, (n, L) => (i(), b("li", {
-            id: "number" in n ? `button-${L}-${n.number}` : `ellipsis-${L}`,
-            key: "number" in n ? `button-${L}-${n.number}` : `ellipsis-${L}`
+          W(w.value, (n, O) => (i(), b("li", {
+            id: "number" in n ? `button-${O}-${n.number}` : `ellipsis-${O}`,
+            key: "number" in n ? `button-${O}-${n.number}` : `ellipsis-${O}`
           }, [
-            "number" in n ? (i(), p(M, $({
+            "number" in n ? (i(), c(M, $({
               key: 0,
               ref_for: !0
             }, {
@@ -292,18 +292,18 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
                 @slot Accessible text for screen reader of the current page button
                   @binding {number} page - current page number
               `),
-                  c(o.$slots, "page-sr", {
+                  p(o.$slots, "page-sr", {
                     page: n.number
                   }, () => [
                     k(
-                      "Page " + S(n.number),
+                      "Page " + A(n.number),
                       1
                       /* TEXT */
                     )
                   ], !0)
                 ]),
                 k(
-                  " " + S(n.number),
+                  " " + A(n.number),
                   1
                   /* TEXT */
                 )
@@ -341,9 +341,9 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
               @slot Accessible text for screen reader of the next page button
                 @binding {number} page - next page number
             `),
-                c(o.$slots, "next-page-sr", { page: z.value }, () => [
+                p(o.$slots, "next-page-sr", { page: z.value }, () => [
                   k(
-                    "Next Page, page " + S(z.value),
+                    "Next Page, page " + A(z.value),
                     1
                     /* TEXT */
                   )
@@ -370,9 +370,9 @@ import '../assets/MazPagination.css';const X = /* @__PURE__ */ q({
               @slot Accessible text for screen reader of the last page button
                 @binding {number} page - last page number
             `),
-                c(o.$slots, "last-page-sr", { page: o.totalPages }, () => [
+                p(o.$slots, "last-page-sr", { page: o.totalPages }, () => [
                   k(
-                    "Last Page, page " + S(o.totalPages),
+                    "Last Page, page " + A(o.totalPages),
                     1
                     /* TEXT */
                   )

package/components/chunks/{MazPhoneNumberInput-DpWoNQfx.mjs → MazPhoneNumberInput-BGo-vcnD.mjs}

@@ -1,10 +1,10 @@
-import { getCurrentInstance as je, computed as m, defineComponent as ae, defineAsyncComponent as q, ref as B, onMounted as ge, useSlots as We, openBlock as V, createElementBlock as L, normalizeClass as N, normalizeStyle as te, createElementVNode as H, createCommentVNode as g, renderSlot as R, createBlock as D, unref as P, 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 { getCurrentInstance as He, computed as m, defineComponent as ae, defineAsyncComponent as q, ref as B, onMounted as ge, useSlots as We, openBlock as V, createElementBlock as L, normalizeClass as N, normalizeStyle as te, createElementVNode as j, createCommentVNode as g, renderSlot as R, createBlock as O, unref as P, 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 H, 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";
 import '../assets/MazPhoneNumberInput.css';function be({
   componentName: n,
   providedId: l
 }) {
-  const e = je();
+  const e = He();
   return m(() => l ?? `${n}-${e == null ? void 0 : e.uid}`);
 }
 let pe = null;
@@ -197,14 +197,14 @@ const yo = {
     validButtonLoading: { type: Boolean, default: !1 },
     autoFocus: { type: Boolean, default: !1 },
     borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(n, { emit: l }) {
-    const e = n, t = l, d = q(() => import("./MazBtn-zyRLUViT.mjs")), f = q(() => import("./MazIcon-B8A0hQAH.mjs")), b = q(() => import("./eye-slash-tjfxO0LK.mjs")), k = q(() => import("./eye-DqO_Jx56.mjs")), K = q(() => import("./check-7UA4j2f2.mjs")), A = B(!1), y = B(!1), S = B(), s = be({
+    const e = n, t = l, d = q(() => import("./MazBtn-gE-drZkE.mjs")), f = q(() => import("./MazIcon-CUOwXGOK.mjs")), b = q(() => import("./eye-slash-tjfxO0LK.mjs")), k = q(() => import("./eye-DqO_Jx56.mjs")), K = q(() => import("./check-7UA4j2f2.mjs")), A = B(!1), y = B(!1), S = B(), s = be({
       componentName: "MazInput",
       providedId: e.id
     });
@@ -240,7 +240,7 @@ const yo = {
         }
         return "--default-border";
       }
-    }), O = We(), W = m(() => {
+    }), D = We(), W = m(() => {
       const { required: r, placeholder: F } = e;
       if (F)
         return r ? `${F} *` : F;
@@ -260,10 +260,10 @@ const yo = {
       set: (r) => z(r)
     }), G = m(() => (!!e.label || !!e.hint) && (y.value || !!Q.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), a = m(() => !!e.label || !!e.hint);
     function $() {
-      return !!O["right-icon"] || p.value || !!O["valid-button"] || e.validButton || !!e.rightIcon;
+      return !!D["right-icon"] || p.value || !!D["valid-button"] || e.validButton || !!e.rightIcon;
     }
     function E() {
-      return !!O["left-icon"] || !!e.leftIcon;
+      return !!D["left-icon"] || !!e.leftIcon;
     }
     function M(r) {
       t("focus", r), y.value = !0;
@@ -295,7 +295,7 @@ const yo = {
         style: te(r.style)
       },
       [
-        H(
+        j(
           "div",
           {
             class: N(["m-input-wrapper", [
@@ -310,18 +310,18 @@ const yo = {
           @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" ? (V(), D(P(f), {
+                typeof r.leftIcon == "string" ? (V(), O(P(f), {
                   key: 0,
                   name: r.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : r.leftIcon ? (V(), D(Se(r.leftIcon), {
+                }, null, 8, ["name"])) : r.leftIcon ? (V(), O(Se(r.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : g("v-if", !0)
               ], !0) : g("v-if", !0)
             ])) : g("v-if", !0),
-            H("div", vo, [
-              Pe(H("input", re({
+            j("div", vo, [
+              Pe(j("input", re({
                 id: P(s),
                 ref_key: "input",
                 ref: S,
@@ -374,27 +374,27 @@ const yo = {
           @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" ? (V(), D(P(f), {
+                typeof r.rightIcon == "string" ? (V(), O(P(f), {
                   key: 0,
                   name: r.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : r.rightIcon ? (V(), D(Se(r.rightIcon), {
+                }, null, 8, ["name"])) : r.rightIcon ? (V(), O(Se(r.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : g("v-if", !0)
               ], !0) : g("v-if", !0),
-              p.value ? (V(), D(P(d), {
+              p.value ? (V(), O(P(d), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
                 onClick: F[2] || (F[2] = oe((J) => A.value = !A.value, ["stop"]))
               }, {
-                default: j(() => [
-                  A.value ? (V(), D(P(b), {
+                default: H(() => [
+                  A.value ? (V(), O(P(b), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (V(), D(P(k), {
+                  })) : (V(), O(P(k), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -415,7 +415,7 @@ const yo = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: j(() => [
+                  default: H(() => [
                     Z(P(K), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
@@ -466,11 +466,11 @@ const yo = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(n, { expose: l, emit: e }) {
     Je((o) => ({
-      "10a6fdb0": w.value,
-      "3653166f": s.value,
-      "44a0b897": p.value
+      "792163ea": w.value,
+      e9859fae: s.value,
+      "42d9f8d1": p.value
     }));
-    const t = n, d = e, f = q(() => import("./MazCheckbox-D3PXkt75.mjs")), b = q(() => import("./magnifying-glass-DZGg7953.mjs")), k = q(() => import("./chevron-down-CzMH-gFW.mjs")), K = q(() => import("./no-symbol-QAqP9IlR.mjs"));
+    const t = n, d = e, f = q(() => import("./MazCheckbox-BK1MX0uq.mjs")), b = q(() => import("./magnifying-glass-DZGg7953.mjs")), k = q(() => import("./chevron-down-CzMH-gFW.mjs")), K = q(() => import("./no-symbol-QAqP9IlR.mjs"));
     l({
       /** Method to open the option list */
       openList: _,
@@ -485,7 +485,7 @@ const yo = {
       () => S.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), w = m(
       () => S.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = m(() => A.value || t.open), O = be({
+    ), I = m(() => A.value || t.open), D = be({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -582,10 +582,10 @@ const yo = {
       var o, u;
       (u = ((o = G.value) == null ? void 0 : o.$el).querySelector("input")) == null || u.focus();
     }
-    function De(o) {
+    function Oe(o) {
       A.value ? x(o) : Ce();
     }
-    function Oe(o) {
+    function De(o) {
       var u, c;
       r.value = o, (c = ((u = a.value) == null ? void 0 : u.$el).querySelector("input")) == null || c.focus();
     }
@@ -601,11 +601,11 @@ const yo = {
     }
     function Ye(o) {
       const u = o.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(u) ? (o.preventDefault(), _(o), t.search ? Oe(u) : Ue(u)) : Ve(o);
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(u) ? (o.preventDefault(), _(o), t.search ? De(u) : Ue(u)) : Ve(o);
     }
     function Ve(o) {
       const u = o.code, c = ["ArrowUp", "ArrowDown"].includes(u), i = ["Enter", "Space"].includes(u), C = u === "Escape" && I.value;
-      c ? qe(o, y.value) : i ? He(o, y.value) : C && x(o);
+      c ? qe(o, y.value) : i ? je(o, y.value) : C && x(o);
     }
     function qe(o, u) {
       var C;
@@ -615,7 +615,7 @@ const yo = {
       const i = (C = Y.value) == null ? void 0 : C.length;
       i && (typeof u == "number" ? u === i - 1 && c === "ArrowDown" ? y.value = 0 : u === 0 && c === "ArrowUp" ? y.value = i - 1 : y.value = c === "ArrowDown" ? u + 1 : u - 1 : y.value = c === "ArrowDown" ? 0 : i - 1, de(y.value));
     }
-    function He(o, u) {
+    function je(o, u) {
       var i, C, T;
       if (o.preventDefault(), !I.value)
         return _(o);
@@ -672,7 +672,7 @@ const yo = {
         },
         [
           Z(he, re({
-            id: P(O),
+            id: P(D),
             ref_key: "mazInputComponent",
             ref: G,
             class: "m-select-input"
@@ -691,13 +691,13 @@ const yo = {
             onChange: u[0] || (u[0] = (i) => d("change", i)),
             onKeydown: Ye
           }), {
-            "right-icon": j(() => [
-              H("button", {
+            "right-icon": H(() => [
+              j("button", {
                 tabindex: "-1",
                 type: "button",
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-                onClick: oe(De, ["stop"])
+                onClick: oe(Oe, ["stop"])
               }, [
                 Z(P(k), { class: "m-select-chevron maz-text-xl" })
               ], 8, Co)
@@ -706,7 +706,7 @@ const yo = {
             /* STABLE */
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
           Z(Xe, { name: le.value }, {
-            default: j(() => [
+            default: H(() => [
               I.value ? (V(), L(
                 "div",
                 {
@@ -725,7 +725,7 @@ const yo = {
                   })
                 },
                 [
-                  o.search ? (V(), D(he, {
+                  o.search ? (V(), O(he, {
                     key: 0,
                     ref_key: "searchInputComponent",
                     ref: a,
@@ -748,7 +748,7 @@ const yo = {
           @slot No results slot - Displayed when no results corresponding with search query
         `),
                   !Y.value || Y.value.length <= 0 ? R(o.$slots, "no-results", { key: 1 }, () => [
-                    H("span", Vo, [
+                    j("span", Vo, [
                       Z(P(K), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
                   ], !0) : (V(), L("div", wo, [
@@ -767,7 +767,7 @@ const yo = {
                             key: 0,
                             label: i.label
                           }, () => [
-                            H(
+                            j(
                               "span",
                               So,
                               X(i.label),
@@ -788,7 +788,7 @@ const yo = {
                             style: te(o.itemHeight ? { height: `${o.itemHeight}px` } : void 0),
                             onClick: oe((T) => we(i), ["prevent", "stop"])
                           }, [
-                            o.multiple ? (V(), D(P(f), {
+                            o.multiple ? (V(), O(P(f), {
                               key: 0,
                               tabindex: "-1",
                               "model-value": M(i),
@@ -804,7 +804,7 @@ const yo = {
                               option: i,
                               isSelected: M(i)
                             }, () => [
-                              H(
+                              j(
                                 "span",
                                 null,
                                 X(i[o.optionLabelKey]),
@@ -840,7 +840,7 @@ const yo = {
       ]);
     };
   }
-}), $o = /* @__PURE__ */ se(ko, [["__scopeId", "data-v-fe0403c3"]]);
+}), $o = /* @__PURE__ */ se(ko, [["__scopeId", "data-v-cc87f1d6"]]);
 function Me(n) {
   return !!n;
 }
@@ -1044,11 +1044,11 @@ const Eo = ["id"], Lo = {
           "exclude-selectors": [`#country-selector-flag-button-${s.id}`, ...s.excludeSelectors ?? []],
           "onUpdate:modelValue": p[0] || (p[0] = (w) => s.$emit("update:model-value", w))
         }), {
-          "no-results": j(() => [
+          "no-results": H(() => [
             R(s.$slots, "no-results", {}, void 0, !0)
           ]),
-          default: j(({ option: w, isSelected: I }) => [
-            H(
+          default: H(({ option: w, isSelected: I }) => [
+            j(
               "div",
               {
                 class: N(["m-country-selector__select__item maz-flex maz-items-center maz-gap-1 maz-truncate", {
@@ -1085,7 +1085,7 @@ const Eo = ["id"], Lo = {
                   3
                   /* TEXT, CLASS */
                 )) : g("v-if", !0),
-                H(
+                j(
                   "span",
                   {
                     class: N(["maz-flex-1 maz-truncate", { "maz-font-semibold": I }])
@@ -1152,11 +1152,11 @@ function Ro(n, l) {
     throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${e}`);
   }
 }
-async function Do() {
+async function Oo() {
   const { default: n } = await import("./examples.mobile.json-JpNGylGv.mjs");
   return n;
 }
-function Oo(n, l) {
+function Do(n, l) {
   var e;
   try {
     return n && l ? (e = ao(l, n)) == null ? void 0 : e.formatNational() : void 0;
@@ -1171,8 +1171,8 @@ function Re() {
   return {
     getAsYouTypeFormat: Ro,
     getPhoneNumberResults: No,
-    getPhoneNumberExamplesFile: Do,
-    getPhoneNumberExample: Oo,
+    getPhoneNumberExamplesFile: Oo,
+    getPhoneNumberExample: Do,
     isSameCountryCallingCode: n,
     isCountryAvailable: Ko,
     getCountries: Ae,
@@ -1222,7 +1222,7 @@ const Uo = /* @__PURE__ */ ae({
     } : {
       label: p.value
     }), I = B();
-    async function O() {
+    async function D() {
       try {
         if (y.value)
           return;
@@ -1239,8 +1239,8 @@ const Uo = /* @__PURE__ */ ae({
       k.value.start = h == null ? void 0 : h.selectionStart, k.value.end = h == null ? void 0 : h.selectionEnd, k.value.cursorAtEnd = z && typeof k.value.start == "number" && z.length > 0 ? k.value.start >= z.length : !0;
     }
     return ge(() => {
-      e.noExample || O();
-    }), (v, z) => (V(), D(he, re({
+      e.noExample || D();
+    }), (v, z) => (V(), O(he, re({
       id: v.id,
       ref_key: "PhoneInputRef",
       ref: I,
@@ -1275,7 +1275,7 @@ const Uo = /* @__PURE__ */ ae({
     placeholder: "Phone number",
     example: "Example:"
   }
-}, Ho = /* @__PURE__ */ ae({
+}, jo = /* @__PURE__ */ ae({
   name: "MazPhoneNumberInput",
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
@@ -1352,10 +1352,10 @@ const Uo = /* @__PURE__ */ ae({
         z($);
       }
     });
-    const O = B();
+    const D = B();
     function W() {
       var a;
-      return (a = O.value) == null ? void 0 : a.$el.querySelector("input");
+      return (a = D.value) == null ? void 0 : a.$el.querySelector("input");
     }
     async function Q() {
       var a;
@@ -1462,7 +1462,7 @@ const Uo = /* @__PURE__ */ ae({
           style: te(a.style)
         },
         [
-          a.noCountrySelector ? g("v-if", !0) : (V(), D(To, {
+          a.noCountrySelector ? g("v-if", !0) : (V(), O(To, {
             key: 0,
             id: P(y),
             "model-value": s.value,
@@ -1486,20 +1486,20 @@ const Uo = /* @__PURE__ */ ae({
             width: a.countrySelectorWidth,
             "onUpdate:modelValue": v
           }, {
-            "no-results": j(() => [
+            "no-results": H(() => [
               g(`
           @slot Replace the "no results" icon in the country selector list
         `),
               R(a.$slots, "no-results", {}, void 0, !0)
             ]),
-            "selector-flag": j(({ countryCode: M }) => [
+            "selector-flag": H(({ countryCode: M }) => [
               g(`
           @slot Country selector flag
             @binding {String} country-code - current selected country code - Ex: \`"FR"\`
         `),
               R(a.$slots, "selector-flag", { countryCode: M }, void 0, !0)
             ]),
-            "country-list-flag": j(({ isSelected: M, option: U }) => [
+            "country-list-flag": H(({ isSelected: M, option: U }) => [
               g(`
           @slot Country list flag
             @binding {String} country-code - country code of option - Ex: \`"FR"\`
@@ -1518,7 +1518,7 @@ const Uo = /* @__PURE__ */ ae({
           Z(Yo, re({
             id: P(y),
             ref_key: "PhoneInputRef",
-            ref: O,
+            ref: D,
             "model-value": S.value,
             color: a.color,
             size: a.size,
@@ -1546,7 +1546,7 @@ const Uo = /* @__PURE__ */ ae({
       );
     };
   }
-}), Qo = /* @__PURE__ */ se(Ho, [["__scopeId", "data-v-4c988e15"]]);
+}), Qo = /* @__PURE__ */ se(jo, [["__scopeId", "data-v-b88dc7cd"]]);
 export {
   Qo as M,
   se as _,