@stlhorizon/vue-ui 2.12.1 → 2.12.3

package/dist/index.esm.js

@@ -23,14 +23,14 @@ function Tr(e) {
 function Pr(e, a) {
   if (!(e instanceof a)) throw new TypeError("Cannot call a class as a function");
 }
-function Br(e, a) {
+function jr(e, a) {
   for (var t = 0; t < a.length; t++) {
     var n = a[t];
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, dn(n.key), n);
   }
 }
-function jr(e, a, t) {
-  return a && Br(e.prototype, a), Object.defineProperty(e, "prototype", {
+function Br(e, a, t) {
+  return a && jr(e.prototype, a), Object.defineProperty(e, "prototype", {
     writable: !1
   }), e;
 }
@@ -188,7 +188,7 @@ try {
 }
 var Er = sa.navigator || {}, Ca = Er.userAgent, za = Ca === void 0 ? "" : Ca, Ve = sa, de = cn, Aa = fn, ft = mn;
 Ve.document;
-var je = !!de.documentElement && !!de.head && typeof de.addEventListener == "function" && typeof de.createElement == "function", gn = ~za.indexOf("MSIE") || ~za.indexOf("Trident/"), Tt, Lr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, Nr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, vn = {
+var Be = !!de.documentElement && !!de.head && typeof de.addEventListener == "function" && typeof de.createElement == "function", gn = ~za.indexOf("MSIE") || ~za.indexOf("Trident/"), Tt, Lr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, Nr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, vn = {
   classic: {
     fa: "solid",
     fas: "solid",
@@ -575,7 +575,7 @@ var ns = {
   whiteboard: {
     semibold: "fawsb"
   }
-}, Bn = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], Ia = {
+}, jn = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], Ia = {
   kit: {
     fak: "kit",
     "fa-kit": "kit"
@@ -615,8 +615,8 @@ var fs = {
   SWAP_OPACITY: "swap-opacity",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, vs = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press"], bs = "classic", hs = "duotone", ps = "sharp", ys = "sharp-duotone", xs = "chisel", ws = "etch", ks = "jelly", Ss = "jelly-duo", $s = "jelly-fill", Cs = "notdog", zs = "notdog-duo", As = "slab", Is = "slab-press", Ts = "thumbprint", Ps = "whiteboard", Bs = "Classic", js = "Duotone", Os = "Sharp", Fs = "Sharp Duotone", Vs = "Chisel", Ms = "Etch", Ds = "Jelly", Es = "Jelly Duo", Ls = "Jelly Fill", Ns = "Notdog", Rs = "Notdog Duo", _s = "Slab", qs = "Slab Press", Ws = "Thumbprint", Ys = "Whiteboard";
-Pt = {}, re(re(re(re(re(re(re(re(re(re(Pt, bs, Bs), hs, js), ps, Os), ys, Fs), xs, Vs), ws, Ms), ks, Ds), Ss, Es), $s, Ls), Cs, Ns), re(re(re(re(re(Pt, zs, Rs), As, _s), Is, qs), Ts, Ws), Ps, Ys);
+}, vs = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press"], bs = "classic", hs = "duotone", ps = "sharp", ys = "sharp-duotone", xs = "chisel", ws = "etch", ks = "jelly", Ss = "jelly-duo", $s = "jelly-fill", Cs = "notdog", zs = "notdog-duo", As = "slab", Is = "slab-press", Ts = "thumbprint", Ps = "whiteboard", js = "Classic", Bs = "Duotone", Os = "Sharp", Fs = "Sharp Duotone", Vs = "Chisel", Ms = "Etch", Ds = "Jelly", Es = "Jelly Duo", Ls = "Jelly Fill", Ns = "Notdog", Rs = "Notdog Duo", _s = "Slab", qs = "Slab Press", Ws = "Thumbprint", Ys = "Whiteboard";
+Pt = {}, re(re(re(re(re(re(re(re(re(re(Pt, bs, js), hs, Bs), ps, Os), ys, Fs), xs, Vs), ws, Ms), ks, Ds), Ss, Es), $s, Ls), Cs, Ns), re(re(re(re(re(Pt, zs, Rs), As, _s), Is, qs), Ts, Ws), Ps, Ys);
 var Hs = "kit", Us = "kit-duotone", Gs = "Kit", Ks = "Kit Duotone";
 re(re({}, Hs, Gs), Us, Ks);
 var Xs = {
@@ -753,7 +753,7 @@ var Xs = {
   chisel: {
     facr: "fa-regular"
   }
-}, Qs = ["fa-solid", "fa-regular", "fa-light", "fa-thin", "fa-duotone", "fa-brands", "fa-semibold"], jn = ["fa", "fas", "far", "fal", "fat", "fad", "fadr", "fadl", "fadt", "fab", "fass", "fasr", "fasl", "fast", "fasds", "fasdr", "fasdl", "fasdt", "faslr", "faslpr", "fawsb", "fatl", "fans", "fands", "faes", "fajr", "fajfr", "fajdr", "facr"].concat(vs, Qs), Zs = ["solid", "regular", "light", "thin", "duotone", "brands", "semibold"], On = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], el = On.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]), tl = ["aw", "fw", "pull-left", "pull-right"], al = [].concat($e(Object.keys(Js)), Zs, tl, ["2xs", "xs", "sm", "lg", "xl", "2xl", "beat", "border", "fade", "beat-fade", "bounce", "flip-both", "flip-horizontal", "flip-vertical", "flip", "inverse", "layers", "layers-bottom-left", "layers-bottom-right", "layers-counter", "layers-text", "layers-top-left", "layers-top-right", "li", "pull-end", "pull-start", "pulse", "rotate-180", "rotate-270", "rotate-90", "rotate-by", "shake", "spin-pulse", "spin-reverse", "spin", "stack-1x", "stack-2x", "stack", "ul", "width-auto", "width-fixed", mt.GROUP, mt.SWAP_OPACITY, mt.PRIMARY, mt.SECONDARY]).concat(On.map(function(e) {
+}, Qs = ["fa-solid", "fa-regular", "fa-light", "fa-thin", "fa-duotone", "fa-brands", "fa-semibold"], Bn = ["fa", "fas", "far", "fal", "fat", "fad", "fadr", "fadl", "fadt", "fab", "fass", "fasr", "fasl", "fast", "fasds", "fasdr", "fasdl", "fasdt", "faslr", "faslpr", "fawsb", "fatl", "fans", "fands", "faes", "fajr", "fajfr", "fajdr", "facr"].concat(vs, Qs), Zs = ["solid", "regular", "light", "thin", "duotone", "brands", "semibold"], On = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], el = On.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]), tl = ["aw", "fw", "pull-left", "pull-right"], al = [].concat($e(Object.keys(Js)), Zs, tl, ["2xs", "xs", "sm", "lg", "xl", "2xl", "beat", "border", "fade", "beat-fade", "bounce", "flip-both", "flip-horizontal", "flip-vertical", "flip", "inverse", "layers", "layers-bottom-left", "layers-bottom-right", "layers-counter", "layers-text", "layers-top-left", "layers-top-right", "li", "pull-end", "pull-start", "pulse", "rotate-180", "rotate-270", "rotate-90", "rotate-by", "shake", "spin-pulse", "spin-reverse", "spin", "stack-1x", "stack-2x", "stack", "ul", "width-auto", "width-fixed", mt.GROUP, mt.SWAP_OPACITY, mt.PRIMARY, mt.SECONDARY]).concat(On.map(function(e) {
   return "".concat(e, "x");
 })).concat(el.map(function(e) {
   return "w-".concat(e);
@@ -797,14 +797,14 @@ var ol = dt(En), Rt = D({}, ls);
 Rt[ve] = D(D(D(D({}, {
   duotone: "fad"
 }), Rt[ve]), Ta.kit), Ta["kit-duotone"]);
-var Ba = dt(Rt), _t = D({}, Et);
+var ja = dt(Rt), _t = D({}, Et);
 _t[ve] = D(D({}, _t[ve]), gs.kit);
 var ia = dt(_t), qt = D({}, Xs);
 qt[ve] = D(D({}, qt[ve]), fs.kit);
 dt(qt);
 var il = Lr, Ln = "fa-layers-text", ul = Nr, dl = D({}, ns);
 dt(dl);
-var cl = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], Bt = Rr, fl = [].concat($e(os), $e(al)), at = Ve.FontAwesomeConfig || {};
+var cl = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], jt = Rr, fl = [].concat($e(os), $e(al)), at = Ve.FontAwesomeConfig || {};
 function ml(e) {
   var a = de.querySelector("script[" + e + "]");
   if (a)
@@ -880,7 +880,7 @@ var Ye = Lt, ze = {
   flipY: !1
 };
 function hl(e) {
-  if (!(!e || !je)) {
+  if (!(!e || !Be)) {
     var a = de.createElement("style");
     a.setAttribute("type", "text/css"), a.innerHTML = e;
     for (var t = de.head.childNodes, n = null, r = t.length - 1; r > -1; r--) {
@@ -891,7 +891,7 @@ function hl(e) {
   }
 }
 var pl = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-function ja() {
+function Ba() {
   for (var e = 12, a = ""; e-- > 0; )
     a += pl[Math.random() * 62 | 0];
   return a;
@@ -1497,7 +1497,7 @@ function _n() {
   return r;
 }
 var Oa = !1;
-function jt() {
+function Bt() {
   Z.autoAddCss && !Oa && (hl(_n()), Oa = !0);
 }
 var Sl = {
@@ -1505,33 +1505,33 @@ var Sl = {
     return {
       dom: {
         css: _n,
-        insertCss: jt
+        insertCss: Bt
       }
     };
   },
   hooks: function() {
     return {
       beforeDOMElementCreation: function() {
-        jt();
+        Bt();
       },
       beforeI2svg: function() {
-        jt();
+        Bt();
       }
     };
   }
-}, Be = Ve || {};
-Be[Pe] || (Be[Pe] = {});
-Be[Pe].styles || (Be[Pe].styles = {});
-Be[Pe].hooks || (Be[Pe].hooks = {});
-Be[Pe].shims || (Be[Pe].shims = []);
-var Se = Be[Pe], qn = [], Wn = function() {
+}, je = Ve || {};
+je[Pe] || (je[Pe] = {});
+je[Pe].styles || (je[Pe].styles = {});
+je[Pe].hooks || (je[Pe].hooks = {});
+je[Pe].shims || (je[Pe].shims = []);
+var Se = je[Pe], qn = [], Wn = function() {
   de.removeEventListener("DOMContentLoaded", Wn), pt = 1, qn.map(function(a) {
     return a();
   });
 }, pt = !1;
-je && (pt = (de.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(de.readyState), pt || de.addEventListener("DOMContentLoaded", Wn));
+Be && (pt = (de.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(de.readyState), pt || de.addEventListener("DOMContentLoaded", Wn));
 function $l(e) {
-  je && (pt ? setTimeout(e, 0) : qn.push(e));
+  Be && (pt ? setTimeout(e, 0) : qn.push(e));
 }
 function ct(e) {
   var a = e.tag, t = e.attributes, n = t === void 0 ? {} : t, r = e.children, l = r === void 0 ? [] : r;
@@ -1664,7 +1664,7 @@ var er = function() {
     rest: []
   };
 };
-function Bl(e) {
+function jl(e) {
   var a = ve, t = Hn.reduce(function(n, r) {
     return n[r] = "".concat(Z.cssPrefix, "-").concat(r), n;
   }, {});
@@ -1678,10 +1678,10 @@ function $t(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.family, n = t === void 0 ? ve : t, r = ol[n][e];
   if (n === ut && !e)
     return "fad";
-  var l = Ba[n][e] || Ba[n][r], o = e in Se.styles ? e : null, d = l || o || null;
+  var l = ja[n][e] || ja[n][r], o = e in Se.styles ? e : null, d = l || o || null;
   return d;
 }
-function jl(e) {
+function Bl(e) {
   var a = [], t = null;
   return e.forEach(function(n) {
     var r = Il(Z.cssPrefix, n);
@@ -1696,7 +1696,7 @@ function Ma(e) {
     return n.indexOf(a) === t;
   });
 }
-var Da = jn.concat(Bn);
+var Da = Bn.concat(jn);
 function Ct(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.skipLookups, n = t === void 0 ? !1 : t, r = null, l = Ma(e.filter(function(k) {
     return Da.includes(k);
@@ -1704,7 +1704,7 @@ function Ct(e) {
     return !Da.includes(k);
   })), d = l.filter(function(k) {
     return r = k, !bn.includes(k);
-  }), c = kt(d, 1), p = c[0], w = p === void 0 ? null : p, S = Bl(l), O = D(D({}, jl(o)), {}, {
+  }), c = kt(d, 1), p = c[0], w = p === void 0 ? null : p, S = jl(l), O = D(D({}, Bl(o)), {}, {
     prefix: $t(w, {
       family: S
     })
@@ -1755,7 +1755,7 @@ var Dl = /* @__PURE__ */ (function() {
   function e() {
     Pr(this, e), this.definitions = {};
   }
-  return jr(e, [{
+  return Br(e, [{
     key: "add",
     value: function() {
       for (var t = this, n = arguments.length, r = new Array(n), l = 0; l < n; l++)
@@ -1837,7 +1837,7 @@ var tr = new Dl(), Nl = function() {
 }, Rl = {
   i2svg: function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return je ? (_e("beforeI2svg", a), De("pseudoElements2svg", a), De("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
+    return Be ? (_e("beforeI2svg", a), De("pseudoElements2svg", a), De("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
   },
   watch: function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = a.autoReplaceSvgRoot;
@@ -1890,7 +1890,7 @@ var tr = new Dl(), Nl = function() {
   toHtml: ct
 }, ql = function() {
   var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = a.autoReplaceSvgRoot, n = t === void 0 ? de : t;
-  (Object.keys(Se.styles).length > 0 || Z.autoFetchSvg) && je && Z.autoReplaceSvg && ye.dom.i2svg({
+  (Object.keys(Se.styles).length > 0 || Z.autoFetchSvg) && Be && Z.autoReplaceSvg && ye.dom.i2svg({
     node: n
   });
 };
@@ -1905,7 +1905,7 @@ function zt(e, a) {
     }
   }), Object.defineProperty(e, "node", {
     get: function() {
-      if (je) {
+      if (Be) {
         var n = de.createElement("div");
         return n.innerHTML = e.html, n.children;
       }
@@ -1952,10 +1952,10 @@ function Hl(e) {
   });
 }
 function ma(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, o = e.transform, d = e.symbol, c = e.maskId, p = e.extra, w = e.watchable, S = w === void 0 ? !1 : w, O = n.found ? n : t, k = O.width, z = O.height, v = [Z.replacementClass, l ? "".concat(Z.cssPrefix, "-").concat(l) : ""].filter(function(B) {
-    return p.classes.indexOf(B) === -1;
-  }).filter(function(B) {
-    return B !== "" || !!B;
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, o = e.transform, d = e.symbol, c = e.maskId, p = e.extra, w = e.watchable, S = w === void 0 ? !1 : w, O = n.found ? n : t, k = O.width, z = O.height, v = [Z.replacementClass, l ? "".concat(Z.cssPrefix, "-").concat(l) : ""].filter(function(j) {
+    return p.classes.indexOf(j) === -1;
+  }).filter(function(j) {
+    return j !== "" || !!j;
   }).concat(p.classes).join(" "), g = {
     children: [],
     attributes: D(D({}, p.attributes), {}, {
@@ -2023,19 +2023,19 @@ function Ut(e) {
   return Array.isArray(l) ? o = {
     tag: "g",
     attributes: {
-      class: "".concat(Z.cssPrefix, "-").concat(Bt.GROUP)
+      class: "".concat(Z.cssPrefix, "-").concat(jt.GROUP)
     },
     children: [{
       tag: "path",
       attributes: {
-        class: "".concat(Z.cssPrefix, "-").concat(Bt.SECONDARY),
+        class: "".concat(Z.cssPrefix, "-").concat(jt.SECONDARY),
         fill: "currentColor",
         d: l[0]
       }
     }, {
       tag: "path",
       attributes: {
-        class: "".concat(Z.cssPrefix, "-").concat(Bt.PRIMARY),
+        class: "".concat(Z.cssPrefix, "-").concat(jt.PRIMARY),
         fill: "currentColor",
         d: l[1]
       }
@@ -2204,7 +2204,7 @@ function qa(e) {
             } else Ql(S.target) && r(S.target);
         });
       }
-    }), je && yt.observe(c, {
+    }), Be && yt.observe(c, {
       childList: !0,
       attributes: !0,
       characterData: !0,
@@ -2281,11 +2281,11 @@ function lr(e) {
   return ~a.extra.classes.indexOf(Ln) ? De("generateLayersText", e, a) : De("generateSvgReplacementMutation", e, a);
 }
 function uo() {
-  return [].concat($e(Bn), $e(jn));
+  return [].concat($e(jn), $e(Bn));
 }
 function Ya(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-  if (!je) return Promise.resolve();
+  if (!Be) return Promise.resolve();
   var t = de.documentElement.classList, n = function(S) {
     return t.add("".concat(Pa, "-").concat(S));
   }, r = function(S) {
@@ -2567,8 +2567,8 @@ function Ga(e, a) {
       }
       if (f && !g && (!o || o.getAttribute(la) !== k || o.getAttribute(oa) !== y)) {
         e.setAttribute(t, y), o && e.removeChild(o);
-        var F = oo(), B = F.extra;
-        B.attributes[Nt] = a, Gt(f, k).then(function(se) {
+        var F = oo(), j = F.extra;
+        j.attributes[Nt] = a, Gt(f, k).then(function(se) {
           var U = ma(D(D({}, F), {}, {
             icons: {
               main: se,
@@ -2576,7 +2576,7 @@ function Ga(e, a) {
             },
             prefix: k,
             iconName: y,
-            extra: B,
+            extra: j,
             watchable: !0
           })), le = de.createElementNS("http://www.w3.org/2000/svg", "svg");
           a === "::before" ? e.insertBefore(le, e.firstChild) : e.appendChild(le), le.outerHTML = U.map(function(te) {
@@ -2630,7 +2630,7 @@ var $o = function(a) {
 };
 function Ka(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  if (je) {
+  if (Be) {
     var t;
     if (a)
       t = e;
@@ -2865,7 +2865,7 @@ var Po = {
         tag: "g",
         attributes: D({}, k.outer),
         children: [g]
-      }, y = "mask-".concat(d || ja()), A = "clip-".concat(d || ja()), F = {
+      }, y = "mask-".concat(d || Ba()), A = "clip-".concat(d || Ba()), F = {
         tag: "mask",
         attributes: D(D({}, Vt), {}, {
           id: y,
@@ -2873,7 +2873,7 @@ var Po = {
           maskContentUnits: "userSpaceOnUse"
         }),
         children: [z, f]
-      }, B = {
+      }, j = {
         tag: "defs",
         children: [{
           tag: "clipPath",
@@ -2883,7 +2883,7 @@ var Po = {
           children: To(O)
         }, F]
       };
-      return n.push(B, {
+      return n.push(j, {
         tag: "rect",
         attributes: D({
           fill: "currentColor",
@@ -2896,7 +2896,7 @@ var Po = {
       };
     };
   }
-}, Bo = {
+}, jo = {
   provides: function(a) {
     var t = !1;
     Ve.matchMedia && (t = Ve.matchMedia("(prefers-reduced-motion: reduce)").matches), a.missingIconAbstract = function() {
@@ -2968,7 +2968,7 @@ var Po = {
       };
     };
   }
-}, jo = {
+}, Bo = {
   hooks: function() {
     return {
       parseNodeAttributes: function(t, n) {
@@ -2977,7 +2977,7 @@ var Po = {
       }
     };
   }
-}, Oo = [Sl, go, vo, bo, ho, zo, Ao, Io, Po, Bo, jo];
+}, Oo = [Sl, go, vo, bo, ho, zo, Ao, Io, Po, jo, Bo];
 Ll(Oo, {
   mixoutsTo: ye
 });
@@ -3114,10 +3114,10 @@ var Yo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     var t = function(f, y, A) {
       if (!p(y) || S(y) || O(y) || k(y) || c(y))
         return y;
-      var F, B = 0, se = 0;
+      var F, j = 0, se = 0;
       if (w(y))
-        for (F = [], se = y.length; B < se; B++)
-          F.push(t(f, y[B], A));
+        for (F = [], se = y.length; j < se; j++)
+          F.push(t(f, y[j], A));
       else {
         F = {};
         for (var U in y)
@@ -3153,8 +3153,8 @@ var Yo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return f = f - 0, f === f;
     }, v = function(f, y) {
       var A = y && "process" in y ? y.process : y;
-      return typeof A != "function" ? f : function(F, B) {
-        return A(F, f, B);
+      return typeof A != "function" ? f : function(F, j) {
+        return A(F, f, j);
       };
     }, g = {
       camelize: r,
@@ -4798,7 +4798,7 @@ const Q = {
       }, x(t.value) + "% ", 3)) : h("", !0)
     ], 2));
   }
-}, Pi = { class: "flex items-center space-x-2" }, Bi = ["aria-checked", "disabled"], ji = {
+}, Pi = { class: "flex items-center space-x-2" }, ji = ["aria-checked", "disabled"], Bi = {
   __name: "Radio",
   props: {
     modelValue: null,
@@ -4864,7 +4864,7 @@ const Q = {
           key: 0,
           class: m(d.value)
         }, null, 2)) : h("", !0)
-      ], 10, Bi),
+      ], 10, ji),
       e.label ? (s(), u("label", {
         key: 0,
         class: m(c.value),
@@ -6172,7 +6172,7 @@ const Q = {
       }
       return !1;
     }
-    function B() {
+    function j() {
       t.disabled || (r.value = !r.value);
     }
     function se() {
@@ -6193,7 +6193,7 @@ const Q = {
         r.value = !1;
       }, 150);
     }
-    function j() {
+    function B() {
       o.value = l.getMonth(), d.value = l.getFullYear(), te(l.getDate());
     }
     function X() {
@@ -6225,7 +6225,7 @@ const Q = {
           required: e.required,
           "aria-describedby": e.ariaDescribedby,
           class: "w-full px-3 py-2 pr-10 border border-slate-300 rounded-md bg-white text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
-          onClick: B
+          onClick: j
         }, null, 8, xu),
         M[2] || (M[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           i("svg", {
@@ -6354,7 +6354,7 @@ const Q = {
               i("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
-                onClick: j
+                onClick: B
               }, " Today ")
             ])) : h("", !0)
           ], 2)) : h("", !0)
@@ -6516,7 +6516,7 @@ const Q = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, Bu = { class: "w-full" }, ju = ["multiple", "accept"], Ou = { class: "flex flex-col items-center justify-center py-6" }, Fu = {
+}, ju = { class: "w-full" }, Bu = ["multiple", "accept"], Ou = { class: "flex flex-col items-center justify-center py-6" }, Fu = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
 }, Vu = {
@@ -6578,10 +6578,10 @@ const Q = {
       r.value.splice(y, 1), n("file-removed", r.value);
     }, f = (y) => {
       if (y === 0) return "0 Bytes";
-      const A = 1024, F = ["Bytes", "KB", "MB", "GB"], B = Math.floor(Math.log(y) / Math.log(A));
-      return parseFloat((y / Math.pow(A, B)).toFixed(2)) + " " + F[B];
+      const A = 1024, F = ["Bytes", "KB", "MB", "GB"], j = Math.floor(Math.log(y) / Math.log(A));
+      return parseFloat((y / Math.pow(A, j)).toFixed(2)) + " " + F[j];
     };
-    return (y, A) => (s(), u("div", Bu, [
+    return (y, A) => (s(), u("div", ju, [
       i("div", {
         class: m(c.value),
         onDrop: p,
@@ -6598,7 +6598,7 @@ const Q = {
           accept: e.accept,
           class: "hidden",
           onChange: z
-        }, null, 40, ju),
+        }, null, 40, Bu),
         i("div", Ou, [
           P(Q, {
             icon: "upload",
@@ -6612,8 +6612,8 @@ const Q = {
         ])
       ], 34),
       r.value.length > 0 ? (s(), u("div", Vu, [
-        (s(!0), u(G, null, K(r.value, (F, B) => (s(), u("div", {
-          key: B,
+        (s(!0), u(G, null, K(r.value, (F, j) => (s(), u("div", {
+          key: j,
           class: "flex items-center justify-between p-2 bg-gray-300 rounded-md"
         }, [
           i("div", Mu, [
@@ -6626,7 +6626,7 @@ const Q = {
           ]),
           i("button", {
             class: "text-muted-foreground hover:text-foreground",
-            onClick: (se) => g(B)
+            onClick: (se) => g(j)
           }, [
             P(Q, {
               icon: "x",
@@ -7501,7 +7501,7 @@ const pd = {
       ], 2)
     ]));
   }
-}, Td = { class: "relative" }, Pd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Bd = ["value", "placeholder", "disabled"], jd = {
+}, Td = { class: "relative" }, Pd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, jd = ["value", "placeholder", "disabled"], Bd = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
 }, Od = ["aria-label"], Fd = {
@@ -7565,41 +7565,41 @@ const pd = {
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
     <path class="opacity-75" fill="currentColor" d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
   </svg>`
-    }, l = e, o = a, d = Y(null), c = Y(null), p = Y(!1), w = Y(-1), S = Y(null), O = (j) => {
-      const X = j.target.value;
+    }, l = e, o = a, d = Y(null), c = Y(null), p = Y(!1), w = Y(-1), S = Y(null), O = (B) => {
+      const X = B.target.value;
       o("update:modelValue", X), S.value && clearTimeout(S.value), S.value = setTimeout(() => {
         X.length >= l.minLength ? (o("search", X), p.value = !0) : p.value = !1;
       }, l.debounce);
-    }, k = (j) => {
-      o("focus", j), l.modelValue.length >= l.minLength && (p.value = !0);
-    }, z = (j) => {
-      o("blur", j), setTimeout(() => {
+    }, k = (B) => {
+      o("focus", B), l.modelValue.length >= l.minLength && (p.value = !0);
+    }, z = (B) => {
+      o("blur", B), setTimeout(() => {
         p.value = !1, w.value = -1;
       }, 150);
     }, v = () => {
       o("update:modelValue", ""), o("clear"), p.value = !1, c.value?.focus();
-    }, g = (j) => {
-      o("select", j), p.value = !1, w.value = -1;
-    }, f = (j) => {
+    }, g = (B) => {
+      o("select", B), p.value = !1, w.value = -1;
+    }, f = (B) => {
       if (!(!p.value || l.results.length === 0))
-        switch (j.key) {
+        switch (B.key) {
           case "ArrowDown":
-            j.preventDefault(), w.value = Math.min(w.value + 1, l.results.length - 1);
+            B.preventDefault(), w.value = Math.min(w.value + 1, l.results.length - 1);
             break;
           case "ArrowUp":
-            j.preventDefault(), w.value = Math.max(w.value - 1, -1);
+            B.preventDefault(), w.value = Math.max(w.value - 1, -1);
             break;
           case "Enter":
-            j.preventDefault(), w.value >= 0 && g(l.results[w.value]);
+            B.preventDefault(), w.value >= 0 && g(l.results[w.value]);
             break;
           case "Escape":
-            j.preventDefault(), p.value = !1, w.value = -1;
+            B.preventDefault(), p.value = !1, w.value = -1;
             break;
         }
-    }, y = (j) => {
-      if (!l.highlightMatches || !l.modelValue || !j) return j;
+    }, y = (B) => {
+      if (!l.highlightMatches || !l.modelValue || !B) return B;
       const X = new RegExp(`(${l.modelValue})`, "gi");
-      return j.replace(X, "$1");
+      return B.replace(X, "$1");
     }, A = E(
       "block w-full rounded-lg border bg-white transition-colors duration-200 placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
       {
@@ -7621,17 +7621,17 @@ const pd = {
         }
       },
       defaultVariants: { size: "md" }
-    }), B = b(() => $(A({ size: l.size }))), se = b(() => $(F({ size: l.size }))), U = b(
+    }), j = b(() => $(A({ size: l.size }))), se = b(() => $(F({ size: l.size }))), U = b(
       () => $("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), le = (j) => $(
+    ), le = (B) => $(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
-      { "bg-slate-50": w.value === j }
-    ), te = (j) => {
-      d.value && !d.value.contains(j.target) && (p.value = !1, w.value = -1);
+      { "bg-slate-50": w.value === B }
+    ), te = (B) => {
+      d.value && !d.value.contains(B.target) && (p.value = !1, w.value = -1);
     };
     return Ae(() => document.addEventListener("click", te)), Ee(() => {
       document.removeEventListener("click", te), S.value && clearTimeout(S.value);
-    }), ge(() => l.results, () => w.value = -1), (j, X) => (s(), u("div", {
+    }), ge(() => l.results, () => w.value = -1), (B, X) => (s(), u("div", {
       ref_key: "searchRef",
       ref: d,
       class: "relative"
@@ -7648,13 +7648,13 @@ const pd = {
           value: e.modelValue,
           placeholder: e.placeholder,
           disabled: e.disabled,
-          class: m(B.value),
+          class: m(j.value),
           onInput: O,
           onFocus: k,
           onBlur: z,
           onKeydown: f
-        }, null, 42, Bd),
-        e.modelValue || e.loading ? (s(), u("div", jd, [
+        }, null, 42, jd),
+        e.modelValue || e.loading ? (s(), u("div", Bd, [
           !e.loading && e.clearable ? (s(), u("button", {
             key: 0,
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
@@ -7698,8 +7698,8 @@ const pd = {
                 J.category ? (s(), u("div", Nd, x(J.category), 1)) : h("", !0)
               ], 42, Md))), 128))
             ])) : e.showNoResults ? (s(), u("div", Rd, x(e.noResultsText), 1)) : h("", !0),
-            j.$slots.footer ? (s(), u("div", _d, [
-              V(j.$slots, "footer")
+            B.$slots.footer ? (s(), u("div", _d, [
+              V(B.$slots, "footer")
             ])) : h("", !0)
           ], 2)) : h("", !0)
         ]),
@@ -7986,28 +7986,28 @@ const pd = {
     ), (y, A) => (s(), u("div", {
       class: m(k.value)
     }, [
-      (s(!0), u(G, null, K(e.items, (F, B) => (s(), u("div", {
-        key: F.id || B,
+      (s(!0), u(G, null, K(e.items, (F, j) => (s(), u("div", {
+        key: F.id || j,
         class: m(z.value)
       }, [
         i("button", {
-          id: `header-${F.id || B}`,
-          class: m(v(B)),
-          "aria-expanded": d(B),
-          "aria-controls": `panel-${F.id || B}`,
-          onClick: (se) => o(B)
+          id: `header-${F.id || j}`,
+          class: m(v(j)),
+          "aria-expanded": d(j),
+          "aria-controls": `panel-${F.id || j}`,
+          onClick: (se) => o(j)
         }, [
           i("div", uc, [
-            V(y.$slots, `header-${B}`, {
+            V(y.$slots, `header-${j}`, {
               item: F,
-              index: B,
-              isExpanded: d(B)
+              index: j,
+              isExpanded: d(j)
             }, () => [
               F.title ? (s(), u("div", dc, x(F.title), 1)) : h("", !0)
             ])
           ]),
           i("div", {
-            class: m(g(B))
+            class: m(g(j))
           }, [
             P(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
@@ -8021,20 +8021,20 @@ const pd = {
           "leave-to-class": "opacity-0 max-h-0"
         }, {
           default: N(() => [
-            d(B) ? (s(), u("div", {
+            d(j) ? (s(), u("div", {
               key: 0,
-              id: `panel-${F.id || B}`,
+              id: `panel-${F.id || j}`,
               class: m(f.value),
-              "aria-labelledby": `header-${F.id || B}`,
+              "aria-labelledby": `header-${F.id || j}`,
               role: "region"
             }, [
-              V(y.$slots, `content-${B}`, {
+              V(y.$slots, `content-${j}`, {
                 item: F,
-                index: B
+                index: j
               }, () => [
                 V(y.$slots, "content", {
                   item: F,
-                  index: B
+                  index: j
                 }, () => [
                   F.content ? (s(), u("div", fc, x(F.content), 1)) : h("", !0)
                 ])
@@ -8216,7 +8216,7 @@ const pd = {
     function F() {
       t.disabled || (r.value = !r.value);
     }
-    function B() {
+    function j() {
       r.value = !1;
     }
     function se() {
@@ -8233,7 +8233,7 @@ const pd = {
     function te() {
       o.value = l.getMonth(), d.value = l.getFullYear(), le(l.getDate());
     }
-    function j() {
+    function B() {
       c.value = null, n("update:modelValue", "");
     }
     ge(() => t.modelValue, (J) => {
@@ -8244,7 +8244,7 @@ const pd = {
         c.value = null;
     }, { immediate: !0 });
     function X(J) {
-      J.key === "Escape" && r.value && B();
+      J.key === "Escape" && r.value && j();
     }
     return Ae(() => {
       document.addEventListener("keydown", X);
@@ -8284,7 +8284,7 @@ const pd = {
           type: "button",
           class: "absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-slate-100 rounded",
           "aria-label": "Clear date",
-          onClick: Fe(j, ["stop"])
+          onClick: Fe(B, ["stop"])
         }, [...C[1] || (C[1] = [
           i("svg", {
             class: "w-4 h-4 text-slate-500",
@@ -8400,7 +8400,7 @@ const pd = {
       r.value ? (s(), u("div", {
         key: 0,
         class: "fixed inset-0 z-[99998]",
-        onClick: B
+        onClick: j
       })) : h("", !0)
     ]));
   }
@@ -8561,7 +8561,7 @@ const pd = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, Bc = { class: "w-full h-full" }, jc = ["width", "height", "viewBox"], Oc = { key: 0 }, Fc = ["x1", "y1", "x2", "y2", "stroke"], Vc = ["x", "y", "width", "height", "fill", "onMouseenter"], Mc = { key: 1 }, Dc = ["x", "y"], Ec = { key: 2 }, Lc = ["x", "y"], Nc = { key: 3 }, Rc = ["x", "y", "width", "height", "fill", "stroke"], _c = ["x", "y"], qc = {
+}, jc = { class: "w-full h-full" }, Bc = ["width", "height", "viewBox"], Oc = { key: 0 }, Fc = ["x1", "y1", "x2", "y2", "stroke"], Vc = ["x", "y", "width", "height", "fill", "onMouseenter"], Mc = { key: 1 }, Dc = ["x", "y"], Ec = { key: 2 }, Lc = ["x", "y"], Nc = { key: 3 }, Rc = ["x", "y", "width", "height", "fill", "stroke"], _c = ["x", "y"], qc = {
   __name: "BarChart",
   props: {
     data: {
@@ -8667,7 +8667,7 @@ const pd = {
     }, v = () => {
       r.value.visible = !1;
     };
-    return (g, f) => (s(), u("div", Bc, [
+    return (g, f) => (s(), u("div", jc, [
       (s(), u("svg", {
         width: e.width,
         height: e.height,
@@ -8735,7 +8735,7 @@ const pd = {
             "text-anchor": "middle"
           }, x(r.value.content), 11, _c)
         ])) : h("", !0)
-      ], 8, jc))
+      ], 8, Bc))
     ]));
   }
 }, Wc = { class: "w-full h-full" }, Yc = ["width", "height", "viewBox"], Hc = { key: 0 }, Uc = ["x1", "y1", "x2", "y2", "stroke"], Gc = ["d", "stroke", "stroke-width"], Kc = { key: 1 }, Xc = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], Jc = ["d", "fill", "fill-opacity"], Qc = { key: 3 }, Zc = ["x", "y"], ef = { key: 4 }, tf = ["x", "y"], af = { key: 5 }, nf = ["x", "y", "width", "height", "fill", "stroke"], rf = ["x", "y"], sf = {
@@ -9045,20 +9045,20 @@ const pd = {
     }), p = b(() => r.value || l.value || d.value), w = b(() => {
       const te = [];
       if (r.value || l.value) {
-        let j = "";
-        r.value && l.value ? j = `${r.value} to ${l.value}` : r.value ? j = `From ${r.value}` : l.value && (j = `Until ${l.value}`), j && te.push({
+        let B = "";
+        r.value && l.value ? B = `${r.value} to ${l.value}` : r.value ? B = `From ${r.value}` : l.value && (B = `Until ${l.value}`), B && te.push({
           key: "date",
           label: "Date Range",
-          value: j,
+          value: B,
           icon: "calendar"
         });
       }
       if (d.value) {
-        const j = t.dataSources.find((X) => X.value === d.value);
+        const B = t.dataSources.find((X) => X.value === d.value);
         te.push({
           key: "dataSource",
           label: "Data Source",
-          value: j?.label || d.value,
+          value: B?.label || d.value,
           icon: "database"
         });
       }
@@ -9086,7 +9086,7 @@ const pd = {
       () => "flex items-center gap-1.5 bg-white border border-blue-200 text-blue-800 px-3 py-1.5 rounded-full text-sm font-medium"
     ), F = b(
       () => "text-blue-600 hover:text-blue-800 ml-1 hover:bg-blue-100 rounded-full p-0.5 transition-all"
-    ), B = (te) => {
+    ), j = (te) => {
       o.value = te.target.value, n("update:chartType", te.target.value);
     }, se = (te) => {
       d.value = te.target.value, n("update:dataSource", te.target.value);
@@ -9106,7 +9106,7 @@ const pd = {
       n("update:dateFrom", te);
     }), ge(() => l.value, (te) => {
       n("update:dateTo", te);
-    }), (te, j) => (s(), u("div", lf, [
+    }), (te, B) => (s(), u("div", lf, [
       i("div", {
         class: m(S.value)
       }, [
@@ -9117,7 +9117,7 @@ const pd = {
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             lt(i("input", {
-              "onUpdate:modelValue": j[0] || (j[0] = (X) => r.value = X),
+              "onUpdate:modelValue": B[0] || (B[0] = (X) => r.value = X),
               type: "date",
               class: m(O.value),
               placeholder: "From date"
@@ -9125,14 +9125,14 @@ const pd = {
               [Mt, r.value]
             ])
           ]),
-          j[6] || (j[6] = i("span", { class: "text-gray-500 text-sm" }, "to", -1)),
+          B[6] || (B[6] = i("span", { class: "text-gray-500 text-sm" }, "to", -1)),
           i("div", df, [
             P(Q, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             lt(i("input", {
-              "onUpdate:modelValue": j[1] || (j[1] = (X) => l.value = X),
+              "onUpdate:modelValue": B[1] || (B[1] = (X) => l.value = X),
               type: "date",
               class: m(O.value),
               placeholder: "To date"
@@ -9145,11 +9145,11 @@ const pd = {
           i("div", ff, [
             P(Oe, {
               modelValue: o.value,
-              "onUpdate:modelValue": j[2] || (j[2] = (X) => o.value = X),
+              "onUpdate:modelValue": B[2] || (B[2] = (X) => o.value = X),
               class: m(k.value),
-              onChange: B
+              onChange: j
             }, {
-              default: N(() => [...j[7] || (j[7] = [
+              default: N(() => [...B[7] || (B[7] = [
                 i("option", { value: "bar" }, " Bar Chart ", -1),
                 i("option", { value: "line" }, " Line Chart ", -1),
                 i("option", { value: "pie" }, " Pie Chart ", -1)
@@ -9166,12 +9166,12 @@ const pd = {
           i("div", gf, [
             P(Oe, {
               modelValue: d.value,
-              "onUpdate:modelValue": j[3] || (j[3] = (X) => d.value = X),
+              "onUpdate:modelValue": B[3] || (B[3] = (X) => d.value = X),
               class: m(k.value),
               onChange: se
             }, {
               default: N(() => [
-                j[8] || (j[8] = i("option", { value: "" }, " All Sources ", -1)),
+                B[8] || (B[8] = i("option", { value: "" }, " All Sources ", -1)),
                 (s(!0), u(G, null, K(e.dataSources, (X) => (s(), u("option", {
                   key: X.value,
                   value: X.value
@@ -9199,35 +9199,35 @@ const pd = {
                 icon: "rotate-left",
                 class: "w-4 h-4 mr-2"
               }),
-              j[9] || (j[9] = ee(" Clear Filters ", -1))
+              B[9] || (B[9] = ee(" Clear Filters ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0),
           e.showExport ? (s(), W(we, {
             key: 1,
             class: m(v.value),
-            onClick: j[4] || (j[4] = (X) => te.$emit("export"))
+            onClick: B[4] || (B[4] = (X) => te.$emit("export"))
           }, {
             default: N(() => [
               P(Q, {
                 icon: "download",
                 class: "w-4 h-4 mr-2"
               }),
-              j[10] || (j[10] = ee(" Export ", -1))
+              B[10] || (B[10] = ee(" Export ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0),
           e.showRefresh ? (s(), W(we, {
             key: 2,
             class: m(g.value),
-            onClick: j[5] || (j[5] = (X) => te.$emit("refresh"))
+            onClick: B[5] || (B[5] = (X) => te.$emit("refresh"))
           }, {
             default: N(() => [
               P(Q, {
                 icon: "sync",
                 class: "w-4 h-4 mr-2"
               }),
-              j[11] || (j[11] = ee(" Refresh ", -1))
+              B[11] || (B[11] = ee(" Refresh ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0)
@@ -9563,7 +9563,7 @@ const pd = {
 }, Af = {
   key: 3,
   class: "flex items-center gap-4"
-}, If = { class: "flex items-center gap-2" }, Tf = { class: "flex items-center gap-1" }, Pf = ["disabled"], Bf = ["disabled"], jf = { class: "flex items-center gap-1" }, Of = ["onClick"], Ff = ["disabled"], Vf = ["disabled"], Mf = { class: "text-sm text-slate-600 ml-4" }, yr = {
+}, If = { class: "flex items-center gap-2" }, Tf = { class: "flex items-center gap-1" }, Pf = ["disabled"], jf = ["disabled"], Bf = { class: "flex items-center gap-1" }, Of = ["onClick"], Ff = ["disabled"], Vf = ["disabled"], Mf = { class: "text-sm text-slate-600 ml-4" }, yr = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -9777,8 +9777,8 @@ const pd = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, Bf),
-            i("div", jf, [
+            ])], 10, jf),
+            i("div", Bf, [
               (s(!0), u(G, null, K(c.value, (v) => (s(), u("button", {
                 key: v,
                 class: m(O(v === e.currentPage, !1)),
@@ -9976,7 +9976,7 @@ const pd = {
 }, tt = /* @__PURE__ */ At(Kf, [["__scopeId", "data-v-68532350"]]), Xf = { class: "relative" }, Jf = { class: "flex items-center justify-center" }, Qf = ["onClick"], Zf = { class: "flex items-center gap-2" }, em = {
   key: 1,
   class: "flex flex-col"
-}, tm = { key: 0 }, am = ["colspan"], nm = { class: "flex justify-center items-center" }, rm = { key: 2 }, sm = ["colspan"], lm = { class: "text-center" }, om = { class: "text-slate-400 mb-4" }, im = { class: "text-slate-600 text-lg font-medium mb-2" }, um = { class: "text-slate-500 text-sm" }, dm = {
+}, tm = { key: 0 }, am = ["colspan"], nm = { class: "flex justify-center items-center" }, rm = { key: 2 }, sm = ["colspan"], lm = { class: "flex flex-col items-center justify-center py-12" }, om = { class: "text-slate-400 mb-4 flex justify-center" }, im = { class: "text-slate-600 text-lg font-medium mb-2" }, um = { class: "text-slate-500 text-sm" }, dm = {
   __name: "DataTable",
   props: {
     data: {
@@ -10129,10 +10129,6 @@ const pd = {
     skeletonRows: {
       type: Number,
       default: 5
-    },
-    hasLoaded: {
-      type: Boolean,
-      default: !1
     }
   },
   emits: ["selection-change", "sort-change", "row-click", "page-change", "page-size-change", "refresh"],
@@ -10198,10 +10194,10 @@ const pd = {
     }), g = b(() => {
       let q = n.columns.length;
       return n.selectable && q++, n.$slots?.actions && q++, q;
-    }), f = b(() => k.value.length > 0 && k.value.every((q) => B(q))), y = b(() => {
-      const q = k.value.filter((ae) => B(ae)).length;
+    }), f = b(() => k.value.length > 0 && k.value.every((q) => j(q))), y = b(() => {
+      const q = k.value.filter((ae) => j(ae)).length;
       return q > 0 && q < k.value.length;
-    }), A = (q, ae) => ae.accessor ? ae.accessor(q) : ae.key.split(".").reduce((ue, pe) => ue?.[pe], q), F = (q, ae) => q[n.rowKey] || ae, B = (q) => n.selectedItems.some(
+    }), A = (q, ae) => ae.accessor ? ae.accessor(q) : ae.key.split(".").reduce((ue, pe) => ue?.[pe], q), F = (q, ae) => q[n.rowKey] || ae, j = (q) => n.selectedItems.some(
       (ae) => F(ae) === F(q)
     ), se = (q) => {
       const ae = [...n.selectedItems], ue = ae.findIndex(
@@ -10216,7 +10212,7 @@ const pd = {
       !q.sortable || n.loading || n.sortLoading || (d.value === q.key ? c.value = c.value === "asc" ? "desc" : "asc" : (d.value = q.key, c.value = "asc"), r("sort-change", { column: q.key, direction: c.value }));
     }, te = (q) => {
       n.loading || r("row-click", q);
-    }, j = async (q) => {
+    }, B = async (q) => {
       n.paginationLoading || n.loading || (l.value = q, r("page-change", q));
     }, X = async (q) => {
       n.paginationLoading || n.loading || (o.value = q, l.value = 1, r("page-size-change", q));
@@ -10281,7 +10277,7 @@ const pd = {
         r("refresh");
       },
       goToPage: (q) => {
-        j(q);
+        B(q);
       },
       selectAll: () => {
         U();
@@ -10425,7 +10421,7 @@ const pd = {
                 columns: e.columns,
                 index: pe,
                 selectable: e.selectable,
-                "is-selected": B(ue),
+                "is-selected": j(ue),
                 striped: e.striped,
                 hoverable: e.hoverable,
                 "clickable-rows": e.clickableRows,
@@ -10446,7 +10442,7 @@ const pd = {
                     V(q.$slots, `cell-${Ie.key}`, Ke({ ref_for: !0 }, We), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading && e.hasLoaded ? (s(), u("tr", rm, [
+              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading ? (s(), u("tr", rm, [
                 i("td", {
                   colspan: g.value,
                   class: m(qe.value)
@@ -10456,7 +10452,7 @@ const pd = {
                       i("div", om, [
                         P(Q, {
                           icon: "search",
-                          class: "w-12 h-12"
+                          class: "w-16 h-16"
                         })
                       ]),
                       i("p", im, x(e.emptyText), 1),
@@ -10508,7 +10504,7 @@ const pd = {
         padding: e.paginationPadding,
         loading: e.paginationLoading,
         disabled: e.loading || e.dataLoading,
-        "onUpdate:currentPage": j,
+        "onUpdate:currentPage": B,
         "onUpdate:pageSize": X
       }, {
         footer: N(() => [
@@ -10518,7 +10514,7 @@ const pd = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : h("", !0)
     ], 2));
   }
-}, cm = /* @__PURE__ */ At(dm, [["__scopeId", "data-v-ad1c4011"]]), fm = {
+}, cm = /* @__PURE__ */ At(dm, [["__scopeId", "data-v-220f4d2a"]]), fm = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -10615,7 +10611,7 @@ const pd = {
 }, wm = { class: "relative" }, km = ["value"], Sm = {
   key: 3,
   class: "flex items-center gap-2"
-}, $m = { class: "flex items-center gap-3 ml-auto" }, Cm = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, zm = { class: "flex items-center justify-between" }, Am = { class: "flex items-center gap-3" }, Im = { class: "relative flex-1" }, Tm = ["model-value", "placeholder", "onInput"], Pm = { class: "relative flex-1" }, Bm = ["model-value", "placeholder", "onInput"], jm = ["onClick"], Om = { class: "flex items-center justify-between" }, Fm = { class: "flex items-center gap-3" }, Vm = { class: "relative flex-1" }, Mm = ["model-value", "placeholder", "step", "onInput"], Dm = { class: "relative flex-1" }, Em = ["model-value", "placeholder", "step", "onInput"], Lm = ["onClick"], Nm = { class: "flex items-center justify-between" }, Rm = { class: "relative" }, _m = { value: "" }, qm = ["value"], Wm = {
+}, $m = { class: "flex items-center gap-3 ml-auto" }, Cm = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, zm = { class: "flex items-center justify-between" }, Am = { class: "flex items-center gap-3" }, Im = { class: "relative flex-1" }, Tm = ["model-value", "placeholder", "onInput"], Pm = { class: "relative flex-1" }, jm = ["model-value", "placeholder", "onInput"], Bm = ["onClick"], Om = { class: "flex items-center justify-between" }, Fm = { class: "flex items-center gap-3" }, Vm = { class: "relative flex-1" }, Mm = ["model-value", "placeholder", "step", "onInput"], Dm = { class: "relative flex-1" }, Em = ["model-value", "placeholder", "step", "onInput"], Lm = ["onClick"], Nm = { class: "flex items-center justify-between" }, Rm = { class: "relative" }, _m = { value: "" }, qm = ["value"], Wm = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
 }, Ym = ["onClick"], Hm = { class: "flex items-center gap-3 flex-wrap" }, Um = ["onClick"], Gm = {
@@ -10828,7 +10824,7 @@ const pd = {
         selected: _.selected.filter((ie) => ie !== T)
       } : _);
       n("update:multiSelectFilters", I);
-    }, B = (R, T) => {
+    }, j = (R, T) => {
       const I = R.options.find((_) => _.value === T);
       return I ? I.label : T;
     }, se = () => {
@@ -10839,7 +10835,7 @@ const pd = {
     }), te = b(() => {
       let R = 0;
       return t.searchQuery && R++, t.selectedStatus && R++, (t.dateFrom || t.dateTo) && R++, R += t.selectFilters.filter((T) => T.value).length, R += t.dateFilters.filter((T) => T.from || T.to).length, R += t.numberFilters.filter((T) => T.min || T.max).length, R += t.multiSelectFilters.filter((T) => T.selected && T.selected.length > 0).length, R;
-    }), j = b(() => {
+    }), B = b(() => {
       const R = [];
       if (t.searchQuery && t.searchQuery.trim() && R.push({
         key: "search",
@@ -11210,7 +11206,7 @@ const pd = {
                   class: m(Le.value),
                   placeholder: `To ${I.label}`,
                   onInput: (_) => O(I.key, "to", _.target.value)
-                }, null, 42, Bm)
+                }, null, 42, jm)
               ]),
               p(I) ? (s(), u("button", {
                 key: 0,
@@ -11222,7 +11218,7 @@ const pd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, jm)) : h("", !0)
+              ], 10, Bm)) : h("", !0)
             ])
           ]))), 128)),
           (s(!0), u(G, null, K(e.numberFilters, (I) => (s(), u("div", {
@@ -11311,7 +11307,7 @@ const pd = {
                 key: _,
                 class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
               }, [
-                ee(x(B(I, _)) + " ", 1),
+                ee(x(j(I, _)) + " ", 1),
                 i("button", {
                   class: "hover:bg-blue-200 rounded-full p-0.5",
                   onClick: (ie) => F(I.key, _)
@@ -11326,7 +11322,7 @@ const pd = {
           ]))), 128))
         ])
       ], 2)) : h("", !0),
-      e.showFilters && j.value.length > 0 ? (s(), u("div", {
+      e.showFilters && B.value.length > 0 ? (s(), u("div", {
         key: 1,
         class: m(pe.value)
       }, [
@@ -11334,7 +11330,7 @@ const pd = {
           i("span", {
             class: m(Ie.value)
           }, "Active filters:", 2),
-          (s(!0), u(G, null, K(j.value, (I) => (s(), u("div", {
+          (s(!0), u(G, null, K(B.value, (I) => (s(), u("div", {
             key: I.key,
             class: m(We.value)
           }, [
@@ -11497,7 +11493,7 @@ const pd = {
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
     ), F = b(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
-    ), B = b(
+    ), j = b(
       () => "text-sm text-slate-700 flex-1 select-none"
     ), se = (M) => {
       l.value && o.value && !l.value.contains(M.target) && !o.value.contains(M.target) && (r.value = !1);
@@ -11509,7 +11505,7 @@ const pd = {
         active: t.density === M,
         position: H
       }));
-    }, j = () => $(O({
+    }, B = () => $(O({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), X = () => $("w-4 h-4", {
       "animate-spin": t.isRefreshing
@@ -11606,7 +11602,7 @@ const pd = {
                         onChange: (xe) => C(ne.key, xe.target.checked)
                       }, null, 42, dg),
                       i("span", {
-                        class: m(B.value)
+                        class: m(j.value)
                       }, x(ne.label), 3)
                     ])
                   ], 2))), 128))
@@ -11619,7 +11615,7 @@ const pd = {
           e.showRefresh ? (s(), u("button", {
             key: 2,
             disabled: e.isRefreshing,
-            class: m(j()),
+            class: m(B()),
             type: "button",
             onClick: H[1] || (H[1] = (ne) => M.$emit("refresh"))
           }, [
@@ -11788,7 +11784,7 @@ const pd = {
 }, Ag = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Ig = {
   key: 0,
   class: "text-xs text-blue-600 truncate font-medium"
-}, Tg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Pg = { class: "text-gray-500 truncate" }, Bg = { class: "text-gray-900 font-medium truncate" }, jg = { class: "flex items-center space-x-3 md:space-x-4" }, Og = {
+}, Tg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Pg = { class: "text-gray-500 truncate" }, jg = { class: "text-gray-900 font-medium truncate" }, Bg = { class: "flex items-center space-x-3 md:space-x-4" }, Og = {
   key: 1,
   class: "relative"
 }, Fg = {
@@ -11819,7 +11815,7 @@ const pd = {
   },
   emits: ["search", "profile-action", "logout", "navigate", "toggle-mobile-sidebar"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = Y(""), l = Y(!1), o = Y(!1), d = Y(t.notifications.length), c = Y(!1), p = Y(!1), w = b(() => (t.user?.name || "Guest").split(" ").map((B) => B[0] || "").join("").toUpperCase()), S = b(() => t.user?.roles?.length ? t.user.roles.map((F) => F.name).join(", ") : "No role"), O = () => {
+    const t = e, n = a, r = Y(""), l = Y(!1), o = Y(!1), d = Y(t.notifications.length), c = Y(!1), p = Y(!1), w = b(() => (t.user?.name || "Guest").split(" ").map((j) => j[0] || "").join("").toUpperCase()), S = b(() => t.user?.roles?.length ? t.user.roles.map((F) => F.name).join(", ") : "No role"), O = () => {
       l.value = !l.value, o.value = !1;
     }, k = () => {
       o.value = !o.value, l.value = !1;
@@ -11838,7 +11834,7 @@ const pd = {
       document.addEventListener("click", y), A(), window.addEventListener("resize", A);
     }), Ee(() => {
       document.removeEventListener("click", y), window.removeEventListener("resize", A);
-    }), ge(r, (F) => n("search", F)), (F, B) => {
+    }), ge(r, (F) => n("search", F)), (F, j) => {
       const se = ce("router-link");
       return s(), u("header", {
         class: m(L($)(
@@ -11854,7 +11850,7 @@ const pd = {
             ])) : h("", !0),
             i("nav", Tg, [
               i("span", Pg, x(e.currentSection), 1),
-              B[4] || (B[4] = i("svg", {
+              j[4] || (j[4] = i("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
                 stroke: "currentColor",
@@ -11867,15 +11863,15 @@ const pd = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", Bg, x(e.currentPage), 1)
+              i("span", jg, x(e.currentPage), 1)
             ])
           ]),
-          i("div", jg, [
+          i("div", Bg, [
             p.value ? (s(), u("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: B[0] || (B[0] = (U) => n("toggle-mobile-sidebar"))
-            }, [...B[5] || (B[5] = [
+              onClick: j[0] || (j[0] = (U) => n("toggle-mobile-sidebar"))
+            }, [...j[5] || (j[5] = [
               i("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -11891,7 +11887,7 @@ const pd = {
               ], -1)
             ])])) : h("", !0),
             !p.value || c.value ? (s(), u("div", Og, [
-              B[6] || (B[6] = i("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
+              j[6] || (j[6] = i("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 i("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
@@ -11907,7 +11903,7 @@ const pd = {
                 ])
               ], -1)),
               lt(i("input", {
-                "onUpdate:modelValue": B[1] || (B[1] = (U) => r.value = U),
+                "onUpdate:modelValue": j[1] || (j[1] = (U) => r.value = U),
                 type: "text",
                 placeholder: "Search...",
                 class: "pl-10 pr-4 py-2 w-48 md:w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none"
@@ -11917,13 +11913,13 @@ const pd = {
               p.value ? (s(), u("button", {
                 key: 0,
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-                onClick: B[2] || (B[2] = (U) => c.value = !1)
+                onClick: j[2] || (j[2] = (U) => c.value = !1)
               }, " ✕ ")) : h("", !0)
             ])) : p.value ? (s(), u("button", {
               key: 2,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: B[3] || (B[3] = (U) => c.value = !0)
-            }, [...B[7] || (B[7] = [
+              onClick: j[3] || (j[3] = (U) => c.value = !0)
+            }, [...j[7] || (j[7] = [
               i("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -11942,7 +11938,7 @@ const pd = {
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: O
             }, [
-              B[8] || (B[8] = i("svg", {
+              j[8] || (j[8] = i("svg", {
                 class: "w-5 h-5",
                 fill: "none",
                 stroke: "currentColor",
@@ -11973,7 +11969,7 @@ const pd = {
             }, {
               default: N(() => [
                 l.value ? (s(), u("div", Vg, [
-                  B[10] || (B[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
+                  j[10] || (j[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, " Notifications ")
                   ], -1)),
                   i("div", Mg, [
@@ -11982,7 +11978,7 @@ const pd = {
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
                       i("div", Dg, [
-                        B[9] || (B[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
+                        j[9] || (j[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                         i("div", Eg, [
                           i("p", Lg, x(U.title), 1),
                           i("p", Ng, x(U.time), 1)
@@ -11990,7 +11986,7 @@ const pd = {
                       ])
                     ]))), 128))
                   ]),
-                  B[11] || (B[11] = i("div", { class: "p-4 text-center" }, [
+                  j[11] || (j[11] = i("div", { class: "p-4 text-center" }, [
                     i("button", { class: "text-sm text-blue-600 hover:text-blue-800" }, " View all notifications ")
                   ], -1))
                 ])) : h("", !0)
@@ -12009,7 +12005,7 @@ const pd = {
                   i("p", Yg, x(e.user.name), 1),
                   i("p", Hg, x(S.value), 1)
                 ]),
-                B[12] || (B[12] = i("svg", {
+                j[12] || (j[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -12092,7 +12088,7 @@ const pd = {
                       i("button", {
                         class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-red-600 hover:bg-red-50 border border-transparent",
                         onClick: f
-                      }, [...B[13] || (B[13] = [
+                      }, [...j[13] || (j[13] = [
                         i("div", { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-1 flex-shrink-0 transition-colors ml-2 bg-red-100 text-red-600 group-hover:bg-red-200" }, [
                           i("svg", {
                             class: "w-4 h-4",
@@ -12305,7 +12301,7 @@ const pd = {
                   key: 0,
                   id: y,
                   modelValue: o.value[f.name],
-                  "onUpdate:modelValue": (B) => o.value[f.name] = B,
+                  "onUpdate:modelValue": (j) => o.value[f.name] = j,
                   type: f.type,
                   placeholder: f.placeholder,
                   disabled: l.value || f.disabled,
@@ -12316,7 +12312,7 @@ const pd = {
                   key: 1,
                   id: y,
                   modelValue: o.value[f.name],
-                  "onUpdate:modelValue": (B) => o.value[f.name] = B,
+                  "onUpdate:modelValue": (j) => o.value[f.name] = j,
                   placeholder: f.placeholder,
                   disabled: l.value || f.disabled,
                   rows: f.rows || 3,
@@ -12335,21 +12331,21 @@ const pd = {
                     A ? "border-red-500" : "border-slate-300"
                   ]),
                   "aria-describedby": F,
-                  "onUpdate:modelValue": (B) => S(f, B)
+                  "onUpdate:modelValue": (j) => S(f, j)
                 }, {
                   default: N(() => [
                     i("option", lv, x(f.placeholder || "Select an option"), 1),
-                    (s(!0), u(G, null, K(f.options, (B) => (s(), u("option", {
-                      key: B.value,
-                      value: B.value
-                    }, x(B.label), 9, ov))), 128))
+                    (s(!0), u(G, null, K(f.options, (j) => (s(), u("option", {
+                      key: j.value,
+                      value: j.value
+                    }, x(j.label), 9, ov))), 128))
                   ]),
                   _: 2
                 }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), u("div", iv, [
                   P(ea, {
                     id: y,
                     modelValue: o.value[f.name],
-                    "onUpdate:modelValue": (B) => o.value[f.name] = B,
+                    "onUpdate:modelValue": (j) => o.value[f.name] = j,
                     type: "checkbox",
                     disabled: l.value || f.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
@@ -12371,12 +12367,12 @@ const pd = {
                   max: f.max,
                   step: f.step,
                   disabled: l.value || f.disabled,
-                  "onUpdate:modelValue": (B) => O(f, B)
+                  "onUpdate:modelValue": (j) => O(f, j)
                 }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "date" ? (s(), W(xa, {
                   key: 5,
                   id: y,
                   modelValue: o.value[f.name],
-                  "onUpdate:modelValue": (B) => o.value[f.name] = B,
+                  "onUpdate:modelValue": (j) => o.value[f.name] = j,
                   disabled: l.value || f.disabled,
                   required: f.required,
                   min: f.min,
@@ -12445,10 +12441,10 @@ const pd = {
 }, Iv = {
   key: 1,
   class: "ml-2 inline-flex items-center justify-center px-2 py-0.5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Tv = { class: "p-3" }, Pv = { class: "space-y-1" }, Bv = {
+}, Tv = { class: "p-3" }, Pv = { class: "space-y-1" }, jv = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, jv = {
+}, Bv = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
 }, Ov = {
@@ -12499,18 +12495,18 @@ const pd = {
     }), O = b(() => {
       if (l.value)
         return 0;
-      let j = n.sidebarWidth;
-      return o.value && (j += 220), c.value && (j += 220), j;
-    }), k = (j) => {
-      r("navigate", j), l.value && z();
-      const X = o.value && d.value && d.value.subItems.some((C) => C.route === j.route), J = c.value && n.managementSettings.some((C) => C.route === j.route);
+      let B = n.sidebarWidth;
+      return o.value && (B += 220), c.value && (B += 220), B;
+    }), k = (B) => {
+      r("navigate", B), l.value && z();
+      const X = o.value && d.value && d.value.subItems.some((C) => C.route === B.route), J = c.value && n.managementSettings.some((C) => C.route === B.route);
       (l.value || !(X || J)) && F();
     }, z = () => {
       r("update:mobileOpen", !1);
-    }, v = (j) => j.subItems && j.subItems.length > 0, g = (j) => {
-      c.value && A(), o.value && d.value !== j ? (y(), setTimeout(() => {
-        d.value = j, o.value = !0;
-      }, 300)) : o.value ? d.value === j && y() : (d.value = j, o.value = !0), l.value && z();
+    }, v = (B) => B.subItems && B.subItems.length > 0, g = (B) => {
+      c.value && A(), o.value && d.value !== B ? (y(), setTimeout(() => {
+        d.value = B, o.value = !0;
+      }, 300)) : o.value ? d.value === B && y() : (d.value = B, o.value = !0), l.value && z();
     }, f = () => {
       o.value && y(), c.value ? A() : c.value = !0, l.value && z();
     }, y = () => {
@@ -12521,18 +12517,18 @@ const pd = {
       c.value = !1;
     }, F = () => {
       y(), A();
-    }, B = (j) => {
-      k(j);
-    }, se = (j) => {
-      k(j);
-    }, U = (j) => {
+    }, j = (B) => {
+      k(B);
+    }, se = (B) => {
+      k(B);
+    }, U = (B) => {
       const X = n.currentPath;
-      return j.route ? !!(X === j.route || X.startsWith(j.route + "/")) : j.subItems && j.subItems.length > 0 ? j.subItems.some((J) => J.route ? X === J.route || X.startsWith(J.route + "/") : !1) : !1;
+      return B.route ? !!(X === B.route || X.startsWith(B.route + "/")) : B.subItems && B.subItems.length > 0 ? B.subItems.some((J) => J.route ? X === J.route || X.startsWith(J.route + "/") : !1) : !1;
     }, le = () => {
-      const j = l.value;
-      l.value = window.innerWidth < 1024, j && !l.value && p.value && z();
-    }, te = (j) => {
-      j.key === "Escape" && (o.value || c.value ? F() : l.value && p.value && z());
+      const B = l.value;
+      l.value = window.innerWidth < 1024, B && !l.value && p.value && z();
+    }, te = (B) => {
+      B.key === "Escape" && (o.value || c.value ? F() : l.value && p.value && z());
     };
     return Ae(() => {
       le(), window.addEventListener("resize", le), document.addEventListener("keydown", te);
@@ -12545,7 +12541,7 @@ const pd = {
       managementSettingsOpen: c,
       contentMarginLeft: O,
       closeAllMenus: F
-    }), (j, X) => {
+    }), (B, X) => {
       const J = ce("router-link");
       return s(), u("div", null, [
         P(fe, {
@@ -12750,7 +12746,7 @@ const pd = {
                         U(C) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     ),
-                    onClick: (M) => B(C)
+                    onClick: (M) => j(C)
                   }, {
                     default: N(() => [
                       U(C) ? (s(), u("div", Av)) : h("", !0),
@@ -12832,7 +12828,7 @@ const pd = {
                   (s(!0), u(G, null, K(e.managementSettings, (C) => (s(), u(G, {
                     key: C.name
                   }, [
-                    C.type === "section" ? (s(), u("div", Bv, x(C.label), 1)) : C.route ? (s(), W(J, {
+                    C.type === "section" ? (s(), u("div", jv, x(C.label), 1)) : C.route ? (s(), W(J, {
                       key: 1,
                       to: C.route,
                       class: m(
@@ -12844,7 +12840,7 @@ const pd = {
                       onClick: (M) => se(C)
                     }, {
                       default: N(() => [
-                        U(C) ? (s(), u("div", jv)) : h("", !0),
+                        U(C) ? (s(), u("div", Bv)) : h("", !0),
                         i("div", {
                           class: m(
                             L($)(
@@ -13462,7 +13458,7 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
       "px-4 sm:px-6 lg:px-8"
     ]), F = b(() => [
       "absolute inset-0 -z-10"
-    ]), B = b(() => [
+    ]), j = b(() => [
       "w-full max-w-2xl mx-auto text-center"
     ]), se = b(() => [
       "mb-8"
@@ -13472,7 +13468,7 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
       "flex justify-center mb-6"
     ]), te = b(() => [
       "w-32 h-32 flex items-center justify-center"
-    ]), j = b(() => [
+    ]), B = b(() => [
       "space-y-4"
     ]), X = b(() => [
       "text-6xl font-bold text-slate-300 mb-4"
@@ -13507,12 +13503,12 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
       // Classes
       layoutClasses: A,
       backgroundClasses: F,
-      contentClasses: B,
+      contentClasses: j,
       headerClasses: se,
       errorContentClasses: U,
       illustrationClasses: le,
       iconContainerClasses: te,
-      detailsClasses: j,
+      detailsClasses: B,
       codeClasses: X,
       titleClasses: J,
       messageClasses: C,
@@ -13527,7 +13523,7 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
 }, I0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, T0 = ["disabled"], P0 = {
   key: 0,
   class: "animate-spin"
-}, B0 = { key: 1 }, j0 = ["disabled"], O0 = { key: 0 }, F0 = { key: 1 }, V0 = {
+}, j0 = { key: 1 }, B0 = ["disabled"], O0 = { key: 0 }, F0 = { key: 1 }, V0 = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
 }, M0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, D0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, E0 = { class: "space-y-3" }, L0 = { class: "text-sm text-slate-600" }, N0 = ["href"], R0 = {
@@ -13640,7 +13636,7 @@ function _0(e, a, t, n, r, l) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...o) => n.retry && n.retry(...o))
               }, [
-                n.isRetrying ? (s(), u("span", P0, "↻")) : (s(), u("span", B0, "🔄")),
+                n.isRetrying ? (s(), u("span", P0, "↻")) : (s(), u("span", j0, "🔄")),
                 ee(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
               ], 8, T0)) : h("", !0),
               t.showSupportButton ? (s(), u("button", {
@@ -13651,7 +13647,7 @@ function _0(e, a, t, n, r, l) {
               }, [
                 n.reportSent ? (s(), u("span", O0, "✓")) : (s(), u("span", F0, "📝")),
                 ee(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, j0)) : h("", !0)
+              ], 8, B0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -13827,7 +13823,7 @@ const q0 = /* @__PURE__ */ At(S0, [["render", _0]]), tn = {
   Option: cr,
   Progress: Ai,
   ProgressBar: Ti,
-  Radio: ji,
+  Radio: Bi,
   Select: Oe,
   Spinner: pa,
   Switch: Vi,
@@ -13954,7 +13950,7 @@ export {
   cr as Option,
   Ai as Progress,
   Ti as ProgressBar,
-  ji as Radio,
+  Bi as Radio,
   dv as ReusableFormModal,
   qd as Search,
   Oe as Select,