@stlhorizon/vue-ui 2.3.7 → 2.3.8

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ht, computed as b, watch as ve, h as Wa, createBlock as _, openBlock as o, unref as N, normalizeClass as g, ref as q, createElementBlock as d, toDisplayString as w, createCommentVNode as h, renderSlot as j, resolveDynamicComponent as be, createVNode as I, mergeProps as Ee, createElementVNode as i, useId as Gt, createTextVNode as G, withCtx as L, normalizeStyle as ie, nextTick as ca, Transition as ue, Fragment as K, renderList as X, onMounted as ze, onBeforeUnmount as ur, createStaticVNode as dr, withModifiers as ot, withDirectives as Ke, vModelSelect as fa, onUnmounted as Oe, resolveComponent as le, Teleport as Ha, markRaw as Ga, TransitionGroup as cr, provide as fr, inject as Ka, vShow as Xa, createSlots as mr, vModelText as gr, getCurrentInstance as vr } from "vue";
+import { defineComponent as Ht, computed as b, watch as ve, h as Wa, createBlock as _, openBlock as o, unref as N, normalizeClass as g, ref as q, createElementBlock as d, toDisplayString as w, createCommentVNode as h, renderSlot as P, resolveDynamicComponent as be, createVNode as I, mergeProps as Ee, createElementVNode as i, useId as Gt, createTextVNode as G, withCtx as L, normalizeStyle as ie, nextTick as ca, Transition as ue, Fragment as K, renderList as X, onMounted as ze, onBeforeUnmount as ur, createStaticVNode as dr, withModifiers as ot, withDirectives as Ke, vModelSelect as fa, onUnmounted as Oe, resolveComponent as le, Teleport as Ha, markRaw as Ga, TransitionGroup as cr, provide as fr, inject as Ka, vShow as Xa, createSlots as mr, vModelText as gr, getCurrentInstance as vr } from "vue";
 import { cva as M } from "class-variance-authority";
 import { clsx as br } from "clsx";
 function k(...e) {
@@ -131,7 +131,7 @@ function ma(e, a) {
   }
   return t;
 }
