@stlhorizon/vue-ui 2.12.3 → 2.12.4

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as aa, computed as b, watch as ge, h as nn, createBlock as W, openBlock as s, unref as L, normalizeClass as m, ref as Y, createElementBlock as u, toDisplayString as x, createCommentVNode as h, renderSlot as V, resolveDynamicComponent as he, createVNode as P, mergeProps as Ke, createElementVNode as i, useId as na, createTextVNode as ee, withCtx as N, normalizeStyle as me, nextTick as wa, Transition as fe, Fragment as G, renderList as K, withKeys as ka, withModifiers as Fe, onMounted as Ae, onBeforeUnmount as rn, onUnmounted as Ee, resolveComponent as ce, Teleport as sn, markRaw as ln, TransitionGroup as Sr, provide as $r, inject as on, withDirectives as lt, vShow as un, vModelText as Mt, createSlots as Cr, getCurrentInstance as zr } from "vue";
+import { defineComponent as aa, computed as b, watch as ge, h as nn, createBlock as W, openBlock as s, unref as L, normalizeClass as m, ref as Y, createElementBlock as u, toDisplayString as x, createCommentVNode as h, renderSlot as V, resolveDynamicComponent as he, createVNode as P, mergeProps as Ge, createElementVNode as i, useId as na, createTextVNode as ee, withCtx as N, normalizeStyle as me, nextTick as wa, Transition as fe, Fragment as G, renderList as K, withKeys as ka, withModifiers as Fe, onMounted as Ae, onBeforeUnmount as rn, onUnmounted as Ee, resolveComponent as ce, Teleport as sn, markRaw as ln, TransitionGroup as Sr, provide as $r, inject as on, withDirectives as st, vShow as un, vModelText as Mt, createSlots as Cr, getCurrentInstance as zr } from "vue";
 import { cva as E } from "class-variance-authority";
 import { clsx as Ar } from "clsx";
 function $(...e) {
@@ -23,18 +23,18 @@ function Tr(e) {
 function Pr(e, a) {
   if (!(e instanceof a)) throw new TypeError("Cannot call a class as a function");
 }
-function jr(e, a) {
+function Br(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 Br(e, a, t) {
-  return a && jr(e.prototype, a), Object.defineProperty(e, "prototype", {
+function jr(e, a, t) {
+  return a && Br(e.prototype, a), Object.defineProperty(e, "prototype", {
     writable: !1
   }), e;
 }
-function gt(e, a) {
+function mt(e, a) {
   var t = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (!t) {
     if (Array.isArray(e) || (t = ra(e)) || a) {
@@ -186,9 +186,9 @@ try {
   typeof window < "u" && (sa = window), typeof document < "u" && (cn = document), typeof MutationObserver < "u" && (fn = MutationObserver), typeof performance < "u" && (mn = performance);
 } catch {
 }
-var Er = sa.navigator || {}, Ca = Er.userAgent, za = Ca === void 0 ? "" : Ca, Ve = sa, de = cn, Aa = fn, ft = mn;
+var Er = sa.navigator || {}, Ca = Er.userAgent, za = Ca === void 0 ? "" : Ca, Ve = sa, de = cn, Aa = fn, ct = mn;
 Ve.document;
-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 = {
+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 = {
   classic: {
     fa: "solid",
     fas: "solid",
@@ -284,8 +284,8 @@ var Be = !!de.documentElement && !!de.head && typeof de.addEventListener == "fun
   GROUP: "duotone-group",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, bn = ["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"], ve = "classic", ut = "duotone", hn = "sharp", pn = "sharp-duotone", yn = "chisel", xn = "etch", wn = "jelly", kn = "jelly-duo", Sn = "jelly-fill", $n = "notdog", Cn = "notdog-duo", zn = "slab", An = "slab-press", In = "thumbprint", Tn = "whiteboard", _r = "Classic", qr = "Duotone", Wr = "Sharp", Yr = "Sharp Duotone", Hr = "Chisel", Ur = "Etch", Gr = "Jelly", Kr = "Jelly Duo", Xr = "Jelly Fill", Jr = "Notdog", Qr = "Notdog Duo", Zr = "Slab", es = "Slab Press", ts = "Thumbprint", as = "Whiteboard", Pn = [ve, ut, hn, pn, yn, xn, wn, kn, Sn, $n, Cn, zn, An, In, Tn];
-Tt = {}, re(re(re(re(re(re(re(re(re(re(Tt, ve, _r), ut, qr), hn, Wr), pn, Yr), yn, Hr), xn, Ur), wn, Gr), kn, Kr), Sn, Xr), $n, Jr), re(re(re(re(re(Tt, Cn, Qr), zn, Zr), An, es), In, ts), Tn, as);
+}, bn = ["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"], ve = "classic", it = "duotone", hn = "sharp", pn = "sharp-duotone", yn = "chisel", xn = "etch", wn = "jelly", kn = "jelly-duo", Sn = "jelly-fill", $n = "notdog", Cn = "notdog-duo", zn = "slab", An = "slab-press", In = "thumbprint", Tn = "whiteboard", _r = "Classic", qr = "Duotone", Wr = "Sharp", Yr = "Sharp Duotone", Hr = "Chisel", Ur = "Etch", Gr = "Jelly", Kr = "Jelly Duo", Xr = "Jelly Fill", Jr = "Notdog", Qr = "Notdog Duo", Zr = "Slab", es = "Slab Press", ts = "Thumbprint", as = "Whiteboard", Pn = [ve, it, hn, pn, yn, xn, wn, kn, Sn, $n, Cn, zn, An, In, Tn];
+Tt = {}, re(re(re(re(re(re(re(re(re(re(Tt, ve, _r), it, qr), hn, Wr), pn, Yr), yn, Hr), xn, Ur), wn, Gr), kn, Kr), Sn, Xr), $n, Jr), re(re(re(re(re(Tt, Cn, Qr), zn, Zr), An, es), In, ts), Tn, as);
 var ns = {
   classic: {
     900: "fas",
@@ -575,7 +575,7 @@ var ns = {
   whiteboard: {
     semibold: "fawsb"
   }
-}, jn = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], Ia = {
+}, Bn = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], Ia = {
   kit: {
     fak: "kit",
     "fa-kit": "kit"
@@ -610,13 +610,13 @@ var fs = {
   "kit-duotone": {
     "kit-duotone": "fakd"
   }
-}, Pt, mt = {
+}, Pt, ft = {
   GROUP: "duotone-group",
   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", 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);
+}, 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);
 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"], 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) {
+}, 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", ft.GROUP, ft.SWAP_OPACITY, ft.PRIMARY, ft.SECONDARY]).concat(On.map(function(e) {
   return "".concat(e, "x");
 })).concat(el.map(function(e) {
   return "w-".concat(e);
@@ -782,7 +782,7 @@ var Xs = {
     return !1;
   }
 })();
-function dt(e) {
+function ut(e) {
   return new Proxy(e, {
     get: function(t, n) {
       return n in t ? t[n] : t[ve];
@@ -793,18 +793,18 @@ var En = D({}, vn);
 En[ve] = D(D(D(D({}, {
   "fa-duotone": "duotone"
 }), vn[ve]), Ia.kit), Ia["kit-duotone"]);
-var ol = dt(En), Rt = D({}, ls);
+var ol = ut(En), Rt = D({}, ls);
 Rt[ve] = D(D(D(D({}, {
   duotone: "fad"
 }), Rt[ve]), Ta.kit), Ta["kit-duotone"]);
-var ja = dt(Rt), _t = D({}, Et);
+var Ba = ut(Rt), _t = D({}, Et);
 _t[ve] = D(D({}, _t[ve]), gs.kit);
-var ia = dt(_t), qt = D({}, Xs);
+var ia = ut(_t), qt = D({}, Xs);
 qt[ve] = D(D({}, qt[ve]), fs.kit);
-dt(qt);
+ut(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"], jt = Rr, fl = [].concat($e(os), $e(al)), at = Ve.FontAwesomeConfig || {};
+ut(dl);
+var cl = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], Bt = Rr, fl = [].concat($e(os), $e(al)), tt = Ve.FontAwesomeConfig || {};
 function ml(e) {
   var a = de.querySelector("script[" + e + "]");
   if (a)
@@ -817,7 +817,7 @@ if (de && typeof de.querySelector == "function") {
   var vl = [["data-family-prefix", "familyPrefix"], ["data-css-prefix", "cssPrefix"], ["data-family-default", "familyDefault"], ["data-style-default", "styleDefault"], ["data-replacement-class", "replacementClass"], ["data-auto-replace-svg", "autoReplaceSvg"], ["data-auto-add-css", "autoAddCss"], ["data-search-pseudo-elements", "searchPseudoElements"], ["data-search-pseudo-elements-warnings", "searchPseudoElementsWarnings"], ["data-search-pseudo-elements-full-scan", "searchPseudoElementsFullScan"], ["data-observe-mutations", "observeMutations"], ["data-mutate-approach", "mutateApproach"], ["data-keep-original-source", "keepOriginalSource"], ["data-measure-performance", "measurePerformance"], ["data-show-missing-icons", "showMissingIcons"]];
   vl.forEach(function(e) {
     var a = kt(e, 2), t = a[0], n = a[1], r = gl(ml(t));
-    r != null && (at[n] = r);
+    r != null && (tt[n] = r);
   });
 }
 var Nn = {
@@ -836,42 +836,42 @@ var Nn = {
   measurePerformance: !1,
   showMissingIcons: !0
 };
-at.familyPrefix && (at.cssPrefix = at.familyPrefix);
-var Xe = D(D({}, Nn), at);
-Xe.autoReplaceSvg || (Xe.observeMutations = !1);
+tt.familyPrefix && (tt.cssPrefix = tt.familyPrefix);
+var Ke = D(D({}, Nn), tt);
+Ke.autoReplaceSvg || (Ke.observeMutations = !1);
 var Z = {};
 Object.keys(Nn).forEach(function(e) {
   Object.defineProperty(Z, e, {
     enumerable: !0,
     set: function(t) {
-      Xe[e] = t, nt.forEach(function(n) {
+      Ke[e] = t, at.forEach(function(n) {
         return n(Z);
       });
     },
     get: function() {
-      return Xe[e];
+      return Ke[e];
     }
   });
 });
 Object.defineProperty(Z, "familyPrefix", {
   enumerable: !0,
   set: function(a) {
-    Xe.cssPrefix = a, nt.forEach(function(t) {
+    Ke.cssPrefix = a, at.forEach(function(t) {
       return t(Z);
     });
   },
   get: function() {
-    return Xe.cssPrefix;
+    return Ke.cssPrefix;
   }
 });
 Ve.FontAwesomeConfig = Z;
-var nt = [];
+var at = [];
 function bl(e) {
-  return nt.push(e), function() {
-    nt.splice(nt.indexOf(e), 1);
+  return at.push(e), function() {
+    at.splice(at.indexOf(e), 1);
   };
 }
-var Ye = Lt, ze = {
+var We = Lt, ze = {
   size: 16,
   x: 0,
   y: 0,
@@ -880,7 +880,7 @@ var Ye = Lt, ze = {
   flipY: !1
 };
 function hl(e) {
-  if (!(!e || !Be)) {
+  if (!(!e || !je)) {
     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,18 +891,18 @@ function hl(e) {
   }
 }
 var pl = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-function Ba() {
+function ja() {
   for (var e = 12, a = ""; e-- > 0; )
     a += pl[Math.random() * 62 | 0];
   return a;
 }
-function Je(e) {
+function Xe(e) {
   for (var a = [], t = (e || []).length >>> 0; t--; )
     a[t] = e[t];
   return a;
 }
 function ua(e) {
-  return e.classList ? Je(e.classList) : (e.getAttribute("class") || "").split(" ").filter(function(a) {
+  return e.classList ? Xe(e.classList) : (e.getAttribute("class") || "").split(" ").filter(function(a) {
     return a;
   });
 }
@@ -938,7 +938,7 @@ function xl(e) {
 }
 function wl(e) {
   var a = e.transform, t = e.width, n = t === void 0 ? Lt : t, r = e.height, l = r === void 0 ? Lt : r, o = "";
-  return gn ? o += "translate(".concat(a.x / Ye - n / 2, "em, ").concat(a.y / Ye - l / 2, "em) ") : o += "translate(calc(-50% + ".concat(a.x / Ye, "em), calc(-50% + ").concat(a.y / Ye, "em)) "), o += "scale(".concat(a.size / Ye * (a.flipX ? -1 : 1), ", ").concat(a.size / Ye * (a.flipY ? -1 : 1), ") "), o += "rotate(".concat(a.rotate, "deg) "), o;
+  return gn ? o += "translate(".concat(a.x / We - n / 2, "em, ").concat(a.y / We - l / 2, "em) ") : o += "translate(calc(-50% + ".concat(a.x / We, "em), calc(-50% + ").concat(a.y / We, "em)) "), o += "scale(".concat(a.size / We * (a.flipX ? -1 : 1), ", ").concat(a.size / We * (a.flipY ? -1 : 1), ") "), o += "rotate(".concat(a.rotate, "deg) "), o;
 }
 var kl = `:root, :host {
   --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
@@ -1497,7 +1497,7 @@ function _n() {
   return r;
 }
 var Oa = !1;
-function Bt() {
+function jt() {
   Z.autoAddCss && !Oa && (hl(_n()), Oa = !0);
 }
 var Sl = {
@@ -1505,37 +1505,37 @@ var Sl = {
     return {
       dom: {
         css: _n,
-        insertCss: Bt
+        insertCss: jt
       }
     };
   },
   hooks: function() {
     return {
       beforeDOMElementCreation: function() {
-        Bt();
+        jt();
       },
       beforeI2svg: function() {
-        Bt();
+        jt();
       }
     };
   }
-}, 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() {
+}, 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() {
   de.removeEventListener("DOMContentLoaded", Wn), pt = 1, qn.map(function(a) {
     return a();
   });
 }, pt = !1;
-Be && (pt = (de.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(de.readyState), pt || de.addEventListener("DOMContentLoaded", Wn));
+je && (pt = (de.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(de.readyState), pt || de.addEventListener("DOMContentLoaded", Wn));
 function $l(e) {
-  Be && (pt ? setTimeout(e, 0) : qn.push(e));
+  je && (pt ? setTimeout(e, 0) : qn.push(e));
 }
-function ct(e) {
+function dt(e) {
   var a = e.tag, t = e.attributes, n = t === void 0 ? {} : t, r = e.children, l = r === void 0 ? [] : r;
-  return typeof e == "string" ? Rn(e) : "<".concat(a, " ").concat(yl(n), ">").concat(l.map(ct).join(""), "</").concat(a, ">");
+  return typeof e == "string" ? Rn(e) : "<".concat(a, " ").concat(yl(n), ">").concat(l.map(dt).join(""), "</").concat(a, ">");
 }
 function Fa(e, a, t) {
   if (e && e[a] && e[a][t])
@@ -1564,7 +1564,7 @@ function Wt(e, a) {
   var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.skipHooks, r = n === void 0 ? !1 : n, l = Va(a);
   typeof Se.hooks.addPack == "function" && !r ? Se.hooks.addPack(e, Va(a)) : Se.styles[e] = D(D({}, Se.styles[e] || {}), l), e === "fas" && Wt("fa", a);
 }
-var ot = Se.styles, Cl = Se.shims, Hn = Object.keys(ia), zl = Hn.reduce(function(e, a) {
+var lt = Se.styles, Cl = Se.shims, Hn = Object.keys(ia), zl = Hn.reduce(function(e, a) {
   return e[a] = Object.keys(ia[a]), e;
 }, {}), ca = null, Un = {}, Gn = {}, Kn = {}, Xn = {}, Jn = {};
 function Al(e) {
@@ -1576,7 +1576,7 @@ function Il(e, a) {
 }
 var Qn = function() {
   var a = function(l) {
-    return Ot(ot, function(o, d, c) {
+    return Ot(lt, function(o, d, c) {
       return o[c] = Ot(d, l, {}), o;
     }, {});
   };
@@ -1606,7 +1606,7 @@ var Qn = function() {
       r[c] = o;
     }), r;
   });
-  var t = "far" in ot || Z.autoFetchSvg, n = Ot(Cl, function(r, l) {
+  var t = "far" in lt || Z.autoFetchSvg, n = Ot(Cl, function(r, l) {
     var o = l[0], d = l[1], c = l[2];
     return d === "far" && !t && (d = "fas"), typeof o == "string" && (r.names[o] = {
       prefix: d,
@@ -1664,7 +1664,7 @@ var er = function() {
     rest: []
   };
 };
-function jl(e) {
+function Bl(e) {
   var a = ve, t = Hn.reduce(function(n, r) {
     return n[r] = "".concat(Z.cssPrefix, "-").concat(r), n;
   }, {});
@@ -1676,12 +1676,12 @@ function jl(e) {
 }
 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)
+  if (n === it && !e)
     return "fad";
-  var l = ja[n][e] || ja[n][r], o = e in Se.styles ? e : null, d = l || o || null;
+  var l = Ba[n][e] || Ba[n][r], o = e in Se.styles ? e : null, d = l || o || null;
   return d;
 }
-function Bl(e) {
+function jl(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 = Bn.concat(jn);
+var Da = jn.concat(Bn);
 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 = jl(l), O = D(D({}, Bl(o)), {}, {
+  }), c = kt(d, 1), p = c[0], w = p === void 0 ? null : p, S = Bl(l), O = D(D({}, jl(o)), {}, {
     prefix: $t(w, {
       family: S
     })
@@ -1712,7 +1712,7 @@ function Ct(e) {
   return D(D(D({}, O), Ml({
     values: e,
     family: S,
-    styles: ot,
+    styles: lt,
     config: Z,
     canonical: O,
     givenPrefix: r
@@ -1726,20 +1726,20 @@ function Ol(e, a, t) {
       iconName: r
     };
   var l = a === "fa" ? Zn(r) : {}, o = Ne(n, r);
-  return r = l.iconName || o || r, n = l.prefix || n, n === "far" && !ot.far && ot.fas && !Z.autoFetchSvg && (n = "fas"), {
+  return r = l.iconName || o || r, n = l.prefix || n, n === "far" && !lt.far && lt.fas && !Z.autoFetchSvg && (n = "fas"), {
     prefix: n,
     iconName: r
   };
 }
 var Fl = Pn.filter(function(e) {
-  return e !== ve || e !== ut;
+  return e !== ve || e !== it;
 }), Vl = Object.keys(Et).filter(function(e) {
   return e !== ve;
 }).map(function(e) {
   return Object.keys(Et[e]);
 }).flat();
 function Ml(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, o = e.styles, d = o === void 0 ? {} : o, c = e.config, p = c === void 0 ? {} : c, w = t === ut, S = a.includes("fa-duotone") || a.includes("fad"), O = p.familyDefault === "duotone", k = n.prefix === "fad" || n.prefix === "fa-duotone";
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, o = e.styles, d = o === void 0 ? {} : o, c = e.config, p = c === void 0 ? {} : c, w = t === it, S = a.includes("fa-duotone") || a.includes("fad"), O = p.familyDefault === "duotone", k = n.prefix === "fad" || n.prefix === "fa-duotone";
   if (!w && (S || O || k) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Fl.includes(t)) {
     var z = Object.keys(d).find(function(g) {
       return Vl.includes(g);
@@ -1755,7 +1755,7 @@ var Dl = /* @__PURE__ */ (function() {
   function e() {
     Pr(this, e), this.definitions = {};
   }
-  return Br(e, [{
+  return jr(e, [{
     key: "add",
     value: function() {
       for (var t = this, n = arguments.length, r = new Array(n), l = 0; l < n; l++)
@@ -1786,11 +1786,11 @@ var Dl = /* @__PURE__ */ (function() {
       }), t;
     }
   }]);
-})(), Ea = [], He = {}, Ge = {}, El = Object.keys(Ge);
+})(), Ea = [], Ye = {}, Ue = {}, El = Object.keys(Ue);
 function Ll(e, a) {
   var t = a.mixoutsTo;
-  return Ea = e, He = {}, Object.keys(Ge).forEach(function(n) {
-    El.indexOf(n) === -1 && delete Ge[n];
+  return Ea = e, Ye = {}, Object.keys(Ue).forEach(function(n) {
+    El.indexOf(n) === -1 && delete Ue[n];
   }), Ea.forEach(function(n) {
     var r = n.mixout ? n.mixout() : {};
     if (Object.keys(r).forEach(function(o) {
@@ -1800,16 +1800,16 @@ function Ll(e, a) {
     }), n.hooks) {
       var l = n.hooks();
       Object.keys(l).forEach(function(o) {
-        He[o] || (He[o] = []), He[o].push(l[o]);
+        Ye[o] || (Ye[o] = []), Ye[o].push(l[o]);
       });
     }
-    n.provides && n.provides(Ge);
+    n.provides && n.provides(Ue);
   }), t;
 }
 function Yt(e, a) {
   for (var t = arguments.length, n = new Array(t > 2 ? t - 2 : 0), r = 2; r < t; r++)
     n[r - 2] = arguments[r];
-  var l = He[e] || [];
+  var l = Ye[e] || [];
   return l.forEach(function(o) {
     a = o.apply(null, [a].concat(n));
   }), a;
@@ -1817,14 +1817,14 @@ function Yt(e, a) {
 function _e(e) {
   for (var a = arguments.length, t = new Array(a > 1 ? a - 1 : 0), n = 1; n < a; n++)
     t[n - 1] = arguments[n];
-  var r = He[e] || [];
+  var r = Ye[e] || [];
   r.forEach(function(l) {
     l.apply(null, t);
   });
 }
 function De() {
   var e = arguments[0], a = Array.prototype.slice.call(arguments, 1);
-  return Ge[e] ? Ge[e].apply(null, a) : void 0;
+  return Ue[e] ? Ue[e].apply(null, a) : void 0;
 }
 function Ht(e) {
   e.prefix === "fa" && (e.prefix = "fas");
@@ -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 Be ? (_e("beforeI2svg", a), De("pseudoElements2svg", a), De("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
+    return je ? (_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;
@@ -1887,10 +1887,10 @@ var tr = new Dl(), Nl = function() {
   parse: _l,
   library: tr,
   findIconDefinition: Ht,
-  toHtml: ct
+  toHtml: dt
 }, 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) && Be && Z.autoReplaceSvg && ye.dom.i2svg({
+  (Object.keys(Se.styles).length > 0 || Z.autoFetchSvg) && je && Z.autoReplaceSvg && ye.dom.i2svg({
     node: n
   });
 };
@@ -1900,12 +1900,12 @@ function zt(e, a) {
   }), Object.defineProperty(e, "html", {
     get: function() {
       return e.abstract.map(function(n) {
-        return ct(n);
+        return dt(n);
       });
     }
   }), Object.defineProperty(e, "node", {
     get: function() {
-      if (Be) {
+      if (je) {
         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(j) {
-    return p.classes.indexOf(j) === -1;
-  }).filter(function(j) {
-    return j !== "" || !!j;
+  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;
   }).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(jt.GROUP)
+      class: "".concat(Z.cssPrefix, "-").concat(Bt.GROUP)
     },
     children: [{
       tag: "path",
       attributes: {
-        class: "".concat(Z.cssPrefix, "-").concat(jt.SECONDARY),
+        class: "".concat(Z.cssPrefix, "-").concat(Bt.SECONDARY),
         fill: "currentColor",
         d: l[0]
       }
     }, {
       tag: "path",
       attributes: {
-        class: "".concat(Z.cssPrefix, "-").concat(jt.PRIMARY),
+        class: "".concat(Z.cssPrefix, "-").concat(Bt.PRIMARY),
         fill: "currentColor",
         d: l[1]
       }
@@ -2078,7 +2078,7 @@ function Gt(e, a) {
   });
 }
 var Na = function() {
-}, Kt = Z.measurePerformance && ft && ft.mark && ft.measure ? ft : {
+}, Kt = Z.measurePerformance && ct && ct.mark && ct.measure ? ct : {
   mark: Na,
   measure: Na
 }, et = 'FA "7.0.1"', Xl = function(a) {
@@ -2090,7 +2090,7 @@ var Na = function() {
 }, ga = {
   begin: Xl,
   end: ar
-}, vt = function() {
+}, gt = function() {
 };
 function Ra(e) {
   var a = e.getAttribute ? e.getAttribute(Re) : null;
@@ -2105,9 +2105,9 @@ function Ql(e) {
 }
 function Zl() {
   if (Z.autoReplaceSvg === !0)
-    return bt.replace;
-  var e = bt[Z.autoReplaceSvg];
-  return e || bt.replace;
+    return vt.replace;
+  var e = vt[Z.autoReplaceSvg];
+  return e || vt.replace;
 }
 function eo(e) {
   return de.createElementNS("http://www.w3.org/2000/svg", e);
@@ -2134,7 +2134,7 @@ function ao(e) {
   var a = " ".concat(e.outerHTML, " ");
   return a = "".concat(a, "Font Awesome fontawesome.com "), a;
 }
-var bt = {
+var vt = {
   replace: function(a) {
     var t = a[0];
     if (t.parentNode)
@@ -2149,7 +2149,7 @@ var bt = {
   nest: function(a) {
     var t = a[0], n = a[1];
     if (~ua(t).indexOf(Z.replacementClass))
-      return bt.replace(a);
+      return vt.replace(a);
     var r = new RegExp("".concat(Z.cssPrefix, "-.*"));
     if (delete n[0].attributes.id, n[0].attributes.class) {
       var l = n[0].attributes.class.split(" ").reduce(function(d, c) {
@@ -2161,7 +2161,7 @@ var bt = {
       n[0].attributes.class = l.toSvg.join(" "), l.toNode.length === 0 ? t.removeAttribute("class") : t.setAttribute("class", l.toNode.join(" "));
     }
     var o = n.map(function(d) {
-      return ct(d);
+      return dt(d);
     }).join(`
 `);
     t.setAttribute(Re, ""), t.innerHTML = o;
@@ -2171,7 +2171,7 @@ function _a(e) {
   e();
 }
 function rr(e, a) {
-  var t = typeof a == "function" ? a : vt;
+  var t = typeof a == "function" ? a : gt;
   if (e.length === 0)
     t();
   else {
@@ -2192,11 +2192,11 @@ function Xt() {
 var yt = null;
 function qa(e) {
   if (Aa && Z.observeMutations) {
-    var a = e.treeCallback, t = a === void 0 ? vt : a, n = e.nodeCallback, r = n === void 0 ? vt : n, l = e.pseudoElementsCallback, o = l === void 0 ? vt : l, d = e.observeMutationsRoot, c = d === void 0 ? de : d;
+    var a = e.treeCallback, t = a === void 0 ? gt : a, n = e.nodeCallback, r = n === void 0 ? gt : n, l = e.pseudoElementsCallback, o = l === void 0 ? gt : l, d = e.observeMutationsRoot, c = d === void 0 ? de : d;
     yt = new Aa(function(p) {
       if (!va) {
         var w = Me();
-        Je(p).forEach(function(S) {
+        Xe(p).forEach(function(S) {
           if (S.type === "childList" && S.addedNodes.length > 0 && !Ra(S.addedNodes[0]) && (Z.searchPseudoElements && o(S.target), t(S.target)), S.type === "attributes" && S.target.parentNode && Z.searchPseudoElements && o([S.target], !0), S.type === "attributes" && Ra(S.target) && ~cl.indexOf(S.attributeName))
             if (S.attributeName === "class" && Jl(S.target)) {
               var O = Ct(ua(S.target)), k = O.prefix, z = O.iconName;
@@ -2204,7 +2204,7 @@ function qa(e) {
             } else Ql(S.target) && r(S.target);
         });
       }
-    }), Be && yt.observe(c, {
+    }), je && yt.observe(c, {
       childList: !0,
       attributes: !0,
       characterData: !0,
@@ -2227,7 +2227,7 @@ function so(e) {
   return r.prefix || (r.prefix = Me()), a && t && (r.prefix = a, r.iconName = t), r.iconName && r.prefix || (r.prefix && n.length > 0 && (r.iconName = Tl(r.prefix, e.innerText) || fa(r.prefix, Yn(e.innerText))), !r.iconName && Z.autoFetchSvg && e.firstChild && e.firstChild.nodeType === Node.TEXT_NODE && (r.iconName = e.firstChild.data)), r;
 }
 function lo(e) {
-  var a = Je(e.attributes).reduce(function(t, n) {
+  var a = Xe(e.attributes).reduce(function(t, n) {
     return t.name !== "class" && t.name !== "style" && (t[n.name] = n.value), t;
   }, {});
   return a;
@@ -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(jn), $e(Bn));
+  return [].concat($e(Bn), $e(jn));
 }
 function Ya(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-  if (!Be) return Promise.resolve();
+  if (!je) return Promise.resolve();
   var t = de.documentElement.classList, n = function(S) {
     return t.add("".concat(Pa, "-").concat(S));
   }, r = function(S) {
@@ -2299,7 +2299,7 @@ function Ya(e) {
     return Promise.resolve();
   var d = [];
   try {
-    d = Je(e.querySelectorAll(o));
+    d = Xe(e.querySelectorAll(o));
   } catch {
   }
   if (d.length > 0)
@@ -2554,7 +2554,7 @@ function Ga(e, a) {
   return new Promise(function(n, r) {
     if (e.getAttribute(t) !== null)
       return n();
-    var l = Je(e.children), o = l.filter(function(se) {
+    var l = Xe(e.children), o = l.filter(function(se) {
       return se.getAttribute(Nt) === a;
     })[0], d = Ve.getComputedStyle(e, a), c = d.getPropertyValue("font-family"), p = c.match(ul), w = d.getPropertyValue("font-weight"), S = d.getPropertyValue("content");
     if (o && !p)
@@ -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(), j = F.extra;
-        j.attributes[Nt] = a, Gt(f, k).then(function(se) {
+        var F = oo(), B = F.extra;
+        B.attributes[Nt] = a, Gt(f, k).then(function(se) {
           var U = ma(D(D({}, F), {}, {
             icons: {
               main: se,
@@ -2576,11 +2576,11 @@ function Ga(e, a) {
             },
             prefix: k,
             iconName: y,
-            extra: j,
+            extra: B,
             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) {
-            return ct(te);
+            return dt(te);
           }).join(`
 `), e.removeAttribute(t), n();
         }).catch(r);
@@ -2610,7 +2610,7 @@ var $o = function(a) {
       return p.trim();
     });
   });
-  var r = gt(n), l;
+  var r = mt(n), l;
   try {
     for (r.s(); !(l = r.n()).done; ) {
       var o = l.value;
@@ -2630,22 +2630,22 @@ var $o = function(a) {
 };
 function Ka(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  if (Be) {
+  if (je) {
     var t;
     if (a)
       t = e;
     else if (Z.searchPseudoElementsFullScan)
       t = e.querySelectorAll("*");
     else {
-      var n = /* @__PURE__ */ new Set(), r = gt(document.styleSheets), l;
+      var n = /* @__PURE__ */ new Set(), r = mt(document.styleSheets), l;
       try {
         for (r.s(); !(l = r.n()).done; ) {
           var o = l.value;
           try {
-            var d = gt(o.cssRules), c;
+            var d = mt(o.cssRules), c;
             try {
               for (d.s(); !(c = d.n()).done; ) {
-                var p = c.value, w = Co(p.selectorText), S = gt(w), O;
+                var p = c.value, w = Co(p.selectorText), S = mt(w), O;
                 try {
                   for (S.s(); !(O = S.n()).done; ) {
                     var k = O.value;
@@ -2680,7 +2680,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
       }
     }
     return new Promise(function(v, g) {
-      var f = Je(t).filter(So).map(ko), y = ga.begin("searchPseudoElements");
+      var f = Xe(t).filter(So).map(ko), y = ga.begin("searchPseudoElements");
       sr(), Promise.all(f).then(function() {
         y(), Xt(), v();
       }).catch(function() {
@@ -2865,7 +2865,7 @@ var Po = {
         tag: "g",
         attributes: D({}, k.outer),
         children: [g]
-      }, y = "mask-".concat(d || Ba()), A = "clip-".concat(d || Ba()), F = {
+      }, y = "mask-".concat(d || ja()), A = "clip-".concat(d || ja()), F = {
         tag: "mask",
         attributes: D(D({}, Vt), {}, {
           id: y,
@@ -2873,7 +2873,7 @@ var Po = {
           maskContentUnits: "userSpaceOnUse"
         }),
         children: [z, f]
-      }, j = {
+      }, B = {
         tag: "defs",
         children: [{
           tag: "clipPath",
@@ -2883,7 +2883,7 @@ var Po = {
           children: To(O)
         }, F]
       };
-      return n.push(j, {
+      return n.push(B, {
         tag: "rect",
         attributes: D({
           fill: "currentColor",
@@ -2896,7 +2896,7 @@ var Po = {
       };
     };
   }
-}, jo = {
+}, Bo = {
   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 = {
       };
     };
   }
-}, Bo = {
+}, jo = {
   hooks: function() {
     return {
       parseNodeAttributes: function(t, n) {
@@ -2977,7 +2977,7 @@ var Po = {
       }
     };
   }
-}, Oo = [Sl, go, vo, bo, ho, zo, Ao, Io, Po, jo, Bo];
+}, Oo = [Sl, go, vo, bo, ho, zo, Ao, Io, Po, Bo, jo];
 Ll(Oo, {
   mixoutsTo: ye
 });
@@ -3086,7 +3086,7 @@ function qo(e, a) {
     return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Qt(e, a) : void 0;
   }
 }
-function rt(e, a) {
+function nt(e, a) {
   return Array.isArray(a) && a.length > 0 || !Array.isArray(a) && a ? be({}, e, a) : {};
 }
 function Wo(e) {
@@ -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, j = 0, se = 0;
+      var F, B = 0, se = 0;
       if (w(y))
-        for (F = [], se = y.length; j < se; j++)
-          F.push(t(f, y[j], A));
+        for (F = [], se = y.length; B < se; B++)
+          F.push(t(f, y[B], 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, j) {
-        return A(F, f, j);
+      return typeof A != "function" ? f : function(F, B) {
+        return A(F, f, B);
       };
     }, g = {
       camelize: r,
@@ -3390,11 +3390,11 @@ var Jo = aa({
     var n = t.attrs, r = b(function() {
       return en(a.icon);
     }), l = b(function() {
-      return rt("classes", Wo(a));
+      return nt("classes", Wo(a));
     }), o = b(function() {
-      return rt("transform", typeof a.transform == "string" ? xt.transform(a.transform) : a.transform);
+      return nt("transform", typeof a.transform == "string" ? xt.transform(a.transform) : a.transform);
     }), d = b(function() {
-      return rt("mask", en(a.mask));
+      return nt("mask", en(a.mask));
     }), c = b(function() {
       var w = ke(ke(ke(ke({}, l.value), o.value), d.value), {}, {
         symbol: a.symbol,
@@ -3460,9 +3460,9 @@ aa({
   },
   setup: function(a, t) {
     var n = t.attrs, r = ir.familyPrefix, l = b(function() {
-      return rt("classes", [].concat(Zt(a.counter ? ["".concat(r, "-layers-counter")] : []), Zt(a.position ? ["".concat(r, "-layers-").concat(a.position)] : [])));
+      return nt("classes", [].concat(Zt(a.counter ? ["".concat(r, "-layers-counter")] : []), Zt(a.position ? ["".concat(r, "-layers-").concat(a.position)] : [])));
     }), o = b(function() {
-      return rt("transform", typeof a.transform == "string" ? xt.transform(a.transform) : a.transform);
+      return nt("transform", typeof a.transform == "string" ? xt.transform(a.transform) : a.transform);
     }), d = b(function() {
       var p = Vo(a.value.toString(), ke(ke({}, o.value), l.value)), w = p.abstract;
       return a.counter && (w[0].attributes.class = w[0].attributes.class.replace("fa-layers-text", "")), w[0];
@@ -3783,7 +3783,7 @@ const Q = {
         }
       }
     );
-    return (t, n) => (s(), u("button", Ke({
+    return (t, n) => (s(), u("button", Ge({
       class: L($)(L(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
       disabled: e.disabled || e.loading,
       "aria-disabled": e.disabled || e.loading,
@@ -4798,7 +4798,7 @@ const Q = {
       }, x(t.value) + "% ", 3)) : h("", !0)
     ], 2));
   }
-}, Pi = { class: "flex items-center space-x-2" }, ji = ["aria-checked", "disabled"], Bi = {
+}, Pi = { class: "flex items-center space-x-2" }, Bi = ["aria-checked", "disabled"], ji = {
   __name: "Radio",
   props: {
     modelValue: null,
@@ -4864,7 +4864,7 @@ const Q = {
           key: 0,
           class: m(d.value)
         }, null, 2)) : h("", !0)
-      ], 10, ji),
+      ], 10, Bi),
       e.label ? (s(), u("label", {
         key: 0,
         class: m(c.value),
@@ -4916,7 +4916,7 @@ const Q = {
         a.class
       )
     );
-    return (r, l) => (s(), u("select", Ke({
+    return (r, l) => (s(), u("select", Ge({
       id: e.id,
       name: e.name,
       value: e.modelValue,
@@ -5399,7 +5399,7 @@ const Q = {
         "whitespace-nowrap": a.noWrap
       }
     ]);
-    return (d, c) => (s(), W(he(t.value), Ke({ class: o.value }, d.$attrs), {
+    return (d, c) => (s(), W(he(t.value), Ge({ class: o.value }, d.$attrs), {
       default: N(() => [
         V(d.$slots, "default"),
         e.required ? (s(), u("span", Li, "*")) : h("", !0)
@@ -6172,7 +6172,7 @@ const Q = {
       }
       return !1;
     }
-    function j() {
+    function B() {
       t.disabled || (r.value = !r.value);
     }
     function se() {
@@ -6193,7 +6193,7 @@ const Q = {
         r.value = !1;
       }, 150);
     }
-    function B() {
+    function j() {
       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: j
+          onClick: B
         }, 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: B
+                onClick: j
               }, " Today ")
             ])) : h("", !0)
           ], 2)) : h("", !0)
@@ -6516,7 +6516,7 @@ const Q = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, ju = { class: "w-full" }, Bu = ["multiple", "accept"], Ou = { class: "flex flex-col items-center justify-center py-6" }, Fu = {
+}, Bu = { class: "w-full" }, ju = ["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"], j = Math.floor(Math.log(y) / Math.log(A));
-      return parseFloat((y / Math.pow(A, j)).toFixed(2)) + " " + F[j];
+      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];
     };
-    return (y, A) => (s(), u("div", ju, [
+    return (y, A) => (s(), u("div", Bu, [
       i("div", {
         class: m(c.value),
         onDrop: p,
@@ -6598,7 +6598,7 @@ const Q = {
           accept: e.accept,
           class: "hidden",
           onChange: z
-        }, null, 40, Bu),
+        }, null, 40, ju),
         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, j) => (s(), u("div", {
-          key: j,
+        (s(!0), u(G, null, K(r.value, (F, B) => (s(), u("div", {
+          key: B,
           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(j)
+            onClick: (se) => g(B)
           }, [
             P(Q, {
               icon: "x",
@@ -7277,7 +7277,7 @@ const Q = {
       _: 3
     }));
   }
-}, it = Y([]);
+}, ot = Y([]);
 let hd = 0;
 const pd = {
   duration: 3e3,
@@ -7292,15 +7292,15 @@ const pd = {
     ...a,
     createdAt: Date.now()
   };
-  return it.value.push(ln(n)), n.duration && n.duration > 0 && setTimeout(() => {
-    st(t);
+  return ot.value.push(ln(n)), n.duration && n.duration > 0 && setTimeout(() => {
+    rt(t);
   }, n.duration), t;
-}, st = (e) => {
-  const a = it.value.findIndex((t) => t.id === e);
-  a > -1 && it.value.splice(a, 1);
+}, rt = (e) => {
+  const a = ot.value.findIndex((t) => t.id === e);
+  a > -1 && ot.value.splice(a, 1);
 }, vr = () => {
-  it.value = [];
-}, Ue = Object.assign(
+  ot.value = [];
+}, He = Object.assign(
   // Default toast function
   (e, a) => Te(e, { ...a }),
   // Toast type methods
@@ -7324,14 +7324,14 @@ const pd = {
         dismissible: !1
       });
       return e.then((d) => {
-        st(o);
+        rt(o);
         const c = typeof n == "function" ? n(d) : n;
         return Te(c, {
           ...l,
           variant: "success"
         }), d;
       }).catch((d) => {
-        st(o);
+        rt(o);
         const c = typeof r == "function" ? r(d) : r;
         throw Te(c, {
           ...l,
@@ -7340,7 +7340,7 @@ const pd = {
       });
     },
     // Utility methods
-    dismiss: st,
+    dismiss: rt,
     dismissAll: vr,
     // Custom toast with component
     custom: (e, a = {}) => Te("", {
@@ -7349,8 +7349,8 @@ const pd = {
     })
   }
 ), xd = () => ({
-  toasts: it,
-  dismiss: st,
+  toasts: ot,
+  dismiss: rt,
   dismissAll: vr
 }), wd = ["aria-live"], kd = { class: "flex-1 grid gap-1" }, Sd = {
   key: 0,
@@ -7474,7 +7474,7 @@ const pd = {
                 g.title ? (s(), u("div", Sd, x(g.title), 1)) : h("", !0),
                 g.message ? (s(), u("div", $d, x(g.message), 1)) : h("", !0),
                 g.description ? (s(), u("div", Cd, x(g.description), 1)) : h("", !0),
-                g.component ? (s(), W(he(g.component), Ke({
+                g.component ? (s(), W(he(g.component), Ge({
                   key: 3,
                   ref_for: !0
                 }, g.componentProps), null, 16)) : h("", !0)
@@ -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" }, jd = ["value", "placeholder", "disabled"], Bd = {
+}, Td = { class: "relative" }, Pd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Bd = ["value", "placeholder", "disabled"], jd = {
   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 = (B) => {
-      const X = B.target.value;
+    }, 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;
       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 = (B) => {
-      o("focus", B), l.modelValue.length >= l.minLength && (p.value = !0);
-    }, z = (B) => {
-      o("blur", B), setTimeout(() => {
+    }, k = (j) => {
+      o("focus", j), l.modelValue.length >= l.minLength && (p.value = !0);
+    }, z = (j) => {
+      o("blur", j), setTimeout(() => {
         p.value = !1, w.value = -1;
       }, 150);
     }, v = () => {
       o("update:modelValue", ""), o("clear"), p.value = !1, c.value?.focus();
-    }, g = (B) => {
-      o("select", B), p.value = !1, w.value = -1;
-    }, f = (B) => {
+    }, g = (j) => {
+      o("select", j), p.value = !1, w.value = -1;
+    }, f = (j) => {
       if (!(!p.value || l.results.length === 0))
-        switch (B.key) {
+        switch (j.key) {
           case "ArrowDown":
-            B.preventDefault(), w.value = Math.min(w.value + 1, l.results.length - 1);
+            j.preventDefault(), w.value = Math.min(w.value + 1, l.results.length - 1);
             break;
           case "ArrowUp":
-            B.preventDefault(), w.value = Math.max(w.value - 1, -1);
+            j.preventDefault(), w.value = Math.max(w.value - 1, -1);
             break;
           case "Enter":
-            B.preventDefault(), w.value >= 0 && g(l.results[w.value]);
+            j.preventDefault(), w.value >= 0 && g(l.results[w.value]);
             break;
           case "Escape":
-            B.preventDefault(), p.value = !1, w.value = -1;
+            j.preventDefault(), p.value = !1, w.value = -1;
             break;
         }
-    }, y = (B) => {
-      if (!l.highlightMatches || !l.modelValue || !B) return B;
+    }, y = (j) => {
+      if (!l.highlightMatches || !l.modelValue || !j) return j;
       const X = new RegExp(`(${l.modelValue})`, "gi");
-      return B.replace(X, "$1");
+      return j.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" }
-    }), j = b(() => $(A({ size: l.size }))), se = b(() => $(F({ size: l.size }))), U = b(
+    }), B = 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 = (B) => $(
+    ), le = (j) => $(
       "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 === B }
-    ), te = (B) => {
-      d.value && !d.value.contains(B.target) && (p.value = !1, w.value = -1);
+      { "bg-slate-50": w.value === j }
+    ), te = (j) => {
+      d.value && !d.value.contains(j.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), (B, X) => (s(), u("div", {
+    }), ge(() => l.results, () => w.value = -1), (j, 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(j.value),
+          class: m(B.value),
           onInput: O,
           onFocus: k,
           onBlur: z,
           onKeydown: f
-        }, null, 42, jd),
-        e.modelValue || e.loading ? (s(), u("div", Bd, [
+        }, null, 42, Bd),
+        e.modelValue || e.loading ? (s(), u("div", jd, [
           !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),
-            B.$slots.footer ? (s(), u("div", _d, [
-              V(B.$slots, "footer")
+            j.$slots.footer ? (s(), u("div", _d, [
+              V(j.$slots, "footer")
             ])) : h("", !0)
           ], 2)) : h("", !0)
         ]),
@@ -7855,7 +7855,7 @@ const pd = {
       });
     }), Ee(() => {
       n.value !== null && t.unregisterTab(n.value);
-    }), (l, o) => lt((s(), u("div", {
+    }), (l, o) => st((s(), u("div", {
       id: `panel-${n.value}`,
       role: "tabpanel",
       "aria-labelledby": `tab-${n.value}`
@@ -7986,28 +7986,28 @@ const pd = {
     ), (y, A) => (s(), u("div", {
       class: m(k.value)
     }, [
-      (s(!0), u(G, null, K(e.items, (F, j) => (s(), u("div", {
-        key: F.id || j,
+      (s(!0), u(G, null, K(e.items, (F, B) => (s(), u("div", {
+        key: F.id || B,
         class: m(z.value)
       }, [
         i("button", {
-          id: `header-${F.id || j}`,
-          class: m(v(j)),
-          "aria-expanded": d(j),
-          "aria-controls": `panel-${F.id || j}`,
-          onClick: (se) => o(j)
+          id: `header-${F.id || B}`,
+          class: m(v(B)),
+          "aria-expanded": d(B),
+          "aria-controls": `panel-${F.id || B}`,
+          onClick: (se) => o(B)
         }, [
           i("div", uc, [
-            V(y.$slots, `header-${j}`, {
+            V(y.$slots, `header-${B}`, {
               item: F,
-              index: j,
-              isExpanded: d(j)
+              index: B,
+              isExpanded: d(B)
             }, () => [
               F.title ? (s(), u("div", dc, x(F.title), 1)) : h("", !0)
             ])
           ]),
           i("div", {
-            class: m(g(j))
+            class: m(g(B))
           }, [
             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(j) ? (s(), u("div", {
+            d(B) ? (s(), u("div", {
               key: 0,
-              id: `panel-${F.id || j}`,
+              id: `panel-${F.id || B}`,
               class: m(f.value),
-              "aria-labelledby": `header-${F.id || j}`,
+              "aria-labelledby": `header-${F.id || B}`,
               role: "region"
             }, [
-              V(y.$slots, `content-${j}`, {
+              V(y.$slots, `content-${B}`, {
                 item: F,
-                index: j
+                index: B
               }, () => [
                 V(y.$slots, "content", {
                   item: F,
-                  index: j
+                  index: B
                 }, () => [
                   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 j() {
+    function B() {
       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 B() {
+    function j() {
       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 && j();
+      J.key === "Escape" && r.value && B();
     }
     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(B, ["stop"])
+          onClick: Fe(j, ["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: j
+        onClick: B
       })) : h("", !0)
     ]));
   }
@@ -8561,7 +8561,7 @@ const pd = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, 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 = {
+}, 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 = {
   __name: "BarChart",
   props: {
     data: {
@@ -8667,7 +8667,7 @@ const pd = {
     }, v = () => {
       r.value.visible = !1;
     };
-    return (g, f) => (s(), u("div", jc, [
+    return (g, f) => (s(), u("div", Bc, [
       (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, Bc))
+      ], 8, jc))
     ]));
   }
 }, 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 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({
+        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({
           key: "date",
           label: "Date Range",
-          value: B,
+          value: j,
           icon: "calendar"
         });
       }
       if (d.value) {
-        const B = t.dataSources.find((X) => X.value === d.value);
+        const j = t.dataSources.find((X) => X.value === d.value);
         te.push({
           key: "dataSource",
           label: "Data Source",
-          value: B?.label || d.value,
+          value: j?.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"
-    ), j = (te) => {
+    ), B = (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, B) => (s(), u("div", lf, [
+    }), (te, j) => (s(), u("div", lf, [
       i("div", {
         class: m(S.value)
       }, [
@@ -9116,8 +9116,8 @@ const pd = {
               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": B[0] || (B[0] = (X) => r.value = X),
+            st(i("input", {
+              "onUpdate:modelValue": j[0] || (j[0] = (X) => r.value = X),
               type: "date",
               class: m(O.value),
               placeholder: "From date"
@@ -9125,14 +9125,14 @@ const pd = {
               [Mt, r.value]
             ])
           ]),
-          B[6] || (B[6] = i("span", { class: "text-gray-500 text-sm" }, "to", -1)),
+          j[6] || (j[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": B[1] || (B[1] = (X) => l.value = X),
+            st(i("input", {
+              "onUpdate:modelValue": j[1] || (j[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": B[2] || (B[2] = (X) => o.value = X),
+              "onUpdate:modelValue": j[2] || (j[2] = (X) => o.value = X),
               class: m(k.value),
-              onChange: j
+              onChange: B
             }, {
-              default: N(() => [...B[7] || (B[7] = [
+              default: N(() => [...j[7] || (j[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": B[3] || (B[3] = (X) => d.value = X),
+              "onUpdate:modelValue": j[3] || (j[3] = (X) => d.value = X),
               class: m(k.value),
               onChange: se
             }, {
               default: N(() => [
-                B[8] || (B[8] = i("option", { value: "" }, " All Sources ", -1)),
+                j[8] || (j[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"
               }),
-              B[9] || (B[9] = ee(" Clear Filters ", -1))
+              j[9] || (j[9] = ee(" Clear Filters ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0),
           e.showExport ? (s(), W(we, {
             key: 1,
             class: m(v.value),
-            onClick: B[4] || (B[4] = (X) => te.$emit("export"))
+            onClick: j[4] || (j[4] = (X) => te.$emit("export"))
           }, {
             default: N(() => [
               P(Q, {
                 icon: "download",
                 class: "w-4 h-4 mr-2"
               }),
-              B[10] || (B[10] = ee(" Export ", -1))
+              j[10] || (j[10] = ee(" Export ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0),
           e.showRefresh ? (s(), W(we, {
             key: 2,
             class: m(g.value),
-            onClick: B[5] || (B[5] = (X) => te.$emit("refresh"))
+            onClick: j[5] || (j[5] = (X) => te.$emit("refresh"))
           }, {
             default: N(() => [
               P(Q, {
                 icon: "sync",
                 class: "w-4 h-4 mr-2"
               }),
-              B[11] || (B[11] = ee(" Refresh ", -1))
+              j[11] || (j[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"], 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 = {
+}, 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 = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -9777,8 +9777,8 @@ const pd = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, jf),
-            i("div", Bf, [
+            ])], 10, Bf),
+            i("div", jf, [
               (s(!0), u(G, null, K(c.value, (v) => (s(), u("button", {
                 key: v,
                 class: m(O(v === e.currentPage, !1)),
@@ -9973,10 +9973,10 @@ const pd = {
       ])
     ], 6)) : h("", !0);
   }
-}, 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 = {
+}, bt = /* @__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: "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 = {
+}, tm = { key: 2 }, am = ["colspan"], nm = { class: "flex flex-col items-center justify-center py-12" }, rm = { class: "text-slate-400 mb-4 flex justify-center" }, sm = { class: "text-slate-600 text-lg font-medium mb-2" }, lm = { class: "text-slate-500 text-sm" }, om = {
   __name: "DataTable",
   props: {
     data: {
@@ -10182,8 +10182,8 @@ const pd = {
       if (d.value) {
         const ae = n.columns.find((ue) => ue.key === d.value);
         ae && q.sort((ue, pe) => {
-          const Ie = A(ue, ae), We = A(pe, ae);
-          return Ie < We ? c.value === "asc" ? -1 : 1 : Ie > We ? c.value === "asc" ? 1 : -1 : 0;
+          const Ie = A(ue, ae), qe = A(pe, ae);
+          return Ie < qe ? c.value === "asc" ? -1 : 1 : Ie > qe ? c.value === "asc" ? 1 : -1 : 0;
         });
       }
       return q;
@@ -10194,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) => j(q))), y = b(() => {
-      const q = k.value.filter((ae) => j(ae)).length;
+    }), f = b(() => k.value.length > 0 && k.value.every((q) => B(q))), y = b(() => {
+      const q = k.value.filter((ae) => B(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, j = (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, B = (q) => n.selectedItems.some(
       (ae) => F(ae) === F(q)
     ), se = (q) => {
       const ae = [...n.selectedItems], ue = ae.findIndex(
@@ -10212,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);
-    }, B = async (q) => {
+    }, j = 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));
@@ -10256,7 +10256,7 @@ const pd = {
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm font-medium text-center"
-    )), qe = b(() => $(
+    )), Je = b(() => $(
       {
         compact: "px-4 py-4",
         normal: "px-6 py-6",
@@ -10277,7 +10277,7 @@ const pd = {
         r("refresh");
       },
       goToPage: (q) => {
-        B(q);
+        j(q);
       },
       selectAll: () => {
         U();
@@ -10307,7 +10307,7 @@ const pd = {
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
       i("div", Xf, [
-        e.loading ? (s(), W(tt, {
+        e.loading ? (s(), W(bt, {
           key: 0,
           loading: !0,
           type: e.loadingType,
@@ -10334,7 +10334,7 @@ const pd = {
                   class: m(xe.value)
                 }, [
                   i("div", Jf, [
-                    e.bulkLoading ? (s(), W(tt, {
+                    e.bulkLoading ? (s(), W(bt, {
                       key: 0,
                       loading: !0,
                       type: "spin",
@@ -10356,7 +10356,7 @@ const pd = {
                 }, [
                   i("div", Zf, [
                     i("span", null, x(ue.label), 1),
-                    e.sortLoading && d.value === ue.key ? (s(), W(tt, {
+                    e.sortLoading && d.value === ue.key ? (s(), W(bt, {
                       key: 0,
                       loading: !0,
                       type: "spin",
@@ -10401,27 +10401,38 @@ const pd = {
             i("tbody", {
               class: m(H.value)
             }, [
-              e.dataLoading && !e.loading ? (s(), u("tr", tm, [
-                i("td", {
-                  colspan: g.value,
-                  class: m(qe.value)
-                }, [
-                  i("div", nm, [
-                    P(tt, {
-                      loading: !0,
-                      type: "dots",
-                      size: "medium",
-                      color: e.loadingColor
-                    }, null, 8, ["color"])
-                  ])
-                ], 10, am)
-              ])) : v.value.length > 0 && !e.loading ? (s(!0), u(G, { key: 1 }, K(v.value, (ue, pe) => (s(), W(pr, {
+              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), u(G, { key: 0 }, K(e.skeletonRows, (ue) => (s(), u("tr", {
+                key: `skeleton-${ue}`,
+                class: "animate-pulse"
+              }, [
+                e.selectable ? (s(), u("td", {
+                  key: 0,
+                  class: m(xe.value)
+                }, [...ae[2] || (ae[2] = [
+                  i("div", { class: "w-4 h-4 bg-slate-200 rounded" }, null, -1)
+                ])], 2)) : h("", !0),
+                (s(!0), u(G, null, K(e.columns, (pe) => (s(), u("td", {
+                  key: pe.key,
+                  class: m(ne())
+                }, [...ae[3] || (ae[3] = [
+                  i("div", { class: "h-4 bg-slate-200 rounded w-3/4" }, null, -1)
+                ])], 2))), 128)),
+                q.$slots.actions ? (s(), u("td", {
+                  key: 1,
+                  class: m(Le.value)
+                }, [...ae[4] || (ae[4] = [
+                  i("div", { class: "flex gap-2 justify-center" }, [
+                    i("div", { class: "w-6 h-6 bg-slate-200 rounded" }),
+                    i("div", { class: "w-6 h-6 bg-slate-200 rounded" })
+                  ], -1)
+                ])], 2)) : h("", !0)
+              ]))), 128)) : v.value.length > 0 ? (s(!0), u(G, { key: 1 }, K(v.value, (ue, pe) => (s(), W(pr, {
                 key: F(ue, pe),
                 item: ue,
                 columns: e.columns,
                 index: pe,
                 selectable: e.selectable,
-                "is-selected": j(ue),
+                "is-selected": B(ue),
                 striped: e.striped,
                 hoverable: e.hoverable,
                 "clickable-rows": e.clickableRows,
@@ -10432,61 +10443,35 @@ const pd = {
                 onRowClick: te
               }, Cr({
                 actions: N((Ie) => [
-                  V(q.$slots, "actions", Ke({ ref_for: !0 }, Ie), void 0, !0)
+                  V(q.$slots, "actions", Ge({ ref_for: !0 }, Ie), void 0, !0)
                 ]),
                 _: 2
               }, [
                 K(e.columns, (Ie) => ({
                   name: `cell-${Ie.key}`,
-                  fn: N((We) => [
-                    V(q.$slots, `cell-${Ie.key}`, Ke({ ref_for: !0 }, We), void 0, !0)
+                  fn: N((qe) => [
+                    V(q.$slots, `cell-${Ie.key}`, Ge({ ref_for: !0 }, qe), void 0, !0)
                   ])
                 }))
-              ]), 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, [
+              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : (s(), u("tr", tm, [
                 i("td", {
                   colspan: g.value,
-                  class: m(qe.value)
+                  class: m(Je.value)
                 }, [
                   V(q.$slots, "empty", {}, () => [
-                    i("div", lm, [
-                      i("div", om, [
+                    i("div", nm, [
+                      i("div", rm, [
                         P(Q, {
                           icon: "search",
                           class: "w-16 h-16"
                         })
                       ]),
-                      i("p", im, x(e.emptyText), 1),
-                      i("p", um, x(e.emptySubtitle), 1)
+                      i("p", sm, x(e.emptyText), 1),
+                      i("p", lm, x(e.emptySubtitle), 1)
                     ])
                   ], !0)
-                ], 10, sm)
-              ])) : h("", !0),
-              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), u(G, { key: 3 }, K(e.skeletonRows, (ue) => (s(), u("tr", {
-                key: `skeleton-${ue}`,
-                class: "animate-pulse"
-              }, [
-                e.selectable ? (s(), u("td", {
-                  key: 0,
-                  class: m(xe.value)
-                }, [...ae[2] || (ae[2] = [
-                  i("div", { class: "w-4 h-4 bg-slate-200 rounded" }, null, -1)
-                ])], 2)) : h("", !0),
-                (s(!0), u(G, null, K(e.columns, (pe) => (s(), u("td", {
-                  key: pe.key,
-                  class: m(ne())
-                }, [...ae[3] || (ae[3] = [
-                  i("div", { class: "h-4 bg-slate-200 rounded w-3/4" }, null, -1)
-                ])], 2))), 128)),
-                q.$slots.actions ? (s(), u("td", {
-                  key: 1,
-                  class: m(Le.value)
-                }, [...ae[4] || (ae[4] = [
-                  i("div", { class: "flex gap-2 justify-center" }, [
-                    i("div", { class: "w-6 h-6 bg-slate-200 rounded" }),
-                    i("div", { class: "w-6 h-6 bg-slate-200 rounded" })
-                  ], -1)
-                ])], 2)) : h("", !0)
-              ]))), 128)) : h("", !0)
+                ], 10, am)
+              ]))
             ], 2)
           ], 2)
         ], 2)
@@ -10504,7 +10489,7 @@ const pd = {
         padding: e.paginationPadding,
         loading: e.paginationLoading,
         disabled: e.loading || e.dataLoading,
-        "onUpdate:currentPage": B,
+        "onUpdate:currentPage": j,
         "onUpdate:pageSize": X
       }, {
         footer: N(() => [
@@ -10514,7 +10499,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-220f4d2a"]]), fm = {
+}, im = /* @__PURE__ */ At(om, [["__scopeId", "data-v-cb590ba8"]]), um = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -10602,22 +10587,22 @@ const pd = {
       ])
     ], 2));
   }
-}, mm = { class: "bg-white border-b border-gray-200" }, gm = {
+}, dm = { class: "bg-white border-b border-gray-200" }, cm = {
   key: 0,
   class: "flex-1 min-w-80 max-w-md"
-}, vm = { class: "relative group" }, bm = ["model-value", "placeholder"], hm = { class: "relative" }, pm = { value: "" }, ym = ["value"], xm = {
+}, fm = { class: "relative group" }, mm = ["model-value", "placeholder"], gm = { class: "relative" }, vm = { value: "" }, bm = ["value"], hm = {
   key: 1,
   class: "min-w-36"
-}, wm = { class: "relative" }, km = ["value"], Sm = {
+}, pm = { class: "relative" }, ym = ["value"], xm = {
   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" }, 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 = {
+}, wm = { class: "flex items-center gap-3 ml-auto" }, km = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Sm = { class: "flex items-center justify-between" }, $m = { class: "flex items-center gap-3" }, Cm = { class: "relative flex-1" }, zm = ["model-value", "placeholder", "onInput"], Am = { class: "relative flex-1" }, Im = ["model-value", "placeholder", "onInput"], Tm = ["onClick"], Pm = { class: "flex items-center justify-between" }, Bm = { class: "flex items-center gap-3" }, jm = { class: "relative flex-1" }, Om = ["model-value", "placeholder", "step", "onInput"], Fm = { class: "relative flex-1" }, Vm = ["model-value", "placeholder", "step", "onInput"], Mm = ["onClick"], Dm = { class: "flex items-center justify-between" }, Em = { class: "relative" }, Lm = { value: "" }, Nm = ["value"], Rm = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
-}, Ym = ["onClick"], Hm = { class: "flex items-center gap-3 flex-wrap" }, Um = ["onClick"], Gm = {
+}, _m = ["onClick"], qm = { class: "flex items-center gap-3 flex-wrap" }, Wm = ["onClick"], Ym = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
-}, Km = { class: "flex items-center justify-between" }, Xm = { class: "flex items-center gap-4" }, Jm = { class: "text-sm text-gray-600" }, Qm = { class: "font-medium" }, Zm = {
+}, Hm = { class: "flex items-center justify-between" }, Um = { class: "flex items-center gap-4" }, Gm = { class: "text-sm text-gray-600" }, Km = { class: "font-medium" }, Xm = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -10824,7 +10809,7 @@ const pd = {
         selected: _.selected.filter((ie) => ie !== T)
       } : _);
       n("update:multiSelectFilters", I);
-    }, j = (R, T) => {
+    }, B = (R, T) => {
       const I = R.options.find((_) => _.value === T);
       return I ? I.label : T;
     }, se = () => {
@@ -10835,7 +10820,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;
-    }), B = b(() => {
+    }), j = b(() => {
       const R = [];
       if (t.searchQuery && t.searchQuery.trim() && R.push({
         key: "search",
@@ -10938,7 +10923,7 @@ const pd = {
       () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), Le = b(
       () => $(o({ size: "md" }), "pl-10 pr-3")
-    ), qe = b(
+    ), Je = b(
       () => "text-sm font-semibold text-gray-700"
     ), Qe = b(
       () => "text-gray-500 text-sm font-medium"
@@ -10952,7 +10937,7 @@ const pd = {
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
     ), Ie = b(
       () => "text-sm font-semibold text-blue-800"
-    ), We = b(
+    ), qe = b(
       () => "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"
     ), xr = b(
       () => "text-blue-600 hover:text-blue-800 ml-1 hover:bg-blue-100 rounded-full p-0.5 transition-all"
@@ -11016,12 +11001,12 @@ const pd = {
           break;
       }
     };
-    return (R, T) => (s(), u("div", mm, [
+    return (R, T) => (s(), u("div", dm, [
       i("div", {
         class: m(X.value)
       }, [
-        e.showSearch ? (s(), u("div", gm, [
-          i("div", vm, [
+        e.showSearch ? (s(), u("div", cm, [
+          i("div", fm, [
             P(Q, {
               icon: "magnifying-glass",
               class: m(J.value)
@@ -11031,7 +11016,7 @@ const pd = {
               placeholder: e.searchPlaceholder,
               class: m(C.value),
               onInput: T[0] || (T[0] = (I) => R.$emit("update:searchQuery", I.target.value))
-            }, null, 42, bm),
+            }, null, 42, mm),
             e.searchQuery ? (s(), u("button", {
               key: 0,
               class: m(M.value),
@@ -11048,18 +11033,18 @@ const pd = {
           key: I.key,
           class: "min-w-36"
         }, [
-          i("div", hm, [
+          i("div", gm, [
             P(Oe, {
               "model-value": I.value,
               class: m(H.value),
               onChange: (_) => c(I.key, _.target.value)
             }, {
               default: N(() => [
-                i("option", pm, x(I.placeholder || `All ${I.label}`), 1),
+                i("option", vm, x(I.placeholder || `All ${I.label}`), 1),
                 (s(!0), u(G, null, K(I.options, (_) => (s(), u("option", {
                   key: _.value,
                   value: _.value
-                }, x(_.label), 9, ym))), 128))
+                }, x(_.label), 9, bm))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "class", "onChange"]),
@@ -11069,8 +11054,8 @@ const pd = {
             })
           ])
         ]))), 128)),
-        e.showFilters && e.statusOptions.length > 0 ? (s(), u("div", xm, [
-          i("div", wm, [
+        e.showFilters && e.statusOptions.length > 0 ? (s(), u("div", hm, [
+          i("div", pm, [
             P(Oe, {
               "model-value": e.selectedStatus,
               class: m(H.value),
@@ -11081,7 +11066,7 @@ const pd = {
                 (s(!0), u(G, null, K(e.statusOptions, (I) => (s(), u("option", {
                   key: I.value,
                   value: I.value
-                }, x(I.label), 9, km))), 128))
+                }, x(I.label), 9, ym))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"]),
@@ -11110,10 +11095,10 @@ const pd = {
             class: "w-4 h-4 ml-1"
           }, null, 8, ["icon"])
         ], 2)) : h("", !0),
-        R.$slots.filters ? (s(), u("div", Sm, [
+        R.$slots.filters ? (s(), u("div", xm, [
           V(R.$slots, "filters")
         ])) : h("", !0),
-        i("div", $m, [
+        i("div", wm, [
           le.value ? (s(), W(we, {
             key: 0,
             class: m(ae.value),
@@ -11165,21 +11150,21 @@ const pd = {
         key: 0,
         class: m(xe.value)
       }, [
-        i("div", Cm, [
+        i("div", km, [
           (s(!0), u(G, null, K(e.dateFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", zm, [
+            i("div", Sm, [
               i("label", {
-                class: m(qe.value)
+                class: m(Je.value)
               }, x(I.label), 3),
               i("span", {
                 class: m(S(I))
               }, x(p(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", Am, [
-              i("div", Im, [
+            i("div", $m, [
+              i("div", Cm, [
                 P(Q, {
                   icon: "calendar",
                   class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -11190,12 +11175,12 @@ const pd = {
                   class: m(Le.value),
                   placeholder: `From ${I.label}`,
                   onInput: (_) => O(I.key, "from", _.target.value)
-                }, null, 42, Tm)
+                }, null, 42, zm)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Pm, [
+              i("div", Am, [
                 P(Q, {
                   icon: "calendar",
                   class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -11206,7 +11191,7 @@ const pd = {
                   class: m(Le.value),
                   placeholder: `To ${I.label}`,
                   onInput: (_) => O(I.key, "to", _.target.value)
-                }, null, 42, jm)
+                }, null, 42, Im)
               ]),
               p(I) ? (s(), u("button", {
                 key: 0,
@@ -11218,23 +11203,23 @@ const pd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Bm)) : h("", !0)
+              ], 10, Tm)) : h("", !0)
             ])
           ]))), 128)),
           (s(!0), u(G, null, K(e.numberFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", Om, [
+            i("div", Pm, [
               i("label", {
-                class: m(qe.value)
+                class: m(Je.value)
               }, x(I.label), 3),
               i("span", {
                 class: m(v(I))
               }, x(k(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", Fm, [
-              i("div", Vm, [
+            i("div", Bm, [
+              i("div", jm, [
                 i("input", {
                   type: "number",
                   "model-value": I.min,
@@ -11242,12 +11227,12 @@ const pd = {
                   placeholder: `Min ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "min", _.target.value)
-                }, null, 42, Mm)
+                }, null, 42, Om)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Dm, [
+              i("div", Fm, [
                 i("input", {
                   type: "number",
                   "model-value": I.max,
@@ -11255,7 +11240,7 @@ const pd = {
                   placeholder: `Max ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "max", _.target.value)
-                }, null, 42, Em)
+                }, null, 42, Vm)
               ]),
               k(I) ? (s(), u("button", {
                 key: 0,
@@ -11267,33 +11252,33 @@ const pd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Lm)) : h("", !0)
+              ], 10, Mm)) : h("", !0)
             ])
           ]))), 128)),
           (s(!0), u(G, null, K(e.multiSelectFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", Nm, [
+            i("div", Dm, [
               i("label", {
-                class: m(qe.value)
+                class: m(Je.value)
               }, x(I.label), 3),
               i("span", {
                 class: m(y(I))
               }, x(f(I) ? `${I.selected.length} selected` : "None"), 3)
             ]),
-            i("div", Rm, [
+            i("div", Em, [
               P(Oe, {
                 "model-value": "",
                 class: m(H.value),
                 onChange: (_) => A(I.key, _.target.value)
               }, {
                 default: N(() => [
-                  i("option", _m, " Select " + x(I.label), 1),
+                  i("option", Lm, " Select " + x(I.label), 1),
                   (s(!0), u(G, null, K(I.options, (_) => (s(), u("option", {
                     key: _.value,
                     value: _.value
-                  }, x(_.label), 9, qm))), 128))
+                  }, x(_.label), 9, Nm))), 128))
                 ]),
                 _: 2
               }, 1032, ["class", "onChange"]),
@@ -11302,12 +11287,12 @@ const pd = {
                 class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
             ]),
-            I.selected.length > 0 ? (s(), u("div", Wm, [
+            I.selected.length > 0 ? (s(), u("div", Rm, [
               (s(!0), u(G, null, K(I.selected, (_) => (s(), u("span", {
                 key: _,
                 class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
               }, [
-                ee(x(j(I, _)) + " ", 1),
+                ee(x(B(I, _)) + " ", 1),
                 i("button", {
                   class: "hover:bg-blue-200 rounded-full p-0.5",
                   onClick: (ie) => F(I.key, _)
@@ -11316,23 +11301,23 @@ const pd = {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
-                ], 8, Ym)
+                ], 8, _m)
               ]))), 128))
             ])) : h("", !0)
           ]))), 128))
         ])
       ], 2)) : h("", !0),
-      e.showFilters && B.value.length > 0 ? (s(), u("div", {
+      e.showFilters && j.value.length > 0 ? (s(), u("div", {
         key: 1,
         class: m(pe.value)
       }, [
-        i("div", Hm, [
+        i("div", qm, [
           i("span", {
             class: m(Ie.value)
           }, "Active filters:", 2),
-          (s(!0), u(G, null, K(B.value, (I) => (s(), u("div", {
+          (s(!0), u(G, null, K(j.value, (I) => (s(), u("div", {
             key: I.key,
-            class: m(We.value)
+            class: m(qe.value)
           }, [
             P(Q, {
               icon: I.icon,
@@ -11347,15 +11332,15 @@ const pd = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, Um)
+            ], 10, Wm)
           ], 2))), 128))
         ])
       ], 2)) : h("", !0),
-      e.showTableInfo ? (s(), u("div", Gm, [
-        i("div", Km, [
-          i("div", Xm, [
-            i("span", Jm, [
-              i("span", Qm, x(e.totalItems || 0), 1),
+      e.showTableInfo ? (s(), u("div", Ym, [
+        i("div", Hm, [
+          i("div", Um, [
+            i("span", Gm, [
+              i("span", Km, x(e.totalItems || 0), 1),
               ee(" " + x(e.itemLabel || "items") + " found ", 1)
             ])
           ])
@@ -11363,16 +11348,16 @@ const pd = {
       ])) : h("", !0)
     ]));
   }
-}, eg = { class: "flex items-center gap-3" }, tg = {
+}, Jm = { class: "flex items-center gap-3" }, Qm = {
   key: 0,
   class: "flex items-center gap-3"
-}, ag = { class: "text-sm text-slate-600" }, ng = { class: "flex items-center gap-2" }, rg = { class: "flex items-center gap-3" }, sg = ["title", "onClick"], lg = {
+}, Zm = { class: "text-sm text-slate-600" }, eg = { class: "flex items-center gap-2" }, tg = { class: "flex items-center gap-3" }, ag = ["title", "onClick"], ng = {
   key: 1,
   class: "relative"
-}, og = { class: "p-3" }, ig = { class: "space-y-1" }, ug = { class: "flex items-center gap-2 cursor-pointer w-full" }, dg = ["checked", "onChange"], cg = ["disabled"], fg = {
+}, rg = { class: "p-3" }, sg = { class: "space-y-1" }, lg = { class: "flex items-center gap-2 cursor-pointer w-full" }, og = ["checked", "onChange"], ig = ["disabled"], ug = {
   key: 3,
   class: "flex items-center gap-2"
-}, mg = [
+}, dg = [
   {
     key: "delete",
     label: "Delete",
@@ -11389,13 +11374,13 @@ const pd = {
     },
     variant: "primary"
   }
-], gg = {
+], cg = {
   name: "DataTableToolBar"
-}, vg = /* @__PURE__ */ Object.assign(gg, {
+}, fg = /* @__PURE__ */ Object.assign(cg, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => mg },
+    bulkActions: { type: Array, default: () => dg },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -11493,7 +11478,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"
-    ), j = b(
+    ), B = 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);
@@ -11505,7 +11490,7 @@ const pd = {
         active: t.density === M,
         position: H
       }));
-    }, B = () => $(O({
+    }, j = () => $(O({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), X = () => $("w-4 h-4", {
       "animate-spin": t.isRefreshing
@@ -11521,10 +11506,10 @@ const pd = {
       return s(), u("div", {
         class: m(k.value)
       }, [
-        i("div", eg, [
-          d.value > 0 ? (s(), u("div", tg, [
-            i("span", ag, x(d.value) + " selected ", 1),
-            i("div", ng, [
+        i("div", Jm, [
+          d.value > 0 ? (s(), u("div", Qm, [
+            i("span", Zm, x(d.value) + " selected ", 1),
+            i("div", eg, [
               (s(!0), u(G, null, K(e.bulkActions, (ne) => (s(), W(we, {
                 key: ne.key,
                 class: m(le(ne)),
@@ -11546,7 +11531,7 @@ const pd = {
             class: m(z.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
-        i("div", rg, [
+        i("div", tg, [
           e.showDensityToggle ? (s(), u("div", {
             key: 0,
             class: m(v.value)
@@ -11562,9 +11547,9 @@ const pd = {
                 icon: ne.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, sg)), 64))
+            ], 10, ag)), 64))
           ], 2)) : h("", !0),
-          e.showColumnToggle ? (s(), u("div", lg, [
+          e.showColumnToggle ? (s(), u("div", ng, [
             i("button", {
               ref_key: "columnToggleButton",
               ref: l,
@@ -11578,31 +11563,31 @@ const pd = {
               }),
               H[2] || (H[2] = i("span", null, "Columns", -1))
             ], 2),
-            lt(i("div", {
+            st(i("div", {
               ref_key: "columnMenu",
               ref: o,
               class: m(f.value),
               onClick: H[0] || (H[0] = Fe(() => {
               }, ["stop"]))
             }, [
-              i("div", og, [
+              i("div", rg, [
                 i("div", {
                   class: m(y.value)
                 }, " Show Columns ", 2),
-                i("div", ig, [
+                i("div", sg, [
                   (s(!0), u(G, null, K(e.toggleableColumns, (ne) => (s(), u("div", {
                     key: ne.key,
                     class: m(A.value)
                   }, [
-                    i("label", ug, [
+                    i("label", lg, [
                       i("input", {
                         type: "checkbox",
                         checked: J(ne.key),
                         class: m(F.value),
                         onChange: (xe) => C(ne.key, xe.target.checked)
-                      }, null, 42, dg),
+                      }, null, 42, og),
                       i("span", {
-                        class: m(j.value)
+                        class: m(B.value)
                       }, x(ne.label), 3)
                     ])
                   ], 2))), 128))
@@ -11615,7 +11600,7 @@ const pd = {
           e.showRefresh ? (s(), u("button", {
             key: 2,
             disabled: e.isRefreshing,
-            class: m(B()),
+            class: m(j()),
             type: "button",
             onClick: H[1] || (H[1] = (ne) => M.$emit("refresh"))
           }, [
@@ -11624,15 +11609,15 @@ const pd = {
               class: m(X())
             }, null, 8, ["class"]),
             H[3] || (H[3] = i("span", null, "Refresh", -1))
-          ], 10, cg)) : h("", !0),
-          M.$slots.actions ? (s(), u("div", fg, [
+          ], 10, ig)) : h("", !0),
+          M.$slots.actions ? (s(), u("div", ug, [
             V(M.$slots, "actions")
           ])) : h("", !0)
         ])
       ], 2);
     };
   }
-}), bg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, hg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, pg = { class: "col-span-1 md:col-span-2" }, yg = { class: "space-y-2" }, xg = { class: "flex space-x-4" }, wg = { class: "flex flex-col md:flex-row justify-between items-center" }, kg = { class: "flex space-x-6 mt-4 md:mt-0" }, Sg = {
+}), mg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, gg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, vg = { class: "col-span-1 md:col-span-2" }, bg = { class: "space-y-2" }, hg = { class: "flex space-x-4" }, pg = { class: "flex flex-col md:flex-row justify-between items-center" }, yg = { class: "flex space-x-6 mt-4 md:mt-0" }, xg = {
   __name: "Footer",
   props: {
     className: {
@@ -11646,9 +11631,9 @@ const pd = {
       return s(), u("footer", {
         class: m(L($)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        i("div", bg, [
-          i("div", hg, [
-            i("div", pg, [
+        i("div", mg, [
+          i("div", gg, [
+            i("div", vg, [
               V(a.$slots, "brand", {}, () => [
                 P(n, { class: "mb-4" }),
                 P(r, { class: "text-gray-600 max-w-md" }, {
@@ -11670,7 +11655,7 @@ const pd = {
                   ])]),
                   _: 1
                 }),
-                i("div", yg, [
+                i("div", bg, [
                   P(o, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -11712,7 +11697,7 @@ const pd = {
                   ])]),
                   _: 1
                 }),
-                i("div", xg, [
+                i("div", hg, [
                   P(o, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -11742,7 +11727,7 @@ const pd = {
             ])
           ]),
           P(c, { class: "my-8" }),
-          i("div", wg, [
+          i("div", pg, [
             V(a.$slots, "copyright", {}, () => [
               P(r, { class: "text-gray-600" }, {
                 default: N(() => [
@@ -11752,7 +11737,7 @@ const pd = {
               })
             ]),
             V(a.$slots, "legal", {}, () => [
-              i("div", kg, [
+              i("div", yg, [
                 P(o, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -11778,28 +11763,28 @@ const pd = {
       ], 2);
     };
   }
-}, $g = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Cg = { class: "flex items-center" }, zg = {
+}, wg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, kg = { class: "flex items-center" }, Sg = {
   key: 0,
   class: "mr-4 flex-shrink-0 bg-gradient-to-r from-blue-50 to-indigo-50 px-3 py-2 rounded-lg border border-blue-100"
-}, Ag = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Ig = {
+}, $g = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Cg = {
   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" }, jg = { class: "text-gray-900 font-medium truncate" }, Bg = { class: "flex items-center space-x-3 md:space-x-4" }, Og = {
+}, zg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Ag = { class: "text-gray-500 truncate" }, Ig = { class: "text-gray-900 font-medium truncate" }, Tg = { class: "flex items-center space-x-3 md:space-x-4" }, Pg = {
   key: 1,
   class: "relative"
-}, Fg = {
+}, Bg = {
   key: 0,
   class: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center"
-}, Vg = {
+}, jg = {
   key: 0,
   class: "absolute right-4 md:right-6 top-16 mt-2 w-72 md:w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Mg = { class: "max-h-96 overflow-y-auto" }, Dg = { class: "flex items-start space-x-3" }, Eg = { class: "flex-1" }, Lg = { class: "text-sm text-gray-900" }, Ng = { class: "text-xs text-gray-500 mt-1" }, Rg = { class: "relative" }, _g = { class: "w-8 h-8 bg-gradient-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, qg = { class: "text-blue-700 text-sm font-medium" }, Wg = { class: "hidden md:block text-left max-w-[160px] truncate" }, Yg = { class: "text-sm font-medium text-gray-900 truncate" }, Hg = { class: "text-xs text-gray-500 truncate leading-tight" }, Ug = {
+}, Og = { class: "max-h-96 overflow-y-auto" }, Fg = { class: "flex items-start space-x-3" }, Vg = { class: "flex-1" }, Mg = { class: "text-sm text-gray-900" }, Dg = { class: "text-xs text-gray-500 mt-1" }, Eg = { class: "relative" }, Lg = { class: "w-8 h-8 bg-gradient-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, Ng = { class: "text-blue-700 text-sm font-medium" }, Rg = { class: "hidden md:block text-left max-w-[160px] truncate" }, _g = { class: "text-sm font-medium text-gray-900 truncate" }, qg = { class: "text-xs text-gray-500 truncate leading-tight" }, Wg = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Gg = { class: "p-4 border-b border-gray-200" }, Kg = { class: "text-sm font-medium text-gray-900" }, Xg = { class: "text-xs text-gray-500" }, Jg = { class: "py-2" }, Qg = {
+}, Yg = { class: "p-4 border-b border-gray-200" }, Hg = { class: "text-sm font-medium text-gray-900" }, Ug = { class: "text-xs text-gray-500" }, Gg = { class: "py-2" }, Kg = {
   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"
-}, Zg = ["onClick"], ev = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, tv = { class: "flex-1 truncate font-semibold text-gray-700" }, av = {
+}, Xg = ["onClick"], Jg = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, Qg = { class: "flex-1 truncate font-semibold text-gray-700" }, Zg = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -11815,7 +11800,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((j) => j[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((B) => B[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;
@@ -11834,7 +11819,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, j) => {
+    }), ge(r, (F) => n("search", F)), (F, B) => {
       const se = ce("router-link");
       return s(), u("header", {
         class: m(L($)(
@@ -11842,15 +11827,15 @@ const pd = {
         )),
         style: { left: "0" }
       }, [
-        i("div", $g, [
-          i("div", Cg, [
-            e.currentOrganisation ? (s(), u("div", zg, [
-              i("p", Ag, x(e.currentOrganisation.organisation_name), 1),
-              e.currentOrganisation.role ? (s(), u("p", Ig, x(e.currentOrganisation.role), 1)) : h("", !0)
+        i("div", wg, [
+          i("div", kg, [
+            e.currentOrganisation ? (s(), u("div", Sg, [
+              i("p", $g, x(e.currentOrganisation.organisation_name), 1),
+              e.currentOrganisation.role ? (s(), u("p", Cg, x(e.currentOrganisation.role), 1)) : h("", !0)
             ])) : h("", !0),
-            i("nav", Tg, [
-              i("span", Pg, x(e.currentSection), 1),
-              j[4] || (j[4] = i("svg", {
+            i("nav", zg, [
+              i("span", Ag, x(e.currentSection), 1),
+              B[4] || (B[4] = i("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
                 stroke: "currentColor",
@@ -11863,15 +11848,15 @@ const pd = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", jg, x(e.currentPage), 1)
+              i("span", Ig, x(e.currentPage), 1)
             ])
           ]),
-          i("div", Bg, [
+          i("div", Tg, [
             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: j[0] || (j[0] = (U) => n("toggle-mobile-sidebar"))
-            }, [...j[5] || (j[5] = [
+              onClick: B[0] || (B[0] = (U) => n("toggle-mobile-sidebar"))
+            }, [...B[5] || (B[5] = [
               i("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -11886,8 +11871,8 @@ const pd = {
                 })
               ], -1)
             ])])) : h("", !0),
-            !p.value || c.value ? (s(), u("div", Og, [
-              j[6] || (j[6] = i("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
+            !p.value || c.value ? (s(), u("div", Pg, [
+              B[6] || (B[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",
@@ -11902,8 +11887,8 @@ const pd = {
                   })
                 ])
               ], -1)),
-              lt(i("input", {
-                "onUpdate:modelValue": j[1] || (j[1] = (U) => r.value = U),
+              st(i("input", {
+                "onUpdate:modelValue": B[1] || (B[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"
@@ -11913,13 +11898,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: j[2] || (j[2] = (U) => c.value = !1)
+                onClick: B[2] || (B[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: j[3] || (j[3] = (U) => c.value = !0)
-            }, [...j[7] || (j[7] = [
+              onClick: B[3] || (B[3] = (U) => c.value = !0)
+            }, [...B[7] || (B[7] = [
               i("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -11938,7 +11923,7 @@ const pd = {
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: O
             }, [
-              j[8] || (j[8] = i("svg", {
+              B[8] || (B[8] = i("svg", {
                 class: "w-5 h-5",
                 fill: "none",
                 stroke: "currentColor",
@@ -11957,7 +11942,7 @@ const pd = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              d.value > 0 ? (s(), u("span", Fg, x(d.value), 1)) : h("", !0)
+              d.value > 0 ? (s(), u("span", Bg, x(d.value), 1)) : h("", !0)
             ]),
             P(fe, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -11968,44 +11953,44 @@ const pd = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: N(() => [
-                l.value ? (s(), u("div", Vg, [
-                  j[10] || (j[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
+                l.value ? (s(), u("div", jg, [
+                  B[10] || (B[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, [
+                  i("div", Og, [
                     (s(!0), u(G, null, K(e.notifications, (U) => (s(), u("div", {
                       key: U.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
-                      i("div", Dg, [
-                        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)
+                      i("div", Fg, [
+                        B[9] || (B[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
+                        i("div", Vg, [
+                          i("p", Mg, x(U.title), 1),
+                          i("p", Dg, x(U.time), 1)
                         ])
                       ])
                     ]))), 128))
                   ]),
-                  j[11] || (j[11] = i("div", { class: "p-4 text-center" }, [
+                  B[11] || (B[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)
               ]),
               _: 1
             }),
-            i("div", Rg, [
+            i("div", Eg, [
               i("button", {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors",
                 onClick: k
               }, [
-                i("div", _g, [
-                  i("span", qg, x(w.value), 1)
+                i("div", Lg, [
+                  i("span", Ng, x(w.value), 1)
                 ]),
-                i("div", Wg, [
-                  i("p", Yg, x(e.user.name), 1),
-                  i("p", Hg, x(S.value), 1)
+                i("div", Rg, [
+                  i("p", _g, x(e.user.name), 1),
+                  i("p", qg, x(S.value), 1)
                 ]),
-                j[12] || (j[12] = i("svg", {
+                B[12] || (B[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -12028,12 +12013,12 @@ const pd = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: N(() => [
-                  o.value ? (s(), u("div", Ug, [
-                    i("div", Gg, [
-                      i("p", Kg, x(e.user.name), 1),
-                      i("p", Xg, x(e.user.email), 1)
+                  o.value ? (s(), u("div", Wg, [
+                    i("div", Yg, [
+                      i("p", Hg, x(e.user.name), 1),
+                      i("p", Ug, x(e.user.email), 1)
                     ]),
-                    i("div", Jg, [
+                    i("div", Gg, [
                       (s(!0), u(G, null, K(e.profileMenuItems, (U) => (s(), u(G, {
                         key: U.name
                       }, [
@@ -12047,7 +12032,7 @@ const pd = {
                           onClick: (le) => z(U)
                         }, {
                           default: N(() => [
-                            v(U) ? (s(), u("div", Qg)) : h("", !0),
+                            v(U) ? (s(), u("div", Kg)) : h("", !0),
                             i("div", {
                               class: m(L($)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -12073,22 +12058,22 @@ const pd = {
                           class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent",
                           onClick: (le) => g(U)
                         }, [
-                          i("div", ev, [
+                          i("div", Jg, [
                             U.icon ? (s(), W(Q, {
                               key: 0,
                               icon: U.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : h("", !0)
                           ]),
-                          i("span", tv, x(U.label), 1)
-                        ], 8, Zg))
+                          i("span", Qg, x(U.label), 1)
+                        ], 8, Xg))
                       ], 64))), 128))
                     ]),
                     i("div", { class: "border-t border-gray-200 py-2" }, [
                       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
-                      }, [...j[13] || (j[13] = [
+                      }, [...B[13] || (B[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",
@@ -12117,13 +12102,13 @@ const pd = {
       ], 2);
     };
   }
-}, nv = { class: "mb-4" }, rv = { class: "text-lg font-semibold text-gray-900" }, sv = { class: "text-sm text-gray-600" }, lv = {
+}, ev = { class: "mb-4" }, tv = { class: "text-lg font-semibold text-gray-900" }, av = { class: "text-sm text-gray-600" }, nv = {
   value: "",
   disabled: ""
-}, ov = ["value"], iv = {
+}, rv = ["value"], sv = {
   key: 3,
   class: "flex items-center"
-}, uv = { class: "flex justify-end gap-3 pt-4" }, dv = {
+}, lv = { class: "flex justify-end gap-3 pt-4" }, ov = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12238,19 +12223,19 @@ const pd = {
         try {
           await v.onChange(g, o.value);
         } catch (f) {
-          console.error("Error in onChange handler:", f), Ue.error("An error occurred while processing the change");
+          console.error("Error in onChange handler:", f), He.error("An error occurred while processing the change");
         }
     }, O = (v, g) => {
       if (o.value[v.name] = g, v.onChange && typeof v.onChange == "function")
         try {
           v.onChange(g, o.value);
         } catch (f) {
-          console.error("Error in onChange handler:", f), Ue.error("An error occurred while processing the change");
+          console.error("Error in onChange handler:", f), He.error("An error occurred while processing the change");
         }
     }, k = async () => {
       try {
         if (!w()) {
-          Ue.error("Please fix the validation errors before submitting");
+          He.error("Please fix the validation errors before submitting");
           return;
         }
         const v = {};
@@ -12263,7 +12248,7 @@ const pd = {
           originalData: t.initialData
         });
       } catch (v) {
-        console.error("Error during form submission:", v), Ue.error("An error occurred during submission");
+        console.error("Error during form submission:", v), He.error("An error occurred during submission");
       }
     }, z = () => {
       o.value = p(), d.value = {}, c.value = !1, n("close");
@@ -12278,9 +12263,9 @@ const pd = {
       onClose: z
     }, {
       default: N(() => [
-        i("div", nv, [
-          i("h2", rv, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          i("p", sv, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        i("div", ev, [
+          i("h2", tv, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          i("p", av, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         i("form", {
           class: "space-y-4",
@@ -12301,7 +12286,7 @@ const pd = {
                   key: 0,
                   id: y,
                   modelValue: o.value[f.name],
-                  "onUpdate:modelValue": (j) => o.value[f.name] = j,
+                  "onUpdate:modelValue": (B) => o.value[f.name] = B,
                   type: f.type,
                   placeholder: f.placeholder,
                   disabled: l.value || f.disabled,
@@ -12312,7 +12297,7 @@ const pd = {
                   key: 1,
                   id: y,
                   modelValue: o.value[f.name],
-                  "onUpdate:modelValue": (j) => o.value[f.name] = j,
+                  "onUpdate:modelValue": (B) => o.value[f.name] = B,
                   placeholder: f.placeholder,
                   disabled: l.value || f.disabled,
                   rows: f.rows || 3,
@@ -12331,21 +12316,21 @@ const pd = {
                     A ? "border-red-500" : "border-slate-300"
                   ]),
                   "aria-describedby": F,
-                  "onUpdate:modelValue": (j) => S(f, j)
+                  "onUpdate:modelValue": (B) => S(f, B)
                 }, {
                   default: N(() => [
-                    i("option", lv, x(f.placeholder || "Select an option"), 1),
-                    (s(!0), u(G, null, K(f.options, (j) => (s(), u("option", {
-                      key: j.value,
-                      value: j.value
-                    }, x(j.label), 9, ov))), 128))
+                    i("option", nv, 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, rv))), 128))
                   ]),
                   _: 2
-                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), u("div", iv, [
+                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), u("div", sv, [
                   P(ea, {
                     id: y,
                     modelValue: o.value[f.name],
-                    "onUpdate:modelValue": (j) => o.value[f.name] = j,
+                    "onUpdate:modelValue": (B) => o.value[f.name] = B,
                     type: "checkbox",
                     disabled: l.value || f.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
@@ -12367,12 +12352,12 @@ const pd = {
                   max: f.max,
                   step: f.step,
                   disabled: l.value || f.disabled,
-                  "onUpdate:modelValue": (j) => O(f, j)
+                  "onUpdate:modelValue": (B) => O(f, B)
                 }, 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": (j) => o.value[f.name] = j,
+                  "onUpdate:modelValue": (B) => o.value[f.name] = B,
                   disabled: l.value || f.disabled,
                   required: f.required,
                   min: f.min,
@@ -12388,7 +12373,7 @@ const pd = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"])
           ]))), 128)),
-          i("div", uv, [
+          i("div", lv, [
             P(we, {
               type: "button",
               variant: "outline",
@@ -12417,37 +12402,37 @@ const pd = {
       _: 1
     }, 8, ["modelValue", "size", "resizable"]));
   }
-}, cv = {
+}, iv = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, fv = { class: "text-lg font-bold text-gray-900" }, mv = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, gv = { class: "space-y-2" }, vv = { key: 0 }, bv = {
+}, uv = { class: "text-lg font-bold text-gray-900" }, dv = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, cv = { class: "space-y-2" }, fv = { key: 0 }, mv = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, hv = ["onClick"], pv = {
+}, gv = ["onClick"], vv = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, yv = {
+}, bv = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, xv = {
+}, hv = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, wv = {
+}, pv = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, kv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Sv = { class: "flex items-center justify-between p-4" }, $v = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Cv = { class: "p-3" }, zv = { class: "space-y-1" }, Av = {
+}, yv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, xv = { class: "flex items-center justify-between p-4" }, wv = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, kv = { class: "p-3" }, Sv = { class: "space-y-1" }, $v = {
   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"
-}, Iv = {
+}, Cv = {
   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" }, jv = {
+}, zv = { class: "p-3" }, Av = { class: "space-y-1" }, Iv = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Bv = {
+}, Tv = {
   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 = {
+}, Pv = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -12495,18 +12480,18 @@ const pd = {
     }), O = b(() => {
       if (l.value)
         return 0;
-      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);
+      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);
       (l.value || !(X || J)) && F();
     }, z = () => {
       r("update:mobileOpen", !1);
-    }, 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();
+    }, 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();
     }, f = () => {
       o.value && y(), c.value ? A() : c.value = !0, l.value && z();
     }, y = () => {
@@ -12517,18 +12502,18 @@ const pd = {
       c.value = !1;
     }, F = () => {
       y(), A();
-    }, j = (B) => {
-      k(B);
-    }, se = (B) => {
-      k(B);
-    }, U = (B) => {
+    }, B = (j) => {
+      k(j);
+    }, se = (j) => {
+      k(j);
+    }, U = (j) => {
       const X = n.currentPath;
-      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;
+      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;
     }, le = () => {
-      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());
+      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());
     };
     return Ae(() => {
       le(), window.addEventListener("resize", le), document.addEventListener("keydown", te);
@@ -12541,7 +12526,7 @@ const pd = {
       managementSettingsOpen: c,
       contentMarginLeft: O,
       closeAllMenus: F
-    }), (B, X) => {
+    }), (j, X) => {
       const J = ce("router-link");
       return s(), u("div", null, [
         P(fe, {
@@ -12570,8 +12555,8 @@ const pd = {
           )),
           style: me({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
-          l.value ? (s(), u("div", cv, [
-            i("h2", fv, x(e.header?.title), 1),
+          l.value ? (s(), u("div", iv, [
+            i("h2", uv, x(e.header?.title), 1),
             i("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -12592,12 +12577,12 @@ const pd = {
               ], -1)
             ])])
           ])) : h("", !0),
-          i("nav", mv, [
-            i("div", gv, [
+          i("nav", dv, [
+            i("div", cv, [
               (s(!0), u(G, null, K(e.navigationItems, (C) => (s(), u(G, {
                 key: C.name || C.label
               }, [
-                C.type === "link" ? (s(), u("div", vv, [
+                C.type === "link" ? (s(), u("div", fv, [
                   v(C) ? (s(), u("div", {
                     key: 1,
                     class: m(L($)(
@@ -12624,9 +12609,9 @@ const pd = {
                         U(C) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, x(C.label), 3),
-                    C.badge ? (s(), u("span", pv, x(C.badge), 1)) : h("", !0),
-                    U(C) && v(C) ? (s(), u("div", yv)) : h("", !0)
-                  ], 10, hv)) : (s(), W(J, {
+                    C.badge ? (s(), u("span", vv, x(C.badge), 1)) : h("", !0),
+                    U(C) && v(C) ? (s(), u("div", bv)) : h("", !0)
+                  ], 10, gv)) : (s(), W(J, {
                     key: 0,
                     to: C.route,
                     class: m(L($)(
@@ -12654,7 +12639,7 @@ const pd = {
                           U(C) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, x(C.label), 3),
-                      C.badge ? (s(), u("span", bv, x(C.badge), 1)) : h("", !0)
+                      C.badge ? (s(), u("span", mv, x(C.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -12662,7 +12647,7 @@ const pd = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), u("div", xv, [
+          e.showManagementSettings ? (s(), u("div", hv, [
             i("div", {
               class: m(L($)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -12688,7 +12673,7 @@ const pd = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), u("div", wv)) : h("", !0)
+              e.isManagementSettingsActive ? (s(), u("div", pv)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -12711,8 +12696,8 @@ const pd = {
               ),
               style: me(w.value)
             }, [
-              i("div", kv, [
-                i("div", Sv, [
+              i("div", yv, [
+                i("div", xv, [
                   i("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -12732,11 +12717,11 @@ const pd = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", $v, x(d.value?.label), 1)
+                  i("h3", wv, x(d.value?.label), 1)
                 ])
               ]),
-              i("nav", Cv, [
-                i("div", zv, [
+              i("nav", kv, [
+                i("div", Sv, [
                   (s(!0), u(G, null, K(d.value?.subItems, (C) => (s(), W(J, {
                     key: C.name,
                     to: C.route,
@@ -12746,10 +12731,10 @@ 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) => j(C)
+                    onClick: (M) => B(C)
                   }, {
                     default: N(() => [
-                      U(C) ? (s(), u("div", Av)) : h("", !0),
+                      U(C) ? (s(), u("div", $v)) : h("", !0),
                       i("div", {
                         class: m(
                           L($)(
@@ -12770,7 +12755,7 @@ const pd = {
                           U(C) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, x(C.label), 3),
-                      C.badge ? (s(), u("span", Iv, x(C.badge), 1)) : h("", !0)
+                      C.badge ? (s(), u("span", Cv, x(C.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -12823,12 +12808,12 @@ const pd = {
                   X[3] || (X[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              i("nav", Tv, [
-                i("div", Pv, [
+              i("nav", zv, [
+                i("div", Av, [
                   (s(!0), u(G, null, K(e.managementSettings, (C) => (s(), u(G, {
                     key: C.name
                   }, [
-                    C.type === "section" ? (s(), u("div", jv, x(C.label), 1)) : C.route ? (s(), W(J, {
+                    C.type === "section" ? (s(), u("div", Iv, x(C.label), 1)) : C.route ? (s(), W(J, {
                       key: 1,
                       to: C.route,
                       class: m(
@@ -12840,7 +12825,7 @@ const pd = {
                       onClick: (M) => se(C)
                     }, {
                       default: N(() => [
-                        U(C) ? (s(), u("div", Bv)) : h("", !0),
+                        U(C) ? (s(), u("div", Tv)) : h("", !0),
                         i("div", {
                           class: m(
                             L($)(
@@ -12891,7 +12876,7 @@ const pd = {
       ]);
     };
   }
-}, Fv = {
+}, Bv = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -12910,13 +12895,13 @@ const pd = {
       V(a.$slots, "default")
     ], 2));
   }
-}, Vv = {
+}, jv = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Mv = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Dv = { class: "text-slate-900 font-medium" }, Ev = {
+}, Ov = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Fv = { class: "text-slate-900 font-medium" }, Vv = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Lv = { class: "mt-2 text-slate-600 text-sm" }, Nv = {
+}, Mv = { class: "mt-2 text-slate-600 text-sm" }, Dv = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -12940,8 +12925,8 @@ const pd = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), u("div", Vv)) : h("", !0),
-      i("div", Mv, [
+      e.orientation === "vertical" ? (s(), u("div", jv)) : h("", !0),
+      i("div", Ov, [
         V(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -12952,23 +12937,23 @@ const pd = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Dv, [
+        i("h3", Fv, [
           V(a.$slots, "title", {}, () => [
             ee(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), u("p", Ev, [
+        e.subtitle ? (s(), u("p", Vv, [
           V(a.$slots, "subtitle", {}, () => [
             ee(x(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        i("div", Lv, [
+        i("div", Mv, [
           V(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Rv = {
+}, Ev = {
   name: "AuthLayout",
   props: {
     title: {
@@ -13057,20 +13042,20 @@ const pd = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, _v = { class: "container mx-auto px-4 relative z-10" }, qv = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Wv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Yv = { class: "mb-6" }, Hv = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Uv = { class: "text-white" }, Gv = { class: "flex items-center justify-center lg:justify-start mb-6" }, Kv = { class: "text-3xl lg:text-4xl font-bold text-white" }, Xv = { class: "lg:col-span-4" }, Jv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Qv = {
+}, Lv = { class: "container mx-auto px-4 relative z-10" }, Nv = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Rv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, _v = { class: "mb-6" }, qv = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Wv = { class: "text-white" }, Yv = { class: "flex items-center justify-center lg:justify-start mb-6" }, Hv = { class: "text-3xl lg:text-4xl font-bold text-white" }, Uv = { class: "lg:col-span-4" }, Gv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Kv = {
   key: 0,
   class: "mb-6"
-}, Zv = { class: "text-center" }, e0 = { class: "text-2xl font-bold text-gray-900" }, t0 = {
+}, Xv = { class: "text-center" }, Jv = { class: "text-2xl font-bold text-gray-900" }, Qv = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, a0 = { class: "space-y-6" }, n0 = {
+}, Zv = { class: "space-y-6" }, e0 = {
   key: 1,
   class: "mt-6"
-}, r0 = {
+}, t0 = {
   key: 0,
   class: "mt-6 text-center"
-}, s0 = { class: "absolute bottom-4 right-4 text-right" }, l0 = { class: "flex items-end justify-end mb-2" }, o0 = { class: "text-right mr-3" }, i0 = { class: "text-red-500 font-bold text-xs" }, u0 = { class: "text-white text-xs" }, d0 = { class: "text-white/70 text-xs" }, c0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, f0 = { class: "text-white/70 text-xs" }, m0 = { class: "absolute bottom-4 left-4 flex gap-2" }, g0 = ["href"];
-function v0(e, a, t, n, r, l) {
+}, a0 = { class: "absolute bottom-4 right-4 text-right" }, n0 = { class: "flex items-end justify-end mb-2" }, r0 = { class: "text-right mr-3" }, s0 = { class: "text-red-500 font-bold text-xs" }, l0 = { class: "text-white text-xs" }, o0 = { class: "text-white/70 text-xs" }, i0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, u0 = { class: "text-white/70 text-xs" }, d0 = { class: "absolute bottom-4 left-4 flex gap-2" }, c0 = ["href"];
+function f0(e, a, t, n, r, l) {
   const o = ce("router-view"), d = ce("font-awesome-icon");
   return s(), u("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -13083,70 +13068,70 @@ function v0(e, a, t, n, r, l) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", _v, [
-      i("div", qv, [
-        i("div", Wv, [
-          i("div", Yv, [
-            i("div", Hv, [
+    i("div", Lv, [
+      i("div", Nv, [
+        i("div", Rv, [
+          i("div", _v, [
+            i("div", qv, [
               i("span", {
                 style: me({ color: t.primaryColor })
               }, x(t.primaryLogoPrefix), 5),
-              i("span", Uv, x(t.primaryLogoText), 1)
+              i("span", Wv, x(t.primaryLogoText), 1)
             ]),
             i("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: me({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          i("div", Gv, [
+          i("div", Yv, [
             i("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: me({ backgroundColor: t.primaryColor })
             }, x(t.secondaryLogoPrefix), 5),
-            i("span", Kv, x(t.secondaryLogoText), 1)
+            i("span", Hv, x(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = i("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             i("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        i("div", Xv, [
-          i("div", Jv, [
-            e.$slots["card-header"] || t.title ? (s(), u("div", Qv, [
+        i("div", Uv, [
+          i("div", Gv, [
+            e.$slots["card-header"] || t.title ? (s(), u("div", Kv, [
               V(e.$slots, "card-header", {}, () => [
-                i("div", Zv, [
-                  i("h1", e0, x(t.title), 1),
-                  t.subtitle ? (s(), u("p", t0, x(t.subtitle), 1)) : h("", !0)
+                i("div", Xv, [
+                  i("h1", Jv, x(t.title), 1),
+                  t.subtitle ? (s(), u("p", Qv, x(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            i("div", a0, [
+            i("div", Zv, [
               P(o)
             ]),
-            e.$slots["card-footer"] ? (s(), u("div", n0, [
+            e.$slots["card-footer"] ? (s(), u("div", e0, [
               V(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (s(), u("div", r0, [
+          e.$slots.links ? (s(), u("div", t0, [
             V(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    i("div", s0, [
-      i("div", l0, [
-        i("div", o0, [
-          i("div", i0, x(t.companyName), 1),
-          i("div", u0, x(t.companyType), 1),
-          i("div", d0, x(t.companyTagline), 1)
+    i("div", a0, [
+      i("div", n0, [
+        i("div", r0, [
+          i("div", s0, x(t.companyName), 1),
+          i("div", l0, x(t.companyType), 1),
+          i("div", o0, x(t.companyTagline), 1)
         ]),
-        i("div", c0, x(t.companyInitials), 1)
+        i("div", i0, x(t.companyInitials), 1)
       ]),
-      i("div", f0, [
+      i("div", u0, [
         i("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         i("div", null, x(t.copyright), 1)
       ])
     ]),
-    i("div", m0, [
+    i("div", d0, [
       (s(!0), u(G, null, K(t.socialLinks, (c) => (s(), u("a", {
         key: c.name,
         href: c.url,
@@ -13158,14 +13143,14 @@ function v0(e, a, t, n, r, l) {
         P(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, g0))), 128))
+      ], 10, c0))), 128))
     ])
   ], 4);
 }
-const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen bg-gray-50" }, p0 = { class: "flex-1" }, y0 = {
+const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { class: "min-h-screen bg-gray-50" }, v0 = { class: "flex-1" }, b0 = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, x0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, w0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, k0 = {
+}, h0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, p0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, y0 = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -13189,7 +13174,7 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = ce("Logo"), r = ce("MainNavigation"), l = ce("Button"), o = ce("Header"), d = ce("Breadcrumb"), c = ce("Text"), p = ce("Footer");
-      return s(), u("div", h0, [
+      return s(), u("div", g0, [
         P(o, null, {
           logo: N(() => [
             V(a.$slots, "logo", {}, () => [
@@ -13222,15 +13207,15 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", p0, [
-          e.showBreadcrumb ? (s(), u("div", y0, [
-            i("div", x0, [
+        i("main", v0, [
+          e.showBreadcrumb ? (s(), u("div", b0, [
+            i("div", h0, [
               V(a.$slots, "breadcrumb", {}, () => [
                 P(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          i("div", w0, [
+          i("div", p0, [
             V(a.$slots, "default")
           ])
         ]),
@@ -13251,7 +13236,7 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
       ]);
     };
   }
-}, S0 = {
+}, x0 = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -13458,7 +13443,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"
-    ]), j = b(() => [
+    ]), B = b(() => [
       "w-full max-w-2xl mx-auto text-center"
     ]), se = b(() => [
       "mb-8"
@@ -13468,7 +13453,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"
-    ]), B = b(() => [
+    ]), j = b(() => [
       "space-y-4"
     ]), X = b(() => [
       "text-6xl font-bold text-slate-300 mb-4"
@@ -13503,12 +13488,12 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
       // Classes
       layoutClasses: A,
       backgroundClasses: F,
-      contentClasses: j,
+      contentClasses: B,
       headerClasses: se,
       errorContentClasses: U,
       illustrationClasses: le,
       iconContainerClasses: te,
-      detailsClasses: B,
+      detailsClasses: j,
       codeClasses: X,
       titleClasses: J,
       messageClasses: C,
@@ -13517,20 +13502,20 @@ const b0 = /* @__PURE__ */ At(Rv, [["render", v0]]), h0 = { class: "min-h-screen
       helpClasses: oe
     };
   }
-}, $0 = { class: "flex justify-center" }, C0 = { class: "flex items-center gap-3" }, z0 = { class: "text-2xl font-bold text-slate-900" }, A0 = {
+}, w0 = { class: "flex justify-center" }, k0 = { class: "flex items-center gap-3" }, S0 = { class: "text-2xl font-bold text-slate-900" }, $0 = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, I0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, T0 = ["disabled"], P0 = {
+}, C0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, z0 = ["disabled"], A0 = {
   key: 0,
   class: "animate-spin"
-}, j0 = { key: 1 }, B0 = ["disabled"], O0 = { key: 0 }, F0 = { key: 1 }, V0 = {
+}, I0 = { key: 1 }, T0 = ["disabled"], P0 = { key: 0 }, B0 = { key: 1 }, j0 = {
   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 = {
+}, O0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, F0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, V0 = { class: "space-y-3" }, M0 = { class: "text-sm text-slate-600" }, D0 = ["href"], E0 = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function _0(e, a, t, n, r, l) {
+function L0(e, a, t, n, r, l) {
   return s(), u("div", {
     class: m(n.layoutClasses)
   }, [
@@ -13550,13 +13535,13 @@ function _0(e, a, t, n, r, l) {
         class: m(n.headerClasses)
       }, [
         V(e.$slots, "header", {}, () => [
-          i("div", $0, [
+          i("div", w0, [
             V(e.$slots, "logo", {}, () => [
-              i("div", C0, [
+              i("div", k0, [
                 a[5] || (a[5] = i("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   i("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                i("span", z0, x(t.brandName), 1)
+                i("span", S0, x(t.brandName), 1)
               ])
             ])
           ])
@@ -13602,7 +13587,7 @@ function _0(e, a, t, n, r, l) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (s(), u("div", A0, [...a[6] || (a[6] = [
+        n.isOnline ? h("", !0) : (s(), u("div", $0, [...a[6] || (a[6] = [
           i("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             i("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             i("span", { class: "font-medium" }, "No Internet Connection")
@@ -13613,7 +13598,7 @@ function _0(e, a, t, n, r, l) {
           class: m(n.actionsClasses)
         }, [
           V(e.$slots, "actions", {}, () => [
-            i("div", I0, [
+            i("div", C0, [
               t.showHomeButton ? (s(), u("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
@@ -13636,18 +13621,18 @@ 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", j0, "🔄")),
+                n.isRetrying ? (s(), u("span", A0, "↻")) : (s(), u("span", I0, "🔄")),
                 ee(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, T0)) : h("", !0),
+              ], 8, z0)) : h("", !0),
               t.showSupportButton ? (s(), u("button", {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[3] || (a[3] = (o) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (s(), u("span", O0, "✓")) : (s(), u("span", F0, "📝")),
+                n.reportSent ? (s(), u("span", P0, "✓")) : (s(), u("span", B0, "📝")),
                 ee(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, B0)) : h("", !0)
+              ], 8, T0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -13656,10 +13641,10 @@ function _0(e, a, t, n, r, l) {
           class: m(n.additionalInfoClasses)
         }, [
           V(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), u("div", V0, [
-              i("div", M0, [
-                i("h3", D0, x(n.additionalInfoConfig.title), 1),
-                i("ul", E0, [
+            n.additionalInfoConfig ? (s(), u("div", j0, [
+              i("div", O0, [
+                i("h3", F0, x(n.additionalInfoConfig.title), 1),
+                i("ul", V0, [
                   (s(!0), u(G, null, K(n.additionalInfoConfig.items, (o, d) => (s(), u("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -13679,7 +13664,7 @@ function _0(e, a, t, n, r, l) {
           class: m(n.helpClasses)
         }, [
           V(e.$slots, "help", {}, () => [
-            i("p", L0, [
+            i("p", M0, [
               ee(x(t.helpText) + " ", 1),
               t.supportUrl ? (s(), u("a", {
                 key: 0,
@@ -13688,16 +13673,16 @@ function _0(e, a, t, n, r, l) {
               }, [...a[8] || (a[8] = [
                 i("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 ee(" Get Help ", -1)
-              ])], 8, N0)) : h("", !0)
+              ])], 8, D0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (s(), u("div", R0, " Error ID: " + x(n.errorId), 1)) : h("", !0)
+        n.isDev ? (s(), u("div", E0, " Error ID: " + x(n.errorId), 1)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const q0 = /* @__PURE__ */ At(S0, [["render", _0]]), tn = {
+const N0 = /* @__PURE__ */ At(x0, [["render", L0]]), tn = {
   mounted(e, a) {
     if (!a.value) return;
     const t = Object.keys(a.modifiers)[0] || "top", n = document.createElement("div");
@@ -13823,7 +13808,7 @@ const q0 = /* @__PURE__ */ At(S0, [["render", _0]]), tn = {
   Option: cr,
   Progress: Ai,
   ProgressBar: Ti,
-  Radio: Bi,
+  Radio: ji,
   Select: Oe,
   Spinner: pa,
   Switch: Vi,
@@ -13831,7 +13816,7 @@ const q0 = /* @__PURE__ */ At(S0, [["render", _0]]), tn = {
   Textarea: fr,
   Tooltip: Ei,
   Typography: ta,
-  Loader: tt,
+  Loader: bt,
   Alert: Hi,
   Breadcrumb: Ki,
   ButtonGroup: Ji,
@@ -13868,36 +13853,36 @@ const q0 = /* @__PURE__ */ At(S0, [["render", _0]]), tn = {
   AccordionItem: gc,
   Graph: Pc,
   Calendar: $c,
-  DataTable: cm,
+  DataTable: im,
   DataTableHeader: hr,
   DataTableRow: pr,
-  DataTableCell: fm,
+  DataTableCell: um,
   DataTablePagination: yr,
-  DataTableFilters: Zm,
-  DataTableToolBar: vg,
-  Footer: Sg,
-  Header: av,
-  ReusableFormModal: dv,
-  Sidebar: Ov,
-  Timeline: Fv,
-  TimelineItem: Nv,
-  AuthLayout: b0,
-  DefaultLayout: k0,
-  ErrorLayout: q0
-}, U0 = {
+  DataTableFilters: Xm,
+  DataTableToolBar: fg,
+  Footer: xg,
+  Header: Zg,
+  ReusableFormModal: ov,
+  Sidebar: Pv,
+  Timeline: Bv,
+  TimelineItem: Dv,
+  AuthLayout: m0,
+  DefaultLayout: y0,
+  ErrorLayout: N0
+}, W0 = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(an).forEach((n) => {
       const r = t ? `${t}${n}` : n;
       e.component(r, an[n]);
-    }), e.config.globalProperties.$toast = Ue, e.provide("toast", Ue), e.config.globalProperties.$tooltip = tn, e.provide("tooltip", tn);
+    }), e.config.globalProperties.$toast = He, e.provide("toast", He), e.config.globalProperties.$tooltip = tn, e.provide("tooltip", tn);
   }
 };
 export {
   mc as Accordion,
   gc as AccordionItem,
   Hi as Alert,
-  b0 as AuthLayout,
+  m0 as AuthLayout,
   Zo as Avatar,
   ti as Badge,
   qc as BarChart,
@@ -13912,25 +13897,25 @@ export {
   mu as CardHeader,
   hu as CardTitle,
   ha as Checkbox,
-  cm as DataTable,
-  fm as DataTableCell,
-  Zm as DataTableFilters,
+  im as DataTable,
+  um as DataTableCell,
+  Xm as DataTableFilters,
   hr as DataTableHeader,
   yr as DataTablePagination,
   pr as DataTableRow,
-  vg as DataTableToolBar,
+  fg as DataTableToolBar,
   xa as DatePicker,
-  k0 as DefaultLayout,
+  y0 as DefaultLayout,
   ci as Divider,
   Iu as Dropdown,
   Pu as DropdownItem,
-  q0 as ErrorLayout,
+  N0 as ErrorLayout,
   Nu as FileUpload,
-  Sg as Footer,
+  xg as Footer,
   mr as FormField,
   Pc as Graph,
   xf as GraphFilters,
-  av as Header,
+  Zg as Header,
   Q as Icon,
   vi as Image,
   ea as Input,
@@ -13939,7 +13924,7 @@ export {
   sf as LineChart,
   ki as Link,
   ad as ListItem,
-  tt as Loader,
+  bt as Loader,
   $i as Logo,
   rd as MenuItem,
   gr as Modal,
@@ -13950,11 +13935,11 @@ export {
   cr as Option,
   Ai as Progress,
   Ti as ProgressBar,
-  Bi as Radio,
-  dv as ReusableFormModal,
+  ji as Radio,
+  ov as ReusableFormModal,
   qd as Search,
   Oe as Select,
-  Ov as Sidebar,
+  Pv as Sidebar,
   br as Slider,
   pa as Spinner,
   Gd as Stepper,
@@ -13964,14 +13949,14 @@ export {
   oc as TabPanel,
   Mi as Text,
   fr as Textarea,
-  Fv as Timeline,
-  Nv as TimelineItem,
+  Bv as Timeline,
+  Dv as TimelineItem,
   Id as Toast,
   Ei as Tooltip,
   ta as Typography,
   $ as cn,
-  U0 as default,
-  Ue as toast,
+  W0 as default,
+  He as toast,
   tn as tooltip,
   xd as useToaster
 };