maz-ui 3.47.2-beta.13 → 3.47.2-beta.15

package/components/MazAccordion.mjs

@@ -1,4 +1,4 @@
-import { openBlock as p, createElementBlock as b, createElementVNode as c, useId as V, computed as g, defineComponent as w, ref as f, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as k, renderSlot as h, withDirectives as E, vShow as z, mergeModels as A, useModel as x, mergeProps as I, useSlots as L, Fragment as j, renderList as F, createBlock as N, withCtx as M, unref as y, createVNode as S } from "vue";
+import { openBlock as p, createElementBlock as b, createElementVNode as c, computed as g, useId as V, defineComponent as w, ref as f, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as k, renderSlot as h, withDirectives as E, vShow as z, mergeModels as A, useModel as x, mergeProps as I, useSlots as L, Fragment as j, renderList as F, createBlock as N, withCtx as M, unref as y, createVNode as S } from "vue";
 import './assets/MazAccordion.css';const R = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -28,8 +28,7 @@ function U({
   componentName: r,
   providedId: n
 }) {
-  const o = V();
-  return g(() => n ?? `${r}-${o}`);
+  return g(() => n ?? `${r}-${V().replace(/:/g, "")}`);
 }
 const q = { class: "inner" }, D = /* @__PURE__ */ w({
   __name: "MazCardSpotlight",
@@ -42,12 +41,12 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
     innerOpacity: { default: 0.95 }
   },
   setup(r) {
-    const n = r, o = f(), a = f(), s = f(!1);
+    const n = r, l = f(), o = f(), s = f(!1);
     function m({ clientX: d, clientY: u }) {
       var e, _, t;
       s.value = !0;
-      const v = (e = a.value) == null ? void 0 : e.getBoundingClientRect();
-      v && ((t = (_ = o.value) == null ? void 0 : _.animate) == null || t.call(
+      const v = (e = o.value) == null ? void 0 : e.getBoundingClientRect();
+      v && ((t = (_ = l.value) == null ? void 0 : _.animate) == null || t.call(
         _,
         [
           {
@@ -60,7 +59,7 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
         }
       ));
     }
-    const l = g(() => `var(--maz-color-${n.color}-alpha)`), i = g(() => `var(--maz-color-${n.color}-alpha-20)`);
+    const a = g(() => `var(--maz-color-${n.color}-alpha)`), i = g(() => `var(--maz-color-${n.color}-alpha-20)`);
     return O(() => {
       window.addEventListener("mousemove", m);
     }), B(() => {
@@ -89,9 +88,9 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
           "div",
           {
             ref_key: "blobElement",
-            ref: o,
+            ref: l,
             class: "blob",
-            style: k({ backgroundColor: l.value })
+            style: k({ backgroundColor: a.value })
           },
           null,
           4
@@ -103,7 +102,7 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
           "div",
           {
             ref_key: "fakeblobElement",
-            ref: a,
+            ref: o,
             class: "fakeblob"
           },
           null,
@@ -118,10 +117,10 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
     ));
   }
 }), C = (r, n) => {
-  const o = r.__vccOpts || r;
-  for (const [a, s] of n)
-    o[a] = s;
-  return o;
+  const l = r.__vccOpts || r;
+  for (const [o, s] of n)
+    l[o] = s;
+  return l;
 }, H = /* @__PURE__ */ C(D, [["__scopeId", "data-v-30c7054c"]]), W = ["aria-hidden"], G = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
@@ -134,36 +133,36 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const n = x(r, "modelValue"), o = f(!n.value), a = f();
+    const n = x(r, "modelValue"), l = f(!n.value), o = f();
     function s() {
-      n.value || (o.value = !0);
+      n.value || (l.value = !0);
     }
     function m() {
-      n.value && (o.value = !1);
+      n.value && (l.value = !1);
     }
     return O(() => {
-      var l, i;
-      (l = a.value) == null || l.addEventListener("transitionstart", s, !1), (i = a.value) == null || i.addEventListener("transitionend", m, !1);
+      var a, i;
+      (a = o.value) == null || a.addEventListener("transitionstart", s, !1), (i = o.value) == null || i.addEventListener("transitionend", m, !1);
     }), B(() => {
-      var l, i;
-      (l = a.value) == null || l.removeEventListener("transitionstart", s, !1), (i = a.value) == null || i.removeEventListener("transitionend", m, !1);
-    }), (l, i) => (p(), b("div", {
+      var a, i;
+      (a = o.value) == null || a.removeEventListener("transitionstart", s, !1), (i = o.value) == null || i.removeEventListener("transitionend", m, !1);
+    }), (a, i) => (p(), b("div", {
       ref_key: "expandAnimationRef",
-      ref: a,
+      ref: o,
       class: $(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
       "aria-hidden": !n.value,
       role: "region",
-      style: k([{ "--expand-animation-duration": l.duration, "--expand-animation-timing-function": l.timingFunction }])
+      style: k([{ "--expand-animation-duration": a.duration, "--expand-animation-timing-function": a.timingFunction }])
     }, [
       c(
         "div",
-        I({ class: "m-expand-animation__inner" }, l.$attrs, {
+        I({ class: "m-expand-animation__inner" }, a.$attrs, {
           class: {
-            "--overflow-hidden": o.value
+            "--overflow-hidden": l.value
           }
         }),
         [
-          h(l.$slots, "default", {}, void 0, !0)
+          h(a.$slots, "default", {}, void 0, !0)
         ],
         16
         /* FULL_PROPS */
@@ -182,28 +181,28 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
   },
   emits: ["update:model-value"],
   setup(r, { emit: n }) {
-    const o = r, a = n, s = U({
+    const l = r, o = n, s = U({
       componentName: "MazAccordion",
-      providedId: o.id
-    }), m = L(), l = g(
+      providedId: l.id
+    }), m = L(), a = g(
       () => Object.keys(m).filter((e) => e.startsWith("title-")).length
-    ), i = f(o.modelValue), d = g({
-      get: () => o.modelValue || i.value,
+    ), i = f(l.modelValue), d = g({
+      get: () => l.modelValue || i.value,
       set: (e) => {
-        i.value = e, a("update:model-value", e);
+        i.value = e, o("update:model-value", e);
       }
     });
     function u(e) {
       return d.value === e;
     }
     function v(e) {
-      d.value === e ? (i.value = 0, a("update:model-value", 0)) : (i.value = e, a("update:model-value", e));
+      d.value === e ? (i.value = 0, o("update:model-value", 0)) : (i.value = e, o("update:model-value", e));
     }
     return (e, _) => (p(), b("div", K, [
       (p(!0), b(
         j,
         null,
-        F(l.value, (t) => (p(), N(
+        F(a.value, (t) => (p(), N(
           H,
           {
             key: t,

package/components/MazBackdrop.mjs

@@ -18,7 +18,7 @@ import './assets/MazBackdrop.css';const b = "--backdrop-present", F = /* @__PURE
     function E() {
       document.documentElement.classList.add(b);
     }
-    async function B() {
+    function B() {
       document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(b);
     }
     const n = L(o.modelValue);

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-D9EPpEV8.mjs";
+import { M as f } from "./chunks/MazBottomSheet-B1cqFZxd.mjs";
 export {
   f as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-XBaeDZkg.mjs";
+import { M as f } from "./chunks/MazCard-98OuVlyK.mjs";
 export {
   f as default
 };

package/components/MazCheckbox.mjs

@@ -1,10 +1,9 @@
-import { useId as N, computed as t, openBlock as h, createElementBlock as p, createElementVNode as u, defineComponent as E, ref as _, unref as m, normalizeClass as f, normalizeStyle as c, mergeProps as A, createVNode as $, renderSlot as M, createTextVNode as D, toDisplayString as w, createCommentVNode as R } from "vue";
+import { computed as t, useId as N, openBlock as h, createElementBlock as p, createElementVNode as u, defineComponent as E, ref as _, unref as m, normalizeClass as f, normalizeStyle as c, mergeProps as A, createVNode as $, renderSlot as M, createTextVNode as D, toDisplayString as w, createCommentVNode as R } from "vue";
 import './assets/MazCheckbox.css';function j({
   componentName: l,
   providedId: a
 }) {
-  const e = N();
-  return t(() => a ?? `${l}-${e}`);
+  return t(() => a ?? `${l}-${N().replace(/:/g, "")}`);
 }
 const q = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -51,13 +50,13 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
   },
   emits: ["update:model-value", "change", "blur", "focus"],
   setup(l, { emit: a }) {
-    const e = l, n = a, s = j({
+    const o = l, n = a, s = j({
       componentName: "MazCheckbox",
-      providedId: e.id
+      providedId: o.id
     }), b = t(
-      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+      () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
     ), v = t(() => {
-      switch (e.size) {
+      switch (o.size) {
         case "xl":
           return "2rem";
         case "lg":
@@ -72,7 +71,7 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
           return "1.5rem";
       }
     }), z = t(() => {
-      switch (e.size) {
+      switch (o.size) {
         case "xl":
           return "maz-text-2xl";
         case "lg":
@@ -86,31 +85,31 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
         default:
           return "maz-text-lg";
       }
-    }), x = t(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), V = t(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), k = t(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
-    function C(o) {
-      ["Space"].includes(o.code) && (o.preventDefault(), y(e.value ?? !e.modelValue));
+    }), x = t(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), V = t(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), k = t(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
+    function C(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), y(o.value ?? !o.modelValue));
     }
-    function B(o) {
-      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((r) => r !== o) : [...e.modelValue, o] : [o];
+    function B(e) {
+      return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((r) => r !== e) : [...o.modelValue, e] : [e];
     }
-    function y(o) {
-      const r = B(o);
+    function y(e) {
+      const r = B(e);
       n("update:model-value", r), n("change", r);
     }
     const d = _();
-    function S(o) {
+    function S(e) {
       var r;
-      (r = d.value) == null || r.dispatchEvent(new Event("blur")), n("blur", o);
+      (r = d.value) == null || r.dispatchEvent(new Event("blur")), n("blur", e);
     }
-    function I(o) {
+    function I(e) {
       var r;
-      (r = d.value) == null || r.dispatchEvent(new Event("focus")), n("focus", o);
+      (r = d.value) == null || r.dispatchEvent(new Event("focus")), n("focus", e);
     }
-    return (o, r) => (h(), p("label", {
+    return (e, r) => (h(), p("label", {
       for: m(s),
-      class: f(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
+      class: f(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
-      style: c([o.style, { "--checkbox-selected-color": V.value, "--checkbox-box-shadow-color": k.value }]),
+      style: c([e.style, { "--checkbox-selected-color": V.value, "--checkbox-box-shadow-color": k.value }]),
       role: "checkbox",
       "aria-checked": b.value,
       onKeydown: C,
@@ -122,14 +121,14 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
         ref_key: "inputRef",
         ref: d,
         checked: b.value
-      }, o.$attrs, {
+      }, e.$attrs, {
         tabindex: "-1",
-        disabled: o.disabled,
-        name: o.name,
+        disabled: e.disabled,
+        name: e.name,
         type: "checkbox",
         onChange: r[0] || (r[0] = (i) => {
           var g;
-          return y(o.value ?? ((g = i == null ? void 0 : i.target) == null ? void 0 : g.checked));
+          return y(e.value ?? ((g = i == null ? void 0 : i.target) == null ? void 0 : g.checked));
         })
       }), null, 16, O),
       u(
@@ -147,25 +146,25 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
         /* STYLE */
       ),
       u("div", P, [
-        M(o.$slots, "default", { value: o.value }, () => [
+        M(e.$slots, "default", { value: e.value }, () => [
           D(
-            w(o.label),
+            w(e.label),
             1
             /* TEXT */
           )
         ], !0),
-        o.hint ? (h(), p(
+        e.hint ? (h(), p(
           "span",
           {
             key: 0,
             class: f(["m-checkbox__hint", {
-              "--error": o.error,
-              "--success": o.success,
-              "--warning": o.warning
+              "--error": e.error,
+              "--success": e.success,
+              "--warning": e.warning
             }]),
             style: c({ boxShadow: `0 0 0 0.125rem ${k.value}` })
           },
-          w(o.hint),
+          w(e.hint),
           7
           /* TEXT, CLASS, STYLE */
         )) : R("v-if", !0)
@@ -173,10 +172,10 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
     ], 46, K));
   }
 }), U = (l, a) => {
-  const e = l.__vccOpts || l;
+  const o = l.__vccOpts || l;
   for (const [n, s] of a)
-    e[n] = s;
-  return e;
+    o[n] = s;
+  return o;
 }, J = /* @__PURE__ */ U(T, [["__scopeId", "data-v-65d7fb3b"]]);
 export {
   J as default

package/components/MazChecklist.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazChecklist-DaozZlNb.mjs";
+import { a as f } from "./chunks/MazChecklist-BurPprmw.mjs";
 export {
   f as default
 };

package/components/MazCircularProgressBar.mjs

@@ -1,15 +1,14 @@
-import { useId as w, computed as r, defineComponent as g, useSlots as _, ref as S, watch as B, openBlock as p, createElementBlock as m, normalizeClass as M, normalizeStyle as y, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as I, unref as k, createBlock as P, createSlots as N, withCtx as x } from "vue";
+import { computed as s, useId as w, defineComponent as x, useSlots as _, ref as S, watch as B, openBlock as p, createElementBlock as m, normalizeClass as M, normalizeStyle as y, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as I, unref as k, createBlock as P, createSlots as N, withCtx as g } from "vue";
 import './assets/MazCircularProgressBar.css';function A({
   componentName: a,
   providedId: e
 }) {
-  const s = w();
-  return r(() => e ?? `${a}-${s}`);
+  return s(() => e ?? `${a}-${w().replace(/:/g, "")}`);
 }
 const V = { class: "maz-sr-only" }, b = {
   key: 0,
   class: "m-animated-counter__fix"
-}, D = /* @__PURE__ */ g({
+}, D = /* @__PURE__ */ x({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -18,7 +17,7 @@ const V = { class: "maz-sr-only" }, b = {
     suffix: { default: void 0 }
   },
   setup(a) {
-    const e = a, s = _(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = S(!0);
+    const e = a, r = _(), f = s(() => !!e.prefix || !!r.prefix), d = s(() => !!e.suffix || !!r.suffix), c = S(!0);
     B(
       () => e.count,
       (t, h) => {
@@ -27,7 +26,7 @@ const V = { class: "maz-sr-only" }, b = {
         }, 100));
       }
     );
-    const v = r(() => `${e.duration}ms`);
+    const v = s(() => `${e.duration}ms`);
     return (t, h) => (p(), m(
       "span",
       {
@@ -85,16 +84,16 @@ const V = { class: "maz-sr-only" }, b = {
     ));
   }
 }), $ = (a, e) => {
-  const s = a.__vccOpts || a;
+  const r = a.__vccOpts || a;
   for (const [f, d] of e)
-    s[f] = d;
-  return s;
+    r[f] = d;
+  return r;
 }, E = /* @__PURE__ */ $(D, [["__scopeId", "data-v-fc78b268"]]), L = { class: "outer" }, T = { class: "inner" }, W = { key: 0 }, j = {
   xmlns: "http://www.w3.org/2000/svg",
   height: "1em",
   width: "1em",
   viewBox: "0 0 100 100"
-}, q = ["id"], G = ["stop-color"], O = ["stop-color"], U = ["stroke-width", "stroke", "stroke-linecap"], F = /* @__PURE__ */ g({
+}, q = ["id"], G = ["stop-color"], O = ["stop-color"], U = ["stroke-width", "stroke", "stroke-linecap"], F = /* @__PURE__ */ x({
   __name: "MazCircularProgressBar",
   props: {
     percentage: { default: 0 },
@@ -109,15 +108,15 @@ const V = { class: "maz-sr-only" }, b = {
     stroke: { default: void 0 }
   },
   setup(a) {
-    const e = a, s = _(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = A({
+    const e = a, r = _(), f = s(() => !!e.prefix || !!r.prefix), d = s(() => !!e.suffix || !!r.suffix), c = A({
       componentName: "MazCircularProgressBar"
-    }), v = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
+    }), v = s(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = s(
       () => e.autoColor ? h(v.value) : e.color
     );
     function h(o) {
       return o < 50 || o > 100 ? "danger" : o < 100 ? "warning" : "success";
     }
-    const z = r(() => `${e.duration}ms`), C = r(() => Math.round(290 - 290 * (v.value / 100)));
+    const z = s(() => `${e.duration}ms`), C = s(() => Math.round(290 - 290 * (v.value / 100)));
     return (o, H) => (p(), m(
       "div",
       {
@@ -135,7 +134,7 @@ const V = { class: "maz-sr-only" }, b = {
       [
         n("div", L, [
           n("div", T, [
-            k(s).default ? (p(), m("span", W, [
+            k(r).default ? (p(), m("span", W, [
               l(o.$slots, "default", {}, void 0, !0)
             ])) : (p(), P(E, {
               key: 1,
@@ -147,7 +146,7 @@ const V = { class: "maz-sr-only" }, b = {
             }, [
               f.value ? {
                 name: "prefix",
-                fn: x(() => [
+                fn: g(() => [
                   l(o.$slots, "prefix", {}, () => [
                     i(
                       u(o.prefix),
@@ -160,7 +159,7 @@ const V = { class: "maz-sr-only" }, b = {
               } : void 0,
               d.value ? {
                 name: "suffix",
-                fn: x(() => [
+                fn: g(() => [
                   l(o.$slots, "suffix", {}, () => [
                     i(
                       u(o.suffix),

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-XiX9LEiz.mjs";
+import { M as f } from "./chunks/MazDialog-C3h6Ydey.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-B9_e3Ma9.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-BZm1F0X2.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/MazDrawer.mjs

@@ -18,7 +18,7 @@ import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__
     function n() {
       document.documentElement.classList.add(A);
     }
-    async function M() {
+    function M() {
       document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(A);
     }
     const s = S(e.modelValue);

package/components/MazDropdown.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazDropdown-CKuIGitT.mjs";
+import { a as f } from "./chunks/MazDropdown-0r445NfW.mjs";
 export {
   f as default
 };

package/components/MazFullscreenLoader.mjs

@@ -1,23 +1,23 @@
-import { defineComponent as l, defineAsyncComponent as a, onMounted as s, onUnmounted as m, openBlock as o, createBlock as c, Teleport as d, createElementVNode as u, mergeProps as p, createVNode as f, unref as i, createElementBlock as z, renderSlot as k, createCommentVNode as y } from "vue";
-import './assets/MazFullscreenLoader.css';const b = { key: 0 }, S = /* @__PURE__ */ l({
+import { defineComponent as n, defineAsyncComponent as a, onMounted as s, onUnmounted as m, openBlock as o, createBlock as c, Teleport as d, createElementVNode as u, mergeProps as p, createVNode as f, unref as i, createElementBlock as z, renderSlot as k, createCommentVNode as b } from "vue";
+import './assets/MazFullscreenLoader.css';const v = { key: 0 }, S = /* @__PURE__ */ n({
   __name: "MazFullscreenLoader",
   props: {
     color: { default: "primary" },
     size: { default: "3em" },
     teleportSelector: { default: "body" }
   },
-  setup(v) {
+  setup(y) {
     const t = a(() => import("./chunks/MazSpinner-Du5o8JC_.mjs"));
     function r() {
       document.documentElement.classList.add("--maz-fullscreen-loader-present");
     }
-    async function n() {
+    function l() {
       document.documentElement.classList.remove("--maz-fullscreen-loader-present");
     }
     return s(() => {
       r();
     }), m(() => {
-      n();
+      l();
     }), (e, C) => (o(), c(d, { to: e.teleportSelector }, [
       u(
         "div",
@@ -27,9 +27,9 @@ import './assets/MazFullscreenLoader.css';const b = { key: 0 }, S = /* @__PURE__
             color: e.color,
             size: e.size
           }, null, 8, ["color", "size"]),
-          e.$slots.default ? (o(), z("span", b, [
+          e.$slots.default ? (o(), z("span", v, [
             k(e.$slots, "default")
-          ])) : y("v-if", !0)
+          ])) : b("v-if", !0)
         ],
         16
         /* FULL_PROPS */

package/components/MazGallery.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazGallery-DUOQamrE.mjs";
+import { M as f } from "./chunks/MazGallery-xPp1apvO.mjs";
 export {
   f as default
 };

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-DIN1VAoX.mjs";
+import { M as f } from "./chunks/MazInput-BfWJoPre.mjs";
 export {
   f as default
 };

package/components/MazInputNumber.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputNumber-7Ku2ZcG-.mjs";
+import { a as f } from "./chunks/MazInputNumber-R0RzDeyD.mjs";
 export {
   f as default
 };

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputPrice-C5yErBFP.mjs";
+import { a as f } from "./chunks/MazInputPrice-CKSdqO4X.mjs";
 export {
   f as default
 };

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInputTags-DvbQ2mK8.mjs";
+import { M as f } from "./chunks/MazInputTags-D6jQ2-Ia.mjs";
 export {
   f as default
 };

package/components/MazPhoneNumberInput/CountrySelector.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_Props = {
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
     class?: HTMLAttributes['class'];
-    modelValue?: CountryCode;
+    modelValue?: CountryCode | undefined | null;
     id: string;
     color: Color;
     size: Size;
@@ -57,7 +57,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     width: string;
     class: HTMLAttributes["class"];
-    modelValue: CountryCode;
+    modelValue: CountryCode | null;
     listPosition: Position;
     excludeSelectors: string[];
     preferredCountries: CountryCode[];

package/components/MazPhoneNumberInput/PhoneInput.vue.d.ts

@@ -15,14 +15,14 @@ type __VLS_Props = {
     noFormattingAsYouType?: boolean;
 };
 type __VLS_PublicProps = {
-    modelValue?: string;
+    modelValue?: string | undefined | null;
 } & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (phoneNumber?: string | undefined) => any;
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
     label: string;
     placeholder: string;

package/components/MazPhoneNumberInput/types.d.ts

@@ -3,7 +3,7 @@ import type { defaultLocales } from './default-locales';
 export interface Results {
     isValid: boolean;
     isPossible?: boolean;
-    countryCode?: CountryCode;
+    countryCode?: CountryCode | undefined | null;
     countryCallingCode?: CountryCallingCode;
     nationalNumber?: NationalNumber;
     type?: NumberType;

package/components/MazPhoneNumberInput/use-libphonenumber.d.ts

@@ -2,12 +2,12 @@ import type { Results } from './types';
 import { type CountryCode, type Examples, getCountries, getCountryCallingCode } from 'libphonenumber-js';
 declare function isCountryAvailable(locale: string): boolean;
 declare function getPhoneNumberResults({ phoneNumber, countryCode, }: {
-    phoneNumber?: string;
-    countryCode?: CountryCode;
+    phoneNumber?: string | undefined | null;
+    countryCode?: CountryCode | undefined | null;
 }): Results;
-declare function getAsYouTypeFormat(countryCode?: CountryCode, phoneNumber?: string): string;
 declare function getPhoneNumberExamplesFile(): Promise<Examples>;
-declare function getPhoneNumberExample(examples: Examples, countryCode?: CountryCode): string | undefined;
+declare function getPhoneNumberExample(examples: Examples, countryCode?: CountryCode | undefined | null): string | undefined;
+declare function getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined;
 export declare function useLibphonenumber(): {
     getAsYouTypeFormat: typeof getAsYouTypeFormat;
     getPhoneNumberResults: typeof getPhoneNumberResults;

package/components/MazPhoneNumberInput/use-maz-phone-number-input.d.ts

@@ -6,7 +6,7 @@ declare function getBrowserLocale(): {
 } | undefined;
 declare function getCountriesList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
 declare function fetchCountryCode(): Promise<string | undefined>;
-declare function sanitizePhoneNumber(input?: string): string;
+declare function sanitizePhoneNumber(input?: string | undefined | null): string;
 export declare function useMazPhoneNumberInput(): {
     sanitizePhoneNumber: typeof sanitizePhoneNumber;
     fetchCountryCode: typeof fetchCountryCode;