@stlhorizon/vue-ui 2.12.2 → 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) {
@@ -34,7 +34,7 @@ function jr(e, a, t) {
     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,7 +186,7 @@ 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 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: {
@@ -284,8 +284,8 @@ var je = !!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",
@@ -610,7 +610,7 @@ var fs = {
   "kit-duotone": {
     "kit-duotone": "fakd"
   }
-}, Pt, mt = {
+}, Pt, ft = {
   GROUP: "duotone-group",
   SWAP_OPACITY: "swap-opacity",
   PRIMARY: "primary",
@@ -753,7 +753,7 @@ var Xs = {
   chisel: {
     facr: "fa-regular"
   }
-}, Qs = ["fa-solid", "fa-regular", "fa-light", "fa-thin", "fa-duotone", "fa-brands", "fa-semibold"], jn = ["fa", "fas", "far", "fal", "fat", "fad", "fadr", "fadl", "fadt", "fab", "fass", "fasr", "fasl", "fast", "fasds", "fasdr", "fasdl", "fasdt", "faslr", "faslpr", "fawsb", "fatl", "fans", "fands", "faes", "fajr", "fajfr", "fajdr", "facr"].concat(vs, Qs), Zs = ["solid", "regular", "light", "thin", "duotone", "brands", "semibold"], On = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], el = On.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]), tl = ["aw", "fw", "pull-left", "pull-right"], al = [].concat($e(Object.keys(Js)), Zs, tl, ["2xs", "xs", "sm", "lg", "xl", "2xl", "beat", "border", "fade", "beat-fade", "bounce", "flip-both", "flip-horizontal", "flip-vertical", "flip", "inverse", "layers", "layers-bottom-left", "layers-bottom-right", "layers-counter", "layers-text", "layers-top-left", "layers-top-right", "li", "pull-end", "pull-start", "pulse", "rotate-180", "rotate-270", "rotate-90", "rotate-by", "shake", "spin-pulse", "spin-reverse", "spin", "stack-1x", "stack-2x", "stack", "ul", "width-auto", "width-fixed", mt.GROUP, mt.SWAP_OPACITY, mt.PRIMARY, mt.SECONDARY]).concat(On.map(function(e) {
+}, Qs = ["fa-solid", "fa-regular", "fa-light", "fa-thin", "fa-duotone", "fa-brands", "fa-semibold"], 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 Ba = 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"], Bt = 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,
@@ -896,13 +896,13 @@ function ja() {
     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";
@@ -1533,9 +1533,9 @@ je && (pt = (de.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(
 function $l(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,
@@ -1676,7 +1676,7 @@ function Bl(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 = Ba[n][e] || Ba[n][r], o = e in Se.styles ? e : null, d = l || o || null;
   return d;
@@ -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);
@@ -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");
@@ -1887,7 +1887,7 @@ 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) && je && Z.autoReplaceSvg && ye.dom.i2svg({
@@ -1900,7 +1900,7 @@ 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", {
@@ -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;
@@ -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;
@@ -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)
@@ -2580,7 +2580,7 @@ function Ga(e, a) {
             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;
@@ -2637,15 +2637,15 @@ function Ka(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() {
@@ -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) {
@@ -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,
@@ -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)
@@ -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)
@@ -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}`
@@ -9116,7 +9116,7 @@ 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", {
+            st(i("input", {
               "onUpdate:modelValue": j[0] || (j[0] = (X) => r.value = X),
               type: "date",
               class: m(O.value),
@@ -9131,7 +9131,7 @@ 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", {
+            st(i("input", {
               "onUpdate:modelValue": j[1] || (j[1] = (X) => l.value = X),
               type: "date",
               class: m(O.value),
@@ -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: "text-center" }, om = { class: "text-slate-400 mb-4" }, im = { class: "text-slate-600 text-lg font-medium mb-2" }, um = { class: "text-slate-500 text-sm" }, dm = {
+}, tm = { key: 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;
@@ -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",
@@ -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,21 +10401,32 @@ 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,
@@ -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-12 h-12"
+                          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)
@@ -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-8876d196"]]), 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" }, Bm = ["model-value", "placeholder", "onInput"], jm = ["onClick"], Om = { class: "flex items-center justify-between" }, Fm = { class: "flex items-center gap-3" }, Vm = { class: "relative flex-1" }, Mm = ["model-value", "placeholder", "step", "onInput"], Dm = { class: "relative flex-1" }, Em = ["model-value", "placeholder", "step", "onInput"], Lm = ["onClick"], Nm = { class: "flex items-center justify-between" }, Rm = { class: "relative" }, _m = { value: "" }, qm = ["value"], Wm = {
+}, 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: {
@@ -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, Bm)
+                }, null, 42, Im)
               ]),
               p(I) ? (s(), u("button", {
                 key: 0,
@@ -11218,23 +11203,23 @@ const pd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, jm)) : 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,7 +11287,7 @@ 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"
@@ -11316,7 +11301,7 @@ const pd = {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
-                ], 8, Ym)
+                ], 8, _m)
               ]))), 128))
             ])) : h("", !0)
           ]))), 128))
@@ -11326,13 +11311,13 @@ const pd = {
         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(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 },
@@ -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,29 +11563,29 @@ 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(B.value)
                       }, x(ne.label), 3)
@@ -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" }, Bg = { class: "text-gray-900 font-medium truncate" }, jg = { 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 },
@@ -11842,14 +11827,14 @@ 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),
+            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",
@@ -11863,10 +11848,10 @@ const pd = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", Bg, x(e.currentPage), 1)
+              i("span", Ig, x(e.currentPage), 1)
             ])
           ]),
-          i("div", jg, [
+          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",
@@ -11886,7 +11871,7 @@ const pd = {
                 })
               ], -1)
             ])])) : h("", !0),
-            !p.value || c.value ? (s(), u("div", Og, [
+            !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",
@@ -11902,7 +11887,7 @@ const pd = {
                   })
                 ])
               ], -1)),
-              lt(i("input", {
+              st(i("input", {
                 "onUpdate:modelValue": B[1] || (B[1] = (U) => r.value = U),
                 type: "text",
                 placeholder: "Search...",
@@ -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,20 +11953,20 @@ const pd = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: N(() => [
-                l.value ? (s(), u("div", Vg, [
+                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, [
+                      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", Eg, [
-                          i("p", Lg, x(U.title), 1),
-                          i("p", Ng, x(U.time), 1)
+                        i("div", Vg, [
+                          i("p", Mg, x(U.title), 1),
+                          i("p", Dg, x(U.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -11993,17 +11978,17 @@ const pd = {
               ]),
               _: 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)
                 ]),
                 B[12] || (B[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -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,15 +12058,15 @@ 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" }, [
@@ -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",
@@ -12334,14 +12319,14 @@ const pd = {
                   "onUpdate:modelValue": (B) => S(f, B)
                 }, {
                   default: N(() => [
-                    i("option", lv, x(f.placeholder || "Select an option"), 1),
+                    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, ov))), 128))
+                    }, 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],
@@ -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" }, Bv = {
+}, 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"
-}, jv = {
+}, 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: {
@@ -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,
@@ -12749,7 +12734,7 @@ const pd = {
                     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", Bv, 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", jv)) : 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: {
@@ -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"
-}, B0 = { key: 1 }, j0 = ["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", B0, "🔄")),
+                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, j0)) : 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");
@@ -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,
@@ -13951,10 +13936,10 @@ export {
   Ai as Progress,
   Ti as ProgressBar,
   ji as Radio,
-  dv as ReusableFormModal,
+  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
 };