maz-ui 3.35.0 → 3.35.2

package/components/chunks/{MazCheckbox-BzrXpIyp.mjs → MazCheckbox-EG8AZPtG.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent as C, useCssVars as g, getCurrentInstance as I, computed as l, openBlock as S, createElementBlock as _, unref as r, normalizeClass as i, normalizeStyle as w, createElementVNode as m, mergeProps as A, createVNode as B, renderSlot as N } from "vue";
-import { u as M, _ as E } from "./MazSelect-CVmgnTR-.mjs";
+import { u as M, _ as E } from "./MazSelect-8_n2ovqP.mjs";
 import q from "./check-7UA4j2f2.mjs";
 const D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ C({
   inheritAttrs: !1,

package/components/chunks/{MazIcon-COn5JlL6.mjs → MazIcon-pcOKJiIX.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as b, ref as f, computed as g, onMounted as P, watchEffect as _, openBlock as p, createElementBlock as h, Fragment as A, createCommentVNode as s, mergeProps as C, nextTick as $ } from "vue";
-import { i as q } from "./MazTable-BNHsIaXl.mjs";
+import { i as q } from "./MazTable-DECLgD3Z.mjs";
 const H = ["innerHTML"], G = /* @__PURE__ */ b({
   __name: "MazIcon",
   props: {

package/components/chunks/{MazLazyImg-Dgf1n6WW.mjs → MazLazyImg-BCfYlc7d.mjs}

@@ -3,7 +3,7 @@ var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writab
 var n = (a, e, s) => (f(a, typeof e != "symbol" ? e + "" : e, s), s);
 import "../assets/MazLazyImg.css";
 import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as h, normalizeClass as y, normalizeStyle as C, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as u, createCommentVNode as z, renderSlot as B } from "vue";
-import { _ as k } from "./MazAvatar-4EVPBdaz.mjs";
+import { _ as k } from "./MazAvatar-Dv5LXKDM.mjs";
 const H = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", w = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -206,7 +206,7 @@ const M = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = b(() => import("./MazSpinner-D-L0c6RT.mjs")), s = a, t = m(() => s.image || s.src), r = m(() => {
+    const e = b(() => import("./MazSpinner-BVnAAf_I.mjs")), s = a, t = m(() => s.image || s.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });

package/components/chunks/{MazPhoneNumberInput-7Tk_G1ML.mjs → MazPhoneNumberInput-dbbjH9lI.mjs}

@@ -1,5 +1,5 @@
 import "../assets/MazPhoneNumberInput.css";
-import { computed as f, defineComponent as ke, defineAsyncComponent as O, ref as h, getCurrentInstance as Se, onMounted as Ee, useSlots as Me, openBlock as v, createElementBlock as I, normalizeClass as E, normalizeStyle as ae, createElementVNode as q, createCommentVNode as y, renderSlot as Y, createBlock as D, unref as V, resolveDynamicComponent as Be, withDirectives as De, mergeProps as $e, toHandlers as Ue, vModelDynamic as Re, createTextVNode as Ce, toDisplayString as X, withModifiers as pe, withCtx as fe, createVNode as Z, useCssVars as He, onBeforeMount as Oe, Transition as qe, Fragment as Le, renderList as We, nextTick as x, reactive as Ye, watch as ce } from "vue";
+import { computed as f, defineComponent as ke, defineAsyncComponent as O, ref as h, getCurrentInstance as Se, onMounted as Ee, useSlots as Me, openBlock as v, createElementBlock as k, normalizeClass as E, normalizeStyle as ae, createElementVNode as q, createCommentVNode as y, renderSlot as Y, createBlock as D, unref as V, resolveDynamicComponent as Be, withDirectives as De, mergeProps as $e, toHandlers as Ue, vModelDynamic as Re, createTextVNode as Ce, toDisplayString as X, withModifiers as pe, withCtx as fe, createVNode as Z, useCssVars as He, onBeforeMount as Oe, Transition as qe, Fragment as Le, renderList as We, nextTick as x, reactive as Ye, watch as ce } from "vue";
 import { isSupportedCountry as je, getCountryCallingCode as Ve, getExampleNumber as Qe, getCountries as Ge, parsePhoneNumberFromString as Je, AsYouType as Xe } from "libphonenumber-js";
 function Ne(u) {
   return !!u;
@@ -195,7 +195,7 @@ const fo = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(u, { emit: s }) {
-    const a = O(() => import("./MazBtn-BrGm_GFq.mjs")), L = O(() => import("./MazIcon-Cxrv3_OK.mjs")), $ = O(() => import("./eye-slash-tjfxO0LK.mjs")), W = O(() => import("./eye-DqO_Jx56.mjs")), U = O(() => import("./check-7UA4j2f2.mjs")), t = u, P = s, A = h(!1), m = h(!1), c = h(), re = Se(), ue = Pe({
+    const a = O(() => import("./MazBtn-GCCDnqJA.mjs")), L = O(() => import("./MazIcon-Cxrv3_OK.mjs")), $ = O(() => import("./eye-slash-tjfxO0LK.mjs")), W = O(() => import("./eye-DqO_Jx56.mjs")), U = O(() => import("./check-7UA4j2f2.mjs")), t = u, P = s, A = h(!1), m = h(!1), c = h(), re = Se(), ue = Pe({
       componentName: "MazInput",
       instance: re,
       providedId: t.id
@@ -204,7 +204,7 @@ const fo = {
       var l;
       t.autoFocus && ((l = c.value) == null || l.focus());
     });
-    const j = f(() => t.type === "password"), K = f(() => A.value ? "text" : t.type), k = f(() => {
+    const j = f(() => t.type === "password"), K = f(() => A.value ? "text" : t.type), S = f(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -249,7 +249,7 @@ const fo = {
         P("update:model-value", l);
       }
     }), ee = f(() => (!!t.label || !!t.hint) && (m.value || !!H.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), oe = f(() => !!t.label || !!t.hint);
-    function S() {
+    function w() {
       return !!N["right-icon"] || j.value || !!N["valid-button"] || t.validButton || !!t.rightIcon;
     }
     function Q() {
@@ -264,7 +264,7 @@ const fo = {
     function B(l) {
       return P("change", l);
     }
-    return (l, g) => (v(), I(
+    return (l, g) => (v(), k(
       "div",
       {
         class: E(["m-input", [
@@ -289,12 +289,12 @@ const fo = {
           {
             class: E(["m-input-wrapper", [
               l.inputClasses,
-              k.value,
+              S.value,
               l.roundedSize ? `--rounded-${l.roundedSize}` : { "maz-rounded": !l.noRadius }
             ]])
           },
           [
-            Q() ? (v(), I("div", fo, [
+            Q() ? (v(), k("div", fo, [
               y(`
           @slot left-icon - The icon to display on the left of the input
         `),
@@ -334,7 +334,7 @@ const fo = {
               }), null, 16, yo), [
                 [Re, M.value]
               ]),
-              l.label || l.hint ? (v(), I(
+              l.label || l.hint ? (v(), k(
                 "span",
                 {
                   key: 0,
@@ -353,13 +353,13 @@ const fo = {
                     1
                     /* TEXT */
                   ),
-                  l.required ? (v(), I("sup", vo, "*")) : y("v-if", !0)
+                  l.required ? (v(), k("sup", vo, "*")) : y("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : y("v-if", !0)
             ]),
-            S() ? (v(), I("div", ho, [
+            w() ? (v(), k("div", ho, [
               y(`
           @slot right-icon - The icon to display on the right of the input
         `),
@@ -466,11 +466,11 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(u, { emit: s }) {
     He((e) => ({
-      "48350faf": j.value,
-      "234b58a4": re.value,
-      27843996: ue.value
+      "021d98d9": j.value,
+      "3f038458": re.value,
+      c194e680: ue.value
     }));
-    const a = O(() => import("./MazCheckbox-BBRjlgY4.mjs")), L = O(() => import("./magnifying-glass-DZGg7953.mjs")), $ = O(() => import("./chevron-down-CzMH-gFW.mjs")), W = O(() => import("./no-symbol-QAqP9IlR.mjs")), U = Se(), t = u, P = s, A = h(!1), m = h(), c = f(
+    const a = O(() => import("./MazCheckbox-BAC8XgFg.mjs")), L = O(() => import("./magnifying-glass-DZGg7953.mjs")), $ = O(() => import("./chevron-down-CzMH-gFW.mjs")), W = O(() => import("./no-symbol-QAqP9IlR.mjs")), U = Se(), t = u, P = s, A = h(!1), m = h(), c = f(
       () => ["black", "transparent", "white"].includes(t.color)
     ), re = f(
       () => c.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
@@ -478,7 +478,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       () => c.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), j = f(
       () => c.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), K = f(() => A.value || t.open), k = Pe({
+    ), K = f(() => A.value || t.open), S = Pe({
       componentName: "MazSelect",
       instance: U,
       providedId: t.id
@@ -514,19 +514,19 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     }), T = f(
       () => {
         var e;
-        return ((e = H.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !S(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !S(n[t.optionValueKey]))) ?? [];
+        return ((e = H.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !w(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !w(n[t.optionValueKey]))) ?? [];
       }
     );
     Oe(() => {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), o();
     });
-    const _ = h(), M = h(), ee = h(), oe = h(), S = (e) => e == null;
+    const _ = h(), M = h(), ee = h(), oe = h(), w = (e) => e == null;
     function Q(e) {
       var r;
       return (((r = T.value) == null ? void 0 : r.some(
         (i) => i[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !S(e[t.optionValueKey]);
+      )) ?? !1) && !w(e[t.optionValueKey]);
     }
     const G = f(() => {
       var e, n;
@@ -547,14 +547,14 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     const z = (e, n) => n && e && g(e.toString().toLocaleLowerCase().trim()).includes(
       g(n.toLocaleLowerCase().trim())
     );
-    function w(e) {
+    function I(e) {
       var n;
       return e ? (n = H.value) == null ? void 0 : n.filter((r) => {
         const i = r[t.optionLabelKey], p = r[t.optionValueKey], C = r[t.optionInputValueKey];
         return z(i, e) || z(p, e) || z(C, e);
       }) : H.value;
     }
-    const F = f(() => w(B.value)), te = async (e) => {
+    const F = f(() => I(B.value)), te = async (e) => {
       var n;
       if (e && ("relatedTarget" in e && ((n = _.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
@@ -576,7 +576,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     function le(e) {
       var r;
       e === "Backspace" && l.value.length > 0 ? l.value = l.value.slice(0, -1) : l.value += e;
-      const n = w(l.value);
+      const n = I(l.value);
       n != null && n.length && (m.value = (r = F.value) == null ? void 0 : r.findIndex(
         (i) => i[t.optionValueKey] === n[0][t.optionValueKey]
       ), typeof m.value == "number" && m.value >= 0 && de(m.value)), go(() => {
@@ -601,7 +601,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       if (e.preventDefault(), !K.value)
         return J(e);
       const r = n ? ((i = F.value) == null ? void 0 : i[n]) ?? ((p = F.value) == null ? void 0 : p[0]) : (C = F.value) == null ? void 0 : C[0];
-      S(r) || d(r);
+      w(r) || d(r);
     };
     async function de(e) {
       var r, i;
@@ -634,7 +634,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       const p = i.map((ne) => ne[t.optionValueKey]);
       P("update:model-value", t.multiple ? p : p[0]), P("selected-option", e), o(e), se();
     };
-    return (e, n) => (v(), I(
+    return (e, n) => (v(), k(
       "div",
       {
         ref_key: "mazSelectElement",
@@ -645,7 +645,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       },
       [
         Z(Ie, $e({
-          id: V(k),
+          id: V(S),
           ref_key: "mazInputComponent",
           ref: M,
           class: "m-select-input"
@@ -678,7 +678,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
         Z(qe, { name: b.value }, {
           default: fe(() => [
-            K.value ? (v(), I(
+            K.value ? (v(), k(
               "div",
               {
                 key: 0,
@@ -722,11 +722,11 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                   q("span", Co, [
                     Z(V(W), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (v(), I("div", Vo, [
-                  (v(!0), I(
+                ], !0) : (v(), k("div", Vo, [
+                  (v(!0), k(
                     Le,
                     null,
-                    We(F.value, (r, i) => (v(), I(
+                    We(F.value, (r, i) => (v(), k(
                       Le,
                       { key: i },
                       [
@@ -734,7 +734,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                        r.label && !r[e.optionValueKey] ? Y(e.$slots, "optgroup", {
+                        r.label && w(r[e.optionValueKey]) ? Y(e.$slots, "optgroup", {
                           key: 0,
                           label: r.label
                         }, () => [
@@ -745,7 +745,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                             1
                             /* TEXT */
                           )
-                        ], !0) : (v(), I("button", {
+                        ], !0) : (v(), k("button", {
                           key: 1,
                           tabindex: "-1",
                           type: "button",
@@ -753,7 +753,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                             {
                               "--is-keyboard-selected": m.value === i,
                               "--is-selected": Q(r),
-                              "--is-none-value": S(r[e.optionValueKey])
+                              "--is-none-value": w(r[e.optionValueKey])
                             }
                           ]]),
                           style: ae(e.itemHeight ? { minHeight: `${e.itemHeight}px` } : void 0),
@@ -805,7 +805,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), So = /* @__PURE__ */ Ae(ko, [["__scopeId", "data-v-45e382c1"]]), $o = ["id"], Po = {
+}), So = /* @__PURE__ */ Ae(ko, [["__scopeId", "data-v-48c93d79"]]), $o = ["id"], Po = {
   key: 0,
   class: "maz-text-lg"
 }, Ao = /* @__PURE__ */ ke({
@@ -860,7 +860,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       componentName: "MazPhoneNumberInput",
       instance: re,
       providedId: c.id
-    }), j = h(), K = h(), k = Ye({
+    }), j = h(), K = h(), S = Ye({
       start: 0,
       end: 0,
       cursorAtEnd: !0
@@ -890,18 +890,18 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         ...d,
         dialCode: `+${d.dialCode}`
       } : void 0).filter(Ne);
-    }), S = f(() => ({
+    }), w = f(() => ({
       ...Ze,
       ...c.translations
     })), Q = f(() => {
       if (c.placeholder)
         return c.placeholder;
-      const o = S.value.phoneInput.placeholder;
+      const o = w.value.phoneInput.placeholder;
       if (c.noExample || !N.value)
         return o;
       {
         const d = t(b.value);
-        return w.value.isValid || !d ? o : `${S.value.phoneInput.example} ${d}`;
+        return I.value.isValid || !d ? o : `${w.value.phoneInput.example} ${d}`;
       }
     }), G = h(
       c.countryCode || c.defaultCountryCode
@@ -929,7 +929,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         l.value = o;
       }
     );
-    const g = h(), z = f(() => c.noFormattingAsYouType ? l.value ?? "" : g.value ?? l.value ?? ""), w = h(
+    const g = h(), z = f(() => c.noFormattingAsYouType ? l.value ?? "" : g.value ?? l.value ?? ""), I = h(
       $({
         phoneNumber: B.value,
         countryCode: b.value
@@ -949,7 +949,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     Ee(async () => {
       await ye(B.value), await x(), c.fetchCountry && !b.value && await F(), !c.defaultCountryCode && !c.noUseBrowserLocale && !b.value && J(), await te();
     }), ce(
-      () => w.value,
+      () => I.value,
       (o) => {
         m("update", o), m("data", o);
       },
@@ -964,8 +964,8 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       async (o, d) => {
         if (!c.noFormattingAsYouType && o && o !== d) {
           const e = ie();
-          if (e && !w.value.isValid && typeof k.start == "number" && !k.cursorAtEnd) {
-            const n = k.start, r = k.end;
+          if (e && !I.value.isValid && typeof S.start == "number" && !S.cursorAtEnd) {
+            const n = S.start, r = S.end;
             setTimeout(() => {
               e.setSelectionRange(n, r ?? n);
             }, 0);
@@ -978,14 +978,14 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       o && le(o);
     }
     function se(o, d) {
-      w.value = $({
+      I.value = $({
         phoneNumber: o,
         countryCode: d
       });
     }
     async function me(o) {
       const d = ie();
-      k.start = d == null ? void 0 : d.selectionStart, k.end = d == null ? void 0 : d.selectionEnd, k.cursorAtEnd = k.start ? k.start >= o.length : !0;
+      S.start = d == null ? void 0 : d.selectionStart, S.end = d == null ? void 0 : d.selectionEnd, S.cursorAtEnd = S.start ? S.start >= o.length : !0;
       const e = P(o);
       l.value = e;
       const n = $({
@@ -1005,10 +1005,10 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       }
     }
     async function ye(o) {
-      se(o, b.value), await x(), c.noFormattingAsYouType ? l.value = z.value : o ? g.value = k.cursorAtEnd || w.value.isValid ? l.value = W(
-        w.value.countryCode ?? b.value,
-        w.value.formatNational ?? l.value
-      ) : l.value : g.value = void 0, await x(), ve(w.value);
+      se(o, b.value), await x(), c.noFormattingAsYouType ? l.value = z.value : o ? g.value = S.cursorAtEnd || I.value.isValid ? l.value = W(
+        I.value.countryCode ?? b.value,
+        I.value.formatNational ?? l.value
+      ) : l.value : g.value = void 0, await x(), ve(I.value);
     }
     function ve(o) {
       o.countryCode && b.value !== o.countryCode && le(o.countryCode);
@@ -1027,7 +1027,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     }
     return (o, d) => {
       var e, n, r, i;
-      return v(), I("div", {
+      return v(), k("div", {
         id: V(ue),
         class: E(["m-phone-number-input", [
           c.class,
@@ -1037,12 +1037,12 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         ]]),
         style: ae(o.style)
       }, [
-        b.value && !o.noFlags && !o.noCountrySelector ? (v(), I(
+        b.value && !o.noFlags && !o.noCountrySelector ? (v(), k(
           "button",
           {
             key: 0,
             class: E(["m-phone-number-input__country-flag maz-text-xl", {
-              "--should-have-bottom-flag": S.value.countrySelector.placeholder.length > 0
+              "--should-have-bottom-flag": w.value.countrySelector.placeholder.length > 0
             }]),
             tabindex: "-1",
             type: "button",
@@ -1080,12 +1080,12 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
           size: o.size,
           "list-position": o.listPosition,
           search: !o.noSearch,
-          "search-placeholder": S.value.countrySelector.searchPlaceholder,
+          "search-placeholder": w.value.countrySelector.searchPlaceholder,
           options: oe.value,
           error: o.error || (o.noValidationError ? !1 : !!z.value && !b.value),
-          hint: z.value && !b.value ? S.value.countrySelector.error : void 0,
-          success: o.success || (o.noValidationSuccess ? !1 : (e = w.value) == null ? void 0 : e.isValid),
-          label: S.value.countrySelector.placeholder,
+          hint: z.value && !b.value ? w.value.countrySelector.error : void 0,
+          success: o.success || (o.noValidationSuccess ? !1 : (e = I.value) == null ? void 0 : e.isValid),
+          label: w.value.countrySelector.placeholder,
           style: ae({
             width: o.countrySelectorWidth
           }),
@@ -1100,7 +1100,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                 }])
               },
               [
-                !o.noFlags && typeof p.iso2 == "string" ? (v(), I("span", Po, [
+                !o.noFlags && typeof p.iso2 == "string" ? (v(), k("span", Po, [
                   y(`
               @slot Country list flag
                 @binding {String} country-code - country code of option - Ex: \`"FR"\`
@@ -1119,7 +1119,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                     )
                   ], !0)
                 ])) : y("v-if", !0),
-                o.showCodeOnList ? (v(), I(
+                o.showCodeOnList ? (v(), k(
                   "span",
                   {
                     key: 1,
@@ -1154,17 +1154,17 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
           label: Q.value,
           disabled: o.disabled,
           color: o.color,
-          error: o.error || (o.noValidationError ? !1 : !!z.value && !((n = w.value) != null && n.isValid))
+          error: o.error || (o.noValidationError ? !1 : !!z.value && !((n = I.value) != null && n.isValid))
         }, o.$attrs, {
           size: o.size,
           "icon-name": "phone",
           type: "tel",
           clearable: "",
           inputmode: "tel",
-          success: o.success || (o.noValidationSuccess ? !1 : (r = w.value) == null ? void 0 : r.isValid),
+          success: o.success || (o.noValidationSuccess ? !1 : (r = I.value) == null ? void 0 : r.isValid),
           class: ["m-phone-number-input__input maz-flex-1", {
             "--border-radius": !o.noCountrySelector,
-            "--error": o.error || !((i = w.value) != null && i.isValid),
+            "--error": o.error || !((i = I.value) != null && i.isValid),
             "--focused": R.value
           }],
           onFocus: d[2] || (d[2] = (p) => R.value = !0),

package/components/chunks/{MazSelect-CVmgnTR-.mjs → MazSelect-8_n2ovqP.mjs}

@@ -55,7 +55,7 @@ const ge = ({
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(y, { emit: c }) {
-    const v = I(() => import("./MazBtn-CR9C_X7R.mjs")), K = I(() => import("./MazIcon-Cxrv3_OK.mjs")), H = I(() => import("./eye-slash-tjfxO0LK.mjs")), X = I(() => import("./eye-DqO_Jx56.mjs")), Y = I(() => import("./check-7UA4j2f2.mjs")), o = y, h = c, g = m(!1), s = m(!1), D = m(), x = be(), _ = ge({
+    const v = I(() => import("./MazBtn-BL-LWc8X.mjs")), K = I(() => import("./MazIcon-Cxrv3_OK.mjs")), H = I(() => import("./eye-slash-tjfxO0LK.mjs")), X = I(() => import("./eye-DqO_Jx56.mjs")), Y = I(() => import("./check-7UA4j2f2.mjs")), o = y, h = c, g = m(!1), s = m(!1), D = m(), x = be(), _ = ge({
       componentName: "MazInput",
       instance: x,
       providedId: o.id
@@ -96,7 +96,7 @@ const ge = ({
       const { required: t, placeholder: p } = o;
       if (p)
         return t ? `${p} *` : p;
-    }), C = d(() => B.value !== void 0 && B.value !== ""), T = qe(
+    }), S = d(() => B.value !== void 0 && B.value !== ""), T = qe(
       (t) => {
         B.value = t;
       },
@@ -108,8 +108,8 @@ const ge = ({
           return T(t);
         h("update:model-value", t);
       }
-    }), R = d(() => (!!o.label || !!o.hint) && (s.value || !!C.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), j = d(() => !!o.label || !!o.hint);
-    function S() {
+    }), R = d(() => (!!o.label || !!o.hint) && (s.value || !!S.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), j = d(() => !!o.label || !!o.hint);
+    function $() {
       return !!M["right-icon"] || W.value || !!M["valid-button"] || o.validButton || !!o.rightIcon;
     }
     function E() {
@@ -174,7 +174,7 @@ const ge = ({
                 id: f(_),
                 ref_key: "input",
                 ref: D,
-                "onUpdate:modelValue": p[0] || (p[0] = ($) => B.value = $),
+                "onUpdate:modelValue": p[0] || (p[0] = (C) => B.value = C),
                 type: V.value,
                 name: t.name
               }, t.$attrs, {
@@ -190,7 +190,7 @@ const ge = ({
                 focus: te,
                 change: A
               }, !0), {
-                onClick: p[1] || (p[1] = ($) => t.$emit("click", $))
+                onClick: p[1] || (p[1] = (C) => t.$emit("click", C))
               }), null, 16, Ee), [
                 [Le, B.value]
               ]),
@@ -219,7 +219,7 @@ const ge = ({
                 /* CLASS */
               )) : r("v-if", !0)
             ]),
-            S() ? (i(), z("div", Ue, [
+            $() ? (i(), z("div", Ue, [
               r(`
           @slot right-icon - The icon to display on the right of the input
         `),
@@ -238,7 +238,7 @@ const ge = ({
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: p[2] || (p[2] = U(($) => g.value = !g.value, ["stop"]))
+                onClick: p[2] || (p[2] = U((C) => g.value = !g.value, ["stop"]))
               }, {
                 default: J(() => [
                   g.value ? (i(), w(f(H), {
@@ -326,11 +326,11 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(y, { emit: c }) {
     Me((e) => ({
-      "48350faf": W.value,
-      "234b58a4": x.value,
-      27843996: _.value
+      "021d98d9": W.value,
+      "3f038458": x.value,
+      c194e680: _.value
     }));
-    const v = I(() => import("./MazCheckbox-BzrXpIyp.mjs")), K = I(() => import("./magnifying-glass-DZGg7953.mjs")), H = I(() => import("./chevron-down-CzMH-gFW.mjs")), X = I(() => import("./no-symbol-QAqP9IlR.mjs")), Y = be(), o = y, h = c, g = m(!1), s = m(), D = d(
+    const v = I(() => import("./MazCheckbox-EG8AZPtG.mjs")), K = I(() => import("./magnifying-glass-DZGg7953.mjs")), H = I(() => import("./chevron-down-CzMH-gFW.mjs")), X = I(() => import("./no-symbol-QAqP9IlR.mjs")), Y = be(), o = y, h = c, g = m(!1), s = m(), D = d(
       () => ["black", "transparent", "white"].includes(o.color)
     ), x = d(
       () => D.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
@@ -358,7 +358,7 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
         [o.optionInputValueKey]: e[o.optionInputValueKey]
       };
     }
-    const C = d(() => {
+    const S = d(() => {
       var l;
       const e = [];
       if (!((l = o.options) != null && l.length))
@@ -374,28 +374,28 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
     }), T = d(
       () => {
         var e;
-        return ((e = C.value) == null ? void 0 : e.filter((l) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(l[o.optionValueKey]) && !S(l[o.optionValueKey]) : !1 : o.modelValue === l[o.optionValueKey] && !S(l[o.optionValueKey]))) ?? [];
+        return ((e = S.value) == null ? void 0 : e.filter((l) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(l[o.optionValueKey]) && !$(l[o.optionValueKey]) : !1 : o.modelValue === l[o.optionValueKey] && !$(l[o.optionValueKey]))) ?? [];
       }
     );
     Te(() => {
       var e;
       (e = o.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ne();
     });
-    const oe = m(), B = m(), R = m(), j = m(), S = (e) => e == null;
+    const oe = m(), B = m(), R = m(), j = m(), $ = (e) => e == null;
     function E(e) {
       var a;
       return (((a = T.value) == null ? void 0 : a.some(
         (n) => n[o.optionValueKey] === e[o.optionValueKey]
-      )) ?? !1) && !S(e[o.optionValueKey]);
+      )) ?? !1) && !$(e[o.optionValueKey]);
     }
     const te = d(() => {
       var e, l;
       return o.multiple && o.modelValue && Array.isArray(o.modelValue) ? o.modelValue.map(
         (a) => {
           var n, u;
-          return (u = (n = C.value) == null ? void 0 : n.find((b) => b[o.optionValueKey] === a)) == null ? void 0 : u[o.optionInputValueKey];
+          return (u = (n = S.value) == null ? void 0 : n.find((b) => b[o.optionValueKey] === a)) == null ? void 0 : u[o.optionInputValueKey];
         }
-      ).join(", ") : (l = (e = C.value) == null ? void 0 : e.find(
+      ).join(", ") : (l = (e = S.value) == null ? void 0 : e.find(
         (a) => o.modelValue && a[o.optionValueKey] === o.modelValue
       )) == null ? void 0 : l[o.optionInputValueKey];
     }), le = d(
@@ -404,15 +404,15 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
     function p(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
-    const $ = (e, l) => l && e && p(e.toString().toLocaleLowerCase().trim()).includes(
+    const C = (e, l) => l && e && p(e.toString().toLocaleLowerCase().trim()).includes(
       p(l.toLocaleLowerCase().trim())
     );
     function re(e) {
       var l;
-      return e ? (l = C.value) == null ? void 0 : l.filter((a) => {
+      return e ? (l = S.value) == null ? void 0 : l.filter((a) => {
         const n = a[o.optionLabelKey], u = a[o.optionValueKey], b = a[o.optionInputValueKey];
-        return $(n, e) || $(u, e) || $(b, e);
-      }) : C.value;
+        return C(n, e) || C(u, e) || C(b, e);
+      }) : S.value;
     }
     const k = d(() => re(A.value)), Z = async (e) => {
       var l;
@@ -461,7 +461,7 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
       if (e.preventDefault(), !V.value)
         return O(e);
       const a = l ? ((n = k.value) == null ? void 0 : n[l]) ?? ((u = k.value) == null ? void 0 : u[0]) : (b = k.value) == null ? void 0 : b[0];
-      S(a) || pe(a);
+      $(a) || pe(a);
     };
     async function ae(e) {
       var a, n;
@@ -594,7 +594,7 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                        a.label && !a[e.optionValueKey] ? F(e.$slots, "optgroup", {
+                        a.label && $(a[e.optionValueKey]) ? F(e.$slots, "optgroup", {
                           key: 0,
                           label: a.label
                         }, () => [
@@ -613,7 +613,7 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
                             {
                               "--is-keyboard-selected": s.value === n,
                               "--is-selected": E(a),
-                              "--is-none-value": S(a[e.optionValueKey])
+                              "--is-none-value": $(a[e.optionValueKey])
                             }
                           ]]),
                           style: G(e.itemHeight ? { minHeight: `${e.itemHeight}px` } : void 0),
@@ -665,7 +665,7 @@ const Re = ["aria-label"], je = { class: "m-select-list__no-results" }, Ze = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), _e = /* @__PURE__ */ ze(Xe, [["__scopeId", "data-v-45e382c1"]]);
+}), _e = /* @__PURE__ */ ze(Xe, [["__scopeId", "data-v-48c93d79"]]);
 export {
   _e as M,
   ze as _,

package/components/chunks/{MazSpinner-MuTCx2Oq.mjs → MazSpinner-BVnAAf_I.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazSelect-CVmgnTR-.mjs";
+import { _ as p } from "./MazAvatar-Dv5LXKDM.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/components/chunks/{MazSpinner-D-L0c6RT.mjs → MazSpinner-CjKNs7lm.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazAvatar-4EVPBdaz.mjs";
+import { _ as p } from "./MazSelect-8_n2ovqP.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/components/chunks/{MazSpinner-CCnDkF4m.mjs → MazSpinner-D3U6NnSV.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazPhoneNumberInput-7Tk_G1ML.mjs";
+import { _ as p } from "./MazPhoneNumberInput-dbbjH9lI.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },