maz-ui 3.32.2 → 3.33.0

package/components/chunks/MazPagination-Br-f0ZVV.mjs

@@ -0,0 +1,389 @@
+import "../assets/MazPagination.css";
+import { defineComponent as q, defineAsyncComponent as L, useAttrs as H, useSlots as J, onBeforeMount as K, computed as t, openBlock as s, createBlock as c, resolveDynamicComponent as F, normalizeClass as S, withCtx as k, createElementBlock as b, createCommentVNode as l, renderSlot as p, unref as m, createElementVNode as u, createVNode as v, mergeProps as h, createTextVNode as $, toDisplayString as M, Fragment as Q, renderList as W } from "vue";
+const X = /* @__PURE__ */ q({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    noLeading: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { default: void 0 },
+    leftIcon: { default: void 0 },
+    rightIcon: { default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    contentClass: { default: void 0 }
+  },
+  setup(y) {
+    const V = L(() => import("./MazSpinner-DpeLSgmM.mjs")), d = L(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: P, to: C } = H(), B = J(), e = y;
+    K(() => {
+      e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const I = t(() => P ? "a" : C ? "router-link" : "button"), i = t(
+      () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
+    ), g = t(
+      () => (e.loading || e.disabled) && I.value === "button"
+    ), f = t(() => g.value ? "--cursor-default" : "--cursor-pointer"), R = t(() => `--is-${e.variant}`), z = t(() => e.loading && e.variant === "button"), T = t(() => !!B["left-icon"] || e.leftIcon), E = t(() => !!B["right-icon"] || e.rightIcon), O = t(() => T.value || E.value), U = t(() => e.fab && (e.icon || !!B.icon)), w = t(() => I.value === "button" ? e.type : void 0);
+    return (a, j) => (s(), c(F(I.value), {
+      disabled: g.value,
+      class: S(["m-btn", [
+        `--${a.size}`,
+        i.value,
+        f.value,
+        R.value,
+        {
+          "--block": a.block,
+          "--no-underline": a.noUnderline,
+          "--no-leading": a.noLeading,
+          "--fab": a.fab,
+          "--loading": a.loading,
+          "--disabled": g.value,
+          "--icon": O.value,
+          "--rounded": a.rounded,
+          "--no-rounded": a.noRounded,
+          "--no-padding": a.noPadding,
+          "--no-elevation": a.noElevation
+        }
+      ]]),
+      type: w.value
+    }, {
+      default: k(() => [
+        T.value ? (s(), b(
+          "div",
+          {
+            key: 0,
+            class: S(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": z.value }])
+          },
+          [
+            l(`
+        @slot left-icon - The icon to display on the left of the button
+      `),
+            p(a.$slots, "left-icon", {}, () => [
+              typeof a.leftIcon == "string" ? (s(), c(m(d), {
+                key: 0,
+                name: a.leftIcon
+              }, null, 8, ["name"])) : a.leftIcon ? (s(), c(F(a.leftIcon), { key: 1 })) : l("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : l("v-if", !0),
+        U.value ? (s(), b(
+          "div",
+          {
+            key: 1,
+            class: S(["m-btn__icon", { "maz-invisible": z.value }])
+          },
+          [
+            l(`
+        @slot icon - The icon to display on the fab button
+      `),
+            p(a.$slots, "icon", {}, () => [
+              typeof a.icon == "string" ? (s(), c(m(d), {
+                key: 0,
+                name: a.icon
+              }, null, 8, ["name"])) : a.icon ? (s(), c(F(a.icon), { key: 1 })) : l("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : l("v-if", !0),
+        a.$slots.default ? (s(), b(
+          "span",
+          {
+            key: 2,
+            class: S([{ "maz-invisible": z.value }, a.contentClass])
+          },
+          [
+            l(`
+        @slot default - The content of the button
+      `),
+            p(a.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        )) : l("v-if", !0),
+        E.value ? (s(), b(
+          "div",
+          {
+            key: 3,
+            class: S(["m-btn__icon-right", { "maz-invisible": z.value }])
+          },
+          [
+            l(`
+        @slot right-icon - The icon to display on the right of the button
+      `),
+            p(a.$slots, "right-icon", {}, () => [
+              typeof a.rightIcon == "string" ? (s(), c(m(d), {
+                key: 0,
+                name: a.rightIcon
+              }, null, 8, ["name"])) : a.rightIcon ? (s(), c(F(a.rightIcon), { key: 1 })) : l("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : l("v-if", !0),
+        z.value ? (s(), c(m(V), {
+          key: 4,
+          class: "m-btn-loader",
+          size: "2em",
+          color: a.color
+        }, null, 8, ["color"])) : l("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "type"]));
+  }
+}), G = (y, V) => {
+  const d = y.__vccOpts || y;
+  for (const [P, C] of V)
+    d[P] = C;
+  return d;
+}, N = /* @__PURE__ */ G(X, [["__scopeId", "data-v-9a42c0cb"]]), Y = {
+  class: "m-pagination",
+  role: "navigation",
+  "aria-label": "page navigation"
+}, Z = { class: "maz-sr-only" }, _ = { class: "maz-sr-only" }, x = ["id"], ee = { class: "maz-sr-only" }, ae = { class: "maz-sr-only" }, oe = { class: "maz-sr-only" }, ne = /* @__PURE__ */ q({
+  __name: "MazPagination",
+  props: {
+    modelValue: { default: 1 },
+    buttonProps: { default: void 0 },
+    resultsSize: { default: void 0 },
+    activeColor: { default: "primary" },
+    size: { default: "md" },
+    totalPages: {},
+    pageRange: { default: 2 },
+    loading: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(y, { emit: V }) {
+    const d = L(() => import("./chevron-left-CcZaP3Rc.mjs")), P = L(() => import("./chevron-double-left-zoBBzOlh.mjs")), C = L(() => import("./ellipsis-horizontal-VGAsnCwV.mjs")), B = {
+      size: "md",
+      color: "theme",
+      outline: !0,
+      noElevation: !0,
+      fab: !0
+    }, e = y, I = V, i = t(() => ({
+      ...B,
+      ...e.buttonProps
+    })), g = t(() => e.modelValue > 1 ? e.modelValue - 1 : 1), f = t(
+      () => e.modelValue < e.totalPages ? e.modelValue + 1 : e.totalPages
+    ), R = t(
+      () => Array.from({ length: e.totalPages }, (o, r) => {
+        const n = r + 1;
+        return {
+          number: n,
+          isActive: n === e.modelValue,
+          loading: n === e.modelValue && e.loading
+        };
+      })
+    ), z = t(
+      () => e.modelValue - e.pageRange > 1 ? R.value.slice(0, 1) : []
+    ), T = t(
+      () => e.modelValue < e.totalPages - e.pageRange ? R.value.slice(-1) : []
+    ), E = 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(
+      () => e.modelValue + e.pageRange > e.totalPages ? e.totalPages : e.modelValue + e.pageRange < e.pageRange ? e.pageRange : e.modelValue + e.pageRange
+    ), U = t(() => R.value.slice(E.value, O.value)), w = t(
+      () => e.modelValue - e.pageRange > 2 ? [{ divider: !0 }] : []
+    ), a = t(
+      () => e.modelValue < e.totalPages - e.pageRange - 1 ? [{ divider: !0 }] : []
+    ), j = t(() => [
+      ...z.value,
+      ...w.value,
+      ...U.value,
+      ...a.value,
+      ...T.value
+    ]);
+    function A(o) {
+      o !== e.modelValue && I("update:model-value", o);
+    }
+    return (o, r) => (s(), b("nav", Y, [
+      u("ul", null, [
+        u("li", null, [
+          v(N, h(i.value, {
+            disabled: o.modelValue === 1,
+            "aria-label": "First Page, Page 1",
+            "aria-setsize": o.resultsSize ?? void 0,
+            "aria-posinset": "1",
+            size: o.size,
+            onClick: r[0] || (r[0] = (n) => A(1))
+          }), {
+            default: k(() => [
+              u("span", Z, [
+                l(`
+              @slot Accessible text for screen reader of the previous page button
+                @binding {number} page - first page number
+            `),
+                p(o.$slots, "first-page-sr", { page: 1 }, () => [
+                  $("First Page, page 1")
+                ], !0)
+              ]),
+              v(m(P))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-setsize", "size"])
+        ]),
+        u("li", null, [
+          v(N, h(i.value, {
+            disabled: o.modelValue === 1,
+            "aria-label": `Previous Page, Page ${g.value}`,
+            "aria-setsize": o.resultsSize ?? void 0,
+            "aria-posinset": g.value,
+            size: o.size,
+            onClick: r[1] || (r[1] = (n) => A(g.value))
+          }), {
+            default: k(() => [
+              u("span", _, [
+                l(`
+              @slot Accessible text for screen reader of the first page button
+                @binding {number} page - previous page number
+            `),
+                p(o.$slots, "previous-page-sr", { page: g.value }, () => [
+                  $(
+                    " Previous Page, page " + M(g.value),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              v(m(d))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ]),
+        (s(!0), b(
+          Q,
+          null,
+          W(j.value, (n, D) => (s(), b("li", {
+            id: "number" in n ? `button-${D}-${n.number}` : `ellipsis-${D}`,
+            key: "number" in n ? `button-${D}-${n.number}` : `ellipsis-${D}`
+          }, [
+            "number" in n ? (s(), c(N, h({ key: 0 }, {
+              ...i.value,
+              color: n.isActive ? o.activeColor : i.value.color,
+              outline: n.isActive ? !1 : i.value.outline
+            }, {
+              size: o.size,
+              "aria-label": `Page ${n.number}`,
+              "aria-current": n.isActive ? "true" : "false",
+              "aria-setsize": o.resultsSize ?? void 0,
+              loading: n.loading,
+              "aria-posinset": n.number,
+              class: { active: n.isActive },
+              onClick: (te) => n.isActive ? void 0 : A(n.number)
+            }), {
+              default: k(() => [
+                u("span", ee, [
+                  l(`
+                @slot Accessible text for screen reader of the current page button
+                  @binding {number} page - current page number
+              `),
+                  p(o.$slots, "page-sr", {
+                    page: n.number
+                  }, () => [
+                    $(
+                      "Page " + M(n.number),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ]),
+                $(
+                  " " + M(n.number),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1040, ["size", "aria-label", "aria-current", "aria-setsize", "loading", "aria-posinset", "class", "onClick"])) : n.divider ? (s(), b(
+              "div",
+              h({ key: 1 }, i.value, { class: "flex p-2 flex-center" }),
+              [
+                v(m(C))
+              ],
+              16
+              /* FULL_PROPS */
+            )) : l("v-if", !0)
+          ], 8, x))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        u("li", null, [
+          v(N, h(i.value, {
+            disabled: o.modelValue === o.totalPages,
+            "aria-label": `Next Page, Page ${f.value}`,
+            "aria-setsize": o.resultsSize ?? void 0,
+            "aria-posinset": f.value,
+            size: o.size,
+            onClick: r[2] || (r[2] = (n) => A(f.value))
+          }), {
+            default: k(() => [
+              u("span", ae, [
+                l(`
+              @slot Accessible text for screen reader of the next page button
+                @binding {number} page - next page number
+            `),
+                p(o.$slots, "next-page-sr", { page: f.value }, () => [
+                  $(
+                    "Next Page, page " + M(f.value),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              v(m(d), { class: "-maz-rotate-180" })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ]),
+        u("li", null, [
+          v(N, h(i.value, {
+            disabled: o.modelValue === o.totalPages,
+            "aria-label": `Next Page, Page ${o.totalPages}`,
+            "aria-setsize": o.resultsSize ?? void 0,
+            "aria-posinset": o.totalPages,
+            size: o.size,
+            onClick: r[3] || (r[3] = (n) => A(o.totalPages))
+          }), {
+            default: k(() => [
+              u("span", oe, [
+                l(`
+              @slot Accessible text for screen reader of the last page button
+                @binding {number} page - last page number
+            `),
+                p(o.$slots, "last-page-sr", { page: o.totalPages }, () => [
+                  $(
+                    "Last Page, page " + M(o.totalPages),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              v(m(P), { class: "-maz-rotate-180" })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ])
+      ])
+    ]));
+  }
+}), ie = /* @__PURE__ */ G(ne, [["__scopeId", "data-v-0b7b19dd"]]);
+export {
+  ie as M,
+  G as _
+};

package/components/chunks/{MazPhoneNumberInput-XtiVMdCD.mjs → MazPhoneNumberInput-srnmCNgX.mjs}

@@ -4,7 +4,7 @@ import { isSupportedCountry as Ye, getCountryCallingCode as Ce, getExampleNumber
 function Fe(r) {
   return !!r;
 }
-const Pe = ({
+const $e = ({
   componentName: r,
   instance: u,
   providedId: a
@@ -195,7 +195,7 @@ const fo = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(r, { emit: u }) {
-    const a = R(() => import("./MazBtn-BSbEqTOO.mjs")), B = R(() => import("./MazIcon-Cxrv3_OK.mjs")), k = R(() => import("./eye-slash-tjfxO0LK.mjs")), H = R(() => import("./eye-DqO_Jx56.mjs")), D = R(() => import("./check-7UA4j2f2.mjs")), t = r, S = u, P = h(!1), c = h(!1), i = h(), te = ke(), le = Pe({
+    const a = R(() => import("./MazBtn-BdEnwPnp.mjs")), B = R(() => import("./MazIcon-Cxrv3_OK.mjs")), k = R(() => import("./eye-slash-tjfxO0LK.mjs")), H = R(() => import("./eye-DqO_Jx56.mjs")), D = R(() => import("./check-7UA4j2f2.mjs")), t = r, S = u, $ = h(!1), c = h(!1), i = h(), te = ke(), le = $e({
       componentName: "MazInput",
       instance: te,
       providedId: t.id
@@ -204,7 +204,7 @@ const fo = {
       var l;
       t.autoFocus && ((l = i.value) == null || l.focus());
     });
-    const W = d(() => t.type === "password"), A = d(() => P.value ? "text" : t.type), w = d(() => {
+    const W = d(() => t.type === "password"), A = d(() => $.value ? "text" : t.type), w = d(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -232,7 +232,7 @@ const fo = {
         }
         return "--default-border";
       }
-    }), $ = Ne(), L = d(() => {
+    }), P = Ne(), L = d(() => {
       const { required: l, placeholder: g } = t;
       if (g)
         return l ? `${g} *` : g;
@@ -250,10 +250,10 @@ const fo = {
       }
     }), U = d(() => (!!t.label || !!t.hint) && (c.value || !!x.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), Y = d(() => !!t.label || !!t.hint);
     function N() {
-      return !!$["right-icon"] || W.value || !!$["valid-button"] || t.validButton || !!t.rightIcon;
+      return !!P["right-icon"] || W.value || !!P["valid-button"] || t.validButton || !!t.rightIcon;
     }
     function ne() {
-      return !!$["left-icon"] || !!t.leftIcon;
+      return !!P["left-icon"] || !!t.leftIcon;
     }
     function K(l) {
       S("focus", l), c.value = !0;
@@ -378,10 +378,10 @@ const fo = {
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: g[2] || (g[2] = ue((v) => P.value = !P.value, ["stop"]))
+                onClick: g[2] || (g[2] = ue((v) => $.value = !$.value, ["stop"]))
               }, {
                 default: se(() => [
-                  P.value ? (y(), M(C(k), {
+                  $.value ? (y(), M(C(k), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
                   })) : (y(), M(C(H), {
@@ -422,23 +422,23 @@ const fo = {
       /* CLASS, STYLE */
     ));
   }
-}), $e = (r, u) => {
+}), Pe = (r, u) => {
   const a = r.__vccOpts || r;
   for (const [B, k] of u)
     a[B] = k;
   return a;
-}, we = /* @__PURE__ */ $e(ho, [["__scopeId", "data-v-2b90b4c7"]]);
+}, we = /* @__PURE__ */ Pe(ho, [["__scopeId", "data-v-2b90b4c7"]]);
 h("system");
 h("system");
 let ge = null;
 function bo(r, u) {
   ge && clearTimeout(ge), ge = setTimeout(r, u);
 }
-const go = { class: "m-select-list__no-results" }, zo = {
+const go = ["aria-label"], zo = { class: "m-select-list__no-results" }, Co = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, Co = ["onClick"], Vo = /* @__PURE__ */ Ie({
+}, Vo = ["onClick"], wo = /* @__PURE__ */ Ie({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -466,11 +466,11 @@ const go = { class: "m-select-list__no-results" }, zo = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(r, { emit: u }) {
     Ue((e) => ({
-      "05cbf77a": W.value,
-      "4201afb9": te.value,
-      "7cd91c61": le.value
+      "4675cece": W.value,
+      "0e35d418": te.value,
+      "2238cc80": le.value
     }));
-    const a = R(() => import("./MazCheckbox-BPkflsJh.mjs")), B = R(() => import("./magnifying-glass-DZGg7953.mjs")), k = R(() => import("./chevron-down-CzMH-gFW.mjs")), H = R(() => import("./no-symbol-QAqP9IlR.mjs")), D = ke(), t = r, S = u, P = h(!1), c = h(), i = d(
+    const a = R(() => import("./MazCheckbox-DDw-_poJ.mjs")), B = R(() => import("./magnifying-glass-DZGg7953.mjs")), k = R(() => import("./chevron-down-CzMH-gFW.mjs")), H = R(() => import("./no-symbol-QAqP9IlR.mjs")), D = ke(), t = r, S = u, $ = h(!1), c = h(), i = d(
       () => ["black", "transparent", "white"].includes(t.color)
     ), te = d(
       () => i.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
@@ -478,11 +478,11 @@ const go = { class: "m-select-list__no-results" }, zo = {
       () => i.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), W = d(
       () => i.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), A = d(() => P.value || t.open), w = Pe({
+    ), A = d(() => $.value || t.open), w = $e({
       componentName: "MazSelect",
       instance: D,
       providedId: t.id
-    }), $ = d(
+    }), P = d(
       () => {
         var e;
         return (e = t.options) == null ? void 0 : e.map((o) => typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? {
@@ -499,7 +499,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
     ), L = d(
       () => {
         var e;
-        return ((e = $.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !U(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !U(o[t.optionValueKey]))) ?? [];
+        return ((e = P.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !U(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !U(o[t.optionValueKey]))) ?? [];
       }
     );
     Re(() => {
@@ -518,9 +518,9 @@ const go = { class: "m-select-list__no-results" }, zo = {
       return t.multiple && t.modelValue && Array.isArray(t.modelValue) ? t.modelValue.map(
         (n) => {
           var s, p;
-          return (p = (s = $.value) == null ? void 0 : s.find((V) => V[t.optionValueKey] === n)) == null ? void 0 : p[t.optionInputValueKey];
+          return (p = (s = P.value) == null ? void 0 : s.find((V) => V[t.optionValueKey] === n)) == null ? void 0 : p[t.optionInputValueKey];
         }
-      ).join(", ") : (o = (e = $.value) == null ? void 0 : e.find(
+      ).join(", ") : (o = (e = P.value) == null ? void 0 : e.find(
         (n) => n[t.optionValueKey] === t.modelValue
       )) == null ? void 0 : o[t.optionInputValueKey];
     }), ne = d(
@@ -534,25 +534,25 @@ const go = { class: "m-select-list__no-results" }, zo = {
     );
     function g(e) {
       var o;
-      return e ? (o = $.value) == null ? void 0 : o.filter((n) => {
+      return e ? (o = P.value) == null ? void 0 : o.filter((n) => {
         const s = n[t.optionLabelKey], p = n[t.optionValueKey], V = n[t.optionInputValueKey];
         return l(s, e) || l(p, e) || l(V, e);
-      }) : $.value;
+      }) : P.value;
     }
     const v = d(() => g(K.value)), z = async (e) => {
       var o;
       if (e && ("relatedTarget" in e && ((o = x.value) != null && o.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
-      await X(), P.value = !1, c.value = 0, S("close", e);
+      await X(), $.value = !1, c.value = 0, S("close", e);
     }, j = async (e) => {
-      t.disabled || A.value || (e == null || e.preventDefault(), P.value = !0, await G(), S("focus", e), S("open", P.value));
+      t.disabled || A.value || (e == null || e.preventDefault(), $.value = !0, await G(), S("focus", e), S("open", $.value));
     };
     function ie() {
       var e, o;
       (o = ((e = q.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
     }
     function ye(e) {
-      P.value ? z(e) : ie();
+      $.value ? z(e) : ie();
     }
     function de(e) {
       var o, n;
@@ -636,7 +636,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
           class: "m-select-input"
         }, e.$attrs, {
           required: e.required,
-          "border-active": P.value,
+          "border-active": $.value,
           color: e.color,
           "model-value": N.value,
           autocomplete: "off",
@@ -652,10 +652,11 @@ const go = { class: "m-select-list__no-results" }, zo = {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
+              "aria-label": `${A.value ? "collapse" : "expand"} list of options`,
               onClick: ue(ye, ["stop"])
             }, [
               J(C(k), { class: "m-select-chevron maz-text-xl" })
-            ])
+            ], 8, go)
           ]),
           _: 1
           /* STABLE */
@@ -703,10 +704,10 @@ const go = { class: "m-select-list__no-results" }, zo = {
           @slot No results slot - Displayed when no results corresponding with search query
         `),
                 !v.value || v.value.length <= 0 ? Z(e.$slots, "no-results", { key: 1 }, () => [
-                  O("span", go, [
+                  O("span", zo, [
                     J(C(H), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (y(), I("div", zo, [
+                ], !0) : (y(), I("div", Co, [
                   (y(!0), I(
                     qe,
                     null,
@@ -748,7 +749,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
                           /* TEXT */
                         )
                       ], !0)
-                    ], 14, Co))),
+                    ], 14, Vo))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -766,10 +767,10 @@ const go = { class: "m-select-list__no-results" }, zo = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), wo = /* @__PURE__ */ $e(Vo, [["__scopeId", "data-v-541bd34a"]]), Io = ["id"], ko = {
+}), Io = /* @__PURE__ */ Pe(wo, [["__scopeId", "data-v-0fceffd9"]]), ko = ["id"], So = {
   key: 0,
   class: "maz-text-lg"
-}, So = /* @__PURE__ */ Ie({
+}, $o = /* @__PURE__ */ Ie({
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
   props: {
@@ -816,8 +817,8 @@ const go = { class: "m-select-list__no-results" }, zo = {
       getCountriesList: D,
       getPhoneNumberExample: t,
       sanitizePhoneNumber: S,
-      loadPhoneNumberExamplesFile: P
-    } = io(), c = u, i = r, te = ke(), le = Pe({
+      loadPhoneNumberExamplesFile: $
+    } = io(), c = u, i = r, te = ke(), le = $e({
       componentName: "MazPhoneNumberInput",
       instance: te,
       providedId: i.id
@@ -825,7 +826,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
       start: 0,
       end: 0,
       cursorAtEnd: !0
-    }), $ = h(!1), L = h(!1), x = d(() => D(i.countryLocale, i.customCountriesList)), q = d(() => {
+    }), P = h(!1), L = h(!1), x = d(() => D(i.countryLocale, i.customCountriesList)), q = d(() => {
       var e;
       return (e = x.value) == null ? void 0 : e.filter((o) => {
         var n;
@@ -858,7 +859,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
       if (i.placeholder)
         return i.placeholder;
       const e = N.value.phoneInput.placeholder;
-      if (i.noExample || !$.value)
+      if (i.noExample || !P.value)
         return e;
       {
         const o = t(f.value);
@@ -902,7 +903,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
     }
     async function ie() {
       try {
-        !i.noExample && !$.value && (await P(), $.value = !0);
+        !i.noExample && !P.value && (await $(), P.value = !0);
       } catch {
         console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file");
       }
@@ -1025,7 +1026,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
           2
           /* CLASS */
         )) : m("v-if", !0),
-        e.noCountrySelector ? m("v-if", !0) : (y(), M(wo, {
+        e.noCountrySelector ? m("v-if", !0) : (y(), M(Io, {
           key: 1,
           ref_key: "CountrySelector",
           ref: A,
@@ -1061,7 +1062,7 @@ const go = { class: "m-select-list__no-results" }, zo = {
                 }])
               },
               [
-                !e.noFlags && typeof b.iso2 == "string" ? (y(), I("span", ko, [
+                !e.noFlags && typeof b.iso2 == "string" ? (y(), I("span", So, [
                   m(`
               @slot Country list flag
                 @binding {String} country-code - country code of option - Ex: \`"FR"\`
@@ -1132,12 +1133,12 @@ const go = { class: "m-select-list__no-results" }, zo = {
           onBlur: o[3] || (o[3] = (b) => L.value = !1),
           "onUpdate:modelValue": o[4] || (o[4] = (b) => ce(b))
         }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "success", "class"])
-      ], 14, Io);
+      ], 14, ko);
     };
   }
-}), Ao = /* @__PURE__ */ $e(So, [["__scopeId", "data-v-3bb3ee5f"]]);
+}), Lo = /* @__PURE__ */ Pe($o, [["__scopeId", "data-v-3bb3ee5f"]]);
 export {
-  Ao as M,
-  $e as _,
-  Pe as u
+  Lo as M,
+  Pe as _,
+  $e as u
 };