-function P(e) {
+function j(e) {
   for (var a = 1; a < arguments.length; a++) {
     var t = arguments[a] != null ? arguments[a] : {};
     a % 2 ? ma(Object(t), !0).forEach(function(n) {
@@ -789,20 +789,20 @@ function Ze(e) {
     }
   });
 }
-var zn = P({}, an);
-zn[de] = P(P(P(P({}, {
+var zn = j({}, an);
+zn[de] = j(j(j(j({}, {
   "fa-duotone": "duotone"
 }), an[de]), ya.kit), ya["kit-duotone"]);
-var Xs = Ze(zn), jt = P({}, Kr);
-jt[de] = P(P(P(P({}, {
+var Xs = Ze(zn), jt = j({}, Kr);
+jt[de] = j(j(j(j({}, {
   duotone: "fad"
 }), jt[de]), pa.kit), pa["kit-duotone"]);
-var wa = Ze(jt), Bt = P({}, It);
-Bt[de] = P(P({}, Bt[de]), ns.kit);
-var Zt = Ze(Bt), Vt = P({}, Ls);
-Vt[de] = P(P({}, Vt[de]), ts.kit);
+var wa = Ze(jt), Bt = j({}, It);
+Bt[de] = j(j({}, Bt[de]), ns.kit);
+var Zt = Ze(Bt), Vt = j({}, Ls);
+Vt[de] = j(j({}, Vt[de]), ts.kit);
 Ze(Vt);
-var Js = Ir, An = "fa-layers-text", Qs = Tr, Zs = P({}, Wr);
+var Js = Ir, An = "fa-layers-text", Qs = Tr, Zs = j({}, Wr);
 Ze(Zs);
 var el = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], kt = Pr, tl = [].concat(we(Xr), we(Us)), Ue = Ie.FontAwesomeConfig || {};
 function al(e) {
@@ -837,7 +837,7 @@ var In = {
   showMissingIcons: !0
 };
 Ue.familyPrefix && (Ue.cssPrefix = Ue.familyPrefix);
-var _e = P(P({}, In), Ue);
+var _e = j(j({}, In), Ue);
 _e.autoReplaceSvg || (_e.observeMutations = !1);
 var H = {};
 Object.keys(In).forEach(function(e) {
@@ -1562,7 +1562,7 @@ function $a(e) {
 }
 function Mt(e, a) {
   var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.skipHooks, r = n === void 0 ? !1 : n, s = $a(a);
-  typeof xe.hooks.addPack == "function" && !r ? xe.hooks.addPack(e, $a(a)) : xe.styles[e] = P(P({}, xe.styles[e] || {}), s), e === "fas" && Mt("fa", a);
+  typeof xe.hooks.addPack == "function" && !r ? xe.hooks.addPack(e, $a(a)) : xe.styles[e] = j(j({}, xe.styles[e] || {}), s), e === "fas" && Mt("fa", a);
 }
 var Xe = xe.styles, gl = xe.shims, Mn = Object.keys(Zt), vl = Mn.reduce(function(e, a) {
   return e[a] = Object.keys(Zt[a]), e;
@@ -1704,12 +1704,12 @@ function bt(e) {
     return !Aa.includes($);
   })), u = s.filter(function($) {
     return r = $, !nn.includes($);
-  }), c = mt(u, 1), y = c[0], x = y === void 0 ? null : y, S = xl(s), O = P(P({}, wl(l)), {}, {
+  }), c = mt(u, 1), y = c[0], x = y === void 0 ? null : y, S = xl(s), O = j(j({}, wl(l)), {}, {
     prefix: vt(x, {
       family: S
     })
   });
-  return P(P(P({}, O), $l({
+  return j(j(j({}, O), $l({
     values: e,
     family: S,
     styles: Xe,
@@ -1762,7 +1762,7 @@ var zl = /* @__PURE__ */ (function() {
         r[s] = arguments[s];
       var l = r.reduce(this._pullDefinitions, {});
       Object.keys(l).forEach(function(u) {
-        t.definitions[u] = P(P({}, t.definitions[u] || {}), l[u]), Mt(u, l[u]);
+        t.definitions[u] = j(j({}, t.definitions[u] || {}), l[u]), Mt(u, l[u]);
         var c = Zt[de][u];
         c && Mt(c, l[u]), En();
       });
@@ -1919,7 +1919,7 @@ function Vl(e) {
       x: u / c / 2,
       y: 0.5
     };
-    r.style = gt(P(P({}, s), {}, {
+    r.style = gt(j(j({}, s), {}, {
       "transform-origin": "".concat(y.x + l.x / 16, "em ").concat(y.y + l.y / 16, "em")
     }));
   }
@@ -1938,7 +1938,7 @@ function Ml(e) {
     },
     children: [{
       tag: "symbol",
-      attributes: P(P({}, r), {}, {
+      attributes: j(j({}, r), {}, {
         id: l
       }),
       children: n
@@ -1958,7 +1958,7 @@ function ra(e) {
     return z !== "" || !!z;
   }).concat(y.classes).join(" "), m = {
     children: [],
-    attributes: P(P({}, y.attributes), {}, {
+    attributes: j(j({}, y.attributes), {}, {
       "data-prefix": r,
       "data-icon": s,
       class: v,
@@ -1967,7 +1967,7 @@ function ra(e) {
     })
   };
   !Ol(y.attributes) && !y.attributes["aria-hidden"] && (m.attributes["aria-hidden"] = "true"), S && (m.attributes[Ve] = "");
-  var f = P(P({}, m), {}, {
+  var f = j(j({}, m), {}, {
     prefix: r,
     iconName: s,
     main: t,
@@ -1975,22 +1975,22 @@ function ra(e) {
     maskId: c,
     transform: l,
     symbol: u,
-    styles: P({}, y.styles)
+    styles: j({}, y.styles)
   }), p = n.found && t.found ? Pe("generateAbstractMask", f) || {
     children: [],
     attributes: {}
   } : Pe("generateAbstractIcon", f) || {
     children: [],
     attributes: {}
-  }, B = p.children, V = p.attributes;
-  return f.children = B, f.attributes = V, u ? Ml(f) : Vl(f);
+  }, V = p.children, B = p.attributes;
+  return f.children = V, f.attributes = B, u ? Ml(f) : Vl(f);
 }
 function Ta(e) {
-  var a = e.content, t = e.width, n = e.height, r = e.transform, s = e.extra, l = e.watchable, u = l === void 0 ? !1 : l, c = P(P({}, s.attributes), {}, {
+  var a = e.content, t = e.width, n = e.height, r = e.transform, s = e.extra, l = e.watchable, u = l === void 0 ? !1 : l, c = j(j({}, s.attributes), {}, {
     class: s.classes.join(" ")
   });
   u && (c[Ve] = "");
-  var y = P({}, s.styles);
+  var y = j({}, s.styles);
   ta(r) && (y.transform = dl({
     transform: r,
     width: t,
@@ -2006,7 +2006,7 @@ function Ta(e) {
   }), S;
 }
 function Dl(e) {
-  var a = e.content, t = e.extra, n = P(P({}, t.attributes), {}, {
+  var a = e.content, t = e.extra, n = j(j({}, t.attributes), {}, {
     class: t.classes.join(" ")
   }), r = gt(t.styles);
   r.length > 0 && (n.style = r);
@@ -2072,7 +2072,7 @@ function Nt(e, a) {
       var l = $t[a][e];
       return n(Ft(l));
     }
-    Nl(e, a), n(P(P({}, Fl), {}, {
+    Nl(e, a), n(j(j({}, Fl), {}, {
       icon: H.showMissingIcons && e ? Pe("missingIconAbstract") || {} : {}
     }));
   });
@@ -2255,7 +2255,7 @@ function Ma(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
     styleParser: !0
   }, t = Gl(e), n = t.iconName, r = t.prefix, s = t.rest, l = Kl(e), u = Ot("parseNodeAttributes", {}, e), c = a.styleParser ? Hl(e) : [];
-  return P({
+  return j({
     iconName: n,
     prefix: r,
     transform: ke,
@@ -2334,7 +2334,7 @@ function Zl(e) {
 function eo(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = (a || {}).icon ? a : Dt(a || {}), r = t.mask;
-    return r && (r = (r || {}).icon ? r : Dt(r || {})), e(n, P(P({}, t), {}, {
+    return r && (r = (r || {}).icon ? r : Dt(r || {})), e(n, j(j({}, t), {}, {
       mask: r
     }));
   };
@@ -2342,8 +2342,8 @@ function eo(e) {
 var to = function(a) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? ke : n, s = t.symbol, l = s === void 0 ? !1 : s, u = t.mask, c = u === void 0 ? null : u, y = t.maskId, x = y === void 0 ? null : y, S = t.classes, O = S === void 0 ? [] : S, $ = t.attributes, A = $ === void 0 ? {} : $, v = t.styles, m = v === void 0 ? {} : v;
   if (a) {
-    var f = a.prefix, p = a.iconName, B = a.icon;
-    return ht(P({
+    var f = a.prefix, p = a.iconName, V = a.icon;
+    return ht(j({
       type: "icon"
     }, a), function() {
       return Me("beforeDOMElementCreation", {
@@ -2351,7 +2351,7 @@ var to = function(a) {
         params: t
       }), ra({
         icons: {
-          main: Ft(B),
+          main: Ft(V),
           mask: c ? Ft(c.icon) : {
             found: !1,
             width: null,
@@ -2361,7 +2361,7 @@ var to = function(a) {
         },
         prefix: f,
         iconName: p,
-        transform: P(P({}, ke), r),
+        transform: j(j({}, ke), r),
         symbol: l,
         maskId: x,
         extra: {
@@ -2498,7 +2498,7 @@ var to = function(a) {
             params: n
           }), Ta({
             content: t,
-            transform: P(P({}, ke), s),
+            transform: j(j({}, ke), s),
             extra: {
               attributes: y,
               styles: S,
@@ -2526,7 +2526,7 @@ var to = function(a) {
       })]);
     };
   }
-}, Kn = new RegExp('"', "ug"), Da = [1105920, 1112319], Fa = P(P(P(P({}, {
+}, Kn = new RegExp('"', "ug"), Da = [1105920, 1112319], Fa = j(j(j(j({}, {
   FontAwesome: {
     normal: "fas",
     400: "fas"
@@ -2562,14 +2562,14 @@ function Na(e, a) {
     if (y && S !== "none" && S !== "") {
       var O = u.getPropertyValue("content"), $ = uo(c, x), A = oo(O), v = y[0].startsWith("FontAwesome"), m = io(u), f = na($, A), p = f;
       if (v) {
-        var B = pl(A);
-        B.iconName && B.prefix && (f = B.iconName, $ = B.prefix);
+        var V = pl(A);
+        V.iconName && V.prefix && (f = V.iconName, $ = V.prefix);
       }
       if (f && !m && (!l || l.getAttribute(Jt) !== $ || l.getAttribute(Qt) !== p)) {
         e.setAttribute(t, p), l && e.removeChild(l);
-        var V = Xl(), z = V.extra;
+        var B = Xl(), z = B.extra;
         z.attributes[Pt] = a, Nt(f, $).then(function(ne) {
-          var U = ra(P(P({}, V), {}, {
+          var U = ra(j(j({}, B), {}, {
             icons: {
               main: ne,
               mask: Rn()
@@ -2804,14 +2804,14 @@ var vo = {
       };
       return {
         tag: "g",
-        attributes: P({}, $.outer),
+        attributes: j({}, $.outer),
         children: [{
           tag: "g",
-          attributes: P({}, $.inner),
+          attributes: j({}, $.inner),
           children: [{
             tag: n.icon.tag,
             children: n.icon.children,
-            attributes: P(P({}, n.icon.attributes), $.path)
+            attributes: j(j({}, n.icon.attributes), $.path)
           }]
         }]
       };
@@ -2849,25 +2849,25 @@ var po = {
         iconWidth: y
       }), A = {
         tag: "rect",
-        attributes: P(P({}, zt), {}, {
+        attributes: j(j({}, zt), {}, {
           fill: "white"
         })
       }, v = x.children ? {
         children: x.children.map(Ra)
       } : {}, m = {
         tag: "g",
-        attributes: P({}, $.inner),
-        children: [Ra(P({
+        attributes: j({}, $.inner),
+        children: [Ra(j({
           tag: x.tag,
-          attributes: P(P({}, x.attributes), $.path)
+          attributes: j(j({}, x.attributes), $.path)
         }, v))]
       }, f = {
         tag: "g",
-        attributes: P({}, $.outer),
+        attributes: j({}, $.outer),
         children: [m]
-      }, p = "mask-".concat(u || ka()), B = "clip-".concat(u || ka()), V = {
+      }, p = "mask-".concat(u || ka()), V = "clip-".concat(u || ka()), B = {
         tag: "mask",
-        attributes: P(P({}, zt), {}, {
+        attributes: j(j({}, zt), {}, {
           id: p,
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
@@ -2878,16 +2878,16 @@ var po = {
         children: [{
           tag: "clipPath",
           attributes: {
-            id: B
+            id: V
           },
           children: yo(O)
-        }, V]
+        }, B]
       };
       return n.push(z, {
         tag: "rect",
-        attributes: P({
+        attributes: j({
           fill: "currentColor",
-          "clip-path": "url(#".concat(B, ")"),
+          "clip-path": "url(#".concat(V, ")"),
           mask: "url(#".concat(p, ")")
         }, zt)
       }), {
@@ -2909,15 +2909,15 @@ var po = {
       };
       n.push({
         tag: "path",
-        attributes: P(P({}, r), {}, {
+        attributes: j(j({}, r), {}, {
           d: "M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"
         })
       });
-      var l = P(P({}, s), {}, {
+      var l = j(j({}, s), {}, {
         attributeName: "opacity"
       }), u = {
         tag: "circle",
-        attributes: P(P({}, r), {}, {
+        attributes: j(j({}, r), {}, {
           cx: "256",
           cy: "364",
           r: "28"
@@ -2926,36 +2926,36 @@ var po = {
       };
       return t || u.children.push({
         tag: "animate",
-        attributes: P(P({}, s), {}, {
+        attributes: j(j({}, s), {}, {
           attributeName: "r",
           values: "28;14;28;28;14;28;"
         })
       }, {
         tag: "animate",
-        attributes: P(P({}, l), {}, {
+        attributes: j(j({}, l), {}, {
           values: "1;0;1;1;0;1;"
         })
       }), n.push(u), n.push({
         tag: "path",
-        attributes: P(P({}, r), {}, {
+        attributes: j(j({}, r), {}, {
           opacity: "1",
           d: "M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"
         }),
         children: t ? [] : [{
           tag: "animate",
-          attributes: P(P({}, l), {}, {
+          attributes: j(j({}, l), {}, {
             values: "1;0;0;0;0;1;"
           })
         }]
       }), t || n.push({
         tag: "path",
-        attributes: P(P({}, r), {}, {
+        attributes: j(j({}, r), {}, {
           opacity: "0",
           d: "M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"
         }),
         children: [{
           tag: "animate",
-          attributes: P(P({}, l), {}, {
+          attributes: j(j({}, l), {}, {
             values: "0;0;1;1;0;0;"
           })
         }]
@@ -3111,26 +3111,26 @@ function Vo(e) {
 var Mo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Jn = { exports: {} };
 (function(e) {
   (function(a) {
-    var t = function(f, p, B) {
+    var t = function(f, p, V) {
       if (!y(p) || S(p) || O(p) || $(p) || c(p))
         return p;
-      var V, z = 0, ne = 0;
+      var B, z = 0, ne = 0;
       if (x(p))
-        for (V = [], ne = p.length; z < ne; z++)
-          V.push(t(f, p[z], B));
+        for (B = [], ne = p.length; z < ne; z++)
+          B.push(t(f, p[z], V));
       else {
-        V = {};
+        B = {};
         for (var U in p)
-          Object.prototype.hasOwnProperty.call(p, U) && (V[f(U, B)] = t(f, p[U], B));
+          Object.prototype.hasOwnProperty.call(p, U) && (B[f(U, V)] = t(f, p[U], V));
       }
-      return V;
+      return B;
     }, n = function(f, p) {
       p = p || {};
-      var B = p.separator || "_", V = p.split || /(?=[A-Z])/;
-      return f.split(V).join(B);
+      var V = p.separator || "_", B = p.split || /(?=[A-Z])/;
+      return f.split(B).join(V);
     }, r = function(f) {
-      return A(f) ? f : (f = f.replace(/[\-_\s]+(.)?/g, function(p, B) {
-        return B ? B.toUpperCase() : "";
+      return A(f) ? f : (f = f.replace(/[\-_\s]+(.)?/g, function(p, V) {
+        return V ? V.toUpperCase() : "";
       }), f.substr(0, 1).toLowerCase() + f.substr(1));
     }, s = function(f) {
       var p = r(f);
@@ -3152,9 +3152,9 @@ var Mo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     }, A = function(f) {
       return f = f - 0, f === f;
     }, v = function(f, p) {
-      var B = p && "process" in p ? p.process : p;
-      return typeof B != "function" ? f : function(V, z) {
-        return B(V, f, z);
+      var V = p && "process" in p ? p.process : p;
+      return typeof V != "function" ? f : function(B, z) {
+        return V(B, f, z);
       };
     }, m = {
       camelize: r,
@@ -3674,7 +3674,7 @@ const ae = {
         key: 0,
         class: g(u.value)
       }, null, 8, ["class"])) : h("", !0),
-      j(c.$slots, "default"),
+      P(c.$slots, "default"),
       e.dismissible ? (o(), d("button", {
         key: 1,
         onClick: s,
@@ -3797,8 +3797,8 @@ const ae = {
           d: "M4 12a8 8 0 018-8"
         }, null, -1)
       ])])) : h("", !0),
-      e.loading ? h("", !0) : j(t.$slots, "icon", { key: 1 }),
-      e.loading && e.loadingText ? (o(), d("span", Ho, w(e.loadingText), 1)) : j(t.$slots, "default", { key: 3 })
+      e.loading ? h("", !0) : P(t.$slots, "icon", { key: 1 }),
+      e.loading && e.loadingText ? (o(), d("span", Ho, w(e.loadingText), 1)) : P(t.$slots, "default", { key: 3 })
     ], 16, Uo));
   }
 }), Go = { class: "flex items-center gap-3" }, Ko = { class: "relative" }, Xo = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], Jo = { class: "flex-1" }, Qo = ["for"], ia = {
@@ -3868,14 +3868,14 @@ const ae = {
     }, r = e, s = a, l = q(null), u = b(() => r.id || Gt()), c = b(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), y = (f) => {
       const p = f.target.checked;
       if (Array.isArray(r.modelValue)) {
-        const B = [...r.modelValue];
+        const V = [...r.modelValue];
         if (p)
-          B.push(r.value);
+          V.push(r.value);
         else {
-          const V = B.indexOf(r.value);
-          V > -1 && B.splice(V, 1);
+          const B = V.indexOf(r.value);
+          B > -1 && V.splice(B, 1);
         }
-        s("update:modelValue", B);
+        s("update:modelValue", V);
       } else
         s("update:modelValue", p);
       s("change", p);
@@ -3957,7 +3957,7 @@ const ae = {
           for: u.value,
           class: g(v.value)
         }, [
-          j(f.$slots, "default", {}, () => [
+          P(f.$slots, "default", {}, () => [
             G(w(e.label), 1)
           ])
         ], 10, Qo),
@@ -4362,7 +4362,7 @@ const ae = {
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (p, B) => (o(), d("div", si, [
+    }), (p, V) => (o(), d("div", si, [
       e.iconLeft ? (o(), d("div", li, [
         (o(), _(be(e.iconLeft), {
           class: g(m.value)
@@ -4442,7 +4442,7 @@ const ae = {
       class: g(n.value),
       for: e.htmlFor
     }, [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 10, di));
   }
 }, ci = {
@@ -4541,7 +4541,7 @@ const ae = {
           name: e.icon,
           class: g(r.value)
         }, null, 8, ["name", "class"])) : h("", !0),
-        j(c.$slots, "default"),
+        P(c.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (o(), _(ae, {
           key: 1,
           name: e.icon,
@@ -4642,7 +4642,7 @@ const ae = {
       disabled: e.disabled,
       selected: e.selected
     }, [
-      j(a.$slots, "default", {}, () => [
+      P(a.$slots, "default", {}, () => [
         G(w(e.label), 1)
       ])
     ], 8, gi));
@@ -4918,7 +4918,7 @@ const ae = {
       required: e.required,
       class: n.value
     }, r.$attrs), [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 16, ki));
   }
 }, Si = ["aria-checked", "disabled"], Ci = {
@@ -5098,7 +5098,7 @@ const ae = {
       class: g(n.value)
     }, {
       default: L(() => [
-        j(r.$slots, "default")
+        P(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -5259,7 +5259,7 @@ const ae = {
       onMouseenter: c,
       onMouseleave: y
     }, [
-      j(x.$slots, "default"),
+      P(x.$slots, "default"),
       I(ue, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -5393,7 +5393,7 @@ const ae = {
     ]);
     return (u, c) => (o(), _(be(t.value), Ee({ class: l.value }, u.$attrs), {
       default: L(() => [
-        j(u.$slots, "default"),
+        P(u.$slots, "default"),
         e.required ? (o(), d("span", Ii, "*")) : h("", !0)
       ]),
       _: 3
@@ -5676,17 +5676,17 @@ const ae = {
               i("div", {
                 class: g(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
-                j(m.$slots, "default", {}, () => [
+                P(m.$slots, "default", {}, () => [
                   G(w(e.message), 1)
                 ])
               ], 2),
               m.$slots.actions || e.actions.length > 0 ? (o(), d("div", Wi, [
-                j(m.$slots, "actions", {}, () => [
+                P(m.$slots, "actions", {}, () => [
                   (o(!0), d(K, null, X(e.actions, (p) => (o(), _(ye, {
                     key: p.label,
                     variant: p.variant || "outline",
                     size: p.size || "sm",
-                    onClick: (B) => l(p)
+                    onClick: (V) => l(p)
                   }, {
                     default: L(() => [
                       G(w(p.label), 1)
@@ -5810,7 +5810,7 @@ const ae = {
       role: "group",
       "aria-label": e.ariaLabel
     }, [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 10, Qi));
   }
 }, eu = { class: "flex items-start justify-between" }, tu = { class: "flex-1 min-w-0" }, au = {
@@ -5931,7 +5931,7 @@ const ae = {
         key: 0,
         class: g(N(k)(N(l)({ padding: e.padding })))
       }, [
-        j(x.$slots, "header", {}, () => [
+        P(x.$slots, "header", {}, () => [
           i("div", eu, [
             i("div", tu, [
               e.title ? (o(), d("h3", {
@@ -5944,7 +5944,7 @@ const ae = {
               }, w(e.subtitle), 1)) : h("", !0)
             ]),
             x.$slots.actions ? (o(), d("div", au, [
-              j(x.$slots, "actions")
+              P(x.$slots, "actions")
             ])) : h("", !0)
           ])
         ])
@@ -5953,7 +5953,7 @@ const ae = {
         key: 1,
         class: g(N(k)(N(y)({ padding: e.padding })))
       }, [
-        j(x.$slots, "image", {}, () => [
+        P(x.$slots, "image", {}, () => [
           e.image ? (o(), d("img", {
             key: 0,
             src: e.image,
@@ -5966,13 +5966,13 @@ const ae = {
         key: 2,
         class: g(N(k)(N(u)({ padding: e.padding })))
       }, [
-        j(x.$slots, "default")
+        P(x.$slots, "default")
       ], 2)) : h("", !0),
       x.$slots.footer ? (o(), d("div", {
         key: 3,
         class: g(N(k)(N(c)({ padding: e.padding })))
       }, [
-        j(x.$slots, "footer")
+        P(x.$slots, "footer")
       ], 2)) : h("", !0)
     ], 2));
   }
@@ -5984,7 +5984,7 @@ const ae = {
     return (a, t) => (o(), d("div", {
       class: g(N(k)("flex flex-col space-y-1.5 p-6", a.$attrs.class))
     }, [
-      j(a.$slots, "default")
+      P(a.$slots, "default")
     ], 2));
   }
 }), uu = {
@@ -6011,7 +6011,7 @@ const ae = {
     return (r, s) => (o(), d("div", {
       class: g(n.value)
     }, [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 2));
   }
 }, du = {
@@ -6038,7 +6038,7 @@ const ae = {
     return (r, s) => (o(), d("div", {
       class: g(n.value)
     }, [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 2));
   }
 }, cu = /* @__PURE__ */ Object.assign({
@@ -6049,7 +6049,7 @@ const ae = {
     return (a, t) => (o(), d("div", {
       class: g(N(k)("p-6 pt-0", a.$attrs.class))
     }, [
-      j(a.$slots, "default")
+      P(a.$slots, "default")
     ], 2));
   }
 }), fu = /* @__PURE__ */ Object.assign({
@@ -6060,7 +6060,7 @@ const ae = {
     return (a, t) => (o(), d("h3", {
       class: g(N(k)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
     }, [
-      j(a.$slots, "default")
+      P(a.$slots, "default")
     ], 2));
   }
 }), mu = { class: "relative w-full" }, gu = { class: "relative" }, vu = ["id", "value", "placeholder", "disabled", "required", "readonly"], bu = ["disabled"], hu = { class: "flex items-center justify-between mb-3" }, yu = { class: "flex gap-2" }, pu = ["value"], xu = ["value"], wu = { class: "grid grid-cols-7 gap-1 mb-2" }, ku = { class: "grid grid-cols-7 gap-1" }, Su = ["disabled", "onClick"], Cu = {
@@ -6211,10 +6211,10 @@ const ae = {
       const C = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
       n("update:modelValue", C), l.value = !1;
     }
-    function B() {
+    function V() {
       n("update:modelValue", ""), l.value = !1;
     }
-    function V(R) {
+    function B(R) {
       if (!t.modelValue) return !1;
       const C = new Date(t.modelValue), F = R.date;
       return C.getFullYear() === F.getFullYear() && C.getMonth() === F.getMonth() && C.getDate() === F.getDate();
@@ -6297,7 +6297,7 @@ const ae = {
           key: 0,
           type: "button",
           class: "absolute right-10 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-900 transition-colors",
-          onClick: ot(B, ["stop"]),
+          onClick: ot(V, ["stop"]),
           tabindex: "-1"
         }, [...C[4] || (C[4] = [
           i("svg", {
@@ -6415,8 +6415,8 @@ const ae = {
                   "aspect-square p-0 text-sm rounded hover:bg-gray-100 transition-colors",
                   {
                     "text-gray-400": !F.isCurrentMonth,
-                    "bg-blue-600 text-white hover:bg-blue-700": V(F),
-                    "bg-gray-100 font-semibold": z(F) && !V(F),
+                    "bg-blue-600 text-white hover:bg-blue-700": B(F),
+                    "bg-gray-100 font-semibold": z(F) && !B(F),
                     "opacity-50 cursor-not-allowed": ne(F)
                   }
                 ]),
@@ -6502,7 +6502,7 @@ const ae = {
         "aria-expanded": t.value,
         "aria-haspopup": !0
       }, [
-        j(x.$slots, "trigger", {}, () => [
+        P(x.$slots, "trigger", {}, () => [
           i("span", null, w(e.triggerText), 1),
           I(ae, {
             name: "chevron-down",
@@ -6525,7 +6525,7 @@ const ae = {
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            j(x.$slots, "default")
+            P(x.$slots, "default")
           ], 2)) : h("", !0)
         ]),
         _: 3
@@ -6578,7 +6578,7 @@ const ae = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : h("", !0),
-        j(u.$slots, "default"),
+        P(u.$slots, "default"),
         e.shortcut ? (o(), d("span", Au, w(e.shortcut), 1)) : h("", !0)
       ]),
       _: 3
@@ -6622,8 +6622,8 @@ const ae = {
       )
     ), y = (p) => {
       p.preventDefault(), s.value = !1;
-      const B = Array.from(p.dataTransfer.files);
-      v(B);
+      const V = Array.from(p.dataTransfer.files);
+      v(V);
     }, x = (p) => {
       p.preventDefault();
     }, S = (p) => {
@@ -6633,19 +6633,19 @@ const ae = {
     }, $ = () => {
       l.value?.click();
     }, A = (p) => {
-      const B = Array.from(p.target.files);
-      v(B);
+      const V = Array.from(p.target.files);
+      v(V);
     }, v = (p) => {
-      const B = p.filter((V) => !(t.maxSize && V.size > t.maxSize));
-      t.multiple ? r.value.push(...B) : r.value = B.slice(0, 1), n("files-selected", r.value);
+      const V = p.filter((B) => !(t.maxSize && B.size > t.maxSize));
+      t.multiple ? r.value.push(...V) : r.value = V.slice(0, 1), n("files-selected", r.value);
     }, m = (p) => {
       r.value.splice(p, 1), n("file-removed", r.value);
     }, f = (p) => {
       if (p === 0) return "0 Bytes";
-      const B = 1024, V = ["Bytes", "KB", "MB", "GB"], z = Math.floor(Math.log(p) / Math.log(B));
-      return parseFloat((p / Math.pow(B, z)).toFixed(2)) + " " + V[z];
+      const V = 1024, B = ["Bytes", "KB", "MB", "GB"], z = Math.floor(Math.log(p) / Math.log(V));
+      return parseFloat((p / Math.pow(V, z)).toFixed(2)) + " " + B[z];
     };
-    return (p, B) => (o(), d("div", Tu, [
+    return (p, V) => (o(), d("div", Tu, [
       i("div", {
         class: g(c.value),
         onDrop: y,
@@ -6668,7 +6668,7 @@ const ae = {
             name: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
           }),
-          B[0] || (B[0] = i("p", { class: "text-sm text-muted-foreground text-center" }, [
+          V[0] || (V[0] = i("p", { class: "text-sm text-muted-foreground text-center" }, [
             i("span", { class: "font-semibold" }, "Click to upload"),
             G(" or drag and drop ")
           ], -1)),
@@ -6676,7 +6676,7 @@ const ae = {
         ])
       ], 34),
       r.value.length > 0 ? (o(), d("div", Vu, [
-        (o(!0), d(K, null, X(r.value, (V, z) => (o(), d("div", {
+        (o(!0), d(K, null, X(r.value, (B, z) => (o(), d("div", {
           key: z,
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
@@ -6685,8 +6685,8 @@ const ae = {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            i("span", Ou, w(V.name), 1),
-            i("span", Du, "(" + w(f(V.size)) + ")", 1)
+            i("span", Ou, w(B.name), 1),
+            i("span", Du, "(" + w(f(B.size)) + ")", 1)
           ]),
           i("button", {
             onClick: (ne) => m(z),
@@ -6797,7 +6797,7 @@ const ae = {
           class: g(N(k)(N(x)({ size: e.size })))
         }, w(e.description), 3)) : h("", !0),
         i("div", _u, [
-          j($.$slots, "default", {
+          P($.$slots, "default", {
             fieldId: n.value,
             hasError: r.value,
             ariaDescribedBy: u.value,
@@ -6902,11 +6902,11 @@ const ae = {
       class: g(n.value)
     }, [
       r.$slots.prefix ? (o(), d("div", Uu, [
-        j(r.$slots, "prefix")
+        P(r.$slots, "prefix")
       ])) : h("", !0),
-      j(r.$slots, "default"),
+      P(r.$slots, "default"),
       r.$slots.suffix ? (o(), d("div", Wu, [
-        j(r.$slots, "suffix")
+        P(r.$slots, "suffix")
       ])) : h("", !0)
     ], 2));
   }
@@ -6970,7 +6970,7 @@ const ae = {
       }, {
         default: L(() => [
           y.$slots.icon || e.icon ? (o(), d("div", Ku, [
-            j(y.$slots, "icon", {}, () => [
+            P(y.$slots, "icon", {}, () => [
               e.icon ? (o(), _(ae, {
                 key: 0,
                 name: e.icon,
@@ -6981,10 +6981,10 @@ const ae = {
           i("div", Xu, [
             e.title ? (o(), d("div", Ju, w(e.title), 1)) : h("", !0),
             e.description ? (o(), d("div", Qu, w(e.description), 1)) : h("", !0),
-            j(y.$slots, "default")
+            P(y.$slots, "default")
           ]),
           y.$slots.action ? (o(), d("div", Zu, [
-            j(y.$slots, "action")
+            P(y.$slots, "action")
           ])) : h("", !0)
         ]),
         _: 3
@@ -7038,7 +7038,7 @@ const ae = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : h("", !0),
-        j(u.$slots, "default"),
+        P(u.$slots, "default"),
         e.shortcut ? (o(), d("span", td, w(e.shortcut), 1)) : h("", !0),
         e.hasSubmenu ? (o(), _(ae, {
           key: 2,
@@ -7139,7 +7139,7 @@ const ae = {
                 }),
                 c[0] || (c[0] = i("span", { class: "sr-only" }, "Close", -1))
               ])) : h("", !0),
-              j(u.$slots, "default")
+              P(u.$slots, "default")
             ], 6)
           ])) : h("", !0)
         ]),
@@ -7163,7 +7163,7 @@ const ae = {
     return (a, t) => (o(), d("div", nd, [
       e.title ? (o(), d("h2", rd, w(e.title), 1)) : h("", !0),
       e.description ? (o(), d("p", sd, w(e.description), 1)) : h("", !0),
-      j(a.$slots, "default")
+      P(a.$slots, "default")
     ]));
   }
 }, od = {
@@ -7189,7 +7189,7 @@ const ae = {
     return (r, s) => (o(), d("div", {
       class: g(n.value)
     }, [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 2));
   }
 }, id = {
@@ -7215,7 +7215,7 @@ const ae = {
     return (r, s) => (o(), d("div", {
       class: g(n.value)
     }, [
-      j(r.$slots, "default")
+      P(r.$slots, "default")
     ], 2));
   }
 }, ud = ["aria-live"], dd = { class: "flex items-start space-x-3" }, cd = {
@@ -7313,7 +7313,7 @@ const ae = {
                 key: 1,
                 class: g(["text-sm", { "mt-1": e.title }])
               }, w(e.message), 3)) : h("", !0),
-              j(O.$slots, "default")
+              P(O.$slots, "default")
             ]),
             e.dismissible ? (o(), d("button", {
               key: 1,
@@ -7651,7 +7651,7 @@ const bd = {
       if (!s.highlightMatches || !s.modelValue || !E) return E;
       const Z = new RegExp(`(${s.modelValue})`, "gi");
       return E.replace(Z, '<mark class="bg-yellow-200">$1</mark>');
-    }, B = M(
+    }, V = M(
       "block w-full rounded-lg border bg-white transition-colors duration-200 placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
       {
         variants: {
@@ -7663,7 +7663,7 @@ const bd = {
         },
         defaultVariants: { size: "md" }
       }
-    ), V = M("text-slate-400", {
+    ), B = M("text-slate-400", {
       variants: {
         size: {
           sm: "w-4 h-4",
@@ -7672,7 +7672,7 @@ const bd = {
         }
       },
       defaultVariants: { size: "md" }
-    }), z = b(() => k(B({ size: s.size }))), ne = b(() => k(V({ size: s.size }))), U = b(
+    }), z = b(() => k(V({ size: s.size }))), ne = b(() => k(B({ size: s.size }))), U = b(
       () => k("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
     ), se = (E) => k(
       "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",
@@ -7757,7 +7757,7 @@ const bd = {
               ], 42, Md))), 128))
             ])) : e.showNoResults ? (o(), d("div", Ld, w(e.noResultsText), 1)) : h("", !0),
             E.$slots.footer ? (o(), d("div", Ed, [
-              j(E.$slots, "footer")
+              P(E.$slots, "footer")
             ])) : h("", !0)
           ], 2)) : h("", !0)
         ]),
@@ -7799,7 +7799,7 @@ const bd = {
   __name: "Stepper",
   setup(e) {
     return (a, t) => (o(), d("div", Ud, [
-      j(a.$slots, "default")
+      P(a.$slots, "default")
     ]));
   }
 }, Hd = { class: "flex items-center" }, Gd = { class: "ml-2" }, Kd = { class: "font-medium" }, Xd = {
@@ -7889,7 +7889,7 @@ const bd = {
         }, w(x.label), 11, ec))), 128))
       ]),
       i("div", tc, [
-        j(c.$slots, "default")
+        P(c.$slots, "default")
       ])
     ]));
   }
@@ -7923,12 +7923,12 @@ const bd = {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
-      ])) : j(s.$slots, "default", { key: 1 })
+      ])) : P(s.$slots, "default", { key: 1 })
     ], 8, nc)), [
       [Xa, r.value]
     ]);
   }
-}, lc = ["aria-expanded", "aria-controls", "id", "onClick"], oc = ["innerHTML"], ic = ["id", "aria-labelledby"], uc = ["innerHTML"], dc = {
+}, lc = ["aria-expanded", "aria-controls", "id", "onClick"], oc = { class: "flex items-center flex-1 min-w-0" }, ic = ["innerHTML"], uc = ["id", "aria-labelledby"], dc = ["innerHTML"], cc = {
   __name: "Accordion",
   props: {
     items: {
@@ -7965,11 +7965,11 @@ const bd = {
     ), l = (p) => {
       if (!(n.disabled || n.items[p]?.disabled)) {
         if (n.multiple) {
-          const B = s.value.indexOf(p);
-          B > -1 ? s.value.splice(B, 1) : s.value.push(p), r("update:modelValue", [...s.value]);
+          const V = s.value.indexOf(p);
+          V > -1 ? s.value.splice(V, 1) : s.value.push(p), r("update:modelValue", [...s.value]);
         } else {
-          const B = s.value.includes(p) ? null : p;
-          s.value = B !== null ? [B] : [], r("update:modelValue", B);
+          const V = s.value.includes(p) ? null : p;
+          s.value = V !== null ? [V] : [], r("update:modelValue", V);
         }
         r("change", { index: p, expanded: s.value.includes(p) });
       }
@@ -8041,24 +8041,32 @@ const bd = {
       (p) => {
         n.multiple ? s.value = Array.isArray(p) ? [...p] : [] : s.value = typeof p == "number" ? [p] : [];
       }
-    ), (p, B) => (o(), d("div", {
+    ), (p, V) => (o(), d("div", {
       class: g($.value)
     }, [
-      (o(!0), d(K, null, X(e.items, (V, z) => (o(), d("div", {
-        key: V.id || z,
+      (o(!0), d(K, null, X(e.items, (B, z) => (o(), d("div", {
+        key: B.id || z,
         class: g(A.value)
       }, [
         i("button", {
           class: g(v(z)),
           "aria-expanded": u(z),
-          "aria-controls": `panel-${V.id || z}`,
-          id: `header-${V.id || z}`,
+          "aria-controls": `panel-${B.id || z}`,
+          id: `header-${B.id || z}`,
           onClick: (ne) => l(z)
         }, [
-          i("div", {
-            class: "flex items-center flex-1 min-w-0",
-            innerHTML: V.title
-          }, null, 8, oc),
+          i("div", oc, [
+            P(p.$slots, `header-${z}`, {
+              item: B,
+              index: z,
+              isExpanded: u(z)
+            }, () => [
+              B.title ? (o(), d("div", {
+                key: 0,
+                innerHTML: B.title
+              }, null, 8, ic)) : h("", !0)
+            ])
+          ]),
           i("div", {
             class: g(m(z))
           }, [
@@ -8077,27 +8085,32 @@ const bd = {
             u(z) ? (o(), d("div", {
               key: 0,
               class: g(f.value),
-              id: `panel-${V.id || z}`,
-              "aria-labelledby": `header-${V.id || z}`,
+              id: `panel-${B.id || z}`,
+              "aria-labelledby": `header-${B.id || z}`,
               role: "region"
             }, [
-              j(p.$slots, V.slot || `item-${z}`, {
-                item: V,
+              P(p.$slots, `content-${z}`, {
+                item: B,
                 index: z
               }, () => [
-                V.content ? (o(), d("div", {
-                  key: 0,
-                  innerHTML: V.content
-                }, null, 8, uc)) : h("", !0)
+                P(p.$slots, "content", {
+                  item: B,
+                  index: z
+                }, () => [
+                  B.content ? (o(), d("div", {
+                    key: 0,
+                    innerHTML: B.content
+                  }, null, 8, dc)) : h("", !0)
+                ])
               ])
-            ], 10, ic)) : h("", !0)
+            ], 10, uc)) : h("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, cc = {
+}, fc = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -8162,7 +8175,7 @@ const bd = {
         onClick: r
       }, {
         default: L(() => [
-          j(S.$slots, "header", { isOpen: n.value }),
+          P(S.$slots, "header", { isOpen: n.value }),
           I(a, {
             class: g(N(k)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
@@ -8182,14 +8195,14 @@ const bd = {
             key: 0,
             class: g(x.value)
           }, [
-            j(S.$slots, "content", { isOpen: n.value })
+            P(S.$slots, "content", { isOpen: n.value })
           ], 2)) : h("", !0)
         ]),
         _: 3
       })
     ], 2));
   }
-}, fc = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, mc = { class: "flex items-center justify-between mb-4" }, gc = { class: "text-lg font-semibold text-slate-900" }, vc = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, bc = { class: "grid grid-cols-7 gap-y-2 text-center" }, hc = {
+}, mc = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, gc = { class: "flex items-center justify-between mb-4" }, vc = { class: "text-lg font-semibold text-slate-900" }, bc = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, hc = { class: "grid grid-cols-7 gap-y-2 text-center" }, yc = {
   __name: "Calendar",
   emits: ["update:modelValue"],
   setup(e) {
@@ -8202,7 +8215,7 @@ const bd = {
       (m, f) => new Date(n.value, t.value, -f).getDate()
     ).reverse()), x = b(() => {
       const m = y.value.length + u.value, f = m % 7 === 0 ? 0 : 7 - m % 7;
-      return Array.from({ length: f }, (p, B) => B + 1);
+      return Array.from({ length: f }, (p, V) => V + 1);
     });
     function S() {
       t.value === 0 ? (t.value = 11, n.value--) : t.value--;
@@ -8219,8 +8232,8 @@ const bd = {
     function v(m) {
       r.value = new Date(n.value, t.value, m), emit("update:modelValue", r.value);
     }
-    return (m, f) => (o(), d("div", fc, [
-      i("div", mc, [
+    return (m, f) => (o(), d("div", mc, [
+      i("div", gc, [
         I(ye, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: S,
@@ -8234,7 +8247,7 @@ const bd = {
           ]),
           _: 1
         }),
-        i("div", gc, w(l.value) + " " + w(n.value), 1),
+        i("div", vc, w(l.value) + " " + w(n.value), 1),
         I(ye, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: O,
@@ -8249,17 +8262,17 @@ const bd = {
           _: 1
         })
       ]),
-      i("div", vc, [
+      i("div", bc, [
         (o(), d(K, null, X(s, (p) => i("div", { key: p }, w(p), 1)), 64))
       ]),
-      i("div", bc, [
+      i("div", hc, [
         (o(!0), d(K, null, X(y.value, (p) => (o(), d("div", {
           key: "prev-" + p,
           class: "text-slate-400 text-sm"
         }, w(p), 1))), 128)),
         (o(!0), d(K, null, X(u.value, (p) => (o(), _(ye, {
           key: p,
-          onClick: (B) => v(p),
+          onClick: (V) => v(p),
           class: g([
             "w-10 h-10 rounded-full flex items-center justify-center mx-auto",
             $(p) ? "bg-blue-500 text-white font-semibold" : "",
@@ -8278,7 +8291,7 @@ const bd = {
       ])
     ]));
   }
-}, yc = { class: "flex items-start justify-between" }, pc = {
+}, pc = { class: "flex items-start justify-between" }, xc = {
   key: 0,
   class: "flex items-center gap-2"
 }, lr = {
@@ -8357,8 +8370,8 @@ const bd = {
       key: 0,
       class: g(s.value)
     }, [
-      j(c.$slots, "header", {}, () => [
-        i("div", yc, [
+      P(c.$slots, "header", {}, () => [
+        i("div", pc, [
           i("div", null, [
             e.title ? (o(), _(Ut, {
               key: 0,
@@ -8379,8 +8392,8 @@ const bd = {
               _: 1
             }, 8, ["class"])) : h("", !0)
           ]),
-          c.$slots.filters ? (o(), d("div", pc, [
-            j(c.$slots, "filters")
+          c.$slots.filters ? (o(), d("div", xc, [
+            P(c.$slots, "filters")
           ])) : h("", !0)
         ])
       ])
@@ -8491,7 +8504,7 @@ const bd = {
       }
     }), l = (v) => typeof v == "string" ? v : v?.key || v?.field || "unknown", u = (v, m) => {
       const f = l(m);
-      return typeof m == "object" && m.accessor ? m.accessor(v) : f && f.includes(".") ? f.split(".").reduce((p, B) => p?.[B], v) : v?.[f];
+      return typeof m == "object" && m.accessor ? m.accessor(v) : f && f.includes(".") ? f.split(".").reduce((p, V) => p?.[V], v) : v?.[f];
     }, c = (v, m) => {
       const f = u(v, m);
       return typeof m == "object" && m.formatter ? m.formatter(f, v) : f == null ? "" : f instanceof Date ? f.toLocaleDateString() : Array.isArray(f) ? f.join(", ") : f;
@@ -8545,7 +8558,7 @@ const bd = {
         key: l(f),
         class: g(O(f))
       }, [
-        j(v.$slots, `cell-${l(f)}`, {
+        P(v.$slots, `cell-${l(f)}`, {
           item: e.item,
           value: u(e.item, f),
           column: f,
@@ -8558,26 +8571,26 @@ const bd = {
         key: 1,
         class: g(A.value)
       }, [
-        j(v.$slots, "actions", {
+        P(v.$slots, "actions", {
           item: e.item,
           index: e.index
         })
       ], 2)) : h("", !0)
     ], 2));
   }
-}, xc = { class: "flex items-center justify-between" }, wc = {
+}, wc = { class: "flex items-center justify-between" }, kc = {
   key: 0,
   class: "text-sm text-slate-600"
-}, kc = {
+}, Sc = {
   key: 1,
   class: "text-sm text-slate-600"
-}, Sc = {
+}, Cc = {
   key: 2,
   class: "flex items-center gap-4"
-}, Cc = {
+}, $c = {
   key: 3,
   class: "flex items-center gap-4"
-}, $c = { class: "flex items-center gap-2" }, zc = { class: "flex items-center gap-1" }, Ac = ["disabled"], Ic = ["disabled"], Tc = { class: "flex items-center gap-1" }, Pc = ["onClick"], jc = ["disabled"], Bc = ["disabled"], Vc = { class: "text-sm text-slate-600 ml-4" }, ir = {
+}, zc = { class: "flex items-center gap-2" }, Ac = { class: "flex items-center gap-1" }, Ic = ["disabled"], Tc = ["disabled"], Pc = { class: "flex items-center gap-1" }, jc = ["onClick"], Bc = ["disabled"], Vc = ["disabled"], Mc = { class: "text-sm text-slate-600 ml-4" }, ir = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -8692,9 +8705,9 @@ const bd = {
           A.push(p);
       else {
         const p = Math.floor(f / 2);
-        let B = Math.max(1, m - p), V = Math.min(v, B + f - 1);
-        V - B + 1 < f && (B = Math.max(1, V - f + 1));
-        for (let z = B; z <= V; z++)
+        let V = Math.max(1, m - p), B = Math.min(v, V + f - 1);
+        B - V + 1 < f && (V = Math.max(1, B - f + 1));
+        for (let z = V; z <= B; z++)
           A.push(z);
       }
       return A;
@@ -8718,13 +8731,13 @@ const bd = {
       key: 0,
       class: g(x.value)
     }, [
-      i("div", xc, [
-        e.selectable && e.selectedCount > 0 ? (o(), d("div", wc, w(e.selectedCount) + " of " + w(e.total) + " selected ", 1)) : (o(), d("div", kc, " Showing " + w(u.value) + " to " + w(c.value) + " of " + w(e.total) + " entries ", 1)),
-        A.$slots.footer ? (o(), d("div", Sc, [
-          j(A.$slots, "footer")
+      i("div", wc, [
+        e.selectable && e.selectedCount > 0 ? (o(), d("div", kc, w(e.selectedCount) + " of " + w(e.total) + " selected ", 1)) : (o(), d("div", Sc, " Showing " + w(u.value) + " to " + w(c.value) + " of " + w(e.total) + " entries ", 1)),
+        A.$slots.footer ? (o(), d("div", Cc, [
+          P(A.$slots, "footer")
         ])) : h("", !0),
-        e.showPagination ? (o(), d("div", Cc, [
-          i("div", $c, [
+        e.showPagination ? (o(), d("div", $c, [
+          i("div", zc, [
             I(da, {
               for: "pageSize",
               class: g(S.value),
@@ -8751,7 +8764,7 @@ const bd = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          i("div", zc, [
+          i("div", Ac, [
             i("button", {
               disabled: e.currentPage === 1,
               onClick: v[1] || (v[1] = (m) => A.$emit("update:currentPage", 1)),
@@ -8771,7 +8784,7 @@ const bd = {
                   d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
                 })
               ], -1)
-            ])], 10, Ac),
+            ])], 10, Ic),
             i("button", {
               disabled: e.currentPage === 1,
               onClick: v[2] || (v[2] = (m) => A.$emit("update:currentPage", e.currentPage - 1)),
@@ -8791,13 +8804,13 @@ const bd = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, Ic),
-            i("div", Tc, [
+            ])], 10, Tc),
+            i("div", Pc, [
               (o(!0), d(K, null, X(y.value, (m) => (o(), d("button", {
                 key: m,
                 onClick: (f) => A.$emit("update:currentPage", m),
                 class: g($(m === e.currentPage, !1))
-              }, w(m), 11, Pc))), 128))
+              }, w(m), 11, jc))), 128))
             ]),
             i("button", {
               disabled: e.currentPage === e.totalPages,
@@ -8818,7 +8831,7 @@ const bd = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, jc),
+            ])], 10, Bc),
             i("button", {
               disabled: e.currentPage === e.totalPages,
               onClick: v[4] || (v[4] = (m) => A.$emit("update:currentPage", e.totalPages)),
@@ -8838,17 +8851,17 @@ const bd = {
                   d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Bc)
+            ])], 10, Vc)
           ]),
-          i("div", Vc, " Page " + w(e.currentPage) + " of " + w(e.totalPages), 1)
+          i("div", Mc, " Page " + w(e.currentPage) + " of " + w(e.totalPages), 1)
         ])) : h("", !0)
       ])
     ], 2)) : h("", !0);
   }
-}, Mc = { class: "relative" }, Oc = { class: "flex items-center justify-center" }, Dc = ["onClick"], Fc = { class: "flex items-center gap-2" }, Nc = {
+}, Oc = { class: "relative" }, Dc = { class: "flex items-center justify-center" }, Fc = ["onClick"], Nc = { class: "flex items-center gap-2" }, Lc = {
   key: 1,
   class: "flex flex-col"
-}, Lc = { key: 0 }, Ec = ["colspan"], _c = { class: "flex justify-center items-center" }, Rc = { key: 2 }, Yc = ["colspan"], qc = { class: "text-center" }, Uc = { class: "text-slate-400 mb-4" }, Wc = { class: "text-slate-600 text-lg font-medium mb-2" }, Hc = {
+}, Ec = { key: 0 }, _c = ["colspan"], Rc = { class: "flex justify-center items-center" }, Yc = { key: 2 }, qc = ["colspan"], Uc = { class: "text-center" }, Wc = { class: "text-slate-400 mb-4" }, Hc = { class: "text-slate-600 text-lg font-medium mb-2" }, Gc = {
   __name: "DataTable",
   props: {
     data: {
@@ -9054,7 +9067,7 @@ const bd = {
       if (u.value) {
         const D = n.columns.find((J) => J.key === u.value);
         D && T.sort((J, ge) => {
-          const je = B(J, D), tt = B(ge, D);
+          const je = V(J, D), tt = V(ge, D);
           return je < tt ? c.value === "asc" ? -1 : 1 : je > tt ? c.value === "asc" ? 1 : -1 : 0;
         });
       }
@@ -9069,11 +9082,11 @@ const bd = {
     }), f = b(() => $.value.length > 0 && $.value.every((T) => z(T))), p = b(() => {
       const T = $.value.filter((D) => z(D)).length;
       return T > 0 && T < $.value.length;
-    }), B = (T, D) => D.accessor ? D.accessor(T) : D.key.split(".").reduce((J, ge) => J?.[ge], T), V = (T, D) => T[n.rowKey] || D, z = (T) => n.selectedItems.some(
-      (D) => V(D) === V(T)
+    }), V = (T, D) => D.accessor ? D.accessor(T) : D.key.split(".").reduce((J, ge) => J?.[ge], T), B = (T, D) => T[n.rowKey] || D, z = (T) => n.selectedItems.some(
+      (D) => B(D) === B(T)
     ), ne = (T) => {
       const D = [...n.selectedItems], J = D.findIndex(
-        (ge) => V(ge) === V(T)
+        (ge) => B(ge) === B(T)
       );
       J > -1 ? D.splice(J, 1) : D.push(T), r("selection-change", D);
     }, U = () => {
@@ -9171,14 +9184,14 @@ const bd = {
         padding: e.headerPadding
       }, {
         header: L(() => [
-          j(T.$slots, "header", {}, void 0, !0)
+          P(T.$slots, "header", {}, void 0, !0)
         ]),
         filters: L(() => [
-          j(T.$slots, "filters", {}, void 0, !0)
+          P(T.$slots, "filters", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
-      i("div", Mc, [
+      i("div", Oc, [
         e.loading ? (o(), _(qe, {
           key: 0,
           loading: !0,
@@ -9205,7 +9218,7 @@ const bd = {
                   key: 0,
                   class: g(me.value)
                 }, [
-                  i("div", Oc, [
+                  i("div", Dc, [
                     e.bulkLoading ? (o(), _(qe, {
                       key: 0,
                       loading: !0,
@@ -9226,7 +9239,7 @@ const bd = {
                   class: g(fe(J)),
                   onClick: (ge) => se(J)
                 }, [
-                  i("div", Fc, [
+                  i("div", Nc, [
                     i("span", null, w(J.label), 1),
                     e.sortLoading && u.value === J.key ? (o(), _(qe, {
                       key: 0,
@@ -9234,7 +9247,7 @@ const bd = {
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : J.sortable ? (o(), d("div", Nc, [
+                    }, null, 8, ["color"])) : J.sortable ? (o(), d("div", Lc, [
                       (o(), d("svg", {
                         class: g([Y(J, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
@@ -9263,7 +9276,7 @@ const bd = {
                       ])], 2))
                     ])) : h("", !0)
                   ])
-                ], 10, Dc))), 128)),
+                ], 10, Fc))), 128)),
                 T.$slots.actions ? (o(), d("th", {
                   key: 1,
                   class: g(De.value)
@@ -9273,12 +9286,12 @@ const bd = {
             i("tbody", {
               class: g(te.value)
             }, [
-              e.dataLoading && !e.loading ? (o(), d("tr", Lc, [
+              e.dataLoading && !e.loading ? (o(), d("tr", Ec, [
                 i("td", {
                   colspan: m.value,
                   class: g(W.value)
                 }, [
-                  i("div", _c, [
+                  i("div", Rc, [
                     I(qe, {
                       loading: !0,
                       type: "dots",
@@ -9286,9 +9299,9 @@ const bd = {
                       color: e.loadingColor
                     }, null, 8, ["color"])
                   ])
-                ], 10, Ec)
+                ], 10, _c)
               ])) : v.value.length > 0 && !e.loading ? (o(!0), d(K, { key: 1 }, X(v.value, (J, ge) => (o(), _(or, {
-                key: V(J, ge),
+                key: B(J, ge),
                 item: J,
                 columns: e.columns,
                 index: ge,
@@ -9298,40 +9311,40 @@ const bd = {
                 hoverable: e.hoverable,
                 "clickable-rows": e.clickableRows,
                 density: e.density,
-                "row-loading": e.rowLoading[V(J, ge)],
+                "row-loading": e.rowLoading[B(J, ge)],
                 "loading-color": e.loadingColor,
                 onToggleSelection: ne,
                 onRowClick: oe
               }, mr({
                 actions: L((je) => [
-                  j(T.$slots, "actions", Ee({ ref_for: !0 }, je), void 0, !0)
+                  P(T.$slots, "actions", Ee({ ref_for: !0 }, je), void 0, !0)
                 ]),
                 _: 2
               }, [
                 X(e.columns, (je) => ({
                   name: `cell-${je.key}`,
                   fn: L((tt) => [
-                    j(T.$slots, `cell-${je.key}`, Ee({ ref_for: !0 }, tt), void 0, !0)
+                    P(T.$slots, `cell-${je.key}`, Ee({ ref_for: !0 }, tt), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading && e.hasLoaded ? (o(), d("tr", Rc, [
+              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading && e.hasLoaded ? (o(), d("tr", Yc, [
                 i("td", {
                   colspan: m.value,
                   class: g(W.value)
                 }, [
-                  j(T.$slots, "empty", {}, () => [
-                    i("div", qc, [
-                      i("div", Uc, [
+                  P(T.$slots, "empty", {}, () => [
+                    i("div", Uc, [
+                      i("div", Wc, [
                         I(ae, {
                           name: "search",
                           class: "w-12 h-12"
                         })
                       ]),
-                      i("p", Wc, w(e.emptyText), 1),
+                      i("p", Hc, w(e.emptyText), 1),
                       D[2] || (D[2] = i("p", { class: "text-slate-500 text-sm" }, "Try adjusting your search or filter criteria", -1))
                     ])
                   ], !0)
-                ], 10, Yc)
+                ], 10, qc)
               ])) : h("", !0),
               e.showSkeleton && (e.loading || e.dataLoading) ? (o(!0), d(K, { key: 3 }, X(e.skeletonRows, (J) => (o(), d("tr", {
                 key: `skeleton-${J}`,
@@ -9380,13 +9393,13 @@ const bd = {
         "onUpdate:pageSize": Z
       }, {
         footer: L(() => [
-          j(T.$slots, "footer", {}, void 0, !0)
+          P(T.$slots, "footer", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : h("", !0)
     ], 2));
   }
-}, Gc = /* @__PURE__ */ pt(Hc, [["__scopeId", "data-v-8fda8771"]]), Kc = {
+}, Kc = /* @__PURE__ */ pt(Gc, [["__scopeId", "data-v-8fda8771"]]), Xc = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -9469,21 +9482,21 @@ const bd = {
     return (l, u) => (o(), d("td", {
       class: g(s.value)
     }, [
-      j(l.$slots, "default", {}, () => [
+      P(l.$slots, "default", {}, () => [
         G(w(t.value), 1)
       ])
     ], 2));
   }
-}, Xc = { class: "bg-white border-b border-gray-200" }, Jc = { class: "flex-1 min-w-80 max-w-md" }, Qc = { class: "relative group" }, Zc = ["model-value", "placeholder"], ef = {
+}, Jc = { class: "bg-white border-b border-gray-200" }, Qc = { class: "flex-1 min-w-80 max-w-md" }, Zc = { class: "relative group" }, ef = ["model-value", "placeholder"], tf = {
   key: 0,
   class: "min-w-36"
-}, tf = { class: "relative" }, af = ["value"], nf = {
+}, af = { class: "relative" }, nf = ["value"], rf = {
   key: 1,
   class: "flex items-center gap-2"
-}, rf = { class: "flex items-center gap-3 ml-auto" }, sf = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, lf = { class: "flex items-center justify-between" }, of = { class: "flex items-center gap-3" }, uf = { class: "relative flex-1" }, df = ["model-value", "onInput", "placeholder"], cf = { class: "relative flex-1" }, ff = ["model-value", "onInput", "placeholder"], mf = ["onClick"], gf = { class: "flex items-center gap-3 flex-wrap" }, vf = ["onClick"], bf = {
+}, sf = { class: "flex items-center gap-3 ml-auto" }, lf = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, of = { class: "flex items-center justify-between" }, uf = { class: "flex items-center gap-3" }, df = { class: "relative flex-1" }, cf = ["model-value", "onInput", "placeholder"], ff = { class: "relative flex-1" }, mf = ["model-value", "onInput", "placeholder"], gf = ["onClick"], vf = { class: "flex items-center gap-3 flex-wrap" }, bf = ["onClick"], hf = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
-}, hf = { class: "flex items-center justify-between" }, yf = { class: "flex items-center gap-4" }, pf = { class: "text-sm text-gray-600" }, xf = { class: "font-medium" }, wf = {
+}, yf = { class: "flex items-center justify-between" }, pf = { class: "flex items-center gap-4" }, xf = { class: "text-sm text-gray-600" }, wf = { class: "font-medium" }, kf = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -9680,9 +9693,9 @@ const bd = {
         l({ size: "md" }),
         "w-full pl-10 pr-10 hover:border-gray-300"
       )
-    ), B = 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"
     ), V = 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"
+    ), B = b(
       () => k(
         l({ size: "md" }),
         "w-full pr-8 appearance-none hover:border-gray-300"
@@ -9751,12 +9764,12 @@ const bd = {
     };
     return (W, Y) => {
       const T = le("font-awesome-icon");
-      return o(), d("div", Xc, [
+      return o(), d("div", Jc, [
         i("div", {
           class: g(m.value)
         }, [
-          i("div", Jc, [
-            i("div", Qc, [
+          i("div", Qc, [
+            i("div", Zc, [
               I(T, {
                 icon: "magnifying-glass",
                 class: g(f.value)
@@ -9766,11 +9779,11 @@ const bd = {
                 onInput: Y[0] || (Y[0] = (D) => W.$emit("update:searchQuery", D.target.value)),
                 placeholder: e.searchPlaceholder,
                 class: g(p.value)
-              }, null, 42, Zc),
+              }, null, 42, ef),
               e.searchQuery ? (o(), d("button", {
                 key: 0,
                 onClick: Y[1] || (Y[1] = (D) => W.$emit("update:searchQuery", "")),
-                class: g(B.value)
+                class: g(V.value)
               }, [
                 I(T, {
                   icon: "xmark",
@@ -9779,19 +9792,19 @@ const bd = {
               ], 2)) : h("", !0)
             ])
           ]),
-          e.statusOptions.length > 0 ? (o(), d("div", ef, [
-            i("div", tf, [
+          e.statusOptions.length > 0 ? (o(), d("div", tf, [
+            i("div", af, [
               I(yt, {
                 "model-value": e.selectedStatus,
                 onChange: Y[2] || (Y[2] = (D) => W.$emit("update:selectedStatus", D.target.value)),
-                class: g(V.value)
+                class: g(B.value)
               }, {
                 default: L(() => [
                   Y[5] || (Y[5] = i("option", { value: "" }, "All Status", -1)),
                   (o(!0), d(K, null, X(e.statusOptions, (D) => (o(), d("option", {
                     key: D.value,
                     value: D.value
-                  }, w(D.label), 9, af))), 128))
+                  }, w(D.label), 9, nf))), 128))
                 ]),
                 _: 1
               }, 8, ["model-value", "class"]),
@@ -9819,10 +9832,10 @@ const bd = {
               class: "w-4 h-4 ml-1"
             }, null, 8, ["icon"])
           ], 2),
-          W.$slots.filters ? (o(), d("div", nf, [
-            j(W.$slots, "filters")
+          W.$slots.filters ? (o(), d("div", rf, [
+            P(W.$slots, "filters")
           ])) : h("", !0),
-          i("div", rf, [
+          i("div", sf, [
             $.value ? (o(), _(ye, {
               key: 0,
               onClick: me,
@@ -9851,7 +9864,7 @@ const bd = {
               ]),
               _: 1
             }, 8, ["class"])) : h("", !0),
-            j(W.$slots, "actions", {}, () => [
+            P(W.$slots, "actions", {}, () => [
               e.showAdd ? (o(), _(ye, {
                 key: 0,
                 variant: "success",
@@ -9874,12 +9887,12 @@ const bd = {
           key: 0,
           class: g(U.value)
         }, [
-          i("div", sf, [
+          i("div", lf, [
             (o(!0), d(K, null, X(e.dateFilters, (D) => (o(), d("div", {
               key: D.key,
               class: "space-y-3"
             }, [
-              i("div", lf, [
+              i("div", of, [
                 i("label", {
                   class: g(oe.value)
                 }, w(D.label), 3),
@@ -9887,8 +9900,8 @@ const bd = {
                   class: g(x(D))
                 }, w(c(D) ? "Active" : "Inactive"), 3)
               ]),
-              i("div", of, [
-                i("div", uf, [
+              i("div", uf, [
+                i("div", df, [
                   I(T, {
                     icon: "calendar",
                     class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9899,12 +9912,12 @@ const bd = {
                     onInput: (J) => O(D.key, "from", J.target.value),
                     class: g(se.value),
                     placeholder: `From ${D.label}`
-                  }, null, 42, df)
+                  }, null, 42, cf)
                 ]),
                 i("span", {
                   class: g(E.value)
                 }, "to", 2),
-                i("div", cf, [
+                i("div", ff, [
                   I(T, {
                     icon: "calendar",
                     class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9915,7 +9928,7 @@ const bd = {
                     onInput: (J) => O(D.key, "to", J.target.value),
                     class: g(se.value),
                     placeholder: `To ${D.label}`
-                  }, null, 42, ff)
+                  }, null, 42, mf)
                 ]),
                 c(D) ? (o(), d("button", {
                   key: 0,
@@ -9927,7 +9940,7 @@ const bd = {
                     icon: "xmark",
                     class: "w-4 h-4"
                   })
-                ], 10, mf)) : h("", !0)
+                ], 10, gf)) : h("", !0)
               ])
             ]))), 128))
           ])
@@ -9936,7 +9949,7 @@ const bd = {
           key: 1,
           class: g(F.value)
         }, [
-          i("div", gf, [
+          i("div", vf, [
             i("span", {
               class: g(te.value)
             }, "Active filters:", 2),
@@ -9957,15 +9970,15 @@ const bd = {
                   icon: "xmark",
                   class: "w-3 h-3"
                 })
-              ], 10, vf)
+              ], 10, bf)
             ], 2))), 128))
           ])
         ], 2)) : h("", !0),
-        e.showTableInfo ? (o(), d("div", bf, [
-          i("div", hf, [
-            i("div", yf, [
-              i("span", pf, [
-                i("span", xf, w(e.totalItems || 0), 1),
+        e.showTableInfo ? (o(), d("div", hf, [
+          i("div", yf, [
+            i("div", pf, [
+              i("span", xf, [
+                i("span", wf, w(e.totalItems || 0), 1),
                 G(" " + w(e.itemLabel || "items") + " found ", 1)
               ])
             ])
@@ -9974,16 +9987,16 @@ const bd = {
       ]);
     };
   }
-}, kf = { class: "flex items-center gap-3" }, Sf = {
+}, Sf = { class: "flex items-center gap-3" }, Cf = {
   key: 0,
   class: "flex items-center gap-3"
-}, Cf = { class: "text-sm text-slate-600" }, $f = { class: "flex items-center gap-2" }, zf = { class: "flex items-center gap-3" }, Af = ["onClick", "title"], If = {
+}, $f = { class: "text-sm text-slate-600" }, zf = { class: "flex items-center gap-2" }, Af = { class: "flex items-center gap-3" }, If = ["onClick", "title"], Tf = {
   key: 1,
   class: "relative"
-}, Tf = { class: "p-3" }, Pf = { class: "space-y-1" }, jf = { class: "flex items-center gap-2 cursor-pointer w-full" }, Bf = ["checked", "onChange"], Vf = ["disabled"], Mf = {
+}, Pf = { class: "p-3" }, jf = { class: "space-y-1" }, Bf = { class: "flex items-center gap-2 cursor-pointer w-full" }, Vf = ["checked", "onChange"], Mf = ["disabled"], Of = {
   key: 3,
   class: "flex items-center gap-2"
-}, Of = [
+}, Df = [
   {
     key: "delete",
     label: "Delete",
@@ -10000,13 +10013,13 @@ const bd = {
     },
     variant: "primary"
   }
-], Df = {
+], Ff = {
   name: "DataTableToolBar"
-}, Ff = /* @__PURE__ */ Object.assign(Df, {
+}, Nf = /* @__PURE__ */ Object.assign(Ff, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => Of },
+    bulkActions: { type: Array, default: () => Df },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -10100,9 +10113,9 @@ const bd = {
       () => "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"
     ), p = b(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
-    ), B = b(
-      () => "py-1 hover:bg-slate-50 rounded transition-colors"
     ), V = b(
+      () => "py-1 hover:bg-slate-50 rounded transition-colors"
+    ), B = b(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
     ), z = b(
       () => "text-sm text-slate-700 flex-1 select-none"
@@ -10132,10 +10145,10 @@ const bd = {
       return o(), d("div", {
         class: g($.value)
       }, [
-        i("div", kf, [
-          u.value > 0 ? (o(), d("div", Sf, [
-            i("span", Cf, w(u.value) + " selected ", 1),
-            i("div", $f, [
+        i("div", Sf, [
+          u.value > 0 ? (o(), d("div", Cf, [
+            i("span", $f, w(u.value) + " selected ", 1),
+            i("div", zf, [
               (o(!0), d(K, null, X(e.bulkActions, (ee) => (o(), _(ye, {
                 key: ee.key,
                 onClick: (me) => F.$emit("bulk-action", { action: ee.key, items: e.selectedItems }),
@@ -10157,7 +10170,7 @@ const bd = {
             class: g(A.value)
           }, w(e.totalItems) + " " + w(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
-        i("div", zf, [
+        i("div", Af, [
           e.showDensityToggle ? (o(), d("div", {
             key: 0,
             class: g(v.value)
@@ -10173,9 +10186,9 @@ const bd = {
                 icon: ee.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, Af)), 64))
+            ], 10, If)), 64))
           ], 2)) : h("", !0),
-          e.showColumnToggle ? (o(), d("div", If, [
+          e.showColumnToggle ? (o(), d("div", Tf, [
             i("button", {
               onClick: ot(U, ["stop"]),
               class: g(m.value),
@@ -10196,22 +10209,22 @@ const bd = {
               onClick: te[0] || (te[0] = ot(() => {
               }, ["stop"]))
             }, [
-              i("div", Tf, [
+              i("div", Pf, [
                 i("div", {
                   class: g(p.value)
                 }, " Show Columns ", 2),
-                i("div", Pf, [
+                i("div", jf, [
                   (o(!0), d(K, null, X(e.toggleableColumns, (ee) => (o(), d("div", {
                     key: ee.key,
-                    class: g(B.value)
+                    class: g(V.value)
                   }, [
-                    i("label", jf, [
+                    i("label", Bf, [
                       i("input", {
                         type: "checkbox",
                         checked: R(ee.key),
                         onChange: (me) => C(ee.key, me.target.checked),
-                        class: g(V.value)
-                      }, null, 42, Bf),
+                        class: g(B.value)
+                      }, null, 42, Vf),
                       i("span", {
                         class: g(z.value)
                       }, w(ee.label), 3)
@@ -10235,15 +10248,15 @@ const bd = {
               class: g(Z())
             }, null, 8, ["class"]),
             te[3] || (te[3] = i("span", null, "Refresh", -1))
-          ], 10, Vf)) : h("", !0),
-          F.$slots.actions ? (o(), d("div", Mf, [
-            j(F.$slots, "actions")
+          ], 10, Mf)) : h("", !0),
+          F.$slots.actions ? (o(), d("div", Of, [
+            P(F.$slots, "actions")
           ])) : h("", !0)
         ])
       ], 2);
     };
   }
-}), Nf = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Lf = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Ef = { class: "col-span-1 md:col-span-2" }, _f = { class: "space-y-2" }, Rf = { class: "flex space-x-4" }, Yf = { class: "flex flex-col md:flex-row justify-between items-center" }, qf = { class: "flex space-x-6 mt-4 md:mt-0" }, Uf = {
+}), Lf = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Ef = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, _f = { class: "col-span-1 md:col-span-2" }, Rf = { class: "space-y-2" }, Yf = { class: "flex space-x-4" }, qf = { class: "flex flex-col md:flex-row justify-between items-center" }, Uf = { class: "flex space-x-6 mt-4 md:mt-0" }, Wf = {
   __name: "Footer",
   props: {
     className: {
@@ -10257,10 +10270,10 @@ const bd = {
       return o(), d("footer", {
         class: g(N(k)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        i("div", Nf, [
-          i("div", Lf, [
-            i("div", Ef, [
-              j(a.$slots, "brand", {}, () => [
+        i("div", Lf, [
+          i("div", Ef, [
+            i("div", _f, [
+              P(a.$slots, "brand", {}, () => [
                 I(n, { class: "mb-4" }),
                 I(r, { class: "text-gray-600 max-w-md" }, {
                   default: L(() => [...t[0] || (t[0] = [
@@ -10271,7 +10284,7 @@ const bd = {
               ])
             ]),
             i("div", null, [
-              j(a.$slots, "links", {}, () => [
+              P(a.$slots, "links", {}, () => [
                 I(s, {
                   variant: "h6",
                   class: "mb-4"
@@ -10281,7 +10294,7 @@ const bd = {
                   ])]),
                   _: 1
                 }),
-                i("div", _f, [
+                i("div", Rf, [
                   I(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -10313,7 +10326,7 @@ const bd = {
               ])
             ]),
             i("div", null, [
-              j(a.$slots, "social", {}, () => [
+              P(a.$slots, "social", {}, () => [
                 I(s, {
                   variant: "h6",
                   class: "mb-4"
@@ -10323,7 +10336,7 @@ const bd = {
                   ])]),
                   _: 1
                 }),
-                i("div", Rf, [
+                i("div", Yf, [
                   I(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -10353,8 +10366,8 @@ const bd = {
             ])
           ]),
           I(c, { class: "my-8" }),
-          i("div", Yf, [
-            j(a.$slots, "copyright", {}, () => [
+          i("div", qf, [
+            P(a.$slots, "copyright", {}, () => [
               I(r, { class: "text-gray-600" }, {
                 default: L(() => [
                   G(" © " + w((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
@@ -10362,8 +10375,8 @@ const bd = {
                 _: 1
               })
             ]),
-            j(a.$slots, "legal", {}, () => [
-              i("div", qf, [
+            P(a.$slots, "legal", {}, () => [
+              i("div", Uf, [
                 I(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -10389,28 +10402,28 @@ const bd = {
       ], 2);
     };
   }
-}, Wf = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Hf = { class: "flex items-center" }, Gf = {
+}, Hf = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Gf = { class: "flex items-center" }, Kf = {
   key: 0,
   class: "mr-4 flex-shrink-0 bg-gradient-to-r from-blue-50 to-indigo-50 px-3 py-2 rounded-lg border border-blue-100"
-}, Kf = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Xf = {
+}, Xf = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Jf = {
   key: 0,
   class: "text-xs text-blue-600 truncate font-medium"
-}, Jf = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Qf = { class: "text-gray-500 truncate" }, Zf = { class: "text-gray-900 font-medium truncate" }, em = { class: "flex items-center space-x-3 md:space-x-4" }, tm = {
+}, Qf = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Zf = { class: "text-gray-500 truncate" }, em = { class: "text-gray-900 font-medium truncate" }, tm = { class: "flex items-center space-x-3 md:space-x-4" }, am = {
   key: 1,
   class: "relative"
-}, am = {
+}, nm = {
   key: 0,
   class: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center"
-}, nm = {
+}, rm = {
   key: 0,
   class: "absolute right-4 md:right-6 top-16 mt-2 w-72 md:w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, rm = { class: "max-h-96 overflow-y-auto" }, sm = { class: "flex items-start space-x-3" }, lm = { class: "flex-1" }, om = { class: "text-sm text-gray-900" }, im = { class: "text-xs text-gray-500 mt-1" }, um = { class: "relative" }, dm = { 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" }, cm = { class: "text-blue-700 text-sm font-medium" }, fm = { class: "hidden md:block text-left max-w-[160px] truncate" }, mm = { class: "text-sm font-medium text-gray-900 truncate" }, gm = { class: "text-xs text-gray-500 truncate leading-tight" }, vm = {
+}, sm = { class: "max-h-96 overflow-y-auto" }, lm = { class: "flex items-start space-x-3" }, om = { class: "flex-1" }, im = { class: "text-sm text-gray-900" }, um = { class: "text-xs text-gray-500 mt-1" }, dm = { class: "relative" }, cm = { 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" }, fm = { class: "text-blue-700 text-sm font-medium" }, mm = { class: "hidden md:block text-left max-w-[160px] truncate" }, gm = { class: "text-sm font-medium text-gray-900 truncate" }, vm = { class: "text-xs text-gray-500 truncate leading-tight" }, bm = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, bm = { class: "p-4 border-b border-gray-200" }, hm = { class: "text-sm font-medium text-gray-900" }, ym = { class: "text-xs text-gray-500" }, pm = { class: "py-2" }, xm = {
+}, hm = { class: "p-4 border-b border-gray-200" }, ym = { class: "text-sm font-medium text-gray-900" }, pm = { class: "text-xs text-gray-500" }, xm = { class: "py-2" }, wm = {
   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"
-}, wm = ["onClick"], km = { 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" }, Sm = { class: "flex-1 truncate font-semibold text-gray-700" }, Cm = {
+}, km = ["onClick"], Sm = { 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" }, Cm = { class: "flex-1 truncate font-semibold text-gray-700" }, $m = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -10426,26 +10439,26 @@ const bd = {
   },
   emits: ["search", "profile-action", "logout", "navigate", "toggle-mobile-sidebar"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = q(""), s = q(!1), l = q(!1), u = q(t.notifications.length), c = q(!1), y = q(!1), x = b(() => (t.user?.name || "Guest").split(" ").map((z) => z[0] || "").join("").toUpperCase()), S = b(() => t.user?.roles?.length ? t.user.roles.map((V) => V.name).join(", ") : "No role"), O = () => {
+    const t = e, n = a, r = q(""), s = q(!1), l = q(!1), u = q(t.notifications.length), c = q(!1), y = q(!1), x = b(() => (t.user?.name || "Guest").split(" ").map((z) => z[0] || "").join("").toUpperCase()), S = b(() => t.user?.roles?.length ? t.user.roles.map((B) => B.name).join(", ") : "No role"), O = () => {
       s.value = !s.value, l.value = !1;
     }, $ = () => {
       l.value = !l.value, s.value = !1;
-    }, A = (V) => {
-      n("navigate", V), l.value = !1;
-    }, v = (V) => V.route ? !!(t.currentRoute === V.route || t.currentRoute.startsWith(V.route + "/")) : !1, m = (V) => {
-      n("profile-action", V), l.value = !1;
+    }, A = (B) => {
+      n("navigate", B), l.value = !1;
+    }, v = (B) => B.route ? !!(t.currentRoute === B.route || t.currentRoute.startsWith(B.route + "/")) : !1, m = (B) => {
+      n("profile-action", B), l.value = !1;
     }, f = () => {
       n("logout"), l.value = !1;
-    }, p = (V) => {
-      !V.target.closest(".absolute") && !V.target.closest("button") && (s.value = !1, l.value = !1);
-    }, B = () => {
+    }, p = (B) => {
+      !B.target.closest(".absolute") && !B.target.closest("button") && (s.value = !1, l.value = !1);
+    }, V = () => {
       y.value = window.innerWidth < 768;
     };
     return ze(() => {
-      document.addEventListener("click", p), B(), window.addEventListener("resize", B);
+      document.addEventListener("click", p), V(), window.addEventListener("resize", V);
     }), Oe(() => {
-      document.removeEventListener("click", p), window.removeEventListener("resize", B);
-    }), ve(r, (V) => n("search", V)), (V, z) => {
+      document.removeEventListener("click", p), window.removeEventListener("resize", V);
+    }), ve(r, (B) => n("search", B)), (B, z) => {
       const ne = le("router-link");
       return o(), d("header", {
         class: g(N(k)(
@@ -10453,14 +10466,14 @@ const bd = {
         )),
         style: { left: "0" }
       }, [
-        i("div", Wf, [
-          i("div", Hf, [
-            e.organisationName ? (o(), d("div", Gf, [
-              i("p", Kf, w(e.organisationName), 1),
-              e.user.organisation?.role ? (o(), d("p", Xf, w(e.user.organisation.role), 1)) : h("", !0)
+        i("div", Hf, [
+          i("div", Gf, [
+            e.organisationName ? (o(), d("div", Kf, [
+              i("p", Xf, w(e.organisationName), 1),
+              e.user.organisation?.role ? (o(), d("p", Jf, w(e.user.organisation.role), 1)) : h("", !0)
             ])) : h("", !0),
-            i("nav", Jf, [
-              i("span", Qf, w(e.currentSection), 1),
+            i("nav", Qf, [
+              i("span", Zf, w(e.currentSection), 1),
               z[4] || (z[4] = i("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -10474,10 +10487,10 @@ const bd = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", Zf, w(e.currentPage), 1)
+              i("span", em, w(e.currentPage), 1)
             ])
           ]),
-          i("div", em, [
+          i("div", tm, [
             y.value ? (o(), d("button", {
               key: 0,
               onClick: z[0] || (z[0] = (U) => n("toggle-mobile-sidebar")),
@@ -10497,7 +10510,7 @@ const bd = {
                 })
               ], -1)
             ])])) : h("", !0),
-            !y.value || c.value ? (o(), d("div", tm, [
+            !y.value || c.value ? (o(), d("div", am, [
               z[6] || (z[6] = i("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -10568,7 +10581,7 @@ const bd = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              u.value > 0 ? (o(), d("span", am, w(u.value), 1)) : h("", !0)
+              u.value > 0 ? (o(), d("span", nm, w(u.value), 1)) : h("", !0)
             ]),
             I(ue, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -10579,20 +10592,20 @@ const bd = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: L(() => [
-                s.value ? (o(), d("div", nm, [
+                s.value ? (o(), d("div", rm, [
                   z[10] || (z[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
                   ], -1)),
-                  i("div", rm, [
+                  i("div", sm, [
                     (o(!0), d(K, null, X(e.notifications, (U) => (o(), d("div", {
                       key: U.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
-                      i("div", sm, [
+                      i("div", lm, [
                         z[9] || (z[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                        i("div", lm, [
-                          i("p", om, w(U.title), 1),
-                          i("p", im, w(U.time), 1)
+                        i("div", om, [
+                          i("p", im, w(U.title), 1),
+                          i("p", um, w(U.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -10604,17 +10617,17 @@ const bd = {
               ]),
               _: 1
             }),
-            i("div", um, [
+            i("div", dm, [
               i("button", {
                 onClick: $,
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors"
               }, [
-                i("div", dm, [
-                  i("span", cm, w(x.value), 1)
+                i("div", cm, [
+                  i("span", fm, w(x.value), 1)
                 ]),
-                i("div", fm, [
-                  i("p", mm, w(e.user.name), 1),
-                  i("p", gm, w(S.value), 1)
+                i("div", mm, [
+                  i("p", gm, w(e.user.name), 1),
+                  i("p", vm, w(S.value), 1)
                 ]),
                 z[12] || (z[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -10639,12 +10652,12 @@ const bd = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: L(() => [
-                  l.value ? (o(), d("div", vm, [
-                    i("div", bm, [
-                      i("p", hm, w(e.user.name), 1),
-                      i("p", ym, w(e.user.email), 1)
+                  l.value ? (o(), d("div", bm, [
+                    i("div", hm, [
+                      i("p", ym, w(e.user.name), 1),
+                      i("p", pm, w(e.user.email), 1)
                     ]),
-                    i("div", pm, [
+                    i("div", xm, [
                       (o(!0), d(K, null, X(e.profileMenuItems, (U) => (o(), d(K, {
                         key: U.name
                       }, [
@@ -10658,7 +10671,7 @@ const bd = {
                           onClick: (se) => A(U)
                         }, {
                           default: L(() => [
-                            v(U) ? (o(), d("div", xm)) : h("", !0),
+                            v(U) ? (o(), d("div", wm)) : h("", !0),
                             i("div", {
                               class: g(N(k)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -10684,15 +10697,15 @@ const bd = {
                           onClick: (se) => m(U),
                           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"
                         }, [
-                          i("div", km, [
+                          i("div", Sm, [
                             U.icon ? (o(), _(ae, {
                               key: 0,
                               icon: U.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : h("", !0)
                           ]),
-                          i("span", Sm, w(U.label), 1)
-                        ], 8, wm))
+                          i("span", Cm, w(U.label), 1)
+                        ], 8, km))
                       ], 64))), 128))
                     ]),
                     i("div", { class: "border-t border-gray-200 py-2" }, [
@@ -10728,13 +10741,13 @@ const bd = {
       ], 2);
     };
   }
-}, $m = { class: "mb-4" }, zm = { class: "text-lg font-semibold text-gray-900" }, Am = { class: "text-sm text-gray-600" }, Im = {
+}, zm = { class: "mb-4" }, Am = { class: "text-lg font-semibold text-gray-900" }, Im = { class: "text-sm text-gray-600" }, Tm = {
   value: "",
   disabled: ""
-}, Tm = ["value"], Pm = {
+}, Pm = ["value"], jm = {
   key: 3,
   class: "flex items-center"
-}, jm = { class: "flex justify-end gap-3 pt-4" }, Bm = {
+}, Bm = { class: "flex justify-end gap-3 pt-4" }, Vm = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -10876,9 +10889,9 @@ const bd = {
       onClose: A
     }, {
       default: L(() => [
-        i("div", $m, [
-          i("h2", zm, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          i("p", Am, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        i("div", zm, [
+          i("h2", Am, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          i("p", Im, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         i("form", {
           onSubmit: ot($, ["prevent"]),
@@ -10894,7 +10907,7 @@ const bd = {
               errorMessage: u.value[f.name],
               id: `form-${e.entityName}-${f.name}-${Math.random().toString(36).slice(2, 5)}`
             }, {
-              default: L(({ fieldId: p, hasError: B, ariaDescribedBy: V }) => [
+              default: L(({ fieldId: p, hasError: V, ariaDescribedBy: B }) => [
                 f.type === "text" || f.type === "number" || f.type === "password" ? (o(), _(qt, {
                   key: 0,
                   id: p,
@@ -10904,8 +10917,8 @@ const bd = {
                   placeholder: f.placeholder,
                   disabled: s.value || f.disabled,
                   readonly: f.disabled,
-                  class: g(B ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": V
+                  class: g(V ? "border-red-500" : "border-slate-300"),
+                  "aria-describedby": B
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby"])) : f.type === "textarea" ? (o(), _(er, {
                   key: 1,
                   id: p,
@@ -10916,9 +10929,9 @@ const bd = {
                   rows: f.rows || 3,
                   class: g([
                     "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
-                    B ? "border-red-500" : "border-slate-300"
+                    V ? "border-red-500" : "border-slate-300"
                   ]),
-                  "aria-describedby": V
+                  "aria-describedby": B
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "class", "aria-describedby"])) : f.type === "select" ? (o(), _(yt, {
                   key: 2,
                   id: p,
@@ -10927,19 +10940,19 @@ const bd = {
                   disabled: s.value || f.disabled,
                   class: g([
                     "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
-                    B ? "border-red-500" : "border-slate-300"
+                    V ? "border-red-500" : "border-slate-300"
                   ]),
-                  "aria-describedby": V
+                  "aria-describedby": B
                 }, {
                   default: L(() => [
-                    i("option", Im, w(f.placeholder || "Select an option"), 1),
+                    i("option", Tm, w(f.placeholder || "Select an option"), 1),
                     (o(!0), d(K, null, X(f.options, (z) => (o(), d("option", {
                       key: z.value,
                       value: z.value
-                    }, w(z.label), 9, Tm))), 128))
+                    }, w(z.label), 9, Pm))), 128))
                   ]),
                   _: 2
-                }, 1032, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : f.type === "checkbox" ? (o(), d("div", Pm, [
+                }, 1032, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : f.type === "checkbox" ? (o(), d("div", jm, [
                   I(qt, {
                     id: p,
                     modelValue: l.value[f.name],
@@ -10947,7 +10960,7 @@ const bd = {
                     type: "checkbox",
                     disabled: s.value || f.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
-                    "aria-describedby": V
+                    "aria-describedby": B
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "aria-describedby"]),
                   I(da, {
                     for: p,
@@ -10980,13 +10993,13 @@ const bd = {
                   clearable: f.clearable !== !1,
                   showToday: f.showToday !== !1,
                   calendarPosition: f.calendarPosition || "left-0",
-                  "aria-describedby": V
+                  "aria-describedby": B
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "showToday", "calendarPosition", "aria-describedby"])) : h("", !0)
               ]),
               _: 2
             }, 1032, ["label", "required", "error", "errorMessage", "id"])
           ]))), 128)),
-          i("div", jm, [
+          i("div", Bm, [
             I(ye, {
               type: "button",
               onClick: A,
@@ -11015,37 +11028,37 @@ const bd = {
       _: 1
     }, 8, ["modelValue", "size", "resizable"]));
   }
-}, Vm = {
+}, Mm = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, Mm = { class: "text-lg font-bold text-gray-900" }, Om = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, Dm = { class: "space-y-2" }, Fm = { key: 0 }, Nm = {
+}, Om = { class: "text-lg font-bold text-gray-900" }, Dm = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, Fm = { class: "space-y-2" }, Nm = { key: 0 }, Lm = {
   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"
-}, Lm = ["onClick"], Em = {
+}, Em = ["onClick"], _m = {
   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"
-}, _m = {
+}, Rm = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Rm = {
+}, Ym = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, Ym = {
+}, qm = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, qm = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Um = { class: "flex items-center justify-between p-4" }, Wm = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Hm = { class: "p-3" }, Gm = { class: "space-y-1" }, Km = {
+}, Um = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Wm = { class: "flex items-center justify-between p-4" }, Hm = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Gm = { class: "p-3" }, Km = { class: "space-y-1" }, Xm = {
   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"
-}, Xm = {
+}, Jm = {
   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"
-}, Jm = { class: "p-3" }, Qm = { class: "space-y-1" }, Zm = {
+}, Qm = { class: "p-3" }, Zm = { class: "space-y-1" }, eg = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, eg = {
+}, tg = {
   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"
-}, tg = {
+}, ag = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -11098,23 +11111,23 @@ const bd = {
     }), $ = (E) => {
       r("navigate", E), s.value && A();
       const Z = l.value && u.value && u.value.subItems.some((C) => C.route === E.route), R = c.value && n.managementSettings.some((C) => C.route === E.route);
-      (s.value || !(Z || R)) && V();
+      (s.value || !(Z || R)) && B();
     }, A = () => {
       r("update:mobileOpen", !1);
     }, v = (E) => E.subItems && E.subItems.length > 0, m = (E) => {
-      c.value && B(), l.value && u.value !== E ? (p(), setTimeout(() => {
+      c.value && V(), l.value && u.value !== E ? (p(), setTimeout(() => {
         u.value = E, l.value = !0;
       }, 300)) : l.value ? u.value === E && p() : (u.value = E, l.value = !0), s.value && A();
     }, f = () => {
-      l.value && p(), c.value ? B() : c.value = !0, s.value && A();
+      l.value && p(), c.value ? V() : c.value = !0, s.value && A();
     }, p = () => {
       l.value = !1, setTimeout(() => {
         u.value = null;
       }, 300);
-    }, B = () => {
-      c.value = !1;
     }, V = () => {
-      p(), B();
+      c.value = !1;
+    }, B = () => {
+      p(), V();
     }, z = (E) => {
       $(E);
     }, ne = (E) => {
@@ -11126,7 +11139,7 @@ const bd = {
       const E = s.value;
       s.value = window.innerWidth < 1024, E && !s.value && y.value && A();
     }, oe = (E) => {
-      E.key === "Escape" && (l.value || c.value ? V() : s.value && y.value && A());
+      E.key === "Escape" && (l.value || c.value ? B() : s.value && y.value && A());
     };
     return ze(() => {
       se(), window.addEventListener("resize", se), document.addEventListener("keydown", oe);
@@ -11138,7 +11151,7 @@ const bd = {
       submenuOpen: l,
       managementSettingsOpen: c,
       contentMarginLeft: O,
-      closeAllMenus: V
+      closeAllMenus: B
     }), (E, Z) => {
       const R = le("router-link");
       return o(), d("div", null, [
@@ -11168,8 +11181,8 @@ const bd = {
           )),
           style: ie({ width: e.sidebarWidth + "px", top: s.value ? "0px" : "4rem" })
         }, [
-          s.value ? (o(), d("div", Vm, [
-            i("h2", Mm, w(e.header?.title), 1),
+          s.value ? (o(), d("div", Mm, [
+            i("h2", Om, w(e.header?.title), 1),
             i("button", {
               onClick: A,
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
@@ -11190,12 +11203,12 @@ const bd = {
               ], -1)
             ])])
           ])) : h("", !0),
-          i("nav", Om, [
-            i("div", Dm, [
+          i("nav", Dm, [
+            i("div", Fm, [
               (o(!0), d(K, null, X(e.navigationItems, (C) => (o(), d(K, {
                 key: C.name || C.label
               }, [
-                C.type === "link" ? (o(), d("div", Fm, [
+                C.type === "link" ? (o(), d("div", Nm, [
                   v(C) ? (o(), d("div", {
                     key: 1,
                     onClick: (F) => m(C),
@@ -11222,9 +11235,9 @@ const bd = {
                         U(C) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, w(C.label), 3),
-                    C.badge ? (o(), d("span", Em, w(C.badge), 1)) : h("", !0),
-                    U(C) && v(C) ? (o(), d("div", _m)) : h("", !0)
-                  ], 10, Lm)) : (o(), _(R, {
+                    C.badge ? (o(), d("span", _m, w(C.badge), 1)) : h("", !0),
+                    U(C) && v(C) ? (o(), d("div", Rm)) : h("", !0)
+                  ], 10, Em)) : (o(), _(R, {
                     key: 0,
                     to: C.route,
                     onClick: (F) => $(C),
@@ -11252,7 +11265,7 @@ const bd = {
                           U(C) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, w(C.label), 3),
-                      C.badge ? (o(), d("span", Nm, w(C.badge), 1)) : h("", !0)
+                      C.badge ? (o(), d("span", Lm, w(C.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))
@@ -11260,7 +11273,7 @@ const bd = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (o(), d("div", Rm, [
+          e.showManagementSettings ? (o(), d("div", Ym, [
             i("div", {
               onClick: f,
               class: g(N(k)(
@@ -11286,7 +11299,7 @@ const bd = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (o(), d("div", Ym)) : h("", !0)
+              e.isManagementSettingsActive ? (o(), d("div", qm)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -11309,8 +11322,8 @@ const bd = {
               ),
               style: ie(x.value)
             }, [
-              i("div", qm, [
-                i("div", Um, [
+              i("div", Um, [
+                i("div", Wm, [
                   i("button", {
                     onClick: p,
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
@@ -11330,11 +11343,11 @@ const bd = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", Wm, w(u.value?.label), 1)
+                  i("h3", Hm, w(u.value?.label), 1)
                 ])
               ]),
-              i("nav", Hm, [
-                i("div", Gm, [
+              i("nav", Gm, [
+                i("div", Km, [
                   (o(!0), d(K, null, X(u.value?.subItems, (C) => (o(), _(R, {
                     key: C.name,
                     to: C.route,
@@ -11347,7 +11360,7 @@ const bd = {
                     )
                   }, {
                     default: L(() => [
-                      U(C) ? (o(), d("div", Km)) : h("", !0),
+                      U(C) ? (o(), d("div", Xm)) : h("", !0),
                       i("div", {
                         class: g(
                           N(k)(
@@ -11368,7 +11381,7 @@ const bd = {
                           U(C) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, w(C.label), 3),
-                      C.badge ? (o(), d("span", Xm, w(C.badge), 1)) : h("", !0)
+                      C.badge ? (o(), d("span", Jm, w(C.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -11400,7 +11413,7 @@ const bd = {
               i("div", { class: "sticky top-0 z-10 bg-white border-b border-gray-200" }, [
                 i("div", { class: "flex items-center justify-between p-4" }, [
                   i("button", {
-                    onClick: B,
+                    onClick: V,
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close management settings"
                   }, [...Z[2] || (Z[2] = [
@@ -11421,12 +11434,12 @@ const bd = {
                   Z[3] || (Z[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, "Management Settings", -1))
                 ])
               ]),
-              i("nav", Jm, [
-                i("div", Qm, [
+              i("nav", Qm, [
+                i("div", Zm, [
                   (o(!0), d(K, null, X(e.managementSettings, (C) => (o(), d(K, {
                     key: C.name
                   }, [
-                    C.type === "section" ? (o(), d("div", Zm, w(C.label), 1)) : C.route ? (o(), _(R, {
+                    C.type === "section" ? (o(), d("div", eg, w(C.label), 1)) : C.route ? (o(), _(R, {
                       key: 1,
                       to: C.route,
                       onClick: (F) => ne(C),
@@ -11438,7 +11451,7 @@ const bd = {
                       )
                     }, {
                       default: L(() => [
-                        U(C) ? (o(), d("div", eg)) : h("", !0),
+                        U(C) ? (o(), d("div", tg)) : h("", !0),
                         i("div", {
                           class: g(
                             N(k)(
@@ -11481,7 +11494,7 @@ const bd = {
             (l.value || c.value) && s.value ? (o(), d("div", {
               key: 0,
               class: "fixed inset-0 z-30 bg-transparent",
-              onClick: V
+              onClick: B
             })) : h("", !0)
           ]),
           _: 1
@@ -11489,7 +11502,7 @@ const bd = {
       ]);
     };
   }
-}, ag = {
+}, ng = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -11505,16 +11518,16 @@ const bd = {
         e.orientation === "vertical" ? "flex-col" : "flex-row"
       ])
     }, [
-      j(a.$slots, "default")
+      P(a.$slots, "default")
     ], 2));
   }
-}, ng = {
+}, rg = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, rg = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, sg = { class: "text-slate-900 font-medium" }, lg = {
+}, sg = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, lg = { class: "text-slate-900 font-medium" }, og = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, og = { class: "mt-2 text-slate-600 text-sm" }, ig = {
+}, ig = { class: "mt-2 text-slate-600 text-sm" }, ug = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -11538,9 +11551,9 @@ const bd = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (o(), d("div", ng)) : h("", !0),
-      i("div", rg, [
-        j(a.$slots, "icon", {}, () => [
+      e.orientation === "vertical" ? (o(), d("div", rg)) : h("", !0),
+      i("div", sg, [
+        P(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
       ]),
@@ -11550,23 +11563,23 @@ const bd = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", sg, [
-          j(a.$slots, "title", {}, () => [
+        i("h3", lg, [
+          P(a.$slots, "title", {}, () => [
             G(w(e.title), 1)
           ])
         ]),
-        e.subtitle ? (o(), d("p", lg, [
-          j(a.$slots, "subtitle", {}, () => [
+        e.subtitle ? (o(), d("p", og, [
+          P(a.$slots, "subtitle", {}, () => [
             G(w(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        i("div", og, [
-          j(a.$slots, "default")
+        i("div", ig, [
+          P(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, ug = {
+}, dg = {
   name: "AuthLayout",
   props: {
     title: {
@@ -11655,20 +11668,20 @@ const bd = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, dg = { class: "container mx-auto px-4 relative z-10" }, cg = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, fg = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, mg = { class: "mb-6" }, gg = { class: "text-4xl lg:text-6xl font-bold mb-2" }, vg = { class: "text-white" }, bg = { class: "flex items-center justify-center lg:justify-start mb-6" }, hg = { class: "text-3xl lg:text-4xl font-bold text-white" }, yg = { class: "lg:col-span-4" }, pg = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, xg = {
+}, cg = { class: "container mx-auto px-4 relative z-10" }, fg = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, mg = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, gg = { class: "mb-6" }, vg = { class: "text-4xl lg:text-6xl font-bold mb-2" }, bg = { class: "text-white" }, hg = { class: "flex items-center justify-center lg:justify-start mb-6" }, yg = { class: "text-3xl lg:text-4xl font-bold text-white" }, pg = { class: "lg:col-span-4" }, xg = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, wg = {
   key: 0,
   class: "mb-6"
-}, wg = { class: "text-center" }, kg = { class: "text-2xl font-bold text-gray-900" }, Sg = {
+}, kg = { class: "text-center" }, Sg = { class: "text-2xl font-bold text-gray-900" }, Cg = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Cg = { class: "space-y-6" }, $g = {
+}, $g = { class: "space-y-6" }, zg = {
   key: 1,
   class: "mt-6"
-}, zg = {
+}, Ag = {
   key: 0,
   class: "mt-6 text-center"
-}, Ag = { class: "absolute bottom-4 right-4 text-right" }, Ig = { class: "flex items-end justify-end mb-2" }, Tg = { class: "text-right mr-3" }, Pg = { class: "text-red-500 font-bold text-xs" }, jg = { class: "text-white text-xs" }, Bg = { class: "text-white/70 text-xs" }, Vg = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, Mg = { class: "text-white/70 text-xs" }, Og = { class: "absolute bottom-4 left-4 flex gap-2" }, Dg = ["href"];
-function Fg(e, a, t, n, r, s) {
+}, Ig = { class: "absolute bottom-4 right-4 text-right" }, Tg = { class: "flex items-end justify-end mb-2" }, Pg = { class: "text-right mr-3" }, jg = { class: "text-red-500 font-bold text-xs" }, Bg = { class: "text-white text-xs" }, Vg = { class: "text-white/70 text-xs" }, Mg = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, Og = { class: "text-white/70 text-xs" }, Dg = { class: "absolute bottom-4 left-4 flex gap-2" }, Fg = ["href"];
+function Ng(e, a, t, n, r, s) {
   const l = le("router-view"), u = le("font-awesome-icon");
   return o(), d("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -11681,70 +11694,70 @@ function Fg(e, a, t, n, r, s) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", dg, [
-      i("div", cg, [
-        i("div", fg, [
-          i("div", mg, [
-            i("div", gg, [
+    i("div", cg, [
+      i("div", fg, [
+        i("div", mg, [
+          i("div", gg, [
+            i("div", vg, [
               i("span", {
                 style: ie({ color: t.primaryColor })
               }, w(t.primaryLogoPrefix), 5),
-              i("span", vg, w(t.primaryLogoText), 1)
+              i("span", bg, w(t.primaryLogoText), 1)
             ]),
             i("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: ie({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          i("div", bg, [
+          i("div", hg, [
             i("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: ie({ backgroundColor: t.primaryColor })
             }, w(t.secondaryLogoPrefix), 5),
-            i("span", hg, w(t.secondaryLogoText), 1)
+            i("span", yg, w(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = i("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             i("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        i("div", yg, [
-          i("div", pg, [
-            e.$slots["card-header"] || t.title ? (o(), d("div", xg, [
-              j(e.$slots, "card-header", {}, () => [
-                i("div", wg, [
-                  i("h1", kg, w(t.title), 1),
-                  t.subtitle ? (o(), d("p", Sg, w(t.subtitle), 1)) : h("", !0)
+        i("div", pg, [
+          i("div", xg, [
+            e.$slots["card-header"] || t.title ? (o(), d("div", wg, [
+              P(e.$slots, "card-header", {}, () => [
+                i("div", kg, [
+                  i("h1", Sg, w(t.title), 1),
+                  t.subtitle ? (o(), d("p", Cg, w(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            i("div", Cg, [
+            i("div", $g, [
               I(l)
             ]),
-            e.$slots["card-footer"] ? (o(), d("div", $g, [
-              j(e.$slots, "card-footer")
+            e.$slots["card-footer"] ? (o(), d("div", zg, [
+              P(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (o(), d("div", zg, [
-            j(e.$slots, "links")
+          e.$slots.links ? (o(), d("div", Ag, [
+            P(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    i("div", Ag, [
-      i("div", Ig, [
-        i("div", Tg, [
-          i("div", Pg, w(t.companyName), 1),
-          i("div", jg, w(t.companyType), 1),
-          i("div", Bg, w(t.companyTagline), 1)
+    i("div", Ig, [
+      i("div", Tg, [
+        i("div", Pg, [
+          i("div", jg, w(t.companyName), 1),
+          i("div", Bg, w(t.companyType), 1),
+          i("div", Vg, w(t.companyTagline), 1)
         ]),
-        i("div", Vg, w(t.companyInitials), 1)
+        i("div", Mg, w(t.companyInitials), 1)
       ]),
-      i("div", Mg, [
+      i("div", Og, [
         i("div", null, w(t.appName) + " (" + w(t.appVersion) + ")", 1),
         i("div", null, w(t.copyright), 1)
       ])
     ]),
-    i("div", Og, [
+    i("div", Dg, [
       (o(!0), d(K, null, X(t.socialLinks, (c) => (o(), d("a", {
         key: c.name,
         href: c.url,
@@ -11756,14 +11769,14 @@ function Fg(e, a, t, n, r, s) {
         I(u, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, Dg))), 128))
+      ], 10, Fg))), 128))
     ])
   ], 4);
 }
-const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen bg-gray-50" }, Eg = { class: "flex-1" }, _g = {
+const Lg = /* @__PURE__ */ pt(dg, [["render", Ng]]), Eg = { class: "min-h-screen bg-gray-50" }, _g = { class: "flex-1" }, Rg = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, Rg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Yg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, qg = {
+}, Yg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, qg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Ug = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -11787,20 +11800,20 @@ const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = le("Logo"), r = le("MainNavigation"), s = le("Button"), l = le("Header"), u = le("Breadcrumb"), c = le("Text"), y = le("Footer");
-      return o(), d("div", Lg, [
+      return o(), d("div", Eg, [
         I(l, null, {
           logo: L(() => [
-            j(a.$slots, "logo", {}, () => [
+            P(a.$slots, "logo", {}, () => [
               I(n)
             ])
           ]),
           navigation: L(() => [
-            j(a.$slots, "navigation", {}, () => [
+            P(a.$slots, "navigation", {}, () => [
               I(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
           actions: L(() => [
-            j(a.$slots, "header-actions", {}, () => [
+            P(a.$slots, "header-actions", {}, () => [
               I(s, {
                 variant: "ghost",
                 size: "sm"
@@ -11820,21 +11833,21 @@ const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", Eg, [
-          e.showBreadcrumb ? (o(), d("div", _g, [
-            i("div", Rg, [
-              j(a.$slots, "breadcrumb", {}, () => [
+        i("main", _g, [
+          e.showBreadcrumb ? (o(), d("div", Rg, [
+            i("div", Yg, [
+              P(a.$slots, "breadcrumb", {}, () => [
                 I(u, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          i("div", Yg, [
-            j(a.$slots, "default")
+          i("div", qg, [
+            P(a.$slots, "default")
           ])
         ]),
         I(y, null, {
           brand: L(() => [
-            j(a.$slots, "footer-brand", {}, () => [
+            P(a.$slots, "footer-brand", {}, () => [
               I(n, { class: "mb-4" }),
               I(c, { class: "text-gray-600 max-w-md" }, {
                 default: L(() => [...t[2] || (t[2] = [
@@ -11849,7 +11862,7 @@ const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen
       ]);
     };
   }
-}, Ug = {
+}, Wg = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -12051,10 +12064,10 @@ const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen
         r.value = !1;
       }
       a("retry");
-    }, B = b(() => [
+    }, V = b(() => [
       "min-h-screen relative flex items-center justify-center",
       "px-4 sm:px-6 lg:px-8"
-    ]), V = b(() => [
+    ]), B = b(() => [
       "absolute inset-0 -z-10"
     ]), z = b(() => [
       "w-full max-w-2xl mx-auto text-center"
@@ -12099,8 +12112,8 @@ const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen
       goBack: f,
       retry: p,
       // Classes
-      layoutClasses: B,
-      backgroundClasses: V,
+      layoutClasses: V,
+      backgroundClasses: B,
       contentClasses: z,
       headerClasses: ne,
       errorContentClasses: U,
@@ -12115,20 +12128,20 @@ const Ng = /* @__PURE__ */ pt(ug, [["render", Fg]]), Lg = { class: "min-h-screen
       helpClasses: fe
     };
   }
-}, Wg = { class: "flex justify-center" }, Hg = { class: "flex items-center gap-3" }, Gg = { class: "text-2xl font-bold text-slate-900" }, Kg = {
+}, Hg = { class: "flex justify-center" }, Gg = { class: "flex items-center gap-3" }, Kg = { class: "text-2xl font-bold text-slate-900" }, Xg = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, Xg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Jg = ["disabled"], Qg = {
+}, Jg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Qg = ["disabled"], Zg = {
   key: 0,
   class: "animate-spin"
-}, Zg = { key: 1 }, ev = ["disabled"], tv = { key: 0 }, av = { key: 1 }, nv = {
+}, ev = { key: 1 }, tv = ["disabled"], av = { key: 0 }, nv = { key: 1 }, rv = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, rv = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, sv = { class: "text-lg font-semibold text-slate-900 mb-4" }, lv = { class: "space-y-3" }, ov = { class: "text-sm text-slate-600" }, iv = ["href"], uv = {
+}, sv = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, lv = { class: "text-lg font-semibold text-slate-900 mb-4" }, ov = { class: "space-y-3" }, iv = { class: "text-sm text-slate-600" }, uv = ["href"], dv = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function dv(e, a, t, n, r, s) {
+function cv(e, a, t, n, r, s) {
   return o(), d("div", {
     class: g(n.layoutClasses)
   }, [
@@ -12136,7 +12149,7 @@ function dv(e, a, t, n, r, s) {
       key: 0,
       class: g(n.backgroundClasses)
     }, [
-      j(e.$slots, "background", {}, () => [
+      P(e.$slots, "background", {}, () => [
         a[4] || (a[4] = i("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
     ], 2)) : h("", !0),
@@ -12147,14 +12160,14 @@ function dv(e, a, t, n, r, s) {
         key: 0,
         class: g(n.headerClasses)
       }, [
-        j(e.$slots, "header", {}, () => [
-          i("div", Wg, [
-            j(e.$slots, "logo", {}, () => [
-              i("div", Hg, [
+        P(e.$slots, "header", {}, () => [
+          i("div", Hg, [
+            P(e.$slots, "logo", {}, () => [
+              i("div", Gg, [
                 a[5] || (a[5] = i("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   i("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                i("span", Gg, w(t.brandName), 1)
+                i("span", Kg, w(t.brandName), 1)
               ])
             ])
           ])
@@ -12167,7 +12180,7 @@ function dv(e, a, t, n, r, s) {
           key: 0,
           class: g(n.illustrationClasses)
         }, [
-          j(e.$slots, "illustration", {}, () => [
+          P(e.$slots, "illustration", {}, () => [
             i("div", {
               class: g(n.iconContainerClasses)
             }, [
@@ -12188,19 +12201,19 @@ function dv(e, a, t, n, r, s) {
           i("h1", {
             class: g(n.titleClasses)
           }, [
-            j(e.$slots, "title", {}, () => [
+            P(e.$slots, "title", {}, () => [
               G(w(n.errorTitle), 1)
             ])
           ], 2),
           i("p", {
             class: g(n.messageClasses)
           }, [
-            j(e.$slots, "message", {}, () => [
+            P(e.$slots, "message", {}, () => [
               G(w(n.errorMessage), 1)
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (o(), d("div", Kg, [...a[6] || (a[6] = [
+        n.isOnline ? h("", !0) : (o(), d("div", Xg, [...a[6] || (a[6] = [
           i("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             i("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             i("span", { class: "font-medium" }, "No Internet Connection")
@@ -12210,8 +12223,8 @@ function dv(e, a, t, n, r, s) {
           key: 2,
           class: g(n.actionsClasses)
         }, [
-          j(e.$slots, "actions", {}, () => [
-            i("div", Xg, [
+          P(e.$slots, "actions", {}, () => [
+            i("div", Jg, [
               t.showHomeButton ? (o(), d("button", {
                 key: 0,
                 onClick: a[0] || (a[0] = (...l) => n.goHome && n.goHome(...l)),
@@ -12234,18 +12247,18 @@ function dv(e, a, t, n, r, s) {
                 disabled: n.isRetrying || !n.isOnline,
                 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"
               }, [
-                n.isRetrying ? (o(), d("span", Qg, "↻")) : (o(), d("span", Zg, "🔄")),
+                n.isRetrying ? (o(), d("span", Zg, "↻")) : (o(), d("span", ev, "🔄")),
                 G(" " + w(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Jg)) : h("", !0),
+              ], 8, Qg)) : h("", !0),
               t.showSupportButton ? (o(), d("button", {
                 key: 3,
                 onClick: a[3] || (a[3] = (l) => e.$emit("contact-support")),
                 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"
               }, [
-                n.reportSent ? (o(), d("span", tv, "✓")) : (o(), d("span", av, "📝")),
+                n.reportSent ? (o(), d("span", av, "✓")) : (o(), d("span", nv, "📝")),
                 G(" " + w(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, ev)) : h("", !0)
+              ], 8, tv)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -12253,11 +12266,11 @@ function dv(e, a, t, n, r, s) {
           key: 3,
           class: g(n.additionalInfoClasses)
         }, [
-          j(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (o(), d("div", nv, [
-              i("div", rv, [
-                i("h3", sv, w(n.additionalInfoConfig.title), 1),
-                i("ul", lv, [
+          P(e.$slots, "additional-info", {}, () => [
+            n.additionalInfoConfig ? (o(), d("div", rv, [
+              i("div", sv, [
+                i("h3", lv, w(n.additionalInfoConfig.title), 1),
+                i("ul", ov, [
                   (o(!0), d(K, null, X(n.additionalInfoConfig.items, (l, u) => (o(), d("li", {
                     key: u,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -12276,8 +12289,8 @@ function dv(e, a, t, n, r, s) {
           key: 4,
           class: g(n.helpClasses)
         }, [
-          j(e.$slots, "help", {}, () => [
-            i("p", ov, [
+          P(e.$slots, "help", {}, () => [
+            i("p", iv, [
               G(w(t.helpText) + " ", 1),
               t.supportUrl ? (o(), d("a", {
                 key: 0,
@@ -12286,16 +12299,16 @@ function dv(e, a, t, n, r, s) {
               }, [...a[8] || (a[8] = [
                 i("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 G(" Get Help ", -1)
-              ])], 8, iv)) : h("", !0)
+              ])], 8, uv)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (o(), d("div", uv, " Error ID: " + w(n.errorId), 1)) : h("", !0)
+        n.isDev ? (o(), d("div", dv, " Error ID: " + w(n.errorId), 1)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const cv = /* @__PURE__ */ pt(Ug, [["render", dv]]), Ua = {
+const fv = /* @__PURE__ */ pt(Wg, [["render", cv]]), Ua = {
   Avatar: Ro,
   Badge: qo,
   Button: ye,
@@ -12348,26 +12361,26 @@ const cv = /* @__PURE__ */ pt(Ug, [["render", dv]]), Ua = {
   StepperItem: Jd,
   Tab: ac,
   TabPanel: sc,
-  Accordion: dc,
-  AccordionItem: cc,
-  Calendar: hc,
-  DataTable: Gc,
+  Accordion: cc,
+  AccordionItem: fc,
+  Calendar: yc,
+  DataTable: Kc,
   DataTableHeader: lr,
   DataTableRow: or,
-  DataTableCell: Kc,
+  DataTableCell: Xc,
   DataTablePagination: ir,
-  DataTableFilters: wf,
-  DataTableToolBar: Ff,
-  Footer: Uf,
-  Header: Cm,
-  ReusableFormModal: Bm,
-  Sidebar: tg,
-  Timeline: ag,
-  TimelineItem: ig,
-  AuthLayout: Ng,
-  DefaultLayout: qg,
-  ErrorLayout: cv
-}, vv = {
+  DataTableFilters: kf,
+  DataTableToolBar: Nf,
+  Footer: Wf,
+  Header: $m,
+  ReusableFormModal: Vm,
+  Sidebar: ag,
+  Timeline: ng,
+  TimelineItem: ug,
+  AuthLayout: Lg,
+  DefaultLayout: Ug,
+  ErrorLayout: fv
+}, bv = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Ua).forEach((n) => {
@@ -12377,16 +12390,16 @@ const cv = /* @__PURE__ */ pt(Ug, [["render", dv]]), Ua = {
   }
 };
 export {
-  dc as Accordion,
-  cc as AccordionItem,
+  cc as Accordion,
+  fc as AccordionItem,
   Gi as Alert,
-  Ng as AuthLayout,
+  Lg as AuthLayout,
   Ro as Avatar,
   qo as Badge,
   Ji as Breadcrumb,
   ye as Button,
   Zi as ButtonGroup,
-  hc as Calendar,
+  yc as Calendar,
   ou as Card,
   uu as CardBody,
   cu as CardContent,
@@ -12394,23 +12407,23 @@ export {
   iu as CardHeader,
   fu as CardTitle,
   ia as Checkbox,
-  Gc as DataTable,
-  Kc as DataTableCell,
-  wf as DataTableFilters,
+  Kc as DataTable,
+  Xc as DataTableCell,
+  kf as DataTableFilters,
   lr as DataTableHeader,
   ir as DataTablePagination,
   or as DataTableRow,
-  Ff as DataTableToolBar,
+  Nf as DataTableToolBar,
   tr as DatePicker,
-  qg as DefaultLayout,
+  Ug as DefaultLayout,
   ei as Divider,
   zu as Dropdown,
   Iu as DropdownItem,
-  cv as ErrorLayout,
+  fv as ErrorLayout,
   Nu as FileUpload,
-  Uf as Footer,
+  Wf as Footer,
   ar as FormField,
-  Cm as Header,
+  $m as Header,
   ae as Icon,
   ri as Image,
   qt as Input,
@@ -12429,11 +12442,11 @@ export {
   bi as Progress,
   yi as ProgressBar,
   wi as Radio,
-  Bm as ReusableFormModal,
+  Vm as ReusableFormModal,
   qe as STLLoader,
   _d as Search,
   yt as Select,
-  tg as Sidebar,
+  ag as Sidebar,
   sr as Slider,
   ua as Spinner,
   Wd as Stepper,
@@ -12443,13 +12456,13 @@ export {
   sc as TabPanel,
   $i as Text,
   er as Textarea,
-  ag as Timeline,
-  ig as TimelineItem,
+  ng as Timeline,
+  ug as TimelineItem,
   zd as Toast,
   Ai as Tooltip,
   Ut as Typography,
   k as cn,
-  vv as default,
+  bv as default,
   Wt as toast,
   yd as useToaster
 };