maz-ui 3.47.0 → 3.47.1

package/modules/chunks/{index-Ch4k74ro.mjs → index-C2yAjM0P.mjs}

@@ -1,7 +1,7 @@
 import '../assets/index.css';var xt = Object.defineProperty;
 var Ot = (s, e, t) => e in s ? xt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var d = (s, e, t) => Ot(s, typeof e != "symbol" ? e + "" : e, t);
-import { inject as st, ref as b, onMounted as ce, onUnmounted as nt, computed as f, toValue as le, nextTick as Ne, getCurrentInstance as Dt, watch as Z, provide as Mt, useId as Pt, onBeforeUnmount as ot, createVNode as J, render as Te, defineComponent as ve, defineAsyncComponent as P, openBlock as L, createElementBlock as U, withModifiers as K, withKeys as $t, withDirectives as it, unref as A, vShow as rt, createCommentVNode as C, createElementVNode as $, normalizeClass as ue, createBlock as H, Teleport as Ht, Transition as at, withCtx as j, mergeProps as ee, renderSlot as q, useAttrs as Vt, createTextVNode as Q, toDisplayString as Y, Fragment as Re, renderList as Bt, resolveDynamicComponent as Ft, normalizeStyle as Nt } from "vue";
+import { inject as st, ref as y, onMounted as ce, onUnmounted as nt, computed as f, toValue as le, nextTick as Ne, getCurrentInstance as Dt, watch as Z, provide as Mt, useId as Pt, onBeforeUnmount as ot, createVNode as J, render as Te, defineComponent as ve, defineAsyncComponent as $, openBlock as L, createElementBlock as U, withModifiers as K, withKeys as $t, withDirectives as it, unref as A, vShow as rt, createCommentVNode as C, createElementVNode as H, normalizeClass as ue, createBlock as V, Teleport as Ht, Transition as at, withCtx as j, mergeProps as ee, renderSlot as q, useAttrs as Vt, createTextVNode as Q, toDisplayString as Y, Fragment as Re, renderList as Bt, resolveDynamicComponent as Ft, normalizeStyle as Nt } from "vue";
 function Se(s, e) {
   const t = st(s, e);
   if (!t)
@@ -17,16 +17,16 @@ function jt(s) {
     e[t] = Number.parseInt(n, 10);
   return e;
 }
-function B() {
+function F() {
   return typeof document < "u";
 }
 function Ut(s = {}) {
   const {
-    internalWindow: e = B() ? window : void 0,
+    internalWindow: e = F() ? window : void 0,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: n = Number.POSITIVE_INFINITY,
     includeScrollbar: o = !0
-  } = s, i = b(t), r = b(n);
+  } = s, i = y(t), r = y(n);
   function a() {
     e && (o ? (i.value = e.innerWidth, r.value = e.innerHeight) : (i.value = e.document.documentElement.clientWidth, r.value = e.document.documentElement.clientHeight));
   }
@@ -486,7 +486,7 @@ function Nn(s, e) {
   );
   if (t.ref && ge(["eager", "blur", "progressive"], l)) {
     let T = [];
-    const M = (x) => {
+    const P = (x) => {
       T = Jt(x), es({
         interactiveElements: T,
         onBlurHandler: p,
@@ -496,8 +496,8 @@ function Nn(s, e) {
     ce(() => {
       const x = Ue(`useFormField of ${s}`);
       _t(() => x.refs[t.ref], (c) => {
-        const y = c instanceof HTMLElement ? c : c == null ? void 0 : c.$el;
-        y && M(y);
+        const g = c instanceof HTMLElement ? c : c == null ? void 0 : c.$el;
+        g && P(g);
       }, {
         errorMessage: `[maz-ui](useFormField) No element found for ref ${t.ref} for field ${s}`
       });
@@ -533,13 +533,13 @@ function jn({ schema: s, defaultValues: e, model: t, options: n }) {
     throttledFields: null,
     identifier: "main-form-validator",
     ...n
-  }, r = b(e), a = b({ ...r.value, ...t == null ? void 0 : t.value }), u = b(s), l = b(
+  }, r = y(e), a = y({ ...r.value, ...t == null ? void 0 : t.value }), u = y(s), l = y(
     Xt({
       schema: u.value,
       payload: a.value,
       options: i
     })
-  ), h = b(!1), p = b(!1), E = f(() => Object.values(l.value).every(({ valid: z }) => z)), T = f(() => Object.values(l.value).some(({ dirty: z }) => z)), M = f(() => Qt(l.value)), x = f(() => Yt(M.value, l.value));
+  ), h = y(!1), p = y(!1), E = f(() => Object.values(l.value).every(({ valid: z }) => z)), T = f(() => Object.values(l.value).some(({ dirty: z }) => z)), P = f(() => Qt(l.value)), x = f(() => Yt(P.value, l.value));
   t && Z(
     a,
     (z) => {
@@ -572,10 +572,10 @@ function jn({ schema: s, defaultValues: e, model: t, options: n }) {
       showErrors: z
     });
   }
-  const y = [];
+  const g = [];
   async function k(z) {
     await Ne();
-    const V = Z(
+    const B = Z(
       () => a.value[z],
       () => {
         const _ = l.value[z];
@@ -590,25 +590,25 @@ function jn({ schema: s, defaultValues: e, model: t, options: n }) {
       },
       { deep: typeof u.value[z] == "object" }
     );
-    y.push(V);
+    g.push(B);
   }
-  function g() {
-    for (const z of y)
+  function b() {
+    for (const z of g)
       z();
     for (const z of Object.keys(u.value))
       k(z);
   }
-  function O(z, V) {
+  function D(z, B) {
     return async (_) => {
       if (_ == null || _.preventDefault(), h.value)
         return;
       p.value = !0, h.value = !0, await c(!0);
-      const X = typeof V == "string" ? V : i.scrollToError;
+      const X = typeof B == "string" ? B : i.scrollToError;
       let G;
       return E.value ? G = await z(a.value) : typeof X != "boolean" && Ye(X), h.value = !1, G;
     };
   }
-  const F = {
+  const O = {
     fieldsStates: l,
     payload: a,
     options: i,
@@ -616,18 +616,18 @@ function jn({ schema: s, defaultValues: e, model: t, options: n }) {
     errorMessages: x,
     isSubmitted: p
   };
-  return o.formContexts ?? (o.formContexts = /* @__PURE__ */ new Map()), o.formContexts.set(i.identifier, F), Mt(i.identifier, F), g(), {
+  return o.formContexts ?? (o.formContexts = /* @__PURE__ */ new Map()), o.formContexts.set(i.identifier, O), Mt(i.identifier, O), b(), {
     identifier: i.identifier,
     isDirty: T,
     isSubmitting: h,
     isSubmitted: p,
     isValid: E,
-    errors: M,
+    errors: P,
     model: a,
     fieldsStates: l,
     validateForm: c,
     scrollToError: Ye,
-    handleSubmit: O,
+    handleSubmit: D,
     errorMessages: x
   };
 }
@@ -671,7 +671,7 @@ class us {
             return;
           this.lastClientX = t, this.lastClientY = n;
         }
-        this.resetTimeout(), this.callback({ isIdle: this.isIdle, eventType: e.type });
+        this.resetTimeout(), this.callback({ isIdle: this.isIdle, eventType: e.type, instance: this });
       } catch (t) {
         throw new Error(`[IdleTimeout](handleEvent) ${t}`);
       }
@@ -679,32 +679,32 @@ class us {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, B() && this.start();
+    }, F() && this.start();
   }
   get element() {
     return this.options.element ?? document.body;
   }
   start() {
-    if (!B()) {
+    if (!F()) {
       console.warn("[IdleTimeout](start) you should run this method on client side");
       return;
     }
     for (const e of this.eventNames)
       this.element.addEventListener(e, this.handleEvent);
-    this.resetTimeout(), this.options.immediate && this.callback({ isIdle: !1 });
+    this.resetTimeout(), this.options.immediate && this.callback({ isIdle: !1, instance: this });
   }
   pause() {
     const e = this.startTime + this.options.timeout - Date.now();
     e <= 0 || (this.remainingTime = e, this.timeoutHandler && (clearTimeout(this.timeoutHandler), this.timeoutHandler = void 0));
   }
   resume() {
-    this.remainingTime <= 0 || (this.resetTimeout(), this.callback({ isIdle: this.isIdle }), this.remainingTime = 0);
+    this.remainingTime <= 0 || (this.resetTimeout(), this.callback({ isIdle: this.isIdle, instance: this }), this.remainingTime = 0);
   }
   reset() {
-    this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle });
+    this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle, instance: this });
   }
   destroy() {
-    if (!B()) {
+    if (!F()) {
       console.warn("[IdleTimeout](destroy) you should run this method on client side");
       return;
     }
@@ -720,7 +720,7 @@ class us {
     ), this.startTime = Date.now();
   }
   handleTimeout() {
-    this.isIdle = !0, this.callback({ isIdle: this.isIdle }), this.options.once && this.destroy();
+    this.isIdle = !0, this.callback({ isIdle: this.isIdle, instance: this }), this.options.once && this.destroy();
   }
   get destroyed() {
     return this.isDestroy;
@@ -735,7 +735,7 @@ class us {
     return this.isIdle;
   }
   set idle(e) {
-    e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle });
+    e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle, instance: this });
   }
 }
 function Un({
@@ -1162,7 +1162,7 @@ class bs {
   }
 }
 function Kn(s) {
-  const e = b(), t = b(), n = b(), o = b(), i = b(), r = b(), a = f(() => le(s.element)), u = new bs({
+  const e = y(), t = y(), n = y(), o = y(), i = y(), r = y(), a = f(() => le(s.element)), u = new bs({
     ...s,
     element: a.value,
     onValuesChanged(l) {
@@ -1190,7 +1190,7 @@ const ws = {
   storageThemeValueLight: "light",
   storageThemeValueSystem: "system",
   watchChanges: !0
-}, ye = b("system"), R = b("system");
+}, ye = y("system"), R = y("system");
 function Xe() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
@@ -1202,7 +1202,7 @@ function be({
   setLocalStorageValue: o = !0,
   setSelectedTheme: i = !0
 }) {
-  B() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), ye.value = n, i && (R.value = n), o && (localStorage[t] = n));
+  F() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), ye.value = n, i && (R.value = n), o && (localStorage[t] = n));
 }
 function we({
   darkClass: s,
@@ -1212,13 +1212,13 @@ function we({
   setLocalStorageValue: o = !0,
   setSelectedTheme: i = !0
 }) {
-  B() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), ye.value = n, i && (R.value = n), o && (localStorage[t] = n));
+  F() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), ye.value = n, i && (R.value = n), o && (localStorage[t] = n));
 }
 function gt({
   setLocalStorageValue: s = !0,
   ...e
 }) {
-  if (B())
+  if (F())
     return document.documentElement.classList.remove(e.darkClass), document.documentElement.classList.remove(e.lightClass), ye.value = e.storageThemeValueSystem, R.value = e.storageThemeValueSystem, s && (localStorage[e.storageThemeKey] = e.storageThemeValueSystem), Ve(e);
 }
 function yt(s) {
@@ -1242,7 +1242,7 @@ function yt(s) {
   }
 }
 function Ve(s) {
-  return B() ? !localStorage[s.storageThemeKey] && s.defaultTheme ? yt(s) : localStorage[s.storageThemeKey] === s.storageThemeValueDark || !localStorage[s.storageThemeKey] && Xe() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Xe() ? be({
+  return F() ? !localStorage[s.storageThemeKey] && s.defaultTheme ? yt(s) : localStorage[s.storageThemeKey] === s.storageThemeValueDark || !localStorage[s.storageThemeKey] && Xe() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Xe() ? be({
     ...s,
     setLocalStorageValue: !1,
     setSelectedTheme: !1
@@ -1303,7 +1303,7 @@ function Yn(s) {
   };
 }
 function zs({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
-  const o = b(s), i = b(s);
+  const o = y(s), i = y(s);
   let r;
   function a(E) {
     typeof E == "number" && (i.value = E), typeof E == "number" && (o.value = E), u();
@@ -1348,10 +1348,10 @@ class Ts {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, this.eventHandlerFunction = this.eventHandler.bind(this), B() && this.start();
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), F() && this.start();
   }
   start() {
-    if (!B()) {
+    if (!F()) {
       console.warn("[UserVisibility](start) you should run this method on client side");
       return;
     }
@@ -1560,10 +1560,10 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = s, n = e, o = P(() => import("./MazSpinner-B-Tki1aV.mjs")), i = P(() => import("./x-mark-CnZwVvA7.mjs")), r = P(() => import("./chevron-left-BqVOLRdC.mjs")), a = b(!1), u = b(!1), l = b(!1), h = b(!1), p = b(!1), E = b(t.clickedElement), T = f(() => t.clickedElement.getBoundingClientRect()), M = f(
+    const t = s, n = e, o = $(() => import("./MazSpinner-CDJhmIRl.mjs")), i = $(() => import("./x-mark-CnZwVvA7.mjs")), r = $(() => import("./chevron-left-BqVOLRdC.mjs")), a = y(!1), u = y(!1), l = y(!1), h = y(!1), p = y(!1), E = y(t.clickedElement), T = f(() => t.clickedElement.getBoundingClientRect()), P = f(
       () => T.value.height < T.value.width
-    ), x = b(t.src), c = b(t.alt), y = b(), k = b(), g = f(() => p.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
-    function O() {
+    ), x = y(t.src), c = y(t.alt), g = y(), k = y(), b = f(() => p.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
+    function D() {
       a.value = !0, u.value = !1, l.value = !0;
     }
     Z(
@@ -1572,13 +1572,13 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
         m && Oe();
       }
     );
-    function F() {
+    function O() {
       n("before-close"), v();
     }
     function z(m) {
-      m.key === "Escape" && (m.preventDefault(), F()), (m.key === "ArrowLeft" || m.key === "ArrowRight") && (m.preventDefault(), de(m.key === "ArrowRight" ? "next" : "previous"));
+      m.key === "Escape" && (m.preventDefault(), O()), (m.key === "ArrowLeft" || m.key === "ArrowRight") && (m.preventDefault(), de(m.key === "ArrowRight" ? "next" : "previous"));
     }
-    function V() {
+    function B() {
       document.documentElement.classList.add("--m-fullscreen-open");
     }
     function _() {
@@ -1592,20 +1592,20 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
     }
     async function Ee(m, w) {
       m.classList.remove(t.openInstanceClass), w.classList.add(t.openInstanceClass);
-      const S = w.getAttribute("data-src"), D = w.getAttribute("data-alt");
-      c.value = D, S && (x.value = S), a.value = !1, a.value || (u.value = !0);
+      const S = w.getAttribute("data-src"), M = w.getAttribute("data-alt");
+      c.value = M, S && (x.value = S), a.value = !1, a.value || (u.value = !0);
     }
     function de(m) {
       const w = document.querySelector(
         `.m-fullscreen-img-instance.${t.openInstanceClass}`
       );
       if (w) {
-        const S = X(), D = S.indexOf(w), W = m === "next" ? D + 1 : D - 1, N = S[G(S, W)];
+        const S = X(), M = S.indexOf(w), W = m === "next" ? M + 1 : M - 1, N = S[G(S, W)];
         E.value = N, N && Ee(w, N), n(m), p.value ? se(k.value) : oe();
       }
     }
     function se(m) {
-      M.value ? (m.style.width = `${window.innerWidth}px`, m.style.removeProperty("height")) : (m.style.height = `${window.innerHeight}px`, m.style.removeProperty("width")), m.style.removeProperty("top"), m.style.removeProperty("left");
+      P.value ? (m.style.width = `${window.innerWidth}px`, m.style.removeProperty("height")) : (m.style.height = `${window.innerHeight}px`, m.style.removeProperty("width")), m.style.removeProperty("top"), m.style.removeProperty("left");
     }
     async function xe() {
       const m = k.value;
@@ -1621,10 +1621,10 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
       });
     }
     function ze(m = t.offset ?? 0) {
-      const w = (E.value instanceof HTMLImageElement ? E.value.naturalWidth : E.value.clientWidth) || 1, S = (E.value instanceof HTMLImageElement ? E.value.naturalHeight : E.value.clientHeight) || 1, D = window.innerWidth, W = window.innerHeight, N = Math.min(
-        (D - 2 * m) / w,
+      const w = (E.value instanceof HTMLImageElement ? E.value.naturalWidth : E.value.clientWidth) || 1, S = (E.value instanceof HTMLImageElement ? E.value.naturalHeight : E.value.clientHeight) || 1, M = window.innerWidth, W = window.innerHeight, N = Math.min(
+        (M - 2 * m) / w,
         (W - 2 * m) / S
-      ), De = (D - w * N) / 2, Me = (W - S * N) / 2;
+      ), De = (M - w * N) / 2, Me = (W - S * N) / 2;
       return {
         centerX: De,
         centerY: Me,
@@ -1634,7 +1634,7 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
       };
     }
     function ne({ trigger: m }) {
-      const { originalWidth: w, originalHeight: S, scale: D, centerX: W, centerY: N } = ze(), { top: De, left: Me, width: At, height: St } = T.value, We = [
+      const { originalWidth: w, originalHeight: S, scale: M, centerX: W, centerY: N } = ze(), { top: De, left: Me, width: At, height: St } = T.value, We = [
         {
           top: `${De}px`,
           left: `${Me}px`,
@@ -1645,8 +1645,8 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
         {
           top: `${N}px`,
           left: `${W}px`,
-          width: `${w * D}px`,
-          height: `${S * D}px`,
+          width: `${w * M}px`,
+          height: `${S * M}px`,
           opacity: 1
         }
       ];
@@ -1655,10 +1655,10 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
       };
     }
     function oe() {
-      const { centerX: m, centerY: w, originalHeight: S, originalWidth: D, scale: W } = ze(), N = {
+      const { centerX: m, centerY: w, originalHeight: S, originalWidth: M, scale: W } = ze(), N = {
         top: `${w}px`,
         left: `${m}px`,
-        width: `${D * W}px`,
+        width: `${M * W}px`,
         height: `${S * W}px`
       };
       if (!k.value)
@@ -1682,25 +1682,25 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
       if (!w)
         throw console.error("[maz-ui](vFullscreenImg) close animation is not defined");
       w.onfinish = () => {
-        var S, D;
-        n("close"), (S = y.value) == null || S.remove(), (D = t.destroy) == null || D.call(t);
+        var S, M;
+        n("close"), (S = g.value) == null || S.remove(), (M = t.destroy) == null || M.call(t);
       };
     }
     function I() {
       p.value || oe();
     }
     return ce(() => {
-      u.value = !0, document.addEventListener("keydown", z), window.addEventListener("resize", I), V(), h.value = X().length > 1;
+      u.value = !0, document.addEventListener("keydown", z), window.addEventListener("resize", I), B(), h.value = X().length > 1;
     }), ot(() => {
       document.removeEventListener("keydown", z), window.removeEventListener("resize", I), _();
     }), (m, w) => (L(), U("div", {
       ref_key: "FullscreenImgElement",
-      ref: y,
+      ref: g,
       role: "button",
       class: "m-fullscreen-img",
       tabindex: "0",
-      onClick: K(F, ["stop"]),
-      onKeypress: $t(K(F, ["prevent"]), ["esc"])
+      onClick: K(O, ["stop"]),
+      onKeypress: $t(K(O, ["prevent"]), ["esc"])
     }, [
       it(J(
         A(o),
@@ -1727,23 +1727,23 @@ const Ds = ["onKeypress"], Ms = { class: "m-fullscreen-img-scroller" }, Ps = ["s
       }, [
         J(A(r), { class: "maz-text-3xl" })
       ])) : C("v-if", !0),
-      $("button", {
+      H("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: F
+        onClick: O
       }, [
         J(A(i), { class: "maz-text-3xl" })
       ]),
-      $("div", Ms, [
+      H("div", Ms, [
         C(" eslint-disable-next-line vuejs-accessibility/no-static-element-interactions, vuejs-accessibility/click-events-have-key-events "),
-        $("img", {
+        H("img", {
           ref_key: "ImgElement",
           ref: k,
           src: x.value,
           alt: c.value ?? void 0,
           tabindex: "0",
-          class: ue([g.value]),
-          onLoad: O,
+          class: ue([b.value]),
+          onLoad: D,
           onClick: w[2] || (w[2] = K((S) => m.zoom ? xe() : void 0, ["stop"]))
         }, null, 42, Ps)
       ])
@@ -2553,7 +2553,7 @@ class rn {
     }
   }
   runAnimations() {
-    if (B())
+    if (F())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
@@ -2561,7 +2561,7 @@ class rn {
 let fe;
 const ro = {
   install: (s, e) => {
-    fe = new rn(e), s.provide("aos", fe), B() && (e != null && e.router ? e.router.afterEach(async () => {
+    fe = new rn(e), s.provide("aos", fe), F() && (e != null && e.router ? e.router.afterEach(async () => {
       fe.runAnimations();
     }) : fe.runAnimations());
   }
@@ -2591,13 +2591,13 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
     async function r() {
       document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(Je);
     }
-    const a = b(n.modelValue);
+    const a = y(n.modelValue);
     function u() {
       l(!1);
     }
     async function l(c) {
-      var y;
-      c || (o("before-close"), await ((y = n.beforeClose) == null ? void 0 : y.call(n))), a.value = c;
+      var g;
+      c || (o("before-close"), await ((g = n.beforeClose) == null ? void 0 : g.call(n))), a.value = c;
     }
     function h() {
       o("open");
@@ -2611,18 +2611,18 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
     function T(c) {
       !n.noCloseOnEscKey && c.key === "Escape" && !n.persistent && u();
     }
-    function M() {
+    function P() {
       i(), document.addEventListener("keyup", T, !1);
     }
     function x() {
       document.removeEventListener("keyup", T), r();
     }
     return ce(() => {
-      n.modelValue ? M() : x();
+      n.modelValue ? P() : x();
     }), Z(
       () => n.modelValue,
       (c) => {
-        a.value = c, c ? M() : x();
+        a.value = c, c ? P() : x();
       }
     ), e({
       onBackdropAnimationEnter: h,
@@ -2632,7 +2632,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
       present: a,
       toggleModal: l,
       onKeyPress: T
-    }), (c, y) => (L(), H(Ht, { to: c.teleportSelector }, [
+    }), (c, g) => (L(), V(Ht, { to: c.teleportSelector }, [
       J(at, {
         appear: "",
         name: c.transitionName,
@@ -2649,7 +2649,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
               role: "dialog"
             },
             [
-              $(
+              H(
                 "button",
                 {
                   class: ue(["m-backdrop-overlay", { "--disabled": c.persistent }]),
@@ -2660,7 +2660,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
                 2
                 /* CLASS */
               ),
-              $(
+              H(
                 "div",
                 ee({
                   class: ["m-backdrop-content", c.backdropContentClass]
@@ -2714,7 +2714,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
   },
   emits: ["open", "close", "update:model-value"],
   setup(s, { expose: e }) {
-    const t = s, n = P(() => import("./MazBtn-BVxI1WwF.mjs")), o = P(() => import("./x-mark-CnZwVvA7.mjs")), i = Vt(), r = b();
+    const t = s, n = $(() => import("./MazBtn-CTqI4qhg.mjs")), o = $(() => import("./x-mark-CnZwVvA7.mjs")), i = Vt(), r = y();
     e({
       close: () => {
         var l, h;
@@ -2729,7 +2729,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
       class: i.class,
       style: i.style
     }));
-    return (l, h) => (L(), H(an, ee({ ...a.value, ...t }, {
+    return (l, h) => (L(), V(an, ee({ ...a.value, ...t }, {
       ref_key: "backdrop",
       ref: r,
       persistent: l.persistent,
@@ -2742,7 +2742,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
       "onUpdate:modelValue": h[2] || (h[2] = (p) => l.$emit("update:model-value", p))
     }), {
       default: j(({ close: p }) => [
-        $(
+        H(
           "div",
           ee({
             class: ["m-dialog", { "--scrollable": l.scrollable }],
@@ -2756,7 +2756,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
             @binding {Function} close close function
         `),
             q(l.$slots, "header", { close: p }, () => [
-              $(
+              H(
                 "div",
                 {
                   class: ue(["m-dialog-header", { "--has-title": l.$slots.title || l.title }])
@@ -2774,7 +2774,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
                       )
                     ], !0)
                   ])) : C("v-if", !0),
-                  !l.noClose && !l.persistent ? (L(), H(A(n), {
+                  !l.noClose && !l.persistent ? (L(), V(A(n), {
                     key: 1,
                     class: "m-dialog-closebtn",
                     color: "transparent",
@@ -2787,7 +2787,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
                 /* CLASS */
               )
             ], !0),
-            $("div", un, [
+            H("div", un, [
               C(`
             @slot Default content
               @binding {Function} close close function
@@ -2821,7 +2821,7 @@ const Je = "--backdrop-present", an = /* @__PURE__ */ ve({
     text: "Confirm",
     color: "success"
   }
-}, fn = b(ie), re = b([]);
+}, fn = y(ie), re = y([]);
 function hn(s, e) {
   return new Promise((t, n) => {
     re.value = [
@@ -2886,64 +2886,74 @@ const vn = { class: "maz-flex maz-items-center maz-gap-2" }, pn = /* @__PURE__ *
   },
   emits: ["open", "close"],
   setup(s, { expose: e }) {
-    const t = s, n = P(() => import("./MazBtn-BVxI1WwF.mjs")), { dialogState: o, rejectDialog: i, resolveDialog: r, data: a } = kt(), u = f(() => {
+    const t = s, n = $(() => import("./MazBtn-CTqI4qhg.mjs")), { dialogState: o, rejectDialog: i, resolveDialog: r, data: a } = kt(), u = f(() => {
       var c;
       return t.buttons ?? ((c = t.data) == null ? void 0 : c.buttons) ?? a.value.buttons;
-    }), l = f(() => {
-      var y, k, g, O;
-      if (((y = a.value) == null ? void 0 : y.cancelButton) ?? ((k = t.data) == null ? void 0 : k.cancelButton) ?? ie.cancelButton)
-        return {
-          ...ie.cancelButton,
-          ...(g = a.value) == null ? void 0 : g.cancelButton,
-          ...(O = t.data) == null ? void 0 : O.cancelButton
-        };
-    }), h = f(() => {
-      var y, k, g, O;
-      if (((y = a.value) == null ? void 0 : y.confirmButton) ?? ((k = t.data) == null ? void 0 : k.confirmButton) ?? ie.confirmButton)
-        return {
-          ...ie.confirmButton,
-          ...(g = a.value) == null ? void 0 : g.confirmButton,
-          ...(O = t.data) == null ? void 0 : O.confirmButton
-        };
-    }), p = f(() => ({
+    }), l = f(() => ({
       ...ie,
       ...a.value,
       ...t.data
-    })), E = f(
+    })), h = f(() => {
+      var k, b, D, O;
+      if (!(((k = a.value) == null ? void 0 : k.cancelButton) ?? ((b = t.data) == null ? void 0 : b.cancelButton) ?? ie.cancelButton))
+        return;
+      const g = {
+        ...ie.cancelButton,
+        ...(D = a.value) == null ? void 0 : D.cancelButton,
+        ...(O = t.data) == null ? void 0 : O.cancelButton
+      };
+      return {
+        ...g,
+        text: l.value.cancelText || g.text
+      };
+    }), p = f(() => {
+      var k, b, D, O;
+      if (!(((k = a.value) == null ? void 0 : k.confirmButton) ?? ((b = t.data) == null ? void 0 : b.confirmButton) ?? ie.confirmButton))
+        return;
+      const g = {
+        ...ie.confirmButton,
+        ...(D = a.value) == null ? void 0 : D.confirmButton,
+        ...(O = t.data) == null ? void 0 : O.confirmButton
+      };
+      return {
+        ...g,
+        text: l.value.confirmText || g.text
+      };
+    }), E = f(
       () => o.value.find(({ id: c }) => c === t.identifier)
-    ), T = b();
+    ), T = y();
     e({
       close: () => {
-        var c, y;
-        return (y = (c = T.value) == null ? void 0 : c.close) == null ? void 0 : y.call(c);
+        var c, g;
+        return (g = (c = T.value) == null ? void 0 : c.close) == null ? void 0 : g.call(c);
       }
     });
-    function M(c) {
+    function P(c) {
       return "type" in c && (c.type === "resolve" || c.type === "reject");
     }
-    function x(c, y) {
-      return M(y) ? y.type === "resolve" ? r(c, y.response) : i(c, y.response) : r(c, void 0, y.action);
+    function x(c, g) {
+      return P(g) ? g.type === "resolve" ? r(c, g.response) : i(c, g.response) : r(c, void 0, g.action);
     }
-    return (c, y) => {
+    return (c, g) => {
       var k;
-      return L(), H(mn, ee({
+      return L(), V(mn, ee({
         ref_key: "dialog",
         ref: T
       }, { ...c.$attrs, ...t }, {
         "model-value": ((k = E.value) == null ? void 0 : k.isActive) ?? c.modelValue ?? !1,
-        onClose: y[2] || (y[2] = (g) => c.$emit("close", g)),
-        onOpen: y[3] || (y[3] = (g) => c.$emit("open", g)),
-        "onUpdate:modelValue": y[4] || (y[4] = (g) => A(i)(E.value))
+        onClose: g[2] || (g[2] = (b) => c.$emit("close", b)),
+        onOpen: g[3] || (g[3] = (b) => c.$emit("open", b)),
+        "onUpdate:modelValue": g[4] || (g[4] = (b) => A(i)(E.value))
       }), {
         title: j(() => [
           C(`
         @slot title slot - Place your title
       `),
           q(c.$slots, "title", {}, () => {
-            var g;
+            var b;
             return [
               Q(
-                Y(c.title || ((g = p.value) == null ? void 0 : g.title)),
+                Y(c.title || ((b = l.value) == null ? void 0 : b.title)),
                 1
                 /* TEXT */
               )
@@ -2957,13 +2967,13 @@ const vn = { class: "maz-flex maz-items-center maz-gap-2" }, pn = /* @__PURE__ *
           @binding {Function} reject reject function
       `),
           q(c.$slots, "default", {
-            resolve: (g) => A(r)(E.value, g),
-            reject: (g) => A(i)(E.value, g)
+            resolve: (b) => A(r)(E.value, b),
+            reject: (b) => A(i)(E.value, b)
           }, () => {
-            var g;
+            var b;
             return [
               Q(
-                Y(c.message || ((g = p.value) == null ? void 0 : g.message)),
+                Y(c.message || ((b = l.value) == null ? void 0 : b.message)),
                 1
                 /* TEXT */
               )
@@ -2977,25 +2987,25 @@ const vn = { class: "maz-flex maz-items-center maz-gap-2" }, pn = /* @__PURE__ *
           @binding {Function} reject reject function
       `),
           q(c.$slots, "footer-button", {
-            resolve: (g) => A(r)(E.value, g),
-            reject: (g) => A(i)(E.value, g)
+            resolve: (b) => A(r)(E.value, b),
+            reject: (b) => A(i)(E.value, b)
           }, () => [
-            $("div", vn, [
+            H("div", vn, [
               u.value ? (L(!0), U(
                 Re,
                 { key: 0 },
-                Bt(u.value, (g, O) => (L(), H(A(n), ee({
-                  key: O,
+                Bt(u.value, (b, D) => (L(), V(A(n), ee({
+                  key: D,
                   ref_for: !0
                 }, {
-                  ...g,
+                  ...b,
                   type: "button"
                 }, {
-                  onClick: (F) => x(E.value, g)
+                  onClick: (O) => x(E.value, b)
                 }), {
                   default: j(() => [
                     Q(
-                      Y(g.text),
+                      Y(b.text),
                       1
                       /* TEXT */
                     )
@@ -3009,26 +3019,23 @@ const vn = { class: "maz-flex maz-items-center maz-gap-2" }, pn = /* @__PURE__ *
                 Re,
                 { key: 1 },
                 [
-                  l.value ? (L(), H(
+                  h.value ? (L(), V(
                     A(n),
-                    ee({ key: 0 }, l.value, {
-                      onClick: y[0] || (y[0] = (g) => A(i)(E.value))
+                    ee({ key: 0 }, h.value, {
+                      onClick: g[0] || (g[0] = (b) => A(i)(E.value))
                     }),
                     {
                       default: j(() => [
                         C(`
                 @slot cancel-text slot - Place your cancel text
               `),
-                        q(c.$slots, "cancel-text", {}, () => {
-                          var g;
-                          return [
-                            Q(
-                              Y(l.value.text || ((g = p.value) == null ? void 0 : g.cancelText)),
-                              1
-                              /* TEXT */
-                            )
-                          ];
-                        })
+                        q(c.$slots, "cancel-text", {}, () => [
+                          Q(
+                            Y(h.value.text),
+                            1
+                            /* TEXT */
+                          )
+                        ])
                       ]),
                       _: 3
                       /* FORWARDED */
@@ -3036,10 +3043,10 @@ const vn = { class: "maz-flex maz-items-center maz-gap-2" }, pn = /* @__PURE__ *
                     16
                     /* FULL_PROPS */
                   )) : C("v-if", !0),
-                  h.value ? (L(), H(
+                  p.value ? (L(), V(
                     A(n),
-                    ee({ key: 1 }, h.value, {
-                      onClick: y[1] || (y[1] = (g) => A(r)(E.value))
+                    ee({ key: 1 }, p.value, {
+                      onClick: g[1] || (g[1] = (b) => A(r)(E.value))
                     }),
                     {
                       default: j(() => [
@@ -3048,7 +3055,7 @@ const vn = { class: "maz-flex maz-items-center maz-gap-2" }, pn = /* @__PURE__ *
               `),
                         q(c.$slots, "confirm-text", {}, () => [
                           Q(
-                            Y(h.value.text || p.value.confirmText),
+                            Y(p.value.text),
                             1
                             /* TEXT */
                           )
@@ -3127,15 +3134,15 @@ const lo = {
   },
   emits: ["close", "click", "open"],
   setup(s, { expose: e, emit: t }) {
-    const n = s, o = t, i = P(() => import("./MazBtn-BVxI1WwF.mjs")), r = P(() => import("./x-mark-CnZwVvA7.mjs")), a = P(
+    const n = s, o = t, i = $(() => import("./MazBtn-CTqI4qhg.mjs")), r = $(() => import("./x-mark-CnZwVvA7.mjs")), a = $(
       () => import("./arrow-top-right-on-square-jPmYJ34F.mjs")
-    ), u = P(
+    ), u = $(
       () => import("./exclamation-triangle-Z6d0ygp8.mjs")
-    ), l = P(
+    ), l = $(
       () => import("./exclamation-circle-CUk0ZajS.mjs")
-    ), h = P(
+    ), h = $(
       () => import("./information-circle-C7e5b_nL.mjs")
-    ), p = P(() => import("./check-circle-Bf7AGSQ-.mjs")), E = P(() => import("./link-Br1lfjTR.mjs")), T = b(), M = f(() => {
+    ), p = $(() => import("./check-circle-Bf7AGSQ-.mjs")), E = $(() => import("./link-Br1lfjTR.mjs")), T = y(), P = f(() => {
       if (n.icon)
         switch (n.type) {
           case "danger":
@@ -3149,7 +3156,7 @@ const lo = {
           default:
             return;
         }
-    }), x = f(() => n.position.includes("top") ? "top" : "bottom"), c = f(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), y = f(() => c.value !== "center" ? c.value === "right" ? "m-slide-right" : "m-slide-left" : x.value === "top" ? "m-slide-top" : "m-slide-bottom"), k = b(!1), g = b(!1), O = b(), F = `m-toast-container --${x.value} --${c.value}`, z = `.${F.replaceAll(" ", ".")}`, V = zs({
+    }), x = f(() => n.position.includes("top") ? "top" : "bottom"), c = f(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), g = f(() => c.value !== "center" ? c.value === "right" ? "m-slide-right" : "m-slide-left" : x.value === "top" ? "m-slide-top" : "m-slide-bottom"), k = y(!1), b = y(!1), D = y(), O = `m-toast-container --${x.value} --${c.value}`, z = `.${O.replaceAll(" ", ".")}`, B = zs({
       callback: ne,
       timeout: typeof n.timeout == "number" ? n.timeout : 0,
       callbackOffsetTime: 200
@@ -3158,7 +3165,7 @@ const lo = {
       const v = document.querySelector(z);
       if (!v && !v) {
         const I = document.body, m = document.createElement("div");
-        m.className = F, I.append(m);
+        m.className = O, I.append(m);
       }
     }
     function X() {
@@ -3167,13 +3174,13 @@ const lo = {
     }
     function G() {
       if (X()) {
-        O.value = setTimeout(G, 250);
+        D.value = setTimeout(G, 250);
         return;
       }
       const v = document.querySelector(z);
-      T.value && v && v.prepend(T.value), g.value = !0, typeof n.timeout == "number" && n.timeout > 0 && V.start();
+      T.value && v && v.prepend(T.value), b.value = !0, typeof n.timeout == "number" && n.timeout > 0 && B.start();
     }
-    const Ee = b("100%");
+    const Ee = y("100%");
     function de() {
       switch (n.type) {
         case "danger":
@@ -3189,7 +3196,7 @@ const lo = {
       }
     }
     Z(
-      V.remainingTime,
+      B.remainingTime,
       (v) => {
         if (typeof n.timeout == "number") {
           const I = 100 * v / n.timeout;
@@ -3205,13 +3212,13 @@ const lo = {
       k.value = !0, await v(), k.value = !1, (m = n.action) != null && m.closeToast && se(I);
     }
     function me(v) {
-      n.noPauseOnHover || (v ? V.pause() : V.resume());
+      n.noPauseOnHover || (v ? B.pause() : B.resume());
     }
     function ze() {
-      V.stop(), O.value && clearTimeout(O.value);
+      B.stop(), D.value && clearTimeout(D.value);
     }
     function ne() {
-      ze(), g.value = !1;
+      ze(), b.value = !1;
     }
     e({ closeToast: ne });
     function oe() {
@@ -3225,14 +3232,14 @@ const lo = {
     }
     return ce(() => {
       _(), G();
-    }), (v, I) => (L(), H(at, {
-      name: y.value,
+    }), (v, I) => (L(), V(at, {
+      name: g.value,
       onAfterLeave: Oe,
       onAfterEnter: oe,
       persisted: ""
     }, {
       default: j(() => [
-        it($(
+        it(H(
           "button",
           {
             ref_key: "Toaster",
@@ -3252,12 +3259,12 @@ const lo = {
             }, ["stop"]))
           },
           [
-            M.value ? (L(), H(Ft(M.value), {
+            P.value ? (L(), V(Ft(P.value), {
               key: 0,
               class: "maz-text-2xl"
             })) : C("v-if", !0),
-            $("div", yn, [
-              $(
+            H("div", yn, [
+              H(
                 "p",
                 bn,
                 Y(v.message),
@@ -3265,7 +3272,7 @@ const lo = {
                 /* TEXT */
               )
             ]),
-            v.action ? (L(), H(A(i), {
+            v.action ? (L(), V(A(i), {
               key: 1,
               "data-test": "action-btn",
               color: v.type,
@@ -3284,7 +3291,7 @@ const lo = {
               _: 1
               /* STABLE */
             }, 8, ["color", "loading"])) : C("v-if", !0),
-            v.link ? (L(), H(A(i), {
+            v.link ? (L(), V(A(i), {
               key: 2,
               "data-test": "link-btn",
               color: v.type,
@@ -3296,7 +3303,7 @@ const lo = {
               default: j(() => {
                 var m;
                 return [
-                  $("div", wn, [
+                  H("div", wn, [
                     v.link.text ? (L(), U(
                       "span",
                       En,
@@ -3304,10 +3311,10 @@ const lo = {
                       1
                       /* TEXT */
                     )) : C("v-if", !0),
-                    ((m = v.link) == null ? void 0 : m.target) === "_blank" ? (L(), H(A(a), {
+                    ((m = v.link) == null ? void 0 : m.target) === "_blank" ? (L(), V(A(a), {
                       key: 1,
                       class: "maz-text-xl"
-                    })) : (L(), H(A(E), {
+                    })) : (L(), V(A(E), {
                       key: 2,
                       class: "maz-text-xl"
                     }))
@@ -3325,7 +3332,7 @@ const lo = {
               J(A(r), { class: "--icon maz-text-xl" })
             ])),
             typeof v.timeout == "number" && v.timeout > 0 ? (L(), U("div", zn, [
-              $(
+              H(
                 "div",
                 {
                   style: Nt({
@@ -3342,7 +3349,7 @@ const lo = {
           34
           /* CLASS, NEED_HYDRATION */
         ), [
-          [rt, g.value]
+          [rt, b.value]
         ])
       ]),
       _: 1
@@ -3422,7 +3429,7 @@ function Dn(s) {
 }
 class Mn {
   constructor() {
-    d(this, "_loaders", b([]));
+    d(this, "_loaders", y([]));
   }
   get loaders() {
     return f(() => this._loaders.value);
@@ -3462,7 +3469,7 @@ export {
   so as M,
   no as N,
   us as O,
-  B as P,
+  F as P,
   _e as Q,
   Ze as R,
   oo as S,