maz-ui 3.47.2-beta.8 → 3.48.0

package/modules/chunks/{index-7UZ6u--K.mjs → index-YwIF5a3Q.mjs}

@@ -1,17 +1,17 @@
 import '../assets/index.css';var Pt = Object.defineProperty;
 var Mt = (s, e, t) => e in s ? Pt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var d = (s, e, t) => Mt(s, typeof e != "symbol" ? e + "" : e, t);
-import { inject as ot, ref as y, onMounted as ue, onUnmounted as it, computed as f, toValue as ae, nextTick as Ue, getCurrentInstance as $t, watch as X, provide as Ht, useId as Vt, onBeforeUnmount as rt, createVNode as J, render as Ce, defineComponent as ge, defineAsyncComponent as H, reactive as Bt, openBlock as C, createElementBlock as _, withModifiers as Y, withKeys as Nt, unref as A, createCommentVNode as V, createElementVNode as B, normalizeClass as le, withDirectives as at, vShow as lt, createBlock as N, Teleport as Ft, Transition as ut, withCtx as U, mergeProps as ee, renderSlot as q, useAttrs as jt, createTextVNode as Q, toDisplayString as Z, Fragment as Ye, renderList as Ut, resolveDynamicComponent as _t, normalizeStyle as qt } from "vue";
-function Oe(s, e) {
+var c = (s, e, t) => Mt(s, typeof e != "symbol" ? e + "" : e, t);
+import { inject as ot, ref as b, onMounted as ue, onUnmounted as it, computed as h, toValue as pe, nextTick as ae, getCurrentInstance as $t, watch as X, provide as Vt, useId as Ht, onBeforeUnmount as rt, createVNode as J, render as Ce, defineComponent as ye, defineAsyncComponent as H, reactive as Bt, openBlock as A, createElementBlock as U, withModifiers as Y, withKeys as Nt, unref as O, createCommentVNode as B, createElementVNode as V, normalizeClass as le, withDirectives as at, vShow as lt, createBlock as N, Teleport as Ft, Transition as ut, withCtx as q, mergeProps as ee, renderSlot as W, useAttrs as jt, useSlots as qt, createTextVNode as Q, toDisplayString as Z, Fragment as Ye, renderList as Ut, resolveDynamicComponent as Wt, normalizeStyle as Rt } from "vue";
+function De(s, e) {
   const t = ot(s, e);
   if (!t)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s.toString()}`);
   return t;
 }
-function Fn() {
-  return Oe("aos");
+function qn() {
+  return De("aos");
 }
-function Wt(s) {
+function _t(s) {
   const e = {};
   for (const [t, n] of Object.entries(s))
     e[t] = Number.parseInt(n, 10);
@@ -20,13 +20,13 @@ function Wt(s) {
 function F() {
   return typeof document < "u";
 }
-function Rt(s = {}) {
+function Kt(s = {}) {
   const {
     internalWindow: e = F() ? window : void 0,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: n = Number.POSITIVE_INFINITY,
     includeScrollbar: o = !0
-  } = s, i = y(t), r = y(n);
+  } = s, i = b(t), r = b(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));
   }
@@ -36,7 +36,7 @@ function Rt(s = {}) {
     e && window.removeEventListener("resize", a);
   }), { width: i, height: r };
 }
-function jn({
+function Un({
   initialWidth: s = 0,
   initialHeight: e,
   includeScrollbar: t,
@@ -46,27 +46,27 @@ function jn({
   mediumBreakPoint: r = "md",
   largeBreakPoint: a = "lg"
 }) {
-  const { width: u } = Rt({
+  const { width: l } = Kt({
     initialWidth: s,
     // (SSR) mobile first
     initialHeight: e,
     includeScrollbar: t,
     internalWindow: n,
     listenOrientation: o
-  }), l = Wt(i), h = f(() => u.value >= l[a]), g = f(
-    () => u.value >= l[r] && u.value < l[a]
-  ), E = f(() => u.value >= 0 && u.value < l[r]);
+  }), u = _t(i), y = h(() => l.value >= u[a]), z = h(
+    () => l.value >= u[r] && l.value < u[a]
+  ), w = h(() => l.value >= 0 && l.value < u[r]);
   return {
-    width: u,
-    numericBreakpoints: l,
-    isSmallScreen: E,
-    isLargeScreen: h,
-    isMediumScreen: g,
+    width: l,
+    numericBreakpoints: u,
+    isSmallScreen: w,
+    isLargeScreen: y,
+    isMediumScreen: z,
     breakpoints: i
   };
 }
-function Un() {
-  return Oe("dialog");
+function Wn() {
+  return De("dialog");
 }
 function ct(s, e, t) {
   const n = {
@@ -82,43 +82,43 @@ function ct(s, e, t) {
   i();
 }
 function dt(s) {
-  const e = ae(s);
+  const e = pe(s);
   return Array.isArray(e) ? Object.freeze([...e]) : typeof e == "object" && e !== null ? Object.freeze({ ...e }) : e;
 }
 function Ze(s) {
   return s == null || typeof s == "string" || typeof s == "number" || typeof s == "boolean" || typeof s == "symbol" || typeof s == "bigint";
 }
-function Kt(s, e) {
+function Yt(s, e) {
   if (s.length !== e.length)
     return !1;
   for (const [t, n] of s.entries())
-    if (!ye(n, e[t]))
+    if (!be(n, e[t]))
       return !1;
   return !0;
 }
-function Yt(s, e) {
+function Zt(s, e) {
   const t = Object.keys(s), n = Object.keys(e);
   if (t.length !== n.length)
     return !1;
   for (const o of t)
-    if (!n.includes(o) || !ye(s[o], e[o]))
+    if (!n.includes(o) || !be(s[o], e[o]))
       return !1;
   return !0;
 }
-function ye(s, e) {
-  return Ze(s) || Ze(e) ? s === e : s instanceof Date && e instanceof Date ? s.getTime() === e.getTime() : typeof s != typeof e || Array.isArray(s) !== Array.isArray(e) ? !1 : Array.isArray(s) && Array.isArray(e) ? Kt(s, e) : typeof s == "object" && typeof e == "object" ? Yt(s, e) : !1;
+function be(s, e) {
+  return Ze(s) || Ze(e) ? s === e : s instanceof Date && e instanceof Date ? s.getTime() === e.getTime() : typeof s != typeof e || Array.isArray(s) !== Array.isArray(e) ? !1 : Array.isArray(s) && Array.isArray(e) ? Yt(s, e) : typeof s == "object" && typeof e == "object" ? Zt(s, e) : !1;
 }
-function Zt(s, e, t) {
+function Xt(s, e, t) {
   const n = {};
-  return async function(...o) {
+  return function(...o) {
     n[s] || (n[s] = { timer: null, promise: null });
     const i = n[s];
     return i.timer && clearTimeout(i.timer), i.promise = new Promise((r, a) => {
       i.timer = setTimeout(async () => {
         try {
           r(await e(...o));
-        } catch (u) {
-          a(u);
+        } catch (l) {
+          a(l);
         } finally {
           delete n[s];
         }
@@ -126,7 +126,7 @@ function Zt(s, e, t) {
     }), i.promise;
   };
 }
-function Xt(s, e, t) {
+function Gt(s, e, t) {
   const n = {};
   return async (...o) => {
     const i = Date.now();
@@ -155,7 +155,7 @@ function Xe(s = te.scrollToErrorSelector) {
   const e = document.querySelector(s);
   e && e.scrollIntoView({ behavior: "smooth", block: "center" });
 }
-function Gt(s, e) {
+function Qt(s, e) {
   const t = {};
   for (const [n, o] of Object.entries(s)) {
     const i = o;
@@ -163,10 +163,10 @@ function Gt(s, e) {
   }
   return t;
 }
-function _e(s) {
+function We(s) {
   return s == null || s === "";
 }
-function Qt({
+function Jt({
   name: s,
   hasValidation: e,
   debouncedFields: t,
@@ -177,15 +177,15 @@ function Qt({
   const o = String(s);
   if (t != null && t[o] && (n != null && n[o]))
     throw new Error(`The field "${o}" cannot be both debounced and throttled`);
-  return t != null && t[o] ? Zt(
+  return t != null && t[o] ? Xt(
     o,
-    pe,
+    ge,
     typeof t[o] == "number" ? t[o] : te.debounceTime
-  ) : n != null && n[o] ? Xt(
+  ) : n != null && n[o] ? Gt(
     o,
-    pe,
+    ge,
     typeof n[o] == "number" ? n[o] : te.throttleTime
-  ) : pe;
+  ) : ge;
 }
 function ft({
   name: s,
@@ -194,7 +194,7 @@ function ft({
   fieldState: n,
   options: o
 }) {
-  const i = e ? mt(s, e) : !1, r = Qt({
+  const i = e ? mt(s, e) : !1, r = Jt({
     name: s,
     hasValidation: i,
     debouncedFields: o == null ? void 0 : o.debouncedFields,
@@ -213,7 +213,7 @@ function ft({
     mode: i ? (o == null ? void 0 : o.mode) ?? (n == null ? void 0 : n.mode) ?? te.mode : void 0
   };
 }
-function Jt({
+function es({
   schema: s,
   payload: e,
   options: t
@@ -231,7 +231,7 @@ function Jt({
   }
   return n;
 }
-function es({
+function ts({
   fieldsStates: s,
   payload: e,
   schema: t,
@@ -258,56 +258,56 @@ function ht({
   options: o,
   updateMode: i = !0
 }) {
-  const { initialValue: r, mode: a, ...u } = ft({
+  const { initialValue: r, mode: a, ...l } = ft({
     name: s,
     schema: n,
     initialValue: o.defaultValue ?? t[s],
     fieldState: e,
     options: o
-  }), l = i ? a ?? e.mode ?? te.mode : e.mode;
+  }), u = i ? a ?? e.mode ?? te.mode : e.mode;
   return {
     ...e,
     initialValue: r,
-    mode: l,
-    ...e != null && e.mode && l !== e.mode ? u : {}
+    mode: u,
+    ...e != null && e.mode && u !== e.mode ? l : {}
   };
 }
-function ts(s) {
+function ss(s) {
   const e = {};
   for (const [t, { errors: n }] of Object.entries(s))
     e[t] = n;
   return e;
 }
-function ss(s) {
+function ns(s) {
   return s instanceof HTMLInputElement || s instanceof HTMLSelectElement || s instanceof HTMLTextAreaElement ? [s] : s.querySelectorAll(
     "input, select, textarea"
   );
 }
-function ns({
+function os({
   interactiveElements: s,
-  onBlurHandler: e,
+  onBlur: e,
   mode: t
 }) {
   s.forEach((n) => {
-    be(["eager", "blur", "progressive"], t) && n.addEventListener("blur", e);
+    we(["eager", "blur", "progressive"], t) && n.addEventListener("blur", e);
   });
 }
-function os({
+function is({
   interactiveElements: s,
-  onBlurHandler: e
+  onBlur: e
 }) {
   s.forEach((t) => {
     t.removeEventListener("blur", e);
   });
 }
-async function is(s, e, t) {
-  const n = await ds(e), i = await (await gt("safeParseAsync"))(n.entries[s], t ?? "");
+async function rs(s, e, t) {
+  const n = await ms(e), i = await (await gt("safeParseAsync"))(n.entries[s], t ?? "");
   return {
     result: i,
     isValid: i.success
   };
 }
-async function pe({
+async function ge({
   name: s,
   fieldState: e,
   schema: t,
@@ -315,12 +315,12 @@ async function pe({
   setError: o = !0,
   setErrorIfInvalidAndNotEmpty: i = !1
 }) {
-  if (await Ue(), e.validating = !0, !t[s]) {
+  if (await ae(), e.validating = !0, !t[s]) {
     e.valid = !0, e.validating = !1, e.validated = !0, e.errors = [], e.error = !1;
     return;
   }
-  const { result: r, isValid: a } = await is(s, t, n[s]);
-  e.valid = a, (o || i && !a && !_e(n[s])) && (e.error = !a), e.errors = r.issues ?? [], e.validating = !1, e.validated = !0;
+  const { result: r, isValid: a } = await rs(s, t, n[s]);
+  e.valid = a, (o || i && !a && !We(n[s])) && (e.error = !a), e.errors = r.issues ?? [], e.validating = !1, e.validated = !0;
 }
 function vt({
   name: s,
@@ -338,7 +338,7 @@ function vt({
   };
   return (i = e.validateFunction) == null ? void 0 : i.call(e, o);
 }
-function rs({
+function as({
   fieldsStates: s,
   payload: e,
   showErrors: t = !0,
@@ -346,7 +346,7 @@ function rs({
 }) {
   return Promise.all(
     Object.keys(s).map(
-      (o) => pe({
+      (o) => ge({
         name: o,
         setError: t,
         fieldState: s[o],
@@ -363,9 +363,9 @@ function pt({
   isSubmitted: t
 }) {
   const { dirty: n, blurred: o, mode: i, valid: r } = e;
-  return s === "blur" && (be(["lazy", "aggressive"], i) || r) || s === "input" && i === "blur" || !i ? !1 : t || i === "eager" && o || i === "blur" && o || i === "aggressive" && n || i === "lazy" && n || i === "progressive";
+  return s === "blur" && (we(["lazy", "aggressive"], i) || r) || s === "input" && i === "blur" || !i ? !1 : t || i === "eager" && o || i === "blur" && o || i === "aggressive" && n || i === "lazy" && n || i === "progressive";
 }
-function as({
+function ls({
   name: s,
   force: e = !1,
   payload: t,
@@ -373,7 +373,7 @@ function as({
   schema: o,
   isSubmitted: i
 }) {
-  const r = t[s], a = !_e(r) && !ye(r, n.initialValue);
+  const r = t[s], a = !We(r) && !be(r, n.initialValue);
   if (n.dirty = a, n.blurred = n.blurred || (n.mode === "eager" ? a : !0), !!(e || pt({ eventName: "blur", fieldState: n, isSubmitted: i })))
     return vt({
       name: s,
@@ -382,7 +382,7 @@ function as({
       payload: t
     });
 }
-function ls({
+function us({
   name: s,
   payload: e,
   fieldState: t,
@@ -392,7 +392,7 @@ function ls({
 }) {
   const r = e[s];
   t.validated = !1;
-  const a = !_e(r) && !ye(r, t.initialValue);
+  const a = !We(r) && !be(r, t.initialValue);
   if (t.dirty = a, !!(i || pt({ eventName: "input", fieldState: t, isSubmitted: o })))
     return vt({
       name: s,
@@ -401,43 +401,43 @@ function ls({
       payload: e
     });
 }
-function qe(s) {
+function Re(s) {
   const e = $t();
   if (!e)
     throw new Error(`${s} must be called within setup()`);
   return e;
 }
-function us(s, e) {
+function cs(s, e) {
   var o;
-  const n = ((o = qe(e).formContexts) == null ? void 0 : o.get(s)) ?? ot(s);
+  const n = ((o = Re(e).formContexts) == null ? void 0 : o.get(s)) ?? ot(s);
   if (!n)
     throw new Error("useFormField must be used within a form (useFormValidator)");
   return n;
 }
-function cs({
+function ds({
   ref: s,
   fieldState: e,
-  onBlurHandler: t
+  onBlur: t
 }) {
-  if (!(s || be(["aggressive", "lazy"], e.mode)))
+  if (!(s || we(["aggressive", "lazy"], e.mode)))
     return {
       onBlur: t
     };
 }
-const He = {};
+const Be = {};
 async function gt(s) {
-  if (He[s])
-    return He[s];
+  if (Be[s])
+    return Be[s];
   const e = await import("./index-BgyjI1q8.mjs");
-  return He[s] = e[s], e[s];
+  return Be[s] = e[s], e[s];
 }
-async function ds(s) {
+async function ms(s) {
   return (await gt("objectAsync"))(s);
 }
-function be(s, e) {
+function we(s, e) {
   return e ? s.includes(e) : !1;
 }
-function _n(s, e) {
+function Rn(s, e) {
   const t = {
     formIdentifier: "main-form-validator",
     ...e
@@ -447,100 +447,101 @@ function _n(s, e) {
     options: i,
     internalSchema: r,
     errorMessages: a,
-    isSubmitted: u
-  } = us(t.formIdentifier, "useFormField"), l = mt(s, r.value) ? (e == null ? void 0 : e.mode) ?? i.mode : void 0;
-  t.mode = l;
-  const h = f(() => n.value[s]);
+    isSubmitted: l
+  } = cs(t.formIdentifier, "useFormField"), u = mt(s, r.value) ? (e == null ? void 0 : e.mode) ?? i.mode : void 0;
+  t.mode = u;
+  const y = h(() => n.value[s]);
   if (n.value[s] = ht({
     name: s,
-    fieldState: h.value,
+    fieldState: y.value,
     payload: o.value,
     schema: r.value,
     options: { ...i, ...t }
-  }), t.defaultValue !== void 0 && !ye(o.value[s], t.defaultValue)) {
-    const T = t.defaultValue;
-    o.value[s] = T, n.value[s].initialValue = dt(T);
+  }), t.defaultValue !== void 0 && !be(o.value[s], t.defaultValue)) {
+    const f = t.defaultValue;
+    o.value[s] = f, n.value[s].initialValue = dt(f);
   }
-  l && pe({
+  u && ge({
     name: s,
-    fieldState: h.value,
+    fieldState: y.value,
     payload: o.value,
     schema: r.value,
-    setError: l === "aggressive",
-    setErrorIfInvalidAndNotEmpty: l === "lazy"
+    setError: u === "aggressive",
+    setErrorIfInvalidAndNotEmpty: u === "lazy"
   });
-  function g() {
-    as({
+  function z() {
+    ls({
       name: s,
-      fieldState: h.value,
+      fieldState: y.value,
       payload: o.value,
       schema: r.value,
-      isSubmitted: u.value
+      isSubmitted: l.value
     });
   }
-  const E = f(
-    () => cs({
+  const w = h(
+    () => ds({
       ref: t.ref,
-      onBlurHandler: g,
-      fieldState: h.value
+      onBlur: z,
+      fieldState: y.value
     })
   );
-  if (t.ref && be(["eager", "blur", "progressive"], l)) {
-    let T = [];
-    const M = (I) => {
-      T = ss(I), ns({
-        interactiveElements: T,
-        onBlurHandler: g,
-        mode: l
+  if (t.ref && we(["eager", "blur", "progressive"], u)) {
+    let f = [];
+    const k = (T) => {
+      f = ns(T), os({
+        interactiveElements: f,
+        onBlur: z,
+        mode: u
       });
     };
     ue(() => {
-      const I = qe(`useFormField of ${s}`);
-      ct(() => I.refs[t.ref], (c) => {
-        const b = c instanceof HTMLElement ? c : c == null ? void 0 : c.$el;
-        b && M(b);
+      const T = Re(`useFormField of ${s}`);
+      ct(() => T.refs[t.ref], (m) => {
+        const d = m instanceof HTMLElement ? m : m == null ? void 0 : m.$el;
+        d && k(d);
       }, {
         errorMessage: `[maz-ui](useFormField) No element found for ref ${t.ref} for field ${s}`
       });
     }), it(() => {
-      os({
-        interactiveElements: T,
-        onBlurHandler: g
+      is({
+        interactiveElements: f,
+        onBlur: z
       });
     });
   }
   return {
-    hasError: f(() => h.value.error),
-    errors: f(() => h.value.errors),
-    errorMessage: f(() => a.value[s]),
-    isValid: f(() => h.value.valid),
-    isDirty: f(() => h.value.dirty),
-    isBlurred: f(() => h.value.blurred),
-    isValidated: f(() => h.value.validated),
-    isValidating: f(() => h.value.validating),
-    mode: f(() => h.value.mode),
-    value: f({
+    hasError: h(() => y.value.error),
+    errors: h(() => y.value.errors),
+    errorMessage: h(() => a.value[s]),
+    isValid: h(() => y.value.valid),
+    isDirty: h(() => y.value.dirty),
+    isBlurred: h(() => y.value.blurred),
+    isValidated: h(() => y.value.validated),
+    isValidating: h(() => y.value.validating),
+    mode: h(() => y.value.mode),
+    value: h({
       get: () => o.value[s],
-      set: (T) => o.value[s] = T
+      set: (f) => o.value[s] = f
     }),
-    validationEvents: E
+    validationEvents: w,
+    onBlur: z
   };
 }
-function qn({ schema: s, defaultValues: e, model: t, options: n }) {
-  const o = qe("useFormValidator"), i = {
+function _n({ schema: s, defaultValues: e, model: t, options: n }) {
+  const o = Re("useFormValidator"), i = {
     mode: te.mode,
     scrollToError: te.scrollToErrorSelector,
     debouncedFields: null,
     throttledFields: null,
     identifier: "main-form-validator",
     ...n
-  }, r = y(e), a = y({ ...r.value, ...t == null ? void 0 : t.value }), u = y(s), l = y(
-    Jt({
-      schema: u.value,
+  }, r = b(e), a = b({ ...r.value, ...t == null ? void 0 : t.value }), l = b(s), u = b(
+    es({
+      schema: l.value,
       payload: a.value,
       options: i
     })
-  ), h = y(!1), g = y(!1), E = f(() => Object.values(l.value).every(({ valid: L }) => L)), T = f(() => Object.values(l.value).some(({ dirty: L }) => L)), M = f(() => ts(l.value)), I = f(() => Gt(M.value, l.value));
+  ), y = b(!1), z = b(!1), w = h(() => Object.values(u.value).every(({ valid: L }) => L)), f = h(() => Object.values(u.value).some(({ dirty: L }) => L)), k = h(() => ss(u.value)), T = h(() => Qt(k.value, u.value));
   t && X(
     a,
     (L) => {
@@ -554,107 +555,107 @@ function qn({ schema: s, defaultValues: e, model: t, options: n }) {
     },
     { deep: !0 }
   ), X(
-    u,
+    l,
     (L) => {
-      es({
+      ts({
         schema: L,
-        fieldsStates: l.value,
+        fieldsStates: u.value,
         payload: a.value,
         options: i
-      }), c();
+      }), m();
     },
     { deep: !0 }
-  ), c();
-  function c(L = i.mode === "aggressive") {
-    return rs({
-      fieldsStates: l.value,
+  ), m();
+  function m(L = i.mode === "aggressive") {
+    return as({
+      fieldsStates: u.value,
       payload: a.value,
-      schema: u.value,
+      schema: l.value,
       showErrors: L
     });
   }
-  const b = [];
-  async function O(L) {
-    await Ue();
-    const D = X(
+  const d = [];
+  async function C(L) {
+    await ae();
+    const P = X(
       () => a.value[L],
       () => {
-        const j = l.value[L];
-        ls({
+        const j = u.value[L];
+        us({
           name: L,
           fieldState: j,
           payload: a.value,
-          schema: u.value,
-          isSubmitted: g.value,
-          forceValidation: be(["aggressive", "lazy", "progressive"], j.mode)
+          schema: l.value,
+          isSubmitted: z.value,
+          forceValidation: we(["aggressive", "lazy", "progressive"], j.mode)
         });
       },
-      { deep: typeof u.value[L] == "object" }
+      { deep: typeof l.value[L] == "object" }
     );
-    b.push(D);
+    d.push(P);
   }
-  function v() {
-    for (const L of b)
+  function p() {
+    for (const L of d)
       L();
-    for (const L of Object.keys(u.value))
-      O(L);
+    for (const L of Object.keys(l.value))
+      C(L);
   }
-  function S(L, D) {
+  function S(L, P) {
     return async (j) => {
-      if (j == null || j.preventDefault(), !h.value) {
-        g.value = !0, h.value = !0;
+      if (j == null || j.preventDefault(), !y.value) {
+        z.value = !0, y.value = !0;
         try {
-          await c(!0);
-          const se = typeof D == "string" ? D : i.scrollToError;
+          await m(!0);
+          const se = typeof P == "string" ? P : i.scrollToError;
           let G;
-          return E.value ? G = await L(a.value) : typeof se != "boolean" && Xe(se), h.value = !1, G;
+          return w.value ? G = await L(a.value) : typeof se != "boolean" && Xe(se), y.value = !1, G;
         } finally {
-          h.value = !1;
+          y.value = !1;
         }
       }
     };
   }
-  const $ = {
-    fieldsStates: l,
+  const D = {
+    fieldsStates: u,
     payload: a,
     options: i,
-    internalSchema: u,
-    errorMessages: I,
-    isSubmitted: g
+    internalSchema: l,
+    errorMessages: T,
+    isSubmitted: z
   };
-  return o.formContexts ?? (o.formContexts = /* @__PURE__ */ new Map()), o.formContexts.set(i.identifier, $), Ht(i.identifier, $), v(), {
+  return o.formContexts ?? (o.formContexts = /* @__PURE__ */ new Map()), o.formContexts.set(i.identifier, D), Vt(i.identifier, D), p(), {
     identifier: i.identifier,
-    isDirty: T,
-    isSubmitting: h,
-    isSubmitted: g,
-    isValid: E,
-    errors: M,
+    isDirty: f,
+    isSubmitting: y,
+    isSubmitted: z,
+    isValid: w,
+    errors: k,
     model: a,
-    fieldsStates: l,
-    validateForm: c,
+    fieldsStates: u,
+    validateForm: m,
     scrollToError: Xe,
     handleSubmit: S,
-    errorMessages: I
+    errorMessages: T
   };
 }
-class ms {
+class fs {
   constructor(e, t) {
-    d(this, "defaultOptions", {
+    c(this, "defaultOptions", {
       element: void 0,
       timeout: 60 * 1e3 * 5,
       // 5 minutes
       once: !1,
       immediate: !0
     });
-    d(this, "options");
-    d(this, "timeoutHandler");
-    d(this, "isIdle", !1);
-    d(this, "isDestroy", !1);
-    d(this, "startTime", 0);
-    d(this, "remainingTime", 0);
-    d(this, "lastClientX", -1);
-    d(this, "lastClientY", -1);
-    d(this, "eventNames", [
+    c(this, "options");
+    c(this, "timeoutHandler");
+    c(this, "isIdle", !1);
+    c(this, "isDestroy", !1);
+    c(this, "startTime", 0);
+    c(this, "remainingTime", 0);
+    c(this, "lastClientX", -1);
+    c(this, "lastClientY", -1);
+    c(this, "eventNames", [
       "DOMMouseScroll",
       "mousedown",
       "mousemove",
@@ -667,7 +668,7 @@ class ms {
       "wheel",
       "click"
     ]);
-    d(this, "handleEvent", (e) => {
+    c(this, "handleEvent", (e) => {
       try {
         if (this.remainingTime > 0)
           return;
@@ -744,20 +745,19 @@ class ms {
     e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle, instance: this });
   }
 }
-function Wn({
+function Kn({
   callback: s,
   options: e
 }) {
-  return new ms(s, e);
+  return new fs(s, e);
 }
-function Rn({
+function Yn({
   componentName: s,
   providedId: e
 }) {
-  const t = Vt();
-  return f(() => e ?? `${s}-${t}`);
+  return h(() => e ?? `${s}-${Ht().replace(/:/g, "")}`);
 }
-const fs = [
+const hs = [
   "af-ZA",
   "sq-AL",
   "ar-DZ",
@@ -894,60 +894,227 @@ const fs = [
   "Cy-uz-UZ",
   "Lt-uz-UZ",
   "vi-VN"
-];
-function hs(s, e) {
-  return f(() => {
-    const t = ae(e), n = ae(s);
-    try {
-      return !t || !n ? n : new Intl.DisplayNames([t], { type: "language" }).of(n) || n;
-    } catch {
-      return n;
-    }
-  });
-}
-function vs(s) {
-  return f(() => {
-    const e = ae(s);
-    if (!e)
-      return [];
-    const t = 65, n = 90, o = new Intl.DisplayNames([e], { type: "language" }), i = [];
-    for (let r = t; r <= n; ++r)
-      for (let a = t; a <= n; ++a) {
-        const u = String.fromCodePoint(r) + String.fromCodePoint(a), l = o.of(u);
-        l && u.toLocaleLowerCase() !== l.toLocaleLowerCase() && i.push({
-          language: l,
-          code: u
-        });
-      }
-    return i;
-  });
-}
-function ps(s) {
-  return f(() => {
-    const e = ae(s);
-    if (!e)
-      return [];
-    const t = new Intl.DisplayNames([e], {
-      type: "language"
-    });
-    return fs.map((n) => {
+], vs = [
+  "aa",
+  "ab",
+  "ae",
+  "af",
+  "ak",
+  "am",
+  "an",
+  "ar",
+  "as",
+  "av",
+  "ay",
+  "az",
+  "ba",
+  "be",
+  "bg",
+  "bh",
+  "bi",
+  "bm",
+  "bn",
+  "bo",
+  "br",
+  "bs",
+  "ca",
+  "ce",
+  "ch",
+  "co",
+  "cr",
+  "cs",
+  "cu",
+  "cv",
+  "cy",
+  "da",
+  "de",
+  "dv",
+  "dz",
+  "ee",
+  "el",
+  "en",
+  "eo",
+  "es",
+  "et",
+  "eu",
+  "fa",
+  "ff",
+  "fi",
+  "fj",
+  "fo",
+  "fr",
+  "fy",
+  "ga",
+  "gd",
+  "gl",
+  "gn",
+  "gu",
+  "gv",
+  "ha",
+  "he",
+  "hi",
+  "ho",
+  "hr",
+  "ht",
+  "hu",
+  "hy",
+  "hz",
+  "ia",
+  "id",
+  "ie",
+  "ig",
+  "ii",
+  "ik",
+  "io",
+  "is",
+  "it",
+  "iu",
+  "ja",
+  "jv",
+  "ka",
+  "kg",
+  "ki",
+  "kj",
+  "kk",
+  "kl",
+  "km",
+  "kn",
+  "ko",
+  "kr",
+  "ks",
+  "ku",
+  "kv",
+  "kw",
+  "ky",
+  "la",
+  "lb",
+  "lg",
+  "li",
+  "ln",
+  "lo",
+  "lt",
+  "lu",
+  "lv",
+  "mg",
+  "mh",
+  "mi",
+  "mk",
+  "ml",
+  "mn",
+  "mr",
+  "ms",
+  "mt",
+  "my",
+  "na",
+  "nb",
+  "nd",
+  "ne",
+  "ng",
+  "nl",
+  "nn",
+  "no",
+  "nr",
+  "nv",
+  "ny",
+  "oc",
+  "oj",
+  "om",
+  "or",
+  "os",
+  "pa",
+  "pi",
+  "pl",
+  "ps",
+  "pt",
+  "qu",
+  "rm",
+  "rn",
+  "ro",
+  "ru",
+  "rw",
+  "sa",
+  "sc",
+  "sd",
+  "se",
+  "sg",
+  "si",
+  "sk",
+  "sl",
+  "sm",
+  "sn",
+  "so",
+  "sq",
+  "sr",
+  "ss",
+  "st",
+  "su",
+  "sv",
+  "sw",
+  "ta",
+  "te",
+  "tg",
+  "th",
+  "ti",
+  "tk",
+  "tl",
+  "tn",
+  "to",
+  "tr",
+  "ts",
+  "tt",
+  "tw",
+  "ty",
+  "ug",
+  "uk",
+  "ur",
+  "uz",
+  "ve",
+  "vi",
+  "vo",
+  "wa",
+  "wo",
+  "xh",
+  "yi",
+  "yo",
+  "za",
+  "zh",
+  "zu"
+], ps = [...vs, ...hs];
+function Zn(s) {
+  function e(n, o) {
+    return h(() => {
+      const i = pe(o), r = pe(n);
       try {
-        const o = t.of(n);
-        return !o || n.toLocaleLowerCase() === o.toLocaleLowerCase() ? void 0 : {
-          language: o,
-          code: n
-        };
+        return !i || !r ? r : new Intl.DisplayNames([i], { type: "language" }).of(r) || r;
       } catch {
-        return;
+        return r;
       }
-    }).filter(Boolean);
-  });
-}
-function Kn(s) {
+    });
+  }
+  function t(n) {
+    return h(() => {
+      const o = pe(n);
+      if (!o)
+        return [];
+      const i = new Intl.DisplayNames([o], {
+        type: "language"
+      });
+      return ps.map((r) => {
+        try {
+          const a = i.of(r);
+          return !a || r.toLocaleLowerCase() === a.toLocaleLowerCase() ? void 0 : {
+            language: a,
+            code: r
+          };
+        } catch {
+          return;
+        }
+      }).filter(Boolean);
+    });
+  }
   return {
-    getLanguageDisplayName: ({ isoCode: e, locale: t }) => hs(e, t || s),
-    getAllPossibleLanguages: (e) => vs(e || s),
-    getLanguageDisplayNamesForIsoCodes: (e) => ps(e || s)
+    getLanguageDisplayName: ({ code: n, locale: o }) => e(n, o || s),
+    getAllLanguageDisplayNames: (n) => t(n || s)
   };
 }
 function yt(s) {
@@ -958,26 +1125,26 @@ function gs(s, e = 150) {
   const t = yt([s]);
   return Math.ceil(t / e);
 }
-function Yn(s) {
-  const e = f(
+function Xn(s) {
+  const e = h(
     () => {
       var r;
       return typeof s.velocity == "number" ? s.velocity : ((r = s.velocity) == null ? void 0 : r.value) ?? 150;
     }
-  ), t = f(() => {
+  ), t = h(() => {
     var r;
     return typeof s.contentSelector == "string" ? s.contentSelector : (r = s.contentSelector) == null ? void 0 : r.value;
-  }), n = f(() => {
-    var r, a, u;
+  }), n = h(() => {
+    var r, a, l;
     if (typeof ((r = s.contentRef) == null ? void 0 : r.value) == "object")
       return (a = s.contentRef.value) == null ? void 0 : a.textContent;
     if (t.value && typeof document < "u") {
-      const l = document.querySelector(t.value);
-      if (l)
-        return l.textContent;
+      const u = document.querySelector(t.value);
+      if (u)
+        return u.textContent;
     }
-    return typeof s.content == "string" ? s.content : (u = s.content) == null ? void 0 : u.value;
-  }), o = f(() => gs(n.value, e.value)), i = f(() => yt([n.value]));
+    return typeof s.content == "string" ? s.content : (l = s.content) == null ? void 0 : l.value;
+  }), o = h(() => gs(n.value, e.value)), i = h(() => yt([n.value]));
   return {
     content: n,
     wordCount: i,
@@ -1075,14 +1242,14 @@ function bt(s, e) {
 function ws(s, e, t = 0.75) {
   return bt(s, e) >= t;
 }
-function Zn(s, e, t = 0.75) {
-  const n = f(
+function Gn(s, e, t = 0.75) {
+  const n = h(
     () => Ge(typeof s == "string" ? s : s.value)
-  ), o = f(
+  ), o = h(
     () => Ge(typeof e == "string" ? e : e.value)
-  ), i = f(() => typeof t == "number" ? t : t.value), r = f(() => bt(n.value, o.value));
+  ), i = h(() => typeof t == "number" ? t : t.value), r = h(() => bt(n.value, o.value));
   return {
-    isMatching: f(
+    isMatching: h(
       () => ws(n.value, o.value, i.value)
     ),
     score: r
@@ -1095,22 +1262,22 @@ const Es = {
   immediate: !1,
   triggerOnEnd: !1
 };
-class Ts {
+class zs {
   constructor(e) {
-    d(this, "element");
-    d(this, "xStart");
-    d(this, "yStart");
-    d(this, "xEnd");
-    d(this, "yEnd");
-    d(this, "xDiff");
-    d(this, "yDiff");
-    d(this, "onToucheStartCallback");
-    d(this, "onToucheMoveCallback");
-    d(this, "onToucheEndCallback");
-    d(this, "onMouseWheelCallback");
-    d(this, "start");
-    d(this, "stop");
-    d(this, "options");
+    c(this, "element");
+    c(this, "xStart");
+    c(this, "yStart");
+    c(this, "xEnd");
+    c(this, "yEnd");
+    c(this, "xDiff");
+    c(this, "yDiff");
+    c(this, "onToucheStartCallback");
+    c(this, "onToucheMoveCallback");
+    c(this, "onToucheEndCallback");
+    c(this, "onMouseWheelCallback");
+    c(this, "start");
+    c(this, "stop");
+    c(this, "options");
     this.inputOption = e, this.options = { ...Es, ...e }, this.onToucheStartCallback = this.toucheStartHandler.bind(this), this.onToucheMoveCallback = this.handleTouchMove.bind(this), this.onToucheEndCallback = this.handleTouchEnd.bind(this), this.onMouseWheelCallback = this.handleMouseWheel.bind(this), this.start = this.startListening.bind(this), this.stop = this.stopListening.bind(this), this.options.element && this.setElement(this.options.element), this.options.immediate && this.start();
   }
   startListening() {
@@ -1160,19 +1327,19 @@ class Ts {
     this.runCallbacks(e), this.emitValuesChanged();
   }
   runCallbacks(e) {
-    var t, n, o, i, r, a, u, l;
-    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? (n = (t = this.options).onLeft) == null || n.call(t, e) : (i = (o = this.options).onRight) == null || i.call(o, e) : this.yDiff > 0 ? (a = (r = this.options).onUp) == null || a.call(r, e) : (l = (u = this.options).onDown) == null || l.call(u, e), this.resetValues());
+    var t, n, o, i, r, a, l, u;
+    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? (n = (t = this.options).onLeft) == null || n.call(t, e) : (i = (o = this.options).onRight) == null || i.call(o, e) : this.yDiff > 0 ? (a = (r = this.options).onUp) == null || a.call(r, e) : (u = (l = this.options).onDown) == null || u.call(l, e), this.resetValues());
   }
   resetValues() {
     this.xStart = void 0, this.yStart = void 0, this.xEnd = void 0, this.yEnd = void 0, this.xDiff = void 0, this.yDiff = void 0, this.emitValuesChanged();
   }
 }
-function Xn(s) {
-  const e = y(), t = y(), n = y(), o = y(), i = y(), r = y(), a = f(() => ae(s.element)), u = new Ts({
+function Qn(s) {
+  const e = b(), t = b(), n = b(), o = b(), i = b(), r = b(), a = h(() => pe(s.element)), l = new zs({
     ...s,
     element: a.value,
-    onValuesChanged(l) {
-      e.value = l.xDiff, t.value = l.yDiff, n.value = l.xStart, o.value = l.xEnd, i.value = l.yStart, r.value = l.yEnd;
+    onValuesChanged(u) {
+      e.value = u.xDiff, t.value = u.yDiff, n.value = u.xStart, o.value = u.xEnd, i.value = u.yStart, r.value = u.yEnd;
     }
   });
   return {
@@ -1183,12 +1350,12 @@ function Xn(s) {
     yStart: i,
     yEnd: r,
     start: () => {
-      a.value && (u.options.element = a.value), u.start();
+      a.value && (l.options.element = a.value), l.start();
     },
-    stop: u.stop
+    stop: l.stop
   };
 }
-const Ls = {
+const Ts = {
   darkClass: "dark",
   lightClass: "light",
   storageThemeKey: "theme",
@@ -1196,11 +1363,11 @@ const Ls = {
   storageThemeValueLight: "light",
   storageThemeValueSystem: "system",
   watchChanges: !0
-}, we = y("system"), K = y("system");
+}, Ee = b("system"), K = b("system");
 function Qe() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Ee({
+function ze({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
@@ -1208,7 +1375,7 @@ function Ee({
   setLocalStorageValue: o = !0,
   setSelectedTheme: i = !0
 }) {
-  F() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), we.value = n, i && (K.value = n), o && (localStorage[t] = n));
+  F() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), Ee.value = n, i && (K.value = n), o && (localStorage[t] = n));
 }
 function Te({
   darkClass: s,
@@ -1218,14 +1385,14 @@ function Te({
   setLocalStorageValue: o = !0,
   setSelectedTheme: i = !0
 }) {
-  F() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), we.value = n, i && (K.value = n), o && (localStorage[t] = n));
+  F() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), Ee.value = n, i && (K.value = n), o && (localStorage[t] = n));
 }
 function wt({
   setLocalStorageValue: s = !0,
   ...e
 }) {
   if (F())
-    return document.documentElement.classList.remove(e.darkClass), document.documentElement.classList.remove(e.lightClass), we.value = e.storageThemeValueSystem, K.value = e.storageThemeValueSystem, s && (localStorage[e.storageThemeKey] = e.storageThemeValueSystem), Ne(e);
+    return document.documentElement.classList.remove(e.darkClass), document.documentElement.classList.remove(e.lightClass), Ee.value = e.storageThemeValueSystem, K.value = e.storageThemeValueSystem, s && (localStorage[e.storageThemeKey] = e.storageThemeValueSystem), je(e);
 }
 function Et(s) {
   if (!s.defaultTheme)
@@ -1234,7 +1401,7 @@ function Et(s) {
     return console.error('[maz-ui](useThemeHandler) Default theme must be "light" or "dark"');
   switch (s.defaultTheme) {
     case "dark":
-      return Ee({
+      return ze({
         ...s,
         setLocalStorageValue: !1,
         setSelectedTheme: !0
@@ -1247,8 +1414,8 @@ function Et(s) {
       });
   }
 }
-function Ne(s) {
-  return F() ? !localStorage[s.storageThemeKey] && s.defaultTheme ? Et(s) : localStorage[s.storageThemeKey] === s.storageThemeValueDark || !localStorage[s.storageThemeKey] && Qe() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Qe() ? Ee({
+function je(s) {
+  return F() ? !localStorage[s.storageThemeKey] && s.defaultTheme ? Et(s) : localStorage[s.storageThemeKey] === s.storageThemeValueDark || !localStorage[s.storageThemeKey] && Qe() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Qe() ? ze({
     ...s,
     setLocalStorageValue: !1,
     setSelectedTheme: !1
@@ -1258,22 +1425,22 @@ function Ne(s) {
     setSelectedTheme: !1
   }) : void 0;
 }
-function Ve({
+function Ne({
   theme: s,
   ...e
 }) {
-  return s === "system" ? wt(e) : s === "dark" ? Ee(e) : Te(e);
+  return s === "system" ? wt(e) : s === "dark" ? ze(e) : Te(e);
 }
-function zs(s) {
-  return we.value === s.storageThemeValueDark ? Te(s) : Ee(s);
+function Ls(s) {
+  return Ee.value === s.storageThemeValueDark ? Te(s) : ze(s);
 }
-function Gn(s) {
+function Jn(s) {
   const e = {
-    ...Ls,
+    ...Ts,
     ...s
   };
   function t() {
-    Ne(e);
+    je(e);
   }
   return ue(() => {
     localStorage[e.storageThemeKey] && (K.value = localStorage[e.storageThemeKey]), e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", t);
@@ -1282,7 +1449,7 @@ function Gn(s) {
   }), X(K, (n) => {
     switch (localStorage[e.storageThemeKey] = n, n) {
       case e.storageThemeValueDark: {
-        Ee(e);
+        ze(e);
         break;
       }
       case e.storageThemeValueLight: {
@@ -1295,62 +1462,62 @@ function Gn(s) {
       }
     }
   }), {
-    autoSetTheme: () => Ne(e),
-    toggleTheme: () => zs(e),
-    setSystemTheme: () => Ve({ ...e, theme: "system" }),
-    setDarkTheme: () => Ve({ ...e, theme: "dark" }),
-    setLightTheme: () => Ve({ ...e, theme: "light" }),
+    autoSetTheme: () => je(e),
+    toggleTheme: () => Ls(e),
+    setSystemTheme: () => Ne({ ...e, theme: "system" }),
+    setDarkTheme: () => Ne({ ...e, theme: "dark" }),
+    setLightTheme: () => Ne({ ...e, theme: "light" }),
     setDefaultTheme: () => Et(e),
-    hasDarkTheme: f(() => K.value === e.storageThemeValueDark),
-    hasLightTheme: f(() => K.value === e.storageThemeValueLight),
-    hasSystemTheme: f(() => K.value === e.storageThemeValueSystem),
-    theme: we,
+    hasDarkTheme: h(() => K.value === e.storageThemeValueDark),
+    hasLightTheme: h(() => K.value === e.storageThemeValueLight),
+    hasSystemTheme: h(() => K.value === e.storageThemeValueSystem),
+    theme: Ee,
     selectedTheme: K
   };
 }
-function Cs({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
-  const o = y(s), i = y(s);
+function ks({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
+  const o = b(s), i = b(s);
   let r;
-  function a(E) {
-    typeof E == "number" && (i.value = E), typeof E == "number" && (o.value = E), u();
+  function a(w) {
+    typeof w == "number" && (i.value = w), typeof w == "number" && (o.value = w), l();
   }
-  function u() {
+  function l() {
     r || (r = setInterval(() => {
-      i.value -= t, i.value <= 0 && (g(), setTimeout(() => e == null ? void 0 : e(), n));
+      i.value -= t, i.value <= 0 && (z(), setTimeout(() => e == null ? void 0 : e(), n));
     }, t));
   }
-  function l() {
+  function u() {
     r && (clearInterval(r), r = void 0);
   }
-  function h() {
-    !r && i.value > 0 && u();
+  function y() {
+    !r && i.value > 0 && l();
   }
-  function g() {
-    setTimeout(() => i.value = o.value, n * 2), l();
+  function z() {
+    setTimeout(() => i.value = o.value, n * 2), u();
   }
   return {
     remainingTime: i,
     start: a,
-    pause: l,
-    resume: h,
-    stop: g
+    pause: u,
+    resume: y,
+    stop: z
   };
 }
-function Qn() {
-  return Oe("toast");
+function eo() {
+  return De("toast");
 }
-class Is {
+class Cs {
   constructor(e, t) {
-    d(this, "eventHandlerFunction");
-    d(this, "event", "visibilitychange");
-    d(this, "timeoutHandler");
-    d(this, "options");
-    d(this, "defaultOptions", {
+    c(this, "eventHandlerFunction");
+    c(this, "event", "visibilitychange");
+    c(this, "timeoutHandler");
+    c(this, "options");
+    c(this, "defaultOptions", {
       timeout: 5e3,
       once: !1,
       immediate: !0
     });
-    d(this, "isVisible", !1);
+    c(this, "isVisible", !1);
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
@@ -1385,89 +1552,89 @@ class Is {
     this.removeEventListener(), this.timeoutHandler && clearTimeout(this.timeoutHandler);
   }
 }
-function Jn({
+function to({
   callback: s,
   options: e
 }) {
-  return new Is(s, e);
+  return new Cs(s, e);
 }
-function eo() {
-  return Oe("wait");
+function so() {
+  return De("wait");
 }
-const xe = "__maz-click-outside__";
-function Tt() {
+const Oe = "__maz-click-outside__";
+function zt() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-async function Lt(s, e) {
+async function Tt(s, e) {
   try {
-    zt(s);
+    Lt(s);
     const t = e.instance, n = e.value, o = typeof n == "function";
     if (!o)
       throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await Ue(), s[xe] = (r) => {
+    await ae(), s[Oe] = (r) => {
       if ((!s || r.target && !s.contains(r.target)) && n && o)
         return n.call(t, r);
     };
-    const i = Tt();
-    document.addEventListener(i, s[xe], { passive: !0 });
+    const i = zt();
+    document.addEventListener(i, s[Oe], { passive: !0 });
   } catch (t) {
     console.error("[maz-ui](vClickOutside)", t);
   }
 }
-function zt(s) {
+function Lt(s) {
   try {
-    const e = Tt();
-    document.removeEventListener(e, s[xe], !1), delete s[xe];
+    const e = zt();
+    document.removeEventListener(e, s[Oe], !1), delete s[Oe];
   } catch (e) {
     console.error("[maz-ui](vClickOutside)", e);
   }
 }
-function ks(s, e) {
+function Is(s, e) {
   try {
     if (e.value === e.oldValue)
       return;
-    Lt(s, e);
+    Tt(s, e);
   } catch (t) {
     console.error("[maz-ui](vClickOutside)", t);
   }
 }
 const As = {
-  mounted: Lt,
-  updated: ks,
-  unmounted: zt
+  mounted: Tt,
+  updated: Is,
+  unmounted: Lt
 }, Ss = {
   install: (s) => {
     s.directive("click-outside", As);
   }
 };
-function Ct(s, e, t) {
-  var r;
+function kt(s, e, t) {
+  var r, a;
   s.stopPropagation();
   const n = typeof t.value == "function" ? t.value : t.value.handler, o = typeof t.value == "object" ? t.value.exclude : void 0;
   let i = !1;
   if (o && o.length > 0) {
-    for (const a of o)
+    for (const l of o)
       if (!i && s.target instanceof HTMLElement) {
-        const u = (r = document.querySelector(a)) == null ? void 0 : r.getAttribute("id");
-        i = s.target.getAttribute("id") === u;
+        const u = (r = document.querySelector(l)) == null ? void 0 : r.getAttribute("id");
+        i = (s.target.getAttribute("id") === u || ((a = document.querySelector(l)) == null ? void 0 : a.contains(s.target))) ?? !1;
       }
   }
-  !e.contains(s.target) && !i && (n == null || n());
+  !e.contains(s.target) && !i && (n == null || n(s));
 }
-function It() {
+function Ct() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
 function xs(s, e) {
-  const t = It();
-  document.removeEventListener(t, (n) => Ct(n, s, e));
+  const t = Ct();
+  document.removeEventListener(t, (n) => kt(n, s, e));
 }
 function Os(s, e) {
   if (typeof e.value != "function" && typeof e.value == "object" && typeof e.value.handler != "function") {
     console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
     return;
   }
-  const t = It();
-  document.addEventListener(t, (n) => Ct(n, s, e));
+  const t = Ct();
+  document.addEventListener(t, (n) => kt(n, s, e));
 }
 const Ds = {
   mounted: Os,
@@ -1476,14 +1643,14 @@ const Ds = {
   install: (s) => {
     s.directive("closable", Ds);
   }
-}, Fe = {
+}, qe = {
   position: "top"
 };
-class kt {
+class It {
   constructor(e = {}) {
-    d(this, "options");
+    c(this, "options");
     this.options = {
-      ...Fe,
+      ...qe,
       ...e
     };
   }
@@ -1499,10 +1666,15 @@ class kt {
   getColor({ value: e }) {
     return typeof e == "string" ? "default" : e.color ?? "default";
   }
+  getOffset({ value: e }) {
+    return typeof e == "string" ? "1rem" : e.offset ?? "1rem";
+  }
   create(e, t) {
-    e.setAttribute("data-tooltip", this.getText(t)), e.classList.add("m-tooltip");
-    const n = this.getPosition(t);
-    e.classList.add(`m-tooltip--${n}`), e.classList.add(`m-tooltip--${this.getColor(t)}`), this.getOpen(t) && e.classList.add("m-tooltip--open");
+    e.setAttribute("data-tooltip", this.getText(t));
+    const n = this.getOffset(t);
+    n && e.style.setProperty("--tooltip-offset", n), e.classList.add("m-tooltip");
+    const o = this.getPosition(t);
+    e.classList.add(`m-tooltip--${o}`), e.classList.add(`m-tooltip--${this.getColor(t)}`), this.getOpen(t) && e.classList.add("m-tooltip--open");
   }
   update(e, t) {
     this.remove(e, t), this.create(e, t);
@@ -1512,10 +1684,10 @@ class kt {
   }
 }
 let Ie;
-const to = {
+const no = {
   beforeMount(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    return Ie = new kt(t), Ie.create(s, e);
+    return Ie = new It(t), Ie.create(s, e);
   },
   updated(s, e) {
     return Ie.update(s, e);
@@ -1524,11 +1696,11 @@ const to = {
     return Ie.remove(s, e);
   }
 }, Ms = {
-  install: (s, e = Fe) => {
+  install: (s, e = qe) => {
     const t = {
-      ...Fe,
+      ...qe,
       ...e
-    }, n = new kt(t);
+    }, n = new It(t);
     s.directive("tooltip", {
       beforeMount: n.create.bind(n),
       updated: n.update.bind(n),
@@ -1536,7 +1708,7 @@ const to = {
     });
   }
 };
-function We(s, e) {
+function _e(s, e) {
   let t = e == null ? void 0 : e.element;
   function n() {
     t && Ce(null, t);
@@ -1551,13 +1723,13 @@ function We(s, e) {
 function $s(s) {
   return !!s;
 }
-function so(s) {
+function oo(s) {
   return [...s].map((e) => {
     const t = e.codePointAt(0);
     return t ? t % 32 + 127461 : void 0;
   }).filter($s).map((e) => String.fromCodePoint(e)).join("");
 }
-function no(s, e) {
+function io(s, e) {
   let t;
   return function(...n) {
     clearTimeout(t), t = setTimeout(() => {
@@ -1565,14 +1737,14 @@ function no(s, e) {
     }, e);
   };
 }
-class oo {
+class ro {
   constructor({ src: e, identifier: t, once: n = !0, async: o = !0, defer: i = !0 }) {
-    d(this, "src");
-    d(this, "script");
-    d(this, "once");
-    d(this, "async");
-    d(this, "defer");
-    d(this, "identifier");
+    c(this, "src");
+    c(this, "script");
+    c(this, "once");
+    c(this, "async");
+    c(this, "defer");
+    c(this, "identifier");
     if (typeof window > "u")
       throw new TypeError("[ScriptLoader]: Is supported only on browser side");
     if (!e)
@@ -1606,10 +1778,10 @@ class oo {
     });
   }
 }
-function Hs(s) {
+function Vs(s) {
   return new Promise((e) => setTimeout(e, s));
 }
-function io(s, e) {
+function ao(s, e) {
   let t = !1, n, o;
   return function(...i) {
     t ? (clearTimeout(n), n = setTimeout(() => {
@@ -1617,7 +1789,7 @@ function io(s, e) {
     }, Math.max(e - (Date.now() - o), 0))) : (s.apply(this, i), o = Date.now(), t = !0);
   };
 }
-const Vs = ["onKeypress"], Bs = { class: "m-fullscreen-img-scroller" }, Ns = ["src", "alt"], Fs = /* @__PURE__ */ ge({
+const Hs = ["onKeypress"], Bs = { class: "m-fullscreen-img-scroller" }, Ns = ["src", "alt"], Fs = /* @__PURE__ */ ye({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -1635,30 +1807,30 @@ const Vs = ["onKeypress"], Bs = { class: "m-fullscreen-img-scroller" }, Ns = ["s
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = s, n = e, o = H(() => import("./MazSpinner-9EkSWhvP.mjs")), i = H(() => import("./x-mark-CnZwVvA7.mjs")), r = H(() => import("./chevron-left-BqVOLRdC.mjs")), a = y(!1), u = y(!1), l = y(!1), h = y(!1), g = y(!1), E = Bt({
+    const t = s, n = e, o = H(() => import("./MazSpinner-BfUXTY7m.mjs")), i = H(() => import("./x-mark-CnZwVvA7.mjs")), r = H(() => import("./chevron-left-BqVOLRdC.mjs")), a = b(!1), l = b(!1), u = b(!1), y = b(!1), z = b(!1), w = Bt({
       running: !1,
       ended: !1
-    }), T = y(t.clickedElement), M = f(() => t.clickedElement.getBoundingClientRect()), I = y(), c = y(t.src), b = y(t.alt), O = y(), v = y(), S = y(!0), $ = f(() => ({
-      "--is-zoomed": g.value,
+    }), f = b(t.clickedElement), k = h(() => t.clickedElement.getBoundingClientRect()), T = b(), m = b(t.src), d = b(t.alt), C = b(), p = b(), S = b(!0), D = h(() => ({
+      "--is-zoomed": z.value,
       "--invisible": S.value,
-      "--absolute": !g.value
+      "--absolute": !z.value
     }));
     function L() {
-      var p, w;
-      v.value && (I.value = ((p = v.value) == null ? void 0 : p.naturalWidth) > ((w = v.value) == null ? void 0 : w.naturalHeight)), a.value = !0, u.value = !1, l.value = !0;
+      var g, E;
+      p.value && (T.value = ((g = p.value) == null ? void 0 : g.naturalWidth) > ((E = p.value) == null ? void 0 : E.naturalHeight)), a.value = !0, l.value = !1, u.value = !0;
     }
     X(
-      l,
-      async (p) => {
-        p && k();
+      u,
+      (g) => {
+        g && x();
       },
       { immediate: !0 }
     );
-    function D() {
-      n("before-close"), x();
+    function P() {
+      n("before-close"), M();
     }
-    function j(p) {
-      p.key === "Escape" && (p.preventDefault(), D()), (p.key === "ArrowLeft" || p.key === "ArrowRight") && (p.preventDefault(), me(p.key === "ArrowRight" ? "next" : "previous"));
+    function j(g) {
+      g.key === "Escape" && (g.preventDefault(), P()), (g.key === "ArrowLeft" || g.key === "ArrowRight") && (g.preventDefault(), me(g.key === "ArrowRight" ? "next" : "previous"));
     }
     function se() {
       document.documentElement.classList.add("--m-fullscreen-open");
@@ -1669,23 +1841,23 @@ const Vs = ["onKeypress"], Bs = { class: "m-fullscreen-img-scroller" }, Ns = ["s
     function ce() {
       return [...document.querySelectorAll(".m-fullscreen-img-instance")];
     }
-    function De(p, w) {
-      return w < 0 ? p.length - 1 : w >= p.length ? 0 : w;
+    function Me(g, E) {
+      return E < 0 ? g.length - 1 : E >= g.length ? 0 : E;
     }
-    async function de(p, w) {
-      p.classList.remove(t.openInstanceClass), w.classList.add(t.openInstanceClass);
-      const z = w.getAttribute("data-src"), P = w.getAttribute("data-alt");
-      b.value = P, c.value = z ?? c.value;
+    function de(g, E) {
+      g.classList.remove(t.openInstanceClass), E.classList.add(t.openInstanceClass);
+      const I = E.getAttribute("data-src"), $ = E.getAttribute("data-alt");
+      d.value = $, m.value = I ?? m.value;
     }
-    function me(p) {
+    function me(g) {
       S.value = !0;
-      const w = document.querySelector(
+      const E = document.querySelector(
         `.m-fullscreen-img-instance.${t.openInstanceClass}`
       );
-      if (w) {
-        const z = ce(), P = z.indexOf(w), W = p === "next" ? P + 1 : P - 1, R = z[De(z, W)];
-        T.value = R, R && de(w, R), n(p), a.value = !1, u.value = !0, ct(() => a.value === !0, () => {
-          S.value = !1, g.value ? fe() : m();
+      if (E) {
+        const I = ce(), $ = I.indexOf(E), R = g === "next" ? $ + 1 : $ - 1, _ = I[Me(I, R)];
+        f.value = _, _ && de(E, _), n(g), a.value = !1, l.value = !0, ct(() => a.value === !0, () => {
+          S.value = !1, z.value ? fe() : v();
         }, {
           expectedValue: !0,
           interval: 100,
@@ -1694,175 +1866,175 @@ const Vs = ["onKeypress"], Bs = { class: "m-fullscreen-img-scroller" }, Ns = ["s
       }
     }
     function fe() {
-      const p = v.value;
-      if (!p) {
+      const g = p.value;
+      if (!g) {
         console.error("[maz-ui](vFullscreenImg) ImgElement is not defined");
         return;
       }
-      p.style.removeProperty("max-width"), p.style.removeProperty("max-height"), p == null || p.style.removeProperty("top"), p == null || p.style.removeProperty("left"), I.value ? (p.style.height = "100vh", p.style.removeProperty("width")) : (p.style.width = "100vw", p.style.removeProperty("height"));
+      g.style.removeProperty("max-width"), g.style.removeProperty("max-height"), g == null || g.style.removeProperty("top"), g == null || g.style.removeProperty("left"), T.value ? (g.style.height = "100vh", g.style.removeProperty("width")) : (g.style.width = "100vw", g.style.removeProperty("height"));
     }
-    async function Pe() {
-      g.value ? (g.value = !g.value, m()) : (g.value = !g.value, fe());
+    function $e() {
+      z.value ? (z.value = !z.value, v()) : (z.value = !z.value, fe());
     }
-    function ne(p) {
-      var z;
-      E.running = !0, S.value = !1;
-      const w = (z = v.value) == null ? void 0 : z.animate(p, {
+    function ne(g) {
+      var I;
+      w.running = !0, S.value = !1;
+      const E = (I = p.value) == null ? void 0 : I.animate(g, {
         duration: t.animation.duration,
         easing: t.animation.easing
       });
-      if (!w) {
-        console.error("[maz-ui](vFullscreenImg) animation is not defined"), E.running = !1, E.ended = !0;
+      if (!E) {
+        console.error("[maz-ui](vFullscreenImg) animation is not defined"), w.running = !1, w.ended = !0;
         return;
       }
-      return w;
+      return E;
     }
-    function Le(p = t.offset ?? 0) {
-      const w = T.value.clientWidth || 1, z = T.value.clientHeight || 1, P = window.innerWidth, W = window.innerHeight, R = Math.min(
-        (P - 2 * p) / w,
-        (W - 2 * p) / z
-      ), Me = (P - w * R) / 2, $e = (W - z * R) / 2;
+    function Le(g = t.offset ?? 0) {
+      const E = f.value.clientWidth || 1, I = f.value.clientHeight || 1, $ = window.innerWidth, R = window.innerHeight, _ = Math.min(
+        ($ - 2 * g) / E,
+        (R - 2 * g) / I
+      ), Ve = ($ - E * _) / 2, He = (R - I * _) / 2;
       return {
-        centerX: Me,
-        centerY: $e,
-        width: w,
-        height: z,
-        scale: R
+        centerX: Ve,
+        centerY: He,
+        width: E,
+        height: I,
+        scale: _
       };
     }
-    function ze({ trigger: p }) {
-      const { width: w, height: z, scale: P, centerX: W, centerY: R } = Le(), { top: Me, left: $e, width: Ot, height: Dt } = M.value, Ke = [
+    function ke({ trigger: g }) {
+      const { width: E, height: I, scale: $, centerX: R, centerY: _ } = Le(), { top: Ve, left: He, width: Ot, height: Dt } = k.value, Ke = [
         {
-          top: `${Me}px`,
-          left: `${$e}px`,
+          top: `${Ve}px`,
+          left: `${He}px`,
           width: `${Ot}px`,
           height: `${Dt}px`,
           opacity: 0
         },
         {
-          top: `${R}px`,
-          left: `${W}px`,
-          width: `${w * P}px`,
-          height: `${z * P}px`,
+          top: `${_}px`,
+          left: `${R}px`,
+          width: `${E * $}px`,
+          height: `${I * $}px`,
           opacity: 1
         }
       ];
       return {
-        frames: p === "open" ? Ke : Ke.reverse()
+        frames: g === "open" ? Ke : Ke.reverse()
       };
     }
-    function m() {
-      const { height: p, width: w, scale: z } = Le(), P = I.value ? {
-        width: `${w * z}px`,
-        maxHeight: `${p * z}px`
+    function v() {
+      const { height: g, width: E, scale: I } = Le(), $ = T.value ? {
+        width: `${E * I}px`,
+        maxHeight: `${g * I}px`
       } : {
-        height: `${p * z}px`,
-        maxWidth: `${w * z}px`
+        height: `${g * I}px`,
+        maxWidth: `${E * I}px`
       };
-      if (!v.value) {
+      if (!p.value) {
         console.error("[maz-ui](vFullscreenImg) ImgElement is not defined");
         return;
       }
-      I.value ? (v.value.style.removeProperty("height"), v.value.style.removeProperty("maxHeight")) : (v.value.style.removeProperty("width"), v.value.style.removeProperty("maxWidth")), Object.assign(v.value.style, P);
+      T.value ? (p.value.style.removeProperty("height"), p.value.style.removeProperty("maxHeight")) : (p.value.style.removeProperty("width"), p.value.style.removeProperty("maxWidth")), Object.assign(p.value.style, $);
     }
-    function k() {
-      const { frames: p } = ze({
+    function x() {
+      const { frames: g } = ke({
         trigger: "open"
-      }), w = ne(p);
-      if (!w) {
-        console.error("[maz-ui](vFullscreenImg) open animation is not defined"), m();
+      }), E = ne(g);
+      if (!E) {
+        console.error("[maz-ui](vFullscreenImg) open animation is not defined"), v();
         return;
       }
-      w.onfinish = () => {
-        m(), E.running = !1, E.ended = !0;
+      E.onfinish = () => {
+        v(), w.running = !1, w.ended = !0;
       };
     }
-    function x() {
-      const { frames: p } = ze({
+    function M() {
+      const { frames: g } = ke({
         trigger: "close"
-      }), w = ne(p);
-      function z() {
-        var P, W;
-        n("close"), (P = O.value) == null || P.remove(), (W = t.destroy) == null || W.call(t), E.running = !1, E.ended = !0;
+      }), E = ne(g);
+      function I() {
+        var $, R;
+        n("close"), ($ = C.value) == null || $.remove(), (R = t.destroy) == null || R.call(t), w.running = !1, w.ended = !0;
       }
-      if (!w) {
-        console.error("[maz-ui](vFullscreenImg) close animation is not defined"), z();
+      if (!E) {
+        console.error("[maz-ui](vFullscreenImg) close animation is not defined"), I();
         return;
       }
-      w.onfinish = z;
+      E.onfinish = I;
     }
     function he() {
-      g.value || m();
+      z.value || v();
     }
     return ue(() => {
-      u.value = !0, document.addEventListener("keydown", j), window.addEventListener("resize", he), se(), h.value = ce().length > 1;
+      l.value = !0, document.addEventListener("keydown", j), window.addEventListener("resize", he), se(), y.value = ce().length > 1;
     }), rt(() => {
       document.removeEventListener("keydown", j), window.removeEventListener("resize", he), G();
-    }), (p, w) => (C(), _("div", {
+    }), (g, E) => (A(), U("div", {
       ref_key: "FullscreenImgElement",
-      ref: O,
+      ref: C,
       role: "button",
-      class: "m-fullscreen-img",
+      class: "m-fullscreen-img m-reset-css",
       tabindex: "0",
-      onClick: Y(D, ["stop"]),
-      onKeypress: Nt(Y(D, ["prevent"]), ["esc"])
+      onClick: Y(P, ["stop"]),
+      onKeypress: Nt(Y(P, ["prevent"]), ["esc"])
     }, [
-      l.value && h.value ? (C(), _("button", {
+      u.value && y.value ? (A(), U("button", {
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: w[0] || (w[0] = Y((z) => me("next"), ["stop"]))
+        onClick: E[0] || (E[0] = Y((I) => me("next"), ["stop"]))
       }, [
-        J(A(r), { class: "maz-rotate-180" })
-      ])) : V("v-if", !0),
-      l.value && h.value ? (C(), _("button", {
+        J(O(r), { class: "maz-rotate-180" })
+      ])) : B("v-if", !0),
+      u.value && y.value ? (A(), U("button", {
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: w[1] || (w[1] = Y((z) => me("previous"), ["stop"]))
+        onClick: E[1] || (E[1] = Y((I) => me("previous"), ["stop"]))
       }, [
-        J(A(r))
-      ])) : V("v-if", !0),
-      B("button", {
+        J(O(r))
+      ])) : B("v-if", !0),
+      V("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: D
+        onClick: P
       }, [
-        J(A(i))
+        J(O(i))
       ]),
-      B("div", Bs, [
-        B("img", {
+      V("div", Bs, [
+        V("img", {
           ref_key: "ImgElement",
-          ref: v,
-          src: c.value,
-          alt: b.value ?? void 0,
+          ref: p,
+          src: m.value,
+          alt: d.value ?? void 0,
           tabindex: "0",
-          class: le([$.value]),
+          class: le([D.value]),
           onLoad: L,
-          onClick: w[2] || (w[2] = Y((z) => p.zoom && Pe(), ["stop"]))
+          onClick: E[2] || (E[2] = Y((I) => g.zoom && $e(), ["stop"]))
         }, null, 42, Ns),
         at(J(
-          A(o),
+          O(o),
           { class: "m-fullscreen-img-loader" },
           null,
           512
           /* NEED_PATCH */
         ), [
-          [lt, u.value]
+          [lt, l.value]
         ])
       ])
-    ], 40, Vs));
+    ], 40, Hs));
   }
-}), Re = (s, e) => {
+}), Pe = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, o] of e)
     t[n] = o;
   return t;
-}, js = /* @__PURE__ */ Re(Fs, [["__scopeId", "data-v-b6e5fc28"]]), Je = "m-fullscreen-is-open";
-class Us {
+}, js = /* @__PURE__ */ Pe(Fs, [["__scopeId", "data-v-24a18baf"]]), Je = "m-fullscreen-is-open";
+class qs {
   constructor() {
-    d(this, "options");
-    d(this, "defaultOptions", {
+    c(this, "options");
+    c(this, "defaultOptions", {
       scaleOnHover: !1,
       blurOnHover: !1,
       disabled: !1,
@@ -1873,9 +2045,9 @@ class Us {
         easing: "ease-in-out"
       }
     });
-    d(this, "mouseEnterListener");
-    d(this, "mouseLeaveListener");
-    d(this, "renderPreviewListener");
+    c(this, "mouseEnterListener");
+    c(this, "mouseLeaveListener");
+    c(this, "renderPreviewListener");
   }
   buildOptions(e, t) {
     const n = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, o = (n == null ? void 0 : n.src) ?? this.getImgSrc(e), i = (n == null ? void 0 : n.alt) ?? this.getImgAlt(e);
@@ -1916,7 +2088,7 @@ class Us {
     e.removeEventListener("mouseenter", this.mouseEnterListener), e.removeEventListener("mouseleave", this.mouseLeaveListener), e.removeEventListener("click", this.renderPreviewListener), e.classList.remove("m-fullscreen-img-instance"), e.style.cursor = "";
   }
   renderPreview(e) {
-    return e.classList.add(Je), We(js, {
+    return e.classList.add(Je), _e(js, {
       props: {
         ...this.options,
         openInstanceClass: Je,
@@ -1933,22 +2105,22 @@ class Us {
     e.style.zIndex = "1", this.options.scaleOnHover && (e.style.transform = "scale(1.04)"), this.options.blurOnHover && (e.style.filter = "blur(3px)");
   }
 }
-let ke;
-const _s = {
+let Ae;
+const Us = {
   mounted(s, e) {
-    return ke = new Us(), ke.create(s, e);
+    return Ae = new qs(), Ae.create(s, e);
   },
   updated(s, e) {
-    return ke.update(s, e);
+    return Ae.update(s, e);
   },
   unmounted(s) {
-    return ke.remove(s);
+    return Ae.remove(s);
   }
-}, qs = {
+}, Ws = {
   install(s) {
-    s.directive("fullscreen-img", _s);
+    s.directive("fullscreen-img", Us);
   }
-}, Ws = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", je = {
+}, Rs = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", Ue = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -1964,12 +2136,12 @@ const _s = {
 };
 class At {
   constructor(e = {}) {
-    d(this, "observers", []);
-    d(this, "defaultOptions", je);
-    d(this, "options");
-    d(this, "onImgLoadedCallback");
-    d(this, "onImgErrorCallback");
-    d(this, "hasImgLoaded", !1);
+    c(this, "observers", []);
+    c(this, "defaultOptions", Ue);
+    c(this, "options");
+    c(this, "onImgLoadedCallback");
+    c(this, "onImgErrorCallback");
+    c(this, "hasImgLoaded", !1);
     this.options = this.buildOptions(e), this.onImgLoadedCallback = this.imageIsLoaded.bind(this), this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
@@ -2103,7 +2275,7 @@ class At {
   async add(e, t) {
     if (this.hasBgImgMode(t) && this.isPictureElement(e))
       throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, Ws), await this.bindUpdateHandler(e, t, "bind");
+    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, Rs), await this.bindUpdateHandler(e, t, "bind");
   }
   async update(e, t) {
     t.value !== t.oldValue && (this.hasImgLoaded = !1, this.removeAllStateClasses(e), await this.bindUpdateHandler(e, t, "update"));
@@ -2115,25 +2287,25 @@ class At {
     this.observers = [];
   }
 }
-let Ae;
-const ro = {
+let Se;
+const lo = {
   created(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    Ae = new At(t), Ae.add(s, e);
+    Se = new At(t), Se.add(s, e);
   },
   updated(s, e) {
-    Ae.update(s, e);
+    Se.update(s, e);
   },
   unmounted(s, e) {
-    Ae.remove(s, e);
+    Se.remove(s, e);
   }
-}, Rs = {
+}, _s = {
   install(s, e = {}) {
     const t = {
-      ...je,
+      ...Ue,
       ...e,
       observerOptions: {
-        ...je.observerOptions,
+        ...Ue.observerOptions,
         ...e.observerOptions
       }
     }, n = new At(t);
@@ -2274,21 +2446,21 @@ const ro = {
 };
 class Ys {
   constructor(e) {
-    d(this, "options");
-    d(this, "loader");
-    d(this, "wrapper");
-    d(this, "img");
-    d(this, "keydownHandler");
-    d(this, "onImgLoadedCallback");
-    d(this, "buttonsAdded");
-    d(this, "defaultOptions", {
+    c(this, "options");
+    c(this, "loader");
+    c(this, "wrapper");
+    c(this, "img");
+    c(this, "keydownHandler");
+    c(this, "onImgLoadedCallback");
+    c(this, "buttonsAdded");
+    c(this, "defaultOptions", {
       scale: !0,
       blur: !0,
       disabled: !1
     });
-    d(this, "mouseEnterListener");
-    d(this, "mouseLeaveListener");
-    d(this, "renderPreviewListener");
+    c(this, "mouseEnterListener");
+    c(this, "mouseLeaveListener");
+    c(this, "renderPreviewListener");
     if (!e.value)
       throw new Error(
         '[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`'
@@ -2354,8 +2526,10 @@ class Ys {
   getButton(e = "close") {
     const t = document.createElement("button");
     t.innerHTML = et[e];
-    const n = e === "close" ? this.closePreview() : this.allInstances ? this.nextPreviousImage(e === "next") : null;
-    return t.addEventListener("click", () => n), t.classList.add("maz-zoom-btn"), t.classList.add(`maz-zoom-btn--${e}`), t;
+    const n = () => e === "close" ? this.closePreview() : this.allInstances ? this.nextPreviousImage(e === "next") : null;
+    return t.addEventListener("click", () => {
+      n();
+    }), t.classList.add("maz-zoom-btn"), t.classList.add(`maz-zoom-btn--${e}`), t;
   }
   closePreview() {
     const e = document.querySelector("#MazImgPreviewFullsize"), t = document.querySelector("#MazPreviewStyle"), n = document.querySelector(
@@ -2369,7 +2543,8 @@ class Ys {
     }, 300);
   }
   getNewInstanceIndex(e) {
-    return e < 0 ? this.allInstances.length - 1 : e >= this.allInstances.length ? 0 : e;
+    let t = e;
+    return t < 0 ? t = this.allInstances.length - 1 : t >= this.allInstances.length && (t = 0), t;
   }
   nextPreviousImage(e) {
     const t = e, n = document.querySelector(
@@ -2406,16 +2581,16 @@ class Ys {
     this.img.removeEventListener("load", this.onImgLoadedCallback);
   }
 }
-let Se;
+let xe;
 const Zs = {
   created(s, e) {
-    Se = new Ys(e), Se.create(s);
+    xe = new Ys(e), xe.create(s);
   },
   updated(s, e) {
-    Se.update(e);
+    xe.update(e);
   },
   unmounted(s) {
-    Se.remove(s);
+    xe.remove(s);
   }
 }, Xs = {
   install(s) {
@@ -2424,11 +2599,11 @@ const Zs = {
 }, Gs = [
   Ps,
   Xs,
-  Rs,
+  _s,
   Ss,
-  qs,
+  Ws,
   Ms
-], ao = {
+], uo = {
   install(s) {
     for (const e of Gs)
       e.install(s, {});
@@ -2511,11 +2686,11 @@ const ln = {
   currency: sn,
   date: on,
   number: an
-}, lo = {
+}, co = {
   install(s) {
     s.provide("filters", ln);
   }
-}, Be = {
+}, Fe = {
   delay: 100,
   observer: {
     root: void 0,
@@ -2530,42 +2705,43 @@ const ln = {
 };
 class un {
   constructor(e) {
-    d(this, "options");
+    c(this, "options");
     this.options = {
-      delay: (e == null ? void 0 : e.delay) ?? Be.delay,
+      delay: (e == null ? void 0 : e.delay) ?? Fe.delay,
       observer: {
-        ...Be.observer,
+        ...Fe.observer,
         ...e == null ? void 0 : e.observer
       },
       animation: {
-        ...Be.animation,
+        ...Fe.animation,
         ...e == null ? void 0 : e.animation
       }
     };
   }
+  // eslint-disable-next-line sonarjs/cognitive-complexity
   handleIntersect(e, t) {
     for (const n of e) {
       const i = n.target.getAttribute("data-maz-aos-children") === "true", r = n.target.getAttribute("data-maz-aos") ? [n.target] : [];
       if (i) {
         const a = [...document.querySelectorAll("[data-maz-aos-anchor]")].map(
-          (u) => u.getAttribute("data-maz-aos-anchor") === `#${n.target.id}` ? u : void 0
+          (l) => l.getAttribute("data-maz-aos-anchor") === `#${n.target.id}` ? l : void 0
         );
-        for (const u of a)
-          u && r.push(u);
+        for (const l of a)
+          l && r.push(l);
       }
       for (const a of r) {
-        const u = a.getAttribute("data-maz-aos-once"), l = typeof u == "string" ? u === "true" : this.options.animation.once;
+        const l = a.getAttribute("data-maz-aos-once"), u = typeof l == "string" ? l === "true" : this.options.animation.once;
         if (typeof this.options.observer.threshold == "number" && n.intersectionRatio > this.options.observer.threshold) {
-          const h = a.getAttribute("data-maz-aos-duration"), g = a.getAttribute("data-maz-aos-delay");
-          if (h || (a.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
+          const y = a.getAttribute("data-maz-aos-duration"), z = a.getAttribute("data-maz-aos-delay");
+          if (y || (a.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
             a.style.transitionDuration = "0";
-          }, 1e3)), g || (a.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
+          }, 1e3)), z || (a.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
             a.style.transitionDelay = "0";
-          }, 1e3)), a.classList.add("maz-aos-animate"), l) {
-            const E = a.getAttribute("data-maz-aos-anchor");
-            if (E) {
-              const T = document.querySelector(E);
-              T && t.unobserve(T);
+          }, 1e3)), a.classList.add("maz-aos-animate"), u) {
+            const w = a.getAttribute("data-maz-aos-anchor");
+            if (w) {
+              const f = document.querySelector(w);
+              f && t.unobserve(f);
             }
             t.unobserve(a);
           }
@@ -2575,7 +2751,7 @@ class un {
     }
   }
   async handleObserver() {
-    await Hs(this.options.delay);
+    await Vs(this.options.delay);
     const e = new IntersectionObserver(this.handleIntersect.bind(this), this.options.observer);
     for (const t of document.querySelectorAll("[data-maz-aos]")) {
       const n = t.getAttribute("data-maz-aos-anchor");
@@ -2593,17 +2769,21 @@ class un {
   }
 }
 let ve;
-const uo = {
+const mo = {
   install: (s, e) => {
-    ve = new un(e), s.provide("aos", ve), F() && (e != null && e.router ? e.router.afterEach(async () => {
+    ve = new un(e), s.provide("aos", ve), F() && (e != null && e.router ? e.router.afterEach(() => {
       ve.runAnimations();
     }) : ve.runAnimations());
   }
 };
-function co() {
+function fo() {
   return ve;
 }
-const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
+const cn = {
+  role: "dialog",
+  class: "m-backdrop-container",
+  "aria-modal": "true"
+}, dn = { class: "m-backdrop-wrapper" }, tt = "--backdrop-present", mn = /* @__PURE__ */ ye({
   inheritAttrs: !1,
   __name: "MazBackdrop",
   props: {
@@ -2613,130 +2793,144 @@ const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
     persistent: { type: Boolean, default: !1 },
     noCloseOnEscKey: { type: Boolean, default: !1 },
     transitionName: { default: "backdrop-anim" },
-    backdropClass: { default: void 0 },
-    backdropContentClass: { default: void 0 }
+    backdropClass: { default: () => {
+    } },
+    backdropContentClass: { default: () => {
+    } },
+    contentPadding: { type: Boolean, default: !1 },
+    justify: { default: "none" },
+    align: { default: "none" },
+    variant: {}
   },
   emits: ["open", "close", "update:model-value", "before-close"],
   setup(s, { expose: e, emit: t }) {
-    const n = s, o = t;
-    function i() {
+    const n = t;
+    function o() {
       document.documentElement.classList.add(tt);
     }
-    async function r() {
+    function i() {
       document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(tt);
     }
-    const a = y(n.modelValue);
-    function u() {
+    const r = b(s.modelValue);
+    function a() {
       l(!1);
     }
-    async function l(c) {
-      var b;
-      c || (o("before-close"), await ((b = n.beforeClose) == null ? void 0 : b.call(n))), a.value = c;
+    async function l(d) {
+      var C;
+      d || (n("before-close"), await ((C = s.beforeClose) == null ? void 0 : C.call(s))), r.value = d;
     }
-    function h() {
-      o("open");
+    function u() {
+      n("open");
     }
-    function g() {
-      o("update:model-value", !1), o("close"), I();
+    function y() {
+      n("update:model-value", !1), n("close"), k();
     }
-    function E() {
-      n.persistent || u();
+    function z() {
+      s.persistent || a();
     }
-    function T(c) {
-      !n.noCloseOnEscKey && c.key === "Escape" && !n.persistent && u();
+    function w(d) {
+      !s.noCloseOnEscKey && d.key === "Escape" && !s.persistent && a();
     }
-    function M() {
-      i(), document.addEventListener("keyup", T, !1);
+    function f() {
+      o(), document.addEventListener("keyup", w, !1);
     }
-    function I() {
-      document.removeEventListener("keyup", T), r();
+    function k() {
+      document.removeEventListener("keyup", w), i();
     }
-    return ue(() => {
-      n.modelValue ? M() : I();
-    }), X(
-      () => n.modelValue,
-      (c) => {
-        a.value = c, c ? M() : I();
+    ue(() => {
+      s.modelValue ? f() : k();
+    });
+    let T = null;
+    function m(d) {
+      const C = document.querySelector(d), S = C && Array.from(C.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), D = S == null ? void 0 : S.filter((L) => {
+        const P = window.getComputedStyle(L);
+        return P.display !== "none" && P.visibility !== "hidden" && !L.disabled;
+      });
+      return D && D.length > 0 ? D[0] : null;
+    }
+    return X(
+      () => s.modelValue,
+      async (d) => {
+        if (r.value = d, d) {
+          f(), T = document.activeElement, await ae();
+          const C = m(".m-backdrop-content");
+          C == null || C.focus();
+        } else
+          k(), await ae(), T == null || T.focus();
       }
     ), e({
-      onBackdropAnimationEnter: h,
-      onBackdropAnimationLeave: g,
-      onBackdropClicked: E,
-      close: u,
-      present: a,
+      onBackdropAnimationEnter: u,
+      onBackdropAnimationLeave: y,
+      onBackdropClicked: z,
+      close: a,
+      present: r,
       toggleModal: l,
-      onKeyPress: T
-    }), (c, b) => (C(), N(Ft, { to: c.teleportSelector }, [
+      onKeyPress: w
+    }), (d, C) => (A(), N(Ft, { to: d.teleportSelector }, [
       J(ut, {
         appear: "",
-        name: c.transitionName,
-        onAfterEnter: h,
-        onAfterLeave: g
+        name: d.transitionName,
+        onAfterEnter: u,
+        onAfterLeave: y
       }, {
-        default: U(() => [
-          a.value ? (C(), _(
+        default: q(() => [
+          r.value ? (A(), U(
             "div",
-            {
+            ee({
               key: 0,
-              class: le(["m-backdrop --present", [c.backdropClass]]),
-              tabindex: "-1",
-              role: "dialog"
-            },
+              class: "m-backdrop --present m-reset-css"
+            }, d.$attrs, {
+              class: [d.backdropClass, d.variant && `--variant-${d.variant}`, { "--persistent": d.persistent }]
+            }),
             [
-              B(
-                "button",
-                {
-                  class: le(["m-backdrop-overlay", { "--disabled": c.persistent }]),
-                  tabindex: "-1",
-                  onClick: Y(E, ["self"])
-                },
-                null,
-                2
-                /* CLASS */
-              ),
-              B(
-                "div",
-                ee({
-                  class: ["m-backdrop-content", c.backdropContentClass]
-                }, c.$attrs, {
-                  role: "document",
-                  tabindex: "0"
-                }),
-                [
-                  q(c.$slots, "default", { close: u })
-                ],
-                16
-                /* FULL_PROPS */
-              )
+              V("div", cn, [
+                V("div", dn, [
+                  V(
+                    "div",
+                    {
+                      class: le(["m-backdrop-content", [d.backdropContentClass, `--justify-${d.justify}`, `--align-${d.align}`, { "--padding": d.contentPadding }]]),
+                      role: "button",
+                      tabindex: "-1",
+                      onClick: Y(z, ["self"])
+                    },
+                    [
+                      W(d.$slots, "default", {
+                        close: a,
+                        onBackdropClicked: z
+                      }, void 0, !0)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ])
             ],
-            2
-            /* CLASS */
-          )) : V("v-if", !0)
+            16
+            /* FULL_PROPS */
+          )) : B("v-if", !0)
         ]),
         _: 3
         /* FORWARDED */
       }, 8, ["name"])
     ], 8, ["to"]));
   }
-}), dn = {
+}), fn = /* @__PURE__ */ Pe(mn, [["__scopeId", "data-v-90448c91"]]), hn = {
   key: 0,
   id: "dialogTitle",
-  class: "maz-my-0 maz-text-xl maz-font-semibold"
-}, mn = {
-  id: "dialogDesc",
-  class: "m-dialog-content"
-}, fn = {
+  class: "m-dialog-title"
+}, vn = {
   key: 0,
   class: "m-dialog-footer"
-}, hn = /* @__PURE__ */ ge({
+}, pn = /* @__PURE__ */ ye({
+  name: "MazDialog",
+  inheritAttrs: !1,
   __name: "MazDialog",
   props: {
     modelValue: { type: Boolean },
     title: { default: void 0 },
     noClose: { type: Boolean, default: !1 },
-    width: { default: "500px" },
-    maxWidth: { default: "95vw" },
-    maxHeight: { default: "95vh" },
+    maxWidth: { default: "100%" },
+    minWidth: { default: "32rem" },
     scrollable: { type: Boolean, default: !1 },
     persistent: { type: Boolean, default: !1 },
     teleportSelector: {},
@@ -2744,82 +2938,124 @@ const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
     noCloseOnEscKey: { type: Boolean },
     transitionName: {},
     backdropClass: {},
-    backdropContentClass: {}
+    backdropContentClass: {},
+    contentPadding: { type: Boolean },
+    justify: {},
+    align: {},
+    variant: {}
   },
   emits: ["open", "close", "update:model-value"],
   setup(s, { expose: e }) {
-    const t = s, n = H(() => import("./MazBtn-D6K3B6XM.mjs")), o = H(() => import("./x-mark-CnZwVvA7.mjs")), i = jt(), r = y();
+    const t = s, n = H(() => import("./MazBtn-Z86MClP9.mjs")), o = H(() => import("./x-mark-CnZwVvA7.mjs")), i = jt(), r = b();
     e({
       close: () => {
-        var l, h;
-        return (h = (l = r.value) == null ? void 0 : l.close) == null ? void 0 : h.call(l);
+        var f, k;
+        return (k = (f = r.value) == null ? void 0 : f.close) == null ? void 0 : k.call(f);
       }
     });
-    const a = f(() => ({
+    const a = h(() => {
+      const f = [
+        "modelValue",
+        "title",
+        "noClose",
+        "maxWidth",
+        "minWidth",
+        "scrollable"
+      ];
+      return Object.fromEntries(
+        Object.entries(t).filter(([k]) => !f.includes(k))
+      );
+    }), l = h(() => ({
       ...i,
       class: void 0,
       style: void 0
-    })), u = f(() => ({
+    })), u = h(() => ({
       class: i.class,
       style: i.style
-    }));
-    return (l, h) => (C(), N(cn, ee({ ...a.value, ...t }, {
+    })), y = b(), z = qt(), w = h(() => !!z.footer);
+    return t.scrollable && X(() => t.modelValue, async (f) => {
+      await ae(), f && y.value && setTimeout(() => {
+        var k;
+        (k = y.value) == null || k.scrollTo({ top: 0, behavior: "instant" });
+      }, 0);
+    }), (f, k) => (A(), N(fn, ee({ ...l.value, ...a.value }, {
       ref_key: "backdrop",
       ref: r,
-      persistent: l.persistent,
-      "model-value": l.modelValue,
+      "model-value": f.modelValue,
       "transition-name": "modal-anim",
       "aria-labelledby": "dialogTitle",
       "aria-describedby": "dialogDesc",
-      onClose: h[0] || (h[0] = (g) => l.$emit("close", g)),
-      onOpen: h[1] || (h[1] = (g) => l.$emit("open", g)),
-      "onUpdate:modelValue": h[2] || (h[2] = (g) => l.$emit("update:model-value", g))
+      "content-padding": "",
+      justify: "center",
+      variant: "dialog",
+      onClose: k[0] || (k[0] = (T) => f.$emit("close", T)),
+      onOpen: k[1] || (k[1] = (T) => f.$emit("open", T)),
+      "onUpdate:modelValue": k[2] || (k[2] = (T) => f.$emit("update:model-value", T))
     }), {
-      default: U(({ close: g }) => [
-        B(
+      default: q(({ close: T, onBackdropClicked: m }) => [
+        V(
           "div",
           ee({
-            class: ["m-dialog", { "--scrollable": l.scrollable }],
+            class: ["m-dialog", { "--scrollable": f.scrollable }],
             role: "dialog",
             "aria-modal": "true",
-            style: [{ width: l.width, maxWidth: l.maxWidth, maxHeight: l.maxHeight }]
+            style: [{ "--max-width": f.maxWidth, "--min-width": f.minWidth }]
           }, u.value),
           [
-            q(l.$slots, "header", { close: g }, () => [
-              B(
+            W(f.$slots, "header", {
+              close: T,
+              onBackdropClicked: m
+            }, () => [
+              V(
                 "div",
                 {
-                  class: le(["m-dialog-header", { "--has-title": l.$slots.title || l.title }])
+                  class: le(["m-dialog-header", { "--has-title": f.$slots.title || f.title }])
                 },
                 [
-                  l.$slots.title || l.title ? (C(), _("h2", dn, [
-                    q(l.$slots, "title", {}, () => [
+                  f.$slots.title || f.title ? (A(), U("h2", hn, [
+                    W(f.$slots, "title", {}, () => [
                       Q(
-                        Z(l.title),
+                        Z(f.title),
                         1
                         /* TEXT */
                       )
                     ], !0)
-                  ])) : V("v-if", !0),
-                  !l.noClose && !l.persistent ? (C(), N(A(n), {
+                  ])) : B("v-if", !0),
+                  !f.noClose && !f.persistent ? (A(), N(O(n), {
                     key: 1,
-                    class: "m-dialog-closebtn",
                     color: "transparent",
                     size: "sm",
-                    icon: A(o),
-                    onClick: g
-                  }, null, 8, ["icon", "onClick"])) : V("v-if", !0)
+                    icon: O(o),
+                    onClick: T
+                  }, null, 8, ["icon", "onClick"])) : B("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )
             ], !0),
-            B("div", mn, [
-              q(l.$slots, "default", { close: g }, void 0, !0)
-            ]),
-            l.$slots.footer ? (C(), _("div", fn, [
-              q(l.$slots, "footer", { close: g }, void 0, !0)
-            ])) : V("v-if", !0)
+            V(
+              "div",
+              {
+                id: "dialogDesc",
+                ref_key: "dialogContent",
+                ref: y,
+                class: le(["m-dialog-content", { "--bottom-padding": !w.value }])
+              },
+              [
+                W(f.$slots, "default", {
+                  close: T,
+                  onBackdropClicked: m
+                }, void 0, !0)
+              ],
+              2
+              /* CLASS */
+            ),
+            w.value ? (A(), U("div", vn, [
+              W(f.$slots, "footer", {
+                close: T,
+                onBackdropClicked: m
+              }, void 0, !0)
+            ])) : B("v-if", !0)
           ],
           16
           /* FULL_PROPS */
@@ -2827,9 +3063,9 @@ const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
       ]),
       _: 3
       /* FORWARDED */
-    }, 16, ["persistent", "model-value"]));
+    }, 16, ["model-value"]));
   }
-}), vn = /* @__PURE__ */ Re(hn, [["__scopeId", "data-v-50775b17"]]), oe = {
+}), gn = /* @__PURE__ */ Pe(pn, [["__scopeId", "data-v-b8a6c7fb"]]), oe = {
   cancelText: "Cancel",
   confirmText: "Confirm",
   cancelButton: {
@@ -2840,8 +3076,8 @@ const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
     text: "Confirm",
     color: "success"
   }
-}, pn = y(oe), ie = y([]);
-function gn(s, e) {
+}, yn = b(oe), ie = b([]);
+function bn(s, e) {
   return new Promise((t, n) => {
     ie.value = [
       ...ie.value,
@@ -2869,15 +3105,15 @@ function st(s, e, t) {
 }
 function xt() {
   return {
-    data: pn,
+    data: yn,
     dialogState: ie,
-    showDialogAndWaitChoice: gn,
+    showDialogAndWaitChoice: bn,
     removeDialogFromState: St,
     rejectDialog: async (s, e = new Error("cancel"), t) => (await (t == null ? void 0 : t()), st("reject", s, e)),
     resolveDialog: async (s, e = "accept", t) => (await (t == null ? void 0 : t()), st("resolve", s, e))
   };
 }
-const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ */ ge({
+const wn = { class: "maz-flex maz-items-center maz-gap-2" }, En = /* @__PURE__ */ ye({
   __name: "MazDialogPromise",
   props: {
     data: { default: void 0 },
@@ -2887,9 +3123,8 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
     modelValue: { type: Boolean },
     title: {},
     noClose: { type: Boolean },
-    width: {},
     maxWidth: {},
-    maxHeight: {},
+    minWidth: {},
     scrollable: { type: Boolean },
     persistent: { type: Boolean },
     teleportSelector: {},
@@ -2898,6 +3133,10 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
     transitionName: {},
     backdropClass: {},
     backdropContentClass: {},
+    contentPadding: { type: Boolean },
+    justify: {},
+    align: {},
+    variant: {},
     cancelText: {},
     cancelButton: { type: [Boolean, Object] },
     confirmText: {},
@@ -2905,113 +3144,113 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
   },
   emits: ["open", "close"],
   setup(s, { expose: e }) {
-    const t = s, n = H(() => import("./MazBtn-D6K3B6XM.mjs")), { dialogState: o, rejectDialog: i, resolveDialog: r, data: a } = xt(), u = f(() => {
-      var c;
-      return t.buttons ?? ((c = t.data) == null ? void 0 : c.buttons) ?? a.value.buttons;
-    }), l = f(() => ({
+    const t = s, n = H(() => import("./MazBtn-Z86MClP9.mjs")), { dialogState: o, rejectDialog: i, resolveDialog: r, data: a } = xt(), l = h(() => {
+      var m;
+      return t.buttons ?? ((m = t.data) == null ? void 0 : m.buttons) ?? a.value.buttons;
+    }), u = h(() => ({
       ...oe,
       ...a.value,
       ...t.data
-    })), h = f(() => {
-      var O, v, S, $;
-      if (!(((O = a.value) == null ? void 0 : O.cancelButton) ?? ((v = t.data) == null ? void 0 : v.cancelButton) ?? oe.cancelButton))
+    })), y = h(() => {
+      var C, p, S, D;
+      if (!(((C = a.value) == null ? void 0 : C.cancelButton) ?? ((p = t.data) == null ? void 0 : p.cancelButton) ?? oe.cancelButton))
         return;
-      const b = {
+      const d = {
         ...oe.cancelButton,
         ...(S = a.value) == null ? void 0 : S.cancelButton,
-        ...($ = t.data) == null ? void 0 : $.cancelButton
+        ...(D = t.data) == null ? void 0 : D.cancelButton
       };
       return {
-        ...b,
-        text: t.cancelText || l.value.cancelText || b.text
+        ...d,
+        text: t.cancelText || u.value.cancelText || d.text
       };
-    }), g = f(() => {
-      var O, v, S, $;
-      if (!(((O = a.value) == null ? void 0 : O.confirmButton) ?? ((v = t.data) == null ? void 0 : v.confirmButton) ?? oe.confirmButton))
+    }), z = h(() => {
+      var C, p, S, D;
+      if (!(((C = a.value) == null ? void 0 : C.confirmButton) ?? ((p = t.data) == null ? void 0 : p.confirmButton) ?? oe.confirmButton))
         return;
-      const b = {
+      const d = {
         ...oe.confirmButton,
         ...(S = a.value) == null ? void 0 : S.confirmButton,
-        ...($ = t.data) == null ? void 0 : $.confirmButton
+        ...(D = t.data) == null ? void 0 : D.confirmButton
       };
       return {
-        ...b,
-        text: t.confirmText || l.value.confirmText || b.text
+        ...d,
+        text: t.confirmText || u.value.confirmText || d.text
       };
-    }), E = f(
-      () => o.value.find(({ id: c }) => c === t.identifier)
-    ), T = y();
+    }), w = h(
+      () => o.value.find(({ id: m }) => m === t.identifier)
+    ), f = b();
     e({
       close: () => {
-        var c, b;
-        return (b = (c = T.value) == null ? void 0 : c.close) == null ? void 0 : b.call(c);
+        var m, d;
+        return (d = (m = f.value) == null ? void 0 : m.close) == null ? void 0 : d.call(m);
       }
     });
-    function M(c) {
-      return "type" in c && (c.type === "resolve" || c.type === "reject");
+    function k(m) {
+      return "type" in m && (m.type === "resolve" || m.type === "reject");
     }
-    function I(c, b) {
-      return M(b) ? b.type === "resolve" ? r(c, b.response) : i(c, b.response) : r(c, void 0, b.action);
+    function T(m, d) {
+      return k(d) ? d.type === "resolve" ? r(m, d.response) : i(m, d.response) : r(m, void 0, d.action);
     }
-    return (c, b) => {
-      var O;
-      return C(), N(vn, ee({
+    return (m, d) => {
+      var C;
+      return A(), N(gn, ee({
         ref_key: "dialog",
-        ref: T
-      }, { ...c.$attrs, ...t }, {
-        "model-value": ((O = E.value) == null ? void 0 : O.isActive) ?? c.modelValue ?? !1,
-        onClose: b[2] || (b[2] = (v) => c.$emit("close", v)),
-        onOpen: b[3] || (b[3] = (v) => c.$emit("open", v)),
-        "onUpdate:modelValue": b[4] || (b[4] = (v) => A(i)(E.value))
+        ref: f
+      }, { ...m.$attrs, ...t }, {
+        "model-value": ((C = w.value) == null ? void 0 : C.isActive) ?? m.modelValue ?? !1,
+        onClose: d[2] || (d[2] = (p) => m.$emit("close", p)),
+        onOpen: d[3] || (d[3] = (p) => m.$emit("open", p)),
+        "onUpdate:modelValue": d[4] || (d[4] = (p) => O(i)(w.value))
       }), {
-        title: U(() => [
-          q(c.$slots, "title", {}, () => {
-            var v;
+        title: q(() => [
+          W(m.$slots, "title", {}, () => {
+            var p;
             return [
               Q(
-                Z(c.title || ((v = l.value) == null ? void 0 : v.title)),
+                Z(m.title || ((p = u.value) == null ? void 0 : p.title)),
                 1
                 /* TEXT */
               )
             ];
           })
         ]),
-        default: U(() => [
-          q(c.$slots, "default", {
-            resolve: (v) => A(r)(E.value, v),
-            reject: (v) => A(i)(E.value, v)
+        default: q(() => [
+          W(m.$slots, "default", {
+            resolve: (p) => O(r)(w.value, p),
+            reject: (p) => O(i)(w.value, p)
           }, () => {
-            var v;
+            var p;
             return [
               Q(
-                Z(c.message || ((v = l.value) == null ? void 0 : v.message)),
+                Z(m.message || ((p = u.value) == null ? void 0 : p.message)),
                 1
                 /* TEXT */
               )
             ];
           })
         ]),
-        footer: U(() => [
-          q(c.$slots, "footer-button", {
-            resolve: (v) => A(r)(E.value, v),
-            reject: (v) => A(i)(E.value, v)
+        footer: q(() => [
+          W(m.$slots, "footer-button", {
+            resolve: (p) => O(r)(w.value, p),
+            reject: (p) => O(i)(w.value, p)
           }, () => [
-            B("div", yn, [
-              u.value ? (C(!0), _(
+            V("div", wn, [
+              l.value ? (A(!0), U(
                 Ye,
                 { key: 0 },
-                Ut(u.value, (v, S) => (C(), N(A(n), ee({
+                Ut(l.value, (p, S) => (A(), N(O(n), ee({
                   key: S,
                   ref_for: !0
                 }, {
-                  ...v,
+                  ...p,
                   type: "button"
                 }, {
-                  onClick: ($) => I(E.value, v)
+                  onClick: (D) => T(w.value, p)
                 }), {
-                  default: U(() => [
+                  default: q(() => [
                     Q(
-                      Z(v.text),
+                      Z(p.text),
                       1
                       /* TEXT */
                     )
@@ -3021,20 +3260,20 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
                 }, 1040, ["onClick"]))),
                 128
                 /* KEYED_FRAGMENT */
-              )) : (C(), _(
+              )) : (A(), U(
                 Ye,
                 { key: 1 },
                 [
-                  h.value ? (C(), N(
-                    A(n),
-                    ee({ key: 0 }, h.value, {
-                      onClick: b[0] || (b[0] = (v) => A(i)(E.value))
+                  y.value ? (A(), N(
+                    O(n),
+                    ee({ key: 0 }, y.value, {
+                      onClick: d[0] || (d[0] = (p) => O(i)(w.value))
                     }),
                     {
-                      default: U(() => [
-                        q(c.$slots, "cancel-text", {}, () => [
+                      default: q(() => [
+                        W(m.$slots, "cancel-text", {}, () => [
                           Q(
-                            Z(h.value.text),
+                            Z(y.value.text),
                             1
                             /* TEXT */
                           )
@@ -3045,17 +3284,17 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
                     },
                     16
                     /* FULL_PROPS */
-                  )) : V("v-if", !0),
-                  g.value ? (C(), N(
-                    A(n),
-                    ee({ key: 1 }, g.value, {
-                      onClick: b[1] || (b[1] = (v) => A(r)(E.value))
+                  )) : B("v-if", !0),
+                  z.value ? (A(), N(
+                    O(n),
+                    ee({ key: 1 }, z.value, {
+                      onClick: d[1] || (d[1] = (p) => O(r)(w.value))
                     }),
                     {
-                      default: U(() => [
-                        q(c.$slots, "confirm-text", {}, () => [
+                      default: q(() => [
+                        W(m.$slots, "confirm-text", {}, () => [
                           Q(
-                            Z(g.value.text),
+                            Z(z.value.text),
                             1
                             /* TEXT */
                           )
@@ -3066,7 +3305,7 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
                     },
                     16
                     /* FULL_PROPS */
-                  )) : V("v-if", !0)
+                  )) : B("v-if", !0)
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -3082,7 +3321,7 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
 }), nt = {
   identifier: "main-dialog"
 };
-class wn {
+class zn {
   constructor(e, t = nt) {
     this.app = e, this.globalOptions = t;
   }
@@ -3091,13 +3330,13 @@ class wn {
       ...nt,
       ...this.globalOptions,
       ...e
-    }, { destroy: n, vNode: o } = We(bn, {
+    }, { destroy: n, vNode: o } = _e(En, {
       props: t,
       app: this.app
     }), { showDialogAndWaitChoice: i } = xt();
     function r() {
-      var u, l, h;
-      (l = (u = o.component) == null ? void 0 : u.exposed) == null || l.close(), (h = t.promiseCallback) == null || h.call(t), setTimeout(() => {
+      var l, u, y;
+      (u = (l = o.component) == null ? void 0 : l.exposed) == null || u.close(), (y = t.promiseCallback) == null || y.call(t), setTimeout(() => {
         n();
       }, 700);
     }
@@ -3110,14 +3349,14 @@ class wn {
     };
   }
 }
-const mo = {
+const ho = {
   install(s, e) {
-    s.provide("dialog", new wn(s, e));
+    s.provide("dialog", new zn(s, e));
   }
-}, En = { class: "m-toast__message-wrapper" }, Tn = { class: "m-toast__message" }, Ln = { class: "maz-flex maz-items-center maz-gap-2" }, zn = { key: 0 }, Cn = {
+}, Tn = { class: "m-toast__message-wrapper" }, Ln = { class: "m-toast__message" }, kn = { class: "maz-flex maz-items-center maz-gap-2" }, Cn = { key: 0 }, In = {
   key: 4,
   class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1"
-}, In = /* @__PURE__ */ ge({
+}, An = /* @__PURE__ */ ye({
   __name: "MazToast",
   props: {
     message: { default: void 0 },
@@ -3134,54 +3373,54 @@ const mo = {
   },
   emits: ["close", "click", "open"],
   setup(s, { expose: e, emit: t }) {
-    const n = s, o = t, i = H(() => import("./MazBtn-D6K3B6XM.mjs")), r = H(() => import("./x-mark-CnZwVvA7.mjs")), a = H(
+    const n = s, o = t, i = H(() => import("./MazBtn-Z86MClP9.mjs")), r = H(() => import("./x-mark-CnZwVvA7.mjs")), a = H(
       () => import("./arrow-top-right-on-square-jPmYJ34F.mjs")
-    ), u = H(
-      () => import("./exclamation-triangle-Z6d0ygp8.mjs")
     ), l = H(
+      () => import("./exclamation-triangle-Z6d0ygp8.mjs")
+    ), u = H(
       () => import("./exclamation-circle-CUk0ZajS.mjs")
-    ), h = H(
+    ), y = H(
       () => import("./information-circle-C7e5b_nL.mjs")
-    ), g = H(() => import("./check-circle-Bf7AGSQ-.mjs")), E = H(() => import("./link-Br1lfjTR.mjs")), T = y(), M = f(() => {
+    ), z = H(() => import("./check-circle-Bf7AGSQ-.mjs")), w = H(() => import("./link-Br1lfjTR.mjs")), f = b(), k = h(() => {
       if (n.icon)
         switch (n.type) {
           case "danger":
-            return u;
+            return l;
           case "info":
-            return h;
+            return y;
           case "success":
-            return g;
+            return z;
           case "warning":
-            return l;
+            return u;
           default:
             return;
         }
-    }), I = f(() => n.position.includes("top") ? "top" : "bottom"), c = f(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), b = f(() => c.value !== "center" ? c.value === "right" ? "m-slide-right" : "m-slide-left" : I.value === "top" ? "m-slide-top" : "m-slide-bottom"), O = y(!1), v = y(!1), S = y(), $ = `m-toast-container --${I.value} --${c.value}`, L = `.${$.replaceAll(" ", ".")}`, D = Cs({
+    }), T = h(() => n.position.includes("top") ? "top" : "bottom"), m = h(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), d = h(() => m.value !== "center" ? m.value === "right" ? "m-slide-right" : "m-slide-left" : T.value === "top" ? "m-slide-top" : "m-slide-bottom"), C = b(!1), p = b(!1), S = b(), D = `m-toast-container m-reset-css --${T.value} --${m.value}`, L = `.${D.replaceAll(" ", ".")}`, P = ks({
       callback: ne,
       timeout: typeof n.timeout == "number" ? n.timeout : 0,
       callbackOffsetTime: 200
     });
     function j() {
-      const m = document.querySelector(L);
-      if (!m && !m) {
-        const k = document.body, x = document.createElement("div");
-        x.className = $, k.append(x);
+      const v = document.querySelector(L);
+      if (!v && !v) {
+        const x = document.body, M = document.createElement("div");
+        M.className = D, x.append(M);
       }
     }
     function se() {
-      const m = document.querySelector(L);
-      return !n.queue && n.maxToasts === !1 ? !1 : typeof n.maxToasts == "number" && m ? n.maxToasts <= m.childElementCount : m && m.childElementCount > 0;
+      const v = document.querySelector(L);
+      return !n.queue && n.maxToasts === !1 ? !1 : typeof n.maxToasts == "number" && v ? n.maxToasts <= v.childElementCount : v && v.childElementCount > 0;
     }
     function G() {
       if (se()) {
         S.value = setTimeout(G, 250);
         return;
       }
-      const m = document.querySelector(L);
-      T.value && m && m.prepend(T.value), v.value = !0, typeof n.timeout == "number" && n.timeout > 0 && D.start();
+      const v = document.querySelector(L);
+      f.value && v && v.prepend(f.value), p.value = !0, typeof n.timeout == "number" && n.timeout > 0 && P.start();
     }
-    const ce = y("100%");
-    function De() {
+    const ce = b("100%");
+    function Me() {
       switch (n.type) {
         case "danger":
           return "maz-bg-danger-700";
@@ -3196,125 +3435,125 @@ const mo = {
       }
     }
     X(
-      D.remainingTime,
-      (m) => {
+      P.remainingTime,
+      (v) => {
         if (typeof n.timeout == "number") {
-          const k = 100 * m / n.timeout;
-          ce.value = `${k}%`;
+          const x = 100 * v / n.timeout;
+          ce.value = `${x}%`;
         }
       }
     );
-    function de(m) {
-      o("click", m), n.persistent || ne();
+    function de(v) {
+      o("click", v), n.persistent || ne();
     }
-    async function me(m, k) {
-      var x;
-      O.value = !0, await m(), O.value = !1, (x = n.action) != null && x.closeToast && de(k);
+    async function me(v, x) {
+      var M;
+      C.value = !0, await v(), C.value = !1, (M = n.action) != null && M.closeToast && de(x);
     }
-    function fe(m) {
-      n.noPauseOnHover || (m ? D.pause() : D.resume());
+    function fe(v) {
+      n.noPauseOnHover || (v ? P.pause() : P.resume());
     }
-    function Pe() {
-      D.stop(), S.value && clearTimeout(S.value);
+    function $e() {
+      P.stop(), S.value && clearTimeout(S.value);
     }
     function ne() {
-      Pe(), v.value = !1;
+      $e(), p.value = !1;
     }
     e({ closeToast: ne });
     function Le() {
       o("open");
     }
-    function ze() {
-      var k;
-      o("close"), (k = T.value) == null || k.remove();
-      const m = document.querySelector(L);
-      m && !(m != null && m.hasChildNodes()) && m.remove();
+    function ke() {
+      var x;
+      o("close"), (x = f.value) == null || x.remove();
+      const v = document.querySelector(L);
+      v && !(v != null && v.hasChildNodes()) && v.remove();
     }
     return ue(() => {
       j(), G();
-    }), (m, k) => (C(), N(ut, {
-      name: b.value,
-      onAfterLeave: ze,
+    }), (v, x) => (A(), N(ut, {
+      name: d.value,
+      onAfterLeave: ke,
       onAfterEnter: Le,
       persisted: ""
     }, {
-      default: U(() => [
-        at(B(
+      default: q(() => [
+        at(V(
           "button",
           {
             ref_key: "Toaster",
-            ref: T,
-            class: le(["m-toast", [
-              `--${m.type}`,
-              `--${I.value}`,
-              `--${c.value}`,
-              { "maz-pb-1": typeof m.timeout == "number" && m.timeout > 0, "--persistent": m.persistent }
+            ref: f,
+            class: le(["m-toast m-reset-css", [
+              `--${v.type}`,
+              `--${T.value}`,
+              `--${m.value}`,
+              { "maz-pb-1": typeof v.timeout == "number" && v.timeout > 0, "--persistent": v.persistent }
             ]]),
             role: "alert",
-            onMouseover: k[2] || (k[2] = (x) => fe(!0)),
-            onMouseleave: k[3] || (k[3] = (x) => fe(!1)),
-            onClick: k[4] || (k[4] = Y((x) => {
+            onMouseover: x[2] || (x[2] = (M) => fe(!0)),
+            onMouseleave: x[3] || (x[3] = (M) => fe(!1)),
+            onClick: x[4] || (x[4] = Y((M) => {
               var he;
-              return m.link && !((he = m.link) != null && he.closeToast) ? void 0 : de(x);
+              return v.link && !((he = v.link) != null && he.closeToast) ? void 0 : de(M);
             }, ["stop"]))
           },
           [
-            M.value ? (C(), N(_t(M.value), {
+            k.value ? (A(), N(Wt(k.value), {
               key: 0,
               class: "maz-text-2xl"
-            })) : V("v-if", !0),
-            B("div", En, [
-              B(
+            })) : B("v-if", !0),
+            V("div", Tn, [
+              V(
                 "p",
-                Tn,
-                Z(m.message),
+                Ln,
+                Z(v.message),
                 1
                 /* TEXT */
               )
             ]),
-            m.action ? (C(), N(A(i), {
+            v.action ? (A(), N(O(i), {
               key: 1,
               "data-test": "action-btn",
-              color: m.type,
+              color: v.type,
               pastel: "",
-              loading: O.value,
+              loading: C.value,
               size: "sm",
-              onClick: k[0] || (k[0] = Y((x) => m.action ? me(m.action.func, x) : void 0, ["stop"]))
+              onClick: x[0] || (x[0] = Y((M) => v.action ? me(v.action.func, M) : void 0, ["stop"]))
             }, {
-              default: U(() => [
+              default: q(() => [
                 Q(
-                  Z(m.action.text),
+                  Z(v.action.text),
                   1
                   /* TEXT */
                 )
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["color", "loading"])) : V("v-if", !0),
-            m.link ? (C(), N(A(i), {
+            }, 8, ["color", "loading"])) : B("v-if", !0),
+            v.link ? (A(), N(O(i), {
               key: 2,
               "data-test": "link-btn",
-              color: m.type,
+              color: v.type,
               pastel: "",
               size: "xs",
-              href: m.link.href,
-              target: m.link.target ?? "_self"
+              href: v.link.href,
+              target: v.link.target ?? "_self"
             }, {
-              default: U(() => {
-                var x;
+              default: q(() => {
+                var M;
                 return [
-                  B("div", Ln, [
-                    m.link.text ? (C(), _(
+                  V("div", kn, [
+                    v.link.text ? (A(), U(
                       "span",
-                      zn,
-                      Z(m.link.text),
+                      Cn,
+                      Z(v.link.text),
                       1
                       /* TEXT */
-                    )) : V("v-if", !0),
-                    ((x = m.link) == null ? void 0 : x.target) === "_blank" ? (C(), N(A(a), {
+                    )) : B("v-if", !0),
+                    ((M = v.link) == null ? void 0 : M.target) === "_blank" ? (A(), N(O(a), {
                       key: 1,
                       class: "maz-text-xl"
-                    })) : (C(), N(A(E), {
+                    })) : (A(), N(O(w), {
                       key: 2,
                       class: "maz-text-xl"
                     }))
@@ -3323,56 +3562,56 @@ const mo = {
               }),
               _: 1
               /* STABLE */
-            }, 8, ["color", "href", "target"])) : V("v-if", !0),
-            m.persistent ? V("v-if", !0) : (C(), _("button", {
+            }, 8, ["color", "href", "target"])) : B("v-if", !0),
+            v.persistent ? B("v-if", !0) : (A(), U("button", {
               key: 3,
               class: "--close",
-              onClick: k[1] || (k[1] = Y((x) => de(x), ["stop"]))
+              onClick: x[1] || (x[1] = Y((M) => de(M), ["stop"]))
             }, [
-              J(A(r), { class: "--icon maz-text-xl" })
+              J(O(r), { class: "--icon maz-text-xl" })
             ])),
-            typeof m.timeout == "number" && m.timeout > 0 ? (C(), _("div", Cn, [
-              B(
+            typeof v.timeout == "number" && v.timeout > 0 ? (A(), U("div", In, [
+              V(
                 "div",
                 {
-                  style: qt({
+                  style: Rt({
                     width: ce.value
                   }),
-                  class: le(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", De()])
+                  class: le(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", Me()])
                 },
                 null,
                 6
                 /* CLASS, STYLE */
               )
-            ])) : V("v-if", !0)
+            ])) : B("v-if", !0)
           ],
           34
           /* CLASS, NEED_HYDRATION */
         ), [
-          [lt, v.value]
+          [lt, p.value]
         ])
       ]),
       _: 1
       /* STABLE */
     }, 8, ["name"]));
   }
-}), kn = /* @__PURE__ */ Re(In, [["__scopeId", "data-v-c8684398"]]), An = {
+}), Sn = /* @__PURE__ */ Pe(An, [["__scopeId", "data-v-33ed4ad5"]]), xn = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1,
   icon: !0
 };
-class Sn {
+class On {
   constructor(e, t) {
     this.app = e, this.globalOptions = t;
   }
   show(e, t) {
     const n = {
-      ...An,
+      ...xn,
       ...this.globalOptions,
       ...t,
       message: e
-    }, { destroy: o, vNode: i } = We(kn, {
+    }, { destroy: o, vNode: i } = _e(Sn, {
       props: n,
       app: this.app
     });
@@ -3406,112 +3645,113 @@ class Sn {
     return this.show(e, this.getLocalOptions("warning", t));
   }
 }
-function xn(s, e) {
-  return new Sn(s, e);
+function Dn(s, e) {
+  return new On(s, e);
 }
-const fo = {
+const vo = {
   install(s, e) {
-    s.provide("toast", xn(s, e));
+    s.provide("toast", Dn(s, e));
   }
 }, re = "";
-function On(s) {
+function Pn(s) {
   return s.filter((e, t, n) => t === n.indexOf(e));
 }
-function Dn(s) {
+function Mn(s) {
   return (e = re) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e);
 }
-const Pn = (s) => s.length > 0;
-function Mn(s) {
-  return (e = re) => On([...s, e]);
+const $n = (s) => s.length > 0;
+function Vn(s) {
+  return (e = re) => Pn([...s, e]);
 }
-function $n(s) {
+function Hn(s) {
   return (e = re) => s.filter((t) => t !== e);
 }
-class Hn {
+class Bn {
   constructor() {
-    d(this, "_loaders", y([]));
+    c(this, "_loaders", b([]));
   }
   get loaders() {
-    return f(() => this._loaders.value);
+    return h(() => this._loaders.value);
   }
   stop(e = re) {
-    this._loaders.value = $n(this._loaders.value)(e);
+    this._loaders.value = Hn(this._loaders.value)(e);
   }
   start(e = re) {
-    return this._loaders.value = Mn(this._loaders.value)(e), () => this.stop(e);
+    return this._loaders.value = Vn(this._loaders.value)(e), () => this.stop(e);
   }
   get anyLoading() {
-    return f(() => Pn(this._loaders.value));
+    return h(() => $n(this._loaders.value));
   }
   isLoading(e = re) {
-    return f(() => Dn(this._loaders.value)(e)).value;
+    return h(() => Mn(this._loaders.value)(e)).value;
   }
 }
-const Vn = new Hn(), ho = {
+const Nn = new Bn(), po = {
   install: (s) => {
-    s.provide("wait", Vn);
+    s.provide("wait", Nn);
   }
 };
 export {
-  uo as $,
-  qs as A,
-  _s as B,
-  Rs as C,
-  ro as D,
-  Xs as E,
-  Zs as F,
-  lo as G,
-  Qs as H,
-  sn as I,
-  on as J,
-  an as K,
-  ct as L,
-  so as M,
-  no as N,
-  ms as O,
-  F as P,
-  We as Q,
-  Ge as R,
-  oo as S,
-  Hs as T,
-  Ts as U,
-  io as V,
-  $s as W,
-  Is as X,
-  un as Y,
-  co as Z,
-  Re as _,
-  jn as a,
-  wn as a0,
-  mo as a1,
-  fo as a2,
-  Sn as a3,
-  Vn as a4,
-  ho as a5,
-  Hn as a6,
-  Un as b,
-  _n as c,
-  qn as d,
-  Wn as e,
-  Rn as f,
-  fs as g,
-  Kn as h,
-  Oe as i,
-  Yn as j,
-  Zn as k,
-  Xn as l,
-  Gn as m,
-  Cs as n,
-  Qn as o,
-  Jn as p,
-  eo as q,
-  Rt as r,
-  ao as s,
-  As as t,
-  Fn as u,
-  Ss as v,
-  Ds as w,
-  Ps as x,
-  to as y,
-  Ms as z
+  fo as $,
+  Ms as A,
+  Ws as B,
+  Us as C,
+  _s as D,
+  lo as E,
+  Xs as F,
+  Zs as G,
+  co as H,
+  Qs as I,
+  sn as J,
+  on as K,
+  an as L,
+  ct as M,
+  oo as N,
+  io as O,
+  fs as P,
+  F as Q,
+  _e as R,
+  Ge as S,
+  ro as T,
+  Vs as U,
+  zs as V,
+  ao as W,
+  $s as X,
+  Cs as Y,
+  un as Z,
+  Pe as _,
+  Un as a,
+  mo as a0,
+  zn as a1,
+  ho as a2,
+  vo as a3,
+  On as a4,
+  Nn as a5,
+  po as a6,
+  Bn as a7,
+  Wn as b,
+  Rn as c,
+  _n as d,
+  Kn as e,
+  Yn as f,
+  vs as g,
+  Zn as h,
+  De as i,
+  Xn as j,
+  Gn as k,
+  ps as l,
+  Qn as m,
+  Jn as n,
+  ks as o,
+  eo as p,
+  to as q,
+  so as r,
+  Kt as s,
+  uo as t,
+  qn as u,
+  As as v,
+  Ss as w,
+  Ds as x,
+  Ps as y,
+  no as z
 };