@stlhorizon/vue-ui 3.15.20 → 3.15.21

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as ka, computed as b, watch as ge, h as ue, createBlock as q, openBlock as s, unref as Y, normalizeClass as v, ref as U, createElementBlock as i, toDisplayString as w, createCommentVNode as p, renderSlot as R, resolveDynamicComponent as $e, createVNode as I, mergeProps as ht, createElementVNode as o, useId as $a, createTextVNode as ne, withCtx as W, normalizeStyle as fe, onMounted as Ce, onUnmounted as Te, Teleport as bt, withDirectives as Ne, withKeys as na, withModifiers as ye, vModelText as at, Fragment as Q, renderList as Z, nextTick as mt, Transition as ve, onBeforeUnmount as Cn, reactive as Nr, resolveComponent as be, markRaw as Sn, TransitionGroup as Rr, provide as _r, inject as zn, vShow as An, getCurrentInstance as Ur, createStaticVNode as qr } from "vue";
+import { defineComponent as ka, computed as b, watch as ge, h as ue, createBlock as q, openBlock as s, unref as W, normalizeClass as v, ref as U, createElementBlock as i, toDisplayString as w, createCommentVNode as p, renderSlot as R, resolveDynamicComponent as $e, createVNode as I, mergeProps as ht, createElementVNode as o, useId as $a, createTextVNode as ne, withCtx as Y, normalizeStyle as fe, onMounted as Ce, onUnmounted as Te, Teleport as bt, withDirectives as Ne, withKeys as na, withModifiers as ye, vModelText as at, Fragment as Q, renderList as Z, nextTick as mt, Transition as ve, onBeforeUnmount as Cn, reactive as Nr, resolveComponent as be, markRaw as Sn, TransitionGroup as Rr, provide as _r, inject as zn, vShow as An, getCurrentInstance as Ur, createStaticVNode as qr } from "vue";
 import { cva as G } from "class-variance-authority";
 import { clsx as Hr } from "clsx";
 function M(...e) {
@@ -14,10 +14,10 @@ function ra(e, a) {
   for (var t = 0, n = Array(a); t < a; t++) n[t] = e[t];
   return n;
 }
-function Yr(e) {
+function Wr(e) {
   if (Array.isArray(e)) return e;
 }
-function Wr(e) {
+function Yr(e) {
   if (Array.isArray(e)) return ra(e);
 }
 function Gr(e, a) {
@@ -81,7 +81,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
   };
 }
-function oe(e, a, t) {
+function ie(e, a, t) {
   return (a = Vn(a)) in e ? Object.defineProperty(e, a, {
     value: t,
     enumerable: !0,
@@ -101,8 +101,8 @@ function Jr(e, a) {
         if (Object(t) !== t) return;
         f = !1;
       } else for (; !(f = (n = l.call(t)).done) && (d.push(n.value), d.length !== a); f = !0) ;
-    } catch (S) {
-      x = !0, r = S;
+    } catch (C) {
+      x = !0, r = C;
     } finally {
       try {
         if (!f && t.return != null && (u = t.return(), Object(u) !== u)) return;
@@ -135,7 +135,7 @@ function K(e) {
   for (var a = 1; a < arguments.length; a++) {
     var t = arguments[a] != null ? arguments[a] : {};
     a % 2 ? _a(Object(t), !0).forEach(function(n) {
-      oe(e, n, t[n]);
+      ie(e, n, t[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : _a(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
@@ -143,10 +143,10 @@ function K(e) {
   return e;
 }
 function It(e, a) {
-  return Yr(e) || Jr(e, a) || Ca(e, a) || Zr();
+  return Wr(e) || Jr(e, a) || Ca(e, a) || Zr();
 }
 function Pe(e) {
-  return Wr(e) || Qr(e) || Ca(e) || es();
+  return Yr(e) || Qr(e) || Ca(e) || es();
 }
 function ts(e, a) {
   if (typeof e != "object" || !e) return e;
@@ -186,7 +186,7 @@ try {
   typeof window < "u" && (Sa = window), typeof document < "u" && (Bn = document), typeof MutationObserver < "u" && (Pn = MutationObserver), typeof performance < "u" && (Tn = performance);
 } catch {
 }
-var as = Sa.navigator || {}, qa = as.userAgent, Ha = qa === void 0 ? "" : qa, Re = Sa, me = Bn, Ya = Pn, Ct = Tn;
+var as = Sa.navigator || {}, qa = as.userAgent, Ha = qa === void 0 ? "" : qa, Re = Sa, me = Bn, Wa = Pn, Ct = Tn;
 Re.document;
 var De = !!me.documentElement && !!me.head && typeof me.addEventListener == "function" && typeof me.createElement == "function", jn = ~Ha.indexOf("MSIE") || ~Ha.indexOf("Trident/"), Xt, ns = /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)?[\-\ ]/, rs = /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, On = {
   classic: {
@@ -284,8 +284,8 @@ var De = !!me.documentElement && !!me.head && typeof me.addEventListener == "fun
   GROUP: "duotone-group",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, Mn = ["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"], xe = "classic", pt = "duotone", In = "sharp", Fn = "sharp-duotone", Ln = "chisel", Dn = "etch", En = "jelly", Nn = "jelly-duo", Rn = "jelly-fill", _n = "notdog", Un = "notdog-duo", qn = "slab", Hn = "slab-press", Yn = "thumbprint", Wn = "whiteboard", ls = "Classic", os = "Duotone", is = "Sharp", us = "Sharp Duotone", ds = "Chisel", cs = "Etch", fs = "Jelly", ms = "Jelly Duo", gs = "Jelly Fill", vs = "Notdog", hs = "Notdog Duo", bs = "Slab", ps = "Slab Press", ys = "Thumbprint", xs = "Whiteboard", Gn = [xe, pt, In, Fn, Ln, Dn, En, Nn, Rn, _n, Un, qn, Hn, Yn, Wn];
-Xt = {}, oe(oe(oe(oe(oe(oe(oe(oe(oe(oe(Xt, xe, ls), pt, os), In, is), Fn, us), Ln, ds), Dn, cs), En, fs), Nn, ms), Rn, gs), _n, vs), oe(oe(oe(oe(oe(Xt, Un, hs), qn, bs), Hn, ps), Yn, ys), Wn, xs);
+}, Mn = ["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"], xe = "classic", pt = "duotone", In = "sharp", Fn = "sharp-duotone", Ln = "chisel", Dn = "etch", En = "jelly", Nn = "jelly-duo", Rn = "jelly-fill", _n = "notdog", Un = "notdog-duo", qn = "slab", Hn = "slab-press", Wn = "thumbprint", Yn = "whiteboard", ls = "Classic", os = "Duotone", is = "Sharp", us = "Sharp Duotone", ds = "Chisel", cs = "Etch", fs = "Jelly", ms = "Jelly Duo", gs = "Jelly Fill", vs = "Notdog", hs = "Notdog Duo", bs = "Slab", ps = "Slab Press", ys = "Thumbprint", xs = "Whiteboard", Gn = [xe, pt, In, Fn, Ln, Dn, En, Nn, Rn, _n, Un, qn, Hn, Wn, Yn];
+Xt = {}, ie(ie(ie(ie(ie(ie(ie(ie(ie(ie(Xt, xe, ls), pt, os), In, is), Fn, us), Ln, ds), Dn, cs), En, fs), Nn, ms), Rn, gs), _n, vs), ie(ie(ie(ie(ie(Xt, Un, hs), qn, bs), Hn, ps), Wn, ys), Yn, xs);
 var ws = {
   classic: {
     900: "fas",
@@ -575,7 +575,7 @@ var ws = {
   whiteboard: {
     semibold: "fawsb"
   }
-}, Kn = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], Wa = {
+}, Kn = ["fak", "fa-kit", "fakd", "fa-kit-duotone"], Ya = {
   kit: {
     fak: "kit",
     "fa-kit": "kit"
@@ -585,7 +585,7 @@ var ws = {
     "fa-kit-duotone": "kit-duotone"
   }
 }, Ss = ["kit"], zs = "kit", As = "kit-duotone", Vs = "Kit", Bs = "Kit Duotone";
-oe(oe({}, zs, Vs), As, Bs);
+ie(ie({}, zs, Vs), As, Bs);
 var Ps = {
   kit: {
     "fa-kit": "fak"
@@ -615,10 +615,10 @@ var Ps = {
   SWAP_OPACITY: "swap-opacity",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, Os = ["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"], Ms = "classic", Is = "duotone", Fs = "sharp", Ls = "sharp-duotone", Ds = "chisel", Es = "etch", Ns = "jelly", Rs = "jelly-duo", _s = "jelly-fill", Us = "notdog", qs = "notdog-duo", Hs = "slab", Ys = "slab-press", Ws = "thumbprint", Gs = "whiteboard", Ks = "Classic", Xs = "Duotone", Qs = "Sharp", Js = "Sharp Duotone", Zs = "Chisel", el = "Etch", tl = "Jelly", al = "Jelly Duo", nl = "Jelly Fill", rl = "Notdog", sl = "Notdog Duo", ll = "Slab", ol = "Slab Press", il = "Thumbprint", ul = "Whiteboard";
-Qt = {}, oe(oe(oe(oe(oe(oe(oe(oe(oe(oe(Qt, Ms, Ks), Is, Xs), Fs, Qs), Ls, Js), Ds, Zs), Es, el), Ns, tl), Rs, al), _s, nl), Us, rl), oe(oe(oe(oe(oe(Qt, qs, sl), Hs, ll), Ys, ol), Ws, il), Gs, ul);
+}, Os = ["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"], Ms = "classic", Is = "duotone", Fs = "sharp", Ls = "sharp-duotone", Ds = "chisel", Es = "etch", Ns = "jelly", Rs = "jelly-duo", _s = "jelly-fill", Us = "notdog", qs = "notdog-duo", Hs = "slab", Ws = "slab-press", Ys = "thumbprint", Gs = "whiteboard", Ks = "Classic", Xs = "Duotone", Qs = "Sharp", Js = "Sharp Duotone", Zs = "Chisel", el = "Etch", tl = "Jelly", al = "Jelly Duo", nl = "Jelly Fill", rl = "Notdog", sl = "Notdog Duo", ll = "Slab", ol = "Slab Press", il = "Thumbprint", ul = "Whiteboard";
+Qt = {}, ie(ie(ie(ie(ie(ie(ie(ie(ie(ie(Qt, Ms, Ks), Is, Xs), Fs, Qs), Ls, Js), Ds, Zs), Es, el), Ns, tl), Rs, al), _s, nl), Us, rl), ie(ie(ie(ie(ie(Qt, qs, sl), Hs, ll), Ws, ol), Ys, il), Gs, ul);
 var dl = "kit", cl = "kit-duotone", fl = "Kit", ml = "Kit Duotone";
-oe(oe({}, dl, fl), cl, ml);
+ie(ie({}, dl, fl), cl, ml);
 var gl = {
   classic: {
     "fa-brands": "fab",
@@ -792,7 +792,7 @@ function yt(e) {
 var ar = K({}, On);
 ar[xe] = K(K(K(K({}, {
   "fa-duotone": "duotone"
-}), On[xe]), Wa.kit), Wa["kit-duotone"]);
+}), On[xe]), Ya.kit), Ya["kit-duotone"]);
 var Sl = yt(ar), ia = K({}, Cs);
 ia[xe] = K(K(K(K({}, {
   duotone: "fad"
@@ -1546,10 +1546,10 @@ function Za(e, a, t) {
     };
 }
 var ea = function(a, t, n, r) {
-  var l = Object.keys(a), u = l.length, d = t, f, x, S;
-  for (n === void 0 ? (f = 1, S = a[l[0]]) : (f = 0, S = n); f < u; f++)
-    x = l[f], S = d(S, a[x], x, a);
-  return S;
+  var l = Object.keys(a), u = l.length, d = t, f, x, C;
+  for (n === void 0 ? (f = 1, C = a[l[0]]) : (f = 0, C = n); f < u; f++)
+    x = l[f], C = d(C, a[x], x, a);
+  return C;
 };
 function ur(e) {
   return Pe(e).length !== 1 ? null : e.codePointAt(0).toString(16);
@@ -1570,7 +1570,7 @@ var gt = Be.styles, Ul = Be.shims, dr = Object.keys(Va), ql = dr.reduce(function
 function Hl(e) {
   return ~Pl.indexOf(e);
 }
-function Yl(e, a) {
+function Wl(e, a) {
   var t = a.split("-"), n = t[0], r = t.slice(1).join("-");
   return n === e && r !== "" && !Hl(r) ? r : null;
 }
@@ -1632,7 +1632,7 @@ hr();
 function ja(e, a) {
   return (cr[e] || {})[a];
 }
-function Wl(e, a) {
+function Yl(e, a) {
   return (fr[e] || {})[a];
 }
 function qe(e, a) {
@@ -1684,7 +1684,7 @@ function Lt(e) {
 function Xl(e) {
   var a = [], t = null;
   return e.forEach(function(n) {
-    var r = Yl(se.cssPrefix, n);
+    var r = Wl(se.cssPrefix, n);
     r ? t = r : n && a.push(n);
   }), {
     iconName: t,
@@ -1704,8 +1704,8 @@ function Dt(e) {
     return !an.includes(P);
   })), d = l.filter(function(P) {
     return r = P, !Mn.includes(P);
-  }), f = It(d, 1), x = f[0], S = x === void 0 ? null : x, B = Kl(l), L = K(K({}, Xl(u)), {}, {
-    prefix: Lt(S, {
+  }), f = It(d, 1), x = f[0], C = x === void 0 ? null : x, B = Kl(l), L = K(K({}, Xl(u)), {}, {
+    prefix: Lt(C, {
       family: B
     })
   });
@@ -1739,8 +1739,8 @@ var Jl = Gn.filter(function(e) {
   return Object.keys(sa[e]);
 }).flat();
 function eo(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, u = e.styles, d = u === void 0 ? {} : u, f = e.config, x = f === void 0 ? {} : f, S = t === pt, B = a.includes("fa-duotone") || a.includes("fad"), L = x.familyDefault === "duotone", P = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!S && (B || L || P) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Jl.includes(t)) {
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, u = e.styles, d = u === void 0 ? {} : u, f = e.config, x = f === void 0 ? {} : f, C = t === pt, B = a.includes("fa-duotone") || a.includes("fad"), L = x.familyDefault === "duotone", P = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!C && (B || L || P) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Jl.includes(t)) {
     var T = Object.keys(d).find(function(m) {
       return Zl.includes(m);
     });
@@ -1779,8 +1779,8 @@ var to = /* @__PURE__ */ (function() {
         0: n
       } : n;
       return Object.keys(r).map(function(l) {
-        var u = r[l], d = u.prefix, f = u.iconName, x = u.icon, S = x[2];
-        t[d] || (t[d] = {}), S.length > 0 && S.forEach(function(B) {
+        var u = r[l], d = u.prefix, f = u.iconName, x = u.icon, C = x[2];
+        t[d] || (t[d] = {}), C.length > 0 && C.forEach(function(B) {
           typeof B == "string" && (t[d][B] = x);
         }), t[d][f] = x;
       }), t;
@@ -1814,7 +1814,7 @@ function fa(e, a) {
     a = u.apply(null, [a].concat(n));
   }), a;
 }
-function Ye(e) {
+function We(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 = et[e] || [];
@@ -1833,18 +1833,18 @@ function ma(e) {
     return a = qe(t, a) || a, Za(yr.definitions, t, a) || Za(Be.styles, t, a);
 }
 var yr = new to(), ro = function() {
-  se.autoReplaceSvg = !1, se.observeMutations = !1, Ye("noAuto");
+  se.autoReplaceSvg = !1, se.observeMutations = !1, We("noAuto");
 }, so = {
   i2svg: function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return De ? (Ye("beforeI2svg", a), Ue("pseudoElements2svg", a), Ue("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
+    return De ? (We("beforeI2svg", a), Ue("pseudoElements2svg", a), Ue("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
   },
   watch: function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = a.autoReplaceSvgRoot;
     se.autoReplaceSvg === !1 && (se.autoReplaceSvg = !0), se.observeMutations = !0, _l(function() {
       oo({
         autoReplaceSvgRoot: t
-      }), Ye("watch", a);
+      }), We("watch", a);
     });
   }
 }, lo = {
@@ -1952,7 +1952,7 @@ function co(e) {
   });
 }
 function Oa(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, u = e.transform, d = e.symbol, f = e.maskId, x = e.extra, S = e.watchable, B = S === void 0 ? !1 : S, L = n.found ? n : t, P = L.width, T = L.height, g = [se.replacementClass, l ? "".concat(se.cssPrefix, "-").concat(l) : ""].filter(function(V) {
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, u = e.transform, d = e.symbol, f = e.maskId, x = e.extra, C = e.watchable, B = C === void 0 ? !1 : C, L = n.found ? n : t, P = L.width, T = L.height, g = [se.replacementClass, l ? "".concat(se.cssPrefix, "-").concat(l) : ""].filter(function(V) {
     return x.classes.indexOf(V) === -1;
   }).filter(function(V) {
     return V !== "" || !!V;
@@ -1996,8 +1996,8 @@ function rn(e) {
     width: t,
     height: n
   }), x["-webkit-transform"] = x.transform);
-  var S = Ft(x);
-  S.length > 0 && (f.style = S);
+  var C = Ft(x);
+  C.length > 0 && (f.style = C);
   var B = [];
   return B.push({
     tag: "span",
@@ -2191,16 +2191,16 @@ function ba() {
 }
 var Tt = null;
 function un(e) {
-  if (Ya && se.observeMutations) {
+  if (Wa && se.observeMutations) {
     var a = e.treeCallback, t = a === void 0 ? At : a, n = e.nodeCallback, r = n === void 0 ? At : n, l = e.pseudoElementsCallback, u = l === void 0 ? At : l, d = e.observeMutationsRoot, f = d === void 0 ? me : d;
-    Tt = new Ya(function(x) {
+    Tt = new Wa(function(x) {
       if (!Ia) {
-        var S = _e();
+        var C = _e();
         rt(x).forEach(function(B) {
           if (B.type === "childList" && B.addedNodes.length > 0 && !ln(B.addedNodes[0]) && (se.searchPseudoElements && u(B.target), t(B.target)), B.type === "attributes" && B.target.parentNode && se.searchPseudoElements && u([B.target], !0), B.type === "attributes" && ln(B.target) && ~Bl.indexOf(B.attributeName))
             if (B.attributeName === "class" && ho(B.target)) {
               var L = Dt(Ba(B.target)), P = L.prefix, T = L.iconName;
-              B.target.setAttribute(za, P || S), T && B.target.setAttribute(Aa, T);
+              B.target.setAttribute(za, P || C), T && B.target.setAttribute(Aa, T);
             } else bo(B.target) && r(B.target);
         });
       }
@@ -2224,7 +2224,7 @@ function $o(e) {
 }
 function Co(e) {
   var a = e.getAttribute("data-prefix"), t = e.getAttribute("data-icon"), n = e.innerText !== void 0 ? e.innerText.trim() : "", r = Dt(Ba(e));
-  return r.prefix || (r.prefix = _e()), a && t && (r.prefix = a, r.iconName = t), r.iconName && r.prefix || (r.prefix && n.length > 0 && (r.iconName = Wl(r.prefix, e.innerText) || ja(r.prefix, ur(e.innerText))), !r.iconName && se.autoFetchSvg && e.firstChild && e.firstChild.nodeType === Node.TEXT_NODE && (r.iconName = e.firstChild.data)), r;
+  return r.prefix || (r.prefix = _e()), a && t && (r.prefix = a, r.iconName = t), r.iconName && r.prefix || (r.prefix && n.length > 0 && (r.iconName = Yl(r.prefix, e.innerText) || ja(r.prefix, ur(e.innerText))), !r.iconName && se.autoFetchSvg && e.firstChild && e.firstChild.nodeType === Node.TEXT_NODE && (r.iconName = e.firstChild.data)), r;
 }
 function So(e) {
   var a = rt(e.attributes).reduce(function(t, n) {
@@ -2292,8 +2292,8 @@ function cn(e) {
     return t.remove("".concat(Ka, "-").concat(B));
   }, l = se.autoFetchSvg ? Vo() : Mn.concat(Object.keys(Ao));
   l.includes("fa") || l.push("fa");
-  var u = [".".concat(nr, ":not([").concat(He, "])")].concat(l.map(function(S) {
-    return ".".concat(S, ":not([").concat(He, "])");
+  var u = [".".concat(nr, ":not([").concat(He, "])")].concat(l.map(function(C) {
+    return ".".concat(C, ":not([").concat(He, "])");
   })).join(", ");
   if (u.length === 0)
     return Promise.resolve();
@@ -2306,19 +2306,19 @@ function cn(e) {
     n("pending"), r("complete");
   else
     return Promise.resolve();
-  var f = Ma.begin("onTree"), x = d.reduce(function(S, B) {
+  var f = Ma.begin("onTree"), x = d.reduce(function(C, B) {
     try {
       var L = Cr(B);
-      L && S.push(L);
+      L && C.push(L);
     } catch (P) {
       tr || P.name === "MissingIcon" && console.error(P);
     }
-    return S;
+    return C;
   }, []);
-  return new Promise(function(S, B) {
+  return new Promise(function(C, B) {
     Promise.all(x).then(function(L) {
       kr(L, function() {
-        n("active"), n("complete"), r("pending"), typeof a == "function" && a(), f(), S();
+        n("active"), n("complete"), r("pending"), typeof a == "function" && a(), f(), C();
       });
     }).catch(function(L) {
       f(), B(L);
@@ -2340,13 +2340,13 @@ function Po(e) {
   };
 }
 var To = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? Oe : n, l = t.symbol, u = l === void 0 ? !1 : l, d = t.mask, f = d === void 0 ? null : d, x = t.maskId, S = x === void 0 ? null : x, B = t.classes, L = B === void 0 ? [] : B, P = t.attributes, T = P === void 0 ? {} : P, g = t.styles, m = g === void 0 ? {} : g;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? Oe : n, l = t.symbol, u = l === void 0 ? !1 : l, d = t.mask, f = d === void 0 ? null : d, x = t.maskId, C = x === void 0 ? null : x, B = t.classes, L = B === void 0 ? [] : B, P = t.attributes, T = P === void 0 ? {} : P, g = t.styles, m = g === void 0 ? {} : g;
   if (a) {
     var c = a.prefix, y = a.iconName, $ = a.icon;
     return Et(K({
       type: "icon"
     }, a), function() {
-      return Ye("beforeDOMElementCreation", {
+      return We("beforeDOMElementCreation", {
         iconDefinition: a,
         params: t
       }), Oa({
@@ -2363,7 +2363,7 @@ var To = function(a) {
         iconName: y,
         transform: K(K({}, Oe), r),
         symbol: u,
-        maskId: S,
+        maskId: C,
         extra: {
           attributes: T,
           styles: m,
@@ -2391,7 +2391,7 @@ var To = function(a) {
       } : l;
       return cn(r, u);
     }, a.generateSvgReplacementMutation = function(t, n) {
-      var r = n.iconName, l = n.prefix, u = n.transform, d = n.symbol, f = n.mask, x = n.maskId, S = n.extra;
+      var r = n.iconName, l = n.prefix, u = n.transform, d = n.symbol, f = n.mask, x = n.maskId, C = n.extra;
       return new Promise(function(B, L) {
         Promise.all([va(r, l), f.iconName ? va(f.iconName, f.prefix) : Promise.resolve({
           found: !1,
@@ -2410,7 +2410,7 @@ var To = function(a) {
             transform: u,
             symbol: d,
             maskId: x,
-            extra: S,
+            extra: C,
             watchable: !0
           })]);
         }).catch(L);
@@ -2438,7 +2438,7 @@ var To = function(a) {
         return Et({
           type: "layer"
         }, function() {
-          Ye("beforeDOMElementCreation", {
+          We("beforeDOMElementCreation", {
             assembler: t,
             params: n
           });
@@ -2469,7 +2469,7 @@ var To = function(a) {
           type: "counter",
           content: t
         }, function() {
-          return Ye("beforeDOMElementCreation", {
+          return We("beforeDOMElementCreation", {
             content: t,
             params: n
           }), fo({
@@ -2488,12 +2488,12 @@ var To = function(a) {
   mixout: function() {
     return {
       text: function(t) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, l = r === void 0 ? Oe : r, u = n.classes, d = u === void 0 ? [] : u, f = n.attributes, x = f === void 0 ? {} : f, S = n.styles, B = S === void 0 ? {} : S;
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, l = r === void 0 ? Oe : r, u = n.classes, d = u === void 0 ? [] : u, f = n.attributes, x = f === void 0 ? {} : f, C = n.styles, B = C === void 0 ? {} : C;
         return Et({
           type: "text",
           content: t
         }, function() {
-          return Ye("beforeDOMElementCreation", {
+          return We("beforeDOMElementCreation", {
             content: t,
             params: n
           }), rn({
@@ -2556,11 +2556,11 @@ function gn(e, a) {
       return n();
     var l = rt(e.children), u = l.filter(function(h) {
       return h.getAttribute(oa) === a;
-    })[0], d = Re.getComputedStyle(e, a), f = d.getPropertyValue("font-family"), x = f.match(Al), S = d.getPropertyValue("font-weight"), B = d.getPropertyValue("content");
+    })[0], d = Re.getComputedStyle(e, a), f = d.getPropertyValue("font-family"), x = f.match(Al), C = d.getPropertyValue("font-weight"), B = d.getPropertyValue("content");
     if (u && !x)
       return e.removeChild(u), n();
     if (x && B !== "none" && B !== "") {
-      var L = d.getPropertyValue("content"), P = Eo(f, S), T = Lo(L), g = x[0].startsWith("FontAwesome"), m = Do(d), c = ja(P, T), y = c;
+      var L = d.getPropertyValue("content"), P = Eo(f, C), T = Lo(L), g = x[0].startsWith("FontAwesome"), m = Do(d), c = ja(P, T), y = c;
       if (g) {
         var $ = Gl(T);
         $.iconName && $.prefix && (c = $.iconName, P = $.prefix);
@@ -2569,7 +2569,7 @@ function gn(e, a) {
         e.setAttribute(t, y), u && e.removeChild(u);
         var j = zo(), V = j.extra;
         V.attributes[oa] = a, va(c, P).then(function(h) {
-          var z = Oa(K(K({}, j), {}, {
+          var S = Oa(K(K({}, j), {}, {
             icons: {
               main: h,
               mask: pr()
@@ -2579,7 +2579,7 @@ function gn(e, a) {
             extra: V,
             watchable: !0
           })), k = me.createElementNS("http://www.w3.org/2000/svg", "svg");
-          a === "::before" ? e.insertBefore(k, e.firstChild) : e.appendChild(k), k.outerHTML = z.map(function(H) {
+          a === "::before" ? e.insertBefore(k, e.firstChild) : e.appendChild(k), k.outerHTML = S.map(function(H) {
             return xt(H);
           }).join(`
 `), e.removeAttribute(t), n();
@@ -2645,7 +2645,7 @@ function vn(e) {
             var d = zt(u.cssRules), f;
             try {
               for (d.s(); !(f = d.n()).done; ) {
-                var x = f.value, S = Uo(x.selectorText), B = zt(S), L;
+                var x = f.value, C = Uo(x.selectorText), B = zt(C), L;
                 try {
                   for (B.s(); !(L = B.n()).done; ) {
                     var P = L.value;
@@ -2771,7 +2771,7 @@ var qo = {
     }
     return n;
   }, t);
-}, Yo = {
+}, Wo = {
   mixout: function() {
     return {
       parse: {
@@ -2793,8 +2793,8 @@ var qo = {
     a.generateAbstractTransformGrouping = function(t) {
       var n = t.main, r = t.transform, l = t.containerWidth, u = t.iconWidth, d = {
         transform: "translate(".concat(l / 2, " 256)")
-      }, f = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), x = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), S = "rotate(".concat(r.rotate, " 0 0)"), B = {
-        transform: "".concat(f, " ").concat(x, " ").concat(S)
+      }, f = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), x = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), C = "rotate(".concat(r.rotate, " 0 0)"), B = {
+        transform: "".concat(f, " ").concat(x, " ").concat(C)
       }, L = {
         transform: "translate(".concat(u / 2 * -1, " -256)")
       }, P = {
@@ -2827,7 +2827,7 @@ function pn(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
   return e.attributes && (e.attributes.fill || a) && (e.attributes.fill = "black"), e;
 }
-function Wo(e) {
+function Yo(e) {
   return e.tag === "g" ? e.children : [e];
 }
 var Go = {
@@ -2843,7 +2843,7 @@ var Go = {
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, r = t.attributes, l = t.main, u = t.mask, d = t.maskId, f = t.transform, x = l.width, S = l.icon, B = u.width, L = u.icon, P = Dl({
+      var n = t.children, r = t.attributes, l = t.main, u = t.mask, d = t.maskId, f = t.transform, x = l.width, C = l.icon, B = u.width, L = u.icon, P = Dl({
         transform: f,
         containerWidth: B,
         iconWidth: x
@@ -2852,14 +2852,14 @@ var Go = {
         attributes: K(K({}, aa), {}, {
           fill: "white"
         })
-      }, g = S.children ? {
-        children: S.children.map(pn)
+      }, g = C.children ? {
+        children: C.children.map(pn)
       } : {}, m = {
         tag: "g",
         attributes: K({}, P.inner),
         children: [pn(K({
-          tag: S.tag,
-          attributes: K(K({}, S.attributes), P.path)
+          tag: C.tag,
+          attributes: K(K({}, C.attributes), P.path)
         }, g))]
       }, c = {
         tag: "g",
@@ -2880,7 +2880,7 @@ var Go = {
           attributes: {
             id: $
           },
-          children: Wo(L)
+          children: Yo(L)
         }, j]
       };
       return n.push(V, {
@@ -2977,7 +2977,7 @@ var Go = {
       }
     };
   }
-}, Qo = [Rl, jo, Oo, Mo, Io, qo, Ho, Yo, Go, Ko, Xo];
+}, Qo = [Rl, jo, Oo, Mo, Io, qo, Ho, Wo, Go, Ko, Xo];
 no(Qo, {
   mixoutsTo: ze
 });
@@ -3115,13 +3115,13 @@ var ui = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       if (!x(y) || B(y) || L(y) || P(y) || f(y))
         return y;
       var j, V = 0, h = 0;
-      if (S(y))
+      if (C(y))
         for (j = [], h = y.length; V < h; V++)
           j.push(t(c, y[V], $));
       else {
         j = {};
-        for (var z in y)
-          Object.prototype.hasOwnProperty.call(y, z) && (j[c(z, $)] = t(c, y[z], $));
+        for (var S in y)
+          Object.prototype.hasOwnProperty.call(y, S) && (j[c(S, $)] = t(c, y[S], $));
       }
       return j;
     }, n = function(c, y) {
@@ -3141,7 +3141,7 @@ var ui = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return typeof c == "function";
     }, x = function(c) {
       return c === Object(c);
-    }, S = function(c) {
+    }, C = function(c) {
       return d.call(c) == "[object Array]";
     }, B = function(c) {
       return d.call(c) == "[object Date]";
@@ -3200,16 +3200,16 @@ function Fa(e) {
   var n = (e.children || []).map(function(f) {
     return Fa(f);
   }), r = Object.keys(e.attributes || {}).reduce(function(f, x) {
-    var S = e.attributes[x];
+    var C = e.attributes[x];
     switch (x) {
       case "class":
-        f.class = mi(S);
+        f.class = mi(C);
         break;
       case "style":
-        f.style = fi(S);
+        f.style = fi(C);
         break;
       default:
-        f.attrs[x] = S;
+        f.attrs[x] = C;
     }
     return f;
   }, {
@@ -3396,14 +3396,14 @@ var vi = ka({
     }), d = b(function() {
       return dt("mask", xn(a.mask));
     }), f = b(function() {
-      var S = Ve(Ve(Ve(Ve({}, l.value), u.value), d.value), {}, {
+      var C = Ve(Ve(Ve(Ve({}, l.value), u.value), d.value), {}, {
         symbol: a.symbol,
         maskId: a.maskId
       });
-      return S.title = a.title, S.titleId = a.titleId, Jo(r.value, S);
+      return C.title = a.title, C.titleId = a.titleId, Jo(r.value, C);
     });
-    ge(f, function(S) {
-      if (!S)
+    ge(f, function(C) {
+      if (!C)
         return gi("Could not find one or more icon(s)", r.value, d.value);
     }, {
       immediate: !0
@@ -3464,8 +3464,8 @@ ka({
     }), u = b(function() {
       return dt("transform", typeof a.transform == "string" ? jt.transform(a.transform) : a.transform);
     }), d = b(function() {
-      var x = Zo(a.value.toString(), Ve(Ve({}, u.value), l.value)), S = x.abstract;
-      return a.counter && (S[0].attributes.class = S[0].attributes.class.replace("fa-layers-text", "")), S[0];
+      var x = Zo(a.value.toString(), Ve(Ve({}, u.value), l.value)), C = x.abstract;
+      return a.counter && (C[0].attributes.class = C[0].attributes.class.replace("fa-layers-text", "")), C[0];
     }), f = b(function() {
       return Fa(d.value, {}, n);
     });
@@ -3507,7 +3507,7 @@ const ae = {
       n.value,
       "inline-block"
     ]);
-    return (l, u) => (s(), q(Y(vi), {
+    return (l, u) => (s(), q(W(vi), {
       icon: [e.prefix, e.icon],
       size: t.value,
       class: v(r.value),
@@ -3575,7 +3575,7 @@ const ae = {
     ), f = () => {
       t.value = !0;
     };
-    return (x, S) => (s(), i("div", {
+    return (x, C) => (s(), i("div", {
       class: v(r.value)
     }, [
       e.src ? (s(), i("img", {
@@ -3675,7 +3675,7 @@ const ae = {
       lg: "w-5 h-5"
     }[t.size]]);
     return (d, f) => (s(), i("span", {
-      class: v(Y(M)(Y(l)({ variant: e.variant, size: e.size, shape: e.shape }), d.$attrs.class))
+      class: v(W(M)(W(l)({ variant: e.variant, size: e.size, shape: e.shape }), d.$attrs.class))
     }, [
       e.icon ? (s(), q($e(e.icon), {
         key: 0,
@@ -3812,7 +3812,7 @@ const ae = {
       "icon-lg": "h-6 w-6"
     })[a.size] || "h-4 w-4");
     return (l, u) => (s(), i("button", ht({
-      class: Y(M)(Y(t)({ variant: e.variant, size: e.size }), l.$attrs.class),
+      class: W(M)(W(t)({ variant: e.variant, size: e.size }), l.$attrs.class),
       disabled: e.disabled || e.loading,
       "aria-disabled": e.disabled || e.loading,
       "aria-busy": e.loading
@@ -3945,7 +3945,7 @@ const ae = {
       } else
         l("update:modelValue", y);
       l("change", y);
-    }, S = () => {
+    }, C = () => {
       !r.disabled && u.value && u.value.click();
     }, B = b(() => {
       if (r.error) return `${d.value}-error`;
@@ -4002,7 +4002,7 @@ const ae = {
         }, null, 42, $i),
         o("div", {
           class: v(T.value),
-          onClick: S
+          onClick: C
         }, [
           f.value && !e.indeterminate ? (s(), q(t, {
             key: 0,
@@ -4120,7 +4120,7 @@ const ae = {
       }
     }), n = b(() => a.spacing ? a.spacing : "");
     return (r, l) => (s(), i("div", {
-      class: v(Y(M)(Y(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
+      class: v(W(M)(W(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
     }, [
       e.label && e.orientation === "horizontal" ? (s(), i("span", zi, w(e.label), 1)) : p("", !0)
     ], 2));
@@ -4269,7 +4269,7 @@ const ae = {
       )
     ), x = b(
       () => "absolute inset-0 flex items-center justify-center bg-muted"
-    ), S = b(
+    ), C = b(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
     ), B = (P) => {
       r.value = !1, l.value = !1, n("load", P);
@@ -4298,7 +4298,7 @@ const ae = {
       ], 2)) : p("", !0),
       l.value ? (s(), i("div", {
         key: 1,
-        class: v(S.value)
+        class: v(C.value)
       }, [
         I(ae, {
           name: "ImageOff",
@@ -4389,7 +4389,7 @@ const ae = {
       r("blur", y);
     }, x = (y) => {
       r("focus", y);
-    }, S = (y) => {
+    }, C = (y) => {
       r("keydown", y);
     }, B = () => {
       r("update:modelValue", ""), r("clear"), l.value?.focus();
@@ -4447,7 +4447,7 @@ const ae = {
         onInput: d,
         onBlur: f,
         onFocus: x,
-        onKeydown: S
+        onKeydown: C
       }, null, 42, Mi),
       e.iconRight || e.clearable ? (s(), i("div", Ii, [
         e.clearable && e.modelValue && !e.disabled ? (s(), i("button", {
@@ -4594,10 +4594,10 @@ const ae = {
       to: n.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: v(Y(M)(Y(l)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), f.$attrs.class)),
+      class: v(W(M)(W(l)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), f.$attrs.class)),
       onClick: u
     }, {
-      default: W(() => [
+      default: Y(() => [
         e.icon && e.iconPosition === "left" ? (s(), q(ae, {
           key: 0,
           name: e.icon,
@@ -4767,10 +4767,10 @@ const ae = {
       }
     );
     return (l, u) => (s(), i("div", {
-      class: v(Y(M)(Y(n)({ size: e.size }), l.$attrs.class))
+      class: v(W(M)(W(n)({ size: e.size }), l.$attrs.class))
     }, [
       o("div", {
-        class: v(Y(M)(Y(r)({ variant: e.variant }))),
+        class: v(W(M)(W(r)({ variant: e.variant }))),
         style: fe({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -4854,7 +4854,7 @@ const ae = {
       }, w(t.value) + "% ", 3)) : p("", !0)
     ], 2));
   }
-}, Yi = ["width", "height", "viewBox"], Wi = ["cx", "cy", "r", "stroke", "stroke-width"], Gi = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap"], Ki = {
+}, Wi = ["width", "height", "viewBox"], Yi = ["cx", "cy", "r", "stroke", "stroke-width"], Gi = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap"], Ki = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, Tr = {
@@ -4912,7 +4912,7 @@ const ae = {
       md: 5,
       lg: 6,
       xl: 7
-    })[a.size] || 5), d = b(() => l.value / 2), f = b(() => d.value - u.value / 2), x = b(() => 2 * Math.PI * f.value), S = b(() => x.value - r.value / 100 * x.value), B = b(() => {
+    })[a.size] || 5), d = b(() => l.value / 2), f = b(() => d.value - u.value / 2), x = b(() => 2 * Math.PI * f.value), C = b(() => x.value - r.value / 100 * x.value), B = b(() => {
       if (a.dynamicColor) {
         const g = r.value;
         return g >= 80 ? "#ef4444" : g >= 60 ? "#f59e0b" : g >= 40 ? "#eab308" : g >= 20 ? "#22c55e" : "#6b7280";
@@ -4938,7 +4938,7 @@ const ae = {
       return T[a.variant] || T.default;
     });
     return (T, g) => (s(), i("div", {
-      class: v(Y(M)("relative inline-flex items-center justify-center", T.$attrs.class))
+      class: v(W(M)("relative inline-flex items-center justify-center", T.$attrs.class))
     }, [
       (s(), i("svg", {
         width: l.value,
@@ -4953,7 +4953,7 @@ const ae = {
           stroke: L.value,
           "stroke-width": u.value,
           fill: "none"
-        }, null, 8, Wi),
+        }, null, 8, Yi),
         o("circle", {
           cx: d.value,
           cy: d.value,
@@ -4962,14 +4962,14 @@ const ae = {
           "stroke-width": u.value,
           fill: "none",
           "stroke-dasharray": x.value,
-          "stroke-dashoffset": S.value,
+          "stroke-dashoffset": C.value,
           "stroke-linecap": e.strokeLinecap,
           class: "transition-all duration-300 ease-in-out"
         }, null, 8, Gi)
-      ], 8, Yi)),
+      ], 8, Wi)),
       e.showValue ? (s(), i("div", Ki, [
         o("span", {
-          class: v(Y(M)("text-xs font-medium", P.value))
+          class: v(W(M)("text-xs font-medium", P.value))
         }, w(e.showRawValue ? t.value.toFixed(2) : Math.round(r.value) + "%"), 3)
       ])) : p("", !0)
     ], 2));
@@ -5027,7 +5027,7 @@ const ae = {
     ), x = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (S, B) => (s(), i("div", Xi, [
+    return (C, B) => (s(), i("div", Xi, [
       o("button", {
         type: "button",
         role: "radio",
@@ -5112,7 +5112,7 @@ const ae = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = U(!1), l = U(""), u = U(null), d = U(null), f = U(null), x = U([...t.options]), S = U({}), B = b(() => t.options.find((V) => V.value === t.modelValue)), L = G(
+    const t = e, n = a, r = U(!1), l = U(""), u = U(null), d = U(null), f = U(null), x = U([...t.options]), C = U({}), B = b(() => t.options.find((V) => V.value === t.modelValue)), L = G(
       "border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent",
       {
         variants: {
@@ -5131,7 +5131,7 @@ const ae = {
     ), T = () => {
       if (!d.value) return;
       const V = d.value.getBoundingClientRect();
-      S.value = {
+      C.value = {
         position: "fixed",
         top: `${V.bottom + 4}px`,
         left: `${V.left}px`,
@@ -5162,8 +5162,8 @@ const ae = {
       V.key === "Escape" ? (r.value = !1, l.value = "", x.value = [...t.options]) : V.key === "Enter" && t.allowCreate && l.value.trim() && x.value.length === 0 && (V.preventDefault(), c(V));
     }, j = (V) => {
       if (!d.value) return;
-      const h = V.target, z = f.value && f.value.contains(h), k = d.value.contains(h);
-      !z && !k && (r.value = !1, l.value = "", x.value = [...t.options]);
+      const h = V.target, S = f.value && f.value.contains(h), k = d.value.contains(h);
+      !S && !k && (r.value = !1, l.value = "", x.value = [...t.options]);
     };
     return Ce(() => {
       document.addEventListener("click", j), window.addEventListener("scroll", T, !0), window.addEventListener("resize", T);
@@ -5182,7 +5182,7 @@ const ae = {
       required: e.required,
       class: P.value
     }, V.$attrs, {
-      onChange: h[0] || (h[0] = (z) => V.$emit("update:modelValue", z.target.value))
+      onChange: h[0] || (h[0] = (S) => V.$emit("update:modelValue", S.target.value))
     }), [
       R(V.$slots, "default")
     ], 16, Zi)) : (s(), i("div", eu, [
@@ -5218,7 +5218,7 @@ const ae = {
           key: 0,
           ref_key: "dropdownRef",
           ref: f,
-          style: fe(S.value),
+          style: fe(C.value),
           "data-select-dropdown": "",
           class: "bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none"
         }, [
@@ -5226,7 +5226,7 @@ const ae = {
             Ne(o("input", {
               ref_key: "searchInput",
               ref: u,
-              "onUpdate:modelValue": h[1] || (h[1] = (z) => l.value = z),
+              "onUpdate:modelValue": h[1] || (h[1] = (S) => l.value = S),
               type: "text",
               placeholder: "Search options...",
               class: "w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500",
@@ -5240,14 +5240,14 @@ const ae = {
             ])
           ]),
           x.value.length > 0 ? (s(), i("div", lu, [
-            (s(!0), i(Q, null, Z(x.value, (z) => (s(), i("button", {
-              key: z.value,
+            (s(!0), i(Q, null, Z(x.value, (S) => (s(), i("button", {
+              key: S.value,
               type: "button",
-              class: v(["cursor-pointer select-none relative py-2 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50 text-blue-900": e.modelValue === z.value }]),
-              onClick: ye((k) => m(z.value), ["stop"])
+              class: v(["cursor-pointer select-none relative py-2 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50 text-blue-900": e.modelValue === S.value }]),
+              onClick: ye((k) => m(S.value), ["stop"])
             }, [
-              o("span", iu, w(z.label), 1),
-              e.modelValue === z.value ? (s(), i("span", uu, [...h[4] || (h[4] = [
+              o("span", iu, w(S.label), 1),
+              e.modelValue === S.value ? (s(), i("span", uu, [...h[4] || (h[4] = [
                 o("svg", {
                   class: "h-5 w-5",
                   fill: "currentColor",
@@ -5366,7 +5366,7 @@ const ae = {
     ), f = () => {
       t.disabled || n("update:modelValue", !t.modelValue);
     };
-    return (x, S) => (s(), i("button", {
+    return (x, C) => (s(), i("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -5450,7 +5450,7 @@ const ae = {
     return (r, l) => (s(), q($e(e.as), {
       class: v(n.value)
     }, {
-      default: W(() => [
+      default: Y(() => [
         R(r.$slots, "default")
       ]),
       _: 3
@@ -5489,7 +5489,7 @@ const ae = {
   setup(e, { expose: a, emit: t }) {
     const n = e, r = t, l = U(null), u = b(() => n.id || $a()), d = (m) => {
       r("update:modelValue", m.target.value), n.autoResize && mt(() => g());
-    }, f = (m) => r("blur", m), x = (m) => r("focus", m), S = (m) => r("keydown", m), B = b(() => !!n.error || n.variant === "error"), L = b(
+    }, f = (m) => r("blur", m), x = (m) => r("focus", m), C = (m) => r("keydown", m), B = b(() => !!n.error || n.variant === "error"), L = b(
       () => n.error ? `${u.value}-error` : void 0
     ), P = G(
       "block w-full rounded-lg border transition-colors duration-200 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
@@ -5548,7 +5548,7 @@ const ae = {
       onInput: d,
       onBlur: f,
       onFocus: x,
-      onKeydown: S
+      onKeydown: C
     }, null, 42, vu));
   }
 }, jr = {
@@ -5598,7 +5598,7 @@ const ae = {
       }
     ), x = b(
       () => M(d({ placement: a.placement }), a.class)
-    ), S = b(
+    ), C = b(
       () => f({ placement: a.placement })
     ), B = () => {
       if (!n.value || !r.value) return;
@@ -5648,7 +5648,7 @@ const ae = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: W(() => [
+          default: Y(() => [
             t.value ? (s(), i("div", {
               key: 0,
               ref_key: "tooltipRef",
@@ -5659,7 +5659,7 @@ const ae = {
             }, [
               ne(w(e.content) + " ", 1),
               o("div", {
-                class: v(S.value)
+                class: v(C.value)
               }, null, 2)
             ], 6)) : p("", !0)
           ]),
@@ -5883,7 +5883,7 @@ const ae = {
       wide: "tracking-wide",
       wider: "tracking-wider",
       widest: "tracking-widest"
-    }[a.tracking] : ""), S = b(() => a.shadow ? {
+    }[a.tracking] : ""), C = b(() => a.shadow ? {
       sm: "drop-shadow-sm",
       md: "drop-shadow-md",
       lg: "drop-shadow-lg",
@@ -5905,7 +5905,7 @@ const ae = {
       d.value,
       f.value,
       x.value,
-      S.value,
+      C.value,
       B.value,
       L.value,
       P.value,
@@ -5923,7 +5923,7 @@ const ae = {
       class: g.value,
       style: T.value
     }, m.$attrs), {
-      default: W(() => [
+      default: Y(() => [
         R(m.$slots, "default"),
         e.required ? (s(), i("span", hu, "*")) : p("", !0)
       ]),
@@ -6016,7 +6016,7 @@ const ae = {
           })
         ]);
       }
-    }, S = {
+    }, C = {
       render() {
         return ue("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -6052,9 +6052,9 @@ const ae = {
       info: d,
       success: f,
       warning: x,
-      error: S,
+      error: C,
       default: d,
-      danger: S
+      danger: C
     })[t.variant]), P = G(
       "relative w-full rounded-lg border p-4 flex items-start gap-3",
       {
@@ -6093,10 +6093,10 @@ const ae = {
       "leave-from-class": "opacity-100 scale-100",
       "leave-to-class": "opacity-0 scale-95"
     }, {
-      default: W(() => [
+      default: Y(() => [
         r.value ? (s(), i("div", {
           key: 0,
-          class: v(Y(M)(Y(P)({ variant: e.variant }), m.$attrs.class)),
+          class: v(W(M)(W(P)({ variant: e.variant }), m.$attrs.class)),
           role: "alert"
         }, [
           o("div", bu, [
@@ -6122,7 +6122,7 @@ const ae = {
                     size: y.size || "sm",
                     onClick: ($) => u(y)
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       ne(w(y.label), 1)
                     ]),
                     _: 2
@@ -6194,7 +6194,7 @@ const ae = {
             ]),
             "aria-current": d === e.items.length - 1 ? "page" : void 0
           }, {
-            default: W(() => [
+            default: Y(() => [
               ne(w(u.label), 1)
             ]),
             _: 2
@@ -6409,7 +6409,7 @@ const ae = {
           false: ""
         }
       }
-    }), S = G("", {
+    }), C = G("", {
       variants: {
         padding: {
           none: "p-4",
@@ -6467,7 +6467,7 @@ const ae = {
       ]
     });
     return (P, T) => (s(), q($e(e.as), {
-      class: v(Y(M)(Y(f)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading, bordered: e.bordered }))),
+      class: v(W(M)(W(f)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading, bordered: e.bordered }))),
       disabled: e.disabled || e.loading,
       "aria-busy": e.loading,
       "aria-disabled": e.disabled,
@@ -6479,22 +6479,22 @@ const ae = {
         na(ye(l, ["prevent"]), ["space"])
       ]
     }, {
-      default: W(() => [
+      default: Y(() => [
         e.loading ? (s(), i("div", Bu, [...T[0] || (T[0] = [
           o("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-slate-900" }, null, -1)
         ])])) : p("", !0),
         P.$slots.header || e.title || e.subtitle || P.$slots.actions ? (s(), i("div", {
           key: 1,
-          class: v(Y(M)(Y(x)({ padding: e.padding, hasBorder: !!(P.$slots.default || P.$slots.footer) })))
+          class: v(W(M)(W(x)({ padding: e.padding, hasBorder: !!(P.$slots.default || P.$slots.footer) })))
         }, [
           R(P.$slots, "header", {}, () => [
             o("div", Pu, [
               o("div", Tu, [
                 e.title ? (s(), q($e(e.titleTag), {
                   key: 0,
-                  class: v(Y(M)(Lu, u.value))
+                  class: v(W(M)(Lu, u.value))
                 }, {
-                  default: W(() => [
+                  default: Y(() => [
                     ne(w(e.title), 1)
                   ]),
                   _: 1
@@ -6512,27 +6512,27 @@ const ae = {
         ], 2)) : p("", !0),
         P.$slots.image || e.image ? (s(), i("div", {
           key: 2,
-          class: v(Y(M)(Y(L)({ padding: e.padding, hasHeader: !!(P.$slots.header || e.title) })))
+          class: v(W(M)(W(L)({ padding: e.padding, hasHeader: !!(P.$slots.header || e.title) })))
         }, [
           R(P.$slots, "image", {}, () => [
             e.image ? (s(), i("img", {
               key: 0,
               src: e.image,
               alt: e.imageAlt,
-              class: v(Y(M)(Fu, d.value)),
+              class: v(W(M)(Fu, d.value)),
               loading: e.imageLazy ? "lazy" : "eager"
             }, null, 10, Ou)) : p("", !0)
           ])
         ], 2)) : p("", !0),
         P.$slots.default ? (s(), i("div", {
           key: 3,
-          class: v(Y(M)(Y(S)({ padding: e.padding })))
+          class: v(W(M)(W(C)({ padding: e.padding })))
         }, [
           R(P.$slots, "default")
         ], 2)) : p("", !0),
         P.$slots.footer ? (s(), i("div", {
           key: 4,
-          class: v(Y(M)(Y(B)({ padding: e.padding })))
+          class: v(W(M)(W(B)({ padding: e.padding })))
         }, [
           R(P.$slots, "footer")
         ], 2)) : p("", !0),
@@ -6596,13 +6596,13 @@ const ae = {
       }
     );
     return (n, r) => (s(), i("header", {
-      class: v(Y(M)(
-        Y(a)({ size: e.size }),
+      class: v(W(M)(
+        W(a)({ size: e.size }),
         n.$attrs.class
       ))
     }, [
       o("div", {
-        class: v(Y(M)(Y(t)({ alignment: e.alignment }), "flex flex-col"))
+        class: v(W(M)(W(t)({ alignment: e.alignment }), "flex flex-col"))
       }, [
         e.title || n.$slots.title ? (s(), i("h2", Nu, [
           R(n.$slots, "title", {}, () => [
@@ -6674,24 +6674,24 @@ const ae = {
       R(r.$slots, "default")
     ], 2));
   }
-}, Yu = /* @__PURE__ */ Object.assign({
+}, Wu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
   setup(e) {
     return (a, t) => (s(), i("div", {
-      class: v(Y(M)("p-6 pt-0", a.$attrs.class))
+      class: v(W(M)("p-6 pt-0", a.$attrs.class))
     }, [
       R(a.$slots, "default")
     ], 2));
   }
-}), Wu = /* @__PURE__ */ Object.assign({
+}), Yu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
   setup(e) {
     return (a, t) => (s(), i("h3", {
-      class: v(Y(M)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
+      class: v(W(M)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
     }, [
       R(a.$slots, "default")
     ], 2));
@@ -6732,52 +6732,52 @@ const ae = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = U(!1), l = /* @__PURE__ */ new Date(), u = U(l.getMonth()), d = U(l.getFullYear()), f = U(null), x = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], S = b(
+    const t = e, n = a, r = U(!1), l = /* @__PURE__ */ new Date(), u = U(l.getMonth()), d = U(l.getFullYear()), f = U(null), x = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], C = b(
       () => new Date(d.value, u.value).toLocaleString("default", {
         month: "long"
       })
     ), B = b(() => new Date(d.value, u.value + 1, 0).getDate()), L = b(() => new Date(d.value, u.value, 1).getDay()), P = b(() => {
-      const C = new Date(d.value, u.value, 0).getDate(), N = L.value;
-      return Array.from({ length: N }, (te, ie) => C - N + ie + 1);
+      const A = new Date(d.value, u.value, 0).getDate(), N = L.value;
+      return Array.from({ length: N }, (ee, oe) => A - N + oe + 1);
     }), T = b(() => {
-      const C = P.value.length + B.value, N = C % 7 === 0 ? 0 : 7 - C % 7;
-      return Array.from({ length: N }, (te, ie) => ie + 1);
+      const A = P.value.length + B.value, N = A % 7 === 0 ? 0 : 7 - A % 7;
+      return Array.from({ length: N }, (ee, oe) => oe + 1);
     }), g = b(() => f.value ? m(f.value) : "");
-    function m(C) {
-      if (!C) return "";
-      const N = new Date(C), te = String(N.getMonth() + 1).padStart(2, "0"), ie = String(N.getDate()).padStart(2, "0"), le = N.getFullYear();
-      return t.format.replace("MM", te).replace("DD", ie).replace("YYYY", le);
+    function m(A) {
+      if (!A) return "";
+      const N = new Date(A), ee = String(N.getMonth() + 1).padStart(2, "0"), oe = String(N.getDate()).padStart(2, "0"), le = N.getFullYear();
+      return t.format.replace("MM", ee).replace("DD", oe).replace("YYYY", le);
     }
-    function c(C) {
-      if (!C) return null;
-      if (C instanceof Date) return C;
-      if (typeof C == "string") {
-        const te = C.split("-");
-        if (te.length === 3) {
-          const ie = parseInt(te[0], 10), le = parseInt(te[1], 10) - 1, Se = parseInt(te[2], 10);
-          return new Date(ie, le, Se);
+    function c(A) {
+      if (!A) return null;
+      if (A instanceof Date) return A;
+      if (typeof A == "string") {
+        const ee = A.split("-");
+        if (ee.length === 3) {
+          const oe = parseInt(ee[0], 10), le = parseInt(ee[1], 10) - 1, Se = parseInt(ee[2], 10);
+          return new Date(oe, le, Se);
         }
       }
-      const N = new Date(C);
+      const N = new Date(A);
       return isNaN(N.getTime()) ? null : N;
     }
-    function y(C) {
-      return l.getDate() === C && l.getMonth() === u.value && l.getFullYear() === d.value;
+    function y(A) {
+      return l.getDate() === A && l.getMonth() === u.value && l.getFullYear() === d.value;
     }
-    function $(C) {
+    function $(A) {
       if (!f.value) return !1;
       const N = new Date(f.value);
-      return N.getDate() === C && N.getMonth() === u.value && N.getFullYear() === d.value;
+      return N.getDate() === A && N.getMonth() === u.value && N.getFullYear() === d.value;
     }
-    function j(C) {
-      const N = new Date(d.value, u.value, C);
+    function j(A) {
+      const N = new Date(d.value, u.value, A);
       if (t.min) {
-        const te = c(t.min);
-        if (te && N < te) return !0;
+        const ee = c(t.min);
+        if (ee && N < ee) return !0;
       }
       if (t.max) {
-        const te = c(t.max);
-        if (te && N > te) return !0;
+        const ee = c(t.max);
+        if (ee && N > ee) return !0;
       }
       return !1;
     }
@@ -6787,42 +6787,42 @@ const ae = {
     function h() {
       r.value = !1;
     }
-    function z() {
+    function S() {
       u.value === 0 ? (u.value = 11, d.value--) : u.value--;
     }
     function k() {
       u.value === 11 ? (u.value = 0, d.value++) : u.value++;
     }
-    function H(C) {
-      if (j(C)) return;
-      const N = new Date(d.value, u.value, C);
+    function H(A) {
+      if (j(A)) return;
+      const N = new Date(d.value, u.value, A);
       f.value = N;
-      const te = N.getFullYear(), ie = String(N.getMonth() + 1).padStart(2, "0"), le = String(N.getDate()).padStart(2, "0"), Se = `${te}-${ie}-${le}`;
+      const ee = N.getFullYear(), oe = String(N.getMonth() + 1).padStart(2, "0"), le = String(N.getDate()).padStart(2, "0"), Se = `${ee}-${oe}-${le}`;
       n("update:modelValue", Se), setTimeout(() => {
         r.value = !1;
       }, 150);
     }
-    function A() {
+    function z() {
       u.value = l.getMonth(), d.value = l.getFullYear(), H(l.getDate());
     }
     function O() {
       f.value = null, n("update:modelValue", "");
     }
-    ge(() => t.modelValue, (C) => {
-      if (C) {
-        const N = c(C);
+    ge(() => t.modelValue, (A) => {
+      if (A) {
+        const N = c(A);
         N && (f.value = N, u.value = N.getMonth(), d.value = N.getFullYear());
       } else
         f.value = null;
     }, { immediate: !0 });
-    function F(C) {
-      C.key === "Escape" && r.value && h();
+    function F(A) {
+      A.key === "Escape" && r.value && h();
     }
     return Ce(() => {
       document.addEventListener("keydown", F);
     }), Cn(() => {
       document.removeEventListener("keydown", F);
-    }), (C, N) => (s(), i("div", Gu, [
+    }), (A, N) => (s(), i("div", Gu, [
       o("div", Ku, [
         o("input", {
           id: e.id,
@@ -6881,7 +6881,7 @@ const ae = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: W(() => [
+        default: Y(() => [
           r.value ? (s(), i("div", {
             key: 0,
             class: v(["absolute z-[9999] mb-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
@@ -6893,7 +6893,7 @@ const ae = {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
                 "aria-label": "Previous Month",
-                onClick: z
+                onClick: S
               }, [...N[3] || (N[3] = [
                 o("svg", {
                   class: "w-5 h-5 text-slate-700",
@@ -6909,7 +6909,7 @@ const ae = {
                   })
                 ], -1)
               ])]),
-              o("div", Ju, w(S.value) + " " + w(d.value), 1),
+              o("div", Ju, w(C.value) + " " + w(d.value), 1),
               o("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
@@ -6932,38 +6932,38 @@ const ae = {
               ])])
             ]),
             o("div", Zu, [
-              (s(), i(Q, null, Z(x, (te) => o("div", {
-                key: te,
+              (s(), i(Q, null, Z(x, (ee) => o("div", {
+                key: ee,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
-              }, w(te), 1)), 64))
+              }, w(ee), 1)), 64))
             ]),
             o("div", ed, [
-              (s(!0), i(Q, null, Z(P.value, (te, ie) => (s(), i("div", {
-                key: "prev-" + ie,
+              (s(!0), i(Q, null, Z(P.value, (ee, oe) => (s(), i("div", {
+                key: "prev-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, w(te), 1))), 128)),
-              (s(!0), i(Q, null, Z(B.value, (te) => (s(), i("button", {
-                key: te,
+              }, w(ee), 1))), 128)),
+              (s(!0), i(Q, null, Z(B.value, (ee) => (s(), i("button", {
+                key: ee,
                 type: "button",
-                disabled: j(te),
+                disabled: j(ee),
                 class: v([
                   "w-9 h-9 rounded-lg text-sm font-medium transition-colors",
-                  y(te) && !$(te) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
-                  $(te) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
-                  j(te) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
+                  y(ee) && !$(ee) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
+                  $(ee) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
+                  j(ee) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
                 ]),
-                onClick: (ie) => H(te)
-              }, w(te), 11, td))), 128)),
-              (s(!0), i(Q, null, Z(T.value, (te, ie) => (s(), i("div", {
-                key: "next-" + ie,
+                onClick: (oe) => H(ee)
+              }, w(ee), 11, td))), 128)),
+              (s(!0), i(Q, null, Z(T.value, (ee, oe) => (s(), i("div", {
+                key: "next-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, w(te), 1))), 128))
+              }, w(ee), 1))), 128))
             ]),
             e.showToday ? (s(), i("div", ad, [
               o("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
-                onClick: A
+                onClick: z
               }, " Today ")
             ])) : p("", !0)
           ], 2)) : p("", !0)
@@ -7025,14 +7025,14 @@ const ae = {
       () => M(l({ placement: a.placement }))
     ), f = () => {
       t.value = !t.value;
-    }, x = (S) => {
-      n.value && !n.value.contains(S.target) && (t.value = !1);
+    }, x = (C) => {
+      n.value && !n.value.contains(C.target) && (t.value = !1);
     };
     return Ce(() => {
       document.addEventListener("click", x);
     }), Te(() => {
       document.removeEventListener("click", x);
-    }), (S, B) => (s(), i("div", {
+    }), (C, B) => (s(), i("div", {
       ref_key: "dropdownRef",
       ref: n,
       class: "relative"
@@ -7043,7 +7043,7 @@ const ae = {
         "aria-haspopup": !0,
         onClick: f
       }, [
-        R(S.$slots, "trigger", {}, () => [
+        R(C.$slots, "trigger", {}, () => [
           o("span", null, w(e.triggerText), 1),
           I(ae, {
             name: "chevron-down",
@@ -7059,14 +7059,14 @@ const ae = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: W(() => [
+        default: Y(() => [
           t.value ? (s(), i("div", {
             key: 0,
             class: v(d.value),
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            R(S.$slots, "default")
+            R(C.$slots, "default")
           ], 2)) : p("", !0)
         ]),
         _: 3
@@ -7113,7 +7113,7 @@ const ae = {
       role: "menuitem",
       onClick: u
     }, {
-      default: W(() => [
+      default: Y(() => [
         e.icon ? (s(), q(ae, {
           key: 0,
           name: e.icon,
@@ -7165,7 +7165,7 @@ const ae = {
           "border-green-600 bg-green-100 ring-4 ring-green-200 ring-opacity-50 shadow-lg": r.value.length > 0 && l.value
         }
       )
-    ), S = ($) => {
+    ), C = ($) => {
       $.preventDefault(), l.value = !1;
       const j = Array.from($.dataTransfer.files);
       m(j);
@@ -7187,8 +7187,8 @@ const ae = {
         uploading: !0
       }));
       d.value.push(...V), V.forEach((h) => {
-        const z = 2e3 + Math.random() * 2e3, k = 50, A = 100 / (z / k), O = setInterval(() => {
-          h.progress += A, h.progress >= 100 && (h.progress = 100, h.uploading = !1, clearInterval(O), t.multiple ? r.value.push(h.file) : r.value = [h.file], d.value.splice(d.value.indexOf(h), 1), n("files-selected", r.value));
+        const S = 2e3 + Math.random() * 2e3, k = 50, z = 100 / (S / k), O = setInterval(() => {
+          h.progress += z, h.progress >= 100 && (h.progress = 100, h.uploading = !1, clearInterval(O), t.multiple ? r.value.push(h.file) : r.value = [h.file], d.value.splice(d.value.indexOf(h), 1), n("files-selected", r.value));
         }, k);
       });
     }, c = ($) => {
@@ -7202,7 +7202,7 @@ const ae = {
       !r.value.length || e.multiple ? (s(), i("div", {
         key: 0,
         class: v(x.value),
-        onDrop: S,
+        onDrop: C,
         onDragover: B,
         onDragenter: L,
         onDragleave: P,
@@ -7274,7 +7274,7 @@ const ae = {
           ]),
           o("button", {
             class: "text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-full p-1 transition-colors",
-            onClick: (z) => c(h)
+            onClick: (S) => c(h)
           }, [
             I(ae, {
               icon: "x",
@@ -7315,7 +7315,7 @@ const ae = {
     }, x = b(() => {
       const g = [];
       return t.error ? g.push(`${l.value}-error`) : t.helpText && g.push(`${l.value}-help`), g.length > 0 ? g.join(" ") : void 0;
-    }), S = G("", {
+    }), C = G("", {
       variants: {
         size: {
           sm: "space-y-1",
@@ -7368,19 +7368,19 @@ const ae = {
     return (g, m) => {
       const c = be("font-awesome-icon");
       return s(), i("div", {
-        class: v(Y(M)(Y(S)({ size: e.size }), g.$attrs.class))
+        class: v(W(M)(W(C)({ size: e.size }), g.$attrs.class))
       }, [
         e.label ? (s(), i("label", {
           key: 0,
           for: l.value,
-          class: v(Y(M)(Y(B)({ size: e.size })))
+          class: v(W(M)(W(B)({ size: e.size })))
         }, [
           ne(w(e.label) + " ", 1),
           e.required ? (s(), i("span", zd, "*")) : p("", !0)
         ], 10, Sd)) : p("", !0),
         e.description ? (s(), i("p", {
           key: 1,
-          class: v(Y(M)(Y(L)({ size: e.size })))
+          class: v(W(M)(W(L)({ size: e.size })))
         }, w(e.description), 3)) : p("", !0),
         o("div", Ad, [
           e.type === "date" ? (s(), q(Nt, {
@@ -7420,11 +7420,11 @@ const ae = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: W(() => [
+          default: Y(() => [
             u.value ? (s(), i("div", {
               key: 0,
               id: `${l.value}-error`,
-              class: v(Y(M)(Y(P)({ size: e.size, intent: "error" }))),
+              class: v(W(M)(W(P)({ size: e.size, intent: "error" }))),
               role: "alert",
               "aria-live": "polite"
             }, [
@@ -7440,7 +7440,7 @@ const ae = {
         e.helpText && !u.value ? (s(), i("p", {
           key: 2,
           id: `${l.value}-help`,
-          class: v(Y(M)(Y(T)({ size: e.size })))
+          class: v(W(M)(W(T)({ size: e.size })))
         }, w(e.helpText), 11, Pd)) : p("", !0),
         I(ve, {
           "enter-active-class": "transition-all duration-200",
@@ -7450,10 +7450,10 @@ const ae = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: W(() => [
+          default: Y(() => [
             e.success && !u.value ? (s(), i("div", {
               key: 0,
-              class: v(Y(M)(Y(P)({ size: e.size, intent: "success" })))
+              class: v(W(M)(W(P)({ size: e.size, intent: "success" })))
             }, [
               I(c, {
                 icon: "check",
@@ -7554,7 +7554,7 @@ const ae = {
     ), f = (x) => {
       n("click", x);
     };
-    return (x, S) => (s(), i("li", {
+    return (x, C) => (s(), i("li", {
       class: v(u.value),
       role: e.role
     }, [
@@ -7563,7 +7563,7 @@ const ae = {
         class: v(d.value),
         onClick: f
       }, {
-        default: W(() => [
+        default: Y(() => [
           x.$slots.icon || e.icon ? (s(), i("div", Id, [
             R(x.$slots, "icon", {}, () => [
               e.icon ? (s(), q(ae, {
@@ -7627,7 +7627,7 @@ const ae = {
       role: "menuitem",
       onClick: u
     }, {
-      default: W(() => [
+      default: Y(() => [
         e.icon ? (s(), q(ae, {
           key: 0,
           name: e.icon,
@@ -7736,14 +7736,14 @@ const ae = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: W(() => [
+        default: Y(() => [
           e.modelValue ? (s(), i("div", {
             key: 0,
             class: v(["fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center", { "pointer-events-none": e.resizable }]),
             onClick: u
           }, [
             o("div", {
-              class: v(Y(M)(Y(t)({ size: e.size }), e.height, n.class, e.resizable ? "resize overflow-hidden pointer-events-auto relative" : "")),
+              class: v(W(M)(W(t)({ size: e.size }), e.height, n.class, e.resizable ? "resize overflow-hidden pointer-events-auto relative" : "")),
               style: fe(e.resizable ? "min-width: 400px; min-height: 200px; resize: both;" : "")
             }, [
               e.showClose ? (s(), i("button", {
@@ -7772,7 +7772,7 @@ const ae = {
 }, Hd = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Yd = {
+}, Wd = {
   __name: "ModalHeader",
   props: {
     title: String,
@@ -7785,7 +7785,7 @@ const ae = {
       R(a.$slots, "default")
     ]));
   }
-}, Wd = {
+}, Yd = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -7897,7 +7897,7 @@ const ae = {
       }
     }), f = b(
       () => M(l({ variant: t.variant }), "p-4")
-    ), x = b(() => u[t.variant]), S = b(() => d({ variant: t.variant })), B = () => {
+    ), x = b(() => u[t.variant]), C = b(() => d({ variant: t.variant })), B = () => {
       r.value = !1, n("dismiss");
     };
     return Ce(() => {
@@ -7912,7 +7912,7 @@ const ae = {
       "leave-from-class": "transform translate-x-0 opacity-100",
       "leave-to-class": "transform translate-x-full opacity-0"
     }, {
-      default: W(() => [
+      default: Y(() => [
         r.value ? (s(), i("div", {
           key: 0,
           class: v(f.value),
@@ -7923,7 +7923,7 @@ const ae = {
             e.showIcon ? (s(), i("div", Qd, [
               I(ae, {
                 name: x.value,
-                class: v(S.value)
+                class: v(C.value)
               }, null, 8, ["name", "class"])
             ])) : p("", !0),
             o("div", Jd, [
@@ -8109,13 +8109,13 @@ const ac = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, S = (T) => T.icon || f[T.variant] || f.default, B = (T) => {
+    }, C = (T) => T.icon || f[T.variant] || f.default, B = (T) => {
       const g = x[T.variant] || x.default;
       return T.variant === "loading" ? `${g} animate-spin` : g;
     }, L = (T) => T.icon !== !1, P = (T) => T.dismissible !== !1 && (T.closeButton || a.closeButton || T.dismissible);
     return (T, g) => (s(), q(bt, { to: "body" }, [
       o("div", {
-        class: v(Y(M)(
+        class: v(W(M)(
           l.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
@@ -8131,8 +8131,8 @@ const ac = {
           tag: "div",
           class: "space-y-2"
         }, {
-          default: W(() => [
-            (s(!0), i(Q, null, Z(Y(t), (m) => (s(), i("div", {
+          default: Y(() => [
+            (s(!0), i(Q, null, Z(W(t), (m) => (s(), i("div", {
               key: m.id,
               class: v([d(m), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
@@ -8140,7 +8140,7 @@ const ac = {
             }, [
               L(m) ? (s(), q(ae, {
                 key: 0,
-                icon: S(m),
+                icon: C(m),
                 class: v([B(m), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : p("", !0),
               o("div", lc, [
@@ -8160,7 +8160,7 @@ const ac = {
               P(m) ? (s(), i("button", {
                 key: 2,
                 class: "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
-                onClick: (c) => Y(n)(m.id)
+                onClick: (c) => W(n)(m.id)
               }, [
                 I(ae, {
                   icon: "x",
@@ -8277,41 +8277,41 @@ const ac = {
           })
         ]);
       }
-    }, l = e, u = a, d = U(null), f = U(null), x = U(!1), S = U(-1), B = U(null), L = (A) => {
-      const O = A.target.value;
+    }, l = e, u = a, d = U(null), f = U(null), x = U(!1), C = U(-1), B = U(null), L = (z) => {
+      const O = z.target.value;
       u("update:modelValue", O), B.value && clearTimeout(B.value), B.value = setTimeout(() => {
         O.length >= l.minLength ? (u("search", O), x.value = !0) : x.value = !1;
       }, l.debounce);
-    }, P = (A) => {
-      u("focus", A), l.modelValue.length >= l.minLength && (x.value = !0);
-    }, T = (A) => {
-      u("blur", A), setTimeout(() => {
-        x.value = !1, S.value = -1;
+    }, P = (z) => {
+      u("focus", z), l.modelValue.length >= l.minLength && (x.value = !0);
+    }, T = (z) => {
+      u("blur", z), setTimeout(() => {
+        x.value = !1, C.value = -1;
       }, 150);
     }, g = () => {
       u("update:modelValue", ""), u("clear"), x.value = !1, f.value?.focus();
-    }, m = (A) => {
-      u("select", A), x.value = !1, S.value = -1;
-    }, c = (A) => {
+    }, m = (z) => {
+      u("select", z), x.value = !1, C.value = -1;
+    }, c = (z) => {
       if (!(!x.value || l.results.length === 0))
-        switch (A.key) {
+        switch (z.key) {
           case "ArrowDown":
-            A.preventDefault(), S.value = Math.min(S.value + 1, l.results.length - 1);
+            z.preventDefault(), C.value = Math.min(C.value + 1, l.results.length - 1);
             break;
           case "ArrowUp":
-            A.preventDefault(), S.value = Math.max(S.value - 1, -1);
+            z.preventDefault(), C.value = Math.max(C.value - 1, -1);
             break;
           case "Enter":
-            A.preventDefault(), S.value >= 0 && m(l.results[S.value]);
+            z.preventDefault(), C.value >= 0 && m(l.results[C.value]);
             break;
           case "Escape":
-            A.preventDefault(), x.value = !1, S.value = -1;
+            z.preventDefault(), x.value = !1, C.value = -1;
             break;
         }
-    }, y = (A) => {
-      if (!l.highlightMatches || !l.modelValue || !A) return A;
+    }, y = (z) => {
+      if (!l.highlightMatches || !l.modelValue || !z) return z;
       const O = new RegExp(`(${l.modelValue})`, "gi");
-      return A.replace(O, "$1");
+      return z.replace(O, "$1");
     }, $ = G(
       "block w-full rounded-lg border bg-white transition-colors duration-200 placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
       {
@@ -8333,17 +8333,17 @@ const ac = {
         }
       },
       defaultVariants: { size: "md" }
-    }), V = b(() => M($({ size: l.size }))), h = b(() => M(j({ size: l.size }))), z = b(
+    }), V = b(() => M($({ size: l.size }))), h = b(() => M(j({ size: l.size }))), S = b(
       () => M("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), k = (A) => M(
+    ), k = (z) => M(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
-      { "bg-slate-50": S.value === A }
-    ), H = (A) => {
-      d.value && !d.value.contains(A.target) && (x.value = !1, S.value = -1);
+      { "bg-slate-50": C.value === z }
+    ), H = (z) => {
+      d.value && !d.value.contains(z.target) && (x.value = !1, C.value = -1);
     };
     return Ce(() => document.addEventListener("click", H)), Te(() => {
       document.removeEventListener("click", H), B.value && clearTimeout(B.value);
-    }), ge(() => l.results, () => S.value = -1), (A, O) => (s(), i("div", {
+    }), ge(() => l.results, () => C.value = -1), (z, O) => (s(), i("div", {
       ref_key: "searchRef",
       ref: d,
       class: "relative"
@@ -8387,17 +8387,17 @@ const ac = {
         "leave-from-class": "opacity-100 scale-100 translate-y-0",
         "leave-to-class": "opacity-0 scale-95 translate-y-1"
       }, {
-        default: W(() => [
+        default: Y(() => [
           x.value && (e.results.length > 0 || e.showNoResults) ? (s(), i("div", {
             key: 0,
-            class: v(z.value)
+            class: v(S.value)
           }, [
             e.results.length > 0 ? (s(), i("div", yc, [
-              (s(!0), i(Q, null, Z(e.results, (F, C) => (s(), i("button", {
-                key: F.id || C,
-                class: v(k(C)),
+              (s(!0), i(Q, null, Z(e.results, (F, A) => (s(), i("button", {
+                key: F.id || A,
+                class: v(k(A)),
                 onClick: (N) => m(F),
-                onMouseenter: (N) => S.value = C
+                onMouseenter: (N) => C.value = A
               }, [
                 F.icon ? (s(), q($e(F.icon), {
                   key: 0,
@@ -8410,8 +8410,8 @@ const ac = {
                 F.category ? (s(), i("div", Cc, w(F.category), 1)) : p("", !0)
               ], 42, xc))), 128))
             ])) : e.showNoResults ? (s(), i("div", Sc, w(e.noResultsText), 1)) : p("", !0),
-            A.$slots.footer ? (s(), i("div", zc, [
-              R(A.$slots, "footer")
+            z.$slots.footer ? (s(), i("div", zc, [
+              R(z.$slots, "footer")
             ])) : p("", !0)
           ], 2)) : p("", !0)
         ]),
@@ -8527,12 +8527,12 @@ const ac = {
       }
     }), (f, x) => (s(), i("div", Dc, [
       o("div", Ec, [
-        (s(!0), i(Q, null, Z(l.value, (S, B) => (s(), i("button", {
+        (s(!0), i(Q, null, Z(l.value, (C, B) => (s(), i("button", {
           id: `tab-${B}`,
           key: B,
           disabled: t.loading,
-          class: v(Y(M)(
-            Y(n)({ size: t.size, variant: t.variant }),
+          class: v(W(M)(
+            W(n)({ size: t.size, variant: t.variant }),
             r.value === B ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300",
             t.loading && "cursor-not-allowed opacity-50"
           )),
@@ -8540,7 +8540,7 @@ const ac = {
           "aria-controls": `panel-${B}`,
           role: "tab",
           onClick: (L) => !t.loading && u(B)
-        }, w(S.label), 11, Nc))), 128))
+        }, w(C.label), 11, Nc))), 128))
       ]),
       o("div", Rc, [
         R(f.$slots, "default")
@@ -8582,7 +8582,7 @@ const ac = {
       [An, r.value]
     ]);
   }
-}, Yc = ["id", "aria-expanded", "aria-controls", "onClick"], Wc = { class: "flex items-center flex-1 min-w-0" }, Gc = { key: 0 }, Kc = ["id", "aria-labelledby"], Xc = { key: 0 }, Qc = {
+}, Wc = ["id", "aria-expanded", "aria-controls", "onClick"], Yc = { class: "flex items-center flex-1 min-w-0" }, Gc = { key: 0 }, Kc = ["id", "aria-labelledby"], Xc = { key: 0 }, Qc = {
   __name: "Accordion",
   props: {
     items: {
@@ -8654,7 +8654,7 @@ const ac = {
           flush: ""
         }
       }
-    }), S = G(
+    }), C = G(
       "flex items-center justify-between w-full text-left transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       {
         variants: {
@@ -8691,7 +8691,7 @@ const ac = {
     ), T = b(
       () => M(x({ variant: n.variant }))
     ), g = (y) => M(
-      S({ variant: n.variant, size: n.size }),
+      C({ variant: n.variant, size: n.size }),
       d(y) && n.variant === "bordered" && "bg-blue-50/30 border-blue-300",
       d(y) && n.variant === "filled" && "bg-white",
       d(y) && n.variant === "default" && "bg-slate-50",
@@ -8718,7 +8718,7 @@ const ac = {
           "aria-controls": `panel-${j.id || V}`,
           onClick: (h) => u(V)
         }, [
-          o("div", Wc, [
+          o("div", Yc, [
             R(y.$slots, `header-${V}`, {
               item: j,
               index: V,
@@ -8732,7 +8732,7 @@ const ac = {
           }, [
             I(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, Yc),
+        ], 10, Wc),
         I(ve, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -8741,7 +8741,7 @@ const ac = {
           "leave-from-class": "opacity-100 max-h-[600px]",
           "leave-to-class": "opacity-0 max-h-0"
         }, {
-          default: W(() => [
+          default: Y(() => [
             d(V) ? (s(), i("div", {
               key: 0,
               id: `panel-${j.id || V}`,
@@ -8829,7 +8829,7 @@ const ac = {
       () => M(l({ variant: t.variant }))
     ), x = b(
       () => M(u({ size: t.size }))
-    ), S = b(
+    ), C = b(
       () => M(d({ size: t.size }))
     );
     return (B, L) => (s(), i("div", {
@@ -8840,10 +8840,10 @@ const ac = {
         "aria-expanded": n.value,
         onClick: r
       }, {
-        default: W(() => [
+        default: Y(() => [
           R(B.$slots, "header", { isOpen: n.value }),
           I(a, {
-            class: v(Y(M)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
+            class: v(W(M)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
@@ -8856,10 +8856,10 @@ const ac = {
         "leave-from-class": "opacity-100 max-h-96",
         "leave-to-class": "opacity-0 max-h-0"
       }, {
-        default: W(() => [
+        default: Y(() => [
           n.value ? (s(), i("div", {
             key: 0,
-            class: v(S.value)
+            class: v(C.value)
           }, [
             R(B.$slots, "content", { isOpen: n.value })
           ], 2)) : p("", !0)
@@ -8904,42 +8904,42 @@ const ac = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = U(!1), l = /* @__PURE__ */ new Date(), u = U(l.getMonth()), d = U(l.getFullYear()), f = U(null), x = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], S = b(
+    const t = e, n = a, r = U(!1), l = /* @__PURE__ */ new Date(), u = U(l.getMonth()), d = U(l.getFullYear()), f = U(null), x = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], C = b(
       () => new Date(d.value, u.value).toLocaleString("default", {
         month: "long"
       })
     ), B = b(() => new Date(d.value, u.value + 1, 0).getDate()), L = b(() => new Date(d.value, u.value, 1).getDay()), P = b(() => {
-      const F = new Date(d.value, u.value, 0).getDate(), C = L.value;
-      return Array.from({ length: C }, (N, te) => F - C + te + 1);
+      const F = new Date(d.value, u.value, 0).getDate(), A = L.value;
+      return Array.from({ length: A }, (N, ee) => F - A + ee + 1);
     }), T = b(() => {
-      const F = P.value.length + B.value, C = F % 7 === 0 ? 0 : 7 - F % 7;
-      return Array.from({ length: C }, (N, te) => te + 1);
+      const F = P.value.length + B.value, A = F % 7 === 0 ? 0 : 7 - F % 7;
+      return Array.from({ length: A }, (N, ee) => ee + 1);
     }), g = b(() => f.value ? m(f.value) : "");
     function m(F) {
       if (!F) return "";
-      const C = new Date(F), N = String(C.getMonth() + 1).padStart(2, "0"), te = String(C.getDate()).padStart(2, "0"), ie = C.getFullYear();
-      return t.format.replace("MM", N).replace("DD", te).replace("YYYY", ie);
+      const A = new Date(F), N = String(A.getMonth() + 1).padStart(2, "0"), ee = String(A.getDate()).padStart(2, "0"), oe = A.getFullYear();
+      return t.format.replace("MM", N).replace("DD", ee).replace("YYYY", oe);
     }
     function c(F) {
       if (!F) return null;
       if (F instanceof Date) return F;
-      const C = new Date(F);
-      return isNaN(C.getTime()) ? null : C;
+      const A = new Date(F);
+      return isNaN(A.getTime()) ? null : A;
     }
     function y(F) {
       if (!f.value) return !1;
-      const C = new Date(f.value);
-      return C.getDate() === F && C.getMonth() === u.value && C.getFullYear() === d.value;
+      const A = new Date(f.value);
+      return A.getDate() === F && A.getMonth() === u.value && A.getFullYear() === d.value;
     }
     function $(F) {
-      const C = new Date(d.value, u.value, F);
+      const A = new Date(d.value, u.value, F);
       if (t.min) {
         const N = c(t.min);
-        if (N && C < N) return !0;
+        if (N && A < N) return !0;
       }
       if (t.max) {
         const N = c(t.max);
-        if (N && C > N) return !0;
+        if (N && A > N) return !0;
       }
       return !1;
     }
@@ -8952,24 +8952,24 @@ const ac = {
     function h() {
       u.value === 0 ? (u.value = 11, d.value--) : u.value--;
     }
-    function z() {
+    function S() {
       u.value === 11 ? (u.value = 0, d.value++) : u.value++;
     }
     function k(F) {
       if ($(F)) return;
-      const C = new Date(d.value, u.value, F);
-      f.value = C, n("update:modelValue", C.toISOString().split("T")[0]), r.value = !1;
+      const A = new Date(d.value, u.value, F);
+      f.value = A, n("update:modelValue", A.toISOString().split("T")[0]), r.value = !1;
     }
     function H() {
       u.value = l.getMonth(), d.value = l.getFullYear(), k(l.getDate());
     }
-    function A() {
+    function z() {
       f.value = null, n("update:modelValue", "");
     }
     ge(() => t.modelValue, (F) => {
       if (F) {
-        const C = c(F);
-        C && (f.value = C, u.value = C.getMonth(), d.value = C.getFullYear());
+        const A = c(F);
+        A && (f.value = A, u.value = A.getMonth(), d.value = A.getFullYear());
       } else
         f.value = null;
     }, { immediate: !0 });
@@ -8980,7 +8980,7 @@ const ac = {
       document.addEventListener("keydown", O);
     }), Cn(() => {
       document.removeEventListener("keydown", O);
-    }), (F, C) => (s(), i("div", Zc, [
+    }), (F, A) => (s(), i("div", Zc, [
       o("div", ef, [
         o("input", {
           id: e.id,
@@ -8994,7 +8994,7 @@ const ac = {
           class: "w-full px-3 py-2 pr-10 border border-slate-300 rounded-md bg-white text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
           onClick: j
         }, null, 8, tf),
-        C[2] || (C[2] = o("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
+        A[2] || (A[2] = o("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           o("svg", {
             class: "w-5 h-5 text-slate-400",
             fill: "none",
@@ -9014,8 +9014,8 @@ const ac = {
           type: "button",
           class: "absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-slate-100 rounded",
           "aria-label": "Clear date",
-          onClick: ye(A, ["stop"])
-        }, [...C[1] || (C[1] = [
+          onClick: ye(z, ["stop"])
+        }, [...A[1] || (A[1] = [
           o("svg", {
             class: "w-4 h-4 text-slate-500",
             fill: "none",
@@ -9039,11 +9039,11 @@ const ac = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: W(() => [
+        default: Y(() => [
           r.value ? (s(), i("div", {
             key: 0,
             class: v(["absolute z-[99999] mt-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
-            onClick: C[0] || (C[0] = ye(() => {
+            onClick: A[0] || (A[0] = ye(() => {
             }, ["stop"]))
           }, [
             o("div", af, [
@@ -9052,7 +9052,7 @@ const ac = {
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Previous Month",
                 onClick: h
-              }, [...C[3] || (C[3] = [
+              }, [...A[3] || (A[3] = [
                 o("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -9067,13 +9067,13 @@ const ac = {
                   })
                 ], -1)
               ])]),
-              o("div", nf, w(S.value) + " " + w(d.value), 1),
+              o("div", nf, w(C.value) + " " + w(d.value), 1),
               o("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Next Month",
-                onClick: z
-              }, [...C[4] || (C[4] = [
+                onClick: S
+              }, [...A[4] || (A[4] = [
                 o("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -9096,8 +9096,8 @@ const ac = {
               }, w(N), 1)), 64))
             ]),
             o("div", sf, [
-              (s(!0), i(Q, null, Z(P.value, (N, te) => (s(), i("div", {
-                key: "prev-" + te,
+              (s(!0), i(Q, null, Z(P.value, (N, ee) => (s(), i("div", {
+                key: "prev-" + ee,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(N), 1))), 128)),
               (s(!0), i(Q, null, Z(B.value, (N) => (s(), i("button", {
@@ -9109,10 +9109,10 @@ const ac = {
                   y(N) ? "bg-blue-500 text-white" : "hover:bg-gray-100",
                   $(N) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
-                onClick: (te) => k(N)
+                onClick: (ee) => k(N)
               }, w(N), 11, lf))), 128)),
-              (s(!0), i(Q, null, Z(T.value, (N, te) => (s(), i("div", {
-                key: "next-" + te,
+              (s(!0), i(Q, null, Z(T.value, (N, ee) => (s(), i("div", {
+                key: "next-" + ee,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(N), 1))), 128))
             ]),
@@ -9241,11 +9241,11 @@ const ac = {
       }
     );
     return (d, f) => (s(), i("div", {
-      class: v(Y(M)(Y(a)({ variant: e.variant, padding: e.padding })))
+      class: v(W(M)(W(a)({ variant: e.variant, padding: e.padding })))
     }, [
       d.$slots.header || e.title || e.description ? (s(), i("div", {
         key: 0,
-        class: v(Y(M)(Y(t)({ padding: e.padding })))
+        class: v(W(M)(W(t)({ padding: e.padding })))
       }, [
         R(d.$slots, "header", {}, () => [
           o("div", df, [
@@ -9267,25 +9267,25 @@ const ac = {
       ], 2)) : p("", !0),
       d.$slots.filters ? (s(), i("div", {
         key: 1,
-        class: v(Y(M)(Y(n)({ padding: e.padding })))
+        class: v(W(M)(W(n)({ padding: e.padding })))
       }, [
         R(d.$slots, "filters")
       ], 2)) : p("", !0),
       d.$slots.default ? (s(), i("div", {
         key: 2,
-        class: v(Y(M)(Y(r)({ padding: e.padding })))
+        class: v(W(M)(W(r)({ padding: e.padding })))
       }, [
         R(d.$slots, "default")
       ], 2)) : p("", !0),
       d.$slots.legend ? (s(), i("div", {
         key: 3,
-        class: v(Y(M)(Y(l)({ padding: e.padding })))
+        class: v(W(M)(W(l)({ padding: e.padding })))
       }, [
         R(d.$slots, "legend")
       ], 2)) : p("", !0),
       d.$slots.footer ? (s(), i("div", {
         key: 4,
-        class: v(Y(M)(Y(u)({ padding: e.padding })))
+        class: v(W(M)(W(u)({ padding: e.padding })))
       }, [
         R(d.$slots, "footer")
       ], 2)) : p("", !0)
@@ -9363,7 +9363,7 @@ const ac = {
         m.push(j);
       }
       return m;
-    }), x = (m) => t.padding.left + m * (u.value + d.value) + d.value / 2, S = (m) => {
+    }), x = (m) => t.padding.left + m * (u.value + d.value) + d.value / 2, C = (m) => {
       const c = t.height - t.padding.top - t.padding.bottom, y = c / l.value;
       return t.padding.top + c - m * y;
     }, B = (m) => {
@@ -9430,7 +9430,7 @@ const ac = {
           (s(!0), i(Q, null, Z(e.data, (y, $) => (s(), i("rect", {
             key: `bar-${$}`,
             x: x($),
-            y: S(y),
+            y: C(y),
             width: u.value,
             height: B(y),
             fill: `url(#barGradient-${$})`,
@@ -9449,7 +9449,7 @@ const ac = {
             o("animate", {
               attributeName: "y",
               from: e.padding.top + (e.height - e.padding.top - e.padding.bottom),
-              to: S(y),
+              to: C(y),
               dur: "0.8s",
               fill: "freeze"
             }, null, 8, Sf)
@@ -9518,7 +9518,7 @@ const ac = {
       ], 4)) : p("", !0)
     ]));
   }
-}, Lf = { class: "w-full h-full" }, Df = ["width", "height", "viewBox"], Ef = { key: 0 }, Nf = ["x1", "y1", "x2", "y2", "stroke"], Rf = ["d", "stroke", "stroke-width"], _f = { key: 1 }, Uf = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], qf = ["d", "fill", "fill-opacity"], Hf = { key: 3 }, Yf = ["x", "y"], Wf = { key: 4 }, Gf = ["x", "y"], Kf = { key: 5 }, Xf = ["x", "y", "width", "height", "fill", "stroke"], Qf = ["x", "y"], Fr = {
+}, Lf = { class: "w-full h-full" }, Df = ["width", "height", "viewBox"], Ef = { key: 0 }, Nf = ["x1", "y1", "x2", "y2", "stroke"], Rf = ["d", "stroke", "stroke-width"], _f = { key: 1 }, Uf = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], qf = ["d", "fill", "fill-opacity"], Hf = { key: 3 }, Wf = ["x", "y"], Yf = { key: 4 }, Gf = ["x", "y"], Kf = { key: 5 }, Xf = ["x", "y", "width", "height", "fill", "stroke"], Qf = ["x", "y"], Fr = {
   __name: "LineChart",
   props: {
     data: {
@@ -9628,7 +9628,7 @@ const ac = {
       height: 0,
       content: ""
     }), l = b(() => t.maxValue || Math.max(...t.data)), u = b(() => t.data.map((g, m) => ({
-      x: S(m),
+      x: C(m),
       y: B(g),
       value: g
     }))), d = b(() => u.value.length === 0 ? "" : u.value.map((m, c) => `${c === 0 ? "M" : "L"} ${m.x} ${m.y}`).join(" ")), f = b(() => {
@@ -9642,7 +9642,7 @@ const ac = {
         g.push($);
       }
       return g;
-    }), S = (g) => {
+    }), C = (g) => {
       const c = (t.width - t.padding.left - t.padding.right) / (t.data.length - 1 || 1);
       return t.padding.left + g * c;
     }, B = (g) => {
@@ -9713,13 +9713,13 @@ const ac = {
         e.showXAxis ? (s(), i("g", Hf, [
           (s(!0), i(Q, null, Z(e.labels, (c, y) => (s(), i("text", {
             key: `xlabel-${y}`,
-            x: S(y),
+            x: C(y),
             y: e.height - e.padding.bottom + 20,
             class: v(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, w(c), 11, Yf))), 128))
+          }, w(c), 11, Wf))), 128))
         ])) : p("", !0),
-        e.showYAxis ? (s(), i("g", Wf, [
+        e.showYAxis ? (s(), i("g", Yf, [
           (s(!0), i(Q, null, Z(x.value, (c) => (s(), i("text", {
             key: `ylabel-${c}`,
             x: e.padding.left - 10,
@@ -9822,23 +9822,23 @@ const ac = {
         variant: "default",
         padding: "normal"
       }
-    }), x = b(() => r.value || l.value || d.value), S = b(() => {
+    }), x = b(() => r.value || l.value || d.value), C = b(() => {
       const H = [];
       if (r.value || l.value) {
-        let A = "";
-        r.value && l.value ? A = `${r.value} to ${l.value}` : r.value ? A = `From ${r.value}` : l.value && (A = `Until ${l.value}`), A && H.push({
+        let z = "";
+        r.value && l.value ? z = `${r.value} to ${l.value}` : r.value ? z = `From ${r.value}` : l.value && (z = `Until ${l.value}`), z && H.push({
           key: "date",
           label: "Date Range",
-          value: A,
+          value: z,
           icon: "calendar"
         });
       }
       if (d.value) {
-        const A = t.dataSources.find((O) => O.value === d.value);
+        const z = t.dataSources.find((O) => O.value === d.value);
         H.push({
           key: "dataSource",
           label: "Data Source",
-          value: A?.label || d.value,
+          value: z?.label || d.value,
           icon: "database"
         });
       }
@@ -9870,7 +9870,7 @@ const ac = {
       u.value = H.target.value, n("update:chartType", H.target.value);
     }, h = (H) => {
       d.value = H.target.value, n("update:dataSource", H.target.value);
-    }, z = () => {
+    }, S = () => {
       r.value = "", l.value = "", d.value = "", n("clear-filters");
     }, k = (H) => {
       switch (H) {
@@ -9886,7 +9886,7 @@ const ac = {
       n("update:dateFrom", H);
     }), ge(() => l.value, (H) => {
       n("update:dateTo", H);
-    }), (H, A) => (s(), i("div", Jf, [
+    }), (H, z) => (s(), i("div", Jf, [
       o("div", {
         class: v(B.value)
       }, [
@@ -9897,7 +9897,7 @@ const ac = {
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             Ne(o("input", {
-              "onUpdate:modelValue": A[0] || (A[0] = (O) => r.value = O),
+              "onUpdate:modelValue": z[0] || (z[0] = (O) => r.value = O),
               type: "date",
               class: v(L.value),
               placeholder: "From date"
@@ -9905,14 +9905,14 @@ const ac = {
               [at, r.value]
             ])
           ]),
-          A[6] || (A[6] = o("span", { class: "text-gray-500 text-sm" }, "to", -1)),
+          z[6] || (z[6] = o("span", { class: "text-gray-500 text-sm" }, "to", -1)),
           o("div", tm, [
             I(ae, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             Ne(o("input", {
-              "onUpdate:modelValue": A[1] || (A[1] = (O) => l.value = O),
+              "onUpdate:modelValue": z[1] || (z[1] = (O) => l.value = O),
               type: "date",
               class: v(L.value),
               placeholder: "To date"
@@ -9925,11 +9925,11 @@ const ac = {
           o("div", nm, [
             I(Me, {
               modelValue: u.value,
-              "onUpdate:modelValue": A[2] || (A[2] = (O) => u.value = O),
+              "onUpdate:modelValue": z[2] || (z[2] = (O) => u.value = O),
               class: v(P.value),
               onChange: V
             }, {
-              default: W(() => [...A[7] || (A[7] = [
+              default: Y(() => [...z[7] || (z[7] = [
                 o("option", { value: "bar" }, " Bar Chart ", -1),
                 o("option", { value: "line" }, " Line Chart ", -1),
                 o("option", { value: "pie" }, " Pie Chart ", -1)
@@ -9946,12 +9946,12 @@ const ac = {
           o("div", sm, [
             I(Me, {
               modelValue: d.value,
-              "onUpdate:modelValue": A[3] || (A[3] = (O) => d.value = O),
+              "onUpdate:modelValue": z[3] || (z[3] = (O) => d.value = O),
               class: v(P.value),
               onChange: h
             }, {
-              default: W(() => [
-                A[8] || (A[8] = o("option", { value: "" }, " All Sources ", -1)),
+              default: Y(() => [
+                z[8] || (z[8] = o("option", { value: "" }, " All Sources ", -1)),
                 (s(!0), i(Q, null, Z(e.dataSources, (O) => (s(), i("option", {
                   key: O.value,
                   value: O.value
@@ -9972,48 +9972,48 @@ const ac = {
           x.value ? (s(), q(pe, {
             key: 0,
             class: v(T.value),
-            onClick: z
+            onClick: S
           }, {
-            default: W(() => [
+            default: Y(() => [
               I(ae, {
                 icon: "rotate-left",
                 class: "w-4 h-4 mr-2"
               }),
-              A[9] || (A[9] = ne(" Clear Filters ", -1))
+              z[9] || (z[9] = ne(" Clear Filters ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : p("", !0),
           e.showExport ? (s(), q(pe, {
             key: 1,
             class: v(g.value),
-            onClick: A[4] || (A[4] = (O) => H.$emit("export"))
+            onClick: z[4] || (z[4] = (O) => H.$emit("export"))
           }, {
-            default: W(() => [
+            default: Y(() => [
               I(ae, {
                 icon: "download",
                 class: "w-4 h-4 mr-2"
               }),
-              A[10] || (A[10] = ne(" Export ", -1))
+              z[10] || (z[10] = ne(" Export ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : p("", !0),
           e.showRefresh ? (s(), q(pe, {
             key: 2,
             class: v(m.value),
-            onClick: A[5] || (A[5] = (O) => H.$emit("refresh"))
+            onClick: z[5] || (z[5] = (O) => H.$emit("refresh"))
           }, {
-            default: W(() => [
+            default: Y(() => [
               I(ae, {
                 icon: "sync",
                 class: "w-4 h-4 mr-2"
               }),
-              A[11] || (A[11] = ne(" Refresh ", -1))
+              z[11] || (z[11] = ne(" Refresh ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : p("", !0)
         ])
       ], 2),
-      S.value.length > 0 ? (s(), i("div", {
+      C.value.length > 0 ? (s(), i("div", {
         key: 0,
         class: v(c.value)
       }, [
@@ -10021,7 +10021,7 @@ const ac = {
           o("span", {
             class: v(y.value)
           }, "Active filters:", 2),
-          (s(!0), i(Q, null, Z(S.value, (O) => (s(), i("div", {
+          (s(!0), i(Q, null, Z(C.value, (O) => (s(), i("div", {
             key: O.key,
             class: v($.value)
           }, [
@@ -10130,7 +10130,7 @@ const ac = {
               key: 0,
               class: v(u.value)
             }, {
-              default: W(() => [
+              default: Y(() => [
                 ne(w(e.title), 1)
               ]),
               _: 1
@@ -10139,7 +10139,7 @@ const ac = {
               key: 1,
               class: v(d.value)
             }, {
-              default: W(() => [
+              default: Y(() => [
                 ne(w(e.description), 1)
               ]),
               _: 1
@@ -10290,7 +10290,7 @@ const ac = {
         variant: a.variant,
         padding: a.padding
       }))
-    ), S = b(
+    ), C = b(
       () => M(r({ size: "md" }))
     ), B = b(
       () => M(l({ size: "sm" }))
@@ -10314,10 +10314,10 @@ const ac = {
           o("div", ym, [
             I(Ee, {
               for: "pageSize",
-              class: v(S.value),
+              class: v(C.value),
               inline: !0
             }, {
-              default: W(() => [...T[5] || (T[5] = [
+              default: Y(() => [...T[5] || (T[5] = [
                 ne("Show:", -1)
               ])]),
               _: 1
@@ -10328,7 +10328,7 @@ const ac = {
               class: v(B.value),
               "onUpdate:modelValue": T[0] || (T[0] = (g) => P.$emit("update:pageSize", parseInt(g)))
             }, {
-              default: W(() => [
+              default: Y(() => [
                 (s(!0), i(Q, null, Z(e.pageSizeOptions, (g) => (s(), q(Pr, {
                   key: g,
                   value: g.toString(),
@@ -10577,7 +10577,7 @@ const ac = {
 }, ft = /* @__PURE__ */ Rt(Nm, [["__scopeId", "data-v-68532350"]]), Rm = { class: "relative" }, _m = { class: "flex items-center justify-center" }, Um = ["onClick"], qm = { class: "flex items-center gap-2" }, Hm = {
   key: 1,
   class: "flex flex-col"
-}, Ym = ["onClick"], Wm = ["onClick"], Gm = { key: 1 }, Km = {
+}, Wm = ["onClick"], Ym = ["onClick"], Gm = { key: 1 }, Km = {
   key: 1,
   class: "flex items-center gap-1 justify-center"
 }, Xm = {
@@ -10763,7 +10763,7 @@ const ac = {
   },
   emits: ["selection-change", "sort-change", "row-click", "page-change", "page-size-change", "refresh", "action"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = U(1), u = U(n.pageSize), d = U(n.sortBy), f = U(n.sortOrder), x = U(!1), S = U(""), B = G("bg-white border border-slate-200 rounded-lg overflow-hidden", {
+    const n = e, r = t, l = U(1), u = U(n.pageSize), d = U(n.sortBy), f = U(n.sortOrder), x = U(!1), C = U(""), B = G("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -10833,7 +10833,7 @@ const ac = {
           return !1;
       }
       return J.visible && typeof J.visible == "function" ? J.visible(_) : !0;
-    }), V = (_, J) => _.permission && typeof _.permission == "function" ? _.permission(J) : !0, h = (_, J) => _.disabled && typeof _.disabled == "function" ? _.disabled(J) : !1, z = (_, J) => {
+    }), V = (_, J) => _.permission && typeof _.permission == "function" ? _.permission(J) : !0, h = (_, J) => _.disabled && typeof _.disabled == "function" ? _.disabled(J) : !1, S = (_, J) => {
       h(_, J) || !V(_, J) || (r("action", { action: _.key, item: J, actionConfig: _ }), _.onClick && typeof _.onClick == "function" && _.onClick(J));
     }, k = (_) => ({
       default: "default",
@@ -10852,21 +10852,21 @@ const ac = {
       outline: "outline",
       link: "link",
       ghost: "ghost"
-    })[_] || "ghost", H = b(() => g.value.length > 0 && g.value.every((_) => C(_))), A = b(() => {
-      const _ = g.value.filter((J) => C(J)).length;
+    })[_] || "ghost", H = b(() => g.value.length > 0 && g.value.every((_) => A(_))), z = b(() => {
+      const _ = g.value.filter((J) => A(J)).length;
       return _ > 0 && _ < g.value.length;
-    }), O = (_, J) => J.accessor ? J.accessor(_) : J.key.split(".").reduce((re, we) => re?.[we], _), F = (_, J) => _[n.rowKey] || J, C = (_) => n.selectedItems.some(
+    }), O = (_, J) => J.accessor ? J.accessor(_) : J.key.split(".").reduce((re, we) => re?.[we], _), F = (_, J) => _[n.rowKey] || J, A = (_) => n.selectedItems.some(
       (J) => F(J) === F(_)
     ), N = (_) => {
       const J = [...n.selectedItems], re = J.findIndex(
         (we) => F(we) === F(_)
       );
       re > -1 ? J.splice(re, 1) : J.push(_), r("selection-change", J);
-    }, te = () => {
+    }, ee = () => {
       if (n.loading || n.dataLoading) return;
       const _ = H.value ? [] : [...g.value];
       r("selection-change", _);
-    }, ie = async (_) => {
+    }, oe = async (_) => {
       !_.sortable || n.loading || n.sortLoading || (d.value === _.key ? f.value = f.value === "asc" ? "desc" : "asc" : (d.value = _.key, f.value = "asc"), r("sort-change", { column: _.key, direction: f.value }));
     }, le = (_) => {
       n.loading || r("row-click", _);
@@ -10893,27 +10893,27 @@ const ac = {
         "cursor-pointer hover:bg-slate-100 transition-colors": _.sortable && !n.loading && !n.sortLoading,
         "cursor-not-allowed opacity-50": n.loading || n.sortLoading && d.value === _.key
       }
-    ), We = () => M(
+    ), Ye = () => M(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900"
-    ), Yt = (_, J) => {
+    ), Wt = (_, J) => {
       const re = [];
-      return n.striped && J % 2 === 1 && re.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && re.push("hover:bg-slate-50"), n.clickableRows && re.push("cursor-pointer hover:bg-slate-100"), n.selectable && C(_) && re.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? re.push("border-b border-slate-200") : n.variant === "minimal" && re.push("border-b border-slate-100"), M("transition-colors", ...re);
+      return n.striped && J % 2 === 1 && re.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && re.push("hover:bg-slate-50"), n.clickableRows && re.push("cursor-pointer hover:bg-slate-100"), n.selectable && A(_) && re.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? re.push("border-b border-slate-200") : n.variant === "minimal" && re.push("border-b border-slate-100"), M("transition-colors", ...re);
     }, Ge = (_, J) => {
       const re = O(_, J);
       return typeof J == "object" && J.formatter ? J.formatter(re, _) : re == null ? "" : re instanceof Date ? re.toLocaleDateString() : Array.isArray(re) ? re.join(", ") : re;
-    }, Wt = (_, J = 10) => {
+    }, Yt = (_, J = 10) => {
       if (!_) return _;
       const re = _.toString().split(" ");
       return re.length <= J ? _ : re.slice(0, J).join(" ") + "...";
     }, Ke = (_) => {
-      S.value || (S.value = _, x.value = !0);
+      C.value || (C.value = _, x.value = !0);
     }, st = () => {
-      x.value = !1, S.value = "";
+      x.value = !1, C.value = "";
     }, Xe = b(() => M(
       {
         compact: "px-4 py-2",
@@ -10952,7 +10952,7 @@ const ac = {
         Se(_);
       },
       selectAll: () => {
-        te();
+        ee();
       },
       clearSelection: () => {
         r("selection-change", []);
@@ -10970,10 +10970,10 @@ const ac = {
         variant: e.headerVariant,
         padding: e.headerPadding
       }, {
-        header: W(() => [
+        header: Y(() => [
           R(_.$slots, "header", {}, void 0, !0)
         ]),
-        filters: W(() => [
+        filters: Y(() => [
           R(_.$slots, "filters", {}, void 0, !0)
         ]),
         _: 3
@@ -11015,16 +11015,16 @@ const ac = {
                     }, null, 8, ["color"])) : (s(), q(Mt, {
                       key: 1,
                       "model-value": H.value,
-                      indeterminate: A.value,
+                      indeterminate: z.value,
                       disabled: e.loading || e.dataLoading,
-                      "onUpdate:modelValue": te
+                      "onUpdate:modelValue": ee
                     }, null, 8, ["model-value", "indeterminate", "disabled"]))
                   ])
                 ], 2)) : p("", !0),
                 (s(!0), i(Q, null, Z(e.columns, (re) => (s(), i("th", {
                   key: re.key,
                   class: v(Ht(re)),
-                  onClick: (we) => ie(re)
+                  onClick: (we) => oe(re)
                 }, [
                   o("div", qm, [
                     o("span", null, w(re.label), 1),
@@ -11085,7 +11085,7 @@ const ac = {
                 ])], 2)) : p("", !0),
                 (s(!0), i(Q, null, Z(e.columns, (we) => (s(), i("td", {
                   key: we.key,
-                  class: v(We())
+                  class: v(Ye())
                 }, [...J[4] || (J[4] = [
                   o("div", { class: "h-4 bg-slate-200 rounded w-3/4" }, null, -1)
                 ])], 2))), 128)),
@@ -11100,7 +11100,7 @@ const ac = {
                 ])], 2)) : p("", !0)
               ]))), 128)) : c.value.length > 0 ? (s(!0), i(Q, { key: 1 }, Z(c.value, (re, we) => (s(), i("tr", {
                 key: F(re, we),
-                class: v(Yt(re, we)),
+                class: v(Wt(re, we)),
                 onClick: (de) => le({ item: re, index: we })
               }, [
                 e.selectable ? (s(), i("td", {
@@ -11108,13 +11108,13 @@ const ac = {
                   class: v(Xe.value)
                 }, [
                   I(Mt, {
-                    "model-value": C(re),
+                    "model-value": A(re),
                     "onUpdate:modelValue": (de) => N(re)
                   }, null, 8, ["model-value", "onUpdate:modelValue"])
                 ], 2)) : p("", !0),
                 (s(!0), i(Q, null, Z(e.columns, (de) => (s(), i("td", {
                   key: de.key,
-                  class: v(We())
+                  class: v(Ye())
                 }, [
                   R(_.$slots, `cell-${de.key}`, {
                     item: re,
@@ -11126,7 +11126,7 @@ const ac = {
                       key: 0,
                       class: "cursor-pointer text-blue-600 hover:text-blue-800",
                       onClick: ye((Je) => Ke(Ge(re, de)), ["stop"])
-                    }, w(Wt(Ge(re, de))), 9, Wm)) : (s(), i("span", Gm, w(Ge(re, de)), 1))
+                    }, w(Yt(Ge(re, de))), 9, Ym)) : (s(), i("span", Gm, w(Ge(re, de)), 1))
                   ], !0)
                 ], 2))), 128)),
                 y.value ? (s(), i("td", {
@@ -11143,15 +11143,15 @@ const ac = {
                       content: de.tooltip || de.label || de.key,
                       placement: "top"
                     }, {
-                      default: W(() => [
+                      default: Y(() => [
                         I(pe, {
                           variant: k(de.variant),
                           size: "xs",
                           disabled: h(de, re) || !V(de, re),
                           class: "h-8 w-8",
-                          onClick: ye((Je) => z(de, re), ["stop"])
+                          onClick: ye((Je) => S(de, re), ["stop"])
                         }, {
-                          default: W(() => [
+                          default: Y(() => [
                             de.icon ? (s(), q(ae, {
                               key: 0,
                               icon: de.icon,
@@ -11165,7 +11165,7 @@ const ac = {
                     }, 1032, ["content"]))), 128))
                   ])) : p("", !0)
                 ], 2)) : p("", !0)
-              ], 10, Ym))), 128)) : (s(), i("tr", Qm, [
+              ], 10, Wm))), 128)) : (s(), i("tr", Qm, [
                 o("td", {
                   colspan: $.value,
                   class: v(Gt.value)
@@ -11204,7 +11204,7 @@ const ac = {
         "onUpdate:currentPage": Se,
         "onUpdate:pageSize": wt
       }, {
-        footer: W(() => [
+        footer: Y(() => [
           R(_.$slots, "footer", {}, void 0, !0)
         ]),
         _: 3
@@ -11216,10 +11216,10 @@ const ac = {
         height: "auto",
         onClose: st
       }, {
-        default: W(() => [
+        default: Y(() => [
           o("div", ng, [
             J[6] || (J[6] = o("h3", { class: "text-md font-semibold mb-4" }, " Full Text ", -1)),
-            o("div", rg, w(S.value), 1)
+            o("div", rg, w(C.value), 1)
           ])
         ]),
         _: 1
@@ -11337,7 +11337,7 @@ const ac = {
       return typeof m == "object" && m.formatter ? m.formatter(c, g) : c == null ? "" : c instanceof Date ? c.toLocaleDateString() : Array.isArray(c) ? c.join(", ") : c;
     }, x = () => {
       t.clickableRows && n("row-click", { item: t.item, index: t.index });
-    }, S = (g) => typeof g == "object" && g.align ? g.align : "left", B = b(
+    }, C = (g) => typeof g == "object" && g.align ? g.align : "left", B = b(
       () => M(r({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -11346,7 +11346,7 @@ const ac = {
         variant: t.variant
       }))
     ), L = (g) => {
-      const m = S(g);
+      const m = C(g);
       return M(
         l({
           density: t.density,
@@ -11505,10 +11505,10 @@ const ac = {
 }, xg = { class: "flex items-center gap-3 ml-auto" }, wg = { key: 0 }, kg = { key: 3 }, $g = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Cg = { class: "flex items-center justify-between" }, Sg = { class: "flex items-center gap-3" }, zg = { class: "relative flex-1" }, Ag = ["model-value", "placeholder", "onInput"], Vg = { class: "relative flex-1" }, Bg = ["model-value", "placeholder", "onInput"], Pg = ["onClick"], Tg = { class: "flex items-center justify-between" }, jg = { class: "flex items-center gap-3" }, Og = { class: "relative flex-1" }, Mg = ["model-value", "placeholder", "step", "onInput"], Ig = { class: "relative flex-1" }, Fg = ["model-value", "placeholder", "step", "onInput"], Lg = ["onClick"], Dg = { class: "flex items-center justify-between" }, Eg = { class: "relative" }, Ng = { value: "" }, Rg = ["value"], _g = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
-}, Ug = ["onClick"], qg = { class: "flex items-center gap-3 flex-wrap" }, Hg = ["onClick"], Yg = {
+}, Ug = ["onClick"], qg = { class: "flex items-center gap-3 flex-wrap" }, Hg = ["onClick"], Wg = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
-}, Wg = { class: "flex items-center justify-between" }, Gg = { class: "flex items-center gap-4" }, Kg = { class: "text-sm text-gray-600" }, Xg = { class: "font-medium" }, Qg = { class: "bg-white rounded-xl shadow-2xl max-w-2xl w-full p-6" }, Jg = { class: "flex items-center justify-between mb-4" }, Zg = { class: "flex justify-end gap-3 mt-6" }, e0 = {
+}, Yg = { class: "flex items-center justify-between" }, Gg = { class: "flex items-center gap-4" }, Kg = { class: "text-sm text-gray-600" }, Xg = { class: "font-medium" }, Qg = { class: "bg-white rounded-xl shadow-2xl max-w-2xl w-full p-6" }, Jg = { class: "flex items-center justify-between mb-4" }, Zg = { class: "flex justify-end gap-3 mt-6" }, e0 = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -11675,7 +11675,7 @@ const ac = {
           return !1;
       }
       return t.addButton.visible && typeof t.addButton.visible == "function" ? t.addButton.visible() : !0;
-    }), f = b(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), x = b(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), S = () => {
+    }), f = b(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), x = b(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), C = () => {
       l.value = !0;
     }, B = () => {
       l.value = !1;
@@ -11733,7 +11733,7 @@ const ac = {
       }
     }), y = (X, D) => {
       const E = t.selectFilters.map(
-        (ee) => ee.key === X ? { ...ee, value: D } : ee
+        (te) => te.key === X ? { ...te, value: D } : te
       );
       n("update:selectFilters", E);
     }, $ = (X) => !!(X.from || X.to), j = (X) => {
@@ -11742,47 +11742,47 @@ const ac = {
       );
       n("update:dateFilters", D);
     }, V = (X) => `text-xs px-2 py-1 rounded ${$(X) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, h = (X, D, E) => {
-      const ee = t.dateFilters.map(
+      const te = t.dateFilters.map(
         (ce) => ce.key === X ? { ...ce, [D]: E } : ce
       );
-      n("update:dateFilters", ee);
-    }, z = (X) => !!(X.min || X.max), k = (X) => {
+      n("update:dateFilters", te);
+    }, S = (X) => !!(X.min || X.max), k = (X) => {
       const D = t.numberFilters.map(
         (E) => E.key === X ? { ...E, min: "", max: "" } : E
       );
       n("update:numberFilters", D);
-    }, H = (X) => `text-xs px-2 py-1 rounded ${z(X) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, A = (X, D, E) => {
-      const ee = t.numberFilters.map(
+    }, H = (X) => `text-xs px-2 py-1 rounded ${S(X) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, z = (X, D, E) => {
+      const te = t.numberFilters.map(
         (ce) => ce.key === X ? { ...ce, [D]: E } : ce
       );
-      n("update:numberFilters", ee);
-    }, O = (X) => X.selected && X.selected.length > 0, F = (X) => `text-xs px-2 py-1 rounded ${O(X) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, C = (X, D) => {
+      n("update:numberFilters", te);
+    }, O = (X) => X.selected && X.selected.length > 0, F = (X) => `text-xs px-2 py-1 rounded ${O(X) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, A = (X, D) => {
       if (!D) return;
-      const E = t.multiSelectFilters.map((ee) => {
-        if (ee.key === X) {
-          const ce = ee.selected || [], lt = ce.includes(D);
+      const E = t.multiSelectFilters.map((te) => {
+        if (te.key === X) {
+          const ce = te.selected || [], lt = ce.includes(D);
           return {
-            ...ee,
+            ...te,
             selected: lt ? ce.filter((Kt) => Kt !== D) : [...ce, D]
           };
         }
-        return ee;
+        return te;
       });
       n("update:multiSelectFilters", E);
     }, N = (X, D) => {
-      const E = t.multiSelectFilters.map((ee) => ee.key === X ? {
-        ...ee,
-        selected: ee.selected.filter((ce) => ce !== D)
-      } : ee);
+      const E = t.multiSelectFilters.map((te) => te.key === X ? {
+        ...te,
+        selected: te.selected.filter((ce) => ce !== D)
+      } : te);
       n("update:multiSelectFilters", E);
-    }, te = (X, D) => {
-      const E = X.options.find((ee) => ee.value === D);
+    }, ee = (X, D) => {
+      const E = X.options.find((te) => te.value === D);
       return E ? E.label : D;
-    }, ie = () => {
+    }, oe = () => {
       r.value = !r.value;
     }, le = b(() => t.numberFilters.length > 0 || t.multiSelectFilters.length > 0), Se = b(() => {
-      const X = t.searchQuery, D = t.selectedStatus, E = t.dateFrom || t.dateTo, ee = t.selectFilters.some((je) => je.value), ce = t.dateFilters.some((je) => je.from || je.to), lt = t.numberFilters.some((je) => je.min || je.max), Kt = t.multiSelectFilters.some((je) => je.selected && je.selected.length > 0);
-      return X || D || E || ee || ce || lt || Kt;
+      const X = t.searchQuery, D = t.selectedStatus, E = t.dateFrom || t.dateTo, te = t.selectFilters.some((je) => je.value), ce = t.dateFilters.some((je) => je.from || je.to), lt = t.numberFilters.some((je) => je.min || je.max), Kt = t.multiSelectFilters.some((je) => je.selected && je.selected.length > 0);
+      return X || D || E || te || ce || lt || Kt;
     }), wt = b(() => {
       let X = 0;
       return t.searchQuery && X++, t.selectedStatus && X++, (t.dateFrom || t.dateTo) && X++, X += t.selectFilters.filter((D) => D.value).length, X += t.dateFilters.filter((D) => D.from || D.to).length, X += t.numberFilters.filter((D) => D.min || D.max).length, X += t.multiSelectFilters.filter((D) => D.selected && D.selected.length > 0).length, X;
@@ -11804,7 +11804,7 @@ const ac = {
       }
       if (t.selectFilters.forEach((D) => {
         if (D.value) {
-          const E = D.options.find((ee) => ee.value === D.value);
+          const E = D.options.find((te) => te.value === D.value);
           X.push({
             key: `select-${D.key}`,
             label: D.label,
@@ -11843,9 +11843,9 @@ const ac = {
         }
       }), t.multiSelectFilters.forEach((D) => {
         if (D.selected && D.selected.length > 0) {
-          const E = D.selected.map((ee) => {
-            const ce = D.options.find((lt) => lt.value === ee);
-            return ce ? ce.label : ee;
+          const E = D.selected.map((te) => {
+            const ce = D.options.find((lt) => lt.value === te);
+            return ce ? ce.label : te;
           });
           X.push({
             key: `multi-${D.key}`,
@@ -11869,12 +11869,12 @@ const ac = {
       )
     ), Ht = b(
       () => "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-full transition-all"
-    ), We = b(
+    ), Ye = b(
       () => M(
         m({ size: "md" }),
         "w-full pr-8 appearance-none hover:border-gray-300"
       )
-    ), Yt = b(() => {
+    ), Wt = b(() => {
       const X = r.value || Se.value;
       return M(
         c({
@@ -11885,7 +11885,7 @@ const ac = {
       );
     }), Ge = b(
       () => "bg-white text-blue-600 text-xs px-1.5 py-0.5 rounded-full min-w-[20px] text-center font-semibold"
-    ), Wt = b(
+    ), Yt = b(
       () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), Ke = b(
       () => M(m({ size: "md" }), "pl-10 pr-3")
@@ -11926,11 +11926,11 @@ const ac = {
         max: ""
       }));
       n("update:numberFilters", E);
-      const ee = t.multiSelectFilters.map((ce) => ({
+      const te = t.multiSelectFilters.map((ce) => ({
         ...ce,
         selected: []
       }));
-      n("update:multiSelectFilters", ee), n("clear-filters");
+      n("update:multiSelectFilters", te), n("clear-filters");
     }, Je = (X) => {
       switch (X) {
         case "search":
@@ -11945,22 +11945,22 @@ const ac = {
         default:
           if (X.startsWith("select-")) {
             const D = X.replace("select-", ""), E = t.selectFilters.map(
-              (ee) => ee.key === D ? { ...ee, value: "" } : ee
+              (te) => te.key === D ? { ...te, value: "" } : te
             );
             n("update:selectFilters", E);
           } else if (X.startsWith("date-")) {
             const D = X.replace("date-", ""), E = t.dateFilters.map(
-              (ee) => ee.key === D ? { ...ee, from: "", to: "" } : ee
+              (te) => te.key === D ? { ...te, from: "", to: "" } : te
             );
             n("update:dateFilters", E);
           } else if (X.startsWith("number-")) {
             const D = X.replace("number-", ""), E = t.numberFilters.map(
-              (ee) => ee.key === D ? { ...ee, min: "", max: "" } : ee
+              (te) => te.key === D ? { ...te, min: "", max: "" } : te
             );
             n("update:numberFilters", E);
           } else if (X.startsWith("multi-")) {
             const D = X.replace("multi-", ""), E = t.multiSelectFilters.map(
-              (ee) => ee.key === D ? { ...ee, selected: [] } : ee
+              (te) => te.key === D ? { ...te, selected: [] } : te
             );
             n("update:multiSelectFilters", E);
           }
@@ -12003,15 +12003,15 @@ const ac = {
             o("div", mg, [
               I(Me, {
                 "model-value": E.value,
-                class: v(We.value),
-                onChange: (ee) => y(E.key, ee.target.value)
+                class: v(Ye.value),
+                onChange: (te) => y(E.key, te.target.value)
               }, {
-                default: W(() => [
+                default: Y(() => [
                   o("option", gg, w(E.placeholder || `All ${E.label}`), 1),
-                  (s(!0), i(Q, null, Z(E.options, (ee) => (s(), i("option", {
-                    key: ee.value,
-                    value: ee.value
-                  }, w(ee.label), 9, vg))), 128))
+                  (s(!0), i(Q, null, Z(E.options, (te) => (s(), i("option", {
+                    key: te.value,
+                    value: te.value
+                  }, w(te.label), 9, vg))), 128))
                 ]),
                 _: 2
               }, 1032, ["model-value", "class", "onChange"]),
@@ -12025,10 +12025,10 @@ const ac = {
             o("div", bg, [
               I(Me, {
                 "model-value": e.selectedStatus,
-                class: v(We.value),
+                class: v(Ye.value),
                 onChange: D[2] || (D[2] = (E) => X.$emit("update:selectedStatus", E.target.value))
               }, {
-                default: W(() => [
+                default: Y(() => [
                   D[5] || (D[5] = o("option", { value: "" }, " All Status ", -1)),
                   (s(!0), i(Q, null, Z(e.statusOptions, (E) => (s(), i("option", {
                     key: E.value,
@@ -12045,8 +12045,8 @@ const ac = {
           ])) : p("", !0),
           e.showFilters && (e.dateFilters.length > 0 || le.value) ? (s(), i("button", {
             key: 2,
-            class: v(Yt.value),
-            onClick: ie
+            class: v(Wt.value),
+            onClick: oe
           }, [
             I(ae, {
               icon: "filter",
@@ -12070,9 +12070,9 @@ const ac = {
               I(pe, {
                 variant: "default",
                 size: "lg",
-                onClick: S
+                onClick: C
               }, {
-                default: W(() => [
+                default: Y(() => [
                   I(ae, {
                     icon: "upload",
                     class: "w-4 h-4 mr-2"
@@ -12087,7 +12087,7 @@ const ac = {
               class: v(Gt.value),
               onClick: de
             }, {
-              default: W(() => [
+              default: Y(() => [
                 I(ae, {
                   icon: "rotate-left",
                   class: "w-4 h-4 mr-2"
@@ -12101,7 +12101,7 @@ const ac = {
               class: v($t.value),
               onClick: D[3] || (D[3] = (E) => X.$emit("export"))
             }, {
-              default: W(() => [
+              default: Y(() => [
                 I(ae, {
                   icon: "download",
                   class: "w-4 h-4 mr-2"
@@ -12119,7 +12119,7 @@ const ac = {
                 title: e.addButton.tooltip,
                 onClick: T
               }, {
-                default: W(() => [
+                default: Y(() => [
                   e.addButton.icon ? (s(), q(ae, {
                     key: 0,
                     icon: e.addButton.icon,
@@ -12134,7 +12134,7 @@ const ac = {
                   size: "lg",
                   onClick: D[4] || (D[4] = (E) => X.$emit("add"))
                 }, {
-                  default: W(() => [
+                  default: Y(() => [
                     I(ae, {
                       icon: "plus",
                       class: "w-4 h-4 mr-2"
@@ -12149,7 +12149,7 @@ const ac = {
         ], 2),
         e.showFilters && r.value ? (s(), i("div", {
           key: 0,
-          class: v(Wt.value)
+          class: v(Yt.value)
         }, [
           o("div", $g, [
             (s(!0), i(Q, null, Z(e.dateFilters, (E) => (s(), i("div", {
@@ -12175,7 +12175,7 @@ const ac = {
                     "model-value": E.from,
                     class: v(Ke.value),
                     placeholder: `From ${E.label}`,
-                    onInput: (ee) => h(E.key, "from", ee.target.value)
+                    onInput: (te) => h(E.key, "from", te.target.value)
                   }, null, 42, Ag)
                 ]),
                 o("span", {
@@ -12191,14 +12191,14 @@ const ac = {
                     "model-value": E.to,
                     class: v(Ke.value),
                     placeholder: `To ${E.label}`,
-                    onInput: (ee) => h(E.key, "to", ee.target.value)
+                    onInput: (te) => h(E.key, "to", te.target.value)
                   }, null, 42, Bg)
                 ]),
                 $(E) ? (s(), i("button", {
                   key: 0,
                   class: v(Qe.value),
                   title: "Clear this filter",
-                  onClick: (ee) => j(E.key)
+                  onClick: (te) => j(E.key)
                 }, [
                   I(ae, {
                     icon: "xmark",
@@ -12217,7 +12217,7 @@ const ac = {
                 }, w(E.label), 3),
                 o("span", {
                   class: v(H(E))
-                }, w(z(E) ? "Active" : "Inactive"), 3)
+                }, w(S(E) ? "Active" : "Inactive"), 3)
               ]),
               o("div", jg, [
                 o("div", Og, [
@@ -12227,7 +12227,7 @@ const ac = {
                     class: v(Ke.value),
                     placeholder: `Min ${E.label}`,
                     step: E.step || 1,
-                    onInput: (ee) => A(E.key, "min", ee.target.value)
+                    onInput: (te) => z(E.key, "min", te.target.value)
                   }, null, 42, Mg)
                 ]),
                 o("span", {
@@ -12240,14 +12240,14 @@ const ac = {
                     class: v(Ke.value),
                     placeholder: `Max ${E.label}`,
                     step: E.step || 1,
-                    onInput: (ee) => A(E.key, "max", ee.target.value)
+                    onInput: (te) => z(E.key, "max", te.target.value)
                   }, null, 42, Fg)
                 ]),
-                z(E) ? (s(), i("button", {
+                S(E) ? (s(), i("button", {
                   key: 0,
                   class: v(Qe.value),
                   title: "Clear this filter",
-                  onClick: (ee) => k(E.key)
+                  onClick: (te) => k(E.key)
                 }, [
                   I(ae, {
                     icon: "xmark",
@@ -12271,15 +12271,15 @@ const ac = {
               o("div", Eg, [
                 I(Me, {
                   "model-value": "",
-                  class: v(We.value),
-                  onChange: (ee) => C(E.key, ee.target.value)
+                  class: v(Ye.value),
+                  onChange: (te) => A(E.key, te.target.value)
                 }, {
-                  default: W(() => [
+                  default: Y(() => [
                     o("option", Ng, " Select " + w(E.label), 1),
-                    (s(!0), i(Q, null, Z(E.options, (ee) => (s(), i("option", {
-                      key: ee.value,
-                      value: ee.value
-                    }, w(ee.label), 9, Rg))), 128))
+                    (s(!0), i(Q, null, Z(E.options, (te) => (s(), i("option", {
+                      key: te.value,
+                      value: te.value
+                    }, w(te.label), 9, Rg))), 128))
                   ]),
                   _: 2
                 }, 1032, ["class", "onChange"]),
@@ -12289,14 +12289,14 @@ const ac = {
                 })
               ]),
               E.selected.length > 0 ? (s(), i("div", _g, [
-                (s(!0), i(Q, null, Z(E.selected, (ee) => (s(), i("span", {
-                  key: ee,
+                (s(!0), i(Q, null, Z(E.selected, (te) => (s(), i("span", {
+                  key: te,
                   class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
                 }, [
-                  ne(w(te(E, ee)) + " ", 1),
+                  ne(w(ee(E, te)) + " ", 1),
                   o("button", {
                     class: "hover:bg-blue-200 rounded-full p-0.5",
-                    onClick: (ce) => N(E.key, ee)
+                    onClick: (ce) => N(E.key, te)
                   }, [
                     I(ae, {
                       icon: "xmark",
@@ -12327,7 +12327,7 @@ const ac = {
               o("span", null, w(E.label) + ": " + w(E.value), 1),
               o("button", {
                 class: v(we.value),
-                onClick: (ee) => Je(E.key)
+                onClick: (te) => Je(E.key)
               }, [
                 I(ae, {
                   icon: "xmark",
@@ -12337,8 +12337,8 @@ const ac = {
             ], 2))), 128))
           ])
         ], 2)) : p("", !0),
-        e.showTableInfo ? (s(), i("div", Yg, [
-          o("div", Wg, [
+        e.showTableInfo ? (s(), i("div", Wg, [
+          o("div", Yg, [
             o("div", Gg, [
               o("span", Kg, [
                 o("span", Xg, w(e.totalItems || 0), 1),
@@ -12379,7 +12379,7 @@ const ac = {
               variant: "default",
               onClick: B
             }, {
-              default: W(() => [...D[12] || (D[12] = [
+              default: Y(() => [...D[12] || (D[12] = [
                 ne(" Close ", -1)
               ])]),
               _: 1
@@ -12493,7 +12493,7 @@ const ac = {
         variant: "default",
         padding: "normal"
       }
-    }), S = G("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
+    }), C = G("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
       variants: {
         variant: {
           danger: "text-red-700 bg-red-500 hover:bg-red-400 border border-red-200",
@@ -12549,27 +12549,27 @@ const ac = {
       () => "text-sm text-slate-700 flex-1 select-none"
     ), h = (N) => {
       l.value && u.value && !l.value.contains(N.target) && !u.value.contains(N.target) && (r.value = !1);
-    }, z = () => {
+    }, S = () => {
       r.value = !r.value;
-    }, k = (N) => M(S({ variant: N.variant || "secondary" })), H = (N) => {
-      let te = "middle";
-      return N === "compact" ? te = "first" : N === "comfortable" && (te = "last"), M(B({
+    }, k = (N) => M(C({ variant: N.variant || "secondary" })), H = (N) => {
+      let ee = "middle";
+      return N === "compact" ? ee = "first" : N === "comfortable" && (ee = "last"), M(B({
         active: t.density === N,
-        position: te
+        position: ee
       }));
-    }, A = () => M(L({
+    }, z = () => M(L({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), O = () => M("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), F = (N) => t.visibleColumns.includes(N), C = (N, te) => {
-      n("toggle-column", { column: N, visible: te });
+    }), F = (N) => t.visibleColumns.includes(N), A = (N, ee) => {
+      n("toggle-column", { column: N, visible: ee });
     };
     return Ce(() => {
       document.addEventListener("click", h);
     }), Te(() => {
       document.removeEventListener("click", h);
-    }), (N, te) => {
-      const ie = be("font-awesome-icon");
+    }), (N, ee) => {
+      const oe = be("font-awesome-icon");
       return s(), i("div", {
         class: v(P.value)
       }, [
@@ -12582,8 +12582,8 @@ const ac = {
                 class: v(k(le)),
                 onClick: (Se) => N.$emit("bulk-action", { action: le.key, items: e.selectedItems })
               }, {
-                default: W(() => [
-                  le.icon ? (s(), q(ie, {
+                default: Y(() => [
+                  le.icon ? (s(), q(oe, {
                     key: 0,
                     icon: le.icon,
                     class: "w-4 h-4"
@@ -12610,7 +12610,7 @@ const ac = {
               type: "button",
               onClick: (Se) => N.$emit("update:density", le.value)
             }, [
-              I(ie, {
+              I(oe, {
                 icon: le.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
@@ -12622,19 +12622,19 @@ const ac = {
               ref: l,
               class: v(m.value),
               type: "button",
-              onClick: ye(z, ["stop"])
+              onClick: ye(S, ["stop"])
             }, [
-              I(ie, {
+              I(oe, {
                 icon: "columns",
                 class: "w-4 h-4"
               }),
-              te[2] || (te[2] = o("span", null, "Columns", -1))
+              ee[2] || (ee[2] = o("span", null, "Columns", -1))
             ], 2),
             Ne(o("div", {
               ref_key: "columnMenu",
               ref: u,
               class: v(c.value),
-              onClick: te[0] || (te[0] = ye(() => {
+              onClick: ee[0] || (ee[0] = ye(() => {
               }, ["stop"]))
             }, [
               o("div", i0, [
@@ -12651,7 +12651,7 @@ const ac = {
                         type: "checkbox",
                         checked: F(le.key),
                         class: v(j.value),
-                        onChange: (Se) => C(le.key, Se.target.checked)
+                        onChange: (Se) => A(le.key, Se.target.checked)
                       }, null, 42, c0),
                       o("span", {
                         class: v(V.value)
@@ -12667,15 +12667,15 @@ const ac = {
           e.showRefresh ? (s(), i("button", {
             key: 2,
             disabled: e.isRefreshing,
-            class: v(A()),
+            class: v(z()),
             type: "button",
-            onClick: te[1] || (te[1] = (le) => N.$emit("refresh"))
+            onClick: ee[1] || (ee[1] = (le) => N.$emit("refresh"))
           }, [
-            I(ie, {
+            I(oe, {
               icon: "sync",
               class: v(O())
             }, null, 8, ["class"]),
-            te[3] || (te[3] = o("span", null, "Refresh", -1))
+            ee[3] || (ee[3] = o("span", null, "Refresh", -1))
           ], 10, f0)) : p("", !0),
           N.$slots.actions ? (s(), i("div", m0, [
             R(N.$slots, "actions")
@@ -12696,7 +12696,7 @@ const ac = {
     return (a, t) => {
       const n = be("Logo"), r = be("Text"), l = be("Typography"), u = be("Link"), d = be("Icon"), f = be("Divider");
       return s(), i("footer", {
-        class: v(Y(M)("bg-gray-50 border-t border-gray-200", e.className))
+        class: v(W(M)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
         o("div", b0, [
           o("div", p0, [
@@ -12704,7 +12704,7 @@ const ac = {
               R(a.$slots, "brand", {}, () => [
                 I(n, { class: "mb-4" }),
                 I(r, { class: "text-gray-600 max-w-md" }, {
-                  default: W(() => [...t[0] || (t[0] = [
+                  default: Y(() => [...t[0] || (t[0] = [
                     ne(" Building beautiful applications with modern Vue.js components. ", -1)
                   ])]),
                   _: 1
@@ -12717,7 +12717,7 @@ const ac = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: W(() => [...t[1] || (t[1] = [
+                  default: Y(() => [...t[1] || (t[1] = [
                     ne(" Quick Links ", -1)
                   ])]),
                   _: 1
@@ -12727,7 +12727,7 @@ const ac = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: W(() => [...t[2] || (t[2] = [
+                    default: Y(() => [...t[2] || (t[2] = [
                       ne(" About ", -1)
                     ])]),
                     _: 1
@@ -12736,7 +12736,7 @@ const ac = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: W(() => [...t[3] || (t[3] = [
+                    default: Y(() => [...t[3] || (t[3] = [
                       ne(" Services ", -1)
                     ])]),
                     _: 1
@@ -12745,7 +12745,7 @@ const ac = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: W(() => [...t[4] || (t[4] = [
+                    default: Y(() => [...t[4] || (t[4] = [
                       ne(" Contact ", -1)
                     ])]),
                     _: 1
@@ -12759,7 +12759,7 @@ const ac = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: W(() => [...t[5] || (t[5] = [
+                  default: Y(() => [...t[5] || (t[5] = [
                     ne(" Follow Us ", -1)
                   ])]),
                   _: 1
@@ -12769,7 +12769,7 @@ const ac = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       I(d, {
                         name: "twitter",
                         class: "h-5 w-5"
@@ -12781,7 +12781,7 @@ const ac = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       I(d, {
                         name: "github",
                         class: "h-5 w-5"
@@ -12797,7 +12797,7 @@ const ac = {
           o("div", k0, [
             R(a.$slots, "copyright", {}, () => [
               I(r, { class: "text-gray-600" }, {
-                default: W(() => [
+                default: Y(() => [
                   ne(" © " + w((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
@@ -12809,7 +12809,7 @@ const ac = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: W(() => [...t[6] || (t[6] = [
+                  default: Y(() => [...t[6] || (t[6] = [
                     ne(" Privacy ", -1)
                   ])]),
                   _: 1
@@ -12818,7 +12818,7 @@ const ac = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: W(() => [...t[7] || (t[7] = [
+                  default: Y(() => [...t[7] || (t[7] = [
                     ne(" Terms ", -1)
                   ])]),
                   _: 1
@@ -12856,10 +12856,10 @@ const ac = {
 }, N0 = {
   key: 0,
   class: "absolute top-full left-0 mt-2 w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50 max-h-96 overflow-y-auto"
-}, R0 = { class: "p-3 border-b border-gray-200" }, _0 = { class: "text-sm font-semibold text-gray-900" }, U0 = { class: "text-xs text-gray-500 mt-1" }, q0 = { class: "py-2" }, H0 = ["onClick"], Y0 = {
+}, R0 = { class: "p-3 border-b border-gray-200" }, _0 = { class: "text-sm font-semibold text-gray-900" }, U0 = { class: "text-xs text-gray-500 mt-1" }, q0 = { class: "py-2" }, H0 = ["onClick"], W0 = {
   key: 0,
   class: "flex-shrink-0 mr-3"
-}, W0 = ["src", "alt"], G0 = { class: "flex-1 text-left min-w-0" }, K0 = { class: "font-medium truncate" }, X0 = {
+}, Y0 = ["src", "alt"], G0 = { class: "flex-1 text-left min-w-0" }, K0 = { class: "font-medium truncate" }, X0 = {
   key: 1,
   class: "w-4 h-4 text-blue-500 flex-shrink-0 ml-2",
   fill: "currentColor",
@@ -12938,34 +12938,34 @@ const ac = {
     "view-all-notifications"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = U(""), l = U(!1), u = U(!1), d = U(t.notifications.length), f = U(!1), x = U(!1), S = U(!1), B = b(() => t.userInitialsOverride ? t.userInitialsOverride : (t.user?.name || "Guest").split(" ").map((O) => O[0] || "").join("").toUpperCase()), L = b(() => {
+    const t = e, n = a, r = U(""), l = U(!1), u = U(!1), d = U(t.notifications.length), f = U(!1), x = U(!1), C = U(!1), B = b(() => t.userInitialsOverride ? t.userInitialsOverride : (t.user?.name || "Guest").split(" ").map((O) => O[0] || "").join("").toUpperCase()), L = b(() => {
       if (t.userRoleDisplayOverride) return t.userRoleDisplayOverride;
-      const A = [];
-      return t.activeRoles?.length > 0 && A.push(...t.activeRoles.map(
+      const z = [];
+      return t.activeRoles?.length > 0 && z.push(...t.activeRoles.map(
         (O) => typeof O == "string" ? O : O.name
-      )), A.length === 0 && t.user?.roles?.length > 0 && A.push(...t.user.roles.map(
+      )), z.length === 0 && t.user?.roles?.length > 0 && z.push(...t.user.roles.map(
         (O) => typeof O == "string" ? O : O.name
-      )), A.length === 0 && t.currentOrganisation?.role && A.push(t.currentOrganisation.role), A.length === 0 ? "Member" : A.map((O) => O.charAt(0).toUpperCase() + O.slice(1).replace(/-/g, " ")).join(", ");
-    }), P = b(() => !t.activeRoles || t.activeRoles.length === 0 ? "" : t.activeRoles.map((A) => typeof A == "string" ? A : A.name).map((A) => A.charAt(0).toUpperCase() + A.slice(1).replace(/-/g, " ")).join(", ")), T = () => {
+      )), z.length === 0 && t.currentOrganisation?.role && z.push(t.currentOrganisation.role), z.length === 0 ? "Member" : z.map((O) => O.charAt(0).toUpperCase() + O.slice(1).replace(/-/g, " ")).join(", ");
+    }), P = b(() => !t.activeRoles || t.activeRoles.length === 0 ? "" : t.activeRoles.map((z) => typeof z == "string" ? z : z.name).map((z) => z.charAt(0).toUpperCase() + z.slice(1).replace(/-/g, " ")).join(", ")), T = () => {
       l.value = !l.value, u.value = !1;
     }, g = () => {
-      u.value = !u.value, l.value = !1, S.value = !1;
+      u.value = !u.value, l.value = !1, C.value = !1;
     }, m = () => {
-      S.value = !S.value, u.value = !1, l.value = !1;
-    }, c = (A) => {
-      n("navigate", A), u.value = !1;
-    }, y = (A) => A.route ? !!(t.currentRoute === A.route || t.currentRoute.startsWith(A.route + "/")) : !1, $ = (A) => {
-      n("profile-action", A), u.value = !1;
+      C.value = !C.value, u.value = !1, l.value = !1;
+    }, c = (z) => {
+      n("navigate", z), u.value = !1;
+    }, y = (z) => z.route ? !!(t.currentRoute === z.route || t.currentRoute.startsWith(z.route + "/")) : !1, $ = (z) => {
+      n("profile-action", z), u.value = !1;
     }, j = () => {
       n("logout"), u.value = !1;
-    }, V = (A) => {
-      n("organisation-change", A), S.value = !1;
-    }, h = (A) => {
-      n("notification-click", A);
-    }, z = () => {
+    }, V = (z) => {
+      n("organisation-change", z), C.value = !1;
+    }, h = (z) => {
+      n("notification-click", z);
+    }, S = () => {
       n("view-all-notifications"), l.value = !1;
-    }, k = (A) => {
-      !A.target.closest(".absolute") && !A.target.closest("button") && (l.value = !1, u.value = !1, S.value = !1);
+    }, k = (z) => {
+      !z.target.closest(".absolute") && !z.target.closest("button") && (l.value = !1, u.value = !1, C.value = !1);
     }, H = () => {
       x.value = window.innerWidth < 768;
     };
@@ -12973,12 +12973,12 @@ const ac = {
       document.addEventListener("click", k), H(), window.addEventListener("resize", H);
     }), Te(() => {
       document.removeEventListener("click", k), window.removeEventListener("resize", H);
-    }), ge(r, (A) => n("search", A)), ge(() => t.notifications.length, (A) => {
-      d.value = A;
-    }), (A, O) => {
+    }), ge(r, (z) => n("search", z)), ge(() => t.notifications.length, (z) => {
+      d.value = z;
+    }), (z, O) => {
       const F = be("router-link");
       return s(), i("header", {
-        class: v(Y(M)(
+        class: v(W(M)(
           "fixed top-0 z-50 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out w-full"
         )),
         style: { left: "0" }
@@ -13014,7 +13014,7 @@ const ac = {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
-                    d: S.value ? "m5 15 7-7 7 7" : "m19 9-7 7-7-7"
+                    d: C.value ? "m5 15 7-7 7 7" : "m19 9-7 7-7-7"
                   }, null, 8, F0)
                 ]))
               ])) : (s(), i("div", L0, [
@@ -13029,32 +13029,32 @@ const ac = {
                 "leave-from-class": "opacity-100 translate-y-0 scale-100",
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
-                default: W(() => [
-                  S.value ? (s(), i("div", N0, [
+                default: Y(() => [
+                  C.value ? (s(), i("div", N0, [
                     o("div", R0, [
                       o("h3", _0, w(e.organisationSwitcherTitle), 1),
                       o("p", U0, w(e.organisationSwitcherDescription), 1)
                     ]),
                     o("div", q0, [
-                      (s(!0), i(Q, null, Z(e.organisations, (C) => (s(), i("button", {
-                        key: C.org_id || C.organisation_name,
-                        class: v(Y(M)(
+                      (s(!0), i(Q, null, Z(e.organisations, (A) => (s(), i("button", {
+                        key: A.org_id || A.organisation_name,
+                        class: v(W(M)(
                           "flex items-center w-full px-3 py-2.5 text-sm transition-colors",
-                          C.org_id === e.currentOrganisation?.org_id ? "bg-blue-50 text-blue-700 border-l-4 border-blue-500" : "text-gray-700 hover:bg-gray-50"
+                          A.org_id === e.currentOrganisation?.org_id ? "bg-blue-50 text-blue-700 border-l-4 border-blue-500" : "text-gray-700 hover:bg-gray-50"
                         )),
-                        onClick: (N) => V(C)
+                        onClick: (N) => V(A)
                       }, [
-                        C.logo ? (s(), i("div", Y0, [
+                        A.logo ? (s(), i("div", W0, [
                           o("img", {
-                            src: C.logo,
-                            alt: `${C.organisation_name} logo`,
+                            src: A.logo,
+                            alt: `${A.organisation_name} logo`,
                             class: "w-6 h-6 object-contain rounded"
-                          }, null, 8, W0)
+                          }, null, 8, Y0)
                         ])) : p("", !0),
                         o("div", G0, [
-                          o("p", K0, w(C.organisation_name), 1)
+                          o("p", K0, w(A.organisation_name), 1)
                         ]),
-                        C.org_id === e.currentOrganisation?.org_id ? (s(), i("svg", X0, [...O[4] || (O[4] = [
+                        A.org_id === e.currentOrganisation?.org_id ? (s(), i("svg", X0, [...O[4] || (O[4] = [
                           o("path", {
                             "fill-rule": "evenodd",
                             d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 01 1.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
@@ -13097,7 +13097,7 @@ const ac = {
             x.value ? (s(), i("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: O[0] || (O[0] = (C) => n("toggle-mobile-sidebar"))
+              onClick: O[0] || (O[0] = (A) => n("toggle-mobile-sidebar"))
             }, [...O[6] || (O[6] = [
               o("svg", {
                 class: "w-5 h-5",
@@ -13130,7 +13130,7 @@ const ac = {
                 ])
               ], -1)),
               Ne(o("input", {
-                "onUpdate:modelValue": O[1] || (O[1] = (C) => r.value = C),
+                "onUpdate:modelValue": O[1] || (O[1] = (A) => r.value = A),
                 type: "text",
                 placeholder: e.searchPlaceholder,
                 class: "pl-10 pr-4 py-2 w-48 md:w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none"
@@ -13140,12 +13140,12 @@ const ac = {
               x.value ? (s(), i("button", {
                 key: 0,
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-                onClick: O[2] || (O[2] = (C) => f.value = !1)
+                onClick: O[2] || (O[2] = (A) => f.value = !1)
               }, " ✕ ")) : p("", !0)
             ])) : e.showSearch && x.value ? (s(), i("button", {
               key: 2,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: O[3] || (O[3] = (C) => f.value = !0)
+              onClick: O[3] || (O[3] = (A) => f.value = !0)
             }, [...O[8] || (O[8] = [
               o("svg", {
                 class: "w-5 h-5",
@@ -13189,7 +13189,7 @@ const ac = {
               "leave-from-class": "opacity-100 translate-y-0 scale-100",
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
-              default: W(() => [
+              default: Y(() => [
                 l.value ? (s(), i("div", lv, [
                   o("div", ov, [
                     o("h3", iv, w(e.notificationsTitle), 1)
@@ -13210,16 +13210,16 @@ const ac = {
                         })
                       ], -1),
                       o("p", { class: "text-sm text-gray-500" }, " No notifications ", -1)
-                    ])])) : (s(!0), i(Q, { key: 1 }, Z(e.notifications, (C) => (s(), i("div", {
-                      key: C.id,
+                    ])])) : (s(!0), i(Q, { key: 1 }, Z(e.notifications, (A) => (s(), i("div", {
+                      key: A.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer",
-                      onClick: (N) => h(C)
+                      onClick: (N) => h(A)
                     }, [
                       o("div", fv, [
                         O[11] || (O[11] = o("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                         o("div", mv, [
-                          o("p", gv, w(C.title), 1),
-                          o("p", vv, w(C.time), 1)
+                          o("p", gv, w(A.title), 1),
+                          o("p", vv, w(A.time), 1)
                         ])
                       ])
                     ], 8, cv))), 128))
@@ -13227,7 +13227,7 @@ const ac = {
                   e.notifications.length > 0 ? (s(), i("div", hv, [
                     o("button", {
                       class: "text-sm text-blue-600 hover:text-blue-800",
-                      onClick: z
+                      onClick: S
                     }, " View all notifications ")
                   ])) : p("", !0)
                 ])) : p("", !0)
@@ -13268,60 +13268,60 @@ const ac = {
                 "leave-from-class": "opacity-100 translate-y-0 scale-100",
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
-                default: W(() => [
+                default: Y(() => [
                   u.value ? (s(), i("div", $v, [
                     o("div", Cv, [
                       o("p", Sv, w(e.user.name), 1),
                       o("p", zv, w(e.user.email), 1)
                     ]),
                     o("div", Av, [
-                      (s(!0), i(Q, null, Z(e.profileMenuItems, (C) => (s(), i(Q, {
-                        key: C.name
+                      (s(!0), i(Q, null, Z(e.profileMenuItems, (A) => (s(), i(Q, {
+                        key: A.name
                       }, [
-                        C.route ? (s(), q(F, {
+                        A.route ? (s(), q(F, {
                           key: 0,
-                          to: C.route,
-                          class: v(Y(M)(
+                          to: A.route,
+                          class: v(W(M)(
                             "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                            y(C) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                            y(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                           )),
-                          onClick: (N) => c(C)
+                          onClick: (N) => c(A)
                         }, {
-                          default: W(() => [
-                            y(C) ? (s(), i("div", Vv)) : p("", !0),
+                          default: Y(() => [
+                            y(A) ? (s(), i("div", Vv)) : p("", !0),
                             o("div", {
-                              class: v(Y(M)(
+                              class: v(W(M)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                                y(C) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                                y(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                               ))
                             }, [
-                              C.icon ? (s(), q(ae, {
+                              A.icon ? (s(), q(ae, {
                                 key: 0,
-                                icon: C.icon,
+                                icon: A.icon,
                                 class: "w-4 h-4"
                               }, null, 8, ["icon"])) : p("", !0)
                             ], 2),
                             o("span", {
-                              class: v(Y(M)(
+                              class: v(W(M)(
                                 "flex-1 truncate font-semibold",
-                                y(C) ? "text-blue-700" : "text-gray-700"
+                                y(A) ? "text-blue-700" : "text-gray-700"
                               ))
-                            }, w(C.label), 3)
+                            }, w(A.label), 3)
                           ]),
                           _: 2
                         }, 1032, ["to", "class", "onClick"])) : (s(), i("button", {
                           key: 1,
                           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: (N) => $(C)
+                          onClick: (N) => $(A)
                         }, [
                           o("div", Pv, [
-                            C.icon ? (s(), q(ae, {
+                            A.icon ? (s(), q(ae, {
                               key: 0,
-                              icon: C.icon,
+                              icon: A.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : p("", !0)
                           ]),
-                          o("span", Tv, w(C.label), 1)
+                          o("span", Tv, w(A.label), 1)
                         ], 8, Bv))
                       ], 64))), 128))
                     ]),
@@ -13401,7 +13401,7 @@ const ac = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = U(!1), l = U(""), u = U(null), d = U([...t.options]), f = U(null), x = U({}), S = b(() => t.options.filter((c) => t.modelValue.includes(c.value)).map((c) => c.label)), B = () => {
+    const t = e, n = a, r = U(!1), l = U(""), u = U(null), d = U([...t.options]), f = U(null), x = U({}), C = b(() => t.options.filter((c) => t.modelValue.includes(c.value)).map((c) => c.label)), B = () => {
       if (!f.value) return;
       const c = f.value.getBoundingClientRect(), y = window.innerHeight, $ = y - c.bottom, j = 320;
       $ < j && c.top > j ? x.value = {
@@ -13463,13 +13463,13 @@ const ac = {
         onClick: L,
         onKeydown: g
       }, [
-        S.value.length === 0 ? (s(), i("div", Iv, w(e.placeholder || "Select options"), 1)) : (s(), i("div", Fv, [
-          (s(!0), i(Q, null, Z(S.value, ($) => (s(), q(Br, {
+        C.value.length === 0 ? (s(), i("div", Iv, w(e.placeholder || "Select options"), 1)) : (s(), i("div", Fv, [
+          (s(!0), i(Q, null, Z(C.value, ($) => (s(), q(Br, {
             key: $,
             variant: "primary",
             size: "sm"
           }, {
-            default: W(() => [
+            default: Y(() => [
               ne(w($), 1)
             ]),
             _: 2
@@ -13496,7 +13496,7 @@ const ac = {
           "leave-from-class": "transform opacity-100 scale-100",
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
-          default: W(() => [
+          default: Y(() => [
             r.value ? (s(), i("div", {
               key: 0,
               style: fe(x.value),
@@ -13546,7 +13546,7 @@ const ac = {
       ]))
     ]));
   }
-}, Uv = { class: "mb-6" }, qv = { class: "text-xl font-semibold text-gray-900" }, Hv = { class: "text-sm text-gray-600 mt-1" }, Yv = ["value"], Wv = {
+}, Uv = { class: "mb-6" }, qv = { class: "text-xl font-semibold text-gray-900" }, Hv = { class: "text-sm text-gray-600 mt-1" }, Wv = ["value"], Yv = {
   key: 5,
   class: "flex items-center"
 }, Gv = {
@@ -13643,31 +13643,31 @@ const ac = {
     const t = e, n = a, r = b({
       get: () => t.modelValue,
       set: (h) => n("update:modelValue", h)
-    }), l = b(() => t.loading), u = U({}), d = U({}), f = U(!1), x = (h, z) => {
-      if (!(!h || !z))
-        return z.split(".").reduce((k, H) => k?.[H], h);
-    }, S = (h, z, k) => {
-      const H = z.split("."), A = H.pop(), O = H.reduce((F, C) => (F[C] || (F[C] = {}), F[C]), h);
-      O[A] = k;
+    }), l = b(() => t.loading), u = U({}), d = U({}), f = U(!1), x = (h, S) => {
+      if (!(!h || !S))
+        return S.split(".").reduce((k, H) => k?.[H], h);
+    }, C = (h, S, k) => {
+      const H = S.split("."), z = H.pop(), O = H.reduce((F, A) => (F[A] || (F[A] = {}), F[A]), h);
+      O[z] = k;
     }, B = () => {
       const h = {};
-      return t.fields.forEach((z) => {
-        if (z.name.includes(".")) {
-          const [k] = z.name.split(".");
-          h[k] || (h[k] = {}), S(h, z.name, L(z));
-        } else z.type === "checkbox" || z.type === "switch" ? h[z.name] = !1 : z.type === "number" || z.type === "slider" || z.type === "range" ? h[z.name] = z.min !== void 0 ? z.min : 0 : z.type === "file" ? h[z.name] = null : z.type === "radio" ? h[z.name] = z.options?.[0]?.value || "" : z.type === "multiselect" ? h[z.name] = [] : (z.type, h[z.name] = "");
+      return t.fields.forEach((S) => {
+        if (S.name.includes(".")) {
+          const [k] = S.name.split(".");
+          h[k] || (h[k] = {}), C(h, S.name, L(S));
+        } else S.type === "checkbox" || S.type === "switch" ? h[S.name] = !1 : S.type === "number" || S.type === "slider" || S.type === "range" ? h[S.name] = S.min !== void 0 ? S.min : 0 : S.type === "file" ? h[S.name] = null : S.type === "radio" ? h[S.name] = S.options?.[0]?.value || "" : S.type === "multiselect" ? h[S.name] = [] : (S.type, h[S.name] = "");
       }), h;
     }, L = (h) => h.type === "checkbox" || h.type === "switch" ? !1 : h.type === "number" || h.type === "slider" || h.type === "range" ? h.min !== void 0 ? h.min : 0 : h.type === "file" ? null : h.type === "radio" ? h.options?.[0]?.value || "" : h.type === "multiselect" ? [] : (h.type === "combobox", ""), P = (h) => {
-      const z = {};
+      const S = {};
       return t.fields.forEach((k) => {
         if (k.name.includes(".")) {
           const H = x(h, k.name);
-          z[k.name.split(".")[0]] || (z[k.name.split(".")[0]] = {}), S(z, k.name, H !== void 0 ? H : L(k));
+          S[k.name.split(".")[0]] || (S[k.name.split(".")[0]] = {}), C(S, k.name, H !== void 0 ? H : L(k));
         } else {
           const H = h?.[k.name];
-          k.type === "checkbox" || k.type === "switch" ? z[k.name] = H ?? !1 : k.type === "number" || k.type === "slider" || k.type === "range" ? z[k.name] = H ?? (k.min !== void 0 ? k.min : 0) : k.type === "file" ? z[k.name] = null : k.type === "multiselect" ? z[k.name] = Array.isArray(H) ? H : [] : z[k.name] = H ?? L(k);
+          k.type === "checkbox" || k.type === "switch" ? S[k.name] = H ?? !1 : k.type === "number" || k.type === "slider" || k.type === "range" ? S[k.name] = H ?? (k.min !== void 0 ? k.min : 0) : k.type === "file" ? S[k.name] = null : k.type === "multiselect" ? S[k.name] = Array.isArray(H) ? H : [] : S[k.name] = H ?? L(k);
         }
-      }), z;
+      }), S;
     };
     ge(
       () => t.initialData,
@@ -13690,11 +13690,11 @@ const ac = {
     const T = () => {
       if (d.value = {}, t.fields.forEach((h) => {
         if (h.required && !h.disabled && h.type !== "hidden") {
-          const z = h.name.includes(".") ? x(u.value, h.name) : u.value[h.name];
-          h.type === "checkbox" || h.type === "switch" ? h.required && !z && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "number" || h.type === "slider" || h.type === "range" ? z === "" || z === null || z === void 0 ? d.value[h.name] = h.errorMessage || `${h.label} is required` : h.min !== void 0 && Number(z) < h.min ? d.value[h.name] = `${h.label} must be at least ${h.min}` : h.max !== void 0 && Number(z) > h.max && (d.value[h.name] = `${h.label} must be at most ${h.max}`) : h.type === "email" ? !z || !z.trim() ? d.value[h.name] = h.errorMessage || `${h.label} is required` : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(z) || (d.value[h.name] = "Please enter a valid email address") : h.type === "url" ? !z || !z.trim() ? d.value[h.name] = h.errorMessage || `${h.label} is required` : /^https?:\/\/.+/.test(z) || (d.value[h.name] = "Please enter a valid URL") : h.type === "tel" ? (!z || !z.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "file" ? z || (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "radio" ? z || (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "multiselect" ? (!Array.isArray(z) || z.length === 0) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "combobox" ? (!z || typeof z == "string" && !z.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "date" || h.type === "time" || h.type === "datetime-local" || h.type === "month" || h.type === "week" ? (!z || typeof z == "string" && !z.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "password" ? (!z || typeof z == "string" && !z.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : (!z || typeof z == "string" && !z.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`);
+          const S = h.name.includes(".") ? x(u.value, h.name) : u.value[h.name];
+          h.type === "checkbox" || h.type === "switch" ? h.required && !S && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "number" || h.type === "slider" || h.type === "range" ? S === "" || S === null || S === void 0 ? d.value[h.name] = h.errorMessage || `${h.label} is required` : h.min !== void 0 && Number(S) < h.min ? d.value[h.name] = `${h.label} must be at least ${h.min}` : h.max !== void 0 && Number(S) > h.max && (d.value[h.name] = `${h.label} must be at most ${h.max}`) : h.type === "email" ? !S || !S.trim() ? d.value[h.name] = h.errorMessage || `${h.label} is required` : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S) || (d.value[h.name] = "Please enter a valid email address") : h.type === "url" ? !S || !S.trim() ? d.value[h.name] = h.errorMessage || `${h.label} is required` : /^https?:\/\/.+/.test(S) || (d.value[h.name] = "Please enter a valid URL") : h.type === "tel" ? (!S || !S.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "file" ? S || (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "radio" ? S || (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "multiselect" ? (!Array.isArray(S) || S.length === 0) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "combobox" ? (!S || typeof S == "string" && !S.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "date" || h.type === "time" || h.type === "datetime-local" || h.type === "month" || h.type === "week" ? (!S || typeof S == "string" && !S.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : h.type === "password" ? (!S || typeof S == "string" && !S.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`) : (!S || typeof S == "string" && !S.trim()) && (d.value[h.name] = h.errorMessage || `${h.label} is required`);
         }
         if (h.validate && typeof h.validate == "function") {
-          const z = h.name.includes(".") ? x(u.value, h.name) : u.value[h.name], k = h.validate(z, u.value);
+          const S = h.name.includes(".") ? x(u.value, h.name) : u.value[h.name], k = h.validate(S, u.value);
           k && (d.value[h.name] = k);
         }
       }), t.customValidation) {
@@ -13702,23 +13702,23 @@ const ac = {
         h && Object.keys(h).length > 0 && (d.value = { ...d.value, ...h });
       }
       return Object.keys(d.value).length === 0;
-    }, g = async (h, z) => {
-      if (h.name.includes(".") ? S(u.value, h.name, z) : u.value[h.name] = z, h.onChange && typeof h.onChange == "function")
+    }, g = async (h, S) => {
+      if (h.name.includes(".") ? C(u.value, h.name, S) : u.value[h.name] = S, h.onChange && typeof h.onChange == "function")
         try {
-          await h.onChange(z, u.value);
+          await h.onChange(S, u.value);
         } catch (k) {
           console.error("Error in onChange handler:", k), Ae.error("An error occurred while processing the change");
         }
-    }, m = (h, z) => {
-      if (h.name.includes(".") ? S(u.value, h.name, z) : u.value[h.name] = z, h.onChange && typeof h.onChange == "function")
+    }, m = (h, S) => {
+      if (h.name.includes(".") ? C(u.value, h.name, S) : u.value[h.name] = S, h.onChange && typeof h.onChange == "function")
         try {
-          h.onChange(z, u.value);
+          h.onChange(S, u.value);
         } catch (k) {
           console.error("Error in onChange handler:", k), Ae.error("An error occurred while processing the change");
         }
-    }, c = (h, z) => {
-      const k = z.target.files?.[0] || null;
-      if (h.name.includes(".") ? S(u.value, h.name, k) : u.value[h.name] = k, h.onChange && typeof h.onChange == "function")
+    }, c = (h, S) => {
+      const k = S.target.files?.[0] || null;
+      if (h.name.includes(".") ? C(u.value, h.name, k) : u.value[h.name] = k, h.onChange && typeof h.onChange == "function")
         try {
           h.onChange(k, u.value);
         } catch (H) {
@@ -13731,14 +13731,14 @@ const ac = {
           return;
         }
         const h = {};
-        t.fields.forEach((z) => {
-          const k = z.name.includes(".") ? x(u.value, z.name) : u.value[z.name];
-          if (z.type === "number" || z.type === "slider" || z.type === "range")
-            z.name.includes(".") ? S(h, z.name, Number(k)) : h[z.name] = Number(k);
-          else if (z.type === "text" || z.type === "textarea" || z.type === "date" || z.type === "email" || z.type === "url" || z.type === "tel" || z.type === "search" || z.type === "time" || z.type === "datetime-local" || z.type === "month" || z.type === "week") {
+        t.fields.forEach((S) => {
+          const k = S.name.includes(".") ? x(u.value, S.name) : u.value[S.name];
+          if (S.type === "number" || S.type === "slider" || S.type === "range")
+            S.name.includes(".") ? C(h, S.name, Number(k)) : h[S.name] = Number(k);
+          else if (S.type === "text" || S.type === "textarea" || S.type === "date" || S.type === "email" || S.type === "url" || S.type === "tel" || S.type === "search" || S.type === "time" || S.type === "datetime-local" || S.type === "month" || S.type === "week") {
             const H = typeof k == "string" ? k.trim() : k;
-            z.name.includes(".") ? S(h, z.name, H) : h[z.name] = H;
-          } else z.type === "password" || z.type, z.name.includes(".") ? S(h, z.name, k) : h[z.name] = k;
+            S.name.includes(".") ? C(h, S.name, H) : h[S.name] = H;
+          } else S.type === "password" || S.type, S.name.includes(".") ? C(h, S.name, k) : h[S.name] = k;
         }), n("submit", {
           formData: h,
           modalType: t.modalType,
@@ -13749,12 +13749,12 @@ const ac = {
       }
     }, $ = () => {
       u.value = B(), d.value = {}, f.value = !1, n("close");
-    }, j = (h) => h.includes(".") ? x(u.value, h) : u.value[h], V = (h, z) => {
-      h.includes(".") ? S(u.value, h, z) : u.value[h] = z;
+    }, j = (h) => h.includes(".") ? x(u.value, h) : u.value[h], V = (h, S) => {
+      h.includes(".") ? C(u.value, h, S) : u.value[h] = S;
     };
-    return (h, z) => (s(), q(Na, {
+    return (h, S) => (s(), q(Na, {
       modelValue: r.value,
-      "onUpdate:modelValue": z[0] || (z[0] = (k) => r.value = k),
+      "onUpdate:modelValue": S[0] || (S[0] = (k) => r.value = k),
       "show-close": !0,
       "close-on-backdrop": !0,
       size: e.modalSize,
@@ -13762,7 +13762,7 @@ const ac = {
       resizable: e.modalResizable,
       onClose: $
     }, {
-      default: W(() => [
+      default: Y(() => [
         o("div", Uv, [
           o("h2", qv, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
           o("p", Hv, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
@@ -13778,7 +13778,7 @@ const ac = {
               key: 0,
               value: j(k.name),
               type: "hidden"
-            }, null, 8, Yv)) : (s(), q(Ea, {
+            }, null, 8, Wv)) : (s(), q(Ea, {
               key: 1,
               id: `form-${e.entityName}-${k.name}-${Math.random().toString(36).slice(2, 5)}`,
               label: k.label,
@@ -13786,7 +13786,7 @@ const ac = {
               error: d.value[k.name],
               "error-message": d.value[k.name]
             }, {
-              default: W(({ fieldId: H, hasError: A, ariaDescribedBy: O }) => [
+              default: Y(({ fieldId: H, hasError: z, ariaDescribedBy: O }) => [
                 ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(k.type) ? (s(), q(he, {
                   key: 0,
                   id: H,
@@ -13795,7 +13795,7 @@ const ac = {
                   placeholder: k.placeholder,
                   disabled: l.value || k.disabled,
                   readonly: k.disabled,
-                  class: v(A ? "border-red-500" : "border-slate-300"),
+                  class: v(z ? "border-red-500" : "border-slate-300"),
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
                 }, null, 8, ["id", "model-value", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby", "onUpdate:modelValue"])) : k.type === "textarea" ? (s(), q(Da, {
@@ -13807,7 +13807,7 @@ const ac = {
                   rows: k.rows || 3,
                   class: v([
                     "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
-                    A ? "border-red-500" : "border-slate-300"
+                    z ? "border-red-500" : "border-slate-300"
                   ]),
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
@@ -13818,7 +13818,7 @@ const ac = {
                   options: k.options,
                   placeholder: k.placeholder || "Select an option",
                   disabled: l.value || k.disabled,
-                  "has-error": A,
+                  "has-error": z,
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => g(k, F)
                 }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : k.type === "multiselect" ? (s(), q(Er, {
@@ -13828,7 +13828,7 @@ const ac = {
                   options: k.options,
                   disabled: l.value || k.disabled,
                   placeholder: k.placeholder || "Select options",
-                  "has-error": A,
+                  "has-error": z,
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
                 }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : k.type === "combobox" ? (s(), q(Me, {
@@ -13838,11 +13838,11 @@ const ac = {
                   options: k.options,
                   placeholder: k.placeholder || "Select or type to add new",
                   disabled: l.value || k.disabled,
-                  "has-error": A,
+                  "has-error": z,
                   "aria-describedby": O,
                   "allow-create": k.allowCreate,
                   "onUpdate:modelValue": (F) => g(k, F)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : k.type === "checkbox" ? (s(), i("div", Wv, [
+                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : k.type === "checkbox" ? (s(), i("div", Yv, [
                   I(he, {
                     id: H,
                     "model-value": j(k.name),
@@ -13856,7 +13856,7 @@ const ac = {
                     for: H,
                     class: "ml-2 text-sm text-gray-700"
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       ne(w(k.checkboxLabel || k.label), 1)
                     ]),
                     _: 2
@@ -13886,7 +13886,7 @@ const ac = {
                     for: H,
                     class: "ml-3 text-sm text-gray-700"
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       ne(w(k.checkboxLabel || k.label), 1)
                     ]),
                     _: 2
@@ -13904,13 +13904,13 @@ const ac = {
                       disabled: l.value || k.disabled,
                       class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
                       "aria-describedby": O,
-                      "onUpdate:modelValue": (C) => V(k.name, C)
+                      "onUpdate:modelValue": (A) => V(k.name, A)
                     }, null, 8, ["id", "model-value", "value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
                     I(Ee, {
                       for: `${H}-${F.value}`,
                       class: "ml-2 text-sm text-gray-700"
                     }, {
-                      default: W(() => [
+                      default: Y(() => [
                         ne(w(F.label), 1)
                       ]),
                       _: 2
@@ -13924,7 +13924,7 @@ const ac = {
                     disabled: l.value || k.disabled,
                     class: v([
                       "w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100",
-                      A ? "border-red-500" : "border-slate-300"
+                      z ? "border-red-500" : "border-slate-300"
                     ]),
                     "aria-describedby": O,
                     onChange: (F) => c(k, F)
@@ -13975,7 +13975,7 @@ const ac = {
                   "model-value": j(k.name),
                   type: "time",
                   disabled: l.value || k.disabled,
-                  class: v(A ? "border-red-500" : "border-slate-300"),
+                  class: v(z ? "border-red-500" : "border-slate-300"),
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
                 }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : k.type === "datetime-local" ? (s(), q(he, {
@@ -13984,7 +13984,7 @@ const ac = {
                   "model-value": j(k.name),
                   type: "datetime-local",
                   disabled: l.value || k.disabled,
-                  class: v(A ? "border-red-500" : "border-slate-300"),
+                  class: v(z ? "border-red-500" : "border-slate-300"),
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
                 }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : k.type === "month" ? (s(), q(he, {
@@ -13993,7 +13993,7 @@ const ac = {
                   "model-value": j(k.name),
                   type: "month",
                   disabled: l.value || k.disabled,
-                  class: v(A ? "border-red-500" : "border-slate-300"),
+                  class: v(z ? "border-red-500" : "border-slate-300"),
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
                 }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : k.type === "week" ? (s(), q(he, {
@@ -14002,7 +14002,7 @@ const ac = {
                   "model-value": j(k.name),
                   type: "week",
                   disabled: l.value || k.disabled,
-                  class: v(A ? "border-red-500" : "border-slate-300"),
+                  class: v(z ? "border-red-500" : "border-slate-300"),
                   "aria-describedby": O,
                   "onUpdate:modelValue": (F) => V(k.name, F)
                 }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : p("", !0)
@@ -14017,7 +14017,7 @@ const ac = {
               disabled: l.value,
               onClick: $
             }, {
-              default: W(() => [...z[1] || (z[1] = [
+              default: Y(() => [...S[1] || (S[1] = [
                 ne(" Cancel ", -1)
               ])]),
               _: 1
@@ -14028,7 +14028,7 @@ const ac = {
               loading: l.value,
               variant: "default"
             }, {
-              default: W(() => [
+              default: Y(() => [
                 ne(w(e.modalType === "create" ? `Create ${e.entityName}` : `Update ${e.entityName}`), 1)
               ]),
               _: 1
@@ -14173,7 +14173,7 @@ const ac = {
         g && Object.keys(g).length > 0 && (u.value = { ...u.value, ...g });
       }
       return Object.keys(u.value).length === 0;
-    }, S = async (g, m) => {
+    }, C = async (g, m) => {
       if (l.value[g.name] = m, g.onChange && typeof g.onChange == "function")
         try {
           await g.onChange(m, l.value);
@@ -14240,7 +14240,7 @@ const ac = {
             error: u.value[c.name],
             "error-message": u.value[c.name]
           }, {
-            default: W(({ fieldId: y, hasError: $, ariaDescribedBy: j }) => [
+            default: Y(({ fieldId: y, hasError: $, ariaDescribedBy: j }) => [
               ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(c.type) ? (s(), q(he, {
                 key: 0,
                 id: y,
@@ -14274,7 +14274,7 @@ const ac = {
                 disabled: r.value || c.disabled,
                 "has-error": $,
                 "aria-describedby": j,
-                "onUpdate:modelValue": (V) => S(c, V)
+                "onUpdate:modelValue": (V) => C(c, V)
               }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : c.type === "multiselect" ? (s(), q(Er, {
                 key: 3,
                 id: y,
@@ -14299,7 +14299,7 @@ const ac = {
                   for: y,
                   class: "ml-2 text-sm text-gray-700"
                 }, {
-                  default: W(() => [
+                  default: Y(() => [
                     ne(w(c.checkboxLabel || c.label), 1)
                   ]),
                   _: 2
@@ -14329,7 +14329,7 @@ const ac = {
                   for: y,
                   class: "ml-3 text-sm text-gray-700"
                 }, {
-                  default: W(() => [
+                  default: Y(() => [
                     ne(w(c.checkboxLabel || c.label), 1)
                   ]),
                   _: 2
@@ -14353,7 +14353,7 @@ const ac = {
                     for: `${y}-${V.value}`,
                     class: "ml-2 text-sm text-gray-700"
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       ne(w(V.label), 1)
                     ]),
                     _: 2
@@ -14460,7 +14460,7 @@ const ac = {
             disabled: r.value,
             onClick: T
           }, {
-            default: W(() => [...m[0] || (m[0] = [
+            default: Y(() => [...m[0] || (m[0] = [
               ne(" Reset ", -1)
             ])]),
             _: 1
@@ -14471,7 +14471,7 @@ const ac = {
             loading: r.value,
             variant: "default"
           }, {
-            default: W(() => [...m[1] || (m[1] = [
+            default: Y(() => [...m[1] || (m[1] = [
               ne(" Submit ", -1)
             ])]),
             _: 1
@@ -14551,25 +14551,25 @@ const ac = {
     "update:mobileOpen"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = U(!1), u = U(!1), d = U(null), f = U(!1), x = b(() => n.mobileOpen), S = b(() => l.value ? {} : {
+    const n = e, r = t, l = U(!1), u = U(!1), d = U(null), f = U(!1), x = b(() => n.mobileOpen), C = b(() => l.value ? {} : {
       left: `${n.sidebarWidth}px`
     }), B = b(() => l.value ? {} : {
       left: `${n.sidebarWidth}px`
     }), L = b(() => {
       if (l.value)
         return 0;
-      let A = n.sidebarWidth;
-      return u.value && (A += 220), f.value && (A += 220), A;
-    }), P = (A) => {
-      r("navigate", A), l.value && T();
-      const O = u.value && d.value && d.value.subItems.some((C) => C.route === A.route), F = f.value && n.managementSettings.some((C) => C.route === A.route);
+      let z = n.sidebarWidth;
+      return u.value && (z += 220), f.value && (z += 220), z;
+    }), P = (z) => {
+      r("navigate", z), l.value && T();
+      const O = u.value && d.value && d.value.subItems.some((A) => A.route === z.route), F = f.value && n.managementSettings.some((A) => A.route === z.route);
       (l.value || !(O || F)) && j();
     }, T = () => {
       r("update:mobileOpen", !1);
-    }, g = (A) => A.subItems && A.subItems.length > 0, m = (A) => {
-      f.value && $(), u.value && d.value !== A ? (y(), setTimeout(() => {
-        d.value = A, u.value = !0;
-      }, 300)) : u.value ? d.value === A && y() : (d.value = A, u.value = !0), l.value && T();
+    }, g = (z) => z.subItems && z.subItems.length > 0, m = (z) => {
+      f.value && $(), u.value && d.value !== z ? (y(), setTimeout(() => {
+        d.value = z, u.value = !0;
+      }, 300)) : u.value ? d.value === z && y() : (d.value = z, u.value = !0), l.value && T();
     }, c = () => {
       u.value && y(), f.value ? $() : f.value = !0, l.value && T();
     }, y = () => {
@@ -14580,18 +14580,18 @@ const ac = {
       f.value = !1;
     }, j = () => {
       y(), $();
-    }, V = (A) => {
-      P(A);
-    }, h = (A) => {
-      P(A);
-    }, z = (A) => {
+    }, V = (z) => {
+      P(z);
+    }, h = (z) => {
+      P(z);
+    }, S = (z) => {
       const O = n.currentPath;
-      return A.route ? !!(O === A.route || O.startsWith(A.route + "/")) : A.subItems && A.subItems.length > 0 ? A.subItems.some((F) => F.route ? O === F.route || O.startsWith(F.route + "/") : !1) : !1;
+      return z.route ? !!(O === z.route || O.startsWith(z.route + "/")) : z.subItems && z.subItems.length > 0 ? z.subItems.some((F) => F.route ? O === F.route || O.startsWith(F.route + "/") : !1) : !1;
     }, k = () => {
-      const A = l.value;
-      l.value = window.innerWidth < 1024, A && !l.value && x.value && T();
-    }, H = (A) => {
-      A.key === "Escape" && (u.value || f.value ? j() : l.value && x.value && T());
+      const z = l.value;
+      l.value = window.innerWidth < 1024, z && !l.value && x.value && T();
+    }, H = (z) => {
+      z.key === "Escape" && (u.value || f.value ? j() : l.value && x.value && T());
     };
     return Ce(() => {
       k(), window.addEventListener("resize", k), document.addEventListener("keydown", H);
@@ -14604,7 +14604,7 @@ const ac = {
       managementSettingsOpen: f,
       contentMarginLeft: L,
       closeAllMenus: j
-    }), (A, O) => {
+    }), (z, O) => {
       const F = be("router-link");
       return s(), i("div", null, [
         I(ve, {
@@ -14615,7 +14615,7 @@ const ac = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: W(() => [
+          default: Y(() => [
             x.value && l.value ? (s(), i("div", {
               key: 0,
               class: "fixed inset-0 z-30 lg:hidden",
@@ -14625,11 +14625,11 @@ const ac = {
           _: 1
         }),
         o("aside", {
-          class: v(Y(M)(
+          class: v(W(M)(
             "fixed left-0 z-40 border-r overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             "bg-white border-gray-200",
-            l.value ? Y(M)("transform h-screen", x.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
+            l.value ? W(M)("transform h-screen", x.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
           )),
           style: fe({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
@@ -14657,67 +14657,67 @@ const ac = {
           ])) : p("", !0),
           o("nav", wh, [
             o("div", kh, [
-              (s(!0), i(Q, null, Z(e.navigationItems, (C) => (s(), i(Q, {
-                key: C.name || C.label
+              (s(!0), i(Q, null, Z(e.navigationItems, (A) => (s(), i(Q, {
+                key: A.name || A.label
               }, [
-                C.type === "link" ? (s(), i("div", $h, [
-                  g(C) ? (s(), i("div", {
+                A.type === "link" ? (s(), i("div", $h, [
+                  g(A) ? (s(), i("div", {
                     key: 1,
-                    class: v(Y(M)(
+                    class: v(W(M)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      z(C) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      S(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
-                    onClick: (N) => m(C)
+                    onClick: (N) => m(A)
                   }, [
                     o("div", {
-                      class: v(Y(M)(
+                      class: v(W(M)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        z(C) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                        S(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
                       I(ae, {
-                        icon: C.icon,
+                        icon: A.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
                     ], 2),
                     o("span", {
-                      class: v(Y(M)(
+                      class: v(W(M)(
                         "text-xs font-medium text-center",
-                        z(C) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        S(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
-                    }, w(C.label), 3),
-                    C.badge ? (s(), i("span", zh, w(C.badge), 1)) : p("", !0),
-                    z(C) && g(C) ? (s(), i("div", Ah)) : p("", !0)
+                    }, w(A.label), 3),
+                    A.badge ? (s(), i("span", zh, w(A.badge), 1)) : p("", !0),
+                    S(A) && g(A) ? (s(), i("div", Ah)) : p("", !0)
                   ], 10, Sh)) : (s(), q(F, {
                     key: 0,
-                    to: C.route,
-                    class: v(Y(M)(
+                    to: A.route,
+                    class: v(W(M)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      z(C) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      S(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
-                    onClick: (N) => P(C)
+                    onClick: (N) => P(A)
                   }, {
-                    default: W(() => [
+                    default: Y(() => [
                       o("div", {
-                        class: v(Y(M)(
+                        class: v(W(M)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          z(C) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                          S(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
                         I(ae, {
-                          icon: C.icon,
+                          icon: A.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
                       ], 2),
                       o("span", {
-                        class: v(Y(M)(
+                        class: v(W(M)(
                           "text-xs font-medium text-center",
-                          z(C) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          S(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
-                      }, w(C.label), 3),
-                      C.badge ? (s(), i("span", Ch, w(C.badge), 1)) : p("", !0)
+                      }, w(A.label), 3),
+                      A.badge ? (s(), i("span", Ch, w(A.badge), 1)) : p("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -14727,14 +14727,14 @@ const ac = {
           ]),
           e.showManagementSettings ? (s(), i("div", Vh, [
             o("div", {
-              class: v(Y(M)(
+              class: v(W(M)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
                 e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
               )),
               onClick: c
             }, [
               o("div", {
-                class: v(Y(M)(
+                class: v(W(M)(
                   "flex items-center justify-center rounded-lg transition-colors mb-2",
                   "w-12 h-12",
                   e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
@@ -14746,7 +14746,7 @@ const ac = {
                 })
               ], 2),
               o("span", {
-                class: v(Y(M)(
+                class: v(W(M)(
                   "text-xs font-medium text-center",
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
@@ -14763,16 +14763,16 @@ const ac = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
-          default: W(() => [
+          default: Y(() => [
             u.value ? (s(), i("aside", {
               key: 0,
               class: v(
-                Y(M)(
+                W(M)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
                   l.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
               ),
-              style: fe(S.value)
+              style: fe(C.value)
             }, [
               o("div", Ph, [
                 o("div", Th, [
@@ -14800,40 +14800,40 @@ const ac = {
               ]),
               o("nav", Oh, [
                 o("div", Mh, [
-                  (s(!0), i(Q, null, Z(d.value?.subItems, (C) => (s(), q(F, {
-                    key: C.name,
-                    to: C.route,
+                  (s(!0), i(Q, null, Z(d.value?.subItems, (A) => (s(), q(F, {
+                    key: A.name,
+                    to: A.route,
                     class: v(
-                      Y(M)(
+                      W(M)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        z(C) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        S(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     ),
-                    onClick: (N) => V(C)
+                    onClick: (N) => V(A)
                   }, {
-                    default: W(() => [
-                      z(C) ? (s(), i("div", Ih)) : p("", !0),
+                    default: Y(() => [
+                      S(A) ? (s(), i("div", Ih)) : p("", !0),
                       o("div", {
                         class: v(
-                          Y(M)(
+                          W(M)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            z(C) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            S(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        C.icon ? (s(), q(ae, {
+                        A.icon ? (s(), q(ae, {
                           key: 0,
-                          icon: C.icon,
+                          icon: A.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : p("", !0)
                       ], 2),
                       o("span", {
-                        class: v(Y(M)(
+                        class: v(W(M)(
                           "flex-1 truncate font-semibold",
-                          z(C) ? "text-blue-700" : "text-gray-700"
+                          S(A) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, w(C.label), 3),
-                      C.badge ? (s(), i("span", Fh, w(C.badge), 1)) : p("", !0)
+                      }, w(A.label), 3),
+                      A.badge ? (s(), i("span", Fh, w(A.badge), 1)) : p("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -14851,11 +14851,11 @@ const ac = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
-          default: W(() => [
+          default: Y(() => [
             f.value ? (s(), i("aside", {
               key: 0,
               class: v(
-                Y(M)(
+                W(M)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
                   l.value ? "left-0 w-52 top-20 h-full" : "w-58 h-[calc(100vh-4rem)]"
                 )
@@ -14888,42 +14888,42 @@ const ac = {
               ]),
               o("nav", Lh, [
                 o("div", Dh, [
-                  (s(!0), i(Q, null, Z(e.managementSettings, (C) => (s(), i(Q, {
-                    key: C.name
+                  (s(!0), i(Q, null, Z(e.managementSettings, (A) => (s(), i(Q, {
+                    key: A.name
                   }, [
-                    C.type === "section" ? (s(), i("div", Eh, w(C.label), 1)) : C.route ? (s(), q(F, {
+                    A.type === "section" ? (s(), i("div", Eh, w(A.label), 1)) : A.route ? (s(), q(F, {
                       key: 1,
-                      to: C.route,
+                      to: A.route,
                       class: v(
-                        Y(M)(
+                        W(M)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                          z(C) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                          S(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                         )
                       ),
-                      onClick: (N) => h(C)
+                      onClick: (N) => h(A)
                     }, {
-                      default: W(() => [
-                        z(C) ? (s(), i("div", Nh)) : p("", !0),
+                      default: Y(() => [
+                        S(A) ? (s(), i("div", Nh)) : p("", !0),
                         o("div", {
                           class: v(
-                            Y(M)(
+                            W(M)(
                               "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
-                              z(C) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                              S(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                             )
                           )
                         }, [
-                          C.icon ? (s(), q(ae, {
+                          A.icon ? (s(), q(ae, {
                             key: 0,
-                            icon: C.icon,
+                            icon: A.icon,
                             class: "w-4 h-4"
                           }, null, 8, ["icon"])) : p("", !0)
                         ], 2),
                         o("span", {
-                          class: v(Y(M)(
+                          class: v(W(M)(
                             "flex-1 truncate font-semibold",
-                            z(C) ? "text-blue-700" : "text-gray-700"
+                            S(A) ? "text-blue-700" : "text-gray-700"
                           ))
-                        }, w(C.label), 3)
+                        }, w(A.label), 3)
                       ]),
                       _: 2
                     }, 1032, ["to", "class", "onClick"])) : p("", !0)
@@ -14942,7 +14942,7 @@ const ac = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: W(() => [
+          default: Y(() => [
             (u.value || f.value) && l.value ? (s(), i("div", {
               key: 0,
               class: "fixed inset-0 z-30 bg-transparent",
@@ -14976,10 +14976,10 @@ const ac = {
 }, Uh = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, qh = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Hh = { class: "text-slate-900 font-medium" }, Yh = {
+}, qh = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Hh = { class: "text-slate-900 font-medium" }, Wh = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Wh = { class: "mt-2 text-slate-600 text-sm" }, Gh = {
+}, Yh = { class: "mt-2 text-slate-600 text-sm" }, Gh = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -15020,12 +15020,12 @@ const ac = {
             ne(w(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), i("p", Yh, [
+        e.subtitle ? (s(), i("p", Wh, [
           R(a.$slots, "subtitle", {}, () => [
             ne(w(e.subtitle), 1)
           ])
         ])) : p("", !0),
-        o("div", Wh, [
+        o("div", Yh, [
           R(a.$slots, "default")
         ])
       ], 2)
@@ -15254,29 +15254,29 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       const n = be("Logo"), r = be("MainNavigation"), l = be("Button"), u = be("Header"), d = be("Breadcrumb"), f = be("Text"), x = be("Footer");
       return s(), i("div", Sb, [
         I(u, null, {
-          logo: W(() => [
+          logo: Y(() => [
             R(a.$slots, "logo", {}, () => [
               I(n)
             ])
           ]),
-          navigation: W(() => [
+          navigation: Y(() => [
             R(a.$slots, "navigation", {}, () => [
               I(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
-          actions: W(() => [
+          actions: Y(() => [
             R(a.$slots, "header-actions", {}, () => [
               I(l, {
                 variant: "ghost",
                 size: "sm"
               }, {
-                default: W(() => [...t[0] || (t[0] = [
+                default: Y(() => [...t[0] || (t[0] = [
                   ne(" Sign In ", -1)
                 ])]),
                 _: 1
               }),
               I(l, { size: "sm" }, {
-                default: W(() => [...t[1] || (t[1] = [
+                default: Y(() => [...t[1] || (t[1] = [
                   ne(" Get Started ", -1)
                 ])]),
                 _: 1
@@ -15298,11 +15298,11 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
           ])
         ]),
         I(x, null, {
-          brand: W(() => [
+          brand: Y(() => [
             R(a.$slots, "footer-brand", {}, () => [
               I(n, { class: "mb-4" }),
               I(f, { class: "text-gray-600 max-w-md" }, {
-                default: W(() => [...t[2] || (t[2] = [
+                default: Y(() => [...t[2] || (t[2] = [
                   ne(" Your application description goes here. ", -1)
                 ])]),
                 _: 1
@@ -15408,7 +15408,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
     }), Te(() => {
       window.removeEventListener("online", x), window.removeEventListener("offline", x);
     });
-    const S = b(() => {
+    const C = b(() => {
       const le = {
         404: {
           title: "Page Not Found",
@@ -15502,7 +15502,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
         }
       };
       return le[e.errorType] || le[404];
-    }), B = b(() => S.value), L = b(() => e.errorTitle || B.value.title), P = b(() => e.errorMessage || B.value.message), T = b(() => B.value.homeButtonIcon || "🏠"), g = b(() => e.showAdditionalInfo ? B.value.additionalInfo : null), m = () => {
+    }), B = b(() => C.value), L = b(() => e.errorTitle || B.value.title), P = b(() => e.errorMessage || B.value.message), T = b(() => B.value.homeButtonIcon || "🏠"), g = b(() => e.showAdditionalInfo ? B.value.additionalInfo : null), m = () => {
       n ? n.push(e.homeUrl) : window.location.href = e.homeUrl;
     }, c = () => {
       n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : m(), a("back");
@@ -15525,25 +15525,25 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       "w-full max-w-2xl mx-auto text-center"
     ]), h = b(() => [
       "mb-8"
-    ]), z = b(() => [
+    ]), S = b(() => [
       "space-y-8"
     ]), k = b(() => [
       "flex justify-center mb-6"
     ]), H = b(() => [
       "w-32 h-32 flex items-center justify-center"
-    ]), A = b(() => [
+    ]), z = b(() => [
       "space-y-4"
     ]), O = b(() => [
       "text-6xl font-bold text-slate-300 mb-4"
     ]), F = b(() => [
       "text-3xl font-bold text-slate-900"
-    ]), C = b(() => [
+    ]), A = b(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), N = b(() => [
       "mt-8"
-    ]), te = b(() => [
+    ]), ee = b(() => [
       "mt-8"
-    ]), ie = b(() => [
+    ]), oe = b(() => [
       "mt-6"
     ]);
     return {
@@ -15568,16 +15568,16 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       backgroundClasses: j,
       contentClasses: V,
       headerClasses: h,
-      errorContentClasses: z,
+      errorContentClasses: S,
       illustrationClasses: k,
       iconContainerClasses: H,
-      detailsClasses: A,
+      detailsClasses: z,
       codeClasses: O,
       titleClasses: F,
-      messageClasses: C,
+      messageClasses: A,
       actionsClasses: N,
-      additionalInfoClasses: te,
-      helpClasses: ie
+      additionalInfoClasses: ee,
+      helpClasses: oe
     };
   }
 }, jb = { class: "flex justify-center" }, Ob = { class: "flex items-center gap-3" }, Mb = { class: "text-2xl font-bold text-slate-900" }, Ib = {
@@ -15589,7 +15589,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
 }, Eb = { key: 1 }, Nb = ["disabled"], Rb = { key: 0 }, _b = { key: 1 }, Ub = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, qb = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Hb = { class: "text-lg font-semibold text-slate-900 mb-4" }, Yb = { class: "space-y-3" }, Wb = { class: "text-sm text-slate-600" }, Gb = ["href"], Kb = {
+}, qb = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Hb = { class: "text-lg font-semibold text-slate-900 mb-4" }, Wb = { class: "space-y-3" }, Yb = { class: "text-sm text-slate-600" }, Gb = ["href"], Kb = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
@@ -15722,7 +15722,7 @@ function Xb(e, a, t, n, r, l) {
             n.additionalInfoConfig ? (s(), i("div", Ub, [
               o("div", qb, [
                 o("h3", Hb, w(n.additionalInfoConfig.title), 1),
-                o("ul", Yb, [
+                o("ul", Wb, [
                   (s(!0), i(Q, null, Z(n.additionalInfoConfig.items, (u, d) => (s(), i("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -15742,7 +15742,7 @@ function Xb(e, a, t, n, r, l) {
           class: v(n.helpClasses)
         }, [
           R(e.$slots, "help", {}, () => [
-            o("p", Wb, [
+            o("p", Yb, [
               ne(w(t.helpText) + " ", 1),
               t.supportUrl ? (s(), i("a", {
                 key: 0,
@@ -15864,37 +15864,37 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
     }), x = b(() => {
       const $ = t.showLegend && t.legendPosition === "bottom" ? Math.ceil(t.data.length / 2) * 25 : 0, j = t.height - $, V = t.showLegend && t.legendPosition === "right" ? t.width * 0.6 : t.width;
       return Math.min(V, j) / 2 - 40;
-    }), S = b(() => t.doughnut ? x.value * t.innerRadiusRatio : 0), B = b(() => {
+    }), C = b(() => t.doughnut ? x.value * t.innerRadiusRatio : 0), B = b(() => {
       if (!u.value) return [];
       const $ = l.value;
       let j = -Math.PI / 2;
       return t.data.map((V, h) => {
-        const z = V || 0, k = (z / $ * 100).toFixed(1), H = z / $ * 2 * Math.PI, A = j + H, O = L(
+        const S = V || 0, k = (S / $ * 100).toFixed(1), H = S / $ * 2 * Math.PI, z = j + H, O = L(
           d.value,
           f.value,
           x.value,
-          S.value,
+          C.value,
           j,
-          A
-        ), F = t.doughnut ? (x.value + S.value) / 2 : x.value * 0.7, C = j + H / 2, N = d.value + Math.cos(C) * F, te = f.value + Math.sin(C) * F, ie = {
-          value: z,
+          z
+        ), F = t.doughnut ? (x.value + C.value) / 2 : x.value * 0.7, A = j + H / 2, N = d.value + Math.cos(A) * F, ee = f.value + Math.sin(A) * F, oe = {
+          value: S,
           percentage: k,
           path: O,
           labelX: N,
-          labelY: te,
+          labelY: ee,
           label: t.labels[h] || `Item ${h + 1}`,
           startAngle: j,
-          endAngle: A
+          endAngle: z
         };
-        return j = A, ie;
+        return j = z, oe;
       }).filter((V) => V.value > 0);
-    }), L = ($, j, V, h, z, k) => {
-      const H = $ + V * Math.cos(z), A = j + V * Math.sin(z), O = $ + V * Math.cos(k), F = j + V * Math.sin(k), C = k - z > Math.PI ? 1 : 0;
+    }), L = ($, j, V, h, S, k) => {
+      const H = $ + V * Math.cos(S), z = j + V * Math.sin(S), O = $ + V * Math.cos(k), F = j + V * Math.sin(k), A = k - S > Math.PI ? 1 : 0;
       if (h === 0)
-        return `M ${$} ${j} L ${H} ${A} A ${V} ${V} 0 ${C} 1 ${O} ${F} Z`;
+        return `M ${$} ${j} L ${H} ${z} A ${V} ${V} 0 ${A} 1 ${O} ${F} Z`;
       {
-        const N = $ + h * Math.cos(k), te = j + h * Math.sin(k), ie = $ + h * Math.cos(z), le = j + h * Math.sin(z);
-        return `M ${H} ${A} A ${V} ${V} 0 ${C} 1 ${O} ${F} L ${N} ${te} A ${h} ${h} 0 ${C} 0 ${ie} ${le} Z`;
+        const N = $ + h * Math.cos(k), ee = j + h * Math.sin(k), oe = $ + h * Math.cos(S), le = j + h * Math.sin(S);
+        return `M ${H} ${z} A ${V} ${V} 0 ${A} 1 ${O} ${F} L ${N} ${ee} A ${h} ${h} 0 ${A} 0 ${oe} ${le} Z`;
       }
     }, P = ($) => t.colors[$ % t.colors.length], T = ($) => {
       if (t.legendPosition === "right")
@@ -15947,16 +15947,16 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             stroke: e.strokeColor,
             "stroke-width": e.strokeWidth,
             class: v(e.sliceClasses),
-            onMouseenter: (z) => m(z, V, h),
+            onMouseenter: (S) => m(S, V, h),
             onMouseleave: c,
-            onClick: (z) => y(V, h)
+            onClick: (S) => y(V, h)
           }, null, 42, tp))), 128))
         ]),
         e.doughnut ? (s(), i("circle", {
           key: 0,
           cx: d.value,
           cy: f.value,
-          r: S.value,
+          r: C.value,
           fill: e.centerFill
         }, null, 8, ap)) : p("", !0),
         e.doughnut && e.showCenterText ? (s(), i("g", np, [
@@ -16050,10 +16050,10 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
 }, Bp = { class: "flex items-center justify-between mb-3" }, Pp = { class: "space-y-2" }, Tp = { class: "text-slate-700" }, jp = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Op = { class: "relative flex-1 overflow-hidden" }, Mp = {
   key: 0,
   class: "absolute inset-0 bg-white/90 backdrop-blur-sm z-10 flex items-center justify-center"
-}, Ip = {
+}, Ip = { class: "w-full h-full flex items-center justify-center" }, Fp = {
   key: 3,
   class: "border-t border-slate-200 px-6 py-3 bg-slate-50 flex-shrink-0"
-}, Fp = {
+}, Lp = {
   __name: "DashboardWidget",
   props: {
     id: { type: String, required: !0 },
@@ -16094,15 +16094,15 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       large: "p-6"
     }, d = U(!1), f = U({});
     Ce(() => {
-      t.customizationOptions.forEach((A) => {
-        f.value[A.id] = A.default ?? !0;
+      t.customizationOptions.forEach((z) => {
+        f.value[z.id] = z.default ?? !0;
       });
     });
     const x = () => {
       d.value = !d.value;
-    }, S = (A, O) => {
-      f.value[A] = O, n("customize", { ...f.value });
-    }, B = U(null), L = U(!1), P = (A) => {
+    }, C = (z, O) => {
+      f.value[z] = O, n("customize", { ...f.value });
+    }, B = U(null), L = U(!1), P = (z) => {
       if (!L.value) return;
       const O = {
         r: () => n("refresh"),
@@ -16114,7 +16114,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         H: () => m.value = !m.value,
         "?": () => m.value = !m.value
       };
-      O[A.key] && (A.preventDefault(), O[A.key](), n("keypress", A.key));
+      O[z.key] && (z.preventDefault(), O[z.key](), n("keypress", z.key));
     }, T = () => {
       L.value = !0;
     }, g = () => {
@@ -16126,40 +16126,40 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       { key: "?", description: "Toggle help" }
     ], y = U(!1);
     let $ = null;
-    const j = (A) => {
-      if (!A.dataTransfer) return;
+    const j = (z) => {
+      if (!z.dataTransfer) return;
       y.value = !0, n("dragstart", t.id);
-      const O = A.target.getBoundingClientRect();
-      $ = A.target.cloneNode(!0), Object.assign($.style, {
+      const O = z.target.getBoundingClientRect();
+      $ = z.target.cloneNode(!0), Object.assign($.style, {
         position: "fixed",
         width: `${O.width}px`,
         height: `${O.height}px`,
         pointerEvents: "none",
         opacity: "0.8",
         zIndex: "1000",
-        left: `${A.clientX - O.width / 2}px`,
-        top: `${A.clientY - O.height / 2}px`
-      }), document.body.appendChild($), A.dataTransfer.setDragImage($, O.width / 2, O.height / 2), A.dataTransfer.effectAllowed = "move", A.dataTransfer.setData("text/plain", t.id);
-    }, V = (A) => {
-      $ && A.clientX && A.clientY && ($.style.left = `${A.clientX - $.offsetWidth / 2}px`, $.style.top = `${A.clientY - $.offsetHeight / 2}px`);
+        left: `${z.clientX - O.width / 2}px`,
+        top: `${z.clientY - O.height / 2}px`
+      }), document.body.appendChild($), z.dataTransfer.setDragImage($, O.width / 2, O.height / 2), z.dataTransfer.effectAllowed = "move", z.dataTransfer.setData("text/plain", t.id);
+    }, V = (z) => {
+      $ && z.clientX && z.clientY && ($.style.left = `${z.clientX - $.offsetWidth / 2}px`, $.style.top = `${z.clientY - $.offsetHeight / 2}px`);
     }, h = () => {
       y.value = !1, n("dragend", t.id), $ && (document.body.removeChild($), $ = null);
-    }, z = b(() => {
+    }, S = b(() => {
       if (!t.chartType || !t.chartData) return null;
-      const A = t.chartData.datasets?.[0]?.data || t.chartData.data || [], O = t.chartData.labels || [], F = A.filter((N) => N != null && !isNaN(N));
+      const z = t.chartData.datasets?.[0]?.data || t.chartData.data || [], O = t.chartData.labels || [], F = z.filter((le) => le != null && !isNaN(le));
       if (F.length === 0) return null;
-      const C = {
+      const A = t.chartType === "pie" || t.chartType === "doughnut", N = A ? 450 : 400, ee = A ? 450 : 400, oe = {
         data: F,
         labels: O.slice(0, F.length),
-        width: 400,
-        height: 400,
+        width: N,
+        height: ee,
         ...t.chartOptions
       };
-      if (f.value.legend !== void 0 && (C.showLegend = f.value.legend), f.value.grid !== void 0 && (C.showGrid = f.value.grid), f.value.values !== void 0 && (C.showValues = f.value.values), f.value.percentages !== void 0 && (C.showPercentages = f.value.percentages), f.value.points !== void 0 && (C.showPoints = f.value.points), f.value.fillArea !== void 0 && (C.fillArea = f.value.fillArea), t.chartData.datasets?.[0]?.backgroundColor) {
-        const N = t.chartData.datasets[0].backgroundColor;
-        C.colors = Array.isArray(N) ? N : [N];
+      if (f.value.legend !== void 0 && (oe.showLegend = f.value.legend), f.value.grid !== void 0 && (oe.showGrid = f.value.grid), f.value.values !== void 0 && (oe.showValues = f.value.values), f.value.percentages !== void 0 && (oe.showPercentages = f.value.percentages), f.value.points !== void 0 && (oe.showPoints = f.value.points), f.value.fillArea !== void 0 && (oe.fillArea = f.value.fillArea), t.chartData.datasets?.[0]?.backgroundColor) {
+        const le = t.chartData.datasets[0].backgroundColor;
+        oe.colors = Array.isArray(le) ? le : [le];
       }
-      return t.chartData.datasets?.[0]?.borderColor && (C.lineColor = t.chartData.datasets[0].borderColor), C;
+      return t.chartData.datasets?.[0]?.borderColor && (oe.lineColor = t.chartData.datasets[0].borderColor), oe;
     }), k = b(() => {
       switch (t.chartType) {
         case "bar":
@@ -16178,14 +16178,14 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       window.addEventListener("dragover", V), window.addEventListener("keydown", P);
     }), Te(() => {
       window.removeEventListener("dragover", V), window.removeEventListener("keydown", P), $ && document.body.removeChild($);
-    }), (A, O) => r.value ? (s(), i("div", {
+    }), (z, O) => r.value ? (s(), i("div", {
       key: 0,
       ref_key: "widgetRef",
       ref: B,
       draggable: "true",
       tabindex: "0",
       style: fe(l.value),
-      class: v(Y(M)(
+      class: v(W(M)(
         "bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden transition-all select-none flex flex-col relative",
         y.value ? "opacity-50 scale-95" : "hover:shadow-lg cursor-move",
         L.value ? "ring-2 ring-blue-400 ring-offset-2" : ""
@@ -16205,7 +16205,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           o("h3", xp, w(e.title), 1)
         ]),
         o("div", wp, [
-          R(A.$slots, "header-actions"),
+          R(z.$slots, "header-actions"),
           o("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             title: "Keyboard shortcuts (?)",
@@ -16232,7 +16232,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             disabled: e.loading,
             title: "Refresh (R)",
-            onClick: O[1] || (O[1] = (F) => A.$emit("refresh"))
+            onClick: O[1] || (O[1] = (F) => z.$emit("refresh"))
           }, [
             I(ae, {
               icon: "refresh",
@@ -16272,7 +16272,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
                 "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
                 f.value[F.id] ? "bg-blue-600" : "bg-slate-300"
               ]),
-              onClick: (C) => S(F.id, !f.value[F.id])
+              onClick: (A) => C(F.id, !f.value[F.id])
             }, [
               o("span", {
                 class: v([
@@ -16315,20 +16315,22 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             color: "#3b82f6"
           })
         ])) : p("", !0),
-        e.chartType && e.chartData && k.value && z.value ? (s(), i("div", {
+        e.chartType && e.chartData && k.value && S.value ? (s(), i("div", {
           key: 1,
-          class: v(["w-full h-full flex items-center justify-center", u[e.padding]])
+          class: v(["w-full h-full flex items-center justify-center p-4", u[e.padding]])
         }, [
-          (s(), q($e(k.value), ht(z.value, { doughnut: H.value }), null, 16, ["doughnut"]))
+          o("div", Ip, [
+            (s(), q($e(k.value), ht(S.value, { doughnut: H.value }), null, 16, ["doughnut"]))
+          ])
         ], 2)) : (s(), i("div", {
           key: 2,
           class: v(["overflow-auto h-full", u[e.padding]])
         }, [
-          R(A.$slots, "default")
+          R(z.$slots, "default")
         ], 2))
       ]),
-      A.$slots.footer ? (s(), i("div", Ip, [
-        R(A.$slots, "footer")
+      z.$slots.footer ? (s(), i("div", Fp, [
+        R(z.$slots, "footer")
       ])) : p("", !0)
     ], 38)) : p("", !0);
   }
@@ -16358,7 +16360,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
     `, n.appendChild(r), e._tooltipEl = n, e._tooltipArrow = r, e._tooltipPosition = t;
     const l = () => {
       if (!n.parentNode) return;
-      const x = e.getBoundingClientRect(), S = n.getBoundingClientRect();
+      const x = e.getBoundingClientRect(), C = n.getBoundingClientRect();
       if (x.width === 0 || x.height === 0) {
         n.style.opacity = "0";
         return;
@@ -16366,19 +16368,19 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       let B, L;
       switch (t) {
         case "bottom":
-          L = x.left + x.width / 2 - S.width / 2, B = x.bottom + 8;
+          L = x.left + x.width / 2 - C.width / 2, B = x.bottom + 8;
           break;
         case "left":
-          L = x.left - S.width - 8, B = x.top + x.height / 2 - S.height / 2;
+          L = x.left - C.width - 8, B = x.top + x.height / 2 - C.height / 2;
           break;
         case "right":
-          L = x.right + 8, B = x.top + x.height / 2 - S.height / 2;
+          L = x.right + 8, B = x.top + x.height / 2 - C.height / 2;
           break;
         default:
-          L = x.left + x.width / 2 - S.width / 2, B = x.top - S.height - 8;
+          L = x.left + x.width / 2 - C.width / 2, B = x.top - C.height - 8;
       }
       const P = 8;
-      L = Math.max(P, Math.min(L, window.innerWidth - S.width - P)), B = Math.max(P, Math.min(B, window.innerHeight - S.height - P)), n.style.left = `${L}px`, n.style.top = `${B}px`;
+      L = Math.max(P, Math.min(L, window.innerWidth - C.width - P)), B = Math.max(P, Math.min(B, window.innerHeight - C.height - P)), n.style.left = `${L}px`, n.style.top = `${B}px`;
     }, u = () => {
       const x = `
         position: absolute;
@@ -16475,8 +16477,8 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
   CardHeader: Uu,
   CardBody: qu,
   CardFooter: Hu,
-  CardContent: Yu,
-  CardTitle: Wu,
+  CardContent: Wu,
+  CardTitle: Yu,
   DatePicker: Nt,
   Dropdown: rd,
   DropdownItem: ld,
@@ -16486,8 +16488,8 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
   ListItem: Nd,
   MenuItem: _d,
   Modal: Na,
-  ModalHeader: Yd,
-  ModalBody: Wd,
+  ModalHeader: Wd,
+  ModalBody: Yd,
   ModalFooter: Gd,
   Notification: ec,
   Toast: fc,
@@ -16521,8 +16523,8 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
   AuthLayout: Cb,
   DefaultLayout: Pb,
   ErrorLayout: Qb,
-  DashboardWidget: Fp
-}, Np = {
+  DashboardWidget: Lp
+}, Rp = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys($n).forEach((n) => {
@@ -16545,13 +16547,13 @@ export {
   uf as Calendar,
   Eu as Card,
   qu as CardBody,
-  Yu as CardContent,
+  Wu as CardContent,
   Hu as CardFooter,
   Uu as CardHeader,
-  Wu as CardTitle,
+  Yu as CardTitle,
   Mt as Checkbox,
   Tr as CircularProgress,
-  Fp as DashboardWidget,
+  Lp as DashboardWidget,
   lg as DataTable,
   ig as DataTableCell,
   e0 as DataTableFilters,
@@ -16583,9 +16585,9 @@ export {
   Ni as Logo,
   _d as MenuItem,
   Na as Modal,
-  Wd as ModalBody,
+  Yd as ModalBody,
   Gd as ModalFooter,
-  Yd as ModalHeader,
+  Wd as ModalHeader,
   ec as Notification,
   Pr as Option,
   Ui as Progress,
@@ -16611,7 +16613,7 @@ export {
   jr as Tooltip,
   wa as Typography,
   M as cn,
-  Np as default,
+  Rp as default,
   Ae as toast,
   kn as tooltip,
   rc as useToaster