maz-ui 3.47.2-beta.2 → 3.47.2-beta.21

package/modules/chunks/{index-CxFUggmu.mjs → index-CXu9R01-.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 b, onMounted as ue, onUnmounted as it, computed as f, toValue as te, 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) {
+import { inject as ot, ref as w, onMounted as le, onUnmounted as it, computed as p, toValue as ve, 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 C, createElementBlock as U, withModifiers as Y, withKeys as Nt, unref as x, createCommentVNode as B, createElementVNode as V, normalizeClass as ge, 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, createTextVNode as Q, toDisplayString as Z, Fragment as Ye, renderList as qt, resolveDynamicComponent as Ut, normalizeStyle as Wt } from "vue";
+function De(s, e) {
   const t = ot(s, e);
   if (!t)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s.toString()}`);
   return t;
 }
-function Fn() {
-  return Oe("aos");
+function jn() {
+  return De("aos");
 }
-function Wt(s) {
+function Rt(s) {
   const e = {};
   for (const [t, n] of Object.entries(s))
     e[t] = Number.parseInt(n, 10);
@@ -20,23 +20,23 @@ function Wt(s) {
 function F() {
   return typeof document < "u";
 }
-function Rt(s = {}) {
+function _t(s = {}) {
   const {
     internalWindow: e = F() ? window : void 0,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: n = Number.POSITIVE_INFINITY,
     includeScrollbar: o = !0
-  } = s, i = b(t), r = b(n);
+  } = s, i = w(t), r = w(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));
   }
-  return a(), ue(() => {
+  return a(), le(() => {
     e && window.addEventListener("resize", a, { passive: !0 });
   }), it(() => {
     e && window.removeEventListener("resize", a);
   }), { width: i, height: r };
 }
-function jn({
+function qn({
   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 } = _t({
     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 = Rt(i), b = p(() => l.value >= u[a]), c = p(
+    () => l.value >= u[r] && l.value < u[a]
+  ), f = p(() => l.value >= 0 && l.value < u[r]);
   return {
-    width: u,
-    numericBreakpoints: l,
-    isSmallScreen: E,
-    isLargeScreen: h,
-    isMediumScreen: g,
+    width: l,
+    numericBreakpoints: u,
+    isSmallScreen: f,
+    isLargeScreen: b,
+    isMediumScreen: c,
     breakpoints: i
   };
 }
 function Un() {
-  return Oe("dialog");
+  return De("dialog");
 }
 function ct(s, e, t) {
   const n = {
@@ -82,7 +82,7 @@ function ct(s, e, t) {
   i();
 }
 function dt(s) {
-  const e = te(s);
+  const e = ve(s);
   return Array.isArray(e) ? Object.freeze([...e]) : typeof e == "object" && e !== null ? Object.freeze({ ...e }) : e;
 }
 function Ze(s) {
@@ -92,7 +92,7 @@ function Kt(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;
 }
@@ -101,24 +101,24 @@ function Yt(s, 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) {
+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) ? Kt(s, e) : typeof s == "object" && typeof e == "object" ? Yt(s, e) : !1;
 }
 function Zt(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];
         }
@@ -142,7 +142,7 @@ function Xt(s, e, t) {
     })), n[s].promise);
   };
 }
-const se = {
+const te = {
   mode: "lazy",
   scrollToErrorSelector: ".has-field-error",
   debounceTime: 300,
@@ -151,7 +151,7 @@ const se = {
 function mt(s, e) {
   return Object.keys(e).includes(s);
 }
-function Xe(s = se.scrollToErrorSelector) {
+function Xe(s = te.scrollToErrorSelector) {
   const e = document.querySelector(s);
   e && e.scrollIntoView({ behavior: "smooth", block: "center" });
 }
@@ -163,7 +163,7 @@ function Gt(s, e) {
   }
   return t;
 }
-function _e(s) {
+function We(s) {
   return s == null || s === "";
 }
 function Qt({
@@ -172,19 +172,20 @@ function Qt({
   debouncedFields: t,
   throttledFields: n
 }) {
-  if (e) {
-    if (t != null && t[s] && (n != null && n[s]))
-      throw new Error(`The field "${s}" cannot be both debounced and throttled`);
-    return t != null && t[s] ? Zt(
-      s,
-      pe,
-      typeof t[s] == "number" ? t[s] : se.debounceTime
-    ) : n != null && n[s] ? Xt(
-      s,
-      pe,
-      typeof n[s] == "number" ? n[s] : se.throttleTime
-    ) : pe;
-  }
+  if (!e)
+    return;
+  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(
+    o,
+    pe,
+    typeof t[o] == "number" ? t[o] : te.debounceTime
+  ) : n != null && n[o] ? Xt(
+    o,
+    pe,
+    typeof n[o] == "number" ? n[o] : te.throttleTime
+  ) : pe;
 }
 function ft({
   name: s,
@@ -209,7 +210,7 @@ function ft({
     validated: !1,
     initialValue: dt(t),
     validateFunction: r,
-    mode: i ? (o == null ? void 0 : o.mode) ?? (n == null ? void 0 : n.mode) ?? se.mode : void 0
+    mode: i ? (o == null ? void 0 : o.mode) ?? (n == null ? void 0 : n.mode) ?? te.mode : void 0
   };
 }
 function Jt({
@@ -257,18 +258,18 @@ 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 ?? se.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) {
@@ -288,7 +289,7 @@ function ns({
   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({
@@ -314,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;
+  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,
@@ -362,7 +363,7 @@ 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({
   name: s,
@@ -372,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,
@@ -391,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,
@@ -400,7 +401,7 @@ function ls({
       payload: e
     });
 }
-function qe(s) {
+function Re(s) {
   const e = $t();
   if (!e)
     throw new Error(`${s} must be called within setup()`);
@@ -408,7 +409,7 @@ function qe(s) {
 }
 function us(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;
@@ -418,25 +419,25 @@ function cs({
   fieldState: e,
   onBlurHandler: 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) {
   return (await gt("objectAsync"))(s);
 }
-function be(s, e) {
+function we(s, e) {
   return e ? s.includes(e) : !1;
 }
-function _n(s, e) {
+function Wn(s, e) {
   const t = {
     formIdentifier: "main-form-validator",
     ...e
@@ -446,188 +447,193 @@ 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
+  } = us(t.formIdentifier, "useFormField"), u = mt(s, r.value) ? (e == null ? void 0 : e.mode) ?? i.mode : void 0;
+  t.mode = u;
+  const b = p(() => n.value[s]);
   if (n.value[s] = ht({
     name: s,
-    fieldState: h.value,
+    fieldState: b.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 E = t.defaultValue;
+    o.value[s] = E, n.value[s].initialValue = dt(E);
   }
-  l && pe({
+  u && pe({
     name: s,
-    fieldState: h.value,
+    fieldState: b.value,
     payload: o.value,
     schema: r.value,
-    setError: l === "aggressive",
-    setErrorIfInvalidAndNotEmpty: l === "lazy"
+    setError: u === "aggressive",
+    setErrorIfInvalidAndNotEmpty: u === "lazy"
   });
-  function g() {
+  function c() {
     as({
       name: s,
-      fieldState: h.value,
+      fieldState: b.value,
       payload: o.value,
       schema: r.value,
-      isSubmitted: u.value
+      isSubmitted: l.value
     });
   }
-  const E = f(
+  const f = p(
     () => cs({
       ref: t.ref,
-      onBlurHandler: g,
-      fieldState: h.value
+      onBlurHandler: c,
+      fieldState: b.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 E = [];
+    const O = (I) => {
+      E = ss(I), ns({
+        interactiveElements: E,
+        onBlurHandler: c,
+        mode: u
       });
     };
-    ue(() => {
-      const I = qe(`useFormField of ${s.toString()}`);
-      ct(() => I.refs[t.ref], (c) => {
-        const y = c instanceof HTMLElement ? c : c == null ? void 0 : c.$el;
-        y && M(y);
+    le(() => {
+      const I = Re(`useFormField of ${s}`);
+      ct(() => I.refs[t.ref], (h) => {
+        const m = h instanceof HTMLElement ? h : h == null ? void 0 : h.$el;
+        m && O(m);
       }, {
-        errorMessage: `[maz-ui](useFormField) No element found for ref ${t.ref} for field ${s.toString()}`
+        errorMessage: `[maz-ui](useFormField) No element found for ref ${t.ref} for field ${s}`
       });
     }), it(() => {
       os({
-        interactiveElements: T,
-        onBlurHandler: g
+        interactiveElements: E,
+        onBlurHandler: c
       });
     });
   }
   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: p(() => b.value.error),
+    errors: p(() => b.value.errors),
+    errorMessage: p(() => a.value[s]),
+    isValid: p(() => b.value.valid),
+    isDirty: p(() => b.value.dirty),
+    isBlurred: p(() => b.value.blurred),
+    isValidated: p(() => b.value.validated),
+    isValidating: p(() => b.value.validating),
+    mode: p(() => b.value.mode),
+    value: p({
       get: () => o.value[s],
-      set: (T) => o.value[s] = T
+      set: (E) => o.value[s] = E
     }),
-    validationEvents: E
+    validationEvents: f
   };
 }
-function qn({ schema: s, defaultValues: e, model: t, options: n }) {
-  const o = qe("useFormValidator"), i = {
-    mode: se.mode,
-    scrollToError: se.scrollToErrorSelector,
+function Rn({ 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 = b(e), a = b({ ...r.value, ...t == null ? void 0 : t.value }), u = te(s), l = b(
+  }, r = w(e), a = w({ ...r.value, ...t == null ? void 0 : t.value }), l = w(s), u = w(
     Jt({
-      schema: u.value,
+      schema: l.value,
       payload: a.value,
       options: i
     })
-  ), h = b(!1), g = b(!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));
+  ), b = w(!1), c = w(!1), f = p(() => Object.values(u.value).every(({ valid: T }) => T)), E = p(() => Object.values(u.value).some(({ dirty: T }) => T)), O = p(() => ts(u.value)), I = p(() => Gt(O.value, u.value));
   t && X(
     a,
-    (L) => {
-      t.value = { ...r.value, ...L };
+    (T) => {
+      t.value = { ...r.value, ...T };
     },
     { deep: !0 }
   ), X(
     r,
-    (L) => {
-      a.value = { ...L, ...a.value };
+    (T) => {
+      a.value = { ...T, ...a.value };
     },
     { deep: !0 }
   ), X(
-    u,
-    (L) => {
+    l,
+    (T) => {
       es({
-        schema: L,
-        fieldsStates: l.value,
+        schema: T,
+        fieldsStates: u.value,
         payload: a.value,
         options: i
-      }), c();
+      }), h();
     },
     { deep: !0 }
-  ), c();
-  function c(L = i.mode === "aggressive") {
+  ), h();
+  function h(T = i.mode === "aggressive") {
     return rs({
-      fieldsStates: l.value,
+      fieldsStates: u.value,
       payload: a.value,
-      schema: u.value,
-      showErrors: L
+      schema: l.value,
+      showErrors: T
     });
   }
-  const y = [];
-  async function O(L) {
-    await Ue();
-    const D = X(
-      () => a.value[L],
+  const m = [];
+  async function L(T) {
+    await ae();
+    const P = X(
+      () => a.value[T],
       () => {
-        const j = l.value[L];
+        const j = u.value[T];
         ls({
-          name: L,
+          name: T,
           fieldState: j,
           payload: a.value,
-          schema: u.value,
-          isSubmitted: g.value,
-          forceValidation: be(["aggressive", "lazy", "progressive"], j.mode)
+          schema: l.value,
+          isSubmitted: c.value,
+          forceValidation: we(["aggressive", "lazy", "progressive"], j.mode)
         });
       },
-      { deep: typeof u.value[L] == "object" }
+      { deep: typeof l.value[T] == "object" }
     );
-    y.push(D);
+    m.push(P);
   }
-  function v() {
-    for (const L of y)
-      L();
-    for (const L of Object.keys(u.value))
-      O(L);
+  function g() {
+    for (const T of m)
+      T();
+    for (const T of Object.keys(l.value))
+      L(T);
   }
-  function S(L, D) {
+  function A(T, P) {
     return async (j) => {
-      if (j == null || j.preventDefault(), h.value)
-        return;
-      g.value = !0, h.value = !0, await c(!0);
-      const ne = typeof D == "string" ? D : i.scrollToError;
-      let G;
-      return E.value ? G = await L(a.value) : typeof ne != "boolean" && Xe(ne), h.value = !1, G;
+      if (j == null || j.preventDefault(), !b.value) {
+        c.value = !0, b.value = !0;
+        try {
+          await h(!0);
+          const se = typeof P == "string" ? P : i.scrollToError;
+          let G;
+          return f.value ? G = await T(a.value) : typeof se != "boolean" && Xe(se), b.value = !1, G;
+        } finally {
+          b.value = !1;
+        }
+      }
     };
   }
-  const $ = {
-    fieldsStates: l,
+  const D = {
+    fieldsStates: u,
     payload: a,
     options: i,
-    internalSchema: u,
+    internalSchema: l,
     errorMessages: I,
-    isSubmitted: g
+    isSubmitted: c
   };
-  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), g(), {
     identifier: i.identifier,
-    isDirty: T,
-    isSubmitting: h,
-    isSubmitted: g,
-    isValid: E,
-    errors: M,
+    isDirty: E,
+    isSubmitting: b,
+    isSubmitted: c,
+    isValid: f,
+    errors: O,
     model: a,
-    fieldsStates: l,
-    validateForm: c,
+    fieldsStates: u,
+    validateForm: h,
     scrollToError: Xe,
-    handleSubmit: S,
+    handleSubmit: A,
     errorMessages: I
   };
 }
@@ -738,18 +744,17 @@ class ms {
     e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle, instance: this });
   }
 }
-function Wn({
+function _n({
   callback: s,
   options: e
 }) {
   return new ms(s, e);
 }
-function Rn({
+function Kn({
   componentName: s,
   providedId: e
 }) {
-  const t = Vt();
-  return f(() => e ?? `${s}-${t}`);
+  return p(() => e ?? `${s}-${Ht().replace(/:/g, "")}`);
 }
 const fs = [
   "af-ZA",
@@ -888,90 +893,257 @@ const fs = [
   "Cy-uz-UZ",
   "Lt-uz-UZ",
   "vi-VN"
-];
-function hs(s, e) {
-  return f(() => {
-    const t = te(e), n = te(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 = te(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 = te(s);
-    if (!e)
-      return [];
-    const t = new Intl.DisplayNames([e], {
-      type: "language"
-    });
-    return fs.map((n) => {
+], hs = [
+  "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"
+], vs = [...hs, ...fs];
+function Yn(s) {
+  function e(n, o) {
+    return p(() => {
+      const i = ve(o), r = ve(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 p(() => {
+      const o = ve(n);
+      if (!o)
+        return [];
+      const i = new Intl.DisplayNames([o], {
+        type: "language"
+      });
+      return vs.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) {
   const e = s.join(", ").match(/\b\w+\b/g);
   return e ? e.length : 0;
 }
-function gs(s, e = 150) {
+function ps(s, e = 150) {
   const t = yt([s]);
   return Math.ceil(t / e);
 }
-function Yn(s) {
-  const e = f(
+function Zn(s) {
+  const e = p(
     () => {
       var r;
       return typeof s.velocity == "number" ? s.velocity : ((r = s.velocity) == null ? void 0 : r.value) ?? 150;
     }
-  ), t = f(() => {
+  ), t = p(() => {
     var r;
     return typeof s.contentSelector == "string" ? s.contentSelector : (r = s.contentSelector) == null ? void 0 : r.value;
-  }), n = f(() => {
-    var r, a, u;
+  }), n = p(() => {
+    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 = p(() => ps(n.value, e.value)), i = p(() => yt([n.value]));
   return {
     content: n,
     wordCount: i,
@@ -979,7 +1151,7 @@ function Yn(s) {
     duration: o
   };
 }
-const ys = {
+const gs = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -990,7 +1162,7 @@ const ys = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function Ge(s, e) {
-  const t = { ...ys, ...e }, n = {
+  const t = { ...gs, ...e }, n = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -1045,7 +1217,7 @@ function Ge(s, e) {
       o = o.normalize(i);
   return o;
 }
-function bs(s, e) {
+function ys(s, e) {
   const t = s.length, n = e.length, o = [];
   for (let i = 0; i <= t; i++)
     o[i] = [i];
@@ -1063,33 +1235,33 @@ function bs(s, e) {
   return o[t][n];
 }
 function bt(s, e) {
-  const t = bs(s, e), n = Math.max(s.length, e.length);
+  const t = ys(s, e), n = Math.max(s.length, e.length);
   return 1 - t / n;
 }
-function ws(s, e, t = 0.75) {
+function bs(s, e, t = 0.75) {
   return bt(s, e) >= t;
 }
-function Zn(s, e, t = 0.75) {
-  const n = f(
+function Xn(s, e, t = 0.75) {
+  const n = p(
     () => Ge(typeof s == "string" ? s : s.value)
-  ), o = f(
+  ), o = p(
     () => Ge(typeof e == "string" ? e : e.value)
-  ), i = f(() => typeof t == "number" ? t : t.value), r = f(() => bt(n.value, o.value));
+  ), i = p(() => typeof t == "number" ? t : t.value), r = p(() => bt(n.value, o.value));
   return {
-    isMatching: f(
-      () => ws(n.value, o.value, i.value)
+    isMatching: p(
+      () => bs(n.value, o.value, i.value)
     ),
     score: r
   };
 }
-const Es = {
+const ws = {
   preventDefaultOnTouchMove: !1,
   preventDefaultOnMouseWheel: !1,
   threshold: 50,
   immediate: !1,
   triggerOnEnd: !1
 };
-class Ts {
+class Es {
   constructor(e) {
     d(this, "element");
     d(this, "xStart");
@@ -1105,7 +1277,7 @@ class Ts {
     d(this, "start");
     d(this, "stop");
     d(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();
+    this.inputOption = e, this.options = { ...ws, ...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() {
     this.setElement(this.options.element), this.element.addEventListener("touchstart", this.onToucheStartCallback, { passive: !0 }), this.element.addEventListener("touchmove", this.onToucheMoveCallback, { passive: !0 }), this.options.triggerOnEnd && this.element.addEventListener("touchend", this.onToucheEndCallback, { passive: !0 }), this.options.preventDefaultOnMouseWheel && this.element.addEventListener("mousewheel", this.onMouseWheelCallback, { passive: !1 });
@@ -1154,19 +1326,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 = b(), t = b(), n = b(), o = b(), i = b(), r = b(), a = f(() => te(s.element)), u = new Ts({
+function Gn(s) {
+  const e = w(), t = w(), n = w(), o = w(), i = w(), r = w(), a = p(() => ve(s.element)), l = new Es({
     ...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 {
@@ -1177,12 +1349,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 zs = {
   darkClass: "dark",
   lightClass: "light",
   storageThemeKey: "theme",
@@ -1190,11 +1362,11 @@ const Ls = {
   storageThemeValueLight: "light",
   storageThemeValueSystem: "system",
   watchChanges: !0
-}, we = b("system"), K = b("system");
+}, Ee = w("system"), K = w("system");
 function Qe() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Ee({
+function ze({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
@@ -1202,7 +1374,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,
@@ -1212,14 +1384,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)
@@ -1228,7 +1400,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
@@ -1241,8 +1413,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
@@ -1252,31 +1424,31 @@ 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 Ts(s) {
+  return Ee.value === s.storageThemeValueDark ? Te(s) : ze(s);
 }
-function Gn(s) {
+function Qn(s) {
   const e = {
-    ...Ls,
+    ...zs,
     ...s
   };
   function t() {
-    Ne(e);
+    je(e);
   }
-  return ue(() => {
+  return le(() => {
     localStorage[e.storageThemeKey] && (K.value = localStorage[e.storageThemeKey]), e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", t);
   }), rt(() => {
     e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", t);
   }), X(K, (n) => {
     switch (localStorage[e.storageThemeKey] = n, n) {
       case e.storageThemeValueDark: {
-        Ee(e);
+        ze(e);
         break;
       }
       case e.storageThemeValueLight: {
@@ -1289,51 +1461,51 @@ 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: () => Ts(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: p(() => K.value === e.storageThemeValueDark),
+    hasLightTheme: p(() => K.value === e.storageThemeValueLight),
+    hasSystemTheme: p(() => K.value === e.storageThemeValueSystem),
+    theme: Ee,
     selectedTheme: K
   };
 }
-function Cs({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
-  const o = b(s), i = b(s);
+function Ls({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
+  const o = w(s), i = w(s);
   let r;
-  function a(E) {
-    typeof E == "number" && (i.value = E), typeof E == "number" && (o.value = E), u();
+  function a(f) {
+    typeof f == "number" && (i.value = f), typeof f == "number" && (o.value = f), 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 && (c(), 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 b() {
+    !r && i.value > 0 && l();
   }
-  function g() {
-    setTimeout(() => i.value = o.value, n * 2), l();
+  function c() {
+    setTimeout(() => i.value = o.value, n * 2), u();
   }
   return {
     remainingTime: i,
     start: a,
-    pause: l,
-    resume: h,
-    stop: g
+    pause: u,
+    resume: b,
+    stop: c
   };
 }
-function Qn() {
-  return Oe("toast");
+function Jn() {
+  return De("toast");
 }
-class Is {
+class ks {
   constructor(e, t) {
     d(this, "eventHandlerFunction");
     d(this, "event", "visibilitychange");
@@ -1379,105 +1551,105 @@ class Is {
     this.removeEventListener(), this.timeoutHandler && clearTimeout(this.timeoutHandler);
   }
 }
-function Jn({
+function eo({
   callback: s,
   options: e
 }) {
-  return new Is(s, e);
+  return new ks(s, e);
 }
-function eo() {
-  return Oe("wait");
+function to() {
+  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 Cs(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
-}, Ss = {
+const Is = {
+  mounted: Tt,
+  updated: Cs,
+  unmounted: Lt
+}, As = {
   install: (s) => {
-    s.directive("click-outside", As);
+    s.directive("click-outside", Is);
   }
 };
-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));
+function Ss(s, e) {
+  const t = Ct();
+  document.removeEventListener(t, (n) => kt(n, s, e));
 }
-function Os(s, e) {
+function xs(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,
-  unmounted: xs
-}, Ps = {
+const Os = {
+  mounted: xs,
+  unmounted: Ss
+}, Ds = {
   install: (s) => {
-    s.directive("closable", Ds);
+    s.directive("closable", Os);
   }
-}, Fe = {
+}, qe = {
   position: "top"
 };
-class kt {
+class It {
   constructor(e = {}) {
     d(this, "options");
     this.options = {
-      ...Fe,
+      ...qe,
       ...e
     };
   }
@@ -1493,10 +1665,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);
@@ -1506,10 +1683,10 @@ class kt {
   }
 }
 let Ie;
-const to = {
+const so = {
   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);
@@ -1517,12 +1694,12 @@ const to = {
   unmounted(s, e) {
     return Ie.remove(s, e);
   }
-}, Ms = {
-  install: (s, e = Fe) => {
+}, Ps = {
+  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),
@@ -1530,7 +1707,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);
@@ -1542,16 +1719,16 @@ function We(s, e) {
   );
   return e != null && e.app ? (i.appContext = e.app._context, t ? Ce(i, t) : typeof document < "u" && (t = document.createElement("div"), Ce(i, t))) : (t = t ?? document.body, Ce(i, t)), { vNode: i, destroy: n, el: t };
 }
-function $s(s) {
+function Ms(s) {
   return !!s;
 }
-function so(s) {
+function no(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("");
+  }).filter(Ms).map((e) => String.fromCodePoint(e)).join("");
 }
-function no(s, e) {
+function oo(s, e) {
   let t;
   return function(...n) {
     clearTimeout(t), t = setTimeout(() => {
@@ -1559,7 +1736,7 @@ function no(s, e) {
     }, e);
   };
 }
-class oo {
+class io {
   constructor({ src: e, identifier: t, once: n = !0, async: o = !0, defer: i = !0 }) {
     d(this, "src");
     d(this, "script");
@@ -1600,10 +1777,10 @@ class oo {
     });
   }
 }
-function Hs(s) {
+function $s(s) {
   return new Promise((e) => setTimeout(e, s));
 }
-function io(s, e) {
+function ro(s, e) {
   let t = !1, n, o;
   return function(...i) {
     t ? (clearTimeout(n), n = setTimeout(() => {
@@ -1611,7 +1788,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 Vs = ["onKeypress"], Hs = { class: "m-fullscreen-img-scroller" }, Bs = ["src", "alt"], Ns = /* @__PURE__ */ ye({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -1629,57 +1806,57 @@ 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-BurN-1pb.mjs")), i = H(() => import("./x-mark-CnZwVvA7.mjs")), r = H(() => import("./chevron-left-BqVOLRdC.mjs")), a = b(!1), u = b(!1), l = b(!1), h = b(!1), g = b(!1), E = Bt({
+    const t = s, n = e, o = H(() => import("./MazSpinner-C4XtaFJk.mjs")), i = H(() => import("./x-mark-CnZwVvA7.mjs")), r = H(() => import("./chevron-left-BqVOLRdC.mjs")), a = w(!1), l = w(!1), u = w(!1), b = w(!1), c = w(!1), f = Bt({
       running: !1,
       ended: !1
-    }), T = b(t.clickedElement), M = f(() => t.clickedElement.getBoundingClientRect()), I = b(), c = b(t.src), y = b(t.alt), O = b(), v = b(), S = b(!0), $ = f(() => ({
-      "--is-zoomed": g.value,
-      "--invisible": S.value,
-      "--absolute": !g.value
+    }), E = w(t.clickedElement), O = p(() => t.clickedElement.getBoundingClientRect()), I = w(), h = w(t.src), m = w(t.alt), L = w(), g = w(), A = w(!0), D = p(() => ({
+      "--is-zoomed": c.value,
+      "--invisible": A.value,
+      "--absolute": !c.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;
+    function T() {
+      var y, z;
+      g.value && (I.value = ((y = g.value) == null ? void 0 : y.naturalWidth) > ((z = g.value) == null ? void 0 : z.naturalHeight)), a.value = !0, l.value = !1, u.value = !0;
     }
     X(
-      l,
-      async (p) => {
-        p && k();
+      u,
+      (y) => {
+        y && S();
       },
       { 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(y) {
+      y.key === "Escape" && (y.preventDefault(), P()), (y.key === "ArrowLeft" || y.key === "ArrowRight") && (y.preventDefault(), de(y.key === "ArrowRight" ? "next" : "previous"));
     }
-    function ne() {
+    function se() {
       document.documentElement.classList.add("--m-fullscreen-open");
     }
     function G() {
       document.documentElement.classList.remove("--m-fullscreen-open");
     }
-    function ce() {
+    function ue() {
       return [...document.querySelectorAll(".m-fullscreen-img-instance")];
     }
-    function De(p, w) {
-      return w < 0 ? p.length - 1 : w >= p.length ? 0 : w;
+    function Me(y, z) {
+      return z < 0 ? y.length - 1 : z >= y.length ? 0 : z;
     }
-    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");
-      y.value = P, c.value = z ?? c.value;
+    function ce(y, z) {
+      y.classList.remove(t.openInstanceClass), z.classList.add(t.openInstanceClass);
+      const k = z.getAttribute("data-src"), $ = z.getAttribute("data-alt");
+      m.value = $, h.value = k ?? h.value;
     }
-    function me(p) {
-      S.value = !0;
-      const w = document.querySelector(
+    function de(y) {
+      A.value = !0;
+      const z = 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 (z) {
+        const k = ue(), $ = k.indexOf(z), R = y === "next" ? $ + 1 : $ - 1, _ = k[Me(k, R)];
+        E.value = _, _ && ce(z, _), n(y), a.value = !1, l.value = !0, ct(() => a.value === !0, () => {
+          A.value = !1, c.value ? me() : v();
         }, {
           expectedValue: !0,
           interval: 100,
@@ -1687,173 +1864,173 @@ const Vs = ["onKeypress"], Bs = { class: "m-fullscreen-img-scroller" }, Ns = ["s
         });
       }
     }
-    function fe() {
-      const p = v.value;
-      if (!p) {
+    function me() {
+      const y = g.value;
+      if (!y) {
         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"));
+      y.style.removeProperty("max-width"), y.style.removeProperty("max-height"), y == null || y.style.removeProperty("top"), y == null || y.style.removeProperty("left"), I.value ? (y.style.height = "100vh", y.style.removeProperty("width")) : (y.style.width = "100vw", y.style.removeProperty("height"));
     }
-    async function Pe() {
-      g.value ? (g.value = !g.value, m()) : (g.value = !g.value, fe());
+    function $e() {
+      c.value ? (c.value = !c.value, v()) : (c.value = !c.value, me());
     }
-    function oe(p) {
-      var z;
-      E.running = !0, S.value = !1;
-      const w = (z = v.value) == null ? void 0 : z.animate(p, {
+    function ne(y) {
+      var k;
+      f.running = !0, A.value = !1;
+      const z = (k = g.value) == null ? void 0 : k.animate(y, {
         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 (!z) {
+        console.error("[maz-ui](vFullscreenImg) animation is not defined"), f.running = !1, f.ended = !0;
         return;
       }
-      return w;
+      return z;
     }
-    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(y = t.offset ?? 0) {
+      const z = E.value.clientWidth || 1, k = E.value.clientHeight || 1, $ = window.innerWidth, R = window.innerHeight, _ = Math.min(
+        ($ - 2 * y) / z,
+        (R - 2 * y) / k
+      ), Ve = ($ - z * _) / 2, He = (R - k * _) / 2;
       return {
-        centerX: Me,
-        centerY: $e,
-        width: w,
-        height: z,
-        scale: R
+        centerX: Ve,
+        centerY: He,
+        width: z,
+        height: k,
+        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: y }) {
+      const { width: z, height: k, scale: $, centerX: R, centerY: _ } = Le(), { top: Ve, left: He, width: Ot, height: Dt } = O.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: `${z * $}px`,
+          height: `${k * $}px`,
           opacity: 1
         }
       ];
       return {
-        frames: p === "open" ? Ke : Ke.reverse()
+        frames: y === "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: y, width: z, scale: k } = Le(), $ = I.value ? {
+        width: `${z * k}px`,
+        maxHeight: `${y * k}px`
       } : {
-        height: `${p * z}px`,
-        maxWidth: `${w * z}px`
+        height: `${y * k}px`,
+        maxWidth: `${z * k}px`
       };
-      if (!v.value) {
+      if (!g.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);
+      I.value ? (g.value.style.removeProperty("height"), g.value.style.removeProperty("maxHeight")) : (g.value.style.removeProperty("width"), g.value.style.removeProperty("maxWidth")), Object.assign(g.value.style, $);
     }
-    function k() {
-      const { frames: p } = ze({
+    function S() {
+      const { frames: y } = ke({
         trigger: "open"
-      }), w = oe(p);
-      if (!w) {
-        console.error("[maz-ui](vFullscreenImg) open animation is not defined"), m();
+      }), z = ne(y);
+      if (!z) {
+        console.error("[maz-ui](vFullscreenImg) open animation is not defined"), v();
         return;
       }
-      w.onfinish = () => {
-        m(), E.running = !1, E.ended = !0;
+      z.onfinish = () => {
+        v(), f.running = !1, f.ended = !0;
       };
     }
-    function x() {
-      const { frames: p } = ze({
+    function M() {
+      const { frames: y } = ke({
         trigger: "close"
-      }), w = oe(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;
+      }), z = ne(y);
+      function k() {
+        var $, R;
+        n("close"), ($ = L.value) == null || $.remove(), (R = t.destroy) == null || R.call(t), f.running = !1, f.ended = !0;
       }
-      if (!w) {
-        console.error("[maz-ui](vFullscreenImg) close animation is not defined"), z();
+      if (!z) {
+        console.error("[maz-ui](vFullscreenImg) close animation is not defined"), k();
         return;
       }
-      w.onfinish = z;
+      z.onfinish = k;
     }
-    function he() {
-      g.value || m();
+    function fe() {
+      c.value || v();
     }
-    return ue(() => {
-      u.value = !0, document.addEventListener("keydown", j), window.addEventListener("resize", he), ne(), h.value = ce().length > 1;
+    return le(() => {
+      l.value = !0, document.addEventListener("keydown", j), window.addEventListener("resize", fe), se(), b.value = ue().length > 1;
     }), rt(() => {
-      document.removeEventListener("keydown", j), window.removeEventListener("resize", he), G();
-    }), (p, w) => (C(), _("div", {
+      document.removeEventListener("keydown", j), window.removeEventListener("resize", fe), G();
+    }), (y, z) => (C(), U("div", {
       ref_key: "FullscreenImgElement",
-      ref: O,
+      ref: L,
       role: "button",
       class: "m-fullscreen-img",
       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 && b.value ? (C(), U("button", {
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: w[0] || (w[0] = Y((z) => me("next"), ["stop"]))
+        onClick: z[0] || (z[0] = Y((k) => de("next"), ["stop"]))
       }, [
-        J(A(r), { class: "maz-rotate-180" })
-      ])) : V("v-if", !0),
-      l.value && h.value ? (C(), _("button", {
+        J(x(r), { class: "maz-rotate-180" })
+      ])) : B("v-if", !0),
+      u.value && b.value ? (C(), U("button", {
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: w[1] || (w[1] = Y((z) => me("previous"), ["stop"]))
+        onClick: z[1] || (z[1] = Y((k) => de("previous"), ["stop"]))
       }, [
-        J(A(r))
-      ])) : V("v-if", !0),
-      B("button", {
+        J(x(r))
+      ])) : B("v-if", !0),
+      V("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: D
+        onClick: P
       }, [
-        J(A(i))
+        J(x(i))
       ]),
-      B("div", Bs, [
-        B("img", {
+      V("div", Hs, [
+        V("img", {
           ref_key: "ImgElement",
-          ref: v,
-          src: c.value,
-          alt: y.value ?? void 0,
+          ref: g,
+          src: h.value,
+          alt: m.value ?? void 0,
           tabindex: "0",
-          class: le([$.value]),
-          onLoad: L,
-          onClick: w[2] || (w[2] = Y((z) => p.zoom && Pe(), ["stop"]))
-        }, null, 42, Ns),
+          class: ge([D.value]),
+          onLoad: T,
+          onClick: z[2] || (z[2] = Y((k) => y.zoom && $e(), ["stop"]))
+        }, null, 42, Bs),
         at(J(
-          A(o),
+          x(o),
           { class: "m-fullscreen-img-loader" },
           null,
           512
           /* NEED_PATCH */
         ), [
-          [lt, u.value]
+          [lt, l.value]
         ])
       ])
     ], 40, Vs));
   }
-}), 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 {
+}, Fs = /* @__PURE__ */ Pe(Ns, [["__scopeId", "data-v-4a73acb2"]]), Je = "m-fullscreen-is-open";
+class js {
   constructor() {
     d(this, "options");
     d(this, "defaultOptions", {
@@ -1910,7 +2087,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(Fs, {
       props: {
         ...this.options,
         openInstanceClass: Je,
@@ -1927,22 +2104,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 qs = {
   mounted(s, e) {
-    return ke = new Us(), ke.create(s, e);
+    return Ae = new js(), 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 = {
+}, Us = {
   install(s) {
-    s.directive("fullscreen-img", _s);
+    s.directive("fullscreen-img", qs);
   }
-}, Ws = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", je = {
+}, Ws = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", Ue = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -1959,7 +2136,7 @@ const _s = {
 class At {
   constructor(e = {}) {
     d(this, "observers", []);
-    d(this, "defaultOptions", je);
+    d(this, "defaultOptions", Ue);
     d(this, "options");
     d(this, "onImgLoadedCallback");
     d(this, "onImgErrorCallback");
@@ -2109,25 +2286,25 @@ class At {
     this.observers = [];
   }
 }
-let Ae;
-const ro = {
+let Se;
+const ao = {
   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 = {
   install(s, e = {}) {
     const t = {
-      ...je,
+      ...Ue,
       ...e,
       observerOptions: {
-        ...je.observerOptions,
+        ...Ue.observerOptions,
         ...e.observerOptions
       }
     }, n = new At(t);
@@ -2137,7 +2314,7 @@ const ro = {
       unmounted: n.remove.bind(n)
     });
   }
-}, Ks = `
+}, _s = `
 .maz-zoom-img {
   position: fixed;
   top: 0;
@@ -2266,7 +2443,7 @@ const ro = {
   previous: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',
   spinner: '<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'
 };
-class Ys {
+class Ks {
   constructor(e) {
     d(this, "options");
     d(this, "loader");
@@ -2313,7 +2490,7 @@ class Ys {
     e.classList.add(
       "maz-is-open"
       /* OPEN */
-    ), this.addStyle(Ks);
+    ), this.addStyle(_s);
     const n = document.createElement("div");
     n.classList.add("maz-zoom-img"), n.setAttribute("id", "MazImgPreviewFullsize"), n.addEventListener("click", (o) => {
       n.isEqualNode(o.target) && this.closePreview();
@@ -2348,8 +2525,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(
@@ -2363,7 +2542,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(
@@ -2400,47 +2580,47 @@ class Ys {
     this.img.removeEventListener("load", this.onImgLoadedCallback);
   }
 }
-let Se;
-const Zs = {
+let xe;
+const Ys = {
   created(s, e) {
-    Se = new Ys(e), Se.create(s);
+    xe = new Ks(e), xe.create(s);
   },
   updated(s, e) {
-    Se.update(e);
+    xe.update(e);
   },
   unmounted(s) {
-    Se.remove(s);
+    xe.remove(s);
   }
-}, Xs = {
+}, Zs = {
   install(s) {
-    s.directive("zoom-img", Zs);
+    s.directive("zoom-img", Ys);
   }
-}, Gs = [
-  Ps,
-  Xs,
+}, Xs = [
+  Ds,
+  Zs,
   Rs,
-  Ss,
-  qs,
-  Ms
-], ao = {
+  As,
+  Us,
+  Ps
+], lo = {
   install(s) {
-    for (const e of Gs)
+    for (const e of Xs)
       e.install(s, {});
   }
 };
-function Qs(s) {
+function Gs(s) {
   return s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "";
 }
-const Js = {
+const Qs = {
   style: "currency",
   minimumFractionDigits: 2,
   round: !1
 };
-function en(s, e, t) {
+function Js(s, e, t) {
   let n = Number(s);
   return t.round && (n = Math.floor(n), t.minimumFractionDigits = 0), new Intl.NumberFormat(e, t).format(n);
 }
-function tn(s, e, t) {
+function en(s, e, t) {
   if (s === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
   if (e === void 0)
@@ -2450,29 +2630,29 @@ function tn(s, e, t) {
   if (t.currency === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
 }
-function sn(s, e, t) {
+function tn(s, e, t) {
   const n = {
-    ...Js,
+    ...Qs,
     ...t
   };
-  tn(s, e, n);
+  en(s, e, n);
   try {
-    return en(s, e, n);
+    return Js(s, e, n);
   } catch (o) {
     throw new Error(`[maz-ui](FilterCurrency) ${o}`);
   }
 }
-const nn = {
+const sn = {
   month: "short",
   day: "numeric",
   year: "numeric"
 };
-function on(s, e, t) {
+function nn(s, e, t) {
   if (e === void 0)
     throw new TypeError("[maz-ui](FilterDate) The `locale` attribute is required.");
   if (typeof e != "string")
     throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");
-  const n = t ?? nn;
+  const n = t ?? sn;
   try {
     const o = s instanceof Date ? s : new Date(s);
     return new Intl.DateTimeFormat(e, n).format(o);
@@ -2480,12 +2660,12 @@ function on(s, e, t) {
     throw new Error(`[maz-ui](FilterDate) ${o}`);
   }
 }
-const rn = {
+const on = {
   minimumFractionDigits: 2
 };
-function an(s, e, t) {
+function rn(s, e, t) {
   const n = {
-    ...rn,
+    ...on,
     ...t
   };
   if (s === void 0)
@@ -2500,16 +2680,16 @@ function an(s, e, t) {
     throw new Error(`[maz-ui](FilterNumber) ${o}`);
   }
 }
-const ln = {
-  capitalize: Qs,
-  currency: sn,
-  date: on,
-  number: an
-}, lo = {
+const an = {
+  capitalize: Gs,
+  currency: tn,
+  date: nn,
+  number: rn
+}, uo = {
   install(s) {
-    s.provide("filters", ln);
+    s.provide("filters", an);
   }
-}, Be = {
+}, Fe = {
   delay: 100,
   observer: {
     root: void 0,
@@ -2522,44 +2702,45 @@ const ln = {
     delay: 0
   }
 };
-class un {
+class ln {
   constructor(e) {
     d(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 b = a.getAttribute("data-maz-aos-duration"), c = a.getAttribute("data-maz-aos-delay");
+          if (b || (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)), c || (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 f = a.getAttribute("data-maz-aos-anchor");
+            if (f) {
+              const E = document.querySelector(f);
+              E && t.unobserve(E);
             }
             t.unobserve(a);
           }
@@ -2569,7 +2750,7 @@ class un {
     }
   }
   async handleObserver() {
-    await Hs(this.options.delay);
+    await $s(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");
@@ -2586,18 +2767,22 @@ class un {
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
 }
-let ve;
-const uo = {
+let he;
+const co = {
   install: (s, e) => {
-    ve = new un(e), s.provide("aos", ve), F() && (e != null && e.router ? e.router.afterEach(async () => {
-      ve.runAnimations();
-    }) : ve.runAnimations());
+    he = new ln(e), s.provide("aos", he), F() && (e != null && e.router ? e.router.afterEach(() => {
+      he.runAnimations();
+    }) : he.runAnimations());
   }
 };
-function co() {
-  return ve;
-}
-const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
+function mo() {
+  return he;
+}
+const un = {
+  role: "dialog",
+  class: "m-backdrop-container",
+  "aria-modal": "true"
+}, cn = { class: "m-backdrop-wrapper" }, tt = "--backdrop-present", dn = /* @__PURE__ */ ye({
   inheritAttrs: !1,
   __name: "MazBackdrop",
   props: {
@@ -2607,130 +2792,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 = b(n.modelValue);
-    function u() {
+    const r = w(s.modelValue);
+    function a() {
       l(!1);
     }
-    async function l(c) {
-      var y;
-      c || (o("before-close"), await ((y = n.beforeClose) == null ? void 0 : y.call(n))), a.value = c;
+    async function l(m) {
+      var L;
+      m || (n("before-close"), await ((L = s.beforeClose) == null ? void 0 : L.call(s))), r.value = m;
     }
-    function h() {
-      o("open");
+    function u() {
+      n("open");
     }
-    function g() {
-      o("update:model-value", !1), o("close"), I();
+    function b() {
+      n("update:model-value", !1), n("close"), O();
     }
-    function E() {
-      n.persistent || u();
+    function c() {
+      s.persistent || a();
     }
-    function T(c) {
-      !n.noCloseOnEscKey && c.key === "Escape" && !n.persistent && u();
+    function f(m) {
+      !s.noCloseOnEscKey && m.key === "Escape" && !s.persistent && a();
     }
-    function M() {
-      i(), document.addEventListener("keyup", T, !1);
+    function E() {
+      o(), document.addEventListener("keyup", f, !1);
     }
-    function I() {
-      document.removeEventListener("keyup", T), r();
+    function O() {
+      document.removeEventListener("keyup", f), i();
+    }
+    le(() => {
+      s.modelValue ? E() : O();
+    });
+    let I = null;
+    function h(m) {
+      const L = document.querySelector(m), A = L && Array.from(L.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), D = A == null ? void 0 : A.filter((T) => {
+        const P = window.getComputedStyle(T);
+        return P.display !== "none" && P.visibility !== "hidden" && !T.disabled;
+      });
+      return D && D.length > 0 ? D[0] : null;
     }
-    return ue(() => {
-      n.modelValue ? M() : I();
-    }), X(
-      () => n.modelValue,
-      (c) => {
-        a.value = c, c ? M() : I();
+    return X(
+      () => s.modelValue,
+      async (m) => {
+        if (r.value = m, m) {
+          E(), I = document.activeElement, await ae();
+          const L = h(".m-backdrop-content");
+          L == null || L.focus();
+        } else
+          O(), await ae(), I == null || I.focus();
       }
     ), e({
-      onBackdropAnimationEnter: h,
-      onBackdropAnimationLeave: g,
-      onBackdropClicked: E,
-      close: u,
-      present: a,
+      onBackdropAnimationEnter: u,
+      onBackdropAnimationLeave: b,
+      onBackdropClicked: c,
+      close: a,
+      present: r,
       toggleModal: l,
-      onKeyPress: T
-    }), (c, y) => (C(), N(Ft, { to: c.teleportSelector }, [
+      onKeyPress: f
+    }), (m, L) => (C(), N(Ft, { to: m.teleportSelector }, [
       J(ut, {
         appear: "",
-        name: c.transitionName,
-        onAfterEnter: h,
-        onAfterLeave: g
+        name: m.transitionName,
+        onAfterEnter: u,
+        onAfterLeave: b
       }, {
-        default: U(() => [
-          a.value ? (C(), _(
+        default: q(() => [
+          r.value ? (C(), U(
             "div",
-            {
+            ee({
               key: 0,
-              class: le(["m-backdrop --present", [c.backdropClass]]),
-              tabindex: "-1",
-              role: "dialog"
-            },
+              class: "m-backdrop --present"
+            }, m.$attrs, {
+              class: [m.backdropClass, m.variant && `--variant-${m.variant}`, { "--persistent": m.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", un, [
+                V("div", cn, [
+                  V(
+                    "div",
+                    {
+                      class: ge(["m-backdrop-content", [m.backdropContentClass, `--justify-${m.justify}`, `--align-${m.align}`, { "--padding": m.contentPadding }]]),
+                      role: "button",
+                      tabindex: "-1",
+                      onClick: Y(c, ["self"])
+                    },
+                    [
+                      W(m.$slots, "default", {
+                        close: a,
+                        onBackdropClicked: c
+                      }, 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 = {
+}), mn = /* @__PURE__ */ Pe(dn, [["__scopeId", "data-v-7aa1682e"]]), fn = {
   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"
+}, hn = {
   key: 0,
   class: "m-dialog-footer"
-}, hn = /* @__PURE__ */ ge({
+}, vn = /* @__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: {},
@@ -2738,82 +2937,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-Dsr06Zgg.mjs")), o = H(() => import("./x-mark-CnZwVvA7.mjs")), i = jt(), r = b();
+    const t = s, n = H(() => import("./MazBtn-yNCoLFA6.mjs")), o = H(() => import("./x-mark-CnZwVvA7.mjs")), i = jt(), r = w();
     e({
       close: () => {
-        var l, h;
-        return (h = (l = r.value) == null ? void 0 : l.close) == null ? void 0 : h.call(l);
+        var c, f;
+        return (f = (c = r.value) == null ? void 0 : c.close) == null ? void 0 : f.call(c);
       }
     });
-    const a = f(() => ({
+    const a = p(() => {
+      const c = [
+        "modelValue",
+        "title",
+        "noClose",
+        "maxWidth",
+        "minWidth",
+        "scrollable"
+      ];
+      return Object.fromEntries(
+        Object.entries(t).filter(([f]) => !c.includes(f))
+      );
+    }), l = p(() => ({
       ...i,
       class: void 0,
       style: void 0
-    })), u = f(() => ({
+    })), u = p(() => ({
       class: i.class,
       style: i.style
-    }));
-    return (l, h) => (C(), N(cn, ee({ ...a.value, ...t }, {
+    })), b = w();
+    return t.scrollable && X(() => t.modelValue, async (c) => {
+      await ae(), c && b.value && setTimeout(() => {
+        var f;
+        (f = b.value) == null || f.scrollTo({ top: 0, behavior: "instant" });
+      }, 0);
+    }), (c, f) => (C(), N(mn, ee({ ...l.value, ...a.value }, {
       ref_key: "backdrop",
       ref: r,
-      persistent: l.persistent,
-      "model-value": l.modelValue,
+      "model-value": c.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: f[0] || (f[0] = (E) => c.$emit("close", E)),
+      onOpen: f[1] || (f[1] = (E) => c.$emit("open", E)),
+      "onUpdate:modelValue": f[2] || (f[2] = (E) => c.$emit("update:model-value", E))
     }), {
-      default: U(({ close: g }) => [
-        B(
+      default: q(({ close: E, onBackdropClicked: O }) => [
+        V(
           "div",
           ee({
-            class: ["m-dialog", { "--scrollable": l.scrollable }],
+            class: ["m-dialog", { "--scrollable": c.scrollable }],
             role: "dialog",
             "aria-modal": "true",
-            style: [{ width: l.width, maxWidth: l.maxWidth, maxHeight: l.maxHeight }]
+            style: [{ "--max-width": c.maxWidth, "--min-width": c.minWidth }]
           }, u.value),
           [
-            q(l.$slots, "header", { close: g }, () => [
-              B(
+            W(c.$slots, "header", {
+              close: E,
+              onBackdropClicked: O
+            }, () => [
+              V(
                 "div",
                 {
-                  class: le(["m-dialog-header", { "--has-title": l.$slots.title || l.title }])
+                  class: ge(["m-dialog-header", { "--has-title": c.$slots.title || c.title }])
                 },
                 [
-                  l.$slots.title || l.title ? (C(), _("h2", dn, [
-                    q(l.$slots, "title", {}, () => [
+                  c.$slots.title || c.title ? (C(), U("h2", fn, [
+                    W(c.$slots, "title", {}, () => [
                       Q(
-                        Z(l.title),
+                        Z(c.title),
                         1
                         /* TEXT */
                       )
                     ], !0)
-                  ])) : V("v-if", !0),
-                  !l.noClose && !l.persistent ? (C(), N(A(n), {
+                  ])) : B("v-if", !0),
+                  !c.noClose && !c.persistent ? (C(), N(x(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: x(o),
+                    onClick: E
+                  }, 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: b,
+                class: "m-dialog-content"
+              },
+              [
+                W(c.$slots, "default", {
+                  close: E,
+                  onBackdropClicked: O
+                }, void 0, !0)
+              ],
+              512
+              /* NEED_PATCH */
+            ),
+            c.$slots.footer ? (C(), U("div", hn, [
+              W(c.$slots, "footer", {
+                close: E,
+                onBackdropClicked: O
+              }, void 0, !0)
+            ])) : B("v-if", !0)
           ],
           16
           /* FULL_PROPS */
@@ -2821,9 +3062,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"]]), ie = {
+}), pn = /* @__PURE__ */ Pe(vn, [["__scopeId", "data-v-b16ef3d7"]]), oe = {
   cancelText: "Cancel",
   confirmText: "Confirm",
   cancelButton: {
@@ -2834,11 +3075,11 @@ const tt = "--backdrop-present", cn = /* @__PURE__ */ ge({
     text: "Confirm",
     color: "success"
   }
-}, pn = b(ie), re = b([]);
-function gn(s, e) {
+}, gn = w(oe), ie = w([]);
+function yn(s, e) {
   return new Promise((t, n) => {
-    re.value = [
-      ...re.value,
+    ie.value = [
+      ...ie.value,
       {
         id: s,
         isActive: !0,
@@ -2853,7 +3094,7 @@ function gn(s, e) {
   });
 }
 function St(s) {
-  return re.value = re.value.filter(({ id: e }) => e !== s), re.value;
+  return ie.value = ie.value.filter(({ id: e }) => e !== s), ie.value;
 }
 function st(s, e, t) {
   var n;
@@ -2863,15 +3104,15 @@ function st(s, e, t) {
 }
 function xt() {
   return {
-    data: pn,
-    dialogState: re,
-    showDialogAndWaitChoice: gn,
+    data: gn,
+    dialogState: ie,
+    showDialogAndWaitChoice: yn,
     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 bn = { class: "maz-flex maz-items-center maz-gap-2" }, wn = /* @__PURE__ */ ye({
   __name: "MazDialogPromise",
   props: {
     data: { default: void 0 },
@@ -2881,9 +3122,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: {},
@@ -2892,6 +3132,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: {},
@@ -2899,113 +3143,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-Dsr06Zgg.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(() => ({
-      ...ie,
+    const t = s, n = H(() => import("./MazBtn-yNCoLFA6.mjs")), { dialogState: o, rejectDialog: i, resolveDialog: r, data: a } = xt(), l = p(() => {
+      var h;
+      return t.buttons ?? ((h = t.data) == null ? void 0 : h.buttons) ?? a.value.buttons;
+    }), u = p(() => ({
+      ...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) ?? ie.cancelButton))
+    })), b = p(() => {
+      var L, g, A, D;
+      if (!(((L = a.value) == null ? void 0 : L.cancelButton) ?? ((g = t.data) == null ? void 0 : g.cancelButton) ?? oe.cancelButton))
         return;
-      const y = {
-        ...ie.cancelButton,
-        ...(S = a.value) == null ? void 0 : S.cancelButton,
-        ...($ = t.data) == null ? void 0 : $.cancelButton
+      const m = {
+        ...oe.cancelButton,
+        ...(A = a.value) == null ? void 0 : A.cancelButton,
+        ...(D = t.data) == null ? void 0 : D.cancelButton
       };
       return {
-        ...y,
-        text: t.cancelText || l.value.cancelText || y.text
+        ...m,
+        text: t.cancelText || u.value.cancelText || m.text
       };
-    }), g = f(() => {
-      var O, v, S, $;
-      if (!(((O = a.value) == null ? void 0 : O.confirmButton) ?? ((v = t.data) == null ? void 0 : v.confirmButton) ?? ie.confirmButton))
+    }), c = p(() => {
+      var L, g, A, D;
+      if (!(((L = a.value) == null ? void 0 : L.confirmButton) ?? ((g = t.data) == null ? void 0 : g.confirmButton) ?? oe.confirmButton))
         return;
-      const y = {
-        ...ie.confirmButton,
-        ...(S = a.value) == null ? void 0 : S.confirmButton,
-        ...($ = t.data) == null ? void 0 : $.confirmButton
+      const m = {
+        ...oe.confirmButton,
+        ...(A = a.value) == null ? void 0 : A.confirmButton,
+        ...(D = t.data) == null ? void 0 : D.confirmButton
       };
       return {
-        ...y,
-        text: t.confirmText || l.value.confirmText || y.text
+        ...m,
+        text: t.confirmText || u.value.confirmText || m.text
       };
-    }), E = f(
-      () => o.value.find(({ id: c }) => c === t.identifier)
-    ), T = b();
+    }), f = p(
+      () => o.value.find(({ id: h }) => h === t.identifier)
+    ), E = w();
     e({
       close: () => {
-        var c, y;
-        return (y = (c = T.value) == null ? void 0 : c.close) == null ? void 0 : y.call(c);
+        var h, m;
+        return (m = (h = E.value) == null ? void 0 : h.close) == null ? void 0 : m.call(h);
       }
     });
-    function M(c) {
-      return "type" in c && (c.type === "resolve" || c.type === "reject");
+    function O(h) {
+      return "type" in h && (h.type === "resolve" || h.type === "reject");
     }
-    function I(c, y) {
-      return M(y) ? y.type === "resolve" ? r(c, y.response) : i(c, y.response) : r(c, void 0, y.action);
+    function I(h, m) {
+      return O(m) ? m.type === "resolve" ? r(h, m.response) : i(h, m.response) : r(h, void 0, m.action);
     }
-    return (c, y) => {
-      var O;
-      return C(), N(vn, ee({
+    return (h, m) => {
+      var L;
+      return C(), N(pn, ee({
         ref_key: "dialog",
-        ref: T
-      }, { ...c.$attrs, ...t }, {
-        "model-value": ((O = E.value) == null ? void 0 : O.isActive) ?? c.modelValue ?? !1,
-        onClose: y[2] || (y[2] = (v) => c.$emit("close", v)),
-        onOpen: y[3] || (y[3] = (v) => c.$emit("open", v)),
-        "onUpdate:modelValue": y[4] || (y[4] = (v) => A(i)(E.value))
+        ref: E
+      }, { ...h.$attrs, ...t }, {
+        "model-value": ((L = f.value) == null ? void 0 : L.isActive) ?? h.modelValue ?? !1,
+        onClose: m[2] || (m[2] = (g) => h.$emit("close", g)),
+        onOpen: m[3] || (m[3] = (g) => h.$emit("open", g)),
+        "onUpdate:modelValue": m[4] || (m[4] = (g) => x(i)(f.value))
       }), {
-        title: U(() => [
-          q(c.$slots, "title", {}, () => {
-            var v;
+        title: q(() => [
+          W(h.$slots, "title", {}, () => {
+            var g;
             return [
               Q(
-                Z(c.title || ((v = l.value) == null ? void 0 : v.title)),
+                Z(h.title || ((g = u.value) == null ? void 0 : g.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(h.$slots, "default", {
+            resolve: (g) => x(r)(f.value, g),
+            reject: (g) => x(i)(f.value, g)
           }, () => {
-            var v;
+            var g;
             return [
               Q(
-                Z(c.message || ((v = l.value) == null ? void 0 : v.message)),
+                Z(h.message || ((g = u.value) == null ? void 0 : g.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(h.$slots, "footer-button", {
+            resolve: (g) => x(r)(f.value, g),
+            reject: (g) => x(i)(f.value, g)
           }, () => [
-            B("div", yn, [
-              u.value ? (C(!0), _(
+            V("div", bn, [
+              l.value ? (C(!0), U(
                 Ye,
                 { key: 0 },
-                Ut(u.value, (v, S) => (C(), N(A(n), ee({
-                  key: S,
+                qt(l.value, (g, A) => (C(), N(x(n), ee({
+                  key: A,
                   ref_for: !0
                 }, {
-                  ...v,
+                  ...g,
                   type: "button"
                 }, {
-                  onClick: ($) => I(E.value, v)
+                  onClick: (D) => I(f.value, g)
                 }), {
-                  default: U(() => [
+                  default: q(() => [
                     Q(
-                      Z(v.text),
+                      Z(g.text),
                       1
                       /* TEXT */
                     )
@@ -3015,20 +3259,20 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
                 }, 1040, ["onClick"]))),
                 128
                 /* KEYED_FRAGMENT */
-              )) : (C(), _(
+              )) : (C(), U(
                 Ye,
                 { key: 1 },
                 [
-                  h.value ? (C(), N(
-                    A(n),
-                    ee({ key: 0 }, h.value, {
-                      onClick: y[0] || (y[0] = (v) => A(i)(E.value))
+                  b.value ? (C(), N(
+                    x(n),
+                    ee({ key: 0 }, b.value, {
+                      onClick: m[0] || (m[0] = (g) => x(i)(f.value))
                     }),
                     {
-                      default: U(() => [
-                        q(c.$slots, "cancel-text", {}, () => [
+                      default: q(() => [
+                        W(h.$slots, "cancel-text", {}, () => [
                           Q(
-                            Z(h.value.text),
+                            Z(b.value.text),
                             1
                             /* TEXT */
                           )
@@ -3039,17 +3283,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: y[1] || (y[1] = (v) => A(r)(E.value))
+                  )) : B("v-if", !0),
+                  c.value ? (C(), N(
+                    x(n),
+                    ee({ key: 1 }, c.value, {
+                      onClick: m[1] || (m[1] = (g) => x(r)(f.value))
                     }),
                     {
-                      default: U(() => [
-                        q(c.$slots, "confirm-text", {}, () => [
+                      default: q(() => [
+                        W(h.$slots, "confirm-text", {}, () => [
                           Q(
-                            Z(g.value.text),
+                            Z(c.value.text),
                             1
                             /* TEXT */
                           )
@@ -3060,7 +3304,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 */
@@ -3076,7 +3320,7 @@ const yn = { class: "maz-flex maz-items-center maz-gap-2" }, bn = /* @__PURE__ *
 }), nt = {
   identifier: "main-dialog"
 };
-class wn {
+class En {
   constructor(e, t = nt) {
     this.app = e, this.globalOptions = t;
   }
@@ -3085,13 +3329,13 @@ class wn {
       ...nt,
       ...this.globalOptions,
       ...e
-    }, { destroy: n, vNode: o } = We(bn, {
+    }, { destroy: n, vNode: o } = _e(wn, {
       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, b;
+      (u = (l = o.component) == null ? void 0 : l.exposed) == null || u.close(), (b = t.promiseCallback) == null || b.call(t), setTimeout(() => {
         n();
       }, 700);
     }
@@ -3104,14 +3348,14 @@ class wn {
     };
   }
 }
-const mo = {
+const fo = {
   install(s, e) {
-    s.provide("dialog", new wn(s, e));
+    s.provide("dialog", new En(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 = {
+}, zn = { class: "m-toast__message-wrapper" }, Tn = { class: "m-toast__message" }, Ln = { class: "maz-flex maz-items-center maz-gap-2" }, kn = { key: 0 }, Cn = {
   key: 4,
   class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1"
-}, In = /* @__PURE__ */ ge({
+}, In = /* @__PURE__ */ ye({
   __name: "MazToast",
   props: {
     message: { default: void 0 },
@@ -3128,54 +3372,54 @@ const mo = {
   },
   emits: ["close", "click", "open"],
   setup(s, { expose: e, emit: t }) {
-    const n = s, o = t, i = H(() => import("./MazBtn-Dsr06Zgg.mjs")), r = H(() => import("./x-mark-CnZwVvA7.mjs")), a = H(
+    const n = s, o = t, i = H(() => import("./MazBtn-yNCoLFA6.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(
+    ), b = H(
       () => import("./information-circle-C7e5b_nL.mjs")
-    ), g = H(() => import("./check-circle-Bf7AGSQ-.mjs")), E = H(() => import("./link-Br1lfjTR.mjs")), T = b(), M = f(() => {
+    ), c = H(() => import("./check-circle-Bf7AGSQ-.mjs")), f = H(() => import("./link-Br1lfjTR.mjs")), E = w(), O = p(() => {
       if (n.icon)
         switch (n.type) {
           case "danger":
-            return u;
+            return l;
           case "info":
-            return h;
+            return b;
           case "success":
-            return g;
+            return c;
           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"), y = f(() => c.value !== "center" ? c.value === "right" ? "m-slide-right" : "m-slide-left" : I.value === "top" ? "m-slide-top" : "m-slide-bottom"), O = b(!1), v = b(!1), S = b(), $ = `m-toast-container --${I.value} --${c.value}`, L = `.${$.replaceAll(" ", ".")}`, D = Cs({
-      callback: oe,
+    }), I = p(() => n.position.includes("top") ? "top" : "bottom"), h = p(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), m = p(() => h.value !== "center" ? h.value === "right" ? "m-slide-right" : "m-slide-left" : I.value === "top" ? "m-slide-top" : "m-slide-bottom"), L = w(!1), g = w(!1), A = w(), D = `m-toast-container --${I.value} --${h.value}`, T = `.${D.replaceAll(" ", ".")}`, P = Ls({
+      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(T);
+      if (!v && !v) {
+        const S = document.body, M = document.createElement("div");
+        M.className = D, S.append(M);
       }
     }
-    function ne() {
-      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;
+    function se() {
+      const v = document.querySelector(T);
+      return !n.queue && n.maxToasts === !1 ? !1 : typeof n.maxToasts == "number" && v ? n.maxToasts <= v.childElementCount : v && v.childElementCount > 0;
     }
     function G() {
-      if (ne()) {
-        S.value = setTimeout(G, 250);
+      if (se()) {
+        A.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(T);
+      E.value && v && v.prepend(E.value), g.value = !0, typeof n.timeout == "number" && n.timeout > 0 && P.start();
     }
-    const ce = b("100%");
-    function De() {
+    const ue = w("100%");
+    function Me() {
       switch (n.type) {
         case "danger":
           return "maz-bg-danger-700";
@@ -3190,125 +3434,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 S = 100 * v / n.timeout;
+          ue.value = `${S}%`;
         }
       }
     );
-    function de(m) {
-      o("click", m), n.persistent || oe();
+    function ce(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 de(v, S) {
+      var M;
+      L.value = !0, await v(), L.value = !1, (M = n.action) != null && M.closeToast && ce(S);
     }
-    function fe(m) {
-      n.noPauseOnHover || (m ? D.pause() : D.resume());
+    function me(v) {
+      n.noPauseOnHover || (v ? P.pause() : P.resume());
     }
-    function Pe() {
-      D.stop(), S.value && clearTimeout(S.value);
+    function $e() {
+      P.stop(), A.value && clearTimeout(A.value);
     }
-    function oe() {
-      Pe(), v.value = !1;
+    function ne() {
+      $e(), g.value = !1;
     }
-    e({ closeToast: oe });
+    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 S;
+      o("close"), (S = E.value) == null || S.remove();
+      const v = document.querySelector(T);
+      v && !(v != null && v.hasChildNodes()) && v.remove();
     }
-    return ue(() => {
+    return le(() => {
       j(), G();
-    }), (m, k) => (C(), N(ut, {
-      name: y.value,
-      onAfterLeave: ze,
+    }), (v, S) => (C(), N(ut, {
+      name: m.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}`,
+            ref: E,
+            class: ge(["m-toast", [
+              `--${v.type}`,
               `--${I.value}`,
-              `--${c.value}`,
-              { "maz-pb-1": typeof m.timeout == "number" && m.timeout > 0, "--persistent": m.persistent }
+              `--${h.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) => {
-              var he;
-              return m.link && !((he = m.link) != null && he.closeToast) ? void 0 : de(x);
+            onMouseover: S[2] || (S[2] = (M) => me(!0)),
+            onMouseleave: S[3] || (S[3] = (M) => me(!1)),
+            onClick: S[4] || (S[4] = Y((M) => {
+              var fe;
+              return v.link && !((fe = v.link) != null && fe.closeToast) ? void 0 : ce(M);
             }, ["stop"]))
           },
           [
-            M.value ? (C(), N(_t(M.value), {
+            O.value ? (C(), N(Ut(O.value), {
               key: 0,
               class: "maz-text-2xl"
-            })) : V("v-if", !0),
-            B("div", En, [
-              B(
+            })) : B("v-if", !0),
+            V("div", zn, [
+              V(
                 "p",
                 Tn,
-                Z(m.message),
+                Z(v.message),
                 1
                 /* TEXT */
               )
             ]),
-            m.action ? (C(), N(A(i), {
+            v.action ? (C(), N(x(i), {
               key: 1,
               "data-test": "action-btn",
-              color: m.type,
+              color: v.type,
               pastel: "",
-              loading: O.value,
+              loading: L.value,
               size: "sm",
-              onClick: k[0] || (k[0] = Y((x) => m.action ? me(m.action.func, x) : void 0, ["stop"]))
+              onClick: S[0] || (S[0] = Y((M) => v.action ? de(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 ? (C(), N(x(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", Ln, [
+                    v.link.text ? (C(), U(
                       "span",
-                      zn,
-                      Z(m.link.text),
+                      kn,
+                      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" ? (C(), N(x(a), {
                       key: 1,
                       class: "maz-text-xl"
-                    })) : (C(), N(A(E), {
+                    })) : (C(), N(x(f), {
                       key: 2,
                       class: "maz-text-xl"
                     }))
@@ -3317,56 +3561,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) : (C(), U("button", {
               key: 3,
               class: "--close",
-              onClick: k[1] || (k[1] = Y((x) => de(x), ["stop"]))
+              onClick: S[1] || (S[1] = Y((M) => ce(M), ["stop"]))
             }, [
-              J(A(r), { class: "--icon maz-text-xl" })
+              J(x(r), { class: "--icon maz-text-xl" })
             ])),
-            typeof m.timeout == "number" && m.timeout > 0 ? (C(), _("div", Cn, [
-              B(
+            typeof v.timeout == "number" && v.timeout > 0 ? (C(), U("div", Cn, [
+              V(
                 "div",
                 {
-                  style: qt({
-                    width: ce.value
+                  style: Wt({
+                    width: ue.value
                   }),
-                  class: le(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", De()])
+                  class: ge(["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, g.value]
         ])
       ]),
       _: 1
       /* STABLE */
     }, 8, ["name"]));
   }
-}), kn = /* @__PURE__ */ Re(In, [["__scopeId", "data-v-c8684398"]]), An = {
+}), An = /* @__PURE__ */ Pe(In, [["__scopeId", "data-v-eaf59fd1"]]), Sn = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1,
   icon: !0
 };
-class Sn {
+class xn {
   constructor(e, t) {
     this.app = e, this.globalOptions = t;
   }
   show(e, t) {
     const n = {
-      ...An,
+      ...Sn,
       ...this.globalOptions,
       ...t,
       message: e
-    }, { destroy: o, vNode: i } = We(kn, {
+    }, { destroy: o, vNode: i } = _e(An, {
       props: n,
       app: this.app
     });
@@ -3400,112 +3644,113 @@ class Sn {
     return this.show(e, this.getLocalOptions("warning", t));
   }
 }
-function xn(s, e) {
-  return new Sn(s, e);
+function On(s, e) {
+  return new xn(s, e);
 }
-const fo = {
+const ho = {
   install(s, e) {
-    s.provide("toast", xn(s, e));
+    s.provide("toast", On(s, e));
   }
-}, ae = "";
-function On(s) {
-  return s.filter((e, t, n) => t === n.indexOf(e));
-}
+}, re = "";
 function Dn(s) {
-  return (e = ae) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e);
+  return s.filter((e, t, n) => t === n.indexOf(e));
 }
-const Pn = (s) => s.length > 0;
-function Mn(s) {
-  return (e = ae) => On([...s, e]);
+function Pn(s) {
+  return (e = re) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e);
 }
+const Mn = (s) => s.length > 0;
 function $n(s) {
-  return (e = ae) => s.filter((t) => t !== e);
+  return (e = re) => Dn([...s, e]);
+}
+function Vn(s) {
+  return (e = re) => s.filter((t) => t !== e);
 }
 class Hn {
   constructor() {
-    d(this, "_loaders", b([]));
+    d(this, "_loaders", w([]));
   }
   get loaders() {
-    return f(() => this._loaders.value);
+    return p(() => this._loaders.value);
   }
-  stop(e = ae) {
-    this._loaders.value = $n(this._loaders.value)(e);
+  stop(e = re) {
+    this._loaders.value = Vn(this._loaders.value)(e);
   }
-  start(e = ae) {
-    return this._loaders.value = Mn(this._loaders.value)(e), () => this.stop(e);
+  start(e = re) {
+    return this._loaders.value = $n(this._loaders.value)(e), () => this.stop(e);
   }
   get anyLoading() {
-    return f(() => Pn(this._loaders.value));
+    return p(() => Mn(this._loaders.value));
   }
-  isLoading(e = ae) {
-    return f(() => Dn(this._loaders.value)(e)).value;
+  isLoading(e = re) {
+    return p(() => Pn(this._loaders.value)(e)).value;
   }
 }
-const Vn = new Hn(), ho = {
+const Bn = new Hn(), vo = {
   install: (s) => {
-    s.provide("wait", Vn);
+    s.provide("wait", Bn);
   }
 };
 export {
-  uo as $,
-  qs as A,
-  _s as B,
-  Rs as C,
-  ro as D,
-  Xs as E,
+  mo as $,
+  Ps as A,
+  Us as B,
+  qs as C,
+  Rs as D,
+  ao 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,
+  Ys as G,
+  uo as H,
+  Gs as I,
+  tn as J,
+  nn as K,
+  rn as L,
+  ct 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,
+  oo as O,
+  ms as P,
+  F as Q,
+  _e as R,
+  Ge as S,
+  io as T,
+  $s as U,
+  Es as V,
+  ro as W,
+  Ms as X,
+  ks as Y,
+  ln as Z,
+  Pe as _,
+  qn as a,
+  co as a0,
+  En as a1,
   fo as a2,
-  Sn as a3,
-  Vn as a4,
-  ho as a5,
-  Hn as a6,
+  ho as a3,
+  xn as a4,
+  Bn as a5,
+  vo as a6,
+  Hn as a7,
   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,
+  Wn as c,
+  Rn as d,
+  _n as e,
+  Kn as f,
+  hs as g,
+  Yn as h,
+  De as i,
+  Zn as j,
+  Xn as k,
+  vs as l,
   Gn as m,
-  Cs as n,
-  Qn as o,
+  Qn as n,
+  Ls 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
+  to as r,
+  _t as s,
+  lo as t,
+  jn as u,
+  Is as v,
+  As as w,
+  Os as x,
+  Ds as y,
+  so as z
 };