maz-ui 3.44.4-beta.0 → 3.44.4-beta.2

package/modules/chunks/{index-BBOf37yd.mjs → index-CgWq2KzW.mjs}

@@ -1,14 +1,14 @@
-import '../assets/index.css';var mt = Object.defineProperty;
-var ht = (s, e, t) => e in s ? mt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var l = (s, e, t) => ht(s, typeof e != "symbol" ? e + "" : e, t);
-import { inject as Ve, createVNode as te, render as ce, nextTick as ft, defineComponent as _e, defineAsyncComponent as _, ref as g, computed as h, watch as ie, onMounted as pe, onBeforeUnmount as Ne, openBlock as F, createElementBlock as se, withModifiers as X, withKeys as vt, withDirectives as Be, unref as W, vShow as qe, createCommentVNode as j, createElementVNode as Z, normalizeClass as Ie, createBlock as ee, Transition as pt, withCtx as we, resolveDynamicComponent as gt, toDisplayString as Ee, createTextVNode as yt, normalizeStyle as bt, getCurrentInstance as wt, onUnmounted as je, toValue as Ue, reactive as Et, provide as zt } from "vue";
+import '../assets/index.css';var ht = Object.defineProperty;
+var ft = (s, e, t) => e in s ? ht(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var l = (s, e, t) => ft(s, typeof e != "symbol" ? e + "" : e, t);
+import { inject as _e, createVNode as te, render as ce, nextTick as vt, defineComponent as Ne, defineAsyncComponent as N, ref as g, computed as h, watch as ie, onMounted as pe, onBeforeUnmount as Be, openBlock as F, createElementBlock as se, withModifiers as X, withKeys as pt, withDirectives as qe, unref as W, vShow as je, createCommentVNode as j, createElementVNode as Z, normalizeClass as Ie, createBlock as ee, Transition as gt, withCtx as we, resolveDynamicComponent as yt, toDisplayString as Ee, createTextVNode as bt, normalizeStyle as wt, getCurrentInstance as Et, onUnmounted as Ue, toValue as We, reactive as zt, provide as Tt } from "vue";
 function Ae(s, e) {
-  const t = Ve(s, e);
+  const t = _e(s, e);
   if (!t)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s}`);
   return t;
 }
-function Rs(s, e) {
+function Ys(s, e) {
   let t;
   return function(...n) {
     clearTimeout(t), t = setTimeout(() => {
@@ -16,10 +16,10 @@ function Rs(s, e) {
     }, e);
   };
 }
-function Tt(s) {
+function Lt(s) {
   return !!s;
 }
-function We(s, e) {
+function Ye(s, e) {
   let t = e == null ? void 0 : e.element;
   function n() {
     t && ce(null, t);
@@ -31,10 +31,10 @@ 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 H() {
+function M() {
   return typeof document < "u";
 }
-class Lt {
+class It {
   constructor(e, t) {
     l(this, "defaultOptions", {
       element: void 0,
@@ -82,13 +82,13 @@ class Lt {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, H() && this.start();
+    }, M() && this.start();
   }
   get element() {
     return this.options.element ?? document.body;
   }
   start() {
-    if (!H()) {
+    if (!M()) {
       console.warn("[IdleTimeout](start) you should run this method on client side");
       return;
     }
@@ -107,7 +107,7 @@ class Lt {
     this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle });
   }
   destroy() {
-    if (!H()) {
+    if (!M()) {
       console.warn("[IdleTimeout](destroy) you should run this method on client side");
       return;
     }
@@ -141,7 +141,7 @@ class Lt {
     e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle });
   }
 }
-class It {
+class St {
   constructor(e, t) {
     l(this, "eventHandlerFunction");
     l(this, "event", "visibilitychange");
@@ -156,10 +156,10 @@ class It {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, this.eventHandlerFunction = this.eventHandler.bind(this), H() && this.start();
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), M() && this.start();
   }
   start() {
-    if (!H()) {
+    if (!M()) {
       console.warn("[UserVisibility](start) you should run this method on client side");
       return;
     }
@@ -187,10 +187,10 @@ class It {
     this.removeEventListener(), this.timeoutHandler && clearTimeout(this.timeoutHandler);
   }
 }
-function Re(s) {
+function Ke(s) {
   return new Promise((e) => setTimeout(e, s));
 }
-class Ys {
+class Ks {
   constructor({ src: e, identifier: t, once: n = !0, async: i = !0, defer: o = !0 }) {
     l(this, "src");
     l(this, "script");
@@ -231,13 +231,13 @@ class Ys {
     });
   }
 }
-function Ks(s) {
+function Rs(s) {
   return [...s].map((e) => {
     const t = e.codePointAt(0);
     return t ? t % 32 + 127461 : void 0;
-  }).filter(Tt).map((e) => String.fromCodePoint(e)).join("");
+  }).filter(Lt).map((e) => String.fromCodePoint(e)).join("");
 }
-class St {
+class kt {
   constructor(e) {
     l(this, "defaultOptions", {
       preventDefaultOnTouchMove: !1,
@@ -315,7 +315,7 @@ function Xs(s, e) {
     n - t >= e && (await s(), t = n);
   };
 }
-const kt = {
+const Ct = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -326,7 +326,7 @@ const kt = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function Oe(s, e) {
-  const t = { ...kt, ...e }, n = {
+  const t = { ...Ct, ...e }, n = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -382,52 +382,52 @@ function Oe(s, e) {
   return i;
 }
 const ve = "__maz-click-outside__";
-function Ye() {
+function Re() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-async function Ke(s, e) {
+async function Xe(s, e) {
   try {
-    Xe(s);
+    Ze(s);
     const t = e.instance, n = e.value, i = typeof n == "function";
     if (!i)
       throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await ft(), s[ve] = (r) => {
+    await vt(), s[ve] = (r) => {
       if ((!s || r.target && !s.contains(r.target)) && n && i)
         return n.call(t, r);
     };
-    const o = Ye();
+    const o = Re();
     document.addEventListener(o, s[ve], { passive: !0 });
   } catch (t) {
     console.error("[maz-ui](vClickOutside)", t);
   }
 }
-function Xe(s) {
+function Ze(s) {
   try {
-    const e = Ye();
+    const e = Re();
     document.removeEventListener(e, s[ve], !1), delete s[ve];
   } catch (e) {
     console.error("[maz-ui](vClickOutside)", e);
   }
 }
-function Ct(s, e) {
+function At(s, e) {
   try {
     if (e.value === e.oldValue)
       return;
-    Ke(s, e);
+    Xe(s, e);
   } catch (t) {
     console.error("[maz-ui](vClickOutside)", t);
   }
 }
-const At = {
-  mounted: Ke,
-  updated: Ct,
-  unmounted: Xe
-}, xt = {
+const xt = {
+  mounted: Xe,
+  updated: At,
+  unmounted: Ze
+}, Ot = {
   install: (s) => {
-    s.directive("click-outside", At);
+    s.directive("click-outside", xt);
   }
 };
-function Ze(s, e, t) {
+function Qe(s, e, t) {
   var r;
   s.stopPropagation();
   const n = typeof t.value == "function" ? t.value : t.value.handler, i = typeof t.value == "object" ? t.value.exclude : void 0;
@@ -441,32 +441,32 @@ function Ze(s, e, t) {
   }
   !e.contains(s.target) && !o && (n == null || n());
 }
-function Qe() {
+function Ge() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function Ot(s, e) {
-  const t = Qe();
-  document.removeEventListener(t, (n) => Ze(n, s, e));
-}
 function Dt(s, e) {
+  const t = Ge();
+  document.removeEventListener(t, (n) => Qe(n, s, e));
+}
+function Ft(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 = Qe();
-  document.addEventListener(t, (n) => Ze(n, s, e));
+  const t = Ge();
+  document.addEventListener(t, (n) => Qe(n, s, e));
 }
-const Ft = {
-  mounted: Dt,
-  unmounted: Ot
+const Mt = {
+  mounted: Ft,
+  unmounted: Dt
 }, Ht = {
   install: (s) => {
-    s.directive("closable", Ft);
+    s.directive("closable", Mt);
   }
 }, Se = {
   position: "top"
 };
-class Ge {
+class Je {
   constructor(e = {}) {
     l(this, "options");
     this.options = {
@@ -502,7 +502,7 @@ let de;
 const Zs = {
   beforeMount(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    return de = new Ge(t), de.create(s, e);
+    return de = new Je(t), de.create(s, e);
   },
   updated(s, e) {
     return de.update(s, e);
@@ -510,19 +510,19 @@ const Zs = {
   unmounted(s, e) {
     return de.remove(s, e);
   }
-}, Mt = {
+}, Pt = {
   install: (s, e = Se) => {
     const t = {
       ...Se,
       ...e
-    }, n = new Ge(t);
+    }, n = new Je(t);
     s.directive("tooltip", {
       beforeMount: n.create.bind(n),
       updated: n.update.bind(n),
       unmounted: n.remove.bind(n)
     });
   }
-}, Pt = `
+}, $t = `
 .maz-zoom-img {
   position: fixed;
   top: 0;
@@ -651,7 +651,7 @@ const Zs = {
   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 $t {
+class Vt {
   constructor(e) {
     l(this, "options");
     l(this, "loader");
@@ -698,7 +698,7 @@ class $t {
     e.classList.add(
       "maz-is-open"
       /* OPEN */
-    ), this.addStyle(Pt);
+    ), this.addStyle($t);
     const n = document.createElement("div");
     n.classList.add("maz-zoom-img"), n.setAttribute("id", "MazImgPreviewFullsize"), n.addEventListener("click", (i) => {
       n.isEqualNode(i.target) && this.closePreview();
@@ -786,9 +786,9 @@ class $t {
   }
 }
 let me;
-const Vt = {
+const _t = {
   created(s, e) {
-    me = new $t(e), me.create(s);
+    me = new Vt(e), me.create(s);
   },
   updated(s, e) {
     me.update(e);
@@ -796,11 +796,11 @@ const Vt = {
   unmounted(s) {
     me.remove(s);
   }
-}, _t = {
+}, Nt = {
   install(s) {
-    s.directive("zoom-img", Vt);
+    s.directive("zoom-img", _t);
   }
-}, Nt = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", ke = {
+}, Bt = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", ke = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -814,7 +814,7 @@ const Vt = {
     threshold: 0.1
   }
 };
-class Je {
+class et {
   constructor(e = {}) {
     l(this, "observers", []);
     l(this, "defaultOptions", ke);
@@ -955,7 +955,7 @@ class Je {
   async add(e, t) {
     if (this.hasBgImgMode(t) && this.isPictureElement(e))
       throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, Nt), await this.bindUpdateHandler(e, t, "bind");
+    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, Bt), await this.bindUpdateHandler(e, t, "bind");
   }
   async update(e, t) {
     t.value !== t.oldValue && (this.hasImgLoaded = !1, this.removeAllStateClasses(e), await this.bindUpdateHandler(e, t, "update"));
@@ -971,7 +971,7 @@ let he;
 const Qs = {
   created(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    he = new Je(t), he.add(s, e);
+    he = new et(t), he.add(s, e);
   },
   updated(s, e) {
     he.update(s, e);
@@ -979,7 +979,7 @@ const Qs = {
   unmounted(s, e) {
     he.remove(s, e);
   }
-}, Bt = {
+}, qt = {
   install(s, e = {}) {
     const t = {
       ...ke,
@@ -988,14 +988,14 @@ const Qs = {
         ...ke.observerOptions,
         ...e.observerOptions
       }
-    }, n = new Je(t);
+    }, n = new et(t);
     s.directive("lazy-img", {
       created: n.add.bind(n),
       updated: n.update.bind(n),
       unmounted: n.remove.bind(n)
     });
   }
-}, qt = ["onKeypress"], jt = { class: "m-fullscreen-img-scroller" }, Ut = ["src", "alt"], Wt = /* @__PURE__ */ _e({
+}, jt = ["onKeypress"], Ut = { class: "m-fullscreen-img-scroller" }, Wt = ["src", "alt"], Yt = /* @__PURE__ */ Ne({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -1013,10 +1013,10 @@ const Qs = {
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = s, n = e, i = _(() => import("./MazSpinner-BtXwGTnk.mjs")), o = _(() => import("./x-mark-BP8zWe_C.mjs")), r = _(() => import("./chevron-left-CcZaP3Rc.mjs")), a = g(!1), m = g(!1), y = g(!1), S = g(!1), b = g(!1), f = g(t.clickedElement), T = h(() => t.clickedElement.getBoundingClientRect()), O = h(
+    const t = s, n = e, i = N(() => import("./MazSpinner-Dx_yL6x9.mjs")), o = N(() => import("./x-mark-BP8zWe_C.mjs")), r = N(() => import("./chevron-left-CcZaP3Rc.mjs")), a = g(!1), m = g(!1), y = g(!1), C = g(!1), b = g(!1), f = g(t.clickedElement), T = h(() => t.clickedElement.getBoundingClientRect()), O = h(
       () => T.value.height < T.value.width
-    ), M = g(t.src), D = g(t.alt), P = g(), w = g(), k = h(() => b.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
-    function x() {
+    ), H = g(t.src), D = g(t.alt), P = g(), w = g(), S = h(() => b.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
+    function $() {
       a.value = !0, m.value = !1, y.value = !0;
     }
     ie(
@@ -1025,11 +1025,11 @@ const Qs = {
         u && ge();
       }
     );
-    function N() {
+    function k() {
       n("before-close"), d();
     }
-    function $(u) {
-      u.key === "Escape" && (u.preventDefault(), N()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), R(u.key === "ArrowRight" ? "next" : "previous"));
+    function V(u) {
+      u.key === "Escape" && (u.preventDefault(), k()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), Y(u.key === "ArrowRight" ? "next" : "previous"));
     }
     function c() {
       document.documentElement.classList.add("--m-fullscreen-open");
@@ -1043,18 +1043,18 @@ const Qs = {
     function E(u, v) {
       return v < 0 ? u.length - 1 : v >= u.length ? 0 : v;
     }
-    async function C(u, v) {
+    async function A(u, v) {
       u.classList.remove(t.openInstanceClass), v.classList.add(t.openInstanceClass);
-      const I = v.getAttribute("data-src"), A = v.getAttribute("data-alt");
-      D.value = A, I && (M.value = I), a.value = !1, a.value || (m.value = !0);
+      const I = v.getAttribute("data-src"), x = v.getAttribute("data-alt");
+      D.value = x, I && (H.value = I), a.value = !1, a.value || (m.value = !0);
     }
-    function R(u) {
+    function Y(u) {
       const v = document.querySelector(
         `.m-fullscreen-img-instance.${t.openInstanceClass}`
       );
       if (v) {
-        const I = p(), A = I.indexOf(v), q = u === "next" ? A + 1 : A - 1, V = I[E(I, q)];
-        f.value = V, V && C(v, V), n(u), b.value ? B(w.value) : J();
+        const I = p(), x = I.indexOf(v), q = u === "next" ? x + 1 : x - 1, _ = I[E(I, q)];
+        f.value = _, _ && A(v, _), n(u), b.value ? B(w.value) : J();
       }
     }
     function B(u) {
@@ -1064,7 +1064,7 @@ const Qs = {
       const u = w.value;
       b.value ? (b.value = !b.value, J()) : (b.value = !b.value, B(u));
     }
-    function Y(u) {
+    function K(u) {
       var v;
       return (v = w.value) == null ? void 0 : v.animate(u, {
         duration: t.animation.duration,
@@ -1073,33 +1073,33 @@ const Qs = {
         // Fonction d'interpolation pour l'animation inverse
       });
     }
-    function K(u = t.offset ?? 0) {
-      const v = (f.value instanceof HTMLImageElement ? f.value.naturalWidth : f.value.clientWidth) || 1, I = (f.value instanceof HTMLImageElement ? f.value.naturalHeight : f.value.clientHeight) || 1, A = window.innerWidth, q = window.innerHeight, V = Math.min(
-        (A - 2 * u) / v,
+    function R(u = t.offset ?? 0) {
+      const v = (f.value instanceof HTMLImageElement ? f.value.naturalWidth : f.value.clientWidth) || 1, I = (f.value instanceof HTMLImageElement ? f.value.naturalHeight : f.value.clientHeight) || 1, x = window.innerWidth, q = window.innerHeight, _ = Math.min(
+        (x - 2 * u) / v,
         (q - 2 * u) / I
-      ), ye = (A - v * V) / 2, be = (q - I * V) / 2;
+      ), ye = (x - v * _) / 2, be = (q - I * _) / 2;
       return {
         centerX: ye,
         centerY: be,
         originalWidth: v,
         originalHeight: I,
-        scale: V
+        scale: _
       };
     }
     function G({ trigger: u }) {
-      const { originalWidth: v, originalHeight: I, scale: A, centerX: q, centerY: V } = K(), { top: ye, left: be, width: ct, height: dt } = T.value, xe = [
+      const { originalWidth: v, originalHeight: I, scale: x, centerX: q, centerY: _ } = R(), { top: ye, left: be, width: dt, height: mt } = T.value, xe = [
         {
           top: `${ye}px`,
           left: `${be}px`,
-          width: `${ct}px`,
-          height: `${dt}px`,
+          width: `${dt}px`,
+          height: `${mt}px`,
           opacity: 0
         },
         {
-          top: `${V}px`,
+          top: `${_}px`,
           left: `${q}px`,
-          width: `${v * A}px`,
-          height: `${I * A}px`,
+          width: `${v * x}px`,
+          height: `${I * x}px`,
           opacity: 1
         }
       ];
@@ -1108,20 +1108,20 @@ const Qs = {
       };
     }
     function J() {
-      const { centerX: u, centerY: v, originalHeight: I, originalWidth: A, scale: q } = K(), V = {
+      const { centerX: u, centerY: v, originalHeight: I, originalWidth: x, scale: q } = R(), _ = {
         top: `${v}px`,
         left: `${u}px`,
-        width: `${A * q}px`,
+        width: `${x * q}px`,
         height: `${I * q}px`
       };
       if (!w.value)
         throw console.error("[maz-ui](vFullscreenImg) ImgElement is not defined");
-      Object.assign(w.value.style, V);
+      Object.assign(w.value.style, _);
     }
     function ge() {
       const { frames: u } = G({
         trigger: "open"
-      }), v = Y(u);
+      }), v = K(u);
       if (!v)
         throw console.error("[maz-ui](vFullscreenImg) open animation is not defined");
       v.onfinish = () => {
@@ -1131,84 +1131,84 @@ const Qs = {
     function d() {
       const { frames: u } = G({
         trigger: "close"
-      }), v = Y(u);
+      }), v = K(u);
       if (!v)
         throw console.error("[maz-ui](vFullscreenImg) close animation is not defined");
       v.onfinish = () => {
-        var I, A;
-        n("close"), (I = P.value) == null || I.remove(), (A = t.destroy) == null || A.call(t);
+        var I, x;
+        n("close"), (I = P.value) == null || I.remove(), (x = t.destroy) == null || x.call(t);
       };
     }
     function z() {
       b.value || J();
     }
     return pe(() => {
-      m.value = !0, document.addEventListener("keydown", $), window.addEventListener("resize", z), c(), S.value = p().length > 1;
-    }), Ne(() => {
-      document.removeEventListener("keydown", $), window.removeEventListener("resize", z), L();
+      m.value = !0, document.addEventListener("keydown", V), window.addEventListener("resize", z), c(), C.value = p().length > 1;
+    }), Be(() => {
+      document.removeEventListener("keydown", V), window.removeEventListener("resize", z), L();
     }), (u, v) => (F(), se("div", {
       ref_key: "FullscreenImgElement",
       ref: P,
       role: "button",
       class: "m-fullscreen-img",
       tabindex: "0",
-      onClick: X(N, ["stop"]),
-      onKeypress: vt(X(N, ["prevent"]), ["esc"])
+      onClick: X(k, ["stop"]),
+      onKeypress: pt(X(k, ["prevent"]), ["esc"])
     }, [
-      Be(te(
+      qe(te(
         W(i),
         { class: "m-fullscreen-img-loader maz-h-16" },
         null,
         512
         /* NEED_PATCH */
       ), [
-        [qe, m.value]
+        [je, m.value]
       ]),
-      y.value && S.value ? (F(), se("button", {
+      y.value && C.value ? (F(), se("button", {
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: v[0] || (v[0] = X((I) => R("next"), ["stop"]))
+        onClick: v[0] || (v[0] = X((I) => Y("next"), ["stop"]))
       }, [
         te(W(r), { class: "maz-rotate-180 maz-text-3xl" })
       ])) : j("v-if", !0),
-      y.value && S.value ? (F(), se("button", {
+      y.value && C.value ? (F(), se("button", {
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: v[1] || (v[1] = X((I) => R("previous"), ["stop"]))
+        onClick: v[1] || (v[1] = X((I) => Y("previous"), ["stop"]))
       }, [
         te(W(r), { class: "maz-text-3xl" })
       ])) : j("v-if", !0),
       Z("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: N
+        onClick: k
       }, [
         te(W(o), { class: "maz-text-3xl" })
       ]),
-      Z("div", jt, [
+      Z("div", Ut, [
         j(" eslint-disable-next-line vuejs-accessibility/no-static-element-interactions, vuejs-accessibility/click-events-have-key-events "),
         Z("img", {
           ref_key: "ImgElement",
           ref: w,
-          src: M.value,
+          src: H.value,
           alt: D.value ?? void 0,
           tabindex: "0",
-          class: Ie([k.value]),
-          onLoad: x,
+          class: Ie([S.value]),
+          onLoad: $,
           onClick: v[2] || (v[2] = X((I) => u.zoom ? Q() : void 0, ["stop"]))
-        }, null, 42, Ut)
+        }, null, 42, Wt)
       ])
-    ], 40, qt));
+    ], 40, jt));
   }
-}), et = (s, e) => {
+}), tt = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, i] of e)
     t[n] = i;
   return t;
-}, Rt = /* @__PURE__ */ et(Wt, [["__scopeId", "data-v-884a2c57"]]), Fe = "m-fullscreen-is-open";
-class Yt {
+}, Kt = /* @__PURE__ */ tt(Yt, [["__scopeId", "data-v-884a2c57"]]), Fe = "m-fullscreen-is-open";
+class Rt {
   constructor() {
     l(this, "options");
     l(this, "defaultOptions", {
@@ -1265,7 +1265,7 @@ class Yt {
     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(Fe), We(Rt, {
+    return e.classList.add(Fe), Ye(Kt, {
       props: {
         ...this.options,
         openInstanceClass: Fe,
@@ -1283,9 +1283,9 @@ class Yt {
   }
 }
 let fe;
-const Kt = {
+const Xt = {
   mounted(s, e) {
-    return fe = new Yt(), fe.create(s, e);
+    return fe = new Rt(), fe.create(s, e);
   },
   updated(s, e) {
     return fe.update(s, e);
@@ -1293,36 +1293,36 @@ const Kt = {
   unmounted(s) {
     return fe.remove(s);
   }
-}, Xt = {
+}, Zt = {
   install(s) {
-    s.directive("fullscreen-img", Kt);
+    s.directive("fullscreen-img", Xt);
   }
-}, Zt = [
+}, Qt = [
   Ht,
-  _t,
-  Bt,
-  xt,
-  Xt,
-  Mt
+  Nt,
+  qt,
+  Ot,
+  Zt,
+  Pt
 ], Gs = {
   install(s) {
-    for (const e of Zt)
+    for (const e of Qt)
       e.install(s, {});
   }
 };
-function Qt(s) {
+function Gt(s) {
   return s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "";
 }
-const Gt = {
+const Jt = {
   style: "currency",
   minimumFractionDigits: 2,
   round: !1
 };
-function Jt(s, e, t) {
+function es(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 es(s, e, t) {
+function ts(s, e, t) {
   if (s === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
   if (e === void 0)
@@ -1332,29 +1332,29 @@ function es(s, e, t) {
   if (t.currency === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
 }
-function ts(s, e, t) {
+function ss(s, e, t) {
   const n = {
-    ...Gt,
+    ...Jt,
     ...t
   };
-  es(s, e, n);
+  ts(s, e, n);
   try {
-    return Jt(s, e, n);
+    return es(s, e, n);
   } catch (i) {
     throw new Error(`[maz-ui](FilterCurrency) ${i}`);
   }
 }
-const ss = {
+const ns = {
   month: "short",
   day: "numeric",
   year: "numeric"
 };
-function ns(s, e, t) {
+function is(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 ?? ss;
+  const n = t ?? ns;
   try {
     const i = s instanceof Date ? s : new Date(s);
     return new Intl.DateTimeFormat(e, n).format(i);
@@ -1362,12 +1362,12 @@ function ns(s, e, t) {
     throw new Error(`[maz-ui](FilterDate) ${i}`);
   }
 }
-const is = {
+const os = {
   minimumFractionDigits: 2
 };
-function os(s, e, t) {
+function rs(s, e, t) {
   const n = {
-    ...is,
+    ...os,
     ...t
   };
   if (s === void 0)
@@ -1382,17 +1382,17 @@ function os(s, e, t) {
     throw new Error(`[maz-ui](FilterNumber) ${i}`);
   }
 }
-const rs = {
-  capitalize: Qt,
-  currency: ts,
-  date: ns,
-  number: os
+const as = {
+  capitalize: Gt,
+  currency: ss,
+  date: is,
+  number: rs
 }, Js = {
   install(s) {
-    s.provide("filters", rs);
+    s.provide("filters", as);
   }
 };
-function as({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
+function ls({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callbackOffsetTime: n = 0 }) {
   const i = g(s), o = g(s);
   let r;
   function a(f) {
@@ -1406,7 +1406,7 @@ function as({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callb
   function y() {
     r && (clearInterval(r), r = void 0);
   }
-  function S() {
+  function C() {
     !r && o.value > 0 && m();
   }
   function b() {
@@ -1416,14 +1416,14 @@ function as({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200, callb
     remainingTime: o,
     start: a,
     pause: y,
-    resume: S,
+    resume: C,
     stop: b
   };
 }
-const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__message" }, cs = { class: "maz-flex maz-items-center maz-gap-2" }, ds = { key: 0 }, ms = {
+const us = { class: "m-toast__message-wrapper" }, cs = { class: "m-toast__message" }, ds = { class: "maz-flex maz-items-center maz-gap-2" }, ms = { key: 0 }, hs = {
   key: 4,
   class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1"
-}, hs = /* @__PURE__ */ _e({
+}, fs = /* @__PURE__ */ Ne({
   __name: "MazToast",
   props: {
     message: { default: void 0 },
@@ -1440,21 +1440,21 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
   },
   emits: ["close", "click", "open"],
   setup(s, { expose: e, emit: t }) {
-    const n = s, i = t, o = _(() => import("./MazBtn-Cuj6yEZn.mjs")), r = _(() => import("./x-mark-BP8zWe_C.mjs")), a = _(
+    const n = s, i = t, o = N(() => import("./MazBtn-DhVNaOBj.mjs")), r = N(() => import("./x-mark-BP8zWe_C.mjs")), a = N(
       () => import("./arrow-top-right-on-square-CkcBq4qD.mjs")
-    ), m = _(
+    ), m = N(
       () => import("./exclamation-triangle-BfZLmRbP.mjs")
-    ), y = _(
+    ), y = N(
       () => import("./exclamation-circle-DzBJ8vGa.mjs")
-    ), S = _(
+    ), C = N(
       () => import("./information-circle-C0pE_7kr.mjs")
-    ), b = _(() => import("./check-circle-CtCMBYyp.mjs")), f = _(() => import("./link-D7FkvsK4.mjs")), T = g(), O = h(() => {
+    ), b = N(() => import("./check-circle-CtCMBYyp.mjs")), f = N(() => import("./link-D7FkvsK4.mjs")), T = g(), O = h(() => {
       if (n.icon)
         switch (n.type) {
           case "danger":
             return m;
           case "info":
-            return S;
+            return C;
           case "success":
             return b;
           case "warning":
@@ -1462,32 +1462,32 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
           default:
             return;
         }
-    }), M = h(() => n.position.includes("top") ? "top" : "bottom"), D = h(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), P = h(() => D.value !== "center" ? D.value === "right" ? "m-slide-right" : "m-slide-left" : M.value === "top" ? "m-slide-top" : "m-slide-bottom"), w = g(!1), k = g(!1), x = g(), N = `m-toast-container --${M.value} --${D.value}`, $ = `.${N.replaceAll(" ", ".")}`, c = as({
+    }), H = h(() => n.position.includes("top") ? "top" : "bottom"), D = h(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), P = h(() => D.value !== "center" ? D.value === "right" ? "m-slide-right" : "m-slide-left" : H.value === "top" ? "m-slide-top" : "m-slide-bottom"), w = g(!1), S = g(!1), $ = g(), k = `m-toast-container --${H.value} --${D.value}`, V = `.${k.replaceAll(" ", ".")}`, c = ls({
       callback: G,
       timeout: typeof n.timeout == "number" ? n.timeout : 0,
       callbackOffsetTime: 200
     });
     function L() {
-      const d = document.querySelector($);
+      const d = document.querySelector(V);
       if (!d && !d) {
         const z = document.body, u = document.createElement("div");
-        u.className = N, z.append(u);
+        u.className = k, z.append(u);
       }
     }
     function p() {
-      const d = document.querySelector($);
+      const d = document.querySelector(V);
       return !n.queue && n.maxToasts === !1 ? !1 : typeof n.maxToasts == "number" && d ? n.maxToasts <= d.childElementCount : d && d.childElementCount > 0;
     }
     function E() {
       if (p()) {
-        x.value = setTimeout(E, 250);
+        $.value = setTimeout(E, 250);
         return;
       }
-      const d = document.querySelector($);
-      T.value && d && d.prepend(T.value), k.value = !0, typeof n.timeout == "number" && n.timeout > 0 && c.start();
+      const d = document.querySelector(V);
+      T.value && d && d.prepend(T.value), S.value = !0, typeof n.timeout == "number" && n.timeout > 0 && c.start();
     }
-    const C = g("100%");
-    function R() {
+    const A = g("100%");
+    function Y() {
       switch (n.type) {
         case "danger":
           return "maz-bg-danger-700";
@@ -1506,7 +1506,7 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
       (d) => {
         if (typeof n.timeout == "number") {
           const z = 100 * d / n.timeout;
-          C.value = `${z}%`;
+          A.value = `${z}%`;
         }
       }
     );
@@ -1517,14 +1517,14 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
       var u;
       w.value = !0, await d(), w.value = !1, (u = n.action) != null && u.closeToast && B(z);
     }
-    function Y(d) {
+    function K(d) {
       n.noPauseOnHover || (d ? c.pause() : c.resume());
     }
-    function K() {
-      stop(), x.value && clearTimeout(x.value);
+    function R() {
+      stop(), $.value && clearTimeout($.value);
     }
     function G() {
-      K(), k.value = !1;
+      R(), S.value = !1;
     }
     e({ closeToast: G });
     function J() {
@@ -1533,46 +1533,46 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
     function ge() {
       var z;
       i("close"), (z = T.value) == null || z.remove();
-      const d = document.querySelector($);
+      const d = document.querySelector(V);
       d && !(d != null && d.hasChildNodes()) && d.remove();
     }
     return pe(() => {
       L(), E();
-    }), (d, z) => (F(), ee(pt, {
+    }), (d, z) => (F(), ee(gt, {
       name: P.value,
       onAfterLeave: ge,
       onAfterEnter: J,
       persisted: ""
     }, {
       default: we(() => [
-        Be(Z(
+        qe(Z(
           "button",
           {
             ref_key: "Toaster",
             ref: T,
             class: Ie(["m-toast", [
               `--${d.type}`,
-              `--${M.value}`,
+              `--${H.value}`,
               `--${D.value}`,
               { "maz-pb-1": typeof d.timeout == "number" && d.timeout > 0, "--persistent": d.persistent }
             ]]),
             role: "alert",
-            onMouseover: z[2] || (z[2] = (u) => Y(!0)),
-            onMouseleave: z[3] || (z[3] = (u) => Y(!1)),
+            onMouseover: z[2] || (z[2] = (u) => K(!0)),
+            onMouseleave: z[3] || (z[3] = (u) => K(!1)),
             onClick: z[4] || (z[4] = X((u) => {
               var v;
               return d.link && !((v = d.link) != null && v.closeToast) ? void 0 : B(u);
             }, ["stop"]))
           },
           [
-            O.value ? (F(), ee(gt(O.value), {
+            O.value ? (F(), ee(yt(O.value), {
               key: 0,
               class: "maz-text-2xl"
             })) : j("v-if", !0),
-            Z("div", ls, [
+            Z("div", us, [
               Z(
                 "p",
-                us,
+                cs,
                 Ee(d.message),
                 1
                 /* TEXT */
@@ -1588,7 +1588,7 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
               onClick: z[0] || (z[0] = X((u) => d.action ? Q(d.action.func, u) : void 0, ["stop"]))
             }, {
               default: we(() => [
-                yt(
+                bt(
                   Ee(d.action.text),
                   1
                   /* TEXT */
@@ -1609,10 +1609,10 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
               default: we(() => {
                 var u;
                 return [
-                  Z("div", cs, [
+                  Z("div", ds, [
                     d.link.text ? (F(), se(
                       "span",
-                      ds,
+                      ms,
                       Ee(d.link.text),
                       1
                       /* TEXT */
@@ -1637,14 +1637,14 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
             }, [
               te(W(r), { class: "--icon maz-text-xl" })
             ])),
-            typeof d.timeout == "number" && d.timeout > 0 ? (F(), se("div", ms, [
+            typeof d.timeout == "number" && d.timeout > 0 ? (F(), se("div", hs, [
               Z(
                 "div",
                 {
-                  style: bt({
-                    width: C.value
+                  style: wt({
+                    width: A.value
                   }),
-                  class: Ie(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", R()])
+                  class: Ie(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", Y()])
                 },
                 null,
                 6
@@ -1655,30 +1655,30 @@ const ls = { class: "m-toast__message-wrapper" }, us = { class: "m-toast__messag
           34
           /* CLASS, NEED_HYDRATION */
         ), [
-          [qe, k.value]
+          [je, S.value]
         ])
       ]),
       _: 1
       /* STABLE */
     }, 8, ["name"]));
   }
-}), fs = /* @__PURE__ */ et(hs, [["__scopeId", "data-v-cdb80f1f"]]), vs = {
+}), vs = /* @__PURE__ */ tt(fs, [["__scopeId", "data-v-3f062fa5"]]), ps = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1,
   icon: !0
 };
-class ps {
+class gs {
   constructor(e, t) {
     this.app = e, this.globalOptions = t;
   }
   show(e, t) {
     const n = {
-      ...vs,
+      ...ps,
       ...this.globalOptions,
       ...t,
       message: e
-    }, { destroy: i, vNode: o } = We(fs, {
+    }, { destroy: i, vNode: o } = Ye(vs, {
       props: n,
       app: this.app
     });
@@ -1712,28 +1712,28 @@ class ps {
     return this.show(e, this.getLocalOptions("warning", t));
   }
 }
-function gs(s, e) {
-  return new ps(s, e);
+function ys(s, e) {
+  return new gs(s, e);
 }
 const en = {
   install(s, e) {
-    s.provide("toast", gs(s, e));
+    s.provide("toast", ys(s, e));
   }
 }, ne = "";
-function ys(s) {
+function bs(s) {
   return s.filter((e, t, n) => t === n.indexOf(e));
 }
-function bs(s) {
+function ws(s) {
   return (e = ne) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e);
 }
-const ws = (s) => s.length > 0;
-function Es(s) {
-  return (e = ne) => ys([...s, e]);
-}
+const Es = (s) => s.length > 0;
 function zs(s) {
+  return (e = ne) => bs([...s, e]);
+}
+function Ts(s) {
   return (e = ne) => s.filter((t) => t !== e);
 }
-class Ts {
+class Ls {
   constructor() {
     l(this, "_loaders", g([]));
   }
@@ -1741,21 +1741,21 @@ class Ts {
     return h(() => this._loaders.value);
   }
   stop(e = ne) {
-    this._loaders.value = zs(this._loaders.value)(e);
+    this._loaders.value = Ts(this._loaders.value)(e);
   }
   start(e = ne) {
-    return this._loaders.value = Es(this._loaders.value)(e), () => this.stop(e);
+    return this._loaders.value = zs(this._loaders.value)(e), () => this.stop(e);
   }
   get anyLoading() {
-    return h(() => ws(this._loaders.value));
+    return h(() => Es(this._loaders.value));
   }
   isLoading(e = ne) {
-    return h(() => bs(this._loaders.value)(e)).value;
+    return h(() => ws(this._loaders.value)(e)).value;
   }
 }
-const Ls = new Ts(), tn = {
+const Is = new Ls(), tn = {
   install: (s) => {
-    s.provide("wait", Ls);
+    s.provide("wait", Is);
   }
 }, ze = {
   delay: 100,
@@ -1770,7 +1770,7 @@ const Ls = new Ts(), tn = {
     delay: 0
   }
 };
-class Is {
+class Ss {
   constructor(e) {
     l(this, "options");
     this.options = {
@@ -1798,8 +1798,8 @@ class Is {
       for (const a of r) {
         const m = a.getAttribute("data-maz-aos-once"), y = typeof m == "string" ? m === "true" : this.options.animation.once;
         if (typeof this.options.observer.threshold == "number" && n.intersectionRatio > this.options.observer.threshold) {
-          const S = a.getAttribute("data-maz-aos-duration"), b = a.getAttribute("data-maz-aos-delay");
-          if (S || (a.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
+          const C = a.getAttribute("data-maz-aos-duration"), b = a.getAttribute("data-maz-aos-delay");
+          if (C || (a.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
             a.style.transitionDuration = "0";
           }, 1e3)), b || (a.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
             a.style.transitionDelay = "0";
@@ -1817,7 +1817,7 @@ class Is {
     }
   }
   async handleObserver() {
-    await Re(this.options.delay);
+    await Ke(this.options.delay);
     const e = new IntersectionObserver(this.handleIntersect.bind(this), {
       ...this.options.observer
     });
@@ -1831,7 +1831,7 @@ class Is {
     }
   }
   runAnimations() {
-    if (H())
+    if (M())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
@@ -1839,7 +1839,7 @@ class Is {
 let oe;
 const sn = {
   install: (s, e) => {
-    oe = new Is(e), s.provide("aos", oe), H() && (e != null && e.router ? e.router.afterEach(async () => {
+    oe = new Ss(e), s.provide("aos", oe), M() && (e != null && e.router ? e.router.afterEach(async () => {
       oe.runAnimations();
     }) : oe.runAnimations());
   }
@@ -1847,7 +1847,7 @@ const sn = {
 function nn() {
   return oe;
 }
-const Ss = {
+const ks = {
   darkClass: "dark",
   lightClass: "light",
   storageThemeKey: "theme",
@@ -1856,7 +1856,7 @@ const Ss = {
   storageThemeValueSystem: "system",
   watchChanges: !0
 }, ae = g("system"), U = g("system");
-function He() {
+function Me() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
 function le({
@@ -1867,7 +1867,7 @@ function le({
   setLocalStorageValue: i = !0,
   setSelectedTheme: o = !0
 }) {
-  H() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), ae.value = n, o && (U.value = n), i && (localStorage[t] = n));
+  M() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), ae.value = n, o && (U.value = n), i && (localStorage[t] = n));
 }
 function ue({
   darkClass: s,
@@ -1877,16 +1877,16 @@ function ue({
   setLocalStorageValue: i = !0,
   setSelectedTheme: o = !0
 }) {
-  H() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), ae.value = n, o && (U.value = n), i && (localStorage[t] = n));
+  M() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), ae.value = n, o && (U.value = n), i && (localStorage[t] = n));
 }
-function tt({
+function st({
   setLocalStorageValue: s = !0,
   ...e
 }) {
-  if (H())
+  if (M())
     return document.documentElement.classList.remove(e.darkClass), document.documentElement.classList.remove(e.lightClass), ae.value = e.storageThemeValueSystem, U.value = e.storageThemeValueSystem, s && (localStorage[e.storageThemeKey] = e.storageThemeValueSystem), Ce(e);
 }
-function st(s) {
+function nt(s) {
   if (!s.defaultTheme)
     return console.error("[maz-ui](useThemeHandler) No default theme set");
   if (!["light", "dark"].includes(s.defaultTheme))
@@ -1907,7 +1907,7 @@ function st(s) {
   }
 }
 function Ce(s) {
-  return H() ? !localStorage[s.storageThemeKey] && s.defaultTheme ? st(s) : localStorage[s.storageThemeKey] === s.storageThemeValueDark || !localStorage[s.storageThemeKey] && He() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && He() ? le({
+  return M() ? !localStorage[s.storageThemeKey] && s.defaultTheme ? nt(s) : localStorage[s.storageThemeKey] === s.storageThemeValueDark || !localStorage[s.storageThemeKey] && Me() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Me() ? le({
     ...s,
     setLocalStorageValue: !1,
     setSelectedTheme: !1
@@ -1921,14 +1921,14 @@ function Te({
   theme: s,
   ...e
 }) {
-  return s === "system" ? tt(e) : s === "dark" ? le(e) : ue(e);
+  return s === "system" ? st(e) : s === "dark" ? le(e) : ue(e);
 }
-function ks(s) {
+function Cs(s) {
   return ae.value === s.storageThemeValueDark ? ue(s) : le(s);
 }
 function on(s) {
   const e = {
-    ...Ss,
+    ...ks,
     ...s
   };
   function t() {
@@ -1936,7 +1936,7 @@ function on(s) {
   }
   return pe(() => {
     localStorage[e.storageThemeKey] && (U.value = localStorage[e.storageThemeKey]), e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", t);
-  }), Ne(() => {
+  }), Be(() => {
     e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", t);
   }), ie(U, (n) => {
     switch (localStorage[e.storageThemeKey] = n, n) {
@@ -1949,17 +1949,17 @@ function on(s) {
         break;
       }
       case e.storageThemeValueSystem: {
-        tt(e);
+        st(e);
         break;
       }
     }
   }), {
     autoSetTheme: () => Ce(e),
-    toggleTheme: () => ks(e),
+    toggleTheme: () => Cs(e),
     setSystemTheme: () => Te({ ...e, theme: "system" }),
     setDarkTheme: () => Te({ ...e, theme: "dark" }),
     setLightTheme: () => Te({ ...e, theme: "light" }),
-    setDefaultTheme: () => st(e),
+    setDefaultTheme: () => nt(e),
     hasDarkTheme: h(() => U.value === e.storageThemeValueDark),
     hasLightTheme: h(() => U.value === e.storageThemeValueLight),
     hasSystemTheme: h(() => U.value === e.storageThemeValueSystem),
@@ -1971,7 +1971,7 @@ function rn({
   componentName: s,
   providedId: e
 }) {
-  const t = wt();
+  const t = Et();
   return h(() => e ?? `${s}-${t == null ? void 0 : t.uid}`);
 }
 function an() {
@@ -1987,23 +1987,23 @@ function cn({
   callback: s,
   options: e
 }) {
-  return new Lt(s, e);
+  return new It(s, e);
 }
 function dn({
   callback: s,
   options: e
 }) {
-  return new It(s, e);
+  return new St(s, e);
 }
-function Cs(s) {
+function As(s) {
   const e = {};
   for (const [t, n] of Object.entries(s))
     e[t] = Number.parseInt(n, 10);
   return e;
 }
-function As(s = {}) {
+function xs(s = {}) {
   const {
-    internalWindow: e = H() ? window : void 0,
+    internalWindow: e = M() ? window : void 0,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: n = Number.POSITIVE_INFINITY,
     includeScrollbar: i = !0
@@ -2013,7 +2013,7 @@ function As(s = {}) {
   }
   return a(), pe(() => {
     e && window.addEventListener("resize", a, { passive: !0 });
-  }), je(() => {
+  }), Ue(() => {
     e && window.removeEventListener("resize", a);
   }), { width: o, height: r };
 }
@@ -2027,27 +2027,27 @@ function mn({
   mediumBreakPoint: r = "md",
   largeBreakPoint: a = "lg"
 }) {
-  const { width: m } = As({
+  const { width: m } = xs({
     initialWidth: s,
     // (SSR) mobile first
     initialHeight: e,
     includeScrollbar: t,
     internalWindow: n,
     listenOrientation: i
-  }), y = Cs(o), S = h(() => m.value >= y[a]), b = h(
+  }), y = As(o), C = h(() => m.value >= y[a]), b = h(
     () => m.value >= y[r] && m.value < y[a]
   ), f = h(() => m.value >= 0 && m.value < y[r]);
   return {
     width: m,
     numericBreakpoints: y,
     isSmallScreen: f,
-    isLargeScreen: S,
+    isLargeScreen: C,
     isMediumScreen: b,
     breakpoints: o
   };
 }
 function hn(s) {
-  const e = g(), t = g(), n = g(), i = g(), o = g(), r = g(), a = new St({
+  const e = g(), t = g(), n = g(), i = g(), o = g(), r = g(), a = new kt({
     ...s,
     element: s.element,
     onValuesChanged(m) {
@@ -2065,12 +2065,12 @@ function hn(s) {
     stop: a.stop
   };
 }
-function nt(s) {
+function it(s) {
   const e = s.join(", ").match(/\b\w+\b/g);
   return e ? e.length : 0;
 }
-function xs(s, e = 150) {
-  const t = nt([s]);
+function Os(s, e = 150) {
+  const t = it([s]);
   return Math.ceil(t / e);
 }
 function fn(s) {
@@ -2092,7 +2092,7 @@ function fn(s) {
         return y.textContent;
     }
     return typeof s.content == "string" ? s.content : (m = s.content) == null ? void 0 : m.value;
-  }), i = h(() => xs(n.value, e.value)), o = h(() => nt([n.value]));
+  }), i = h(() => Os(n.value, e.value)), o = h(() => it([n.value]));
   return {
     content: n,
     wordCount: o,
@@ -2100,7 +2100,7 @@ function fn(s) {
     duration: i
   };
 }
-function Os(s, e) {
+function Ds(s, e) {
   const t = s.length, n = e.length, i = [];
   for (let o = 0; o <= t; o++)
     i[o] = [o];
@@ -2117,27 +2117,27 @@ function Os(s, e) {
     }
   return i[t][n];
 }
-function it(s, e) {
-  const t = Os(s, e), n = Math.max(s.length, e.length);
+function ot(s, e) {
+  const t = Ds(s, e), n = Math.max(s.length, e.length);
   return 1 - t / n;
 }
-function Ds(s, e, t = 0.75) {
-  return it(s, e) >= t;
+function Fs(s, e, t = 0.75) {
+  return ot(s, e) >= t;
 }
 function vn(s, e, t = 0.75) {
   const n = h(
     () => Oe(typeof s == "string" ? s : s.value)
   ), i = h(
     () => Oe(typeof e == "string" ? e : e.value)
-  ), o = h(() => typeof t == "number" ? t : t.value), r = h(() => it(n.value, i.value));
+  ), o = h(() => typeof t == "number" ? t : t.value), r = h(() => ot(n.value, i.value));
   return {
     isMatching: h(
-      () => Ds(n.value, i.value, o.value)
+      () => Fs(n.value, i.value, o.value)
     ),
     score: r
   };
 }
-function Fs(s, e) {
+function Ms(s, e) {
   const t = {};
   return async function(n, ...i) {
     t[n] || (t[n] = { timer: null, promise: null });
@@ -2155,11 +2155,11 @@ function Fs(s, e) {
     }), o.promise;
   };
 }
-function ot(s) {
-  const e = Ue(s);
+function rt(s) {
+  const e = We(s);
   return Array.isArray(e) ? Object.freeze([...e]) : typeof e == "object" && e !== null ? Object.freeze({ ...e }) : e;
 }
-function Me(s) {
+function He(s) {
   return s == null || typeof s == "string" || typeof s == "number" || typeof s == "boolean" || typeof s == "symbol" || typeof s == "bigint";
 }
 function Hs(s, e) {
@@ -2170,7 +2170,7 @@ function Hs(s, e) {
       return !1;
   return !0;
 }
-function Ms(s, e) {
+function Ps(s, e) {
   const t = Object.keys(s), n = Object.keys(e);
   if (t.length !== n.length)
     return !1;
@@ -2180,9 +2180,9 @@ function Ms(s, e) {
   return !0;
 }
 function re(s, e) {
-  return Me(s) || Me(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) ? Hs(s, e) : typeof s == "object" && typeof e == "object" ? Ms(s, e) : !1;
+  return He(s) || He(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) ? Hs(s, e) : typeof s == "object" && typeof e == "object" ? Ps(s, e) : !1;
 }
-function Ps(s, e) {
+function $s(s, e) {
   const t = {};
   return async (n, ...i) => {
     const o = Date.now();
@@ -2199,13 +2199,13 @@ function Ps(s, e) {
   };
 }
 let Le;
-async function $s() {
+async function Vs() {
   if (Le)
     return Le;
   const { safeParseAsync: s } = await import("./index-BohyOvAy.mjs");
   return Le = s, s;
 }
-function rt(s, e) {
+function at(s, e) {
   return Object.keys(e.entries).includes(s);
 }
 function Pe(s = ".has-input-error") {
@@ -2215,13 +2215,13 @@ function Pe(s = ".has-input-error") {
 function $e(s) {
   return s == null || s === "";
 }
-function at({
+function lt({
   name: s,
   schema: e,
   initialValue: t,
   mode: n
 }) {
-  const i = e ? rt(s, e) : !1;
+  const i = e ? at(s, e) : !1;
   return {
     blurred: !1,
     dirty: !1,
@@ -2234,11 +2234,11 @@ function at({
     initialValue: t
   };
 }
-function Vs(s, e, t) {
+function _s(s, e, t) {
   const n = {};
   for (const [i] of Object.entries(s.entries)) {
     const o = i;
-    n[o] = at({
+    n[o] = lt({
       name: o,
       schema: s,
       mode: t,
@@ -2247,7 +2247,7 @@ function Vs(s, e, t) {
   }
   return n;
 }
-function _s({
+function Ns({
   name: s,
   fieldsStates: e,
   payload: t,
@@ -2255,10 +2255,10 @@ function _s({
   options: i
 }) {
   var r;
-  const o = at({
+  const o = lt({
     name: s,
     schema: n.value,
-    initialValue: ot(i.defaultValue ?? t.value[s]),
+    initialValue: rt(i.defaultValue ?? t.value[s]),
     mode: i.mode
   });
   return {
@@ -2267,14 +2267,14 @@ function _s({
     errors: (r = e[s]) != null && r.errors ? [...e[s].errors, ...o.errors] : o.errors
   };
 }
-function Ns(s) {
+function Bs(s) {
   const e = {};
   for (const [t, { errors: n }] of Object.entries(s))
     e[t] = n;
   return e;
 }
-function Bs(s) {
-  return s.querySelectorAll("input, select, textarea");
+function Ve(s) {
+  return s instanceof HTMLInputElement || s instanceof HTMLSelectElement || s instanceof HTMLTextAreaElement ? [s] : [...s.querySelectorAll("input, select, textarea")];
 }
 function qs({
   interactiveElements: s,
@@ -2283,7 +2283,7 @@ function qs({
   mode: n
 }) {
   s.forEach((i) => {
-    ["onBlur", "eager"].includes(n) && i.addEventListener("blur", e), ["onInput", "eager"].includes(n) && (i.addEventListener("change", t), i.getAttribute("type") === "radio" || i.getAttribute("type") === "checkbox" ? i.addEventListener("change", t) : i.addEventListener("input", t));
+    ["onBlur", "eager"].includes(n) && i.addEventListener("blur", e), ["onInput", "eager"].includes(n) && (i.getAttribute("type") === "radio" || i.getAttribute("type") === "checkbox" ? i.addEventListener("change", t) : i.addEventListener("input", t));
   });
 }
 function js({
@@ -2295,8 +2295,8 @@ function js({
     n.removeEventListener("blur", e), n.removeEventListener("input", t), n.removeEventListener("change", t);
   });
 }
-const lt = Symbol("FormContext");
-let ut = null;
+const ut = Symbol("FormContext");
+let ct = null;
 function pn({
   schema: s,
   model: e,
@@ -2312,47 +2312,47 @@ function pn({
   }, o = g({
     ...e == null ? void 0 : e.value,
     ...t == null ? void 0 : t.value
-  }), r = Et(
-    Vs(s.value, (t == null ? void 0 : t.value) ?? o.value, i.mode)
-  ), a = g(!1), m = g(!1), y = h(() => Object.values(r).every(({ valid: c }) => c)), S = h(() => Object.values(r).some(({ dirty: c }) => c)), b = h(() => Ns(r));
+  }), r = zt(
+    _s(s.value, (t == null ? void 0 : t.value) ?? o.value, i.mode)
+  ), a = g(!1), m = g(!1), y = h(() => Object.values(r).every(({ valid: c }) => c)), C = h(() => Object.values(r).some(({ dirty: c }) => c)), b = h(() => Bs(r));
   async function f(c) {
-    const p = await (await $s())(s.value.entries[c], o.value[c] ?? "");
+    const p = await (await Vs())(s.value.entries[c], o.value[c] ?? "");
     return {
       result: p,
       isValid: p.success
     };
   }
   async function T(c, L = !0) {
-    await Re(0);
+    await Ke(0);
     const p = r[c];
     if (p.validating = !0, !s.value.entries[c]) {
       p.valid = !0, p.validating = !1, p.validated = !0, p.errors = [], p.error = !1;
       return;
     }
-    const { result: E, isValid: C } = await f(c);
-    p.valid = C, L && (p.error = !C), p.errors = E.issues ?? [], p.validating = !1, p.validated = !0;
+    const { result: E, isValid: A } = await f(c);
+    p.valid = A, L && (p.error = !A), p.errors = E.issues ?? [], p.validating = !1, p.validated = !0;
   }
   async function O(c) {
-    var L, p, E, C, R, B, Q, Y;
+    var L, p, E, A, Y, B, Q, K;
     if (typeof ((L = i.throttledFields) == null ? void 0 : L[c]) == "number" || (p = i.throttledFields) != null && p[c]) {
-      const K = typeof ((E = i.throttledFields) == null ? void 0 : E[c]) == "number" ? (C = i.throttledFields) == null ? void 0 : C[c] : 1e3;
-      Ps(T, K)(c, c);
-    } else if (typeof ((R = i.debouncedFields) == null ? void 0 : R[c]) == "number" || (B = i.debouncedFields) != null && B[c]) {
-      const K = typeof ((Q = i.debouncedFields) == null ? void 0 : Q[c]) == "number" ? (Y = i.debouncedFields) == null ? void 0 : Y[c] : 300;
-      Fs(T, K)(c, c);
+      const R = typeof ((E = i.throttledFields) == null ? void 0 : E[c]) == "number" ? (A = i.throttledFields) == null ? void 0 : A[c] : 1e3;
+      $s(T, R)(c, c);
+    } else if (typeof ((Y = i.debouncedFields) == null ? void 0 : Y[c]) == "number" || (B = i.debouncedFields) != null && B[c]) {
+      const R = typeof ((Q = i.debouncedFields) == null ? void 0 : Q[c]) == "number" ? (K = i.debouncedFields) == null ? void 0 : K[c] : 300;
+      Ms(T, R)(c, c);
     } else
       T(c);
   }
-  function M(c) {
+  function H(c) {
     ie(
-      () => Ue(o.value)[c],
-      () => x(c, !0),
+      () => We(o.value)[c],
+      () => $(c, !0),
       { deep: s.value.entries[c].type === "object" }
     );
   }
   function D() {
     for (const c in s.value.entries)
-      M(c);
+      H(c);
   }
   async function P(c = !0) {
     return await Promise.all(
@@ -2363,54 +2363,54 @@ function pn({
     const { dirty: L, blurred: p, mode: E } = r[c];
     return m.value || E === "eager" && p || E === "onInput" && L || E === "onBlur" && p || E === "aggressive" || E === "lazy";
   }
-  function k(c, L = !1) {
-    const p = o.value[c], E = r[c], C = !$e(p) && !re(p, E.initialValue);
-    E.dirty = C, E.blurred = E.blurred || C, !(!L && !w(c)) && O(c);
+  function S(c, L = !1) {
+    const p = o.value[c], E = r[c], A = !$e(p) && !re(p, E.initialValue);
+    E.dirty = A, E.blurred = E.blurred || A, !(!L && !w(c)) && O(c);
   }
-  function x(c, L = !1) {
+  function $(c, L = !1) {
     const p = o.value[c], E = r[c];
     E.validated = !1;
-    const C = !$e(p) && !re(p, E.initialValue);
-    E.dirty = C, !(!L && !w(c)) && O(c);
+    const A = !$e(p) && !re(p, E.initialValue);
+    E.dirty = A, !(!L && !w(c)) && O(c);
   }
-  function N(c, L) {
+  function k(c, L) {
     return async (p) => {
       m.value = !0, a.value = !0, p.preventDefault(), await P() ? await c(o.value) : (L || i.scrollToErrorSelector) && Pe(typeof L == "string" ? L : i.scrollToErrorSelector), a.value = !1;
     };
   }
-  const $ = {
-    handleFieldInput: x,
-    handleFieldBlur: k,
+  const V = {
+    handleFieldInput: $,
+    handleFieldBlur: S,
     fieldsStates: r,
     payload: o,
-    addFieldValidationWatch: M,
+    addFieldValidationWatch: H,
     validateField: O,
     options: i,
     schema: s,
     setFieldValidationState: T
   };
-  return ut = $, zt(lt, $), ["aggressive", "lazy"].includes(i.mode) && D(), P(i.mode === "aggressive"), ie(
+  return ct = V, Tt(ut, V), ["aggressive", "lazy"].includes(i.mode) && D(), P(i.mode === "aggressive"), ie(
     o,
     (c) => {
       e && (e.value = c);
     },
     { immediate: !0 }
   ), {
-    isDirty: S,
+    isDirty: C,
     isSubmitting: a,
     isSubmitted: m,
     isValid: y,
     errors: b,
     model: o,
-    context: $,
+    context: V,
     fieldsStates: r,
     validateForm: P,
     scrollToError: Pe,
-    handleSubmit: N
+    handleSubmit: k
   };
 }
 function gn(s, e) {
-  const t = ut ?? Ve(lt);
+  const t = ct ?? _e(ut);
   if (!t)
     throw new Error("useFormField must be used within a form (useFormValidator)");
   const {
@@ -2421,45 +2421,48 @@ function gn(s, e) {
     options: a,
     addFieldValidationWatch: m,
     schema: y,
-    setFieldValidationState: S
+    setFieldValidationState: C
   } = t, b = {
     ...e,
-    mode: rt(s, y.value) ? (e == null ? void 0 : e.mode) ?? a.mode : "none"
+    mode: at(s, y.value) ? (e == null ? void 0 : e.mode) ?? a.mode : "none"
   };
-  o[s] = _s({ name: s, fieldsStates: o, payload: r, schema: y, options: b });
+  o[s] = Ns({ name: s, fieldsStates: o, payload: r, schema: y, options: b });
   const f = h(() => o[s]);
   if (b.defaultValue !== void 0 && !re(r.value[s], b.defaultValue)) {
     const w = b.defaultValue;
-    r.value[s] = w, o[s].initialValue = ot(w);
+    r.value[s] = w, o[s].initialValue = rt(w);
   }
-  ["aggressive", "lazy"].includes(f.value.mode) && !["aggressive", "lazy"].includes(a.mode) && m(s), f.value.mode !== "none" && S(s, f.value.mode === "aggressive" || a.mode === "aggressive");
+  ["aggressive", "lazy"].includes(f.value.mode) && !["aggressive", "lazy"].includes(a.mode) && m(s), f.value.mode !== "none" && C(s, f.value.mode === "aggressive" || a.mode === "aggressive");
   const T = {
     onBlur: () => i(s)
   }, O = {
     "onUpdate:modelValue": () => n(s)
-  }, M = h(() => {
+  }, H = h(() => {
     if (!(b.componentRef || ["aggressive", "lazy", "none"].includes(f.value.mode)))
       return f.value.mode === "onInput" || f.value.blurred && f.value.mode === "eager" ? O : T;
   });
   if (b.componentRef && !["aggressive", "lazy"].includes(a.mode) && !["aggressive", "lazy"].includes(o[s].mode)) {
-    let w = [], k = null;
-    k = ie(
+    let w = [], S = null;
+    const $ = () => {
+      qs({
+        interactiveElements: w,
+        onBlur: T.onBlur,
+        onInput: O["onUpdate:modelValue"],
+        mode: f.value.mode
+      });
+    };
+    S = ie(
       b.componentRef,
-      (x) => {
-        x != null && x.$el && (k == null || k(), w = Bs(x.$el), qs({
-          interactiveElements: w,
-          onBlur: T.onBlur,
-          onInput: O["onUpdate:modelValue"],
-          mode: f.value.mode
-        }));
+      (k) => {
+        k && k instanceof HTMLElement ? (S == null || S(), w = Ve(k), $()) : k != null && k.$el && (S == null || S(), w = Ve(k.$el), $());
       },
       { immediate: !0 }
-    ), je(() => {
+    ), Ue(() => {
       js({
         interactiveElements: w,
         onBlur: T.onBlur,
         onInput: O["onUpdate:modelValue"]
-      }), k == null || k();
+      }), S == null || S();
     });
   }
   const D = h(() => f.value.error), P = h(() => f.value.errors);
@@ -2480,20 +2483,20 @@ function gn(s, e) {
       get: () => r.value[s],
       set: (w) => r.value[s] = w
     }),
-    validationEvents: M
+    validationEvents: H
   };
 }
 export {
   pn as $,
-  ns as A,
-  os as B,
+  is as A,
+  rs as B,
   en as C,
   tn as D,
-  Ls as E,
-  Is as F,
+  Is as E,
+  Ss as F,
   sn as G,
   nn as H,
-  Lt as I,
+  It as I,
   on as J,
   rn as K,
   an as L,
@@ -2501,42 +2504,42 @@ export {
   un as N,
   cn as O,
   dn as P,
-  as as Q,
+  ls as Q,
   mn as R,
-  Ys as S,
-  ps as T,
-  It as U,
-  As as V,
-  Ts as W,
+  Ks as S,
+  gs as T,
+  St as U,
+  xs as V,
+  Ls as W,
   hn as X,
   fn as Y,
   vn as Z,
-  et as _,
-  H as a,
+  tt as _,
+  M as a,
   gn as a0,
-  St as b,
-  Ks as c,
-  Rs as d,
+  kt as b,
+  Rs as c,
+  Ys as d,
   Xs as e,
-  At as f,
-  xt as g,
-  Bt as h,
+  xt as f,
+  Ot as g,
+  qt as h,
   Ae as i,
   Qs as j,
-  _t as k,
-  Xt as l,
-  We as m,
+  Nt as k,
+  Zt as l,
+  Ye as m,
   Oe as n,
-  Kt as o,
+  Xt as o,
   Gs as p,
-  Ft as q,
+  Mt as q,
   Ht as r,
-  Re as s,
-  Tt as t,
-  Mt as u,
-  Vt as v,
+  Ke as s,
+  Lt as t,
+  Pt as u,
+  _t as v,
   Zs as w,
   Js as x,
-  Qt as y,
-  ts as z
+  Gt as y,
+  ss as z
 };