@stlhorizon/vue-ui 3.25.3 → 3.25.5

package/dist/index.esm.js

@@ -101,8 +101,8 @@ function ls(e, a) {
         if (Object(t) !== t) return;
         c = !1;
       } else for (; !(c = (n = o.call(t)).done) && (d.push(n.value), d.length !== a); c = !0) ;
-    } catch (C) {
-      y = !0, s = C;
+    } catch (S) {
+      y = !0, s = S;
     } finally {
       try {
         if (!c && t.return != null && (u = t.return(), Object(u) !== u)) return;
@@ -1546,10 +1546,10 @@ function rn(e, a, t) {
     };
 }
 var na = function(a, t, n, s) {
-  var o = Object.keys(a), u = o.length, d = t, c, y, C;
-  for (n === void 0 ? (c = 1, C = a[o[0]]) : (c = 0, C = n); c < u; c++)
-    y = o[c], C = d(C, a[y], y, a);
-  return C;
+  var o = Object.keys(a), u = o.length, d = t, c, y, S;
+  for (n === void 0 ? (c = 1, S = a[o[0]]) : (c = 0, S = n); c < u; c++)
+    y = o[c], S = d(S, a[y], y, a);
+  return S;
 };
 function yr(e) {
   return _e(e).length !== 1 ? null : e.codePointAt(0).toString(16);
@@ -1704,8 +1704,8 @@ function Gt(e) {
     return !on.includes(T);
   })), d = o.filter(function(T) {
     return s = T, !Un.includes(T);
-  }), c = Ht(d, 1), y = c[0], C = y === void 0 ? null : y, A = no(o), E = ee(ee({}, ro(u)), {}, {
-    prefix: Wt(C, {
+  }), c = Ht(d, 1), y = c[0], S = y === void 0 ? null : y, A = no(o), E = ee(ee({}, ro(u)), {}, {
+    prefix: Wt(S, {
       family: A
     })
   });
@@ -1739,10 +1739,10 @@ var lo = nr.filter(function(e) {
   return Object.keys(da[e]);
 }).flat();
 function io(e) {
-  var a = e.values, t = e.family, n = e.canonical, s = e.givenPrefix, o = s === void 0 ? "" : s, u = e.styles, d = u === void 0 ? {} : u, c = e.config, y = c === void 0 ? {} : c, C = t === At, A = a.includes("fa-duotone") || a.includes("fad"), E = y.familyDefault === "duotone", T = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!C && (A || E || T) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && lo.includes(t)) {
-    var B = Object.keys(d).find(function(S) {
-      return oo.includes(S);
+  var a = e.values, t = e.family, n = e.canonical, s = e.givenPrefix, o = s === void 0 ? "" : s, u = e.styles, d = u === void 0 ? {} : u, c = e.config, y = c === void 0 ? {} : c, S = t === At, A = a.includes("fa-duotone") || a.includes("fad"), E = y.familyDefault === "duotone", T = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!S && (A || E || T) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && lo.includes(t)) {
+    var B = Object.keys(d).find(function(C) {
+      return oo.includes(C);
     });
     if (B || y.autoFetchSvg) {
       var M = Fs.get(t).defaultShortPrefixId;
@@ -1779,8 +1779,8 @@ var uo = /* @__PURE__ */ (function() {
         0: n
       } : n;
       return Object.keys(s).map(function(o) {
-        var u = s[o], d = u.prefix, c = u.iconName, y = u.icon, C = y[2];
-        t[d] || (t[d] = {}), C.length > 0 && C.forEach(function(A) {
+        var u = s[o], d = u.prefix, c = u.iconName, y = u.icon, S = y[2];
+        t[d] || (t[d] = {}), S.length > 0 && S.forEach(function(A) {
           typeof A == "string" && (t[d][A] = y);
         }), t[d][c] = y;
       }), t;
@@ -1952,11 +1952,11 @@ function po(e) {
   });
 }
 function Ea(e) {
-  var a = e.icons, t = a.main, n = a.mask, s = e.prefix, o = e.iconName, u = e.transform, d = e.symbol, c = e.maskId, y = e.extra, C = e.watchable, A = C === void 0 ? !1 : C, E = n.found ? n : t, T = E.width, B = E.height, M = [fe.replacementClass, o ? "".concat(fe.cssPrefix, "-").concat(o) : ""].filter(function(V) {
+  var a = e.icons, t = a.main, n = a.mask, s = e.prefix, o = e.iconName, u = e.transform, d = e.symbol, c = e.maskId, y = e.extra, S = e.watchable, A = S === void 0 ? !1 : S, E = n.found ? n : t, T = E.width, B = E.height, M = [fe.replacementClass, o ? "".concat(fe.cssPrefix, "-").concat(o) : ""].filter(function(V) {
     return y.classes.indexOf(V) === -1;
   }).filter(function(V) {
     return V !== "" || !!V;
-  }).concat(y.classes).join(" "), S = {
+  }).concat(y.classes).join(" "), C = {
     children: [],
     attributes: ee(ee({}, y.attributes), {}, {
       "data-prefix": s,
@@ -1966,8 +1966,8 @@ function Ea(e) {
       viewBox: "0 0 ".concat(T, " ").concat(B)
     })
   };
-  !po(y.attributes) && !y.attributes["aria-hidden"] && (S.attributes["aria-hidden"] = "true"), A && (S.attributes[lt] = "");
-  var $ = ee(ee({}, S), {}, {
+  !po(y.attributes) && !y.attributes["aria-hidden"] && (C.attributes["aria-hidden"] = "true"), A && (C.attributes[lt] = "");
+  var $ = ee(ee({}, C), {}, {
     prefix: s,
     iconName: o,
     main: t,
@@ -1996,8 +1996,8 @@ function dn(e) {
     width: t,
     height: n
   }), y["-webkit-transform"] = y.transform);
-  var C = Yt(y);
-  C.length > 0 && (c.style = C);
+  var S = Yt(y);
+  S.length > 0 && (c.style = S);
   var A = [];
   return A.push({
     tag: "span",
@@ -2195,12 +2195,12 @@ function gn(e) {
     var a = e.treeCallback, t = a === void 0 ? Pt : a, n = e.nodeCallback, s = n === void 0 ? Pt : n, o = e.pseudoElementsCallback, u = o === void 0 ? Pt : o, d = e.observeMutationsRoot, c = d === void 0 ? ye : d;
     _t = new Ja(function(y) {
       if (!_a) {
-        var C = tt();
+        var S = tt();
         vt(y).forEach(function(A) {
           if (A.type === "childList" && A.addedNodes.length > 0 && !fn(A.addedNodes[0]) && (fe.searchPseudoElements && u(A.target), t(A.target)), A.type === "attributes" && A.target.parentNode && fe.searchPseudoElements && u([A.target], !0), A.type === "attributes" && fn(A.target) && ~Ll.indexOf(A.attributeName))
             if (A.attributeName === "class" && Co(A.target)) {
               var E = Gt(ja(A.target)), T = E.prefix, B = E.iconName;
-              A.target.setAttribute(Fa, T || C), B && A.target.setAttribute(Ta, B);
+              A.target.setAttribute(Fa, T || S), B && A.target.setAttribute(Ta, B);
             } else So(A.target) && s(A.target);
         });
       }
@@ -2292,8 +2292,8 @@ function hn(e) {
     return t.remove("".concat(en, "-").concat(A));
   }, o = fe.autoFetchSvg ? Oo() : Un.concat(Object.keys(Po));
   o.includes("fa") || o.push("fa");
-  var u = [".".concat(fr, ":not([").concat(lt, "])")].concat(o.map(function(C) {
-    return ".".concat(C, ":not([").concat(lt, "])");
+  var u = [".".concat(fr, ":not([").concat(lt, "])")].concat(o.map(function(S) {
+    return ".".concat(S, ":not([").concat(lt, "])");
   })).join(", ");
   if (u.length === 0)
     return Promise.resolve();
@@ -2306,19 +2306,19 @@ function hn(e) {
     n("pending"), s("complete");
   else
     return Promise.resolve();
-  var c = Ia.begin("onTree"), y = d.reduce(function(C, A) {
+  var c = Ia.begin("onTree"), y = d.reduce(function(S, A) {
     try {
       var E = Br(A);
-      E && C.push(E);
+      E && S.push(E);
     } catch (T) {
       dr || T.name === "MissingIcon" && console.error(T);
     }
-    return C;
+    return S;
   }, []);
-  return new Promise(function(C, A) {
+  return new Promise(function(S, A) {
     Promise.all(y).then(function(E) {
       Fr(E, function() {
-        n("active"), n("complete"), s("pending"), typeof a == "function" && a(), c(), C();
+        n("active"), n("complete"), s("pending"), typeof a == "function" && a(), c(), S();
       });
     }).catch(function(E) {
       c(), A(E);
@@ -2340,7 +2340,7 @@ function Eo(e) {
   };
 }
 var Io = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, s = n === void 0 ? qe : n, o = t.symbol, u = o === void 0 ? !1 : o, d = t.mask, c = d === void 0 ? null : d, y = t.maskId, C = y === void 0 ? null : y, A = t.classes, E = A === void 0 ? [] : A, T = t.attributes, B = T === void 0 ? {} : T, M = t.styles, S = M === void 0 ? {} : M;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, s = n === void 0 ? qe : n, o = t.symbol, u = o === void 0 ? !1 : o, d = t.mask, c = d === void 0 ? null : d, y = t.maskId, S = y === void 0 ? null : y, A = t.classes, E = A === void 0 ? [] : A, T = t.attributes, B = T === void 0 ? {} : T, M = t.styles, C = M === void 0 ? {} : M;
   if (a) {
     var $ = a.prefix, z = a.iconName, D = a.icon;
     return Kt(ee({
@@ -2363,10 +2363,10 @@ var Io = function(a) {
         iconName: z,
         transform: ee(ee({}, qe), s),
         symbol: u,
-        maskId: C,
+        maskId: S,
         extra: {
           attributes: B,
-          styles: S,
+          styles: C,
           classes: E
         }
       });
@@ -2391,7 +2391,7 @@ var Io = function(a) {
       } : o;
       return hn(s, u);
     }, a.generateSvgReplacementMutation = function(t, n) {
-      var s = n.iconName, o = n.prefix, u = n.transform, d = n.symbol, c = n.mask, y = n.maskId, C = n.extra;
+      var s = n.iconName, o = n.prefix, u = n.transform, d = n.symbol, c = n.mask, y = n.maskId, S = n.extra;
       return new Promise(function(A, E) {
         Promise.all([xa(s, o), c.iconName ? xa(c.iconName, c.prefix) : Promise.resolve({
           found: !1,
@@ -2399,18 +2399,18 @@ var Io = function(a) {
           height: 512,
           icon: {}
         })]).then(function(T) {
-          var B = Ht(T, 2), M = B[0], S = B[1];
+          var B = Ht(T, 2), M = B[0], C = B[1];
           A([t, Ea({
             icons: {
               main: M,
-              mask: S
+              mask: C
             },
             prefix: o,
             iconName: s,
             transform: u,
             symbol: d,
             maskId: y,
-            extra: C,
+            extra: S,
             watchable: !0
           })]);
         }).catch(E);
@@ -2488,7 +2488,7 @@ var Io = function(a) {
   mixout: function() {
     return {
       text: function(t) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = n.transform, o = s === void 0 ? qe : s, u = n.classes, d = u === void 0 ? [] : u, c = n.attributes, y = c === void 0 ? {} : c, C = n.styles, A = C === void 0 ? {} : C;
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = n.transform, o = s === void 0 ? qe : s, u = n.classes, d = u === void 0 ? [] : u, c = n.attributes, y = c === void 0 ? {} : c, S = n.styles, A = S === void 0 ? {} : S;
         return Kt({
           type: "text",
           content: t
@@ -2556,16 +2556,16 @@ function pn(e, a) {
       return n();
     var o = vt(e.children), u = o.filter(function(F) {
       return F.getAttribute(fa) === a;
-    })[0], d = et.getComputedStyle(e, a), c = d.getPropertyValue("font-family"), y = c.match(Pl), C = d.getPropertyValue("font-weight"), A = d.getPropertyValue("content");
+    })[0], d = et.getComputedStyle(e, a), c = d.getPropertyValue("font-family"), y = c.match(Pl), S = d.getPropertyValue("font-weight"), A = d.getPropertyValue("content");
     if (u && !y)
       return e.removeChild(u), n();
     if (y && A !== "none" && A !== "") {
-      var E = d.getPropertyValue("content"), T = Wo(c, C), B = Ho(E), M = y[0].startsWith("FontAwesome"), S = Yo(d), $ = La(T, B), z = $;
+      var E = d.getPropertyValue("content"), T = Wo(c, S), B = Ho(E), M = y[0].startsWith("FontAwesome"), C = Yo(d), $ = La(T, B), z = $;
       if (M) {
         var D = ao(B);
         D.iconName && D.prefix && ($ = D.iconName, T = D.prefix);
       }
-      if ($ && !S && (!u || u.getAttribute(Fa) !== T || u.getAttribute(Ta) !== z)) {
+      if ($ && !C && (!u || u.getAttribute(Fa) !== T || u.getAttribute(Ta) !== z)) {
         e.setAttribute(t, z), u && e.removeChild(u);
         var I = jo(), V = I.extra;
         V.attributes[fa] = a, xa($, T).then(function(F) {
@@ -2645,7 +2645,7 @@ function xn(e) {
             var d = jt(u.cssRules), c;
             try {
               for (d.s(); !(c = d.n()).done; ) {
-                var y = c.value, C = Jo(y.selectorText), A = jt(C), E;
+                var y = c.value, S = Jo(y.selectorText), A = jt(S), E;
                 try {
                   for (A.s(); !(E = A.n()).done; ) {
                     var T = E.value;
@@ -2679,12 +2679,12 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
       } catch {
       }
     }
-    return new Promise(function(M, S) {
+    return new Promise(function(M, C) {
       var $ = vt(t).filter(Ko).map(Go), z = Ia.begin("searchPseudoElements");
       Tr(), Promise.all($).then(function() {
         z(), ka(), M();
       }).catch(function() {
-        z(), ka(), S();
+        z(), ka(), C();
       });
     });
   }
@@ -2793,8 +2793,8 @@ var Qo = {
     a.generateAbstractTransformGrouping = function(t) {
       var n = t.main, s = t.transform, o = t.containerWidth, u = t.iconWidth, d = {
         transform: "translate(".concat(o / 2, " 256)")
-      }, c = "translate(".concat(s.x * 32, ", ").concat(s.y * 32, ") "), y = "scale(".concat(s.size / 16 * (s.flipX ? -1 : 1), ", ").concat(s.size / 16 * (s.flipY ? -1 : 1), ") "), C = "rotate(".concat(s.rotate, " 0 0)"), A = {
-        transform: "".concat(c, " ").concat(y, " ").concat(C)
+      }, c = "translate(".concat(s.x * 32, ", ").concat(s.y * 32, ") "), y = "scale(".concat(s.size / 16 * (s.flipX ? -1 : 1), ", ").concat(s.size / 16 * (s.flipY ? -1 : 1), ") "), S = "rotate(".concat(s.rotate, " 0 0)"), A = {
+        transform: "".concat(c, " ").concat(y, " ").concat(S)
       }, E = {
         transform: "translate(".concat(u / 2 * -1, " -256)")
       }, T = {
@@ -2843,7 +2843,7 @@ var ai = {
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, s = t.attributes, o = t.main, u = t.mask, d = t.maskId, c = t.transform, y = o.width, C = o.icon, A = u.width, E = u.icon, T = Yl({
+      var n = t.children, s = t.attributes, o = t.main, u = t.mask, d = t.maskId, c = t.transform, y = o.width, S = o.icon, A = u.width, E = u.icon, T = Yl({
         transform: c,
         containerWidth: A,
         iconWidth: y
@@ -2852,19 +2852,19 @@ var ai = {
         attributes: ee(ee({}, sa), {}, {
           fill: "white"
         })
-      }, M = C.children ? {
-        children: C.children.map($n)
-      } : {}, S = {
+      }, M = S.children ? {
+        children: S.children.map($n)
+      } : {}, C = {
         tag: "g",
         attributes: ee({}, T.inner),
         children: [$n(ee({
-          tag: C.tag,
-          attributes: ee(ee({}, C.attributes), T.path)
+          tag: S.tag,
+          attributes: ee(ee({}, S.attributes), T.path)
         }, M))]
       }, $ = {
         tag: "g",
         attributes: ee({}, T.outer),
-        children: [S]
+        children: [C]
       }, z = "mask-".concat(d || an()), D = "clip-".concat(d || an()), I = {
         tag: "mask",
         attributes: ee(ee({}, sa), {}, {
@@ -3115,7 +3115,7 @@ var bi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       if (!y(z) || A(z) || E(z) || T(z) || c(z))
         return z;
       var I, V = 0, F = 0;
-      if (C(z))
+      if (S(z))
         for (I = [], F = z.length; V < F; V++)
           I.push(t($, z[V], D));
       else {
@@ -3141,7 +3141,7 @@ var bi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return typeof $ == "function";
     }, y = function($) {
       return $ === Object($);
-    }, C = function($) {
+    }, S = function($) {
       return d.call($) == "[object Array]";
     }, A = function($) {
       return d.call($) == "[object Date]";
@@ -3156,7 +3156,7 @@ var bi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return typeof D != "function" ? $ : function(I, V) {
         return D(I, $, V);
       };
-    }, S = {
+    }, C = {
       camelize: s,
       decamelize: u,
       pascalize: o,
@@ -3174,7 +3174,7 @@ var bi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return this.decamelizeKeys.apply(this, arguments);
       }
     };
-    e.exports ? e.exports = S : a.humps = S;
+    e.exports ? e.exports = C : a.humps = C;
   })(bi);
 })(Or);
 var yi = Or.exports, pi = ["class", "style"];
@@ -3200,16 +3200,16 @@ function Na(e) {
   var n = (e.children || []).map(function(c) {
     return Na(c);
   }), s = Object.keys(e.attributes || {}).reduce(function(c, y) {
-    var C = e.attributes[y];
+    var S = e.attributes[y];
     switch (y) {
       case "class":
-        c.class = wi(C);
+        c.class = wi(S);
         break;
       case "style":
-        c.style = xi(C);
+        c.style = xi(S);
         break;
       default:
-        c.attrs[y] = C;
+        c.attrs[y] = S;
     }
     return c;
   }, {
@@ -3396,14 +3396,14 @@ var $i = Aa({
     }), d = b(function() {
       return wt("mask", Sn(a.mask));
     }), c = b(function() {
-      var C = Ee(Ee(Ee(Ee({}, o.value), u.value), d.value), {}, {
+      var S = Ee(Ee(Ee(Ee({}, o.value), u.value), d.value), {}, {
         symbol: a.symbol,
         maskId: a.maskId
       });
-      return C.title = a.title, C.titleId = a.titleId, li(s.value, C);
+      return S.title = a.title, S.titleId = a.titleId, li(s.value, S);
     });
-    pe(c, function(C) {
-      if (!C)
+    pe(c, function(S) {
+      if (!S)
         return ki("Could not find one or more icon(s)", s.value, d.value);
     }, {
       immediate: !0
@@ -3464,8 +3464,8 @@ Aa({
     }), u = b(function() {
       return wt("transform", typeof a.transform == "string" ? Nt.transform(a.transform) : a.transform);
     }), d = b(function() {
-      var y = oi(a.value.toString(), Ee(Ee({}, u.value), o.value)), C = y.abstract;
-      return a.counter && (C[0].attributes.class = C[0].attributes.class.replace("fa-layers-text", "")), C[0];
+      var y = oi(a.value.toString(), Ee(Ee({}, u.value), o.value)), S = y.abstract;
+      return a.counter && (S[0].attributes.class = S[0].attributes.class.replace("fa-layers-text", "")), S[0];
     }), c = b(function() {
       return Na(d.value, {}, n);
     });
@@ -3575,7 +3575,7 @@ const ie = {
     ), c = () => {
       t.value = !0;
     };
-    return (y, C) => (r(), i("div", {
+    return (y, S) => (r(), i("div", {
       class: m(s.value)
     }, [
       e.src ? (r(), i("img", {
@@ -3945,7 +3945,7 @@ const ie = {
       } else
         o("update:modelValue", z);
       o("change", z);
-    }, C = () => {
+    }, S = () => {
       !s.disabled && u.value && u.value.click();
     }, A = b(() => {
       if (s.error) return `${d.value}-error`;
@@ -3980,7 +3980,7 @@ const ie = {
         "text-slate-900": !s.disabled,
         "text-slate-500": s.disabled
       }
-    ]), S = b(() => [
+    ]), C = b(() => [
       "text-xs text-slate-500 mt-1"
     ]);
     return pe(() => s.indeterminate, ($) => {
@@ -4002,7 +4002,7 @@ const ie = {
         }, null, 42, Fi),
         l("div", {
           class: m(B.value),
-          onClick: C
+          onClick: S
         }, [
           c.value && !e.indeterminate ? (r(), K(t, {
             key: 0,
@@ -4024,7 +4024,7 @@ const ie = {
         ], 10, Bi),
         e.description ? (r(), i("p", {
           key: 0,
-          class: m(S.value)
+          class: m(C.value)
         }, p(e.description), 3)) : h("", !0)
       ])
     ]));
@@ -4269,7 +4269,7 @@ const ie = {
       )
     ), y = b(
       () => "absolute inset-0 flex items-center justify-center bg-muted"
-    ), C = b(
+    ), S = b(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
     ), A = (T) => {
       s.value = !1, o.value = !1, n("load", T);
@@ -4298,7 +4298,7 @@ const ie = {
       ], 2)) : h("", !0),
       o.value ? (r(), i("div", {
         key: 1,
-        class: m(C.value)
+        class: m(S.value)
       }, [
         O(ie, {
           name: "ImageOff",
@@ -4389,7 +4389,7 @@ const ie = {
       s("blur", z);
     }, y = (z) => {
       s("focus", z);
-    }, C = (z) => {
+    }, S = (z) => {
       s("keydown", z);
     }, A = () => {
       s("update:modelValue", ""), s("clear"), o.value?.focus();
@@ -4403,7 +4403,7 @@ const ie = {
       default: "border-slate-300 focus:border-blue-500 focus:ring-blue-500",
       error: "border-red-300 focus:border-red-500 focus:ring-red-500",
       success: "border-green-300 focus:border-green-500 focus:ring-green-500"
-    })[n.variant]), S = b(() => ["text-slate-400", {
+    })[n.variant]), C = b(() => ["text-slate-400", {
       sm: "w-4 h-4",
       md: "w-4 h-4",
       lg: "w-5 h-5"
@@ -4427,7 +4427,7 @@ const ie = {
     }), (z, D) => (r(), i("div", _i, [
       e.iconLeft ? (r(), i("div", Ni, [
         (r(), K(Be(e.iconLeft), {
-          class: m(S.value)
+          class: m(C.value)
         }, null, 8, ["class"]))
       ])) : h("", !0),
       l("input", {
@@ -4447,7 +4447,7 @@ const ie = {
         onInput: d,
         onBlur: c,
         onFocus: y,
-        onKeydown: C
+        onKeydown: S
       }, null, 42, Ri),
       e.iconRight || e.clearable ? (r(), i("div", Ui, [
         e.clearable && e.modelValue && !e.disabled ? (r(), i("button", {
@@ -4463,7 +4463,7 @@ const ie = {
           })
         ], 8, qi)) : e.iconRight ? (r(), K(Be(e.iconRight), {
           key: 1,
-          class: m(S.value)
+          class: m(C.value)
         }, null, 8, ["class"])) : h("", !0)
       ])) : h("", !0)
     ]));
@@ -4912,7 +4912,7 @@ const ie = {
       md: 5,
       lg: 6,
       xl: 7
-    })[a.size] || 5), d = b(() => o.value / 2), c = b(() => d.value - u.value / 2), y = b(() => 2 * Math.PI * c.value), C = b(() => y.value - s.value / 100 * y.value), A = b(() => {
+    })[a.size] || 5), d = b(() => o.value / 2), c = b(() => d.value - u.value / 2), y = b(() => 2 * Math.PI * c.value), S = b(() => y.value - s.value / 100 * y.value), A = b(() => {
       if (a.dynamicColor) {
         const M = s.value;
         return M >= 80 ? "#ef4444" : M >= 60 ? "#f59e0b" : M >= 40 ? "#eab308" : M >= 20 ? "#22c55e" : "#6b7280";
@@ -4962,7 +4962,7 @@ const ie = {
           "stroke-width": u.value,
           fill: "none",
           "stroke-dasharray": y.value,
-          "stroke-dashoffset": C.value,
+          "stroke-dashoffset": S.value,
           "stroke-linecap": e.strokeLinecap,
           class: "transition-all duration-300 ease-in-out"
         }, null, 8, au)
@@ -5027,7 +5027,7 @@ const ie = {
     ), y = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (C, A) => (r(), i("div", ru, [
+    return (S, A) => (r(), i("div", ru, [
       l("button", {
         type: "button",
         role: "radio",
@@ -5112,7 +5112,7 @@ const ie = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = q(!1), o = q(""), u = q(null), d = q(null), c = q(null), y = q([...t.options]), C = q({}), A = b(() => t.options.find((V) => V.value === t.modelValue)), E = Q(
+    const t = e, n = a, s = q(!1), o = q(""), u = q(null), d = q(null), c = q(null), y = q([...t.options]), S = q({}), A = b(() => t.options.find((V) => V.value === t.modelValue)), E = Q(
       "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 ie = {
     ), B = () => {
       if (!d.value) return;
       const V = d.value.getBoundingClientRect();
-      C.value = {
+      S.value = {
         position: "fixed",
         top: `${V.bottom + 4}px`,
         left: `${V.left}px`,
@@ -5142,7 +5142,7 @@ const ie = {
       t.disabled || (s.value = !s.value, s.value && (B(), ft(() => {
         u.value?.focus();
       })));
-    }, S = (V) => {
+    }, C = (V) => {
       n("update:modelValue", V), s.value = !1, o.value = "", y.value = [...t.options];
     }, $ = (V) => {
       if (V && (V.stopPropagation(), V.preventDefault()), t.allowCreate && o.value.trim()) {
@@ -5218,7 +5218,7 @@ const ie = {
           key: 0,
           ref_key: "dropdownRef",
           ref: c,
-          style: he(C.value),
+          style: he(S.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"
         }, [
@@ -5244,7 +5244,7 @@ const ie = {
               key: U.value,
               type: "button",
               class: m(["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 === U.value }]),
-              onClick: $e((re) => S(U.value), ["stop"])
+              onClick: $e((re) => C(U.value), ["stop"])
             }, [
               l("span", hu, p(U.label), 1),
               e.modelValue === U.value ? (r(), i("span", bu, [...F[4] || (F[4] = [
@@ -5366,7 +5366,7 @@ const ie = {
     ), c = () => {
       t.disabled || n("update:modelValue", !t.modelValue);
     };
-    return (y, C) => (r(), i("button", {
+    return (y, S) => (r(), i("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -5487,9 +5487,9 @@ const ie = {
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, s = t, o = q(null), u = b(() => n.id || Da()), d = (S) => {
-      s("update:modelValue", S.target.value), n.autoResize && ft(() => M());
-    }, c = (S) => s("blur", S), y = (S) => s("focus", S), C = (S) => s("keydown", S), A = b(() => !!n.error || n.variant === "error"), E = b(
+    const n = e, s = t, o = q(null), u = b(() => n.id || Da()), d = (C) => {
+      s("update:modelValue", C.target.value), n.autoResize && ft(() => M());
+    }, c = (C) => s("blur", C), y = (C) => s("focus", C), S = (C) => s("keydown", C), A = b(() => !!n.error || n.variant === "error"), E = b(
       () => n.error ? `${u.value}-error` : void 0
     ), T = Q(
       "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",
@@ -5522,8 +5522,8 @@ const ie = {
       () => L(T({ size: n.size, variant: n.variant, resize: n.resize }))
     ), M = () => {
       if (!o.value || !n.autoResize) return;
-      const S = o.value;
-      S.style.height = "auto", S.style.height = `${S.scrollHeight}px`;
+      const C = o.value;
+      C.style.height = "auto", C.style.height = `${C.scrollHeight}px`;
     };
     return pe(() => n.modelValue, () => {
       n.autoResize && ft(() => M());
@@ -5531,7 +5531,7 @@ const ie = {
       focus: () => o.value?.focus(),
       blur: () => o.value?.blur(),
       select: () => o.value?.select()
-    }), (S, $) => (r(), i("textarea", {
+    }), (C, $) => (r(), i("textarea", {
       id: u.value,
       ref_key: "textareaRef",
       ref: o,
@@ -5548,7 +5548,7 @@ const ie = {
       onInput: d,
       onBlur: c,
       onFocus: y,
-      onKeydown: C
+      onKeydown: S
     }, null, 42, $u));
   }
 }, Nr = {
@@ -5598,30 +5598,30 @@ const ie = {
       }
     ), y = b(
       () => L(d({ placement: a.placement }), a.class)
-    ), C = b(
+    ), S = b(
       () => c({ placement: a.placement })
     ), A = () => {
       if (!n.value || !s.value) return;
       const B = n.value.getBoundingClientRect(), M = s.value.getBoundingClientRect();
-      let S = 0, $ = 0;
+      let C = 0, $ = 0;
       const z = 8;
       switch (a.placement) {
         case "top":
-          S = B.top - M.height - z, $ = B.left + B.width / 2 - M.width / 2;
+          C = B.top - M.height - z, $ = B.left + B.width / 2 - M.width / 2;
           break;
         case "bottom":
-          S = B.bottom + z, $ = B.left + B.width / 2 - M.width / 2;
+          C = B.bottom + z, $ = B.left + B.width / 2 - M.width / 2;
           break;
         case "left":
-          S = B.top + B.height / 2 - M.height / 2, $ = B.left - M.width - z;
+          C = B.top + B.height / 2 - M.height / 2, $ = B.left - M.width - z;
           break;
         case "right":
-          S = B.top + B.height / 2 - M.height / 2, $ = B.right + z;
+          C = B.top + B.height / 2 - M.height / 2, $ = B.right + z;
           break;
       }
       const D = 8;
-      $ < D && ($ = D), $ + M.width > window.innerWidth - D && ($ = window.innerWidth - M.width - D), S < D && (S = D), S + M.height > window.innerHeight - D && (S = window.innerHeight - M.height - D), o.value = {
-        top: `${S}px`,
+      $ < D && ($ = D), $ + M.width > window.innerWidth - D && ($ = window.innerWidth - M.width - D), C < D && (C = D), C + M.height > window.innerHeight - D && (C = window.innerHeight - M.height - D), o.value = {
+        top: `${C}px`,
         left: `${$}px`
       };
     }, E = () => {
@@ -5659,7 +5659,7 @@ const ie = {
             }, [
               ue(p(e.content) + " ", 1),
               l("div", {
-                class: m(C.value)
+                class: m(S.value)
               }, null, 2)
             ], 6)) : h("", !0)
           ]),
@@ -5883,7 +5883,7 @@ const ie = {
       wide: "tracking-wide",
       wider: "tracking-wider",
       widest: "tracking-widest"
-    }[a.tracking] : ""), C = b(() => a.shadow ? {
+    }[a.tracking] : ""), S = b(() => a.shadow ? {
       sm: "drop-shadow-sm",
       md: "drop-shadow-md",
       lg: "drop-shadow-lg",
@@ -5895,8 +5895,8 @@ const ie = {
       relaxed: "mb-4",
       loose: "mb-6"
     }[a.spacing] : ""), E = b(() => a.responsive ? "text-sm sm:text-base md:text-lg lg:text-xl" : ""), T = b(() => a.maxLines ? `line-clamp-${a.maxLines}` : ""), B = b(() => {
-      const S = {};
-      return a.opacity !== null && (S.opacity = a.opacity / 100), S;
+      const C = {};
+      return a.opacity !== null && (C.opacity = a.opacity / 100), C;
     }), M = b(() => [
       n.value,
       s.value,
@@ -5905,7 +5905,7 @@ const ie = {
       d.value,
       c.value,
       y.value,
-      C.value,
+      S.value,
       A.value,
       E.value,
       T.value,
@@ -5919,12 +5919,12 @@ const ie = {
         "select-none": a.variant === "overline" || a.variant === "label"
       }
     ]);
-    return (S, $) => (r(), K(Be(t.value), zt({
+    return (C, $) => (r(), K(Be(t.value), zt({
       class: M.value,
       style: B.value
-    }, S.$attrs), {
+    }, C.$attrs), {
       default: X(() => [
-        H(S.$slots, "default"),
+        H(C.$slots, "default"),
         e.required ? (r(), i("span", Cu, "*")) : h("", !0)
       ]),
       _: 3
@@ -5932,7 +5932,7 @@ const ie = {
   }
 }, Su = { class: "flex items-start gap-3" }, zu = {
   key: 0,
-  class: "flex-shrink-0 mt-0.5"
+  class: "shrink-0 mt-0.5"
 }, Au = { class: "flex-1 min-w-0" }, Du = {
   key: 0,
   class: "font-medium text-sm mb-1"
@@ -5961,12 +5961,12 @@ const ie = {
   setup(e, { emit: a }) {
     const t = e, n = a, s = q(!0), o = () => {
       s.value = !1, n("dismiss");
-    }, u = (S) => {
-      n("action", S), S.onClick && S.onClick();
+    }, u = (C) => {
+      n("action", C), C.onClick && C.onClick();
     };
     if (t.autoClose) {
-      const S = typeof t.autoClose == "number" ? t.autoClose : 5e3;
-      setTimeout(o, S);
+      const C = typeof t.autoClose == "number" ? t.autoClose : 5e3;
+      setTimeout(o, C);
     }
     const d = {
       render() {
@@ -6016,7 +6016,7 @@ const ie = {
           })
         ]);
       }
-    }, C = {
+    }, S = {
       render() {
         return ve("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -6052,9 +6052,9 @@ const ie = {
       info: d,
       success: c,
       warning: y,
-      error: C,
+      error: S,
       default: d,
-      danger: C
+      danger: S
     })[t.variant]), T = Q(
       "relative w-full rounded-lg border p-4 flex items-start gap-3",
       {
@@ -6077,7 +6077,7 @@ const ie = {
       error: "text-red-500",
       default: "text-foreground",
       danger: "text-danger"
-    }[t.variant]]), M = b(() => ["flex-shrink-0 p-1 rounded-md transition-colors duration-200", {
+    }[t.variant]]), M = b(() => ["shrink-0 p-1 rounded-md transition-colors duration-200", {
       info: "text-blue-500 hover:text-blue-700 hover:bg-blue-100",
       success: "text-green-500 hover:text-green-700 hover:bg-green-100",
       warning: "text-yellow-500 hover:text-yellow-700 hover:bg-yellow-100",
@@ -6085,7 +6085,7 @@ const ie = {
       default: "text-foreground hover:text-foreground/80 hover:bg-muted",
       danger: "text-danger hover:text-danger/80 hover:bg-danger/10"
     }[t.variant]]);
-    return (S, $) => (r(), K(we, {
+    return (C, $) => (r(), K(we, {
       "enter-active-class": "transition-all duration-300",
       "enter-from-class": "opacity-0 scale-95",
       "enter-to-class": "opacity-100 scale-100",
@@ -6096,7 +6096,7 @@ const ie = {
       default: X(() => [
         s.value ? (r(), i("div", {
           key: 0,
-          class: m(J(L)(J(T)({ variant: e.variant }), S.$attrs.class)),
+          class: m(J(L)(J(T)({ variant: e.variant }), C.$attrs.class)),
           role: "alert"
         }, [
           l("div", Su, [
@@ -6110,12 +6110,12 @@ const ie = {
               l("div", {
                 class: m(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
-                H(S.$slots, "default", {}, () => [
+                H(C.$slots, "default", {}, () => [
                   ue(p(e.message), 1)
                 ])
               ], 2),
-              S.$slots.actions || e.actions.length > 0 ? (r(), i("div", Mu, [
-                H(S.$slots, "actions", {}, () => [
+              C.$slots.actions || e.actions.length > 0 ? (r(), i("div", Mu, [
+                H(C.$slots, "actions", {}, () => [
                   (r(!0), i(Y, null, G(e.actions, (z) => (r(), K(Se, {
                     key: z.label,
                     variant: z.variant || "outline",
@@ -6253,7 +6253,7 @@ const ie = {
   "aria-hidden": "true"
 }, Eu = { class: "flex items-start justify-between gap-4" }, Iu = { class: "flex-1 min-w-0" }, _u = {
   key: 0,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 }, Nu = ["src", "alt", "loading"], Ru = {
   key: 5,
   class: "absolute top-3 right-3"
@@ -6409,7 +6409,7 @@ const ie = {
           false: ""
         }
       }
-    }), C = Q("", {
+    }), S = Q("", {
       variants: {
         padding: {
           none: "p-4",
@@ -6526,7 +6526,7 @@ const ie = {
         ], 2)) : h("", !0),
         T.$slots.default ? (r(), i("div", {
           key: 3,
-          class: m(J(L)(J(C)({ padding: e.padding })))
+          class: m(J(L)(J(S)({ padding: e.padding })))
         }, [
           H(T.$slots, "default")
         ], 2)) : h("", !0),
@@ -6739,17 +6739,17 @@ const ie = {
   },
   emits: ["update:modelValue", "validation-error"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = q(!1), o = q(null), u = q({}), d = /* @__PURE__ */ new Date(), c = q(d.getMonth()), y = q(d.getFullYear()), C = q(null), A = q(!1), E = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], T = b(
+    const t = e, n = a, s = q(!1), o = q(null), u = q({}), d = /* @__PURE__ */ new Date(), c = q(d.getMonth()), y = q(d.getFullYear()), S = q(null), A = q(!1), E = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], T = b(
       () => new Date(y.value, c.value).toLocaleString("default", {
         month: "long"
       })
-    ), B = b(() => new Date(y.value, c.value + 1, 0).getDate()), M = b(() => new Date(y.value, c.value, 1).getDay()), S = b(() => {
+    ), B = b(() => new Date(y.value, c.value + 1, 0).getDate()), M = b(() => new Date(y.value, c.value, 1).getDay()), C = b(() => {
       const Z = new Date(y.value, c.value, 0).getDate(), le = M.value;
       return Array.from({ length: le }, (ce, te) => Z - le + te + 1);
     }), $ = b(() => {
-      const Z = S.value.length + B.value, le = Z % 7 === 0 ? 0 : 7 - Z % 7;
+      const Z = C.value.length + B.value, le = Z % 7 === 0 ? 0 : 7 - Z % 7;
       return Array.from({ length: le }, (ce, te) => te + 1);
-    }), z = b(() => C.value ? D(C.value) : "");
+    }), z = b(() => S.value ? D(S.value) : "");
     function D(Z) {
       if (!Z) return "";
       const le = new Date(Z), ce = String(le.getMonth() + 1).padStart(2, "0"), te = String(le.getDate()).padStart(2, "0"), xe = le.getFullYear();
@@ -6772,8 +6772,8 @@ const ie = {
       return d.getDate() === Z && d.getMonth() === c.value && d.getFullYear() === y.value;
     }
     function F(Z) {
-      if (!C.value) return !1;
-      const le = new Date(C.value);
+      if (!S.value) return !1;
+      const le = new Date(S.value);
       return le.getDate() === Z && le.getMonth() === c.value && le.getFullYear() === y.value;
     }
     function U(Z) {
@@ -6837,7 +6837,7 @@ const ie = {
       const le = new Date(y.value, c.value, Z);
       if (!re(le))
         return;
-      C.value = le;
+      S.value = le;
       const ce = le.getFullYear(), te = String(le.getMonth() + 1).padStart(2, "0"), xe = String(le.getDate()).padStart(2, "0"), ke = `${ce}-${te}-${xe}`;
       n("update:modelValue", ke), setTimeout(() => {
         s.value = !1;
@@ -6847,14 +6847,14 @@ const ie = {
       c.value = d.getMonth(), y.value = d.getFullYear(), x(d.getDate());
     }
     function v() {
-      C.value = null, A.value = !1, n("update:modelValue", ""), n("validation-error", null);
+      S.value = null, A.value = !1, n("update:modelValue", ""), n("validation-error", null);
     }
     pe(() => t.modelValue, (Z) => {
       if (Z) {
         const le = I(Z);
-        le && (C.value = le, c.value = le.getMonth(), y.value = le.getFullYear(), re(le));
+        le && (S.value = le, c.value = le.getMonth(), y.value = le.getFullYear(), re(le));
       } else
-        C.value = null, A.value = !1;
+        S.value = null, A.value = !1;
     }, { immediate: !0 });
     function k() {
       s.value && ae();
@@ -6991,7 +6991,7 @@ const ie = {
                 }, p(ce), 1)), 64))
               ]),
               l("div", id, [
-                (r(!0), i(Y, null, G(S.value, (ce, te) => (r(), i("div", {
+                (r(!0), i(Y, null, G(C.value, (ce, te) => (r(), i("div", {
                   key: "prev-" + te,
                   class: "text-center text-xs text-slate-300 py-1.5"
                 }, p(ce), 1))), 128)),
@@ -7079,14 +7079,14 @@ const ie = {
       () => L(o({ placement: a.placement }))
     ), c = () => {
       t.value = !t.value;
-    }, y = (C) => {
-      n.value && !n.value.contains(C.target) && (t.value = !1);
+    }, y = (S) => {
+      n.value && !n.value.contains(S.target) && (t.value = !1);
     };
     return Oe(() => {
       document.addEventListener("click", y);
     }), Ne(() => {
       document.removeEventListener("click", y);
-    }), (C, A) => (r(), i("div", {
+    }), (S, A) => (r(), i("div", {
       ref_key: "dropdownRef",
       ref: n,
       class: "relative"
@@ -7097,7 +7097,7 @@ const ie = {
         "aria-haspopup": !0,
         onClick: c
       }, [
-        H(C.$slots, "trigger", {}, () => [
+        H(S.$slots, "trigger", {}, () => [
           l("span", null, p(e.triggerText), 1),
           O(ie, {
             name: "chevron-down",
@@ -7120,7 +7120,7 @@ const ie = {
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            H(C.$slots, "default")
+            H(S.$slots, "default")
           ], 2)) : h("", !0)
         ]),
         _: 3
@@ -7221,10 +7221,10 @@ const ie = {
           "border-green-600 bg-green-100 ring-4 ring-green-200 ring-opacity-50 shadow-lg": s.value.length > 0 && o.value
         }
       )
-    ), C = (D) => {
+    ), S = (D) => {
       D.preventDefault(), o.value = !1;
       const I = Array.from(D.dataTransfer.files);
-      S(I);
+      C(I);
     }, A = (D) => {
       D.preventDefault();
     }, E = (D) => {
@@ -7235,8 +7235,8 @@ const ie = {
       u.value?.click();
     }, M = (D) => {
       const I = Array.from(D.target.files);
-      S(I);
-    }, S = (D) => {
+      C(I);
+    }, C = (D) => {
       const I = D.filter((F) => !(t.maxSize && F.size > t.maxSize));
       if (I.length === 0) return;
       if (t.maxFiles) {
@@ -7267,7 +7267,7 @@ const ie = {
       !s.value.length || e.multiple ? (r(), i("div", {
         key: 0,
         class: m(y.value),
-        onDrop: C,
+        onDrop: S,
         onDragover: A,
         onDragenter: E,
         onDragleave: T,
@@ -7313,7 +7313,7 @@ const ie = {
               size: "sm",
               variant: "default",
               "dynamic-color": !0,
-              class: "flex-shrink-0"
+              class: "shrink-0"
             }, null, 8, ["value"]),
             l("div", Cd, [
               l("span", Sd, p(V.file.name), 1),
@@ -7380,7 +7380,7 @@ const ie = {
     }, y = b(() => {
       const M = [];
       return t.error ? M.push(`${o.value}-error`) : t.helpText && M.push(`${o.value}-help`), M.length > 0 ? M.join(" ") : void 0;
-    }), C = Q("", {
+    }), S = Q("", {
       variants: {
         size: {
           sm: "space-y-1",
@@ -7430,10 +7430,10 @@ const ie = {
       },
       defaultVariants: { size: "md" }
     });
-    return (M, S) => {
+    return (M, C) => {
       const $ = Ce("font-awesome-icon");
       return r(), i("div", {
-        class: m(J(L)(J(C)({ size: e.size }), M.$attrs.class))
+        class: m(J(L)(J(S)({ size: e.size }), M.$attrs.class))
       }, [
         e.label ? (r(), i("label", {
           key: 0,
@@ -7455,7 +7455,7 @@ const ie = {
             disabled: !1,
             required: e.required,
             class: m(u.value ? "border-red-500" : ""),
-            "onUpdate:modelValue": S[0] || (S[0] = (z) => n("update:modelValue", z))
+            "onUpdate:modelValue": C[0] || (C[0] = (z) => n("update:modelValue", z))
           }, null, 8, ["id", "model-value", "required", "class"])) : H(M.$slots, "default", {
             key: 1,
             fieldId: o.value,
@@ -7495,7 +7495,7 @@ const ie = {
             }, [
               O($, {
                 icon: "exclamation-triangle",
-                class: "w-4 h-4 flex-shrink-0 mt-0.5"
+                class: "w-4 h-4 shrink-0 mt-0.5"
               }),
               l("span", null, p(e.error), 1)
             ], 10, Ld)) : h("", !0)
@@ -7522,7 +7522,7 @@ const ie = {
             }, [
               O($, {
                 icon: "check",
-                class: "w-4 h-4 flex-shrink-0 mt-0.5"
+                class: "w-4 h-4 shrink-0 mt-0.5"
               }),
               l("span", null, p(e.success), 1)
             ], 2)) : h("", !0)
@@ -7572,7 +7572,7 @@ const ie = {
   }
 }, Rd = ["role"], Ud = {
   key: 0,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 }, qd = { class: "flex-1 min-w-0" }, Hd = {
   key: 0,
   class: "text-sm font-medium text-foreground"
@@ -7581,7 +7581,7 @@ const ie = {
   class: "text-sm text-muted-foreground"
 }, Wd = {
   key: 1,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 }, Gd = {
   __name: "ListItem",
   props: {
@@ -7619,7 +7619,7 @@ const ie = {
     ), c = (y) => {
       n("click", y);
     };
-    return (y, C) => (r(), i("li", {
+    return (y, S) => (r(), i("li", {
       class: m(u.value),
       role: e.role
     }, [
@@ -7884,7 +7884,7 @@ const ie = {
   }
 }, nc = ["aria-live"], rc = { class: "flex items-start space-x-3" }, sc = {
   key: 0,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 }, lc = { class: "flex-1 min-w-0" }, oc = {
   key: 0,
   class: "text-sm font-medium"
@@ -7942,7 +7942,7 @@ const ie = {
       }
     }), c = b(
       () => L(o({ variant: t.variant }), "p-4")
-    ), y = b(() => u[t.variant]), C = b(() => d({ variant: t.variant })), A = () => {
+    ), y = b(() => u[t.variant]), S = b(() => d({ variant: t.variant })), A = () => {
       s.value = !1, n("dismiss");
     };
     return Oe(() => {
@@ -7968,7 +7968,7 @@ const ie = {
             e.showIcon ? (r(), i("div", sc, [
               O(ie, {
                 name: y.value,
-                class: m(C.value)
+                class: m(S.value)
               }, null, 8, ["name", "class"])
             ])) : h("", !0),
             l("div", lc, [
@@ -7981,7 +7981,7 @@ const ie = {
             ]),
             e.dismissible ? (r(), i("button", {
               key: 1,
-              class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2",
+              class: "shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2",
               onClick: A
             }, [
               O(ie, {
@@ -8154,7 +8154,7 @@ const dc = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, C = (B) => B.icon || c[B.variant] || c.default, A = (B) => {
+    }, S = (B) => B.icon || c[B.variant] || c.default, A = (B) => {
       const M = y[B.variant] || y.default;
       return B.variant === "loading" ? `${M} animate-spin` : M;
     }, E = (B) => B.icon !== !1, T = (B) => B.dismissible !== !1 && (B.closeButton || a.closeButton || B.dismissible);
@@ -8177,35 +8177,35 @@ const dc = {
           class: "space-y-2"
         }, {
           default: X(() => [
-            (r(!0), i(Y, null, G(J(t), (S) => (r(), i("div", {
-              key: S.id,
-              class: m([d(S), "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"]),
+            (r(!0), i(Y, null, G(J(t), (C) => (r(), i("div", {
+              key: C.id,
+              class: m([d(C), "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",
-              "aria-live": S.variant === "error" ? "assertive" : "polite"
+              "aria-live": C.variant === "error" ? "assertive" : "polite"
             }, [
-              E(S) ? (r(), K(ie, {
+              E(C) ? (r(), K(ie, {
                 key: 0,
-                icon: C(S),
-                class: m([A(S), "h-4 w-4 shrink-0"])
+                icon: S(C),
+                class: m([A(C), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : h("", !0),
               l("div", gc, [
-                S.title ? (r(), i("div", vc, p(S.title), 1)) : h("", !0),
-                S.message ? (r(), i("div", hc, p(S.message), 1)) : h("", !0),
-                S.description ? (r(), i("div", bc, p(S.description), 1)) : h("", !0),
-                S.component ? (r(), K(Be(S.component), zt({
+                C.title ? (r(), i("div", vc, p(C.title), 1)) : h("", !0),
+                C.message ? (r(), i("div", hc, p(C.message), 1)) : h("", !0),
+                C.description ? (r(), i("div", bc, p(C.description), 1)) : h("", !0),
+                C.component ? (r(), K(Be(C.component), zt({
                   key: 3,
                   ref_for: !0
-                }, S.componentProps), null, 16)) : h("", !0)
+                }, C.componentProps), null, 16)) : h("", !0)
               ]),
-              S.action ? (r(), i("button", {
+              C.action ? (r(), i("button", {
                 key: 1,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-                onClick: S.action.onClick
-              }, p(S.action.label), 9, yc)) : h("", !0),
-              T(S) ? (r(), i("button", {
+                onClick: C.action.onClick
+              }, p(C.action.label), 9, yc)) : h("", !0),
+              T(C) ? (r(), 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: ($) => J(n)(S.id)
+                onClick: ($) => J(n)(C.id)
               }, [
                 O(ie, {
                   icon: "x",
@@ -8322,7 +8322,7 @@ const dc = {
           })
         ]);
       }
-    }, o = e, u = a, d = q(null), c = q(null), y = q(!1), C = q(-1), A = q(null), E = (j) => {
+    }, o = e, u = a, d = q(null), c = q(null), y = q(!1), S = q(-1), A = q(null), E = (j) => {
       const P = j.target.value;
       u("update:modelValue", P), A.value && clearTimeout(A.value), A.value = setTimeout(() => {
         P.length >= o.minLength ? (u("search", P), y.value = !0) : y.value = !1;
@@ -8331,26 +8331,26 @@ const dc = {
       u("focus", j), o.modelValue.length >= o.minLength && (y.value = !0);
     }, B = (j) => {
       u("blur", j), setTimeout(() => {
-        y.value = !1, C.value = -1;
+        y.value = !1, S.value = -1;
       }, 150);
     }, M = () => {
       u("update:modelValue", ""), u("clear"), y.value = !1, c.value?.focus();
-    }, S = (j) => {
-      u("select", j), y.value = !1, C.value = -1;
+    }, C = (j) => {
+      u("select", j), y.value = !1, S.value = -1;
     }, $ = (j) => {
       if (!(!y.value || o.results.length === 0))
         switch (j.key) {
           case "ArrowDown":
-            j.preventDefault(), C.value = Math.min(C.value + 1, o.results.length - 1);
+            j.preventDefault(), S.value = Math.min(S.value + 1, o.results.length - 1);
             break;
           case "ArrowUp":
-            j.preventDefault(), C.value = Math.max(C.value - 1, -1);
+            j.preventDefault(), S.value = Math.max(S.value - 1, -1);
             break;
           case "Enter":
-            j.preventDefault(), C.value >= 0 && S(o.results[C.value]);
+            j.preventDefault(), S.value >= 0 && C(o.results[S.value]);
             break;
           case "Escape":
-            j.preventDefault(), y.value = !1, C.value = -1;
+            j.preventDefault(), y.value = !1, S.value = -1;
             break;
         }
     }, z = (j) => {
@@ -8382,13 +8382,13 @@ const dc = {
       () => L("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
     ), re = (j) => L(
       "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": C.value === j }
+      { "bg-slate-50": S.value === j }
     ), ae = (j) => {
-      d.value && !d.value.contains(j.target) && (y.value = !1, C.value = -1);
+      d.value && !d.value.contains(j.target) && (y.value = !1, S.value = -1);
     };
     return Oe(() => document.addEventListener("click", ae)), Ne(() => {
       document.removeEventListener("click", ae), A.value && clearTimeout(A.value);
-    }), pe(() => o.results, () => C.value = -1), (j, P) => (r(), i("div", {
+    }), pe(() => o.results, () => S.value = -1), (j, P) => (r(), i("div", {
       ref_key: "searchRef",
       ref: d,
       class: "relative"
@@ -8441,12 +8441,12 @@ const dc = {
               (r(!0), i(Y, null, G(e.results, (g, w) => (r(), i("button", {
                 key: g.id || w,
                 class: m(re(w)),
-                onClick: (x) => S(g),
-                onMouseenter: (x) => C.value = w
+                onClick: (x) => C(g),
+                onMouseenter: (x) => S.value = w
               }, [
                 g.icon ? (r(), K(Be(g.icon), {
                   key: 0,
-                  class: "w-4 h-4 mr-3 flex-shrink-0"
+                  class: "w-4 h-4 mr-3 shrink-0"
                 })) : h("", !0),
                 l("div", Mc, [
                   l("div", Vc, p(z(g.title)), 1),
@@ -8572,7 +8572,7 @@ const dc = {
       }
     }), (c, y) => (r(), i("div", Yc, [
       l("div", Wc, [
-        (r(!0), i(Y, null, G(o.value, (C, A) => (r(), i("button", {
+        (r(!0), i(Y, null, G(o.value, (S, A) => (r(), i("button", {
           id: `tab-${A}`,
           key: A,
           disabled: t.loading,
@@ -8585,7 +8585,7 @@ const dc = {
           "aria-controls": `panel-${A}`,
           role: "tab",
           onClick: (E) => !t.loading && u(A)
-        }, p(C.label), 11, Gc))), 128))
+        }, p(S.label), 11, Gc))), 128))
       ]),
       l("div", Kc, [
         H(c.$slots, "default")
@@ -8695,11 +8695,11 @@ const dc = {
         variant: {
           default: "bg-white border border-slate-200 rounded-lg overflow-hidden shadow-sm hover:shadow-md",
           bordered: "border-2 border-slate-200 rounded-xl overflow-hidden hover:border-blue-300",
-          filled: "bg-gradient-to-br from-slate-50 to-white border border-slate-200 rounded-xl overflow-hidden shadow-sm",
+          filled: "bg-linear-to-br from-slate-50 to-white border border-slate-200 rounded-xl overflow-hidden shadow-sm",
           flush: ""
         }
       }
-    }), C = Q(
+    }), S = Q(
       "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: {
@@ -8716,7 +8716,7 @@ const dc = {
           }
         }
       }
-    ), A = Q("ml-4 flex-shrink-0 text-slate-400 transition-all duration-200", {
+    ), A = Q("ml-4 shrink-0 text-slate-400 transition-all duration-200", {
       variants: {
         expanded: {
           true: "rotate-180 text-blue-500",
@@ -8736,12 +8736,12 @@ const dc = {
     ), B = b(
       () => L(y({ variant: n.variant }))
     ), M = (z) => L(
-      C({ variant: n.variant, size: n.size }),
+      S({ variant: n.variant, size: n.size }),
       d(z) && n.variant === "bordered" && "bg-blue-50/30 border-blue-300",
       d(z) && n.variant === "filled" && "bg-white",
       d(z) && n.variant === "default" && "bg-slate-50",
       (n.disabled || n.items[z]?.disabled) && "cursor-not-allowed opacity-50"
-    ), S = (z) => L(A({ expanded: d(z) })), $ = b(
+    ), C = (z) => L(A({ expanded: d(z) })), $ = b(
       () => L(E({ size: n.size }))
     );
     return pe(
@@ -8773,7 +8773,7 @@ const dc = {
             ])
           ]),
           l("div", {
-            class: m(S(V))
+            class: m(C(V))
           }, [
             O(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
@@ -8874,7 +8874,7 @@ const dc = {
       () => L(o({ variant: t.variant }))
     ), y = b(
       () => L(u({ size: t.size }))
-    ), C = b(
+    ), S = b(
       () => L(d({ size: t.size }))
     );
     return (A, E) => (r(), i("div", {
@@ -8904,7 +8904,7 @@ const dc = {
         default: X(() => [
           n.value ? (r(), i("div", {
             key: 0,
-            class: m(C.value)
+            class: m(S.value)
           }, [
             H(A.$slots, "content", { isOpen: n.value })
           ], 2)) : h("", !0)
@@ -8949,7 +8949,7 @@ const dc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = q(!1), o = /* @__PURE__ */ new Date(), u = q(o.getMonth()), d = q(o.getFullYear()), c = q(null), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], C = b(
+    const t = e, n = a, s = q(!1), o = /* @__PURE__ */ new Date(), u = q(o.getMonth()), d = q(o.getFullYear()), c = q(null), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], S = b(
       () => new Date(d.value, u.value).toLocaleString("default", {
         month: "long"
       })
@@ -8959,8 +8959,8 @@ const dc = {
     }), B = b(() => {
       const g = T.value.length + A.value, w = g % 7 === 0 ? 0 : 7 - g % 7;
       return Array.from({ length: w }, (x, _) => _ + 1);
-    }), M = b(() => c.value ? S(c.value) : "");
-    function S(g) {
+    }), M = b(() => c.value ? C(c.value) : "");
+    function C(g) {
       if (!g) return "";
       const w = new Date(g), x = String(w.getMonth() + 1).padStart(2, "0"), _ = String(w.getDate()).padStart(2, "0"), v = w.getFullYear();
       return t.format.replace("MM", x).replace("DD", _).replace("YYYY", v);
@@ -9112,7 +9112,7 @@ const dc = {
                   })
                 ], -1)
               ])]),
-              l("div", ff, p(C.value) + " " + p(d.value), 1),
+              l("div", ff, p(S.value) + " " + p(d.value), 1),
               l("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -9181,7 +9181,7 @@ const dc = {
   }
 }, yf = { class: "flex items-start justify-between" }, pf = { class: "flex-1 min-w-0" }, xf = {
   key: 0,
-  class: "flex-shrink-0 ml-4"
+  class: "shrink-0 ml-4"
 }, wf = "text-lg font-semibold text-slate-900 truncate", kf = "text-sm text-slate-600 mt-1", $f = {
   __name: "Graph",
   props: {
@@ -9409,7 +9409,7 @@ const dc = {
       label: "",
       value: 0,
       color: ""
-    }), o = b(() => t.maxValue || Math.max(...t.data)), u = b(() => t.height - t.padding.top - t.padding.bottom), d = b(() => t.width - t.padding.left - t.padding.right), c = b(() => d.value / t.data.length * 0.7), y = b(() => d.value / t.data.length * 0.3), C = b(() => {
+    }), o = b(() => t.maxValue || Math.max(...t.data)), u = b(() => t.height - t.padding.top - t.padding.bottom), d = b(() => t.width - t.padding.left - t.padding.right), c = b(() => d.value / t.data.length * 0.7), y = b(() => d.value / t.data.length * 0.3), S = b(() => {
       const D = [];
       for (let V = 0; V <= 5; V++) {
         const F = t.padding.top + u.value / 5 * V;
@@ -9425,7 +9425,7 @@ const dc = {
     }, B = (D) => t.colors[D % t.colors.length], M = (D) => {
       const I = (t.height - t.padding.bottom - D) / u.value * o.value;
       return Math.round(I);
-    }, S = (D, I, V) => {
+    }, C = (D, I, V) => {
       const F = t.labels[V] || `Item ${V + 1}`;
       s.value = {
         visible: !0,
@@ -9449,7 +9449,7 @@ const dc = {
         class: "overflow-visible"
       }, [
         e.showGrid ? (r(), i("g", zf, [
-          (r(!0), i(Y, null, G(C.value, (V) => (r(), i("line", {
+          (r(!0), i(Y, null, G(S.value, (V) => (r(), i("line", {
             key: `grid-${V}`,
             x1: e.padding.left,
             y1: V,
@@ -9492,7 +9492,7 @@ const dc = {
             fill: `url(#barGradient-${F})`,
             class: m(e.barClasses),
             rx: "4",
-            onMouseenter: (U) => S(U, V, F),
+            onMouseenter: (U) => C(U, V, F),
             onMouseleave: $,
             onClick: (U) => z(V, F)
           }, [
@@ -9530,7 +9530,7 @@ const dc = {
           }, p(e.xAxisLabel), 9, Lf)
         ])) : h("", !0),
         e.showYAxis ? (r(), i("g", Ef, [
-          (r(!0), i(Y, null, G(C.value, (V) => (r(), i("text", {
+          (r(!0), i(Y, null, G(S.value, (V) => (r(), i("text", {
             key: `ylabel-${V}`,
             x: e.padding.left - 10,
             y: V + 4,
@@ -9701,31 +9701,31 @@ const dc = {
       width: 0,
       height: 0,
       content: ""
-    }), o = b(() => t.maxValue || Math.max(...t.data)), u = b(() => t.data.map((M, S) => ({
-      x: C(S),
+    }), o = b(() => t.maxValue || Math.max(...t.data)), u = b(() => t.data.map((M, C) => ({
+      x: S(C),
       y: A(M),
       value: M
-    }))), d = b(() => u.value.length === 0 ? "" : u.value.map((S, $) => `${$ === 0 ? "M" : "L"} ${S.x} ${S.y}`).join(" ")), c = b(() => {
+    }))), d = b(() => u.value.length === 0 ? "" : u.value.map((C, $) => `${$ === 0 ? "M" : "L"} ${C.x} ${C.y}`).join(" ")), c = b(() => {
       if (u.value.length === 0) return "";
-      const M = u.value.map((z, D) => `${D === 0 ? "M" : "L"} ${z.x} ${z.y}`).join(" "), S = t.height - t.padding.bottom, $ = `L ${u.value[u.value.length - 1].x} ${S} L ${u.value[0].x} ${S} Z`;
+      const M = u.value.map((z, D) => `${D === 0 ? "M" : "L"} ${z.x} ${z.y}`).join(" "), C = t.height - t.padding.bottom, $ = `L ${u.value[u.value.length - 1].x} ${C} L ${u.value[0].x} ${C} Z`;
       return M + " " + $;
     }), y = b(() => {
-      const M = [], S = t.height - t.padding.top - t.padding.bottom, $ = 5;
+      const M = [], C = t.height - t.padding.top - t.padding.bottom, $ = 5;
       for (let z = 0; z <= $; z++) {
-        const D = t.padding.top + S / $ * z;
+        const D = t.padding.top + C / $ * z;
         M.push(D);
       }
       return M;
-    }), C = (M) => {
+    }), S = (M) => {
       const $ = (t.width - t.padding.left - t.padding.right) / (t.data.length - 1 || 1);
       return t.padding.left + M * $;
     }, A = (M) => {
-      const S = t.height - t.padding.top - t.padding.bottom, $ = S / o.value;
-      return t.padding.top + S - M * $;
+      const C = t.height - t.padding.top - t.padding.bottom, $ = C / o.value;
+      return t.padding.top + C - M * $;
     }, E = (M) => {
-      const S = t.height - t.padding.top - t.padding.bottom, $ = (t.height - t.padding.bottom - M) / S * o.value;
+      const C = t.height - t.padding.top - t.padding.bottom, $ = (t.height - t.padding.bottom - M) / C * o.value;
       return Math.round($);
-    }, T = (M, S, $) => {
+    }, T = (M, C, $) => {
       const z = M.target.getBoundingClientRect(), D = t.labels[$] || `Point ${$ + 1}`;
       s.value = {
         visible: !0,
@@ -9733,12 +9733,12 @@ const dc = {
         y: z.top,
         width: 80,
         height: 24,
-        content: `${D}: ${S}`
-      }, n("point-hover", { value: S, index: $, label: D });
+        content: `${D}: ${C}`
+      }, n("point-hover", { value: C, index: $, label: D });
     }, B = () => {
       s.value.visible = !1;
     };
-    return (M, S) => (r(), i("div", Kf, [
+    return (M, C) => (r(), i("div", Kf, [
       (r(), i("svg", {
         width: e.width,
         height: e.height,
@@ -9787,7 +9787,7 @@ const dc = {
         e.showXAxis ? (r(), i("g", nm, [
           (r(!0), i(Y, null, G(e.labels, ($, z) => (r(), i("text", {
             key: `xlabel-${z}`,
-            x: C(z),
+            x: S(z),
             y: e.height - e.padding.bottom + 20,
             class: m(e.axisLabelClasses),
             "text-anchor": "middle"
@@ -9896,7 +9896,7 @@ const dc = {
         variant: "default",
         padding: "normal"
       }
-    }), y = b(() => s.value || o.value || d.value), C = b(() => {
+    }), y = b(() => s.value || o.value || d.value), S = b(() => {
       const ae = [];
       if (s.value || o.value) {
         let j = "";
@@ -9930,7 +9930,7 @@ const dc = {
       () => "text-gray-700 hover:text-gray-900 border border-gray-200 hover:bg-gray-50 bg-white px-3 py-2 rounded-lg text-sm font-medium transition-all"
     ), M = b(
       () => "text-white bg-blue-600 hover:bg-blue-700 border border-blue-600 px-3 py-2 rounded-lg text-sm font-medium transition-all"
-    ), S = b(
+    ), C = b(
       () => "text-gray-700 hover:text-gray-900 border border-gray-200 hover:bg-gray-50 bg-white px-3 py-2 rounded-lg text-sm font-medium transition-all"
     ), $ = b(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
@@ -10073,7 +10073,7 @@ const dc = {
           }, 8, ["class"])) : h("", !0),
           e.showRefresh ? (r(), K(Se, {
             key: 2,
-            class: m(S.value),
+            class: m(C.value),
             onClick: j[5] || (j[5] = (P) => ae.$emit("refresh"))
           }, {
             default: X(() => [
@@ -10087,7 +10087,7 @@ const dc = {
           }, 8, ["class"])) : h("", !0)
         ])
       ], 2),
-      C.value.length > 0 ? (r(), i("div", {
+      S.value.length > 0 ? (r(), i("div", {
         key: 0,
         class: m($.value)
       }, [
@@ -10095,7 +10095,7 @@ const dc = {
           l("span", {
             class: m(z.value)
           }, "Active filters:", 2),
-          (r(!0), i(Y, null, G(C.value, (P) => (r(), i("div", {
+          (r(!0), i(Y, null, G(S.value, (P) => (r(), i("div", {
             key: P.key,
             class: m(D.value)
           }, [
@@ -10347,14 +10347,14 @@ const dc = {
         size: "sm"
       }
     }), u = b(() => (a.currentPage - 1) * a.pageSize + 1), d = b(() => Math.min(a.currentPage * a.pageSize, a.total)), c = b(() => {
-      const T = [], B = a.totalPages, M = a.currentPage, S = a.maxVisiblePages;
-      if (B <= S)
+      const T = [], B = a.totalPages, M = a.currentPage, C = a.maxVisiblePages;
+      if (B <= C)
         for (let $ = 1; $ <= B; $++)
           T.push($);
       else {
-        const $ = Math.floor(S / 2);
-        let z = Math.max(1, M - $), D = Math.min(B, z + S - 1);
-        D - z + 1 < S && (z = Math.max(1, D - S + 1));
+        const $ = Math.floor(C / 2);
+        let z = Math.max(1, M - $), D = Math.min(B, z + C - 1);
+        D - z + 1 < C && (z = Math.max(1, D - C + 1));
         for (let I = z; I <= D; I++)
           T.push(I);
       }
@@ -10364,7 +10364,7 @@ const dc = {
         variant: a.variant,
         padding: a.padding
       }))
-    ), C = b(
+    ), S = b(
       () => L(s({ size: "md" }))
     ), A = b(
       () => L(o({ size: "sm" }))
@@ -10388,7 +10388,7 @@ const dc = {
           l("div", Fm, [
             O(Qe, {
               for: "pageSize",
-              class: m(C.value),
+              class: m(S.value),
               inline: !0
             }, {
               default: X(() => [...B[5] || (B[5] = [
@@ -10457,7 +10457,7 @@ const dc = {
               (r(!0), i(Y, null, G(c.value, (M) => (r(), i("button", {
                 key: M,
                 class: m(E(M === e.currentPage, !1)),
-                onClick: (S) => T.$emit("update:currentPage", M)
+                onClick: (C) => T.$emit("update:currentPage", M)
               }, p(M), 11, Om))), 128))
             ]),
             l("button", {
@@ -10837,7 +10837,7 @@ const dc = {
   },
   emits: ["selection-change", "sort-change", "row-click", "page-change", "page-size-change", "refresh", "action"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, s = t, o = q(1), u = q(n.pageSize), d = q(n.sortBy), c = q(n.sortOrder), y = q(!1), C = q(""), A = Q("bg-white border border-slate-200 rounded-lg overflow-hidden", {
+    const n = e, s = t, o = q(1), u = q(n.pageSize), d = q(n.sortBy), c = q(n.sortOrder), y = q(!1), S = q(""), A = Q("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -10891,7 +10891,7 @@ const dc = {
         });
       }
       return W;
-    }), S = b(() => Math.ceil(M.value.length / u.value)), $ = b(() => {
+    }), C = b(() => Math.ceil(M.value.length / u.value)), $ = b(() => {
       if (!n.showPagination) return M.value;
       const W = (o.value - 1) * u.value, se = W + u.value;
       return M.value.slice(W, se);
@@ -10985,9 +10985,9 @@ const dc = {
       const de = W.toString().split(" ");
       return de.length <= se ? W : de.slice(0, se).join(" ") + "...";
     }, Ve = (W) => {
-      C.value || (C.value = W, y.value = !0);
+      S.value || (S.value = W, y.value = !0);
     }, nt = () => {
-      y.value = !1, C.value = "";
+      y.value = !1, S.value = "";
     }, Ye = b(() => L(
       {
         compact: "px-4 py-2",
@@ -11032,7 +11032,7 @@ const dc = {
         s("selection-change", []);
       },
       getCurrentPage: () => o.value,
-      getTotalPages: () => S.value,
+      getTotalPages: () => C.value,
       getSelectedItems: () => n.selectedItems
     }), (W, se) => (r(), i("div", {
       class: m(le.value)
@@ -11265,7 +11265,7 @@ const dc = {
       e.showPagination || W.$slots.footer ? (r(), K(Yr, {
         key: 1,
         "current-page": o.value,
-        "total-pages": S.value,
+        "total-pages": C.value,
         total: M.value.length,
         "page-size": u.value,
         "show-pagination": e.showPagination,
@@ -11292,7 +11292,7 @@ const dc = {
         default: X(() => [
           l("div", v0, [
             se[6] || (se[6] = l("h3", { class: "text-md font-semibold mb-4" }, " Full Text ", -1)),
-            l("div", h0, p(C.value), 1)
+            l("div", h0, p(S.value), 1)
           ])
         ]),
         _: 1
@@ -11402,15 +11402,15 @@ const dc = {
         density: "normal",
         align: "left"
       }
-    }), u = (M) => typeof M == "string" ? M : M?.key || M?.field || "unknown", d = (M, S) => {
-      const $ = u(S);
-      return typeof S == "object" && S.accessor ? S.accessor(M) : $ && $.includes(".") ? $.split(".").reduce((z, D) => z?.[D], M) : M?.[$];
-    }, c = (M, S) => {
-      const $ = d(M, S);
-      return typeof S == "object" && S.formatter ? S.formatter($, M) : $ == null ? "" : $ instanceof Date ? $.toLocaleDateString() : Array.isArray($) ? $.join(", ") : $;
+    }), u = (M) => typeof M == "string" ? M : M?.key || M?.field || "unknown", d = (M, C) => {
+      const $ = u(C);
+      return typeof C == "object" && C.accessor ? C.accessor(M) : $ && $.includes(".") ? $.split(".").reduce((z, D) => z?.[D], M) : M?.[$];
+    }, c = (M, C) => {
+      const $ = d(M, C);
+      return typeof C == "object" && C.formatter ? C.formatter($, M) : $ == null ? "" : $ instanceof Date ? $.toLocaleDateString() : Array.isArray($) ? $.join(", ") : $;
     }, y = () => {
       t.clickableRows && n("row-click", { item: t.item, index: t.index });
-    }, C = (M) => typeof M == "object" && M.align ? M.align : "left", A = b(
+    }, S = (M) => typeof M == "object" && M.align ? M.align : "left", A = b(
       () => L(s({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -11419,11 +11419,11 @@ const dc = {
         variant: t.variant
       }))
     ), E = (M) => {
-      const S = C(M);
+      const C = S(M);
       return L(
         o({
           density: t.density,
-          align: S
+          align: C
         }),
         M.cellClasses
       );
@@ -11441,7 +11441,7 @@ const dc = {
         "font-medium"
       )
     );
-    return (M, S) => (r(), i("tr", {
+    return (M, C) => (r(), i("tr", {
       class: m(A.value),
       onClick: y
     }, [
@@ -11451,7 +11451,7 @@ const dc = {
       }, [
         O(Ut, {
           "model-value": e.isSelected,
-          "onUpdate:modelValue": S[0] || (S[0] = ($) => M.$emit("toggle-selection", e.item))
+          "onUpdate:modelValue": C[0] || (C[0] = ($) => M.$emit("toggle-selection", e.item))
         }, null, 8, ["model-value"])
       ], 2)) : h("", !0),
       (r(!0), i(Y, null, G(e.columns, ($) => (r(), i("td", {
@@ -11748,7 +11748,7 @@ const dc = {
           return !1;
       }
       return t.addButton.visible && typeof t.addButton.visible == "function" ? t.addButton.visible() : !0;
-    }), c = b(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), y = b(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), C = () => {
+    }), c = b(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), y = b(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), S = () => {
       o.value = !0;
     }, A = () => {
       o.value = !1;
@@ -11775,7 +11775,7 @@ const dc = {
         variant: "default",
         padding: "normal"
       }
-    }), S = Q("border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all text-sm", {
+    }), C = Q("border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all text-sm", {
       variants: {
         size: {
           sm: "px-2 py-1.5",
@@ -11937,14 +11937,14 @@ const dc = {
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 group-hover:text-gray-600 transition-colors"
     ), xe = b(
       () => L(
-        S({ size: "md" }),
+        C({ size: "md" }),
         "w-full pl-10 pr-10 hover:border-gray-300"
       )
     ), ke = 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"
     ), ze = b(
       () => L(
-        S({ size: "md" }),
+        C({ size: "md" }),
         "w-full pr-8 appearance-none hover:border-gray-300"
       )
     ), Pe = b(() => {
@@ -11961,7 +11961,7 @@ const dc = {
     ), ht = b(
       () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), Ve = b(
-      () => L(S({ size: "md" }), "pl-10 pr-3")
+      () => L(C({ size: "md" }), "pl-10 pr-3")
     ), nt = b(
       () => "text-sm font-semibold text-gray-700"
     ), Ye = b(
@@ -12143,7 +12143,7 @@ const dc = {
               O(Se, {
                 variant: "default",
                 size: "lg",
-                onClick: C
+                onClick: S
               }, {
                 default: X(() => [
                   O(ie, {
@@ -12566,7 +12566,7 @@ const dc = {
         variant: "default",
         padding: "normal"
       }
-    }), C = Q("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
+    }), S = Q("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",
@@ -12608,7 +12608,7 @@ const dc = {
         variant: t.variant,
         padding: t.padding
       }))
-    ), B = b(() => "text-sm text-slate-600"), M = b(() => "flex items-center"), S = b(
+    ), B = b(() => "text-sm text-slate-600"), M = b(() => "flex items-center"), C = b(
       () => "flex items-center gap-2 px-3 py-2 text-sm text-slate-600 hover:text-slate-800 border border-slate-300 rounded-md hover:bg-slate-50 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1"
     ), $ = b(
       () => "absolute right-0 top-full mt-1 w-56 bg-white border border-slate-200 rounded-lg shadow-lg z-50 max-h-64 overflow-y-auto"
@@ -12624,7 +12624,7 @@ const dc = {
       o.value && u.value && !o.value.contains(x.target) && !u.value.contains(x.target) && (s.value = !1);
     }, U = () => {
       s.value = !s.value;
-    }, re = (x) => L(C({ variant: x.variant || "secondary" })), ae = (x) => {
+    }, re = (x) => L(S({ variant: x.variant || "secondary" })), ae = (x) => {
       let _ = "middle";
       return x === "compact" ? _ = "first" : x === "comfortable" && (_ = "last"), L(A({
         active: t.density === x,
@@ -12693,7 +12693,7 @@ const dc = {
             l("button", {
               ref_key: "columnToggleButton",
               ref: o,
-              class: m(S.value),
+              class: m(C.value),
               type: "button",
               onClick: $e(U, ["stop"])
             }, [
@@ -12905,16 +12905,16 @@ const dc = {
   }
 }, Lg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Eg = { class: "flex items-center gap-4 min-w-0 flex-1" }, Ig = {
   key: 0,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 }, _g = ["src"], Ng = {
   key: 1,
-  class: "h-8 w-px bg-gray-300 flex-shrink-0"
+  class: "h-8 w-px bg-gray-300 shrink-0"
 }, Rg = {
   key: 2,
-  class: "flex-shrink-0 bg-gradient-to-r from-blue-50 via-indigo-50 to-purple-50 px-4 py-2 rounded-xl border border-blue-200 shadow-sm flex items-center gap-3 relative hover:shadow-md transition-shadow"
+  class: "shrink-0 bg-gradient-to-r from-blue-50 via-indigo-50 to-purple-50 px-4 py-2 rounded-xl border border-blue-200 shadow-sm flex items-center gap-3 relative hover:shadow-md transition-shadow"
 }, Ug = {
   key: 0,
-  class: "flex-shrink-0"
+  class: "shrink-0"
 }, qg = { class: "relative" }, Hg = ["src", "alt"], Yg = { class: "min-w-0" }, Wg = { class: "text-sm font-bold text-blue-900 truncate max-w-[180px] group-hover:text-blue-700" }, Gg = { class: "flex items-center gap-1.5 mt-0.5" }, Kg = {
   key: 0,
   class: "text-xs text-blue-700 truncate font-medium"
@@ -12929,16 +12929,16 @@ const dc = {
   class: "absolute top-full left-0 mt-2 w-80 bg-white rounded-xl shadow-xl border border-gray-200 z-50 max-h-96 overflow-hidden"
 }, tv = { class: "p-4 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50" }, av = { class: "text-sm font-bold text-gray-900 flex items-center gap-2" }, nv = { class: "text-xs text-gray-600 mt-1" }, rv = { class: "py-2 max-h-80 overflow-y-auto" }, sv = ["onClick"], lv = {
   key: 0,
-  class: "flex-shrink-0 mr-3"
+  class: "shrink-0 mr-3"
 }, ov = ["src", "alt"], iv = {
   key: 1,
-  class: "w-8 h-8 rounded-lg bg-gradient-to-br from-gray-200 to-gray-300 flex items-center justify-center mr-3 flex-shrink-0"
+  class: "w-8 h-8 rounded-lg bg-linear-to-br from-gray-200 to-gray-300 flex items-center justify-center mr-3 shrink-0"
 }, uv = { class: "flex-1 text-left min-w-0" }, dv = { class: "font-semibold truncate" }, cv = {
   key: 0,
   class: "text-xs text-gray-500 truncate"
 }, fv = {
   key: 2,
-  class: "w-5 h-5 text-blue-600 flex-shrink-0 ml-2",
+  class: "w-5 h-5 text-blue-600 shrink-0 ml-2",
   fill: "currentColor",
   viewBox: "0 0 20 20"
 }, mv = {
@@ -12956,19 +12956,25 @@ const dc = {
 }, wv = { class: "p-4 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50" }, kv = { class: "text-base font-bold text-gray-900" }, $v = { class: "max-h-96 overflow-y-auto" }, Cv = {
   key: 0,
   class: "p-8 text-center"
-}, Sv = ["onClick"], zv = { class: "flex items-start space-x-3" }, Av = { class: "flex-1" }, Dv = { class: "text-sm font-medium text-gray-900" }, Mv = { class: "text-xs text-gray-500 mt-1" }, Vv = {
+}, Sv = ["onClick"], zv = { class: "flex items-start space-x-3" }, Av = {
+  key: 0,
+  class: "shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full"
+}, Dv = {
+  key: 1,
+  class: "shrink-0 w-2 h-2 mt-2"
+}, Mv = { class: "flex-1" }, Vv = { class: "text-sm font-medium text-gray-900" }, Fv = { class: "text-xs text-gray-500 mt-1" }, Tv = {
   key: 0,
   class: "p-3 text-center border-t border-gray-200"
-}, Fv = { class: "relative" }, Tv = { class: "w-8 h-8 bg-gradient-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, Bv = { class: "text-blue-700 text-sm font-medium" }, jv = {
+}, Bv = { class: "relative" }, jv = { class: "w-8 h-8 bg-linear-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, Pv = { class: "text-blue-700 text-sm font-medium" }, Ov = {
   key: 0,
   class: "hidden md:block text-left max-w-[160px] truncate"
-}, Pv = { class: "text-sm font-medium text-gray-900 truncate" }, Ov = { class: "text-xs text-gray-500 truncate leading-tight" }, Lv = {
+}, Lv = { class: "text-sm font-medium text-gray-900 truncate" }, Ev = { class: "text-xs text-gray-500 truncate leading-tight" }, Iv = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Ev = { class: "p-4 border-b border-gray-200" }, Iv = { class: "text-sm font-medium text-gray-900" }, _v = { class: "text-xs text-gray-500" }, Nv = { class: "py-2" }, Rv = {
+}, _v = { class: "p-4 border-b border-gray-200" }, Nv = { class: "text-sm font-medium text-gray-900" }, Rv = { class: "text-xs text-gray-500" }, Uv = { class: "py-2" }, qv = {
   key: 0,
-  class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Uv = ["onClick"], qv = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, Hv = { class: "flex-1 truncate font-semibold text-gray-700" }, Yv = {
+  class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
+}, Hv = ["onClick"], Yv = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, Wv = { class: "flex-1 truncate font-semibold text-gray-700" }, Gv = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -13010,7 +13016,7 @@ const dc = {
     "view-all-notifications"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = q(""), o = q(!1), u = q(!1), d = q(t.notifications.length), c = q(!1), y = q(!1), C = q(!1), A = b(() => t.userInitialsOverride ? t.userInitialsOverride : (t.user?.name || "Guest").split(" ").map((P) => P[0] || "").join("").toUpperCase()), E = b(() => {
+    const t = e, n = a, s = q(""), o = q(!1), u = q(!1), d = q(!1), c = q(!1), y = q(!1), S = b(() => t.notifications.filter((j) => !j.read).length), A = b(() => t.userInitialsOverride ? t.userInitialsOverride : (t.user?.name || "Guest").split(" ").map((P) => P[0] || "").join("").toUpperCase()), E = b(() => {
       if (t.userRoleDisplayOverride) return t.userRoleDisplayOverride;
       const j = [];
       return t.activeRoles?.length > 0 && j.push(...t.activeRoles.map(
@@ -13021,9 +13027,9 @@ const dc = {
     }), T = b(() => !t.activeRoles || t.activeRoles.length === 0 ? "" : t.activeRoles.map((j) => typeof j == "string" ? j : j.name).map((j) => j.charAt(0).toUpperCase() + j.slice(1).replace(/-/g, " ")).join(", ")), B = () => {
       o.value = !o.value, u.value = !1;
     }, M = () => {
-      u.value = !u.value, o.value = !1, C.value = !1;
-    }, S = () => {
-      C.value = !C.value, u.value = !1, o.value = !1;
+      u.value = !u.value, o.value = !1, y.value = !1;
+    }, C = () => {
+      y.value = !y.value, u.value = !1, o.value = !1;
     }, $ = (j) => {
       n("navigate", j), u.value = !1;
     }, z = (j) => j.route ? !!(t.currentRoute === j.route || t.currentRoute.startsWith(j.route + "/")) : !1, D = (j) => {
@@ -13031,23 +13037,21 @@ const dc = {
     }, I = () => {
       n("logout"), u.value = !1;
     }, V = (j) => {
-      n("organisation-change", j), C.value = !1;
+      n("organisation-change", j), y.value = !1;
     }, F = (j) => {
       n("notification-click", j);
     }, U = () => {
       n("view-all-notifications"), o.value = !1;
     }, re = (j) => {
-      !j.target.closest(".absolute") && !j.target.closest("button") && (o.value = !1, u.value = !1, C.value = !1);
+      !j.target.closest(".absolute") && !j.target.closest("button") && (o.value = !1, u.value = !1, y.value = !1);
     }, ae = () => {
-      y.value = window.innerWidth < 768;
+      c.value = window.innerWidth < 768;
     };
     return Oe(() => {
       document.addEventListener("click", re), ae(), window.addEventListener("resize", ae);
     }), Ne(() => {
       document.removeEventListener("click", re), window.removeEventListener("resize", ae);
-    }), pe(s, (j) => n("search", j)), pe(() => t.notifications.length, (j) => {
-      d.value = j;
-    }), (j, P) => {
+    }), pe(s, (j) => n("search", j)), (j, P) => {
       const g = Ce("router-link");
       return r(), i("header", {
         class: m(J(L)(
@@ -13079,13 +13083,13 @@ const dc = {
               e.organisations.length > 1 ? (r(), i("button", {
                 key: 1,
                 class: "flex items-center gap-2 min-w-0 cursor-pointer hover:bg-white/50 rounded-lg px-2 py-1.5 transition-all group",
-                onClick: S
+                onClick: C
               }, [
                 l("div", Yg, [
                   l("p", Wg, p(e.currentOrganisation.organisation_name), 1),
                   l("div", Gg, [
                     P[5] || (P[5] = l("svg", {
-                      class: "w-3 h-3 text-blue-600 flex-shrink-0",
+                      class: "w-3 h-3 text-blue-600 shrink-0",
                       fill: "currentColor",
                       viewBox: "0 0 20 20"
                     }, [
@@ -13099,7 +13103,7 @@ const dc = {
                   ])
                 ]),
                 (r(), i("svg", {
-                  class: m(["w-4 h-4 text-blue-600 flex-shrink-0 group-hover:text-blue-700 transition-transform", { "rotate-180": C.value }]),
+                  class: m(["w-4 h-4 text-blue-600 shrink-0 group-hover:text-blue-700 transition-transform", { "rotate-180": y.value }]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
@@ -13115,7 +13119,7 @@ const dc = {
                 l("p", Jg, p(e.currentOrganisation.organisation_name), 1),
                 l("div", Qg, [
                   P[7] || (P[7] = l("svg", {
-                    class: "w-3 h-3 text-blue-600 flex-shrink-0",
+                    class: "w-3 h-3 text-blue-600 shrink-0",
                     fill: "currentColor",
                     viewBox: "0 0 20 20"
                   }, [
@@ -13137,7 +13141,7 @@ const dc = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: X(() => [
-                  C.value ? (r(), i("div", ev, [
+                  y.value ? (r(), i("div", ev, [
                     l("div", tv, [
                       l("h3", av, [
                         P[8] || (P[8] = l("svg", {
@@ -13206,7 +13210,7 @@ const dc = {
             e.showBreadcrumb ? (r(), i("nav", mv, [
               l("span", gv, p(e.currentSection), 1),
               P[11] || (P[11] = l("svg", {
-                class: "w-4 h-4 text-gray-400 flex-shrink-0",
+                class: "w-4 h-4 text-gray-400 shrink-0",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24"
@@ -13222,7 +13226,7 @@ const dc = {
             ])) : h("", !0)
           ]),
           l("div", hv, [
-            y.value ? (r(), i("button", {
+            c.value ? (r(), i("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: P[0] || (P[0] = (w) => n("toggle-mobile-sidebar"))
@@ -13241,7 +13245,7 @@ const dc = {
                 })
               ], -1)
             ])])) : h("", !0),
-            e.showSearch && (!y.value || c.value) ? (r(), i("div", bv, [
+            e.showSearch && (!c.value || d.value) ? (r(), i("div", bv, [
               P[13] || (P[13] = l("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 l("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -13265,15 +13269,15 @@ const dc = {
               }, null, 8, yv), [
                 [st, s.value]
               ]),
-              y.value ? (r(), i("button", {
+              c.value ? (r(), i("button", {
                 key: 0,
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-                onClick: P[2] || (P[2] = (w) => c.value = !1)
+                onClick: P[2] || (P[2] = (w) => d.value = !1)
               }, " ✕ ")) : h("", !0)
-            ])) : e.showSearch && y.value ? (r(), i("button", {
+            ])) : e.showSearch && c.value ? (r(), i("button", {
               key: 2,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: P[3] || (P[3] = (w) => c.value = !0)
+              onClick: P[3] || (P[3] = (w) => d.value = !0)
             }, [...P[14] || (P[14] = [
               l("svg", {
                 class: "w-5 h-5",
@@ -13307,7 +13311,7 @@ const dc = {
                   d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
                 })
               ], -1)),
-              d.value > 0 ? (r(), i("span", pv, p(d.value > 9 ? "9+" : d.value), 1)) : h("", !0)
+              S.value > 0 ? (r(), i("span", pv, p(S.value > 9 ? "9+" : S.value), 1)) : h("", !0)
             ])) : h("", !0),
             O(we, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -13340,19 +13344,22 @@ const dc = {
                       l("p", { class: "text-sm text-gray-500" }, " No notifications ", -1)
                     ])])) : (r(!0), i(Y, { key: 1 }, G(e.notifications, (w) => (r(), i("div", {
                       key: w.id,
-                      class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors",
+                      class: m([
+                        "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors",
+                        w.read ? "opacity-60" : ""
+                      ]),
                       onClick: (x) => F(w)
                     }, [
                       l("div", zv, [
-                        P[17] || (P[17] = l("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                        l("div", Av, [
-                          l("p", Dv, p(w.title), 1),
-                          l("p", Mv, p(w.time), 1)
+                        w.read ? (r(), i("div", Dv)) : (r(), i("div", Av)),
+                        l("div", Mv, [
+                          l("p", Vv, p(w.title), 1),
+                          l("p", Fv, p(w.time), 1)
                         ])
                       ])
-                    ], 8, Sv))), 128))
+                    ], 10, Sv))), 128))
                   ]),
-                  e.notifications.length > 0 ? (r(), i("div", Vv, [
+                  e.notifications.length > 0 ? (r(), i("div", Tv, [
                     l("button", {
                       class: "text-sm font-medium text-blue-600 hover:text-blue-700 transition-colors",
                       onClick: U
@@ -13362,19 +13369,19 @@ const dc = {
               ]),
               _: 1
             }),
-            l("div", Fv, [
+            l("div", Bv, [
               l("button", {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors",
                 onClick: M
               }, [
-                l("div", Tv, [
-                  l("span", Bv, p(A.value), 1)
+                l("div", jv, [
+                  l("span", Pv, p(A.value), 1)
                 ]),
-                e.showUserDetails ? (r(), i("div", jv, [
-                  l("p", Pv, p(e.user.name), 1),
-                  l("p", Ov, p(E.value), 1)
+                e.showUserDetails ? (r(), i("div", Ov, [
+                  l("p", Lv, p(e.user.name), 1),
+                  l("p", Ev, p(E.value), 1)
                 ])) : h("", !0),
-                P[18] || (P[18] = l("svg", {
+                P[17] || (P[17] = l("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -13397,12 +13404,12 @@ const dc = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: X(() => [
-                  u.value ? (r(), i("div", Lv, [
-                    l("div", Ev, [
-                      l("p", Iv, p(e.user.name), 1),
-                      l("p", _v, p(e.user.email), 1)
+                  u.value ? (r(), i("div", Iv, [
+                    l("div", _v, [
+                      l("p", Nv, p(e.user.name), 1),
+                      l("p", Rv, p(e.user.email), 1)
                     ]),
-                    l("div", Nv, [
+                    l("div", Uv, [
                       (r(!0), i(Y, null, G(e.profileMenuItems, (w) => (r(), i(Y, {
                         key: w.name
                       }, [
@@ -13411,16 +13418,16 @@ const dc = {
                           to: w.route,
                           class: m(J(L)(
                             "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                            z(w) ? "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"
+                            z(w) ? "bg-linear-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: (x) => $(w)
                         }, {
                           default: X(() => [
-                            z(w) ? (r(), i("div", Rv)) : h("", !0),
+                            z(w) ? (r(), i("div", qv)) : h("", !0),
                             l("div", {
                               class: m(J(L)(
-                                "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                                z(w) ? "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"
+                                "flex items-center justify-center w-8 h-8 rounded-lg mr-3 shrink-0 transition-colors ml-2",
+                                z(w) ? "bg-linear-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                               ))
                             }, [
                               w.icon ? (r(), K(ie, {
@@ -13442,23 +13449,23 @@ const dc = {
                           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: (x) => D(w)
                         }, [
-                          l("div", qv, [
+                          l("div", Yv, [
                             w.icon ? (r(), K(ie, {
                               key: 0,
                               icon: w.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : h("", !0)
                           ]),
-                          l("span", Hv, p(w.label), 1)
-                        ], 8, Uv))
+                          l("span", Wv, p(w.label), 1)
+                        ], 8, Hv))
                       ], 64))), 128))
                     ]),
                     l("div", { class: "border-t border-gray-200 py-2" }, [
                       l("button", {
                         class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-red-600 hover:bg-red-50 border border-transparent",
                         onClick: I
-                      }, [...P[19] || (P[19] = [
-                        l("div", { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-1 flex-shrink-0 transition-colors ml-2 bg-red-100 text-red-600 group-hover:bg-red-200" }, [
+                      }, [...P[18] || (P[18] = [
+                        l("div", { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-1 shrink-0 transition-colors ml-2 bg-red-100 text-red-600 group-hover:bg-red-200" }, [
                           l("svg", {
                             class: "w-4 h-4",
                             fill: "none",
@@ -13486,16 +13493,16 @@ const dc = {
       ], 2);
     };
   }
-}, Wv = { class: "relative" }, Gv = ["id", "disabled"], Kv = {
+}, Kv = { class: "relative" }, Xv = ["id", "disabled"], Jv = {
   key: 0,
   class: "text-gray-500"
-}, Xv = {
+}, Qv = {
   key: 1,
   class: "flex flex-wrap gap-1.5"
-}, Jv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Qv = {
+}, Zv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, eh = {
   key: 0,
   class: "max-h-52 overflow-y-auto py-1"
-}, Zv = ["onClick"], eh = { class: "flex items-center gap-3" }, th = ["checked"], ah = {
+}, th = ["onClick"], ah = { class: "flex items-center gap-3" }, nh = ["checked"], rh = {
   key: 1,
   class: "px-4 py-6 text-sm text-gray-500 text-center"
 }, Wr = {
@@ -13529,7 +13536,7 @@ const dc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = q(!1), o = q(""), u = q(null), d = q([...t.options]), c = q(null), y = q({}), C = b(() => t.options.filter(($) => t.modelValue.includes($.value)).map(($) => $.label)), A = () => {
+    const t = e, n = a, s = q(!1), o = q(""), u = q(null), d = q([...t.options]), c = q(null), y = q({}), S = b(() => t.options.filter(($) => t.modelValue.includes($.value)).map(($) => $.label)), A = () => {
       if (!c.value) return;
       const $ = c.value.getBoundingClientRect(), z = window.innerHeight, D = z - $.bottom, I = 320;
       D < I && $.top > I ? y.value = {
@@ -13563,20 +13570,20 @@ const dc = {
       }
     }, M = ($) => {
       $.key === "Escape" && (s.value = !1, o.value = "", d.value = [...t.options]);
-    }, S = ($) => {
+    }, C = ($) => {
       if (!c.value) return;
       const z = $.target;
       z && !c.value.contains(z) && !z.closest("[data-multiselect-dropdown]") && (s.value = !1, o.value = "", d.value = [...t.options]);
     };
     return Oe(() => {
-      document.addEventListener("click", S), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A);
+      document.addEventListener("click", C), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A);
     }), Ne(() => {
-      document.removeEventListener("click", S), window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
+      document.removeEventListener("click", C), window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
     }), pe(() => t.options, ($) => {
       d.value = [...$];
     }, { immediate: !0 }), pe(s, ($) => {
       $ && A();
-    }), ($, z) => (r(), i("div", Wv, [
+    }), ($, z) => (r(), i("div", Kv, [
       l("button", {
         id: e.id,
         ref_key: "buttonRef",
@@ -13591,8 +13598,8 @@ const dc = {
         onClick: E,
         onKeydown: M
       }, [
-        C.value.length === 0 ? (r(), i("div", Kv, p(e.placeholder || "Select options"), 1)) : (r(), i("div", Xv, [
-          (r(!0), i(Y, null, G(C.value, (D) => (r(), K(Er, {
+        S.value.length === 0 ? (r(), i("div", Jv, p(e.placeholder || "Select options"), 1)) : (r(), i("div", Qv, [
+          (r(!0), i(Y, null, G(S.value, (D) => (r(), K(Er, {
             key: D,
             variant: "primary",
             size: "sm"
@@ -13614,7 +13621,7 @@ const dc = {
             "clip-rule": "evenodd"
           }, null, -1)
         ])], 2))
-      ], 42, Gv),
+      ], 42, Xv),
       (r(), K(gt, { to: "body" }, [
         O(we, {
           "enter-active-class": "transition ease-out duration-100",
@@ -13631,7 +13638,7 @@ const dc = {
               "data-multiselect-dropdown": "",
               class: "bg-white shadow-lg max-h-72 rounded-md text-base ring-1 ring-black ring-opacity-5 overflow-hidden focus:outline-none"
             }, [
-              l("div", Jv, [
+              l("div", Zv, [
                 Ge(l("input", {
                   ref_key: "searchInput",
                   ref: u,
@@ -13646,27 +13653,27 @@ const dc = {
                   [st, o.value]
                 ])
               ]),
-              d.value.length > 0 ? (r(), i("div", Qv, [
+              d.value.length > 0 ? (r(), i("div", eh, [
                 (r(!0), i(Y, null, G(d.value, (D) => (r(), i("button", {
                   key: D.value,
                   type: "button",
                   class: m(["cursor-pointer select-none relative py-2.5 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": e.modelValue.includes(D.value) }]),
                   onClick: (I) => T(D.value)
                 }, [
-                  l("div", eh, [
+                  l("div", ah, [
                     l("input", {
                       type: "checkbox",
                       checked: e.modelValue.includes(D.value),
                       class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded cursor-pointer pointer-events-none",
                       readonly: "",
                       tabindex: "-1"
-                    }, null, 8, th),
+                    }, null, 8, nh),
                     l("span", {
                       class: m(["block font-normal truncate", { "text-blue-900 font-medium": e.modelValue.includes(D.value) }])
                     }, p(D.label), 3)
                   ])
-                ], 10, Zv))), 128))
-              ])) : (r(), i("div", ah, " No options found "))
+                ], 10, th))), 128))
+              ])) : (r(), i("div", rh, " No options found "))
             ], 4)) : h("", !0)
           ]),
           _: 1
@@ -13674,31 +13681,31 @@ const dc = {
       ]))
     ]));
   }
-}, nh = { class: "mb-6" }, rh = { class: "text-xl font-semibold text-gray-900" }, sh = { class: "text-sm text-gray-600 mt-1" }, lh = ["value"], oh = {
+}, sh = { class: "mb-6" }, lh = { class: "text-xl font-semibold text-gray-900" }, oh = { class: "text-sm text-gray-600 mt-1" }, ih = ["value"], uh = {
   key: 5,
   class: "flex items-center"
-}, ih = {
+}, dh = {
   key: 6,
   class: "flex items-center"
-}, uh = ["id", "aria-checked", "disabled", "onClick"], dh = {
+}, ch = ["id", "aria-checked", "disabled", "onClick"], fh = {
   key: 7,
   class: "space-y-2"
-}, ch = {
+}, mh = {
   key: 8,
   class: "w-full"
-}, fh = {
+}, gh = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, mh = {
+}, vh = {
   key: 9,
   class: "w-full"
-}, gh = {
+}, hh = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, vh = {
+}, bh = {
   key: 11,
   class: "space-y-2"
-}, hh = { class: "flex items-center gap-4" }, bh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, yh = { class: "flex justify-end gap-3 pt-6" }, ph = {
+}, yh = { class: "flex items-center gap-4" }, ph = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, xh = { class: "flex justify-end gap-3 pt-6" }, wh = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -13779,7 +13786,7 @@ const dc = {
     const t = e, n = a, s = b({
       get: () => t.modelValue,
       set: (g) => n("update:modelValue", g)
-    }), o = b(() => t.loading), u = q({}), d = q({}), c = q(!1), y = q({}), C = q({}), A = (g, w) => {
+    }), o = b(() => t.loading), u = q({}), d = q({}), c = q(!1), y = q({}), S = q({}), A = (g, w) => {
       if (!(!g || !w))
         return w.split(".").reduce((x, _) => x?.[_], g);
     }, E = (g, w, x) => {
@@ -13823,7 +13830,7 @@ const dc = {
       },
       { deep: !0 }
     );
-    const S = () => {
+    const C = () => {
       if (d.value = {}, t.fields.forEach((g) => {
         if (g.required && !g.disabled && g.type !== "hidden") {
           const w = g.name.includes(".") ? A(u.value, g.name) : u.value[g.name];
@@ -13860,7 +13867,7 @@ const dc = {
           De.error("Please wait for all files to finish uploading");
           return;
         }
-        if (!S()) {
+        if (!C()) {
           De.error("Please fix the validation errors before submitting");
           return;
         }
@@ -13900,7 +13907,7 @@ const dc = {
         }) : w.append(x, _));
       }), w;
     }, V = () => {
-      u.value = T(), d.value = {}, c.value = !1, y.value = {}, C.value = {}, n("close");
+      u.value = T(), d.value = {}, c.value = !1, y.value = {}, S.value = {}, n("close");
     }, F = (g) => g.includes(".") ? A(u.value, g) : u.value[g], U = (g, w) => {
       g.includes(".") ? E(u.value, g, w) : u.value[g] = w;
     }, re = (g, w) => {
@@ -13943,9 +13950,9 @@ const dc = {
       onClose: V
     }, {
       default: X(() => [
-        l("div", nh, [
-          l("h2", rh, p(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          l("p", sh, p(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        l("div", sh, [
+          l("h2", lh, p(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          l("p", oh, p(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         l("form", {
           class: "space-y-6 overflow-y-auto",
@@ -13958,7 +13965,7 @@ const dc = {
               key: 0,
               value: F(x.name),
               type: "hidden"
-            }, null, 8, lh)) : (r(), K(qa, {
+            }, null, 8, ih)) : (r(), K(qa, {
               key: 1,
               id: `form-${e.entityName}-${x.name}-${Math.random().toString(36).slice(2, 5)}`,
               label: x.label,
@@ -14022,7 +14029,7 @@ const dc = {
                   "aria-describedby": k,
                   "allow-create": x.allowCreate,
                   "onUpdate:modelValue": (f) => $(x, f)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : x.type === "checkbox" ? (r(), i("div", oh, [
+                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : x.type === "checkbox" ? (r(), i("div", uh, [
                   O(Ae, {
                     id: _,
                     "model-value": F(x.name),
@@ -14041,7 +14048,7 @@ const dc = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : x.type === "switch" ? (r(), i("div", ih, [
+                ])) : x.type === "switch" ? (r(), i("div", dh, [
                   l("button", {
                     id: _,
                     type: "button",
@@ -14061,7 +14068,7 @@ const dc = {
                         F(x.name) ? "translate-x-6" : "translate-x-1"
                       ])
                     }, null, 2)
-                  ], 10, uh),
+                  ], 10, ch),
                   O(Qe, {
                     for: _,
                     class: "ml-3 text-sm text-gray-700"
@@ -14071,7 +14078,7 @@ const dc = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : x.type === "radio" ? (r(), i("div", dh, [
+                ])) : x.type === "radio" ? (r(), i("div", fh, [
                   (r(!0), i(Y, null, G(x.options, (f) => (r(), i("div", {
                     key: f.value,
                     class: "flex items-center"
@@ -14096,7 +14103,7 @@ const dc = {
                       _: 2
                     }, 1032, ["for"])
                   ]))), 128))
-                ])) : x.type === "file" ? (r(), i("div", ch, [
+                ])) : x.type === "file" ? (r(), i("div", mh, [
                   O(qt, {
                     multiple: !1,
                     accept: x.accept,
@@ -14105,8 +14112,8 @@ const dc = {
                     onFilesSelected: (f) => re(x, f),
                     onFileRemoved: (f) => ae(x, f)
                   }, null, 8, ["accept", "max-size", "variant", "onFilesSelected", "onFileRemoved"]),
-                  x.helpText ? (r(), i("p", fh, p(x.helpText), 1)) : h("", !0)
-                ])) : x.type === "multifile" ? (r(), i("div", mh, [
+                  x.helpText ? (r(), i("p", gh, p(x.helpText), 1)) : h("", !0)
+                ])) : x.type === "multifile" ? (r(), i("div", vh, [
                   O(qt, {
                     multiple: x.multiple !== !1,
                     accept: x.accept,
@@ -14116,7 +14123,7 @@ const dc = {
                     onFilesSelected: (f) => j(x, f),
                     onFileRemoved: (f) => P(x, f)
                   }, null, 8, ["multiple", "accept", "max-size", "max-files", "variant", "onFilesSelected", "onFileRemoved"]),
-                  x.helpText ? (r(), i("p", gh, p(x.helpText), 1)) : h("", !0)
+                  x.helpText ? (r(), i("p", hh, p(x.helpText), 1)) : h("", !0)
                 ])) : x.type === "slider" ? (r(), K(Ya, {
                   key: 10,
                   "model-value": F(x.name),
@@ -14125,8 +14132,8 @@ const dc = {
                   step: x.step,
                   disabled: o.value || x.disabled,
                   "onUpdate:modelValue": (f) => z(x, f)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : x.type === "range" ? (r(), i("div", vh, [
-                  l("div", hh, [
+                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : x.type === "range" ? (r(), i("div", bh, [
+                  l("div", yh, [
                     O(Ae, {
                       id: _,
                       "model-value": F(x.name),
@@ -14139,7 +14146,7 @@ const dc = {
                       "aria-describedby": k,
                       "onUpdate:modelValue": (f) => U(x.name, f)
                     }, null, 8, ["id", "model-value", "min", "max", "step", "disabled", "aria-describedby", "onUpdate:modelValue"]),
-                    l("span", bh, p(F(x.name)), 1)
+                    l("span", ph, p(F(x.name)), 1)
                   ])
                 ])) : x.type === "date" ? (r(), K(Xt, {
                   key: 12,
@@ -14197,7 +14204,7 @@ const dc = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"]))
           ]))), 128)),
-          l("div", yh, [
+          l("div", xh, [
             O(Se, {
               type: "button",
               variant: "outline",
@@ -14226,72 +14233,72 @@ const dc = {
       _: 1
     }, 8, ["modelValue", "size", "class", "resizable"]));
   }
-}, xh = { class: "w-full p-2" }, wh = {
+}, kh = { class: "w-full p-2" }, $h = {
   key: 0,
   class: "mb-6"
-}, kh = { class: "text-xl font-semibold text-gray-900" }, $h = {
+}, Ch = { class: "text-xl font-semibold text-gray-900" }, Sh = {
   key: 0,
   class: "text-sm text-gray-600 mt-1"
-}, Ch = ["onUpdate:modelValue"], Sh = {
+}, zh = ["onUpdate:modelValue"], Ah = {
   key: 4,
   class: "flex items-center"
-}, zh = {
+}, Dh = {
   key: 5,
   class: "flex items-center"
-}, Ah = ["id", "aria-checked", "disabled", "onClick"], Dh = {
+}, Mh = ["id", "aria-checked", "disabled", "onClick"], Vh = {
   key: 6,
   class: "space-y-2"
-}, Mh = {
+}, Fh = {
   key: 7,
   class: "space-y-2"
-}, Vh = {
+}, Th = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Fh = {
+}, Bh = {
   key: 8,
   class: "space-y-3"
-}, Th = ["onDrop", "onDragenter", "onDragleave", "onClick"], Bh = ["multiple", "accept", "disabled", "onChange"], jh = { class: "flex items-center justify-center px-4 py-4" }, Ph = { class: "flex flex-col" }, Oh = { class: "text-xs text-gray-500" }, Lh = {
+}, jh = ["onDrop", "onDragenter", "onDragleave", "onClick"], Ph = ["multiple", "accept", "disabled", "onChange"], Oh = { class: "flex items-center justify-center px-4 py-4" }, Lh = { class: "flex flex-col" }, Eh = { class: "text-xs text-gray-500" }, Ih = {
   key: 0,
   class: "ml-1"
-}, Eh = {
+}, _h = {
   key: 1,
   class: "ml-1"
-}, Ih = {
+}, Nh = {
   key: 0,
   class: "text-xs text-gray-500"
-}, _h = {
+}, Rh = {
   key: 1,
   class: "space-y-2"
-}, Nh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Rh = { class: "relative h-10 w-10 flex-shrink-0" }, Uh = {
+}, Uh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, qh = { class: "relative h-10 w-10 shrink-0" }, Hh = {
   class: "h-10 w-10 text-gray-300",
   viewBox: "0 0 36 36"
-}, qh = ["stroke-dasharray"], Hh = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, Yh = { class: "flex flex-col min-w-0" }, Wh = { class: "text-sm font-medium text-gray-900 truncate" }, Gh = ["onClick"], Kh = {
+}, Yh = ["stroke-dasharray"], Wh = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, Gh = { class: "flex flex-col min-w-0" }, Kh = { class: "text-sm font-medium text-gray-900 truncate" }, Xh = ["onClick"], Jh = {
   key: 2,
   class: "space-y-2"
-}, Xh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Jh = {
+}, Qh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Zh = {
   class: "h-5 w-5",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, Qh = {
+}, eb = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
-}, Zh = {
+}, tb = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
-}, eb = { class: "flex flex-col min-w-0" }, tb = { class: "text-sm font-medium text-gray-900 truncate" }, ab = { class: "text-xs text-gray-500" }, nb = ["disabled", "onClick"], rb = {
+}, ab = { class: "flex flex-col min-w-0" }, nb = { class: "text-sm font-medium text-gray-900 truncate" }, rb = { class: "text-xs text-gray-500" }, sb = ["disabled", "onClick"], lb = {
   key: 3,
   class: "text-xs text-blue-600 font-medium"
-}, sb = { key: 0 }, lb = {
+}, ob = { key: 0 }, ib = {
   key: 10,
   class: "space-y-2"
-}, ob = { class: "flex items-center gap-4" }, ib = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, ub = { class: "flex justify-end gap-3 pt-6" }, db = {
+}, ub = { class: "flex items-center gap-4" }, db = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, cb = { class: "flex justify-end gap-3 pt-6" }, fb = {
   __name: "ReusableForm",
   props: {
     title: {
@@ -14365,11 +14372,11 @@ const dc = {
   },
   emits: ["submit", "reset", "cancel"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = b(() => t.loading), o = q({}), u = q({}), d = q(!1), c = q({}), y = q({}), C = q({}), A = (v) => {
-      const k = C.value[v];
+    const t = e, n = a, s = b(() => t.loading), o = q({}), u = q({}), d = q(!1), c = q({}), y = q({}), S = q({}), A = (v) => {
+      const k = S.value[v];
       k && k.click();
     }, E = (v, k) => {
-      k && (C.value[v] = k);
+      k && (S.value[v] = k);
     }, T = () => {
       const v = {};
       return t.fields.forEach((k) => {
@@ -14419,7 +14426,7 @@ const dc = {
         } catch (f) {
           console.error("Error in onChange handler:", f), De.error("An error occurred while processing the change");
         }
-    }, S = (v, k) => {
+    }, C = (v, k) => {
       if (o.value[v.name] = k, v.onChange && typeof v.onChange == "function")
         try {
           v.onChange(k, o.value);
@@ -14530,10 +14537,10 @@ const dc = {
     }, _ = () => {
       n("cancel");
     };
-    return (v, k) => (r(), i("div", xh, [
-      e.title ? (r(), i("div", wh, [
-        l("h2", kh, p(e.title), 1),
-        e.description ? (r(), i("p", $h, p(e.description), 1)) : h("", !0)
+    return (v, k) => (r(), i("div", kh, [
+      e.title ? (r(), i("div", $h, [
+        l("h2", Ch, p(e.title), 1),
+        e.description ? (r(), i("p", Sh, p(e.description), 1)) : h("", !0)
       ])) : h("", !0),
       l("form", {
         class: "space-y-6",
@@ -14546,7 +14553,7 @@ const dc = {
             key: 0,
             "onUpdate:modelValue": (Z) => o.value[f.name] = Z,
             type: "hidden"
-          }, null, 8, Ch)), [
+          }, null, 8, zh)), [
             [st, o.value[f.name]]
           ]) : (r(), K(qa, {
             key: 1,
@@ -14601,7 +14608,7 @@ const dc = {
                 "has-error": le,
                 "aria-describedby": ce,
                 "onUpdate:modelValue": (te) => o.value[f.name] = te
-              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (r(), i("div", Sh, [
+              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (r(), i("div", Ah, [
                 O(Ae, {
                   id: Z,
                   modelValue: o.value[f.name],
@@ -14620,7 +14627,7 @@ const dc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : f.type === "switch" ? (r(), i("div", zh, [
+              ])) : f.type === "switch" ? (r(), i("div", Dh, [
                 l("button", {
                   id: Z,
                   type: "button",
@@ -14640,7 +14647,7 @@ const dc = {
                       o.value[f.name] ? "translate-x-6" : "translate-x-1"
                     ])
                   }, null, 2)
-                ], 10, Ah),
+                ], 10, Mh),
                 O(Qe, {
                   for: Z,
                   class: "ml-3 text-sm text-gray-700"
@@ -14650,7 +14657,7 @@ const dc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : f.type === "radio" ? (r(), i("div", Dh, [
+              ])) : f.type === "radio" ? (r(), i("div", Vh, [
                 (r(!0), i(Y, null, G(f.options, (te) => (r(), i("div", {
                   key: te.value,
                   class: "flex items-center"
@@ -14675,7 +14682,7 @@ const dc = {
                     _: 2
                   }, 1032, ["for"])
                 ]))), 128))
-              ])) : f.type === "file" ? (r(), i("div", Mh, [
+              ])) : f.type === "file" ? (r(), i("div", Fh, [
                 O(Ae, {
                   id: Z,
                   type: "file",
@@ -14688,8 +14695,8 @@ const dc = {
                   "aria-describedby": ce,
                   onChange: (te) => $(f, te)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                f.helpText ? (r(), i("p", Vh, p(f.helpText), 1)) : h("", !0)
-              ])) : f.type === "multifile" ? (r(), i("div", Fh, [
+                f.helpText ? (r(), i("p", Th, p(f.helpText), 1)) : h("", !0)
+              ])) : f.type === "multifile" ? (r(), i("div", Bh, [
                 l("div", {
                   class: m([
                     "border-2 border-dashed rounded-xl cursor-pointer transition-all duration-200",
@@ -14711,8 +14718,8 @@ const dc = {
                     class: "hidden",
                     disabled: s.value || f.disabled,
                     onChange: (te) => F(f, te)
-                  }, null, 40, Bh),
-                  l("div", jh, [
+                  }, null, 40, Ph),
+                  l("div", Oh, [
                     k[1] || (k[1] = l("div", { class: "bg-gray-100 rounded-full p-2.5 mr-3" }, [
                       l("svg", {
                         class: "h-6 w-6 text-gray-600",
@@ -14729,28 +14736,28 @@ const dc = {
                         })
                       ])
                     ], -1)),
-                    l("div", Ph, [
+                    l("div", Lh, [
                       k[0] || (k[0] = l("p", { class: "text-sm font-medium text-gray-700" }, [
                         l("span", { class: "text-blue-600 font-semibold" }, "Click to upload"),
                         ue(" or drag and drop ")
                       ], -1)),
-                      l("p", Oh, [
+                      l("p", Eh, [
                         ue(p(f.maxSize ? `Up to ${j(f.maxSize)}` : "No size limit") + " ", 1),
-                        f.accept ? (r(), i("span", Lh, "• " + p(f.accept), 1)) : h("", !0),
-                        f.maxFiles ? (r(), i("span", Eh, "• Max " + p(f.maxFiles) + " files", 1)) : h("", !0)
+                        f.accept ? (r(), i("span", Ih, "• " + p(f.accept), 1)) : h("", !0),
+                        f.maxFiles ? (r(), i("span", _h, "• Max " + p(f.maxFiles) + " files", 1)) : h("", !0)
                       ])
                     ])
                   ])
-                ], 42, Th),
-                f.helpText ? (r(), i("p", Ih, p(f.helpText), 1)) : h("", !0),
-                c.value[f.name]?.length > 0 ? (r(), i("div", _h, [
+                ], 42, jh),
+                f.helpText ? (r(), i("p", Nh, p(f.helpText), 1)) : h("", !0),
+                c.value[f.name]?.length > 0 ? (r(), i("div", Rh, [
                   (r(!0), i(Y, null, G(c.value[f.name], (te) => (r(), i("div", {
                     key: te.id,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg"
                   }, [
-                    l("div", Nh, [
-                      l("div", Rh, [
-                        (r(), i("svg", Uh, [
+                    l("div", Uh, [
+                      l("div", qh, [
+                        (r(), i("svg", Hh, [
                           k[2] || (k[2] = l("circle", {
                             cx: "18",
                             cy: "18",
@@ -14769,12 +14776,12 @@ const dc = {
                             "stroke-linecap": "round",
                             "stroke-dasharray": `${te.progress} 100`,
                             transform: "rotate(-90 18 18)"
-                          }, null, 8, qh)
+                          }, null, 8, Yh)
                         ])),
-                        l("span", Hh, p(Math.round(te.progress)) + "% ", 1)
+                        l("span", Wh, p(Math.round(te.progress)) + "% ", 1)
                       ]),
-                      l("div", Yh, [
-                        l("span", Wh, p(te.file.name), 1),
+                      l("div", Gh, [
+                        l("span", Kh, p(te.file.name), 1),
                         k[3] || (k[3] = l("span", { class: "text-xs text-gray-500" }, "Uploading...", -1))
                       ])
                     ]),
@@ -14797,28 +14804,28 @@ const dc = {
                           d: "M6 18L18 6M6 6l12 12"
                         })
                       ], -1)
-                    ])], 8, Gh)
+                    ])], 8, Xh)
                   ]))), 128))
                 ])) : h("", !0),
-                o.value[f.name]?.length > 0 ? (r(), i("div", Kh, [
+                o.value[f.name]?.length > 0 ? (r(), i("div", Jh, [
                   (r(!0), i(Y, null, G(o.value[f.name], (te, xe) => (r(), i("div", {
                     key: `uploaded-${xe}`,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"
                   }, [
-                    l("div", Xh, [
+                    l("div", Qh, [
                       l("div", {
                         class: m([
-                          "rounded-lg p-2 flex-shrink-0",
+                          "rounded-lg p-2 shrink-0",
                           g(te)
                         ])
                       }, [
-                        (r(), i("svg", Jh, [
-                          P(te) === "image" ? (r(), i("path", Qh)) : (r(), i("path", Zh))
+                        (r(), i("svg", Zh, [
+                          P(te) === "image" ? (r(), i("path", eb)) : (r(), i("path", tb))
                         ]))
                       ], 2),
-                      l("div", eb, [
-                        l("span", tb, p(te.name), 1),
-                        l("span", ab, p(j(te.size)), 1)
+                      l("div", ab, [
+                        l("span", nb, p(te.name), 1),
+                        l("span", rb, p(j(te.size)), 1)
                       ])
                     ]),
                     l("button", {
@@ -14841,12 +14848,12 @@ const dc = {
                           d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
                         })
                       ], -1)
-                    ])], 8, nb)
+                    ])], 8, sb)
                   ]))), 128))
                 ])) : h("", !0),
-                o.value[f.name]?.length > 0 ? (r(), i("p", rb, [
+                o.value[f.name]?.length > 0 ? (r(), i("p", lb, [
                   ue(p(o.value[f.name].length) + " file(s) uploaded ", 1),
-                  f.maxFiles ? (r(), i("span", sb, " of " + p(f.maxFiles) + " max", 1)) : h("", !0)
+                  f.maxFiles ? (r(), i("span", ob, " of " + p(f.maxFiles) + " max", 1)) : h("", !0)
                 ])) : h("", !0)
               ])) : f.type === "slider" ? (r(), K(Ya, {
                 key: 9,
@@ -14855,9 +14862,9 @@ const dc = {
                 max: f.max,
                 step: f.step,
                 disabled: s.value || f.disabled,
-                "onUpdate:modelValue": (te) => S(f, te)
-              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "range" ? (r(), i("div", lb, [
-                l("div", ob, [
+                "onUpdate:modelValue": (te) => C(f, te)
+              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "range" ? (r(), i("div", ib, [
+                l("div", ub, [
                   O(Ae, {
                     id: Z,
                     modelValue: o.value[f.name],
@@ -14870,7 +14877,7 @@ const dc = {
                     class: "flex-1",
                     "aria-describedby": ce
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                  l("span", ib, p(o.value[f.name]), 1)
+                  l("span", db, p(o.value[f.name]), 1)
                 ])
               ])) : f.type === "date" ? (r(), K(Xt, {
                 key: 11,
@@ -14928,7 +14935,7 @@ const dc = {
             _: 2
           }, 1032, ["id", "label", "required", "error", "error-message"]))
         ]))), 128)),
-        l("div", ub, [
+        l("div", cb, [
           e.showReset ? (r(), K(Se, {
             key: 0,
             type: "button",
@@ -14968,49 +14975,49 @@ const dc = {
       ], 32)
     ]));
   }
-}, cb = {
+}, mb = {
   key: 0,
-  class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, fb = { class: "text-lg font-bold text-gray-900" }, mb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, gb = { class: "space-y-2" }, vb = { key: 0 }, hb = {
+  class: "flex items-center justify-between p-4 border-b border-gray-200 shrink-0 lg:hidden"
+}, gb = { class: "text-lg font-bold text-gray-900" }, vb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, hb = { class: "space-y-2" }, bb = { key: 0 }, yb = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, bb = ["onClick"], yb = {
+}, pb = ["onClick"], xb = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, pb = {
+}, wb = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, xb = {
+}, kb = {
   key: 1,
-  class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, wb = {
+  class: "border-t border-gray-200 p-4 shrink-0"
+}, $b = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, kb = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, $b = { class: "flex items-center justify-between p-4" }, Cb = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Sb = {
+}, Cb = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Sb = { class: "flex items-center justify-between p-4" }, zb = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Ab = {
   key: 0,
   class: "px-4 pb-3"
-}, zb = { class: "relative" }, Ab = ["placeholder"], Db = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, Mb = {
+}, Db = { class: "relative" }, Mb = ["placeholder"], Vb = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, Fb = {
   key: 0,
   class: "mt-2 text-xs text-gray-500 px-1"
-}, Vb = { class: "p-3" }, Fb = {
+}, Tb = { class: "p-3" }, Bb = {
   key: 0,
   class: "px-3 py-8 text-center"
-}, Tb = {
+}, jb = {
   key: 1,
   class: "space-y-1"
-}, Bb = {
+}, Pb = {
   key: 0,
-  class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, jb = {
+  class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
+}, Ob = {
   key: 1,
   class: "ml-2 inline-flex items-center justify-center px-2 py-0.5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Pb = { class: "p-3" }, Ob = { class: "space-y-1" }, Lb = {
+}, Lb = { class: "p-3" }, Eb = { class: "space-y-1" }, Ib = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Eb = {
+}, _b = {
   key: 0,
-  class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Ib = {
+  class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
+}, Nb = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -15066,7 +15073,7 @@ const dc = {
     "search"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = e, s = t, o = q(!1), u = q(!1), d = q(null), c = q(!1), y = q(""), C = b(() => n.mobileOpen), A = b(() => o.value ? {} : {
+    const n = e, s = t, o = q(!1), u = q(!1), d = q(null), c = q(!1), y = q(""), S = b(() => n.mobileOpen), A = b(() => o.value ? {} : {
       left: `${n.sidebarWidth}px`
     }), E = b(() => o.value ? {} : {
       left: `${n.sidebarWidth}px`
@@ -15090,7 +15097,7 @@ const dc = {
         return 0;
       let _ = n.sidebarWidth;
       return u.value && (_ += 220), c.value && (_ += 220), _;
-    }), S = (_) => {
+    }), C = (_) => {
       s("navigate", _), o.value && $();
       const v = u.value && d.value && d.value.subItems.some((f) => f.route === _.route), k = c.value && n.managementSettings.some((f) => f.route === _.route);
       (o.value || !(v || k)) && U();
@@ -15111,9 +15118,9 @@ const dc = {
     }, U = () => {
       V(), F();
     }, re = (_) => {
-      S(_);
+      C(_);
     }, ae = (_) => {
-      S(_);
+      C(_);
     }, j = (_) => {
       y.value = _, s("search", { query: _, menu: d.value?.name });
     }, P = () => {
@@ -15123,9 +15130,9 @@ const dc = {
       return _.route ? !!(v === _.route || v.startsWith(_.route + "/")) : _.subItems && _.subItems.length > 0 ? _.subItems.some((k) => k.route ? v === k.route || v.startsWith(k.route + "/") : !1) : !1;
     }, w = () => {
       const _ = o.value;
-      o.value = window.innerWidth < 1024, _ && !o.value && C.value && $();
+      o.value = window.innerWidth < 1024, _ && !o.value && S.value && $();
     }, x = (_) => {
-      _.key === "Escape" && (u.value || c.value ? U() : o.value && C.value && $());
+      _.key === "Escape" && (u.value || c.value ? U() : o.value && S.value && $());
     };
     return Oe(() => {
       w(), window.addEventListener("resize", w), document.addEventListener("keydown", x);
@@ -15133,7 +15140,7 @@ const dc = {
       window.removeEventListener("resize", w), document.removeEventListener("keydown", x);
     }), a({
       isMobile: o,
-      isMobileOpen: C,
+      isMobileOpen: S,
       submenuOpen: u,
       managementSettingsOpen: c,
       contentMarginLeft: M,
@@ -15150,7 +15157,7 @@ const dc = {
           "leave-to-class": "opacity-0"
         }, {
           default: X(() => [
-            C.value && o.value ? (r(), i("div", {
+            S.value && o.value ? (r(), i("div", {
               key: 0,
               class: "fixed inset-0 z-30 lg:hidden",
               onClick: $
@@ -15163,12 +15170,12 @@ const dc = {
             "fixed left-0 z-40 border-r overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             "bg-white border-gray-200",
-            o.value ? J(L)("transform h-screen", C.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
+            o.value ? J(L)("transform h-screen", S.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
           )),
           style: he({ width: e.sidebarWidth + "px", top: o.value ? "0px" : "4rem" })
         }, [
-          o.value ? (r(), i("div", cb, [
-            l("h2", fb, p(e.header?.title), 1),
+          o.value ? (r(), i("div", mb, [
+            l("h2", gb, p(e.header?.title), 1),
             l("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -15189,17 +15196,17 @@ const dc = {
               ], -1)
             ])])
           ])) : h("", !0),
-          l("nav", mb, [
-            l("div", gb, [
+          l("nav", vb, [
+            l("div", hb, [
               (r(!0), i(Y, null, G(e.navigationItems, (f) => (r(), i(Y, {
                 key: f.name || f.label
               }, [
-                f.type === "link" ? (r(), i("div", vb, [
+                f.type === "link" ? (r(), i("div", bb, [
                   z(f) ? (r(), i("div", {
                     key: 1,
                     class: m(J(L)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      g(f) ? "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"
+                      g(f) ? "bg-linear-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: (Z) => D(f)
                   }, [
@@ -15207,7 +15214,7 @@ const dc = {
                       class: m(J(L)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        g(f) ? "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"
+                        g(f) ? "bg-linear-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"
                       ))
                     }, [
                       O(ie, {
@@ -15221,23 +15228,23 @@ const dc = {
                         g(f) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, p(f.label), 3),
-                    f.badge ? (r(), i("span", yb, p(f.badge), 1)) : h("", !0),
-                    g(f) && z(f) ? (r(), i("div", pb)) : h("", !0)
-                  ], 10, bb)) : (r(), K(k, {
+                    f.badge ? (r(), i("span", xb, p(f.badge), 1)) : h("", !0),
+                    g(f) && z(f) ? (r(), i("div", wb)) : h("", !0)
+                  ], 10, pb)) : (r(), K(k, {
                     key: 0,
                     to: f.route,
                     class: m(J(L)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      g(f) ? "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"
+                      g(f) ? "bg-linear-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: (Z) => S(f)
+                    onClick: (Z) => C(f)
                   }, {
                     default: X(() => [
                       l("div", {
                         class: m(J(L)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          g(f) ? "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"
+                          g(f) ? "bg-linear-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"
                         ))
                       }, [
                         O(ie, {
@@ -15251,7 +15258,7 @@ const dc = {
                           g(f) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, p(f.label), 3),
-                      f.badge ? (r(), i("span", hb, p(f.badge), 1)) : h("", !0)
+                      f.badge ? (r(), i("span", yb, p(f.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -15259,11 +15266,11 @@ const dc = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (r(), i("div", xb, [
+          e.showManagementSettings ? (r(), i("div", kb, [
             l("div", {
               class: m(J(L)(
                 "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"
+                e.isManagementSettingsActive ? "bg-linear-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: I
             }, [
@@ -15271,7 +15278,7 @@ const dc = {
                 class: m(J(L)(
                   "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"
+                  e.isManagementSettingsActive ? "bg-linear-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"
                 ))
               }, [
                 O(ie, {
@@ -15285,7 +15292,7 @@ const dc = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (r(), i("div", wb)) : h("", !0)
+              e.isManagementSettingsActive ? (r(), i("div", $b)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -15308,8 +15315,8 @@ const dc = {
               ),
               style: he(A.value)
             }, [
-              l("div", kb, [
-                l("div", $b, [
+              l("div", Cb, [
+                l("div", Sb, [
                   l("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -15329,20 +15336,20 @@ const dc = {
                       })
                     ], -1)
                   ])]),
-                  l("h3", Cb, p(d.value?.label), 1)
+                  l("h3", zb, p(d.value?.label), 1)
                 ]),
-                T.value ? (r(), i("div", Sb, [
-                  l("div", zb, [
+                T.value ? (r(), i("div", Ab, [
+                  l("div", Db, [
                     Ge(l("input", {
                       "onUpdate:modelValue": v[0] || (v[0] = (f) => y.value = f),
                       type: "text",
                       placeholder: e.searchPlaceholder,
                       class: "w-full px-3 py-2 pl-9 pr-9 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all",
                       onInput: v[1] || (v[1] = (f) => j(y.value))
-                    }, null, 40, Ab), [
+                    }, null, 40, Mb), [
                       [st, y.value]
                     ]),
-                    l("div", Db, [
+                    l("div", Vb, [
                       O(ie, {
                         icon: "search",
                         class: "w-4 h-4"
@@ -15359,36 +15366,36 @@ const dc = {
                       })
                     ])) : h("", !0)
                   ]),
-                  y.value ? (r(), i("div", Mb, p(B.value.length) + " result" + p(B.value.length !== 1 ? "s" : "") + " found ", 1)) : h("", !0)
+                  y.value ? (r(), i("div", Fb, p(B.value.length) + " result" + p(B.value.length !== 1 ? "s" : "") + " found ", 1)) : h("", !0)
                 ])) : h("", !0)
               ]),
-              l("nav", Vb, [
-                T.value && y.value && B.value.length === 0 ? (r(), i("div", Fb, [
+              l("nav", Tb, [
+                T.value && y.value && B.value.length === 0 ? (r(), i("div", Bb, [
                   O(ie, {
                     icon: "search",
                     class: "w-12 h-12 mx-auto text-gray-300 mb-3"
                   }),
                   v[4] || (v[4] = l("p", { class: "text-sm text-gray-500 mb-1" }, " No results found ", -1)),
                   v[5] || (v[5] = l("p", { class: "text-xs text-gray-400" }, " Try a different search term ", -1))
-                ])) : (r(), i("div", Tb, [
+                ])) : (r(), i("div", jb, [
                   (r(!0), i(Y, null, G(B.value, (f) => (r(), K(k, {
                     key: f.name,
                     to: f.route,
                     class: m(
                       J(L)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        g(f) ? "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"
+                        g(f) ? "bg-linear-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: (Z) => re(f)
                   }, {
                     default: X(() => [
-                      g(f) ? (r(), i("div", Bb)) : h("", !0),
+                      g(f) ? (r(), i("div", Pb)) : h("", !0),
                       l("div", {
                         class: m(
                           J(L)(
-                            "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            g(f) ? "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"
+                            "flex items-center justify-center w-8 h-8 rounded-lg mr-3 shrink-0 transition-colors ml-2",
+                            g(f) ? "bg-linear-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
@@ -15404,7 +15411,7 @@ const dc = {
                           g(f) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, p(f.label), 3),
-                      f.badge ? (r(), i("span", jb, p(f.badge), 1)) : h("", !0)
+                      f.badge ? (r(), i("span", Ob, p(f.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -15457,29 +15464,29 @@ const dc = {
                   v[7] || (v[7] = l("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              l("nav", Pb, [
-                l("div", Ob, [
+              l("nav", Lb, [
+                l("div", Eb, [
                   (r(!0), i(Y, null, G(e.managementSettings, (f) => (r(), i(Y, {
                     key: f.name
                   }, [
-                    f.type === "section" ? (r(), i("div", Lb, p(f.label), 1)) : f.route ? (r(), K(k, {
+                    f.type === "section" ? (r(), i("div", Ib, p(f.label), 1)) : f.route ? (r(), K(k, {
                       key: 1,
                       to: f.route,
                       class: m(
                         J(L)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                          g(f) ? "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"
+                          g(f) ? "bg-linear-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: (Z) => ae(f)
                     }, {
                       default: X(() => [
-                        g(f) ? (r(), i("div", Eb)) : h("", !0),
+                        g(f) ? (r(), i("div", _b)) : h("", !0),
                         l("div", {
                           class: m(
                             J(L)(
-                              "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
-                              g(f) ? "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"
+                              "flex items-center justify-center w-8 h-8 rounded-lg mr-3 shrink-0 transition-colors",
+                              g(f) ? "bg-linear-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                             )
                           )
                         }, [
@@ -15525,7 +15532,7 @@ const dc = {
       ]);
     };
   }
-}, _b = {
+}, Rb = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -15544,13 +15551,13 @@ const dc = {
       H(a.$slots, "default")
     ], 2));
   }
-}, Nb = {
+}, Ub = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Rb = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Ub = { class: "text-slate-900 font-medium" }, qb = {
+}, qb = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Hb = { class: "text-slate-900 font-medium" }, Yb = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Hb = { class: "mt-2 text-slate-600 text-sm" }, Yb = {
+}, Wb = { class: "mt-2 text-slate-600 text-sm" }, Gb = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -15574,8 +15581,8 @@ const dc = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (r(), i("div", Nb)) : h("", !0),
-      l("div", Rb, [
+      e.orientation === "vertical" ? (r(), i("div", Ub)) : h("", !0),
+      l("div", qb, [
         H(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = l("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -15586,23 +15593,23 @@ const dc = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        l("h3", Ub, [
+        l("h3", Hb, [
           H(a.$slots, "title", {}, () => [
             ue(p(e.title), 1)
           ])
         ]),
-        e.subtitle ? (r(), i("p", qb, [
+        e.subtitle ? (r(), i("p", Yb, [
           H(a.$slots, "subtitle", {}, () => [
             ue(p(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        l("div", Hb, [
+        l("div", Wb, [
           H(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Wb = {
+}, Kb = {
   name: "AuthLayout",
   props: {
     title: {
@@ -15691,20 +15698,20 @@ const dc = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Gb = { class: "container mx-auto px-4 relative z-10" }, Kb = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Xb = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Jb = { class: "mb-6" }, Qb = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Zb = { class: "text-white" }, ey = { class: "flex items-center justify-center lg:justify-start mb-6" }, ty = { class: "text-3xl lg:text-4xl font-bold text-white" }, ay = { class: "lg:col-span-4" }, ny = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, ry = {
+}, Xb = { class: "container mx-auto px-4 relative z-10" }, Jb = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Qb = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Zb = { class: "mb-6" }, ey = { class: "text-4xl lg:text-6xl font-bold mb-2" }, ty = { class: "text-white" }, ay = { class: "flex items-center justify-center lg:justify-start mb-6" }, ny = { class: "text-3xl lg:text-4xl font-bold text-white" }, ry = { class: "lg:col-span-4" }, sy = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, ly = {
   key: 0,
   class: "mb-6"
-}, sy = { class: "text-center" }, ly = { class: "text-2xl font-bold text-gray-900" }, oy = {
+}, oy = { class: "text-center" }, iy = { class: "text-2xl font-bold text-gray-900" }, uy = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, iy = { class: "space-y-6" }, uy = {
+}, dy = { class: "space-y-6" }, cy = {
   key: 1,
   class: "mt-6"
-}, dy = {
+}, fy = {
   key: 0,
   class: "mt-6 text-center"
-}, cy = { class: "absolute bottom-4 right-4 text-right" }, fy = { class: "flex items-end justify-end mb-2" }, my = { class: "text-right mr-3" }, gy = { class: "text-red-500 font-bold text-xs" }, vy = { class: "text-white text-xs" }, hy = { class: "text-white/70 text-xs" }, by = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, yy = { class: "text-white/70 text-xs" }, py = { class: "absolute bottom-4 left-4 flex gap-2" }, xy = ["href"];
-function wy(e, a, t, n, s, o) {
+}, my = { class: "absolute bottom-4 right-4 text-right" }, gy = { class: "flex items-end justify-end mb-2" }, vy = { class: "text-right mr-3" }, hy = { class: "text-red-500 font-bold text-xs" }, by = { class: "text-white text-xs" }, yy = { class: "text-white/70 text-xs" }, py = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, xy = { class: "text-white/70 text-xs" }, wy = { class: "absolute bottom-4 left-4 flex gap-2" }, ky = ["href"];
+function $y(e, a, t, n, s, o) {
   const u = Ce("router-view"), d = Ce("font-awesome-icon");
   return r(), i("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -15717,70 +15724,70 @@ function wy(e, a, t, n, s, o) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    l("div", Gb, [
-      l("div", Kb, [
-        l("div", Xb, [
-          l("div", Jb, [
-            l("div", Qb, [
+    l("div", Xb, [
+      l("div", Jb, [
+        l("div", Qb, [
+          l("div", Zb, [
+            l("div", ey, [
               l("span", {
                 style: he({ color: t.primaryColor })
               }, p(t.primaryLogoPrefix), 5),
-              l("span", Zb, p(t.primaryLogoText), 1)
+              l("span", ty, p(t.primaryLogoText), 1)
             ]),
             l("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: he({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          l("div", ey, [
+          l("div", ay, [
             l("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: he({ backgroundColor: t.primaryColor })
             }, p(t.secondaryLogoPrefix), 5),
-            l("span", ty, p(t.secondaryLogoText), 1)
+            l("span", ny, p(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = l("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             l("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        l("div", ay, [
-          l("div", ny, [
-            e.$slots["card-header"] || t.title ? (r(), i("div", ry, [
+        l("div", ry, [
+          l("div", sy, [
+            e.$slots["card-header"] || t.title ? (r(), i("div", ly, [
               H(e.$slots, "card-header", {}, () => [
-                l("div", sy, [
-                  l("h1", ly, p(t.title), 1),
-                  t.subtitle ? (r(), i("p", oy, p(t.subtitle), 1)) : h("", !0)
+                l("div", oy, [
+                  l("h1", iy, p(t.title), 1),
+                  t.subtitle ? (r(), i("p", uy, p(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            l("div", iy, [
+            l("div", dy, [
               O(u)
             ]),
-            e.$slots["card-footer"] ? (r(), i("div", uy, [
+            e.$slots["card-footer"] ? (r(), i("div", cy, [
               H(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (r(), i("div", dy, [
+          e.$slots.links ? (r(), i("div", fy, [
             H(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    l("div", cy, [
-      l("div", fy, [
-        l("div", my, [
-          l("div", gy, p(t.companyName), 1),
-          l("div", vy, p(t.companyType), 1),
-          l("div", hy, p(t.companyTagline), 1)
+    l("div", my, [
+      l("div", gy, [
+        l("div", vy, [
+          l("div", hy, p(t.companyName), 1),
+          l("div", by, p(t.companyType), 1),
+          l("div", yy, p(t.companyTagline), 1)
         ]),
-        l("div", by, p(t.companyInitials), 1)
+        l("div", py, p(t.companyInitials), 1)
       ]),
-      l("div", yy, [
+      l("div", xy, [
         l("div", null, p(t.appName) + " (" + p(t.appVersion) + ")", 1),
         l("div", null, p(t.copyright), 1)
       ])
     ]),
-    l("div", py, [
+    l("div", wy, [
       (r(!0), i(Y, null, G(t.socialLinks, (c) => (r(), i("a", {
         key: c.name,
         href: c.url,
@@ -15792,14 +15799,14 @@ function wy(e, a, t, n, s, o) {
         O(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, xy))), 128))
+      ], 10, ky))), 128))
     ])
   ], 4);
 }
-const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen bg-gray-50" }, Cy = { class: "flex-1" }, Sy = {
+const Cy = /* @__PURE__ */ Vt(Kb, [["render", $y]]), Sy = { class: "min-h-screen bg-gray-50" }, zy = { class: "flex-1" }, Ay = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, zy = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Ay = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Dy = {
+}, Dy = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, My = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Vy = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -15823,7 +15830,7 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = Ce("Logo"), s = Ce("MainNavigation"), o = Ce("Button"), u = Ce("Header"), d = Ce("Breadcrumb"), c = Ce("Text"), y = Ce("Footer");
-      return r(), i("div", $y, [
+      return r(), i("div", Sy, [
         O(u, null, {
           logo: X(() => [
             H(a.$slots, "logo", {}, () => [
@@ -15856,15 +15863,15 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
           ]),
           _: 3
         }),
-        l("main", Cy, [
-          e.showBreadcrumb ? (r(), i("div", Sy, [
-            l("div", zy, [
+        l("main", zy, [
+          e.showBreadcrumb ? (r(), i("div", Ay, [
+            l("div", Dy, [
               H(a.$slots, "breadcrumb", {}, () => [
                 O(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          l("div", Ay, [
+          l("div", My, [
             H(a.$slots, "default")
           ])
         ]),
@@ -15885,7 +15892,7 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
       ]);
     };
   }
-}, My = {
+}, Fy = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -15979,7 +15986,7 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
     }), Ne(() => {
       window.removeEventListener("online", y), window.removeEventListener("offline", y);
     });
-    const C = b(() => {
+    const S = b(() => {
       const k = {
         404: {
           title: "Page Not Found",
@@ -16073,10 +16080,10 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
         }
       };
       return k[e.errorType] || k[404];
-    }), A = b(() => C.value), E = b(() => e.errorTitle || A.value.title), T = b(() => e.errorMessage || A.value.message), B = b(() => A.value.homeButtonIcon || "🏠"), M = b(() => e.showAdditionalInfo ? A.value.additionalInfo : null), S = () => {
+    }), A = b(() => S.value), E = b(() => e.errorTitle || A.value.title), T = b(() => e.errorMessage || A.value.message), B = b(() => A.value.homeButtonIcon || "🏠"), M = b(() => e.showAdditionalInfo ? A.value.additionalInfo : null), C = () => {
       n ? n.push(e.homeUrl) : window.location.href = e.homeUrl;
     }, $ = () => {
-      n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : S(), a("back");
+      n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : C(), a("back");
     }, z = async () => {
       s.value = !0;
       try {
@@ -16131,7 +16138,7 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
       homeButtonIcon: B,
       additionalInfoConfig: M,
       // Methods
-      goHome: S,
+      goHome: C,
       goBack: $,
       retry: z,
       // Classes
@@ -16151,20 +16158,20 @@ const ky = /* @__PURE__ */ Vt(Wb, [["render", wy]]), $y = { class: "min-h-screen
       helpClasses: v
     };
   }
-}, Vy = { class: "flex justify-center" }, Fy = { class: "flex items-center gap-3" }, Ty = { class: "text-2xl font-bold text-slate-900" }, By = {
+}, Ty = { class: "flex justify-center" }, By = { class: "flex items-center gap-3" }, jy = { class: "text-2xl font-bold text-slate-900" }, Py = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, jy = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Py = ["disabled"], Oy = {
+}, Oy = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Ly = ["disabled"], Ey = {
   key: 0,
   class: "animate-spin"
-}, Ly = { key: 1 }, Ey = ["disabled"], Iy = { key: 0 }, _y = { key: 1 }, Ny = {
+}, Iy = { key: 1 }, _y = ["disabled"], Ny = { key: 0 }, Ry = { key: 1 }, Uy = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Ry = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Uy = { class: "text-lg font-semibold text-slate-900 mb-4" }, qy = { class: "space-y-3" }, Hy = { class: "text-sm text-slate-600" }, Yy = ["href"], Wy = {
+}, qy = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Hy = { class: "text-lg font-semibold text-slate-900 mb-4" }, Yy = { class: "space-y-3" }, Wy = { class: "text-sm text-slate-600" }, Gy = ["href"], Ky = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function Gy(e, a, t, n, s, o) {
+function Xy(e, a, t, n, s, o) {
   return r(), i("div", {
     class: m(n.layoutClasses)
   }, [
@@ -16173,7 +16180,7 @@ function Gy(e, a, t, n, s, o) {
       class: m(n.backgroundClasses)
     }, [
       H(e.$slots, "background", {}, () => [
-        a[4] || (a[4] = l("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
+        a[4] || (a[4] = l("div", { class: "absolute inset-0 bg-linear-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
     ], 2)) : h("", !0),
     l("div", {
@@ -16184,13 +16191,13 @@ function Gy(e, a, t, n, s, o) {
         class: m(n.headerClasses)
       }, [
         H(e.$slots, "header", {}, () => [
-          l("div", Vy, [
+          l("div", Ty, [
             H(e.$slots, "logo", {}, () => [
-              l("div", Fy, [
+              l("div", By, [
                 a[5] || (a[5] = l("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   l("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                l("span", Ty, p(t.brandName), 1)
+                l("span", jy, p(t.brandName), 1)
               ])
             ])
           ])
@@ -16236,7 +16243,7 @@ function Gy(e, a, t, n, s, o) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (r(), i("div", By, [...a[6] || (a[6] = [
+        n.isOnline ? h("", !0) : (r(), i("div", Py, [...a[6] || (a[6] = [
           l("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             l("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             l("span", { class: "font-medium" }, "No Internet Connection")
@@ -16247,7 +16254,7 @@ function Gy(e, a, t, n, s, o) {
           class: m(n.actionsClasses)
         }, [
           H(e.$slots, "actions", {}, () => [
-            l("div", jy, [
+            l("div", Oy, [
               t.showHomeButton ? (r(), i("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
@@ -16270,18 +16277,18 @@ function Gy(e, a, t, n, s, o) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...u) => n.retry && n.retry(...u))
               }, [
-                n.isRetrying ? (r(), i("span", Oy, "↻")) : (r(), i("span", Ly, "🔄")),
+                n.isRetrying ? (r(), i("span", Ey, "↻")) : (r(), i("span", Iy, "🔄")),
                 ue(" " + p(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Py)) : h("", !0),
+              ], 8, Ly)) : h("", !0),
               t.showSupportButton ? (r(), i("button", {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[3] || (a[3] = (u) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (r(), i("span", Iy, "✓")) : (r(), i("span", _y, "📝")),
+                n.reportSent ? (r(), i("span", Ny, "✓")) : (r(), i("span", Ry, "📝")),
                 ue(" " + p(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Ey)) : h("", !0)
+              ], 8, _y)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -16290,16 +16297,16 @@ function Gy(e, a, t, n, s, o) {
           class: m(n.additionalInfoClasses)
         }, [
           H(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (r(), i("div", Ny, [
-              l("div", Ry, [
-                l("h3", Uy, p(n.additionalInfoConfig.title), 1),
-                l("ul", qy, [
+            n.additionalInfoConfig ? (r(), i("div", Uy, [
+              l("div", qy, [
+                l("h3", Hy, p(n.additionalInfoConfig.title), 1),
+                l("ul", Yy, [
                   (r(!0), i(Y, null, G(n.additionalInfoConfig.items, (u, d) => (r(), i("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
                     l("span", {
-                      class: m(`w-4 h-4 text-${u.iconColor || "slate-400"} flex-shrink-0 mt-0.5`)
+                      class: m(`w-4 h-4 text-${u.iconColor || "slate-400"} shrink-0 mt-0.5`)
                     }, p(u.icon), 3),
                     l("span", null, p(u.text), 1)
                   ]))), 128))
@@ -16313,7 +16320,7 @@ function Gy(e, a, t, n, s, o) {
           class: m(n.helpClasses)
         }, [
           H(e.$slots, "help", {}, () => [
-            l("p", Hy, [
+            l("p", Wy, [
               ue(p(t.helpText) + " ", 1),
               t.supportUrl ? (r(), i("a", {
                 key: 0,
@@ -16322,19 +16329,19 @@ function Gy(e, a, t, n, s, o) {
               }, [...a[8] || (a[8] = [
                 l("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 ue(" Get Help ", -1)
-              ])], 8, Yy)) : h("", !0)
+              ])], 8, Gy)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (r(), i("div", Wy, " Error ID: " + p(n.errorId), 1)) : h("", !0)
+        n.isDev ? (r(), i("div", Ky, " Error ID: " + p(n.errorId), 1)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-full relative" }, Jy = {
+const Jy = /* @__PURE__ */ Vt(Fy, [["render", Xy]]), Qy = { class: "w-full h-full relative" }, Zy = {
   key: 0,
   class: "w-full h-full flex items-center justify-center"
-}, Qy = ["width", "height", "viewBox"], Zy = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ep = ["cx", "cy", "r", "fill"], tp = { key: 1 }, ap = ["x", "y"], np = ["x", "y"], rp = { key: 2 }, sp = ["x", "y"], lp = { key: 3 }, op = ["transform"], ip = ["fill"], up = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, dp = { class: "flex items-center gap-2 mb-1.5" }, cp = { class: "font-semibold text-sm" }, fp = { class: "flex items-baseline gap-2 ml-5" }, mp = { class: "text-2xl font-bold" }, gp = { class: "mt-1 ml-5" }, vp = { class: "text-xs text-slate-300" }, zn = {
+}, ep = ["width", "height", "viewBox"], tp = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ap = ["cx", "cy", "r", "fill"], np = { key: 1 }, rp = ["x", "y"], sp = ["x", "y"], lp = { key: 2 }, op = ["x", "y"], ip = { key: 3 }, up = ["transform"], dp = ["fill"], cp = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, fp = { class: "flex items-center gap-2 mb-1.5" }, mp = { class: "font-semibold text-sm" }, gp = { class: "flex items-baseline gap-2 ml-5" }, vp = { class: "text-2xl font-bold" }, hp = { class: "mt-1 ml-5" }, bp = { class: "text-xs text-slate-300" }, zn = {
   __name: "PieChart",
   props: {
     data: {
@@ -16435,7 +16442,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
     }), y = b(() => {
       const D = t.showLegend && t.legendPosition === "bottom" ? Math.ceil(t.data.length / 2) * 25 : 0, I = t.height - D, V = t.showLegend && t.legendPosition === "right" ? t.width * 0.6 : t.width;
       return Math.min(V, I) / 2 - 40;
-    }), C = b(() => t.doughnut ? y.value * t.innerRadiusRatio : 0), A = b(() => {
+    }), S = b(() => t.doughnut ? y.value * t.innerRadiusRatio : 0), A = b(() => {
       if (!u.value) return [];
       const D = o.value;
       let I = -Math.PI / 2;
@@ -16444,10 +16451,10 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
           d.value,
           c.value,
           y.value,
-          C.value,
+          S.value,
           I,
           j
-        ), g = t.doughnut ? (y.value + C.value) / 2 : y.value * 0.7, w = I + ae / 2, x = d.value + Math.cos(w) * g, _ = c.value + Math.sin(w) * g, v = {
+        ), g = t.doughnut ? (y.value + S.value) / 2 : y.value * 0.7, w = I + ae / 2, x = d.value + Math.cos(w) * g, _ = c.value + Math.sin(w) * g, v = {
           value: U,
           percentage: re,
           path: P,
@@ -16477,7 +16484,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
         return 40 + D * 25;
       const V = Math.floor(D / 2), F = Math.ceil(t.data.length / 2) * 25;
       return t.height - F + 20 + V * 25;
-    }, S = (D, I, V) => {
+    }, C = (D, I, V) => {
       s.value = {
         visible: !0,
         x: D.clientX,
@@ -16502,7 +16509,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
         percentage: D.percentage
       });
     };
-    return (D, I) => (r(), i("div", Xy, [
+    return (D, I) => (r(), i("div", Qy, [
       u.value ? (r(), i("svg", {
         key: 1,
         width: e.width,
@@ -16518,35 +16525,35 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
             stroke: e.strokeColor,
             "stroke-width": e.strokeWidth,
             class: m(e.sliceClasses),
-            onMouseenter: (U) => S(U, V, F),
+            onMouseenter: (U) => C(U, V, F),
             onMouseleave: $,
             onClick: (U) => z(V, F)
-          }, null, 42, Zy))), 128))
+          }, null, 42, tp))), 128))
         ]),
         e.doughnut ? (r(), i("circle", {
           key: 0,
           cx: d.value,
           cy: c.value,
-          r: C.value,
+          r: S.value,
           fill: e.centerFill
-        }, null, 8, ep)) : h("", !0),
-        e.doughnut && e.showCenterText ? (r(), i("g", tp, [
+        }, null, 8, ap)) : h("", !0),
+        e.doughnut && e.showCenterText ? (r(), i("g", np, [
           l("text", {
             x: d.value,
             y: c.value - 5,
             class: m(e.centerTextClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, p(o.value), 11, ap),
+          }, p(o.value), 11, rp),
           l("text", {
             x: d.value,
             y: c.value + 15,
             class: m(e.centerLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, " Total ", 10, np)
+          }, " Total ", 10, sp)
         ])) : h("", !0),
-        e.showValues ? (r(), i("g", rp, [
+        e.showValues ? (r(), i("g", lp, [
           (r(!0), i(Y, null, G(A.value, (V, F) => (r(), i("text", {
             key: `value-${F}`,
             x: V.labelX,
@@ -16554,9 +16561,9 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
             class: m(e.valueLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, p(e.showPercentages ? `${V.percentage}%` : V.value), 11, sp))), 128))
+          }, p(e.showPercentages ? `${V.percentage}%` : V.value), 11, op))), 128))
         ])) : h("", !0),
-        e.showLegend ? (r(), i("g", lp, [
+        e.showLegend ? (r(), i("g", ip, [
           (r(!0), i(Y, null, G(A.value, (V, F) => (r(), i("g", {
             key: `legend-${F}`,
             transform: `translate(${B(F)}, ${M(F)})`
@@ -16566,15 +16573,15 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
               height: 12,
               fill: T(F),
               rx: "2"
-            }, null, 8, ip),
+            }, null, 8, dp),
             l("text", {
               x: 18,
               y: 10,
               class: m(e.legendTextClasses)
             }, p(V.label), 3)
-          ], 8, op))), 128))
+          ], 8, up))), 128))
         ])) : h("", !0)
-      ], 8, Qy)) : (r(), i("div", Jy, [...I[0] || (I[0] = [
+      ], 8, ep)) : (r(), i("div", Zy, [...I[0] || (I[0] = [
         Qr('<div class="text-center"><div class="text-slate-300 mb-2"><svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path></svg></div><p class="text-sm text-slate-500"> No data available </p></div>', 1)
       ])])),
       s.value.visible ? (r(), i("div", {
@@ -16589,42 +16596,42 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", up, [
-          l("div", dp, [
+        l("div", cp, [
+          l("div", fp, [
             l("div", {
               style: he({ backgroundColor: s.value.color }),
               class: "w-3 h-3 rounded-full shadow-sm"
             }, null, 4),
-            l("p", cp, p(s.value.label), 1)
+            l("p", mp, p(s.value.label), 1)
           ]),
-          l("div", fp, [
-            l("span", mp, p(s.value.value), 1),
+          l("div", gp, [
+            l("span", vp, p(s.value.value), 1),
             I[1] || (I[1] = l("span", { class: "text-xs text-slate-400" }, "tasks", -1))
           ]),
-          l("div", gp, [
-            l("span", vp, p(s.value.percentage) + "% of total", 1)
+          l("div", hp, [
+            l("span", bp, p(s.value.percentage) + "% of total", 1)
           ]),
           I[2] || (I[2] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
       ], 4)) : h("", !0)
     ]));
   }
-}, hp = {
+}, yp = {
   key: 0,
-  class: "flex items-center justify-between px-6 py-4 border-b border-slate-200 bg-gradient-to-r from-slate-50 to-slate-100 flex-shrink-0"
-}, bp = { class: "flex items-center gap-3" }, yp = { class: "font-semibold text-lg text-slate-900" }, pp = { class: "flex items-center gap-2" }, xp = ["disabled"], wp = {
+  class: "flex items-center justify-between px-6 py-4 border-b border-slate-200 bg-gradient-to-r from-slate-50 to-slate-100 shrink-0"
+}, pp = { class: "flex items-center gap-3" }, xp = { class: "font-semibold text-lg text-slate-900" }, wp = { class: "flex items-center gap-2" }, kp = ["disabled"], $p = {
   key: 1,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[250px]"
-}, kp = { class: "flex items-center justify-between mb-3" }, $p = { class: "space-y-3" }, Cp = ["for"], Sp = ["id", "onClick"], zp = {
+}, Cp = { class: "flex items-center justify-between mb-3" }, Sp = { class: "space-y-3" }, zp = ["for"], Ap = ["id", "onClick"], Dp = {
   key: 2,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[280px]"
-}, Ap = { class: "flex items-center justify-between mb-3" }, Dp = { class: "space-y-2" }, Mp = { class: "text-slate-700" }, Vp = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Fp = { class: "relative flex-1 overflow-hidden" }, Tp = {
+}, Mp = { class: "flex items-center justify-between mb-3" }, Vp = { class: "space-y-2" }, Fp = { class: "text-slate-700" }, Tp = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Bp = { class: "relative flex-1 overflow-hidden" }, jp = {
   key: 0,
   class: "absolute inset-0 bg-white/90 backdrop-blur-sm z-10 flex items-center justify-center"
-}, Bp = { class: "w-full h-full flex items-center justify-center" }, jp = {
+}, Pp = { class: "w-full h-full flex items-center justify-center" }, Op = {
   key: 3,
-  class: "border-t border-slate-200 px-6 py-3 bg-slate-50 flex-shrink-0"
-}, Pp = {
+  class: "border-t border-slate-200 px-6 py-3 bg-slate-50 shrink-0"
+}, Lp = {
   __name: "DashboardWidget",
   props: {
     id: { type: String, required: !0 },
@@ -16671,7 +16678,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
     });
     const y = () => {
       d.value = !d.value;
-    }, C = (j, P) => {
+    }, S = (j, P) => {
       c.value[j] = P, n("customize", { ...c.value });
     }, A = q(null), E = q(!1), T = (j) => {
       if (!E.value) return;
@@ -16681,16 +16688,16 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
         c: () => y(),
         C: () => y(),
         Escape: () => d.value = !1,
-        h: () => S.value = !S.value,
-        H: () => S.value = !S.value,
-        "?": () => S.value = !S.value
+        h: () => C.value = !C.value,
+        H: () => C.value = !C.value,
+        "?": () => C.value = !C.value
       };
       P[j.key] && (j.preventDefault(), P[j.key](), n("keypress", j.key));
     }, B = () => {
       E.value = !0;
     }, M = () => {
       E.value = !1;
-    }, S = q(!1), $ = [
+    }, C = q(!1), $ = [
       { key: "R", description: "Refresh widget" },
       { key: "C", description: "Open customization" },
       { key: "Esc", description: "Close panels" },
@@ -16766,21 +16773,21 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
       onFocus: B,
       onBlur: M
     }, [
-      e.showHeader ? (r(), i("div", hp, [
-        l("div", bp, [
+      e.showHeader ? (r(), i("div", yp, [
+        l("div", pp, [
           e.icon ? (r(), K(ie, {
             key: 0,
             icon: e.icon,
             class: "w-5 h-5 text-slate-700"
           }, null, 8, ["icon"])) : h("", !0),
-          l("h3", yp, p(e.title), 1)
+          l("h3", xp, p(e.title), 1)
         ]),
-        l("div", pp, [
+        l("div", wp, [
           H(j.$slots, "header-actions"),
           l("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             title: "Keyboard shortcuts (?)",
-            onClick: P[0] || (P[0] = (g) => S.value = !S.value)
+            onClick: P[0] || (P[0] = (g) => C.value = !C.value)
           }, [
             O(ie, {
               icon: "circle-info",
@@ -16812,11 +16819,11 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
                 { "animate-spin": e.loading }
               ])
             }, null, 8, ["class"])
-          ], 8, xp)) : h("", !0)
+          ], 8, kp)) : h("", !0)
         ])
       ])) : h("", !0),
-      d.value ? (r(), i("div", wp, [
-        l("div", kp, [
+      d.value ? (r(), i("div", $p, [
+        l("div", Cp, [
           P[4] || (P[4] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -16828,7 +16835,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", $p, [
+        l("div", Sp, [
           (r(!0), i(Y, null, G(e.customizationOptions, (g) => (r(), i("div", {
             key: g.id,
             class: "flex items-center justify-between"
@@ -16836,14 +16843,14 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
             l("label", {
               for: `setting-${g.id}`,
               class: "text-sm text-slate-700 cursor-pointer"
-            }, p(g.label), 9, Cp),
+            }, p(g.label), 9, zp),
             l("button", {
               id: `setting-${g.id}`,
               class: m([
                 "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
                 c.value[g.id] ? "bg-blue-600" : "bg-slate-300"
               ]),
-              onClick: (w) => C(g.id, !c.value[g.id])
+              onClick: (w) => S(g.id, !c.value[g.id])
             }, [
               l("span", {
                 class: m([
@@ -16851,16 +16858,16 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
                   c.value[g.id] ? "translate-x-6" : "translate-x-1"
                 ])
               }, null, 2)
-            ], 10, Sp)
+            ], 10, Ap)
           ]))), 128))
         ])
       ])) : h("", !0),
-      S.value ? (r(), i("div", zp, [
-        l("div", Ap, [
+      C.value ? (r(), i("div", Dp, [
+        l("div", Mp, [
           P[5] || (P[5] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: P[3] || (P[3] = (g) => S.value = !1)
+            onClick: P[3] || (P[3] = (g) => C.value = !1)
           }, [
             O(ie, {
               icon: "x",
@@ -16868,18 +16875,18 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", Dp, [
+        l("div", Vp, [
           (r(), i(Y, null, G($, (g) => l("div", {
             key: g.key,
             class: "flex items-center justify-between text-sm"
           }, [
-            l("span", Mp, p(g.description), 1),
-            l("kbd", Vp, p(g.key), 1)
+            l("span", Fp, p(g.description), 1),
+            l("kbd", Tp, p(g.key), 1)
           ])), 64))
         ])
       ])) : h("", !0),
-      l("div", Fp, [
-        e.loading ? (r(), i("div", Tp, [
+      l("div", Bp, [
+        e.loading ? (r(), i("div", jp, [
           O($t, {
             type: "spin",
             size: "medium",
@@ -16890,7 +16897,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
           key: 1,
           class: m(["w-full h-full flex items-center justify-center p-4", u[e.padding]])
         }, [
-          l("div", Bp, [
+          l("div", Pp, [
             (r(), K(Be(re.value), zt(U.value, { doughnut: ae.value }), null, 16, ["doughnut"]))
           ])
         ], 2)) : (r(), i("div", {
@@ -16900,7 +16907,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
           H(j.$slots, "default")
         ], 2))
       ]),
-      j.$slots.footer ? (r(), i("div", jp, [
+      j.$slots.footer ? (r(), i("div", Op, [
         H(j.$slots, "footer")
       ])) : h("", !0)
     ], 38)) : h("", !0);
@@ -16931,7 +16938,7 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
     `, n.appendChild(s), e._tooltipEl = n, e._tooltipArrow = s, e._tooltipPosition = t;
     const o = () => {
       if (!n.parentNode) return;
-      const y = e.getBoundingClientRect(), C = n.getBoundingClientRect();
+      const y = e.getBoundingClientRect(), S = n.getBoundingClientRect();
       if (y.width === 0 || y.height === 0) {
         n.style.opacity = "0";
         return;
@@ -16939,19 +16946,19 @@ const Ky = /* @__PURE__ */ Vt(My, [["render", Gy]]), Xy = { class: "w-full h-ful
       let A, E;
       switch (t) {
         case "bottom":
-          E = y.left + y.width / 2 - C.width / 2, A = y.bottom + 8;
+          E = y.left + y.width / 2 - S.width / 2, A = y.bottom + 8;
           break;
         case "left":
-          E = y.left - C.width - 8, A = y.top + y.height / 2 - C.height / 2;
+          E = y.left - S.width - 8, A = y.top + y.height / 2 - S.height / 2;
           break;
         case "right":
-          E = y.right + 8, A = y.top + y.height / 2 - C.height / 2;
+          E = y.right + 8, A = y.top + y.height / 2 - S.height / 2;
           break;
         default:
-          E = y.left + y.width / 2 - C.width / 2, A = y.top - C.height - 8;
+          E = y.left + y.width / 2 - S.width / 2, A = y.top - S.height - 8;
       }
       const T = 8;
-      E = Math.max(T, Math.min(E, window.innerWidth - C.width - T)), A = Math.max(T, Math.min(A, window.innerHeight - C.height - T)), n.style.left = `${E}px`, n.style.top = `${A}px`;
+      E = Math.max(T, Math.min(E, window.innerWidth - S.width - T)), A = Math.max(T, Math.min(A, window.innerHeight - S.height - T)), n.style.left = `${E}px`, n.style.top = `${A}px`;
     }, u = () => {
       const y = `
         position: absolute;
@@ -17026,7 +17033,7 @@ function Ze(e) {
   }
   return null;
 }
-function Op(e) {
+function Ep(e) {
   if (!e) return null;
   if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
     const [a, t, n] = e.split("-").map(Number);
@@ -17043,7 +17050,7 @@ function Gr(e) {
   const n = new Date(t);
   return n.setDate(t.getDate() + 6), { startDate: t, endDate: n };
 }
-function Lp(e) {
+function Ip(e) {
   const { startDate: a } = Gr(e), t = [];
   for (let n = 0; n < 7; n++) {
     const s = new Date(a);
@@ -17073,8 +17080,8 @@ function Dn(e) {
       isToday: T === c
     });
   }
-  const C = 42 - d.length;
-  for (let A = 1; A <= C; A++) {
+  const S = 42 - d.length;
+  for (let A = 1; A <= S; A++) {
     const E = new Date(a, t + 1, A), T = Ze(E);
     d.push({
       dayNumber: A,
@@ -17088,7 +17095,7 @@ function Dn(e) {
 }
 function Mn(e, a = "full") {
   if (!e) return "";
-  const t = Op(e);
+  const t = Ep(e);
   if (!t) return String(e);
   const n = {
     full: {
@@ -17109,11 +17116,11 @@ function Mn(e, a = "full") {
   };
   return t.toLocaleDateString("en-US", n[a] || n.full);
 }
-function Ep(e = 0, a = 23, t = 60) {
+function _p(e = 0, a = 23, t = 60) {
   const n = [];
   for (let s = e; s <= a; s++)
     for (let o = 0; o < 60; o += t) {
-      const u = String(s).padStart(2, "0"), d = String(o).padStart(2, "0"), c = `${u}:${d}`, y = s === 0 ? 12 : s > 12 ? s - 12 : s, C = s < 12 ? "AM" : "PM", A = `${y}:${d} ${C}`;
+      const u = String(s).padStart(2, "0"), d = String(o).padStart(2, "0"), c = `${u}:${d}`, y = s === 0 ? 12 : s > 12 ? s - 12 : s, S = s < 12 ? "AM" : "PM", A = `${y}:${d} ${S}`;
       n.push({ time: c, display: A });
     }
   return n;
@@ -17128,7 +17135,7 @@ function la(e, a = "long") {
 function oa(e) {
   return e.getFullYear();
 }
-const Ip = {
+const Np = {
   name: "EventsCalendar",
   props: {
     events: {
@@ -17149,7 +17156,7 @@ const Ip = {
       selectedEvent: null,
       weekDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
       weekDaysShort: ["S", "M", "T", "W", "T", "F", "S"],
-      timeSlots: Ep(0, 23, 60),
+      timeSlots: _p(0, 23, 60),
       monthNames: [
         "January",
         "February",
@@ -17185,7 +17192,7 @@ const Ip = {
       }));
     },
     weekViewDays() {
-      return Lp(this.currentDate).map((a) => {
+      return Ip(this.currentDate).map((a) => {
         const t = Ze(a);
         return {
           dateObj: a,
@@ -17302,66 +17309,66 @@ const Ip = {
       this.currentDate = new Date(this.currentDate.getFullYear(), e, 1), this.viewMode = "month";
     }
   }
-}, _p = { class: "flex gap-0 h-full bg-white rounded-lg shadow-sm border border-gray-200" }, Np = { class: "flex-1 flex flex-col" }, Rp = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-200" }, Up = { class: "flex items-center gap-3" }, qp = { class: "flex items-center gap-1" }, Hp = { class: "text-xl font-semibold text-gray-900 ml-2" }, Yp = { class: "flex items-center gap-2" }, Wp = { class: "flex-1 flex flex-col p-4" }, Gp = {
+}, Rp = { class: "flex gap-0 h-full bg-white rounded-lg shadow-sm border border-gray-200" }, Up = { class: "flex-1 flex flex-col" }, qp = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-200" }, Hp = { class: "flex items-center gap-3" }, Yp = { class: "flex items-center gap-1" }, Wp = { class: "text-xl font-semibold text-gray-900 ml-2" }, Gp = { class: "flex items-center gap-2" }, Kp = { class: "flex-1 flex flex-col p-4" }, Xp = {
   key: 0,
   class: "flex-1 overflow-y-auto"
-}, Kp = { class: "grid grid-cols-3 gap-6 pb-6" }, Xp = ["onClick"], Jp = { class: "bg-gradient-to-r from-blue-500 to-blue-600 px-3 py-3" }, Qp = { class: "text-sm font-bold text-white text-center" }, Zp = { class: "p-3" }, e1 = { class: "grid grid-cols-7 mb-2" }, t1 = { class: "grid grid-cols-7 gap-1" }, a1 = {
+}, Jp = { class: "grid grid-cols-3 gap-6 pb-6" }, Qp = ["onClick"], Zp = { class: "bg-gradient-to-r from-blue-500 to-blue-600 px-3 py-3" }, e1 = { class: "text-sm font-bold text-white text-center" }, t1 = { class: "p-3" }, a1 = { class: "grid grid-cols-7 mb-2" }, n1 = { class: "grid grid-cols-7 gap-1" }, r1 = {
   key: 1,
   class: "flex-1 flex flex-col"
-}, n1 = { class: "grid grid-cols-7 border-b border-gray-200" }, r1 = { class: "grid grid-cols-7 flex-1 border-l border-t border-gray-200" }, s1 = ["onClick"], l1 = { class: "flex items-center justify-between mb-1 px-1" }, o1 = { class: "space-y-1" }, i1 = ["onClick"], u1 = {
+}, s1 = { class: "grid grid-cols-7 border-b border-gray-200" }, l1 = { class: "grid grid-cols-7 flex-1 border-l border-t border-gray-200" }, o1 = ["onClick"], i1 = { class: "flex items-center justify-between mb-1 px-1" }, u1 = { class: "space-y-1" }, d1 = ["onClick"], c1 = {
   key: 0,
   class: "text-xs px-2 py-1 text-gray-600 font-medium cursor-pointer hover:text-gray-900"
-}, d1 = {
+}, f1 = {
   key: 2,
   class: "flex-1 flex flex-col overflow-hidden"
-}, c1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50" }, f1 = { class: "text-xs font-semibold text-gray-600 uppercase" }, m1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50 min-h-[60px]" }, g1 = ["onClick"], v1 = { class: "font-semibold truncate" }, h1 = { class: "flex-1 overflow-y-auto" }, b1 = { class: "grid grid-cols-8" }, y1 = { class: "border-r border-gray-200 bg-gray-50" }, p1 = ["onClick"], x1 = { class: "font-semibold truncate" }, w1 = { class: "text-xs opacity-90 truncate" }, k1 = {
+}, m1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50" }, g1 = { class: "text-xs font-semibold text-gray-600 uppercase" }, v1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50 min-h-[60px]" }, h1 = ["onClick"], b1 = { class: "font-semibold truncate" }, y1 = { class: "flex-1 overflow-y-auto" }, p1 = { class: "grid grid-cols-8" }, x1 = { class: "border-r border-gray-200 bg-gray-50" }, w1 = ["onClick"], k1 = { class: "font-semibold truncate" }, $1 = { class: "text-xs opacity-90 truncate" }, C1 = {
   key: 3,
   class: "flex-1 flex flex-col overflow-hidden"
-}, $1 = { class: "border-b border-gray-200 bg-gray-50 p-4" }, C1 = { class: "text-center" }, S1 = { class: "text-sm font-semibold text-gray-600 uppercase" }, z1 = {
+}, S1 = { class: "border-b border-gray-200 bg-gray-50 p-4" }, z1 = { class: "text-center" }, A1 = { class: "text-sm font-semibold text-gray-600 uppercase" }, D1 = {
   key: 0,
   class: "border-b border-gray-200 bg-gray-50 p-4"
-}, A1 = { class: "space-y-2" }, D1 = ["onClick"], M1 = { class: "font-semibold" }, V1 = {
+}, M1 = { class: "space-y-2" }, V1 = ["onClick"], F1 = { class: "font-semibold" }, T1 = {
   key: 0,
   class: "text-xs opacity-80 mt-1"
-}, F1 = { class: "flex-1 overflow-y-auto" }, T1 = { class: "flex" }, B1 = { class: "w-24 border-r border-gray-200 bg-gray-50 flex-shrink-0" }, j1 = { class: "flex-1 relative" }, P1 = ["onClick"], O1 = { class: "font-semibold" }, L1 = { class: "text-xs opacity-90 mt-1" }, E1 = {
+}, B1 = { class: "flex-1 overflow-y-auto" }, j1 = { class: "flex" }, P1 = { class: "w-24 border-r border-gray-200 bg-gray-50 shrink-0" }, O1 = { class: "flex-1 relative" }, L1 = ["onClick"], E1 = { class: "font-semibold" }, I1 = { class: "text-xs opacity-90 mt-1" }, _1 = {
   key: 0,
   class: "text-xs opacity-80 mt-1 line-clamp-2"
-}, I1 = {
+}, N1 = {
   key: 0,
   class: "w-80 border-l border-gray-200 bg-white flex flex-col"
-}, _1 = { class: "px-6 py-4 border-b border-gray-200 flex items-start justify-between" }, N1 = { class: "flex-1 overflow-y-auto px-6 py-4 space-y-4" }, R1 = { class: "text-xl font-bold text-gray-900" }, U1 = { key: 0 }, q1 = {
+}, R1 = { class: "px-6 py-4 border-b border-gray-200 flex items-start justify-between" }, U1 = { class: "flex-1 overflow-y-auto px-6 py-4 space-y-4" }, q1 = { class: "text-xl font-bold text-gray-900" }, H1 = { key: 0 }, Y1 = {
   key: 0,
   class: "w-4 h-4 mr-1.5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, H1 = {
+}, W1 = {
   key: 1,
   class: "w-4 h-4 mr-1.5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, Y1 = { class: "space-y-3 pt-2" }, W1 = { class: "flex items-start gap-3" }, G1 = { class: "text-sm font-medium text-gray-900" }, K1 = { class: "flex items-start gap-3" }, X1 = { class: "text-sm text-gray-600" }, J1 = {
+}, G1 = { class: "space-y-3 pt-2" }, K1 = { class: "flex items-start gap-3" }, X1 = { class: "text-sm font-medium text-gray-900" }, J1 = { class: "flex items-start gap-3" }, Q1 = { class: "text-sm text-gray-600" }, Z1 = {
   key: 1,
   class: "pt-4 border-t border-gray-200"
-}, Q1 = { class: "text-sm text-gray-600 leading-relaxed" }, Z1 = {
+}, ex = { class: "text-sm text-gray-600 leading-relaxed" }, tx = {
   key: 2,
   class: "pt-4 border-t border-gray-200 space-y-3"
-}, ex = {
+}, ax = {
   key: 0,
   class: "text-sm"
-}, tx = { class: "text-gray-600 mt-1" }, ax = {
+}, nx = { class: "text-gray-600 mt-1" }, rx = {
   key: 1,
   class: "text-sm"
-}, nx = { class: "text-gray-600 mt-1" };
-function rx(e, a, t, n, s, o) {
-  return r(), i("div", _p, [
-    l("div", Np, [
-      l("div", Rp, [
-        l("div", Up, [
+}, sx = { class: "text-gray-600 mt-1" };
+function lx(e, a, t, n, s, o) {
+  return r(), i("div", Rp, [
+    l("div", Up, [
+      l("div", qp, [
+        l("div", Hp, [
           l("button", {
             class: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors",
             onClick: a[0] || (a[0] = (...u) => o.goToToday && o.goToToday(...u))
           }, " Today "),
-          l("div", qp, [
+          l("div", Yp, [
             l("button", {
               class: "p-2 text-gray-600 hover:bg-gray-100 rounded transition-colors",
               onClick: a[1] || (a[1] = (...u) => o.previousPeriod && o.previousPeriod(...u))
@@ -17399,9 +17406,9 @@ function rx(e, a, t, n, s, o) {
               ], -1)
             ])])
           ]),
-          l("h2", Hp, p(o.displayTitle), 1)
+          l("h2", Wp, p(o.displayTitle), 1)
         ]),
-        l("div", Yp, [
+        l("div", Gp, [
           l("button", {
             class: m(["px-3 py-2 text-sm font-medium rounded transition-colors", s.viewMode === "year" ? "bg-blue-100 text-blue-700" : "text-gray-700 hover:bg-gray-100"]),
             onClick: a[3] || (a[3] = (u) => s.viewMode = "year")
@@ -17420,25 +17427,25 @@ function rx(e, a, t, n, s, o) {
           }, " Day ", 2)
         ])
       ]),
-      l("div", Wp, [
-        s.viewMode === "year" ? (r(), i("div", Gp, [
-          l("div", Kp, [
+      l("div", Kp, [
+        s.viewMode === "year" ? (r(), i("div", Xp, [
+          l("div", Jp, [
             (r(!0), i(Y, null, G(o.yearViewMonths, (u) => (r(), i("div", {
               key: u.index,
               class: "bg-white rounded-lg border border-gray-200 overflow-hidden hover:shadow-lg transition-shadow cursor-pointer",
               onClick: (d) => o.selectMonthFromYear(u.index)
             }, [
-              l("div", Jp, [
-                l("h3", Qp, p(u.name), 1)
-              ]),
               l("div", Zp, [
-                l("div", e1, [
+                l("h3", e1, p(u.name), 1)
+              ]),
+              l("div", t1, [
+                l("div", a1, [
                   (r(!0), i(Y, null, G(s.weekDaysShort, (d) => (r(), i("div", {
                     key: d,
                     class: "text-center text-[10px] font-bold text-gray-600"
                   }, p(d), 1))), 128))
                 ]),
-                l("div", t1, [
+                l("div", n1, [
                   (r(!0), i(Y, null, G(u.days, (d, c) => (r(), i("div", {
                     key: c,
                     class: m(["aspect-square flex items-center justify-center text-xs rounded-md relative transition-all hover:scale-110", [
@@ -17460,17 +17467,17 @@ function rx(e, a, t, n, s, o) {
                   ], 2))), 128))
                 ])
               ])
-            ], 8, Xp))), 128))
+            ], 8, Qp))), 128))
           ])
         ])) : h("", !0),
-        s.viewMode === "month" ? (r(), i("div", a1, [
-          l("div", n1, [
+        s.viewMode === "month" ? (r(), i("div", r1, [
+          l("div", s1, [
             (r(!0), i(Y, null, G(s.weekDays, (u) => (r(), i("div", {
               key: u,
               class: "text-center text-xs font-semibold text-gray-600 py-3 uppercase tracking-wider"
             }, p(u), 1))), 128))
           ]),
-          l("div", r1, [
+          l("div", l1, [
             (r(!0), i(Y, null, G(o.calendarDays, (u, d) => (r(), i("div", {
               key: d,
               class: m(["border-r border-b border-gray-200 p-1 min-h-[120px] relative cursor-pointer hover:bg-gray-50 transition-colors", [
@@ -17480,7 +17487,7 @@ function rx(e, a, t, n, s, o) {
               ]]),
               onClick: (c) => o.selectDay(u)
             }, [
-              l("div", l1, [
+              l("div", i1, [
                 l("span", {
                   class: m(["text-sm font-medium", [
                     u.isCurrentMonth ? "text-gray-900" : "text-gray-400",
@@ -17488,24 +17495,24 @@ function rx(e, a, t, n, s, o) {
                   ]])
                 }, p(u.dayNumber), 3)
               ]),
-              l("div", o1, [
+              l("div", u1, [
                 (r(!0), i(Y, null, G(u.events.slice(0, 3), (c, y) => (r(), i("div", {
                   key: y,
                   class: m(["text-xs px-2 py-1 rounded cursor-pointer truncate border-l-2 text-white font-medium hover:opacity-90 transition-opacity", o.getEventColorClass(c.color)]),
-                  onClick: $e((C) => o.selectEvent(c, u), ["stop"])
-                }, p(c.title), 11, i1))), 128)),
-                u.events.length > 3 ? (r(), i("div", u1, " +" + p(u.events.length - 3) + " more ", 1)) : h("", !0)
+                  onClick: $e((S) => o.selectEvent(c, u), ["stop"])
+                }, p(c.title), 11, d1))), 128)),
+                u.events.length > 3 ? (r(), i("div", c1, " +" + p(u.events.length - 3) + " more ", 1)) : h("", !0)
               ])
-            ], 10, s1))), 128))
+            ], 10, o1))), 128))
           ])
-        ])) : s.viewMode === "week" ? (r(), i("div", d1, [
-          l("div", c1, [
+        ])) : s.viewMode === "week" ? (r(), i("div", f1, [
+          l("div", m1, [
             a[10] || (a[10] = l("div", { class: "border-r border-gray-200 p-2" }, null, -1)),
             (r(!0), i(Y, null, G(o.weekViewDays, (u) => (r(), i("div", {
               key: u.date,
               class: m(["text-center p-2 border-r border-gray-200", u.isToday ? "bg-blue-50" : ""])
             }, [
-              l("div", f1, p(u.dayName), 1),
+              l("div", g1, p(u.dayName), 1),
               l("div", {
                 class: m(["text-lg font-bold mt-1", [
                   u.isToday ? "bg-blue-600 text-white w-8 h-8 flex items-center justify-center rounded-full mx-auto" : "text-gray-900"
@@ -17513,7 +17520,7 @@ function rx(e, a, t, n, s, o) {
               }, p(u.dayNumber), 3)
             ], 2))), 128))
           ]),
-          l("div", m1, [
+          l("div", v1, [
             a[11] || (a[11] = l("div", { class: "border-r border-gray-200 px-2 py-1 text-xs text-gray-600 text-right flex items-center justify-end" }, " All Day ", -1)),
             (r(!0), i(Y, null, G(o.weekViewDays, (u) => (r(), i("div", {
               key: "allday-" + u.date,
@@ -17524,13 +17531,13 @@ function rx(e, a, t, n, s, o) {
                 class: m(["rounded border-l-2 p-1 text-xs font-medium text-white cursor-pointer hover:opacity-90 transition-opacity", o.getEventColorClass(d.color)]),
                 onClick: (c) => o.selectEvent(d, u)
               }, [
-                l("div", v1, p(d.title), 1)
-              ], 10, g1))), 128))
+                l("div", b1, p(d.title), 1)
+              ], 10, h1))), 128))
             ], 2))), 128))
           ]),
-          l("div", h1, [
-            l("div", b1, [
-              l("div", y1, [
+          l("div", y1, [
+            l("div", p1, [
+              l("div", x1, [
                 (r(!0), i(Y, null, G(s.timeSlots, (u) => (r(), i("div", {
                   key: u.time,
                   class: "h-16 border-b border-gray-200 px-2 py-1 text-xs text-gray-600 text-right"
@@ -17549,17 +17556,17 @@ function rx(e, a, t, n, s, o) {
                     class: m(["absolute inset-x-1 top-1 bottom-1 rounded border-l-2 p-1 text-xs font-medium text-white cursor-pointer hover:opacity-90 transition-opacity overflow-hidden", o.getEventColorClass(c.color)]),
                     onClick: (y) => o.selectEvent(c, u)
                   }, [
-                    l("div", x1, p(c.title), 1),
-                    l("div", w1, p(c.time), 1)
-                  ], 10, p1))), 128))
+                    l("div", k1, p(c.title), 1),
+                    l("div", $1, p(c.time), 1)
+                  ], 10, w1))), 128))
                 ], 2))), 128))
               ]))), 128))
             ])
           ])
-        ])) : s.viewMode === "day" ? (r(), i("div", k1, [
-          l("div", $1, [
-            l("div", C1, [
-              l("div", S1, p(o.dayViewDate.dayName), 1),
+        ])) : s.viewMode === "day" ? (r(), i("div", C1, [
+          l("div", S1, [
+            l("div", z1, [
+              l("div", A1, p(o.dayViewDate.dayName), 1),
               l("div", {
                 class: m(["text-3xl font-bold mt-2", [
                   o.dayViewDate.isToday ? "text-blue-600" : "text-gray-900"
@@ -17567,28 +17574,28 @@ function rx(e, a, t, n, s, o) {
               }, p(o.dayViewDate.dayNumber), 3)
             ])
           ]),
-          o.getAllDayEvents(o.dayViewDate.events).length > 0 ? (r(), i("div", z1, [
+          o.getAllDayEvents(o.dayViewDate.events).length > 0 ? (r(), i("div", D1, [
             a[12] || (a[12] = l("h4", { class: "text-xs font-semibold text-gray-600 uppercase tracking-wide mb-2" }, " All Day Events ", -1)),
-            l("div", A1, [
+            l("div", M1, [
               (r(!0), i(Y, null, G(o.getAllDayEvents(o.dayViewDate.events), (u) => (r(), i("div", {
                 key: u.id,
                 class: m(["rounded border-l-4 p-3 text-sm font-medium text-white cursor-pointer hover:opacity-90 transition-opacity shadow-sm", o.getEventColorClass(u.color)]),
                 onClick: (d) => o.selectEvent(u, o.dayViewDate)
               }, [
-                l("div", M1, p(u.title), 1),
-                u.description ? (r(), i("div", V1, p(u.description), 1)) : h("", !0)
-              ], 10, D1))), 128))
+                l("div", F1, p(u.title), 1),
+                u.description ? (r(), i("div", T1, p(u.description), 1)) : h("", !0)
+              ], 10, V1))), 128))
             ])
           ])) : h("", !0),
-          l("div", F1, [
-            l("div", T1, [
-              l("div", B1, [
+          l("div", B1, [
+            l("div", j1, [
+              l("div", P1, [
                 (r(!0), i(Y, null, G(s.timeSlots, (u) => (r(), i("div", {
                   key: u.time,
                   class: "h-16 border-b border-gray-200 px-2 py-1 text-xs text-gray-600 text-right"
                 }, p(u.display), 1))), 128))
               ]),
-              l("div", j1, [
+              l("div", O1, [
                 (r(!0), i(Y, null, G(s.timeSlots, (u) => (r(), i("div", {
                   key: u.time,
                   class: m(["h-16 border-b border-gray-200 hover:bg-gray-50 transition-colors cursor-pointer relative", o.dayViewDate.isToday ? "bg-blue-50 bg-opacity-30" : ""])
@@ -17598,10 +17605,10 @@ function rx(e, a, t, n, s, o) {
                     class: m(["absolute inset-x-2 top-1 bottom-1 rounded border-l-4 p-2 text-sm font-medium text-white cursor-pointer hover:opacity-90 transition-opacity shadow-sm", o.getEventColorClass(d.color)]),
                     onClick: (c) => o.selectEvent(d, o.dayViewDate)
                   }, [
-                    l("div", O1, p(d.title), 1),
-                    l("div", L1, p(d.time), 1),
-                    d.description ? (r(), i("div", E1, p(d.description), 1)) : h("", !0)
-                  ], 10, P1))), 128))
+                    l("div", E1, p(d.title), 1),
+                    l("div", I1, p(d.time), 1),
+                    d.description ? (r(), i("div", _1, p(d.description), 1)) : h("", !0)
+                  ], 10, L1))), 128))
                 ], 2))), 128))
               ])
             ])
@@ -17620,8 +17627,8 @@ function rx(e, a, t, n, s, o) {
         "leave-to-class": "opacity-0 translate-x-4"
       }, {
         default: X(() => [
-          s.selectedEvent ? (r(), i("div", I1, [
-            l("div", _1, [
+          s.selectedEvent ? (r(), i("div", N1, [
+            l("div", R1, [
               a[14] || (a[14] = l("h3", { class: "text-lg font-semibold text-gray-900" }, " Event Details ", -1)),
               l("button", {
                 class: "text-gray-400 hover:text-gray-600 transition-colors",
@@ -17642,24 +17649,24 @@ function rx(e, a, t, n, s, o) {
                 ], -1)
               ])])
             ]),
-            l("div", N1, [
+            l("div", U1, [
               l("div", {
                 class: m(["h-1 w-full rounded-full", o.getEventColorClass(s.selectedEvent.color)])
               }, null, 2),
               l("div", null, [
-                l("h4", R1, p(s.selectedEvent.title), 1)
+                l("h4", q1, p(s.selectedEvent.title), 1)
               ]),
-              s.selectedEvent.status ? (r(), i("div", U1, [
+              s.selectedEvent.status ? (r(), i("div", H1, [
                 l("span", {
                   class: m(["inline-flex items-center px-3 py-1.5 rounded-full text-sm font-medium", s.selectedEvent.status === "complied" ? "bg-green-100 text-green-800 border border-green-200" : "bg-orange-100 text-orange-800 border border-orange-200"])
                 }, [
-                  s.selectedEvent.status === "complied" ? (r(), i("svg", q1, [...a[15] || (a[15] = [
+                  s.selectedEvent.status === "complied" ? (r(), i("svg", Y1, [...a[15] || (a[15] = [
                     l("path", {
                       "fill-rule": "evenodd",
                       d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
                       "clip-rule": "evenodd"
                     }, null, -1)
-                  ])])) : (r(), i("svg", H1, [...a[16] || (a[16] = [
+                  ])])) : (r(), i("svg", W1, [...a[16] || (a[16] = [
                     l("path", {
                       "fill-rule": "evenodd",
                       d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",
@@ -17669,8 +17676,8 @@ function rx(e, a, t, n, s, o) {
                   ue(" " + p(s.selectedEvent.status === "complied" ? "Complied" : "Pending"), 1)
                 ], 2)
               ])) : h("", !0),
-              l("div", Y1, [
-                l("div", W1, [
+              l("div", G1, [
+                l("div", K1, [
                   a[17] || (a[17] = l("svg", {
                     class: "w-5 h-5 text-gray-400 mt-0.5",
                     fill: "none",
@@ -17685,10 +17692,10 @@ function rx(e, a, t, n, s, o) {
                     })
                   ], -1)),
                   l("div", null, [
-                    l("p", G1, p(o.formatEventDate(s.selectedEvent.date, "full")), 1)
+                    l("p", X1, p(o.formatEventDate(s.selectedEvent.date, "full")), 1)
                   ])
                 ]),
-                l("div", K1, [
+                l("div", J1, [
                   a[18] || (a[18] = l("svg", {
                     class: "w-5 h-5 text-gray-400 mt-0.5",
                     fill: "none",
@@ -17702,22 +17709,22 @@ function rx(e, a, t, n, s, o) {
                       d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
                     })
                   ], -1)),
-                  l("p", X1, p(s.selectedEvent.time), 1)
+                  l("p", Q1, p(s.selectedEvent.time), 1)
                 ])
               ]),
-              s.selectedEvent.description ? (r(), i("div", J1, [
+              s.selectedEvent.description ? (r(), i("div", Z1, [
                 a[19] || (a[19] = l("h5", { class: "text-sm font-semibold text-gray-900 mb-2" }, " Description ", -1)),
-                l("p", Q1, p(s.selectedEvent.description), 1)
+                l("p", ex, p(s.selectedEvent.description), 1)
               ])) : h("", !0),
-              s.selectedEvent.compliance ? (r(), i("div", Z1, [
+              s.selectedEvent.compliance ? (r(), i("div", tx, [
                 a[22] || (a[22] = l("h5", { class: "text-sm font-semibold text-gray-900 mb-2" }, " Compliance Details ", -1)),
-                s.selectedEvent.compliance.remarks ? (r(), i("div", ex, [
+                s.selectedEvent.compliance.remarks ? (r(), i("div", ax, [
                   a[20] || (a[20] = l("span", { class: "font-medium text-gray-700" }, "Remarks:", -1)),
-                  l("p", tx, p(s.selectedEvent.compliance.remarks), 1)
+                  l("p", nx, p(s.selectedEvent.compliance.remarks), 1)
                 ])) : h("", !0),
-                s.selectedEvent.compliance.compliance_documents?.length ? (r(), i("div", ax, [
+                s.selectedEvent.compliance.compliance_documents?.length ? (r(), i("div", rx, [
                   a[21] || (a[21] = l("span", { class: "font-medium text-gray-700" }, "Documents:", -1)),
-                  l("p", nx, p(s.selectedEvent.compliance.compliance_documents.length) + " document(s) attached ", 1)
+                  l("p", sx, p(s.selectedEvent.compliance.compliance_documents.length) + " document(s) attached ", 1)
                 ])) : h("", !0)
               ])) : h("", !0)
             ])
@@ -17728,7 +17735,7 @@ function rx(e, a, t, n, s, o) {
     ], !0)
   ]);
 }
-const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-90593564"]]), lx = { class: "w-full h-full relative" }, ox = ["width", "height", "viewBox"], ix = { key: 0 }, ux = ["x1", "y1", "x2", "y2", "stroke"], dx = ["id"], cx = ["stop-color"], fx = ["stop-color"], mx = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], gx = ["to", "begin"], vx = ["from", "to", "begin"], hx = { key: 1 }, bx = ["x", "y"], yx = { key: 2 }, px = ["x", "y"], xx = { key: 3 }, wx = ["x", "y"], kx = { key: 4 }, $x = ["x", "y"], Cx = ["x1", "y1", "x2", "y2"], Sx = ["x1", "y1", "x2", "y2"], zx = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, Ax = { class: "flex items-center gap-2 mb-2" }, Dx = { class: "font-semibold text-sm" }, Mx = { class: "ml-5" }, Vx = { class: "text-xs text-slate-300 mb-1" }, Fx = { class: "text-2xl font-bold" }, Tx = {
+const ox = /* @__PURE__ */ Vt(Np, [["render", lx], ["__scopeId", "data-v-e3d7b6ad"]]), ix = { class: "w-full h-full relative" }, ux = ["width", "height", "viewBox"], dx = { key: 0 }, cx = ["x1", "y1", "x2", "y2", "stroke"], fx = ["id"], mx = ["stop-color"], gx = ["stop-color"], vx = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], hx = ["to", "begin"], bx = ["from", "to", "begin"], yx = { key: 1 }, px = ["x", "y"], xx = { key: 2 }, wx = ["x", "y"], kx = { key: 3 }, $x = ["x", "y"], Cx = { key: 4 }, Sx = ["x", "y"], zx = ["x1", "y1", "x2", "y2"], Ax = ["x1", "y1", "x2", "y2"], Dx = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, Mx = { class: "flex items-center gap-2 mb-2" }, Vx = { class: "font-semibold text-sm" }, Fx = { class: "ml-5" }, Tx = { class: "text-xs text-slate-300 mb-1" }, Bx = { class: "text-2xl font-bold" }, jx = {
   __name: "StackedBarChart",
   props: {
     data: {
@@ -17810,20 +17817,20 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
       barLabel: "",
       value: 0,
       color: ""
-    }), o = b(() => t.height - t.padding.top - t.padding.bottom), u = b(() => t.width - t.padding.left - t.padding.right), d = b(() => u.value / t.data.length * 0.8), c = b(() => 0), y = b(() => d.value / t.groupKeys.length), C = b(() => 0), A = b(() => {
+    }), o = b(() => t.height - t.padding.top - t.padding.bottom), u = b(() => t.width - t.padding.left - t.padding.right), d = b(() => u.value / t.data.length * 0.8), c = b(() => u.value / t.data.length * 0.2), y = b(() => d.value / t.groupKeys.length), S = b(() => 0), A = b(() => {
       const F = [];
       for (let re = 0; re <= 5; re++) {
         const ae = t.padding.top + o.value / 5 * re;
         F.push(ae);
       }
       return F;
-    }), E = (F) => t.padding.left + F * (d.value + c.value) + c.value / 2, T = (F, U) => E(F) + U * (y.value + C.value), B = (F) => {
+    }), E = (F) => t.padding.left + F * (d.value + c.value) + c.value / 2, T = (F, U) => E(F) + U * (y.value + S.value), B = (F) => {
       const U = o.value / t.maxValue;
       return t.padding.top + o.value - F * U;
     }, M = (F) => {
       const U = o.value / t.maxValue;
       return F * U;
-    }, S = (F) => t.colors[F % t.colors.length], $ = (F) => {
+    }, C = (F) => t.colors[F % t.colors.length], $ = (F) => {
       const U = (t.height - t.padding.bottom - F) / o.value * t.maxValue;
       return Math.round(U);
     }, z = (F) => F.charAt(0).toUpperCase() + F.slice(1), D = (F, U, re) => {
@@ -17835,7 +17842,7 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
         label: g,
         barLabel: w,
         value: P,
-        color: S(re)
+        color: C(re)
       }, n("bar-hover", { dataIndex: U, barIndex: re, key: j, value: P, label: g });
     }, I = () => {
       s.value.visible = !1;
@@ -17843,14 +17850,14 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
       const re = t.data[F], ae = t.groupKeys[U], j = re[ae] || 0, P = t.labels[F] || `Item ${F + 1}`;
       n("bar-click", { dataIndex: F, barIndex: U, key: ae, value: j, label: P });
     };
-    return (F, U) => (r(), i("div", lx, [
+    return (F, U) => (r(), i("div", ix, [
       (r(), i("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (r(), i("g", ix, [
+        e.showGrid ? (r(), i("g", dx, [
           (r(!0), i(Y, null, G(A.value, (re) => (r(), i("line", {
             key: `grid-${re}`,
             x1: e.padding.left,
@@ -17861,7 +17868,7 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
             "stroke-width": "1",
             "stroke-dasharray": "4,4",
             opacity: "0.3"
-          }, null, 8, ux))), 128))
+          }, null, 8, cx))), 128))
         ])) : h("", !0),
         l("defs", null, [
           (r(!0), i(Y, null, G(e.groupKeys, (re, ae) => (r(), i("linearGradient", {
@@ -17874,15 +17881,15 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
           }, [
             l("stop", {
               offset: "0%",
-              "stop-color": S(ae),
+              "stop-color": C(ae),
               "stop-opacity": "0.95"
-            }, null, 8, cx),
+            }, null, 8, mx),
             l("stop", {
               offset: "100%",
-              "stop-color": S(ae),
+              "stop-color": C(ae),
               "stop-opacity": "0.85"
-            }, null, 8, fx)
-          ], 8, dx))), 128))
+            }, null, 8, gx)
+          ], 8, fx))), 128))
         ]),
         l("g", null, [
           (r(!0), i(Y, null, G(e.data, (re, ae) => (r(), i("g", {
@@ -17908,7 +17915,7 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
                 dur: "0.6s",
                 begin: `${P * 0.1}s`,
                 fill: "freeze"
-              }, null, 8, gx),
+              }, null, 8, hx),
               l("animate", {
                 attributeName: "y",
                 from: e.padding.top + o.value,
@@ -17916,44 +17923,44 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
                 dur: "0.6s",
                 begin: `${P * 0.1}s`,
                 fill: "freeze"
-              }, null, 8, vx)
-            ], 42, mx))), 128))
+              }, null, 8, bx)
+            ], 42, vx))), 128))
           ]))), 128))
         ]),
-        e.showXAxis ? (r(), i("g", hx, [
+        e.showXAxis ? (r(), i("g", yx, [
           (r(!0), i(Y, null, G(e.labels, (re, ae) => (r(), i("text", {
             key: `xlabel-${ae}`,
             x: E(ae) + d.value / 2,
             y: e.height - e.padding.bottom + 20,
             class: m(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, p(re), 11, bx))), 128))
+          }, p(re), 11, px))), 128))
         ])) : h("", !0),
-        e.xAxisLabel ? (r(), i("g", yx, [
+        e.xAxisLabel ? (r(), i("g", xx, [
           l("text", {
             x: e.padding.left + u.value / 2,
             y: e.height - 10,
             class: "fill-slate-700 text-sm font-semibold",
             "text-anchor": "middle"
-          }, p(e.xAxisLabel), 9, px)
+          }, p(e.xAxisLabel), 9, wx)
         ])) : h("", !0),
-        e.showYAxis ? (r(), i("g", xx, [
+        e.showYAxis ? (r(), i("g", kx, [
           (r(!0), i(Y, null, G(A.value, (re) => (r(), i("text", {
             key: `ylabel-${re}`,
             x: e.padding.left - 10,
             y: re + 4,
             class: m(e.axisLabelClasses),
             "text-anchor": "end"
-          }, p($(re)), 11, wx))), 128))
+          }, p($(re)), 11, $x))), 128))
         ])) : h("", !0),
-        e.yAxisLabel ? (r(), i("g", kx, [
+        e.yAxisLabel ? (r(), i("g", Cx, [
           l("text", {
             x: -(e.padding.top + o.value / 2),
             y: e.padding.left - 40,
             class: "fill-slate-700 text-sm font-semibold",
             "text-anchor": "middle",
             transform: "rotate(-90)"
-          }, p(e.yAxisLabel), 9, $x)
+          }, p(e.yAxisLabel), 9, Sx)
         ])) : h("", !0),
         l("line", {
           x1: e.padding.left,
@@ -17962,7 +17969,7 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
           y2: e.height - e.padding.bottom,
           stroke: "#cbd5e1",
           "stroke-width": "2"
-        }, null, 8, Cx),
+        }, null, 8, zx),
         l("line", {
           x1: e.padding.left,
           y1: e.height - e.padding.bottom,
@@ -17970,8 +17977,8 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
           y2: e.height - e.padding.bottom,
           stroke: "#cbd5e1",
           "stroke-width": "2"
-        }, null, 8, Sx)
-      ], 8, ox)),
+        }, null, 8, Ax)
+      ], 8, ux)),
       s.value.visible ? (r(), i("div", {
         key: 0,
         style: he({
@@ -17984,17 +17991,17 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", zx, [
-          l("div", Ax, [
+        l("div", Dx, [
+          l("div", Mx, [
             l("div", {
               style: he({ backgroundColor: s.value.color }),
               class: "w-3 h-3 rounded shadow-sm"
             }, null, 4),
-            l("p", Dx, p(s.value.label), 1)
+            l("p", Vx, p(s.value.label), 1)
           ]),
-          l("div", Mx, [
-            l("p", Vx, p(s.value.barLabel), 1),
-            l("span", Fx, p(s.value.value) + "%", 1)
+          l("div", Fx, [
+            l("p", Tx, p(s.value.barLabel), 1),
+            l("span", Bx, p(s.value.value) + "%", 1)
           ]),
           U[0] || (U[0] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
@@ -18057,13 +18064,13 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
   TabPanel: Zc,
   BarChart: Ur,
   LineChart: qr,
-  StackedBarChart: Tx,
+  StackedBarChart: jx,
   GraphFilters: $m,
   Accordion: sf,
   AccordionItem: lf,
   Graph: $f,
   Calendar: bf,
-  EventsCalendar: sx,
+  EventsCalendar: ox,
   DataTable: y0,
   DataTableHeader: Hr,
   DataTableRow: p0,
@@ -18072,17 +18079,17 @@ const sx = /* @__PURE__ */ Vt(Ip, [["render", rx], ["__scopeId", "data-v-9059356
   DataTableFilters: fg,
   DataTableToolBar: Dg,
   Footer: Og,
-  Header: Yv,
-  ReusableFormModal: ph,
-  ReusableForm: db,
-  Sidebar: Ib,
-  Timeline: _b,
-  TimelineItem: Yb,
-  AuthLayout: ky,
-  DefaultLayout: Dy,
-  ErrorLayout: Ky,
-  DashboardWidget: Pp
-}, Ox = {
+  Header: Gv,
+  ReusableFormModal: wh,
+  ReusableForm: fb,
+  Sidebar: Nb,
+  Timeline: Rb,
+  TimelineItem: Gb,
+  AuthLayout: Cy,
+  DefaultLayout: Vy,
+  ErrorLayout: Jy,
+  DashboardWidget: Lp
+}, Ex = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Fn).forEach((n) => {
@@ -18095,7 +18102,7 @@ export {
   sf as Accordion,
   lf as AccordionItem,
   Fu as Alert,
-  ky as AuthLayout,
+  Cy as AuthLayout,
   Si as Avatar,
   Er as Badge,
   Ur as BarChart,
@@ -18111,7 +18118,7 @@ export {
   td as CardTitle,
   Ut as Checkbox,
   _r as CircularProgress,
-  Pp as DashboardWidget,
+  Lp as DashboardWidget,
   y0 as DataTable,
   x0 as DataTableCell,
   fg as DataTableFilters,
@@ -18120,18 +18127,18 @@ export {
   p0 as DataTableRow,
   Dg as DataTableToolBar,
   Xt as DatePicker,
-  Dy as DefaultLayout,
+  Vy as DefaultLayout,
   Pi as Divider,
   fd as Dropdown,
   gd as DropdownItem,
-  Ky as ErrorLayout,
-  sx as EventsCalendar,
+  Jy as ErrorLayout,
+  ox as EventsCalendar,
   qt as FileUpload,
   Og as Footer,
   qa as FormField,
   $f as Graph,
   $m as GraphFilters,
-  Yv as Header,
+  Gv as Header,
   ie as Icon,
   Ii as Image,
   Ae as Input,
@@ -18152,14 +18159,14 @@ export {
   Ji as Progress,
   Zi as ProgressBar,
   lu as Radio,
-  db as ReusableForm,
-  ph as ReusableFormModal,
+  fb as ReusableForm,
+  wh as ReusableFormModal,
   Pc as Search,
   He as Select,
-  Ib as Sidebar,
+  Nb as Sidebar,
   Ya as Slider,
   Ra as Spinner,
-  Tx as StackedBarChart,
+  jx as StackedBarChart,
   _c as Stepper,
   Hc as StepperItem,
   wu as Switch,
@@ -18167,13 +18174,13 @@ export {
   Zc as TabPanel,
   ku as Text,
   Ua as Textarea,
-  _b as Timeline,
-  Yb as TimelineItem,
+  Rb as Timeline,
+  Gb as TimelineItem,
   xc as Toast,
   Nr as Tooltip,
   za as Typography,
   L as cn,
-  Ox as default,
+  Ex as default,
   De as toast,
   An as tooltip,
   fc as useToaster