@stlhorizon/vue-ui 1.9.1 → 1.9.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ht, computed as m, watch as we, h as Ra, createBlock as D, openBlock as o, unref as N, normalizeClass as f, ref as H, createElementBlock as u, toDisplayString as p, createCommentVNode as g, renderSlot as P, resolveDynamicComponent as me, createVNode as A, mergeProps as Ee, createElementVNode as i, useId as ct, createTextVNode as q, withCtx as E, normalizeStyle as de, nextTick as la, Transition as fe, Fragment as X, renderList as J, onMounted as Te, onUnmounted as _e, resolveComponent as oe, Teleport as Wa, markRaw as Ha, TransitionGroup as nr, withDirectives as ft, vModelText as qa, provide as rr, inject as Ua, vShow as Ya, createSlots as sr, withModifiers as oa, getCurrentInstance as lr } from "vue";
+import { defineComponent as Ht, computed as m, watch as we, h as Ra, createBlock as _, openBlock as o, unref as N, normalizeClass as f, ref as H, createElementBlock as u, toDisplayString as y, createCommentVNode as g, renderSlot as P, resolveDynamicComponent as me, createVNode as A, mergeProps as Ee, createElementVNode as i, useId as ct, createTextVNode as q, withCtx as E, normalizeStyle as de, nextTick as la, Transition as fe, Fragment as X, renderList as J, onMounted as Te, onUnmounted as De, resolveComponent as oe, Teleport as Wa, markRaw as Ha, TransitionGroup as nr, withDirectives as ft, vModelText as qa, provide as rr, inject as Ua, vShow as Ya, createSlots as sr, withModifiers as oa, getCurrentInstance as lr } from "vue";
 import { cva as T } from "class-variance-authority";
 import { clsx as or } from "clsx";
 function x(...e) {
@@ -516,7 +516,7 @@ var Nr = {
   styleIds: ["semibold"],
   futureStyleIds: [],
   defaultFontWeight: 600
-}]]), _r = {
+}]]), Dr = {
   chisel: {
     regular: "facr"
   },
@@ -584,7 +584,7 @@ var Nr = {
     fakd: "kit-duotone",
     "fa-kit-duotone": "kit-duotone"
   }
-}, Dr = ["kit"], Rr = "kit", Wr = "kit-duotone", Hr = "Kit", qr = "Kit Duotone";
+}, _r = ["kit"], Rr = "kit", Wr = "kit-duotone", Hr = "Kit", qr = "Kit Duotone";
 Q(Q({}, Rr, Hr), Wr, qr);
 var Ur = {
   kit: {
@@ -775,7 +775,7 @@ var Ts = {
   "Font Awesome 5 Duotone": {
     900: "fad"
   }
-}, Se = "___FONT_AWESOME___", It = 16, pn = "fa", xn = "svg-inline--fa", Oe = "data-fa-i2svg", Pt = "data-fa-pseudo-element", Es = "data-fa-pseudo-element-pending", Yt = "data-prefix", Gt = "data-icon", va = "fontawesome-i2svg", Ms = "async", _s = ["HTML", "HEAD", "STYLE", "SCRIPT"], wn = ["::before", "::after", ":before", ":after"], kn = (function() {
+}, Se = "___FONT_AWESOME___", It = 16, pn = "fa", xn = "svg-inline--fa", Oe = "data-fa-i2svg", Pt = "data-fa-pseudo-element", Es = "data-fa-pseudo-element-pending", Yt = "data-prefix", Gt = "data-icon", va = "fontawesome-i2svg", Ms = "async", Ds = ["HTML", "HEAD", "STYLE", "SCRIPT"], wn = ["::before", "::after", ":before", ":after"], kn = (function() {
   try {
     return process.env.NODE_ENV === "production";
   } catch {
@@ -793,7 +793,7 @@ var Sn = I({}, Za);
 Sn[ie] = I(I(I(I({}, {
   "fa-duotone": "duotone"
 }), Za[ie]), ma.kit), ma["kit-duotone"]);
-var Ds = Je(Sn), Tt = I({}, _r);
+var _s = Je(Sn), Tt = I({}, Dr);
 Tt[ie] = I(I(I(I({}, {
   duotone: "fad"
 }), Tt[ie]), ga.kit), ga["kit-duotone"]);
@@ -804,7 +804,7 @@ Bt[ie] = I(I({}, Bt[ie]), Ur.kit);
 Je(Bt);
 var Rs = pr, Cn = "fa-layers-text", Ws = xr, Hs = I({}, Nr);
 Je(Hs);
-var qs = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], wt = wr, Us = [].concat(he(Dr), he(Vs)), He = Ae.FontAwesomeConfig || {};
+var qs = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], wt = wr, Us = [].concat(he(_r), he(Vs)), He = Ae.FontAwesomeConfig || {};
 function Ys(e) {
   var a = ne.querySelector("script[" + e + "]");
   if (a)
@@ -896,13 +896,13 @@ function ha() {
     a += Qs[Math.random() * 62 | 0];
   return a;
 }
-function De(e) {
+function _e(e) {
   for (var a = [], t = (e || []).length >>> 0; t--; )
     a[t] = e[t];
   return a;
 }
 function Xt(e) {
-  return e.classList ? De(e.classList) : (e.getAttribute("class") || "").split(" ").filter(function(a) {
+  return e.classList ? _e(e.classList) : (e.getAttribute("class") || "").split(" ").filter(function(a) {
     return a;
   });
 }
@@ -1675,7 +1675,7 @@ function cl(e) {
   }), a;
 }
 function vt(e) {
-  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.family, n = t === void 0 ? ie : t, r = Ds[n][e];
+  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.family, n = t === void 0 ? ie : t, r = _s[n][e];
   if (n === Xe && !e)
     return "fad";
   var s = ba[n][e] || ba[n][r], l = e in be.styles ? e : null, d = s || l || null;
@@ -1830,9 +1830,9 @@ function Ft(e) {
   e.prefix === "fa" && (e.prefix = "fas");
   var a = e.iconName, t = e.prefix || Ie();
   if (a)
-    return a = Be(t, a) || a, pa(_n.definitions, t, a) || pa(be.styles, t, a);
+    return a = Be(t, a) || a, pa(Dn.definitions, t, a) || pa(be.styles, t, a);
 }
-var _n = new hl(), xl = function() {
+var Dn = new hl(), xl = function() {
   R.autoReplaceSvg = !1, R.observeMutations = !1, Le("noAuto");
 }, wl = {
   i2svg: function() {
@@ -1885,7 +1885,7 @@ var _n = new hl(), xl = function() {
   config: R,
   dom: wl,
   parse: kl,
-  library: _n,
+  library: Dn,
   findIconDefinition: Ft,
   toHtml: Qe
 }, Sl = function() {
@@ -1976,13 +1976,13 @@ function ea(e) {
     transform: l,
     symbol: d,
     styles: I({}, v.styles)
-  }), y = n.found && t.found ? Pe("generateAbstractMask", w) || {
+  }), p = n.found && t.found ? Pe("generateAbstractMask", w) || {
     children: [],
     attributes: {}
   } : Pe("generateAbstractIcon", w) || {
     children: [],
     attributes: {}
-  }, L = y.children, V = y.attributes;
+  }, L = p.children, V = p.attributes;
   return w.children = L, w.attributes = V, d ? $l(w) : Cl(w);
 }
 function Ca(e) {
@@ -2083,13 +2083,13 @@ var $a = function() {
   measure: $a
 }, Re = 'FA "7.0.1"', Tl = function(a) {
   return Et.mark("".concat(Re, " ").concat(a, " begins")), function() {
-    return Dn(a);
+    return _n(a);
   };
-}, Dn = function(a) {
+}, _n = function(a) {
   Et.mark("".concat(Re, " ").concat(a, " ends")), Et.measure("".concat(Re, " ").concat(a), "".concat(Re, " ").concat(a, " begins"), "".concat(Re, " ").concat(a, " ends"));
 }, ta = {
   begin: Tl,
-  end: Dn
+  end: _n
 }, rt = function() {
 };
 function za(e) {
@@ -2196,7 +2196,7 @@ function Ia(e) {
     it = new fa(function(v) {
       if (!aa) {
         var b = Ie();
-        De(v).forEach(function(k) {
+        _e(v).forEach(function(k) {
           if (k.type === "childList" && k.addedNodes.length > 0 && !za(k.addedNodes[0]) && (R.searchPseudoElements && l(k.target), t(k.target)), k.type === "attributes" && k.target.parentNode && R.searchPseudoElements && l([k.target], !0), k.type === "attributes" && za(k.target) && ~qs.indexOf(k.attributeName))
             if (k.attributeName === "class" && jl(k.target)) {
               var B = bt(Xt(k.target)), z = B.prefix, $ = B.iconName;
@@ -2226,13 +2226,13 @@ function Ml(e) {
   var a = e.getAttribute("data-prefix"), t = e.getAttribute("data-icon"), n = e.innerText !== void 0 ? e.innerText.trim() : "", r = bt(Xt(e));
   return r.prefix || (r.prefix = Ie()), a && t && (r.prefix = a, r.iconName = t), r.iconName && r.prefix || (r.prefix && n.length > 0 && (r.iconName = ul(r.prefix, e.innerText) || Zt(r.prefix, Tn(e.innerText))), !r.iconName && R.autoFetchSvg && e.firstChild && e.firstChild.nodeType === Node.TEXT_NODE && (r.iconName = e.firstChild.data)), r;
 }
-function _l(e) {
-  var a = De(e.attributes).reduce(function(t, n) {
+function Dl(e) {
+  var a = _e(e.attributes).reduce(function(t, n) {
     return t.name !== "class" && t.name !== "style" && (t[n.name] = n.value), t;
   }, {});
   return a;
 }
-function Dl() {
+function _l() {
   return {
     iconName: null,
     prefix: null,
@@ -2254,7 +2254,7 @@ function Dl() {
 function Pa(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
     styleParser: !0
-  }, t = Ml(e), n = t.iconName, r = t.prefix, s = t.rest, l = _l(e), d = Lt("parseNodeAttributes", {}, e), c = a.styleParser ? El(e) : [];
+  }, t = Ml(e), n = t.iconName, r = t.prefix, s = t.rest, l = Dl(e), d = Lt("parseNodeAttributes", {}, e), c = a.styleParser ? El(e) : [];
   return I({
     iconName: n,
     prefix: r,
@@ -2299,7 +2299,7 @@ function Ta(e) {
     return Promise.resolve();
   var d = [];
   try {
-    d = De(e.querySelectorAll(l));
+    d = _e(e.querySelectorAll(l));
   } catch {
   }
   if (d.length > 0)
@@ -2342,7 +2342,7 @@ function ql(e) {
 var Ul = function(a) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? pe : n, s = t.symbol, l = s === void 0 ? !1 : s, d = t.mask, c = d === void 0 ? null : d, v = t.maskId, b = v === void 0 ? null : v, k = t.classes, B = k === void 0 ? [] : k, z = t.attributes, $ = z === void 0 ? {} : z, S = t.styles, h = S === void 0 ? {} : S;
   if (a) {
-    var w = a.prefix, y = a.iconName, L = a.icon;
+    var w = a.prefix, p = a.iconName, L = a.icon;
     return ht(I({
       type: "icon"
     }, a), function() {
@@ -2360,7 +2360,7 @@ var Ul = function(a) {
           }
         },
         prefix: w,
-        iconName: y,
+        iconName: p,
         transform: I(I({}, pe), r),
         symbol: l,
         maskId: b,
@@ -2531,10 +2531,10 @@ var Ul = function(a) {
     normal: "fas",
     400: "fas"
   }
-}), Er), Ns), Yr), _t = Object.keys(Ba).reduce(function(e, a) {
+}), Er), Ns), Yr), Dt = Object.keys(Ba).reduce(function(e, a) {
   return e[a.toLowerCase()] = Ba[a], e;
-}, {}), Jl = Object.keys(_t).reduce(function(e, a) {
-  var t = _t[a];
+}, {}), Jl = Object.keys(Dt).reduce(function(e, a) {
+  var t = Dt[a];
   return e[a] = t[900] || he(Object.entries(t))[0][1], e;
 }, {});
 function Ql(e) {
@@ -2547,27 +2547,27 @@ function Zl(e) {
 }
 function eo(e, a) {
   var t = e.replace(/^['"]|['"]$/g, "").toLowerCase(), n = parseInt(a), r = isNaN(n) ? "normal" : n;
-  return (_t[t] || {})[r] || Jl[t];
+  return (Dt[t] || {})[r] || Jl[t];
 }
 function Oa(e, a) {
   var t = "".concat(Es).concat(a.replace(":", "-"));
   return new Promise(function(n, r) {
     if (e.getAttribute(t) !== null)
       return n();
-    var s = De(e.children), l = s.filter(function(re) {
+    var s = _e(e.children), l = s.filter(function(re) {
       return re.getAttribute(Pt) === a;
     })[0], d = Ae.getComputedStyle(e, a), c = d.getPropertyValue("font-family"), v = c.match(Ws), b = d.getPropertyValue("font-weight"), k = d.getPropertyValue("content");
     if (l && !v)
       return e.removeChild(l), n();
     if (v && k !== "none" && k !== "") {
-      var B = d.getPropertyValue("content"), z = eo(c, b), $ = Ql(B), S = v[0].startsWith("FontAwesome"), h = Zl(d), w = Zt(z, $), y = w;
+      var B = d.getPropertyValue("content"), z = eo(c, b), $ = Ql(B), S = v[0].startsWith("FontAwesome"), h = Zl(d), w = Zt(z, $), p = w;
       if (S) {
         var L = dl($);
         L.iconName && L.prefix && (w = L.iconName, z = L.prefix);
       }
-      if (w && !h && (!l || l.getAttribute(Yt) !== z || l.getAttribute(Gt) !== y)) {
-        e.setAttribute(t, y), l && e.removeChild(l);
-        var V = Dl(), F = V.extra;
+      if (w && !h && (!l || l.getAttribute(Yt) !== z || l.getAttribute(Gt) !== p)) {
+        e.setAttribute(t, p), l && e.removeChild(l);
+        var V = _l(), F = V.extra;
         F.attributes[Pt] = a, Nt(w, z).then(function(re) {
           var W = ea(I(I({}, V), {}, {
             icons: {
@@ -2575,7 +2575,7 @@ function Oa(e, a) {
               mask: Mn()
             },
             prefix: z,
-            iconName: y,
+            iconName: p,
             extra: F,
             watchable: !0
           })), U = ne.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -2594,7 +2594,7 @@ function to(e) {
   return Promise.all([Oa(e, "::before"), Oa(e, "::after")]);
 }
 function ao(e) {
-  return e.parentNode !== document.head && !~_s.indexOf(e.tagName.toUpperCase()) && !e.getAttribute(Pt) && (!e.parentNode || e.parentNode.tagName !== "svg");
+  return e.parentNode !== document.head && !~Ds.indexOf(e.tagName.toUpperCase()) && !e.getAttribute(Pt) && (!e.parentNode || e.parentNode.tagName !== "svg");
 }
 var no = function(a) {
   return !!a && wn.some(function(t) {
@@ -2680,11 +2680,11 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
       }
     }
     return new Promise(function(S, h) {
-      var w = De(t).filter(ao).map(to), y = ta.begin("searchPseudoElements");
+      var w = _e(t).filter(ao).map(to), p = ta.begin("searchPseudoElements");
       Hn(), Promise.all(w).then(function() {
-        y(), Mt(), S();
+        p(), Mt(), S();
       }).catch(function() {
-        y(), Mt(), h();
+        p(), Mt(), h();
       });
     });
   }
@@ -2865,10 +2865,10 @@ var uo = {
         tag: "g",
         attributes: I({}, z.outer),
         children: [h]
-      }, y = "mask-".concat(d || ha()), L = "clip-".concat(d || ha()), V = {
+      }, p = "mask-".concat(d || ha()), L = "clip-".concat(d || ha()), V = {
         tag: "mask",
         attributes: I(I({}, $t), {}, {
-          id: y,
+          id: p,
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
@@ -2888,7 +2888,7 @@ var uo = {
         attributes: I({
           fill: "currentColor",
           "clip-path": "url(#".concat(L, ")"),
-          mask: "url(#".concat(y, ")")
+          mask: "url(#".concat(p, ")")
         }, $t)
       }), {
         children: n,
@@ -2992,13 +2992,13 @@ var go = ge.icon;
 ge.layer;
 var vo = ge.text;
 ge.counter;
-function Dt(e, a) {
+function _t(e, a) {
   (a == null || a > e.length) && (a = e.length);
   for (var t = 0, n = Array(a); t < a; t++) n[t] = e[t];
   return n;
 }
 function bo(e) {
-  if (Array.isArray(e)) return Dt(e);
+  if (Array.isArray(e)) return _t(e);
 }
 function ue(e, a, t) {
   return (a = ko(a)) in e ? Object.defineProperty(e, a, {
@@ -3081,9 +3081,9 @@ function dt(e) {
 }
 function So(e, a) {
   if (e) {
-    if (typeof e == "string") return Dt(e, a);
+    if (typeof e == "string") return _t(e, a);
     var t = {}.toString.call(e).slice(8, -1);
-    return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Dt(e, a) : void 0;
+    return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _t(e, a) : void 0;
   }
 }
 function Ue(e, a) {
@@ -3111,32 +3111,32 @@ function Co(e) {
 var $o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Gn = { exports: {} };
 (function(e) {
   (function(a) {
-    var t = function(w, y, L) {
-      if (!v(y) || k(y) || B(y) || z(y) || c(y))
-        return y;
+    var t = function(w, p, L) {
+      if (!v(p) || k(p) || B(p) || z(p) || c(p))
+        return p;
       var V, F = 0, re = 0;
-      if (b(y))
-        for (V = [], re = y.length; F < re; F++)
-          V.push(t(w, y[F], L));
+      if (b(p))
+        for (V = [], re = p.length; F < re; F++)
+          V.push(t(w, p[F], L));
       else {
         V = {};
-        for (var W in y)
-          Object.prototype.hasOwnProperty.call(y, W) && (V[w(W, L)] = t(w, y[W], L));
+        for (var W in p)
+          Object.prototype.hasOwnProperty.call(p, W) && (V[w(W, L)] = t(w, p[W], L));
       }
       return V;
-    }, n = function(w, y) {
-      y = y || {};
-      var L = y.separator || "_", V = y.split || /(?=[A-Z])/;
+    }, n = function(w, p) {
+      p = p || {};
+      var L = p.separator || "_", V = p.split || /(?=[A-Z])/;
       return w.split(V).join(L);
     }, r = function(w) {
-      return $(w) ? w : (w = w.replace(/[\-_\s]+(.)?/g, function(y, L) {
+      return $(w) ? w : (w = w.replace(/[\-_\s]+(.)?/g, function(p, L) {
         return L ? L.toUpperCase() : "";
       }), w.substr(0, 1).toLowerCase() + w.substr(1));
     }, s = function(w) {
-      var y = r(w);
-      return y.substr(0, 1).toUpperCase() + y.substr(1);
-    }, l = function(w, y) {
-      return n(w, y).toLowerCase();
+      var p = r(w);
+      return p.substr(0, 1).toUpperCase() + p.substr(1);
+    }, l = function(w, p) {
+      return n(w, p).toLowerCase();
     }, d = Object.prototype.toString, c = function(w) {
       return typeof w == "function";
     }, v = function(w) {
@@ -3151,8 +3151,8 @@ var $o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return d.call(w) == "[object Boolean]";
     }, $ = function(w) {
       return w = w - 0, w === w;
-    }, S = function(w, y) {
-      var L = y && "process" in y ? y.process : y;
+    }, S = function(w, p) {
+      var L = p && "process" in p ? p.process : p;
       return typeof L != "function" ? w : function(V, F) {
         return L(V, w, F);
       };
@@ -3161,14 +3161,14 @@ var $o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       decamelize: l,
       pascalize: s,
       depascalize: l,
-      camelizeKeys: function(w, y) {
-        return t(S(r, y), w);
+      camelizeKeys: function(w, p) {
+        return t(S(r, p), w);
       },
-      decamelizeKeys: function(w, y) {
-        return t(S(l, y), w, y);
+      decamelizeKeys: function(w, p) {
+        return t(S(l, p), w, p);
       },
-      pascalizeKeys: function(w, y) {
-        return t(S(s, y), w);
+      pascalizeKeys: function(w, p) {
+        return t(S(s, p), w);
       },
       depascalizeKeys: function() {
         return this.decamelizeKeys.apply(this, arguments);
@@ -3507,7 +3507,7 @@ const Z = {
       n.value,
       "inline-block"
     ]);
-    return (s, l) => (o(), D(N(jo), {
+    return (s, l) => (o(), _(N(jo), {
       icon: [e.prefix, e.icon],
       size: t.value,
       class: f(r.value),
@@ -3587,7 +3587,7 @@ const Z = {
       }, null, 42, Bo)) : e.initials ? (o(), u("span", {
         key: 1,
         class: f(l.value)
-      }, p(e.initials), 3)) : (o(), D(Z, {
+      }, y(e.initials), 3)) : (o(), _(Z, {
         key: 2,
         name: "User",
         class: f(d.value)
@@ -3670,7 +3670,7 @@ const Z = {
     return (c, v) => (o(), u("span", {
       class: f(N(x)(N(l)({ variant: e.variant, size: e.size, shape: e.shape }), c.$attrs.class))
     }, [
-      e.icon ? (o(), D(me(e.icon), {
+      e.icon ? (o(), _(me(e.icon), {
         key: 0,
         class: f(d.value)
       }, null, 8, ["class"])) : g("", !0),
@@ -3798,10 +3798,10 @@ const Z = {
         }, null, -1)
       ])])) : g("", !0),
       e.loading ? g("", !0) : P(t.$slots, "icon", { key: 1 }),
-      e.loading && e.loadingText ? (o(), u("span", Eo, p(e.loadingText), 1)) : P(t.$slots, "default", { key: 3 })
+      e.loading && e.loadingText ? (o(), u("span", Eo, y(e.loadingText), 1)) : P(t.$slots, "default", { key: 3 })
     ], 16, Vo));
   }
-}), Mo = { class: "flex items-center gap-3" }, _o = { class: "relative" }, Do = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], Ro = { class: "flex-1" }, Wo = ["for"], ra = {
+}), Mo = { class: "flex items-center gap-3" }, Do = { class: "relative" }, _o = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], Ro = { class: "flex-1" }, Wo = ["for"], ra = {
   __name: "Checkbox",
   props: {
     modelValue: {
@@ -3866,10 +3866,10 @@ const Z = {
     </svg>
   `
     }, r = e, s = a, l = H(null), d = m(() => r.id || ct()), c = m(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), v = (w) => {
-      const y = w.target.checked;
+      const p = w.target.checked;
       if (Array.isArray(r.modelValue)) {
         const L = [...r.modelValue];
-        if (y)
+        if (p)
           L.push(r.value);
         else {
           const V = L.indexOf(r.value);
@@ -3877,8 +3877,8 @@ const Z = {
         }
         s("update:modelValue", L);
       } else
-        s("update:modelValue", y);
-      s("change", y);
+        s("update:modelValue", p);
+      s("change", p);
     }, b = () => {
       !r.disabled && l.value && l.value.click();
     }, k = m(() => {
@@ -3924,8 +3924,8 @@ const Z = {
     ]);
     return we(() => r.indeterminate, (w) => {
       l.value && (l.value.indeterminate = w);
-    }, { immediate: !0 }), (w, y) => (o(), u("div", Mo, [
-      i("div", _o, [
+    }, { immediate: !0 }), (w, p) => (o(), u("div", Mo, [
+      i("div", Do, [
         i("input", {
           id: d.value,
           ref_key: "checkboxRef",
@@ -3938,15 +3938,15 @@ const Z = {
           class: f(z.value),
           "aria-describedby": k.value,
           onChange: v
-        }, null, 42, Do),
+        }, null, 42, _o),
         i("div", {
           class: f($.value),
           onClick: b
         }, [
-          c.value && !e.indeterminate ? (o(), D(t, {
+          c.value && !e.indeterminate ? (o(), _(t, {
             key: 0,
             class: "w-3 h-3"
-          })) : e.indeterminate ? (o(), D(n, {
+          })) : e.indeterminate ? (o(), _(n, {
             key: 1,
             class: "w-3 h-3"
           })) : g("", !0)
@@ -3958,13 +3958,13 @@ const Z = {
           class: f(S.value)
         }, [
           P(w.$slots, "default", {}, () => [
-            q(p(e.label), 1)
+            q(y(e.label), 1)
           ])
         ], 10, Wo),
         e.description ? (o(), u("p", {
           key: 0,
           class: f(h.value)
-        }, p(e.description), 3)) : g("", !0)
+        }, y(e.description), 3)) : g("", !0)
       ])
     ]));
   }
@@ -4061,7 +4061,7 @@ const Z = {
     return (r, s) => (o(), u("div", {
       class: f(N(x)(N(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
     }, [
-      e.label && e.orientation === "horizontal" ? (o(), u("span", Ho, p(e.label), 1)) : g("", !0)
+      e.label && e.orientation === "horizontal" ? (o(), u("span", Ho, y(e.label), 1)) : g("", !0)
     ], 2));
   }
 }, Uo = ["aria-label"], Yo = {
@@ -4141,7 +4141,7 @@ const Z = {
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
         }, null, -1)
       ])], 2)),
-      e.label ? (o(), u("span", Yo, p(e.label), 1)) : g("", !0)
+      e.label ? (o(), u("span", Yo, y(e.label), 1)) : g("", !0)
     ], 10, Uo));
   }
 }, Go = ["src", "alt", "loading"], Ko = {
@@ -4230,7 +4230,7 @@ const Z = {
         key: 0,
         class: f(v.value)
       }, [
-        e.showSpinner ? (o(), D(Xn, {
+        e.showSpinner ? (o(), _(Xn, {
           key: 0,
           size: "sm"
         })) : g("", !0)
@@ -4322,14 +4322,14 @@ const Z = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, s = H(null), l = m(() => n.id || ct()), d = (y) => {
-      r("update:modelValue", y.target.value);
-    }, c = (y) => {
-      r("blur", y);
-    }, v = (y) => {
-      r("focus", y);
-    }, b = (y) => {
-      r("keydown", y);
+    const n = e, r = t, s = H(null), l = m(() => n.id || ct()), d = (p) => {
+      r("update:modelValue", p.target.value);
+    }, c = (p) => {
+      r("blur", p);
+    }, v = (p) => {
+      r("focus", p);
+    }, b = (p) => {
+      r("keydown", p);
     }, k = () => {
       r("update:modelValue", ""), r("clear"), s.value?.focus();
     }, B = m(() => !!n.error || n.variant === "error"), z = m(() => {
@@ -4362,9 +4362,9 @@ const Z = {
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (y, L) => (o(), u("div", Xo, [
+    }), (p, L) => (o(), u("div", Xo, [
       e.iconLeft ? (o(), u("div", Jo, [
-        (o(), D(me(e.iconLeft), {
+        (o(), _(me(e.iconLeft), {
           class: f(h.value)
         }, null, 8, ["class"]))
       ])) : g("", !0),
@@ -4399,7 +4399,7 @@ const Z = {
             name: "x-mark",
             class: "w-5 h-5"
           })
-        ], 8, ei)) : e.iconRight ? (o(), D(me(e.iconRight), {
+        ], 8, ei)) : e.iconRight ? (o(), _(me(e.iconRight), {
           key: 1,
           class: f(h.value)
         }, null, 8, ["class"])) : g("", !0)
@@ -4527,7 +4527,7 @@ const Z = {
       }
       d("click", c);
     }, d = a;
-    return (c, v) => (o(), D(me(n.value), {
+    return (c, v) => (o(), _(me(n.value), {
       href: n.value === "a" ? e.href : void 0,
       to: n.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
@@ -4536,18 +4536,18 @@ const Z = {
       onClick: l
     }, {
       default: E(() => [
-        e.icon && e.iconPosition === "left" ? (o(), D(Z, {
+        e.icon && e.iconPosition === "left" ? (o(), _(Z, {
           key: 0,
           name: e.icon,
           class: f(r.value)
         }, null, 8, ["name", "class"])) : g("", !0),
         P(c.$slots, "default"),
-        e.icon && e.iconPosition === "right" ? (o(), D(Z, {
+        e.icon && e.iconPosition === "right" ? (o(), _(Z, {
           key: 1,
           name: e.icon,
           class: f(r.value)
         }, null, 8, ["name", "class"])) : g("", !0),
-        e.external && e.showExternalIcon ? (o(), D(Z, {
+        e.external && e.showExternalIcon ? (o(), _(Z, {
           key: 2,
           name: "external-link",
           class: "w-3 h-3 ml-1 inline-block"
@@ -4613,7 +4613,7 @@ const Z = {
       }, null, 10, ri)) : (o(), u("div", {
         key: 1,
         class: f(s.value)
-      }, p(e.text || "Logo"), 3))
+      }, y(e.text || "Logo"), 3))
     ], 2));
   }
 }, li = ["value", "disabled", "selected"], Qn = {
@@ -4643,7 +4643,7 @@ const Z = {
       selected: e.selected
     }, [
       P(a.$slots, "default", {}, () => [
-        q(p(e.label), 1)
+        q(y(e.label), 1)
       ])
     ], 8, li));
   }
@@ -4719,7 +4719,7 @@ const Z = {
       e.showLabel ? (o(), u("span", {
         key: 0,
         class: f(d.value)
-      }, p(t.value) + "% ", 3)) : g("", !0)
+      }, y(t.value) + "% ", 3)) : g("", !0)
     ], 2));
   }
 }, ui = { class: "flex items-center space-x-2" }, di = ["aria-checked", "disabled"], ci = {
@@ -4792,7 +4792,7 @@ const Z = {
         key: 0,
         class: f(c.value),
         onClick: v
-      }, p(e.label), 3)) : g("", !0)
+      }, y(e.label), 3)) : g("", !0)
     ]));
   }
 }, fi = ["id", "name", "value", "disabled", "required"], sa = {
@@ -5024,7 +5024,7 @@ const Z = {
         align: a.align
       }), a.class)
     );
-    return (r, s) => (o(), D(me(e.as), {
+    return (r, s) => (o(), _(me(e.as), {
       class: f(n.value)
     }, {
       default: E(() => [
@@ -5204,7 +5204,7 @@ const Z = {
             class: f(l.value),
             role: "tooltip"
           }, [
-            q(p(e.content) + " ", 1),
+            q(y(e.content) + " ", 1),
             i("div", {
               class: f(d.value)
             }, null, 2)
@@ -5321,7 +5321,7 @@ const Z = {
         "whitespace-nowrap": a.noWrap
       }
     ]);
-    return (d, c) => (o(), D(me(t.value), Ee({ class: l.value }, d.$attrs), {
+    return (d, c) => (o(), _(me(t.value), Ee({ class: l.value }, d.$attrs), {
       default: E(() => [
         P(d.$slots, "default"),
         e.required ? (o(), u("span", pi, "*")) : g("", !0)
@@ -5436,7 +5436,7 @@ const Z = {
     }, [
       e.overlay ? (o(), u("div", xi)) : g("", !0),
       i("div", wi, [
-        e.text && e.textPosition === "top" ? (o(), u("div", ki, p(e.text), 1)) : g("", !0),
+        e.text && e.textPosition === "top" ? (o(), u("div", ki, y(e.text), 1)) : g("", !0),
         e.type === "spin" ? (o(), u("div", Si)) : e.type === "pulse" ? (o(), u("div", Ci)) : e.type === "bounce" ? (o(), u("div", $i, [
           (o(), u(X, null, J(3, (n) => i("div", {
             class: "stl-loader__bounce-dot",
@@ -5467,7 +5467,7 @@ const Z = {
         ])])) : e.type === "spinner-text" ? (o(), u("div", Ti, [...t[1] || (t[1] = [
           i("div", { class: "stl-loader__spinner" }, null, -1)
         ])])) : g("", !0),
-        e.text && e.textPosition === "bottom" ? (o(), u("div", ji, p(e.text), 1)) : g("", !0)
+        e.text && e.textPosition === "bottom" ? (o(), u("div", ji, y(e.text), 1)) : g("", !0)
       ])
     ], 6)) : g("", !0);
   }
@@ -5581,7 +5581,7 @@ const Z = {
       default: "text-foreground hover:text-foreground/80 hover:bg-muted",
       destructive: "text-destructive hover:text-destructive/80 hover:bg-destructive/10"
     }[t.variant]]);
-    return (h, w) => (o(), D(fe, {
+    return (h, w) => (o(), _(fe, {
       "enter-active-class": "transition-all duration-300",
       "enter-from-class": "opacity-0 scale-95",
       "enter-to-class": "opacity-100 scale-100",
@@ -5597,29 +5597,29 @@ const Z = {
         }, [
           i("div", Oi, [
             e.showIcon ? (o(), u("div", Li, [
-              (o(), D(me(B.value), {
+              (o(), _(me(B.value), {
                 class: f($.value)
               }, null, 8, ["class"]))
             ])) : g("", !0),
             i("div", Fi, [
-              e.title ? (o(), u("h4", Vi, p(e.title), 1)) : g("", !0),
+              e.title ? (o(), u("h4", Vi, y(e.title), 1)) : g("", !0),
               i("div", {
                 class: f(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
                 P(h.$slots, "default", {}, () => [
-                  q(p(e.message), 1)
+                  q(y(e.message), 1)
                 ])
               ], 2),
               h.$slots.actions || e.actions.length > 0 ? (o(), u("div", Ni, [
                 P(h.$slots, "actions", {}, () => [
-                  (o(!0), u(X, null, J(e.actions, (y) => (o(), D(xe, {
-                    key: y.label,
-                    variant: y.variant || "outline",
-                    size: y.size || "sm",
-                    onClick: (L) => l(y)
+                  (o(!0), u(X, null, J(e.actions, (p) => (o(), _(xe, {
+                    key: p.label,
+                    variant: p.variant || "outline",
+                    size: p.size || "sm",
+                    onClick: (L) => l(p)
                   }, {
                     default: E(() => [
-                      q(p(y.label), 1)
+                      q(y(p.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["variant", "size", "onClick"]))), 128))
@@ -5640,7 +5640,7 @@ const Z = {
       _: 3
     }));
   }
-}), _i = ["aria-label"], Di = { class: "flex items-center space-x-1" }, Ri = {
+}), Di = ["aria-label"], _i = { class: "flex items-center space-x-1" }, Ri = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -5677,12 +5677,12 @@ const Z = {
       "aria-label": e.ariaLabel,
       class: f(["flex", n.value])
     }, [
-      i("ol", Di, [
+      i("ol", _i, [
         (o(!0), u(X, null, J(e.items, (l, d) => (o(), u("li", {
           key: d,
           class: "flex items-center"
         }, [
-          (o(), D(me(l.href ? "a" : "span"), {
+          (o(), _(me(l.href ? "a" : "span"), {
             href: l.href,
             class: f([
               "text-sm font-medium transition-colors hover:text-foreground",
@@ -5691,18 +5691,18 @@ const Z = {
             "aria-current": d === e.items.length - 1 ? "page" : void 0
           }, {
             default: E(() => [
-              q(p(l.label), 1)
+              q(y(l.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
-          d < e.items.length - 1 ? (o(), D(Z, {
+          d < e.items.length - 1 ? (o(), _(Z, {
             key: 0,
             name: e.separator,
             class: "mx-2 h-4 w-4 text-muted-foreground"
           }, null, 8, ["name"])) : g("", !0)
         ]))), 128))
       ])
-    ], 10, _i));
+    ], 10, Di));
   }
 }, Wi = ["aria-label"], Hi = {
   __name: "ButtonGroup",
@@ -5867,11 +5867,11 @@ const Z = {
               e.title ? (o(), u("h3", {
                 key: 0,
                 class: f(Xi)
-              }, p(e.title), 1)) : g("", !0),
+              }, y(e.title), 1)) : g("", !0),
               e.subtitle ? (o(), u("p", {
                 key: 1,
                 class: f(Ji)
-              }, p(e.subtitle), 1)) : g("", !0)
+              }, y(e.subtitle), 1)) : g("", !0)
             ]),
             b.$slots.actions ? (o(), u("div", Yi, [
               P(b.$slots, "actions")
@@ -6105,7 +6105,7 @@ const Z = {
     };
     return Te(() => {
       document.addEventListener("click", v);
-    }), _e(() => {
+    }), De(() => {
       document.removeEventListener("click", v);
     }), (b, k) => (o(), u("div", {
       class: "relative",
@@ -6119,7 +6119,7 @@ const Z = {
         "aria-haspopup": !0
       }, [
         P(b.$slots, "trigger", {}, () => [
-          i("span", null, p(e.triggerText), 1),
+          i("span", null, y(e.triggerText), 1),
           A(Z, {
             name: "chevron-down",
             class: "ml-2 h-4 w-4"
@@ -6181,7 +6181,7 @@ const Z = {
     ), l = (d) => {
       t.disabled || n("click", d);
     };
-    return (d, c) => (o(), D(me(e.href ? "a" : "button"), {
+    return (d, c) => (o(), _(me(e.href ? "a" : "button"), {
       href: e.href,
       class: f(s.value),
       disabled: e.disabled,
@@ -6189,13 +6189,13 @@ const Z = {
       onClick: l
     }, {
       default: E(() => [
-        e.icon ? (o(), D(Z, {
+        e.icon ? (o(), _(Z, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : g("", !0),
         P(d.$slots, "default"),
-        e.shortcut ? (o(), u("span", uu, p(e.shortcut), 1)) : g("", !0)
+        e.shortcut ? (o(), u("span", uu, y(e.shortcut), 1)) : g("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
@@ -6236,32 +6236,32 @@ const Z = {
         d({ variant: t.variant }),
         s.value && "border-primary bg-primary/5"
       )
-    ), v = (y) => {
-      y.preventDefault(), s.value = !1;
-      const L = Array.from(y.dataTransfer.files);
+    ), v = (p) => {
+      p.preventDefault(), s.value = !1;
+      const L = Array.from(p.dataTransfer.files);
       S(L);
-    }, b = (y) => {
-      y.preventDefault();
-    }, k = (y) => {
-      y.preventDefault(), s.value = !0;
-    }, B = (y) => {
-      y.preventDefault(), s.value = !1;
+    }, b = (p) => {
+      p.preventDefault();
+    }, k = (p) => {
+      p.preventDefault(), s.value = !0;
+    }, B = (p) => {
+      p.preventDefault(), s.value = !1;
     }, z = () => {
       l.value?.click();
-    }, $ = (y) => {
-      const L = Array.from(y.target.files);
+    }, $ = (p) => {
+      const L = Array.from(p.target.files);
       S(L);
-    }, S = (y) => {
-      const L = y.filter((V) => !(t.maxSize && V.size > t.maxSize));
+    }, S = (p) => {
+      const L = p.filter((V) => !(t.maxSize && V.size > t.maxSize));
       t.multiple ? r.value.push(...L) : r.value = L.slice(0, 1), n("files-selected", r.value);
-    }, h = (y) => {
-      r.value.splice(y, 1), n("file-removed", r.value);
-    }, w = (y) => {
-      if (y === 0) return "0 Bytes";
-      const L = 1024, V = ["Bytes", "KB", "MB", "GB"], F = Math.floor(Math.log(y) / Math.log(L));
-      return parseFloat((y / Math.pow(L, F)).toFixed(2)) + " " + V[F];
+    }, h = (p) => {
+      r.value.splice(p, 1), n("file-removed", r.value);
+    }, w = (p) => {
+      if (p === 0) return "0 Bytes";
+      const L = 1024, V = ["Bytes", "KB", "MB", "GB"], F = Math.floor(Math.log(p) / Math.log(L));
+      return parseFloat((p / Math.pow(L, F)).toFixed(2)) + " " + V[F];
     };
-    return (y, L) => (o(), u("div", cu, [
+    return (p, L) => (o(), u("div", cu, [
       i("div", {
         class: f(c.value),
         onDrop: v,
@@ -6288,7 +6288,7 @@ const Z = {
             i("span", { class: "font-semibold" }, "Click to upload"),
             q(" or drag and drop ")
           ], -1)),
-          e.accept ? (o(), u("p", gu, p(e.accept), 1)) : g("", !0)
+          e.accept ? (o(), u("p", gu, y(e.accept), 1)) : g("", !0)
         ])
       ], 34),
       r.value.length > 0 ? (o(), u("div", vu, [
@@ -6301,8 +6301,8 @@ const Z = {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            i("span", hu, p(V.name), 1),
-            i("span", yu, "(" + p(w(V.size)) + ")", 1)
+            i("span", hu, y(V.name), 1),
+            i("span", yu, "(" + y(w(V.size)) + ")", 1)
           ]),
           i("button", {
             onClick: (re) => h(F),
@@ -6405,13 +6405,13 @@ const Z = {
           for: N(t),
           class: f(N(x)(N(c)({ size: e.size })))
         }, [
-          q(p(e.label) + " ", 1),
+          q(y(e.label) + " ", 1),
           e.required ? (o(), u("span", ku, "*")) : g("", !0)
         ], 10, wu)) : g("", !0),
         e.description ? (o(), u("p", {
           key: 1,
           class: f(N(x)(N(v)({ size: e.size })))
-        }, p(e.description), 3)) : g("", !0),
+        }, y(e.description), 3)) : g("", !0),
         i("div", Su, [
           P(B.$slots, "default", {
             fieldId: N(t),
@@ -6453,7 +6453,7 @@ const Z = {
                 icon: "exclamation-triangle",
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
-              i("span", null, p(e.error), 1)
+              i("span", null, y(e.error), 1)
             ], 10, $u)) : g("", !0)
           ]),
           _: 1
@@ -6462,7 +6462,7 @@ const Z = {
           key: 2,
           id: `${N(t)}-help`,
           class: f(N(x)(N(k)({ size: e.size })))
-        }, p(e.helpText), 11, zu)) : g("", !0),
+        }, y(e.helpText), 11, zu)) : g("", !0),
         A(fe, {
           "enter-active-class": "transition-all duration-200",
           "enter-from-class": "opacity-0 -translate-y-1",
@@ -6480,7 +6480,7 @@ const Z = {
                 icon: "check",
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
-              i("span", null, p(e.success), 1)
+              i("span", null, y(e.success), 1)
             ], 2)) : g("", !0)
           ]),
           _: 1
@@ -6579,7 +6579,7 @@ const Z = {
       class: f(l.value),
       role: e.role
     }, [
-      (o(), D(me(e.href ? "a" : "div"), {
+      (o(), _(me(e.href ? "a" : "div"), {
         href: e.href,
         class: f(d.value),
         onClick: c
@@ -6587,7 +6587,7 @@ const Z = {
         default: E(() => [
           v.$slots.icon || e.icon ? (o(), u("div", Bu, [
             P(v.$slots, "icon", {}, () => [
-              e.icon ? (o(), D(Z, {
+              e.icon ? (o(), _(Z, {
                 key: 0,
                 name: e.icon,
                 class: "h-5 w-5"
@@ -6595,8 +6595,8 @@ const Z = {
             ])
           ])) : g("", !0),
           i("div", Ou, [
-            e.title ? (o(), u("div", Lu, p(e.title), 1)) : g("", !0),
-            e.description ? (o(), u("div", Fu, p(e.description), 1)) : g("", !0),
+            e.title ? (o(), u("div", Lu, y(e.title), 1)) : g("", !0),
+            e.description ? (o(), u("div", Fu, y(e.description), 1)) : g("", !0),
             P(v.$slots, "default")
           ]),
           v.$slots.action ? (o(), u("div", Vu, [
@@ -6641,7 +6641,7 @@ const Z = {
     ), l = (d) => {
       t.disabled || n("click", d);
     };
-    return (d, c) => (o(), D(me(e.href ? "a" : "button"), {
+    return (d, c) => (o(), _(me(e.href ? "a" : "button"), {
       href: e.href,
       class: f(s.value),
       disabled: e.disabled,
@@ -6649,14 +6649,14 @@ const Z = {
       onClick: l
     }, {
       default: E(() => [
-        e.icon ? (o(), D(Z, {
+        e.icon ? (o(), _(Z, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : g("", !0),
         P(d.$slots, "default"),
-        e.shortcut ? (o(), u("span", Eu, p(e.shortcut), 1)) : g("", !0),
-        e.hasSubmenu ? (o(), D(Z, {
+        e.shortcut ? (o(), u("span", Eu, y(e.shortcut), 1)) : g("", !0),
+        e.hasSubmenu ? (o(), _(Z, {
           key: 2,
           name: "chevron-right",
           class: "ml-auto h-4 w-4"
@@ -6665,7 +6665,7 @@ const Z = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, _u = { class: "relative w-full max-w-4xl max-h-[100vh] overflow-y-auto border bg-white p-6 shadow-lg duration-200 sm:rounded-lg" }, Du = {
+}, Du = { class: "relative w-full max-w-4xl max-h-[100vh] overflow-y-auto border bg-white p-6 shadow-lg duration-200 sm:rounded-lg" }, _u = {
   __name: "Modal",
   props: {
     modelValue: Boolean,
@@ -6694,7 +6694,7 @@ const Z = {
           document.removeEventListener("keydown", d);
         };
       }
-    }), (l, d) => (o(), D(Wa, { to: "body" }, [
+    }), (l, d) => (o(), _(Wa, { to: "body" }, [
       A(fe, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
@@ -6709,7 +6709,7 @@ const Z = {
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center",
             onClick: s
           }, [
-            i("div", _u, [
+            i("div", Du, [
               e.showClose ? (o(), u("button", {
                 key: 0,
                 onClick: r,
@@ -6743,8 +6743,8 @@ const Z = {
   },
   setup(e) {
     return (a, t) => (o(), u("div", Ru, [
-      e.title ? (o(), u("h2", Wu, p(e.title), 1)) : g("", !0),
-      e.description ? (o(), u("p", Hu, p(e.description), 1)) : g("", !0),
+      e.title ? (o(), u("h2", Wu, y(e.title), 1)) : g("", !0),
+      e.description ? (o(), u("p", Hu, y(e.description), 1)) : g("", !0),
       P(a.$slots, "default")
     ]));
   }
@@ -6867,7 +6867,7 @@ const Z = {
       t.autoClose > 0 && setTimeout(() => {
         k();
       }, t.autoClose);
-    }), (B, z) => (o(), D(fe, {
+    }), (B, z) => (o(), _(fe, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "transform translate-x-full opacity-0",
       "enter-to-class": "transform translate-x-0 opacity-100",
@@ -6890,11 +6890,11 @@ const Z = {
               }, null, 8, ["name", "class"])
             ])) : g("", !0),
             i("div", Ju, [
-              e.title ? (o(), u("div", Qu, p(e.title), 1)) : g("", !0),
+              e.title ? (o(), u("div", Qu, y(e.title), 1)) : g("", !0),
               e.message ? (o(), u("div", {
                 key: 1,
                 class: f(["text-sm", { "mt-1": e.title }])
-              }, p(e.message), 3)) : g("", !0),
+              }, y(e.message), 3)) : g("", !0),
               P(B.$slots, "default")
             ]),
             e.dismissible ? (o(), u("button", {
@@ -6936,7 +6936,7 @@ const td = {
   a > -1 && Ke.value.splice(a, 1);
 }, Zn = () => {
   Ke.value = [];
-}, _a = Object.assign(
+}, Da = Object.assign(
   // Default toast function
   (e, a) => ke(e, { ...a }),
   // Toast type methods
@@ -7076,7 +7076,7 @@ const td = {
       const S = v[$.variant] || v.default;
       return $.variant === "loading" ? `${S} animate-spin` : S;
     }, B = ($) => $.icon !== !1, z = ($) => $.dismissible !== !1 && ($.closeButton || a.closeButton || $.dismissible);
-    return ($, S) => (o(), D(Wa, { to: "body" }, [
+    return ($, S) => (o(), _(Wa, { to: "body" }, [
       i("div", {
         class: f(N(x)(
           s.value,
@@ -7101,16 +7101,16 @@ const td = {
               role: "alert",
               "aria-live": h.variant === "error" ? "assertive" : "polite"
             }, [
-              B(h) ? (o(), D(Z, {
+              B(h) ? (o(), _(Z, {
                 key: 0,
                 icon: b(h),
                 class: f([k(h), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : g("", !0),
               i("div", sd, [
-                h.title ? (o(), u("div", ld, p(h.title), 1)) : g("", !0),
-                h.message ? (o(), u("div", od, p(h.message), 1)) : g("", !0),
-                h.description ? (o(), u("div", id, p(h.description), 1)) : g("", !0),
-                h.component ? (o(), D(me(h.component), Ee({
+                h.title ? (o(), u("div", ld, y(h.title), 1)) : g("", !0),
+                h.message ? (o(), u("div", od, y(h.message), 1)) : g("", !0),
+                h.description ? (o(), u("div", id, y(h.description), 1)) : g("", !0),
+                h.component ? (o(), _(me(h.component), Ee({
                   key: 3,
                   ref_for: !0
                 }, h.componentProps), null, 16)) : g("", !0)
@@ -7119,7 +7119,7 @@ const td = {
                 key: 1,
                 onClick: h.action.onClick,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-              }, p(h.action.label), 9, ud)) : g("", !0),
+              }, y(h.action.label), 9, ud)) : g("", !0),
               z(h) ? (o(), u("button", {
                 key: 2,
                 onClick: (w) => N(n)(h.id),
@@ -7229,7 +7229,7 @@ const td = {
             O.preventDefault(), v.value = !1, b.value = -1;
             break;
         }
-    }, y = (O) => {
+    }, p = (O) => {
       if (!s.highlightMatches || !s.modelValue || !O) return O;
       const G = new RegExp(`(${s.modelValue})`, "gi");
       return O.replace(G, '<mark class="bg-yellow-200">$1</mark>');
@@ -7262,7 +7262,7 @@ const td = {
     ), se = (O) => {
       d.value && !d.value.contains(O.target) && (v.value = !1, b.value = -1);
     };
-    return Te(() => document.addEventListener("click", se)), _e(() => {
+    return Te(() => document.addEventListener("click", se)), De(() => {
       document.removeEventListener("click", se), k.value && clearTimeout(k.value);
     }), we(() => s.results, () => b.value = -1), (O, G) => (o(), u("div", {
       class: "relative",
@@ -7314,30 +7314,30 @@ const td = {
             class: f(W.value)
           }, [
             e.results.length > 0 ? (o(), u("div", yd, [
-              (o(!0), u(X, null, J(e.results, (ae, _) => (o(), u("button", {
-                key: ae.id || _,
-                class: f(U(_)),
+              (o(!0), u(X, null, J(e.results, (ae, D) => (o(), u("button", {
+                key: ae.id || D,
+                class: f(U(D)),
                 onClick: (ee) => h(ae),
-                onMouseenter: (ee) => b.value = _
+                onMouseenter: (ee) => b.value = D
               }, [
-                ae.icon ? (o(), D(me(ae.icon), {
+                ae.icon ? (o(), _(me(ae.icon), {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : g("", !0),
                 i("div", xd, [
                   i("div", {
                     class: "font-medium text-slate-900",
-                    innerHTML: y(ae.title)
+                    innerHTML: p(ae.title)
                   }, null, 8, wd),
                   ae.description ? (o(), u("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
-                    innerHTML: y(ae.description)
+                    innerHTML: p(ae.description)
                   }, null, 8, kd)) : g("", !0)
                 ]),
-                ae.category ? (o(), u("div", Sd, p(ae.category), 1)) : g("", !0)
+                ae.category ? (o(), u("div", Sd, y(ae.category), 1)) : g("", !0)
               ], 42, pd))), 128))
-            ])) : e.showNoResults ? (o(), u("div", Cd, p(e.noResultsText), 1)) : g("", !0),
+            ])) : e.showNoResults ? (o(), u("div", Cd, y(e.noResultsText), 1)) : g("", !0),
             O.$slots.footer ? (o(), u("div", $d, [
               P(O.$slots, "footer")
             ])) : g("", !0)
@@ -7377,9 +7377,9 @@ const td = {
         [qa, r.value]
       ]),
       i("div", Pd, [
-        i("span", null, p(e.min), 1),
-        i("span", null, p(r.value), 1),
-        i("span", null, p(e.max), 1)
+        i("span", null, y(e.min), 1),
+        i("span", null, y(r.value), 1),
+        i("span", null, y(e.max), 1)
       ])
     ]));
   }
@@ -7410,15 +7410,15 @@ const td = {
           e.active ? "bg-blue-500 border-blue-500 text-white" : e.completed ? "bg-green-500 border-green-500 text-white" : "border-slate-300 text-slate-500"
         ])
       }, [
-        i("span", null, p(e.step), 1)
+        i("span", null, y(e.step), 1)
       ], 2),
       i("div", Ld, [
-        i("div", Fd, p(e.title), 1),
-        e.description ? (o(), u("div", Vd, p(e.description), 1)) : g("", !0)
+        i("div", Fd, y(e.title), 1),
+        e.description ? (o(), u("div", Vd, y(e.description), 1)) : g("", !0)
       ])
     ]));
   }
-}, Ed = { class: "flex border-b border-slate-200" }, Md = ["onClick"], _d = { class: "p-4" }, Dd = {
+}, Ed = { class: "flex border-b border-slate-200" }, Md = ["onClick"], Dd = { class: "p-4" }, _d = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 }
@@ -7440,9 +7440,9 @@ const td = {
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
             t.value === c ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
-        }, p(d.label), 11, Md))), 128))
+        }, y(d.label), 11, Md))), 128))
       ]),
-      i("div", _d, [
+      i("div", Dd, [
         P(s.$slots, "default")
       ])
     ]));
@@ -7587,7 +7587,7 @@ const td = {
       () => x(c({ variant: n.variant }))
     ), w = m(
       () => x(v({ variant: n.variant }))
-    ), y = (U) => x(
+    ), p = (U) => x(
       b({ variant: n.variant, size: n.size }),
       n.variant === "bordered" && d(U) && "bg-slate-50",
       n.variant === "filled" && d(U) && "bg-white",
@@ -7614,25 +7614,25 @@ const td = {
         class: f(w.value)
       }, [
         i("button", {
-          class: f(y(G)),
+          class: f(p(G)),
           "aria-expanded": d(G),
           "aria-controls": `panel-${O.id || G}`,
           id: `header-${O.id || G}`,
           onClick: (ae) => l(G)
         }, [
           i("div", Hd, [
-            O.icon ? (o(), D(me(O.icon), {
+            O.icon ? (o(), _(me(O.icon), {
               key: 0,
               class: f(F.value)
             }, null, 8, ["class"])) : g("", !0),
             i("div", qd, [
               i("h3", {
                 class: f(L.value)
-              }, p(O.title), 3),
+              }, y(O.title), 3),
               O.subtitle ? (o(), u("p", {
                 key: 0,
                 class: f(V.value)
-              }, p(O.subtitle), 3)) : g("", !0)
+              }, y(O.subtitle), 3)) : g("", !0)
             ])
           ]),
           i("div", {
@@ -7778,7 +7778,7 @@ const td = {
       (h, w) => new Date(n.value, t.value, -w).getDate()
     ).reverse()), b = m(() => {
       const h = v.value.length + d.value, w = h % 7 === 0 ? 0 : 7 - h % 7;
-      return Array.from({ length: w }, (y, L) => L + 1);
+      return Array.from({ length: w }, (p, L) => L + 1);
     });
     function k() {
       t.value === 0 ? (t.value = 11, n.value--) : t.value--;
@@ -7810,7 +7810,7 @@ const td = {
           ]),
           _: 1
         }),
-        i("div", Qd, p(l.value) + " " + p(n.value), 1),
+        i("div", Qd, y(l.value) + " " + y(n.value), 1),
         A(xe, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: B,
@@ -7826,31 +7826,31 @@ const td = {
         })
       ]),
       i("div", Zd, [
-        (o(), u(X, null, J(s, (y) => i("div", { key: y }, p(y), 1)), 64))
+        (o(), u(X, null, J(s, (p) => i("div", { key: p }, y(p), 1)), 64))
       ]),
       i("div", ec, [
-        (o(!0), u(X, null, J(v.value, (y) => (o(), u("div", {
-          key: "prev-" + y,
+        (o(!0), u(X, null, J(v.value, (p) => (o(), u("div", {
+          key: "prev-" + p,
           class: "text-slate-400 text-sm"
-        }, p(y), 1))), 128)),
-        (o(!0), u(X, null, J(d.value, (y) => (o(), D(xe, {
-          key: y,
-          onClick: (L) => S(y),
+        }, y(p), 1))), 128)),
+        (o(!0), u(X, null, J(d.value, (p) => (o(), _(xe, {
+          key: p,
+          onClick: (L) => S(p),
           class: f([
             "w-10 h-10 rounded-full flex items-center justify-center mx-auto",
-            z(y) ? "bg-blue-500 text-white font-semibold" : "",
-            $(y) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
+            z(p) ? "bg-blue-500 text-white font-semibold" : "",
+            $(p) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
           ])
         }, {
           default: E(() => [
-            q(p(y), 1)
+            q(y(p), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "class"]))), 128)),
-        (o(!0), u(X, null, J(b.value, (y) => (o(), u("div", {
-          key: "next-" + y,
+        (o(!0), u(X, null, J(b.value, (p) => (o(), u("div", {
+          key: "next-" + p,
           class: "text-slate-400 text-sm"
-        }, p(y), 1))), 128))
+        }, y(p), 1))), 128))
       ])
     ]));
   }
@@ -7936,21 +7936,21 @@ const td = {
       P(c.$slots, "header", {}, () => [
         i("div", ac, [
           i("div", null, [
-            e.title ? (o(), D(Wt, {
+            e.title ? (o(), _(Wt, {
               key: 0,
               class: f(l.value)
             }, {
               default: E(() => [
-                q(p(e.title), 1)
+                q(y(e.title), 1)
               ]),
               _: 1
             }, 8, ["class"])) : g("", !0),
-            e.description ? (o(), D(Wt, {
+            e.description ? (o(), _(Wt, {
               key: 1,
               class: f(d.value)
             }, {
               default: E(() => [
-                q(p(e.description), 1)
+                q(y(e.description), 1)
               ]),
               _: 1
             }, 8, ["class"])) : g("", !0)
@@ -8067,7 +8067,7 @@ const td = {
       }
     }), l = (S) => typeof S == "string" ? S : S?.key || S?.field || "unknown", d = (S, h) => {
       const w = l(h);
-      return typeof h == "object" && h.accessor ? h.accessor(S) : w && w.includes(".") ? w.split(".").reduce((y, L) => y?.[L], S) : S?.[w];
+      return typeof h == "object" && h.accessor ? h.accessor(S) : w && w.includes(".") ? w.split(".").reduce((p, L) => p?.[L], S) : S?.[w];
     }, c = (S, h) => {
       const w = d(S, h);
       return typeof h == "object" && h.formatter ? h.formatter(w, S) : w == null ? "" : w instanceof Date ? w.toLocaleDateString() : Array.isArray(w) ? w.join(", ") : w;
@@ -8127,7 +8127,7 @@ const td = {
           column: w,
           index: e.index
         }, () => [
-          q(p(c(e.item, w)), 1)
+          q(y(c(e.item, w)), 1)
         ])
       ], 2))), 128)),
       S.$slots.actions ? (o(), u("td", {
@@ -8264,11 +8264,11 @@ const td = {
     }), d = m(() => (t.currentPage - 1) * t.pageSize + 1), c = m(() => Math.min(t.currentPage * t.pageSize, t.total)), v = m(() => {
       const $ = [], S = t.totalPages, h = t.currentPage, w = t.maxVisiblePages;
       if (S <= w)
-        for (let y = 1; y <= S; y++)
-          $.push(y);
+        for (let p = 1; p <= S; p++)
+          $.push(p);
       else {
-        const y = Math.floor(w / 2);
-        let L = Math.max(1, h - y), V = Math.min(S, L + w - 1);
+        const p = Math.floor(w / 2);
+        let L = Math.max(1, h - p), V = Math.min(S, L + w - 1);
         V - L + 1 < w && (L = Math.max(1, V - w + 1));
         for (let F = L; F <= V; F++)
           $.push(F);
@@ -8295,7 +8295,7 @@ const td = {
       class: f(b.value)
     }, [
       i("div", rc, [
-        e.selectable && e.selectedCount > 0 ? (o(), u("div", sc, p(e.selectedCount) + " of " + p(e.total) + " selected ", 1)) : (o(), u("div", lc, " Showing " + p(d.value) + " to " + p(c.value) + " of " + p(e.total) + " entries ", 1)),
+        e.selectable && e.selectedCount > 0 ? (o(), u("div", sc, y(e.selectedCount) + " of " + y(e.total) + " selected ", 1)) : (o(), u("div", lc, " Showing " + y(d.value) + " to " + y(c.value) + " of " + y(e.total) + " entries ", 1)),
         $.$slots.footer ? (o(), u("div", oc, [
           P($.$slots, "footer")
         ])) : g("", !0),
@@ -8318,7 +8318,7 @@ const td = {
               class: f(B.value)
             }, {
               default: E(() => [
-                (o(!0), u(X, null, J(e.pageSizeOptions, (h) => (o(), D(Qn, {
+                (o(!0), u(X, null, J(e.pageSizeOptions, (h) => (o(), _(Qn, {
                   key: h,
                   value: h.toString(),
                   label: h.toString()
@@ -8373,7 +8373,7 @@ const td = {
                 key: h,
                 onClick: (w) => $.$emit("update:currentPage", h),
                 class: f(z(h === e.currentPage, !1))
-              }, p(h), 11, gc))), 128))
+              }, y(h), 11, gc))), 128))
             ]),
             i("button", {
               disabled: e.currentPage === e.totalPages,
@@ -8416,7 +8416,7 @@ const td = {
               ], -1)
             ])], 10, bc)
           ]),
-          i("div", hc, " Page " + p(e.currentPage) + " of " + p(e.totalPages), 1)
+          i("div", hc, " Page " + y(e.currentPage) + " of " + y(e.totalPages), 1)
         ])) : g("", !0)
       ])
     ], 2)) : g("", !0);
@@ -8638,7 +8638,7 @@ const td = {
     }), h = m(() => {
       let C = n.columns.length;
       return n.selectable && C++, n.$slots?.actions && C++, C;
-    }), w = m(() => z.value.length > 0 && z.value.every((C) => F(C))), y = m(() => {
+    }), w = m(() => z.value.length > 0 && z.value.every((C) => F(C))), p = m(() => {
       const C = z.value.filter((j) => F(j)).length;
       return C > 0 && C < z.value.length;
     }), L = (C, j) => j.accessor ? j.accessor(C) : j.key.split(".").reduce((K, ce) => K?.[ce], C), V = (C, j) => C[n.rowKey] || j, F = (C) => n.selectedItems.some(
@@ -8662,7 +8662,7 @@ const td = {
       n.paginationLoading || n.loading || (l.value = C, s.value = 1, r("page-size-change", C));
     }, ae = m(
       () => x(v({ variant: n.variant }))
-    ), _ = m(
+    ), D = m(
       () => x(b({ variant: n.variant }))
     ), ee = m(
       () => x(k({ variant: n.variant }))
@@ -8735,7 +8735,7 @@ const td = {
     }), (C, j) => (o(), u("div", {
       class: f(ae.value)
     }, [
-      e.title || e.description || C.$slots.header ? (o(), D(er, {
+      e.title || e.description || C.$slots.header ? (o(), _(er, {
         key: 0,
         title: e.title,
         description: e.description,
@@ -8751,7 +8751,7 @@ const td = {
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : g("", !0),
       i("div", yc, [
-        e.loading ? (o(), D(We, {
+        e.loading ? (o(), _(We, {
           key: 0,
           loading: !0,
           type: e.loadingType,
@@ -8767,7 +8767,7 @@ const td = {
           class: f(["overflow-x-auto", { "opacity-50": e.loading }])
         }, [
           i("table", {
-            class: f(_.value)
+            class: f(D.value)
           }, [
             i("thead", {
               class: f(ee.value)
@@ -8778,16 +8778,16 @@ const td = {
                   class: f(ze.value)
                 }, [
                   i("div", pc, [
-                    e.bulkLoading ? (o(), D(We, {
+                    e.bulkLoading ? (o(), _(We, {
                       key: 0,
                       loading: !0,
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : (o(), D(ra, {
+                    }, null, 8, ["color"])) : (o(), _(ra, {
                       key: 1,
                       modelValue: w.value,
-                      indeterminate: y.value,
+                      indeterminate: p.value,
                       disabled: e.loading || e.dataLoading,
                       "onUpdate:modelValue": W
                     }, null, 8, ["modelValue", "indeterminate", "disabled"]))
@@ -8799,8 +8799,8 @@ const td = {
                   onClick: (ce) => U(K)
                 }, [
                   i("div", wc, [
-                    i("span", null, p(K.label), 1),
-                    e.sortLoading && d.value === K.key ? (o(), D(We, {
+                    i("span", null, y(K.label), 1),
+                    e.sortLoading && d.value === K.key ? (o(), _(We, {
                       key: 0,
                       loading: !0,
                       type: "spin",
@@ -8860,7 +8860,7 @@ const td = {
                     }, null, 8, ["color"])
                   ])
                 ], 10, Cc)
-              ])) : S.value.length > 0 && !e.loading ? (o(!0), u(X, { key: 1 }, J(S.value, (K, ce) => (o(), D(tr, {
+              ])) : S.value.length > 0 && !e.loading ? (o(!0), u(X, { key: 1 }, J(S.value, (K, ce) => (o(), _(tr, {
                 key: V(K, ce),
                 item: K,
                 columns: e.columns,
@@ -8909,7 +8909,7 @@ const td = {
                           })
                         ])
                       ], -1)),
-                      i("p", Pc, p(e.emptyText), 1),
+                      i("p", Pc, y(e.emptyText), 1),
                       j[3] || (j[3] = i("p", { class: "text-slate-500 text-sm" }, "Try adjusting your search or filter criteria", -1))
                     ])
                   ], !0)
@@ -8945,7 +8945,7 @@ const td = {
           ], 2)
         ], 2)
       ]),
-      e.showPagination || C.$slots.footer ? (o(), D(ar, {
+      e.showPagination || C.$slots.footer ? (o(), _(ar, {
         key: 1,
         "current-page": s.value,
         "total-pages": $.value,
@@ -9052,17 +9052,17 @@ const td = {
       class: f(s.value)
     }, [
       P(l.$slots, "default", {}, () => [
-        q(p(t.value), 1)
+        q(y(t.value), 1)
       ])
     ], 2));
   }
 }, Oc = { class: "bg-white border-b border-gray-200" }, Lc = { class: "flex-1 min-w-80 max-w-md" }, Fc = { class: "relative group" }, Vc = ["model-value", "placeholder"], Nc = {
   key: 0,
   class: "min-w-36"
-}, Ec = { class: "relative" }, Mc = ["value"], _c = {
+}, Ec = { class: "relative" }, Mc = ["value"], Dc = {
   key: 1,
   class: "flex items-center gap-2"
-}, Dc = { class: "flex items-center gap-3 ml-auto" }, Rc = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Wc = { class: "flex items-center justify-between" }, Hc = { class: "flex items-center gap-3" }, qc = { class: "relative flex-1" }, Uc = ["model-value", "onInput", "placeholder"], Yc = { class: "relative flex-1" }, Gc = ["model-value", "onInput", "placeholder"], Kc = ["onClick"], Xc = { class: "flex items-center gap-3 flex-wrap" }, Jc = ["onClick"], Qc = {
+}, _c = { class: "flex items-center gap-3 ml-auto" }, Rc = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Wc = { class: "flex items-center justify-between" }, Hc = { class: "flex items-center gap-3" }, qc = { class: "relative flex-1" }, Uc = ["model-value", "onInput", "placeholder"], Yc = { class: "relative flex-1" }, Gc = ["model-value", "onInput", "placeholder"], Kc = ["onClick"], Xc = { class: "flex items-center gap-3 flex-wrap" }, Jc = ["onClick"], Qc = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
 }, Zc = { class: "flex items-center justify-between" }, ef = { class: "flex items-center gap-4" }, tf = { class: "text-sm text-gray-600" }, af = { class: "font-medium" }, nf = {
@@ -9257,7 +9257,7 @@ const td = {
       }))
     ), w = m(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 group-hover:text-gray-600 transition-colors"
-    ), y = m(
+    ), p = m(
       () => x(
         l({ size: "md" }),
         "w-full pl-10 pr-10 hover:border-gray-300"
@@ -9292,7 +9292,7 @@ const td = {
       () => "text-gray-400 hover:text-gray-600 p-1.5 hover:bg-gray-200 rounded-full transition-all"
     ), ae = m(
       () => x(d({ variant: "ghost", size: "md" }))
-    ), _ = m(
+    ), D = m(
       () => x(d({ variant: "default", size: "lg" }))
     ), ee = m(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
@@ -9347,7 +9347,7 @@ const td = {
                 "model-value": e.searchQuery,
                 onInput: M[0] || (M[0] = (j) => Y.$emit("update:searchQuery", j.target.value)),
                 placeholder: e.searchPlaceholder,
-                class: f(y.value)
+                class: f(p.value)
               }, null, 42, Vc),
               e.searchQuery ? (o(), u("button", {
                 key: 0,
@@ -9373,7 +9373,7 @@ const td = {
                   (o(!0), u(X, null, J(e.statusOptions, (j) => (o(), u("option", {
                     key: j.value,
                     value: j.value
-                  }, p(j.label), 9, Mc))), 128))
+                  }, y(j.label), 9, Mc))), 128))
                 ]),
                 _: 1
               }, 8, ["model-value", "class"]),
@@ -9395,17 +9395,17 @@ const td = {
             $.value > 0 ? (o(), u("span", {
               key: 0,
               class: f(re.value)
-            }, p($.value), 3)) : g("", !0),
+            }, y($.value), 3)) : g("", !0),
             A(C, {
               icon: r.value ? "chevron-up" : "chevron-down",
               class: "w-4 h-4 ml-1"
             }, null, 8, ["icon"])
           ], 2),
-          Y.$slots.filters ? (o(), u("div", _c, [
+          Y.$slots.filters ? (o(), u("div", Dc, [
             P(Y.$slots, "filters")
           ])) : g("", !0),
-          i("div", Dc, [
-            z.value ? (o(), D(xe, {
+          i("div", _c, [
+            z.value ? (o(), _(xe, {
               key: 0,
               onClick: ze,
               class: f(ae.value)
@@ -9419,10 +9419,10 @@ const td = {
               ]),
               _: 1
             }, 8, ["class"])) : g("", !0),
-            e.showExport ? (o(), D(xe, {
+            e.showExport ? (o(), _(xe, {
               key: 1,
               onClick: M[3] || (M[3] = (j) => Y.$emit("export")),
-              class: f(_.value)
+              class: f(D.value)
             }, {
               default: E(() => [
                 A(C, {
@@ -9434,7 +9434,7 @@ const td = {
               _: 1
             }, 8, ["class"])) : g("", !0),
             P(Y.$slots, "actions", {}, () => [
-              e.showAdd ? (o(), D(xe, {
+              e.showAdd ? (o(), _(xe, {
                 key: 0,
                 variant: "success",
                 size: "lg",
@@ -9464,10 +9464,10 @@ const td = {
               i("div", Wc, [
                 i("label", {
                   class: f(se.value)
-                }, p(j.label), 3),
+                }, y(j.label), 3),
                 i("span", {
                   class: f(b(j))
-                }, p(c(j) ? "Active" : "Inactive"), 3)
+                }, y(c(j) ? "Active" : "Inactive"), 3)
               ]),
               i("div", Hc, [
                 i("div", qc, [
@@ -9530,7 +9530,7 @@ const td = {
                 icon: j.icon,
                 class: "w-3 h-3"
               }, null, 8, ["icon"]),
-              i("span", null, p(j.label) + ": " + p(j.value), 1),
+              i("span", null, y(j.label) + ": " + y(j.value), 1),
               i("button", {
                 onClick: (K) => Ze(j.key),
                 class: f(te.value)
@@ -9547,8 +9547,8 @@ const td = {
           i("div", Zc, [
             i("div", ef, [
               i("span", tf, [
-                i("span", af, p(e.totalItems || 0), 1),
-                q(" " + p(e.itemLabel || "items") + " found ", 1)
+                i("span", af, y(e.totalItems || 0), 1),
+                q(" " + y(e.itemLabel || "items") + " found ", 1)
               ])
             ])
           ])
@@ -9680,7 +9680,7 @@ const td = {
       () => "flex items-center gap-2 px-3 py-2 text-sm text-slate-600 hover:text-slate-800 border border-slate-300 rounded-md hover:bg-slate-50 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1"
     ), w = m(
       () => "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"
-    ), y = m(
+    ), p = m(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
     ), L = m(
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
@@ -9702,12 +9702,12 @@ const td = {
       state: t.isRefreshing ? "refreshing" : "normal"
     })), G = () => x("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), ae = (ee) => t.visibleColumns.includes(ee), _ = (ee, le) => {
+    }), ae = (ee) => t.visibleColumns.includes(ee), D = (ee, le) => {
       n("toggle-column", { column: ee, visible: le });
     };
     return Te(() => {
       document.addEventListener("click", re);
-    }), _e(() => {
+    }), De(() => {
       document.removeEventListener("click", re);
     }), (ee, le) => {
       const ye = oe("font-awesome-icon");
@@ -9716,20 +9716,20 @@ const td = {
       }, [
         i("div", rf, [
           d.value > 0 ? (o(), u("div", sf, [
-            i("span", lf, p(d.value) + " selected ", 1),
+            i("span", lf, y(d.value) + " selected ", 1),
             i("div", of, [
-              (o(!0), u(X, null, J(e.bulkActions, (te) => (o(), D(xe, {
+              (o(!0), u(X, null, J(e.bulkActions, (te) => (o(), _(xe, {
                 key: te.key,
                 onClick: (ze) => ee.$emit("bulk-action", { action: te.key, items: e.selectedItems }),
                 class: f(U(te))
               }, {
                 default: E(() => [
-                  te.icon ? (o(), D(ye, {
+                  te.icon ? (o(), _(ye, {
                     key: 0,
                     icon: te.icon,
                     class: "w-4 h-4"
                   }, null, 8, ["icon"])) : g("", !0),
-                  q(" " + p(te.label), 1)
+                  q(" " + y(te.label), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick", "class"]))), 128))
@@ -9737,7 +9737,7 @@ const td = {
           ])) : e.totalItems > 0 ? (o(), u("div", {
             key: 1,
             class: f($.value)
-          }, p(e.totalItems) + " " + p(e.totalItems === 1 ? "item" : "items"), 3)) : g("", !0)
+          }, y(e.totalItems) + " " + y(e.totalItems === 1 ? "item" : "items"), 3)) : g("", !0)
         ]),
         i("div", uf, [
           e.showDensityToggle ? (o(), u("div", {
@@ -9780,7 +9780,7 @@ const td = {
             }, [
               i("div", ff, [
                 i("div", {
-                  class: f(y.value)
+                  class: f(p.value)
                 }, " Show Columns ", 2),
                 i("div", mf, [
                   (o(!0), u(X, null, J(e.toggleableColumns, (te) => (o(), u("div", {
@@ -9791,12 +9791,12 @@ const td = {
                       i("input", {
                         type: "checkbox",
                         checked: ae(te.key),
-                        onChange: (ze) => _(te.key, ze.target.checked),
+                        onChange: (ze) => D(te.key, ze.target.checked),
                         class: f(V.value)
                       }, null, 42, vf),
                       i("span", {
                         class: f(F.value)
-                      }, p(te.label), 3)
+                      }, y(te.label), 3)
                     ])
                   ], 2))), 128))
                 ])
@@ -9939,7 +9939,7 @@ const td = {
             P(a.$slots, "copyright", {}, () => [
               A(r, { class: "text-gray-600" }, {
                 default: E(() => [
-                  q(" © " + p((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
+                  q(" © " + y((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
               })
@@ -9983,13 +9983,16 @@ const td = {
 }, Mf = {
   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"
-}, _f = {
+}, Df = {
   key: 3,
   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"
-}, Df = { class: "max-h-96 overflow-y-auto" }, Rf = { class: "flex items-start space-x-3" }, Wf = { class: "flex-1" }, Hf = { class: "text-sm text-gray-900" }, qf = { class: "text-xs text-gray-500 mt-1" }, Uf = { class: "relative" }, Yf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, Gf = { class: "text-gray-600 text-sm font-medium" }, Kf = { class: "hidden md:block text-left max-w-[160px] truncate" }, Xf = { class: "text-sm font-medium text-gray-900 truncate" }, Jf = { class: "text-xs text-gray-500 truncate leading-tight" }, Qf = {
+}, _f = { class: "max-h-96 overflow-y-auto" }, Rf = { class: "flex items-start space-x-3" }, Wf = { class: "flex-1" }, Hf = { class: "text-sm text-gray-900" }, qf = { class: "text-xs text-gray-500 mt-1" }, Uf = { class: "relative" }, Yf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, Gf = { class: "text-gray-600 text-sm font-medium" }, Kf = { class: "hidden md:block text-left max-w-[160px] truncate" }, Xf = { class: "text-sm font-medium text-gray-900 truncate" }, Jf = {
+  key: 0,
+  class: "text-xs text-gray-500 truncate leading-tight"
+}, Qf = { class: "text-xs text-gray-500 truncate leading-tight" }, Zf = {
   key: 0,
   class: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Zf = { class: "p-4 border-b border-gray-200" }, em = { class: "text-sm font-medium text-gray-900" }, tm = { class: "text-xs text-gray-500" }, am = { class: "py-2" }, nm = ["onClick"], rm = {
+}, em = { class: "p-4 border-b border-gray-200" }, tm = { class: "text-sm font-medium text-gray-900" }, am = { class: "text-xs text-gray-500" }, nm = { class: "py-2" }, rm = ["onClick"], sm = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -10015,15 +10018,15 @@ const td = {
       n("profile-action", V), l.value = !1;
     }, w = () => {
       n("logout"), l.value = !1;
-    }, y = (V) => {
+    }, p = (V) => {
       !V.target.closest(".absolute") && !V.target.closest("button") && (s.value = !1, l.value = !1);
     }, L = () => {
       v.value = window.innerWidth < 768;
     };
     return Te(() => {
-      document.addEventListener("click", y), L(), window.addEventListener("resize", L);
-    }), _e(() => {
-      document.removeEventListener("click", y), window.removeEventListener("resize", L);
+      document.addEventListener("click", p), L(), window.addEventListener("resize", L);
+    }), De(() => {
+      document.removeEventListener("click", p), window.removeEventListener("resize", L);
     }), we(r, (V) => n("search", V)), (V, F) => {
       const re = oe("router-link");
       return o(), u("header", {
@@ -10035,11 +10038,11 @@ const td = {
         i("div", Pf, [
           i("div", Tf, [
             e.organisationName ? (o(), u("div", jf, [
-              i("p", Bf, p(e.organisationName), 1),
-              e.user.organisation?.role ? (o(), u("p", Of, p(e.user.organisation.role), 1)) : g("", !0)
+              i("p", Bf, y(e.organisationName), 1),
+              e.user.organisation?.role ? (o(), u("p", Of, y(e.user.organisation.role), 1)) : g("", !0)
             ])) : g("", !0),
             i("nav", Lf, [
-              i("span", Ff, p(e.currentSection), 1),
+              i("span", Ff, y(e.currentSection), 1),
               F[4] || (F[4] = i("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -10053,7 +10056,7 @@ const td = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", Vf, p(e.currentPage), 1)
+              i("span", Vf, y(e.currentPage), 1)
             ])
           ]),
           i("div", Nf, [
@@ -10147,13 +10150,13 @@ const td = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              d.value > 0 ? (o(), u("span", Mf, p(d.value), 1)) : g("", !0)
+              d.value > 0 ? (o(), u("span", Mf, y(d.value), 1)) : g("", !0)
             ]),
-            s.value ? (o(), u("div", _f, [
+            s.value ? (o(), u("div", Df, [
               F[10] || (F[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", Df, [
+              i("div", _f, [
                 (o(!0), u(X, null, J(e.notifications, (W) => (o(), u("div", {
                   key: W.id,
                   class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
@@ -10161,8 +10164,8 @@ const td = {
                   i("div", Rf, [
                     F[9] || (F[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                     i("div", Wf, [
-                      i("p", Hf, p(W.title), 1),
-                      i("p", qf, p(W.time), 1)
+                      i("p", Hf, y(W.title), 1),
+                      i("p", qf, y(W.time), 1)
                     ])
                   ])
                 ]))), 128))
@@ -10177,11 +10180,12 @@ const td = {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors"
               }, [
                 i("div", Yf, [
-                  i("span", Gf, p(b.value), 1)
+                  i("span", Gf, y(b.value), 1)
                 ]),
                 i("div", Kf, [
-                  i("p", Xf, p(e.user.name), 1),
-                  i("p", Jf, p(k.value), 1)
+                  i("p", Xf, y(e.user.name), 1),
+                  e.organisationName ? (o(), u("p", Jf, y(e.organisationName) + " - " + y(e.user.organisation?.role), 1)) : g("", !0),
+                  i("p", Qf, y(k.value), 1)
                 ]),
                 F[12] || (F[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -10197,16 +10201,16 @@ const td = {
                   })
                 ], -1))
               ]),
-              l.value ? (o(), u("div", Qf, [
-                i("div", Zf, [
-                  i("p", em, p(e.user.name), 1),
-                  i("p", tm, p(e.user.email), 1)
+              l.value ? (o(), u("div", Zf, [
+                i("div", em, [
+                  i("p", tm, y(e.user.name), 1),
+                  i("p", am, y(e.user.email), 1)
                 ]),
-                i("div", am, [
+                i("div", nm, [
                   (o(!0), u(X, null, J(e.profileMenuItems, (W) => (o(), u(X, {
                     key: W.name
                   }, [
-                    W.route ? (o(), D(re, {
+                    W.route ? (o(), _(re, {
                       key: 0,
                       to: W.route,
                       class: f(N(x)(
@@ -10220,7 +10224,7 @@ const td = {
                           icon: W.icon,
                           class: "w-4 h-4 mr-3 text-gray-400"
                         }, null, 8, ["icon"]),
-                        q(" " + p(W.label), 1)
+                        q(" " + y(W.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["to", "class", "onClick"])) : (o(), u("button", {
@@ -10232,8 +10236,8 @@ const td = {
                         icon: W.icon,
                         class: "w-4 h-4 mr-3 text-gray-400"
                       }, null, 8, ["icon"]),
-                      q(" " + p(W.label), 1)
-                    ], 8, nm))
+                      q(" " + y(W.label), 1)
+                    ], 8, rm))
                   ], 64))), 128))
                 ]),
                 i("div", { class: "border-t border-gray-200 py-2" }, [
@@ -10264,34 +10268,34 @@ const td = {
       ], 2);
     };
   }
-}, sm = {
+}, lm = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, lm = { class: "text-lg font-bold text-gray-900" }, om = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, im = { class: "space-y-2" }, um = { key: 0 }, dm = {
+}, om = { class: "text-lg font-bold text-gray-900" }, im = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, um = { class: "space-y-2" }, dm = { key: 0 }, cm = {
   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"
-}, cm = ["onClick"], fm = {
+}, fm = ["onClick"], mm = {
   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"
-}, mm = {
+}, gm = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, gm = {
+}, vm = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, vm = {
+}, bm = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, bm = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, hm = { class: "flex items-center justify-between p-4" }, ym = { class: "flex-1 text-lg font-bold text-gray-900 ml-2" }, pm = { class: "p-3" }, xm = { class: "space-y-1" }, wm = {
+}, hm = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, ym = { class: "flex items-center justify-between p-4" }, pm = { class: "flex-1 text-lg font-bold text-gray-900 ml-2" }, xm = { class: "p-3" }, wm = { class: "space-y-1" }, km = {
   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"
-}, km = {
+}, Sm = {
   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"
-}, Sm = { class: "p-3" }, Cm = { class: "space-y-1" }, $m = {
+}, Cm = { class: "p-3" }, $m = { class: "space-y-1" }, zm = {
   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"
-}, zm = {
+}, Am = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -10346,19 +10350,19 @@ const td = {
     }, $ = () => {
       r("update:mobileOpen", !1);
     }, S = (O) => O.subItems && O.subItems.length > 0, h = (O) => {
-      c.value && L(), l.value && d.value !== O ? (y(), setTimeout(() => {
+      c.value && L(), l.value && d.value !== O ? (p(), setTimeout(() => {
         d.value = O, l.value = !0;
-      }, 300)) : l.value ? d.value === O && y() : (d.value = O, l.value = !0), s.value && $();
+      }, 300)) : l.value ? d.value === O && p() : (d.value = O, l.value = !0), s.value && $();
     }, w = () => {
-      l.value && y(), c.value ? L() : c.value = !0, s.value && $();
-    }, y = () => {
+      l.value && p(), c.value ? L() : c.value = !0, s.value && $();
+    }, p = () => {
       l.value = !1, setTimeout(() => {
         d.value = null;
       }, 300);
     }, L = () => {
       c.value = !1;
     }, V = () => {
-      y(), L();
+      p(), L();
     }, F = (O) => {
       z(O);
     }, re = (O) => {
@@ -10374,7 +10378,7 @@ const td = {
     };
     return Te(() => {
       U(), window.addEventListener("resize", U), document.addEventListener("keydown", se);
-    }), _e(() => {
+    }), De(() => {
       window.removeEventListener("resize", U), document.removeEventListener("keydown", se);
     }), a({
       isMobile: s,
@@ -10412,8 +10416,8 @@ const td = {
           )),
           style: de({ width: e.sidebarWidth + "px", top: s.value ? "0px" : "4rem" })
         }, [
-          s.value ? (o(), u("div", sm, [
-            i("h2", lm, p(e.header?.title), 1),
+          s.value ? (o(), u("div", lm, [
+            i("h2", om, y(e.header?.title), 1),
             i("button", {
               onClick: $,
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
@@ -10434,47 +10438,47 @@ const td = {
               ], -1)
             ])])
           ])) : g("", !0),
-          i("nav", om, [
-            i("div", im, [
-              (o(!0), u(X, null, J(e.navigationItems, (_) => (o(), u(X, {
-                key: _.name || _.label
+          i("nav", im, [
+            i("div", um, [
+              (o(!0), u(X, null, J(e.navigationItems, (D) => (o(), u(X, {
+                key: D.name || D.label
               }, [
-                _.type === "link" ? (o(), u("div", um, [
-                  S(_) ? (o(), u("div", {
+                D.type === "link" ? (o(), u("div", dm, [
+                  S(D) ? (o(), u("div", {
                     key: 1,
-                    onClick: (ee) => h(_),
+                    onClick: (ee) => h(D),
                     class: f(N(x)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      W(_) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      W(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     ))
                   }, [
                     i("div", {
                       class: f(N(x)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        W(_) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                        W(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
                       A(Z, {
-                        icon: _.icon,
+                        icon: D.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
                     ], 2),
                     i("span", {
                       class: f(N(x)(
                         "text-xs font-medium text-center",
-                        W(_) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        W(D) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
-                    }, p(_.label), 3),
-                    _.badge ? (o(), u("span", fm, p(_.badge), 1)) : g("", !0),
-                    W(_) && S(_) ? (o(), u("div", mm)) : g("", !0)
-                  ], 10, cm)) : (o(), D(ae, {
+                    }, y(D.label), 3),
+                    D.badge ? (o(), u("span", mm, y(D.badge), 1)) : g("", !0),
+                    W(D) && S(D) ? (o(), u("div", gm)) : g("", !0)
+                  ], 10, fm)) : (o(), _(ae, {
                     key: 0,
-                    to: _.route,
-                    onClick: (ee) => z(_),
+                    to: D.route,
+                    onClick: (ee) => z(D),
                     class: f(N(x)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      W(_) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      W(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     ))
                   }, {
                     default: E(() => [
@@ -10482,21 +10486,21 @@ const td = {
                         class: f(N(x)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          W(_) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                          W(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
                         A(Z, {
-                          icon: _.icon,
+                          icon: D.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "text-xs font-medium text-center",
-                          W(_) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          W(D) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
-                      }, p(_.label), 3),
-                      _.badge ? (o(), u("span", dm, p(_.badge), 1)) : g("", !0)
+                      }, y(D.label), 3),
+                      D.badge ? (o(), u("span", cm, y(D.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))
@@ -10504,7 +10508,7 @@ const td = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (o(), u("div", gm, [
+          e.showManagementSettings ? (o(), u("div", vm, [
             i("div", {
               onClick: w,
               class: f(N(x)(
@@ -10530,7 +10534,7 @@ const td = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (o(), u("div", vm)) : g("", !0)
+              e.isManagementSettingsActive ? (o(), u("div", bm)) : g("", !0)
             ], 2)
           ])) : g("", !0)
         ], 6),
@@ -10553,10 +10557,10 @@ const td = {
               ),
               style: de(b.value)
             }, [
-              i("div", bm, [
-                i("div", hm, [
+              i("div", hm, [
+                i("div", ym, [
                   i("button", {
-                    onClick: y,
+                    onClick: p,
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu"
                   }, [...G[1] || (G[1] = [
@@ -10574,45 +10578,45 @@ const td = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", ym, p(d.value?.label), 1)
+                  i("h3", pm, y(d.value?.label), 1)
                 ])
               ]),
-              i("nav", pm, [
-                i("div", xm, [
-                  (o(!0), u(X, null, J(d.value?.subItems, (_) => (o(), D(ae, {
-                    key: _.name,
-                    to: _.route,
-                    onClick: (ee) => F(_),
+              i("nav", xm, [
+                i("div", wm, [
+                  (o(!0), u(X, null, J(d.value?.subItems, (D) => (o(), _(ae, {
+                    key: D.name,
+                    to: D.route,
+                    onClick: (ee) => F(D),
                     class: f(
                       N(x)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        W(_) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        W(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     )
                   }, {
                     default: E(() => [
-                      W(_) ? (o(), u("div", wm)) : g("", !0),
+                      W(D) ? (o(), u("div", km)) : g("", !0),
                       i("div", {
                         class: f(
                           N(x)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            W(_) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            W(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        _.icon ? (o(), D(Z, {
+                        D.icon ? (o(), _(Z, {
                           key: 0,
-                          icon: _.icon,
+                          icon: D.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : g("", !0)
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "flex-1 truncate font-semibold",
-                          W(_) ? "text-blue-700" : "text-gray-700"
+                          W(D) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, p(_.label), 3),
-                      _.badge ? (o(), u("span", km, p(_.badge), 1)) : g("", !0)
+                      }, y(D.label), 3),
+                      D.badge ? (o(), u("span", Sm, y(D.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -10665,41 +10669,41 @@ const td = {
                   G[3] || (G[3] = i("h3", { class: "flex-1 text-lg font-bold text-gray-900 ml-2" }, "Management Settings", -1))
                 ])
               ]),
-              i("nav", Sm, [
-                i("div", Cm, [
-                  (o(!0), u(X, null, J(e.managementSettings, (_) => (o(), D(ae, {
-                    key: _.name,
-                    to: _.route,
-                    onClick: (ee) => re(_),
+              i("nav", Cm, [
+                i("div", $m, [
+                  (o(!0), u(X, null, J(e.managementSettings, (D) => (o(), _(ae, {
+                    key: D.name,
+                    to: D.route,
+                    onClick: (ee) => re(D),
                     class: f(
                       N(x)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        W(_) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        W(D) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     )
                   }, {
                     default: E(() => [
-                      W(_) ? (o(), u("div", $m)) : g("", !0),
+                      W(D) ? (o(), u("div", zm)) : g("", !0),
                       i("div", {
                         class: f(
                           N(x)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            W(_) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            W(D) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        _.icon ? (o(), D(Z, {
+                        D.icon ? (o(), _(Z, {
                           key: 0,
-                          icon: _.icon,
+                          icon: D.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : g("", !0)
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "flex-1 truncate font-semibold",
-                          W(_) ? "text-blue-700" : "text-gray-700"
+                          W(D) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, p(_.label), 3)
+                      }, y(D.label), 3)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -10729,7 +10733,7 @@ const td = {
       ]);
     };
   }
-}, Am = {
+}, Im = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -10748,13 +10752,13 @@ const td = {
       P(a.$slots, "default")
     ], 2));
   }
-}, Im = {
+}, Pm = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Pm = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Tm = { class: "text-slate-900 font-medium" }, jm = {
+}, Tm = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, jm = { class: "text-slate-900 font-medium" }, Bm = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Bm = { class: "mt-2 text-slate-600 text-sm" }, Om = {
+}, Om = { class: "mt-2 text-slate-600 text-sm" }, Lm = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -10778,8 +10782,8 @@ const td = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (o(), u("div", Im)) : g("", !0),
-      i("div", Pm, [
+      e.orientation === "vertical" ? (o(), u("div", Pm)) : g("", !0),
+      i("div", Tm, [
         P(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -10790,23 +10794,23 @@ const td = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Tm, [
+        i("h3", jm, [
           P(a.$slots, "title", {}, () => [
-            q(p(e.title), 1)
+            q(y(e.title), 1)
           ])
         ]),
-        e.subtitle ? (o(), u("p", jm, [
+        e.subtitle ? (o(), u("p", Bm, [
           P(a.$slots, "subtitle", {}, () => [
-            q(p(e.subtitle), 1)
+            q(y(e.subtitle), 1)
           ])
         ])) : g("", !0),
-        i("div", Bm, [
+        i("div", Om, [
           P(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Lm = {
+}, Fm = {
   name: "AuthLayout",
   props: {
     title: {
@@ -10895,20 +10899,20 @@ const td = {
       currentYear: m(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Fm = { class: "container mx-auto px-4 relative z-10" }, Vm = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Nm = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Em = { class: "mb-6" }, Mm = { class: "text-4xl lg:text-6xl font-bold mb-2" }, _m = { class: "text-white" }, Dm = { class: "flex items-center justify-center lg:justify-start mb-6" }, Rm = { class: "text-3xl lg:text-4xl font-bold text-white" }, Wm = { class: "lg:col-span-4" }, Hm = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, qm = {
+}, Vm = { class: "container mx-auto px-4 relative z-10" }, Nm = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Em = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Mm = { class: "mb-6" }, Dm = { class: "text-4xl lg:text-6xl font-bold mb-2" }, _m = { class: "text-white" }, Rm = { class: "flex items-center justify-center lg:justify-start mb-6" }, Wm = { class: "text-3xl lg:text-4xl font-bold text-white" }, Hm = { class: "lg:col-span-4" }, qm = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Um = {
   key: 0,
   class: "mb-6"
-}, Um = { class: "text-center" }, Ym = { class: "text-2xl font-bold text-gray-900" }, Gm = {
+}, Ym = { class: "text-center" }, Gm = { class: "text-2xl font-bold text-gray-900" }, Km = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Km = { class: "space-y-6" }, Xm = {
+}, Xm = { class: "space-y-6" }, Jm = {
   key: 1,
   class: "mt-6"
-}, Jm = {
+}, Qm = {
   key: 0,
   class: "mt-6 text-center"
-}, Qm = { class: "absolute bottom-4 right-4 text-right" }, Zm = { class: "flex items-end justify-end mb-2" }, eg = { class: "text-right mr-3" }, tg = { class: "text-red-500 font-bold text-xs" }, ag = { class: "text-white text-xs" }, ng = { class: "text-white/70 text-xs" }, rg = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, sg = { class: "text-white/70 text-xs" }, lg = { class: "absolute bottom-4 left-4 flex gap-2" }, og = ["href"];
-function ig(e, a, t, n, r, s) {
+}, Zm = { class: "absolute bottom-4 right-4 text-right" }, eg = { class: "flex items-end justify-end mb-2" }, tg = { class: "text-right mr-3" }, ag = { class: "text-red-500 font-bold text-xs" }, ng = { class: "text-white text-xs" }, rg = { class: "text-white/70 text-xs" }, sg = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, lg = { class: "text-white/70 text-xs" }, og = { class: "absolute bottom-4 left-4 flex gap-2" }, ig = ["href"];
+function ug(e, a, t, n, r, s) {
   const l = oe("router-view"), d = oe("font-awesome-icon");
   return o(), u("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -10921,70 +10925,70 @@ function ig(e, a, t, n, r, s) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", Fm, [
-      i("div", Vm, [
-        i("div", Nm, [
-          i("div", Em, [
-            i("div", Mm, [
+    i("div", Vm, [
+      i("div", Nm, [
+        i("div", Em, [
+          i("div", Mm, [
+            i("div", Dm, [
               i("span", {
                 style: de({ color: t.primaryColor })
-              }, p(t.primaryLogoPrefix), 5),
-              i("span", _m, p(t.primaryLogoText), 1)
+              }, y(t.primaryLogoPrefix), 5),
+              i("span", _m, y(t.primaryLogoText), 1)
             ]),
             i("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: de({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          i("div", Dm, [
+          i("div", Rm, [
             i("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: de({ backgroundColor: t.primaryColor })
-            }, p(t.secondaryLogoPrefix), 5),
-            i("span", Rm, p(t.secondaryLogoText), 1)
+            }, y(t.secondaryLogoPrefix), 5),
+            i("span", Wm, y(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", Wm, [
-          i("div", Hm, [
-            e.$slots["card-header"] || t.title ? (o(), u("div", qm, [
+        i("div", Hm, [
+          i("div", qm, [
+            e.$slots["card-header"] || t.title ? (o(), u("div", Um, [
               P(e.$slots, "card-header", {}, () => [
-                i("div", Um, [
-                  i("h1", Ym, p(t.title), 1),
-                  t.subtitle ? (o(), u("p", Gm, p(t.subtitle), 1)) : g("", !0)
+                i("div", Ym, [
+                  i("h1", Gm, y(t.title), 1),
+                  t.subtitle ? (o(), u("p", Km, y(t.subtitle), 1)) : g("", !0)
                 ])
               ])
             ])) : g("", !0),
-            i("div", Km, [
+            i("div", Xm, [
               A(l)
             ]),
-            e.$slots["card-footer"] ? (o(), u("div", Xm, [
+            e.$slots["card-footer"] ? (o(), u("div", Jm, [
               P(e.$slots, "card-footer")
             ])) : g("", !0)
           ]),
-          e.$slots.links ? (o(), u("div", Jm, [
+          e.$slots.links ? (o(), u("div", Qm, [
             P(e.$slots, "links")
           ])) : g("", !0)
         ])
       ])
     ]),
-    i("div", Qm, [
-      i("div", Zm, [
-        i("div", eg, [
-          i("div", tg, p(t.companyName), 1),
-          i("div", ag, p(t.companyType), 1),
-          i("div", ng, p(t.companyTagline), 1)
+    i("div", Zm, [
+      i("div", eg, [
+        i("div", tg, [
+          i("div", ag, y(t.companyName), 1),
+          i("div", ng, y(t.companyType), 1),
+          i("div", rg, y(t.companyTagline), 1)
         ]),
-        i("div", rg, p(t.companyInitials), 1)
+        i("div", sg, y(t.companyInitials), 1)
       ]),
-      i("div", sg, [
-        i("div", null, p(t.appName) + " (" + p(t.appVersion) + ")", 1),
-        i("div", null, p(t.copyright), 1)
+      i("div", lg, [
+        i("div", null, y(t.appName) + " (" + y(t.appVersion) + ")", 1),
+        i("div", null, y(t.copyright), 1)
       ])
     ]),
-    i("div", lg, [
+    i("div", og, [
       (o(!0), u(X, null, J(t.socialLinks, (c) => (o(), u("a", {
         key: c.name,
         href: c.url,
@@ -10996,14 +11000,14 @@ function ig(e, a, t, n, r, s) {
         A(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, og))), 128))
+      ], 10, ig))), 128))
     ])
   ], 4);
 }
-const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen bg-gray-50" }, cg = { class: "flex-1" }, fg = {
+const dg = /* @__PURE__ */ yt(Fm, [["render", ug]]), cg = { class: "min-h-screen bg-gray-50" }, fg = { class: "flex-1" }, mg = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, mg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, gg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, vg = {
+}, gg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, vg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, bg = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -11027,7 +11031,7 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = oe("Logo"), r = oe("MainNavigation"), s = oe("Button"), l = oe("Header"), d = oe("Breadcrumb"), c = oe("Text"), v = oe("Footer");
-      return o(), u("div", dg, [
+      return o(), u("div", cg, [
         A(l, null, {
           logo: E(() => [
             P(a.$slots, "logo", {}, () => [
@@ -11060,15 +11064,15 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", cg, [
-          e.showBreadcrumb ? (o(), u("div", fg, [
-            i("div", mg, [
+        i("main", fg, [
+          e.showBreadcrumb ? (o(), u("div", mg, [
+            i("div", gg, [
               P(a.$slots, "breadcrumb", {}, () => [
                 A(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : g("", !0),
-          i("div", gg, [
+          i("div", vg, [
             P(a.$slots, "default")
           ])
         ]),
@@ -11089,7 +11093,7 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
       ]);
     };
   }
-}, bg = {
+}, hg = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -11180,7 +11184,7 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
     };
     Te(() => {
       window.addEventListener("online", v), window.addEventListener("offline", v);
-    }), _e(() => {
+    }), De(() => {
       window.removeEventListener("online", v), window.removeEventListener("offline", v);
     });
     const b = m(() => {
@@ -11281,7 +11285,7 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
       n ? n.push(e.homeUrl) : window.location.href = e.homeUrl;
     }, w = () => {
       n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : h(), a("back");
-    }, y = async () => {
+    }, p = async () => {
       r.value = !0;
       try {
         await new Promise((te) => setTimeout(te, 1e3)), window.location.reload();
@@ -11312,7 +11316,7 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
       "text-6xl font-bold text-slate-300 mb-4"
     ]), ae = m(() => [
       "text-3xl font-bold text-slate-900"
-    ]), _ = m(() => [
+    ]), D = m(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), ee = m(() => [
       "mt-8"
@@ -11337,7 +11341,7 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
       // Methods
       goHome: h,
       goBack: w,
-      retry: y,
+      retry: p,
       // Classes
       layoutClasses: L,
       backgroundClasses: V,
@@ -11349,26 +11353,26 @@ const ug = /* @__PURE__ */ yt(Lm, [["render", ig]]), dg = { class: "min-h-screen
       detailsClasses: O,
       codeClasses: G,
       titleClasses: ae,
-      messageClasses: _,
+      messageClasses: D,
       actionsClasses: ee,
       additionalInfoClasses: le,
       helpClasses: ye
     };
   }
-}, hg = { class: "flex justify-center" }, yg = { class: "flex items-center gap-3" }, pg = { class: "text-2xl font-bold text-slate-900" }, xg = {
+}, yg = { class: "flex justify-center" }, pg = { class: "flex items-center gap-3" }, xg = { class: "text-2xl font-bold text-slate-900" }, wg = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, wg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, kg = ["disabled"], Sg = {
+}, kg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Sg = ["disabled"], Cg = {
   key: 0,
   class: "animate-spin"
-}, Cg = { key: 1 }, $g = ["disabled"], zg = { key: 0 }, Ag = { key: 1 }, Ig = {
+}, $g = { key: 1 }, zg = ["disabled"], Ag = { key: 0 }, Ig = { key: 1 }, Pg = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Pg = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Tg = { class: "text-lg font-semibold text-slate-900 mb-4" }, jg = { class: "space-y-3" }, Bg = { class: "text-sm text-slate-600" }, Og = ["href"], Lg = {
+}, Tg = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, jg = { class: "text-lg font-semibold text-slate-900 mb-4" }, Bg = { class: "space-y-3" }, Og = { class: "text-sm text-slate-600" }, Lg = ["href"], Fg = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function Fg(e, a, t, n, r, s) {
+function Vg(e, a, t, n, r, s) {
   return o(), u("div", {
     class: f(n.layoutClasses)
   }, [
@@ -11388,13 +11392,13 @@ function Fg(e, a, t, n, r, s) {
         class: f(n.headerClasses)
       }, [
         P(e.$slots, "header", {}, () => [
-          i("div", hg, [
+          i("div", yg, [
             P(e.$slots, "logo", {}, () => [
-              i("div", yg, [
+              i("div", pg, [
                 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", pg, p(t.brandName), 1)
+                i("span", xg, y(t.brandName), 1)
               ])
             ])
           ])
@@ -11414,7 +11418,7 @@ function Fg(e, a, t, n, r, s) {
               i("div", {
                 class: "text-8xl",
                 style: de({ color: n.errorConfig.color })
-              }, p(n.errorConfig.icon), 5)
+              }, y(n.errorConfig.icon), 5)
             ], 2)
           ])
         ], 2)) : g("", !0),
@@ -11424,23 +11428,23 @@ function Fg(e, a, t, n, r, s) {
           t.errorCode ? (o(), u("div", {
             key: 0,
             class: f(n.codeClasses)
-          }, p(t.errorCode), 3)) : g("", !0),
+          }, y(t.errorCode), 3)) : g("", !0),
           i("h1", {
             class: f(n.titleClasses)
           }, [
             P(e.$slots, "title", {}, () => [
-              q(p(n.errorTitle), 1)
+              q(y(n.errorTitle), 1)
             ])
           ], 2),
           i("p", {
             class: f(n.messageClasses)
           }, [
             P(e.$slots, "message", {}, () => [
-              q(p(n.errorMessage), 1)
+              q(y(n.errorMessage), 1)
             ])
           ], 2)
         ], 2),
-        n.isOnline ? g("", !0) : (o(), u("div", xg, [...a[6] || (a[6] = [
+        n.isOnline ? g("", !0) : (o(), u("div", wg, [...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")
@@ -11451,14 +11455,14 @@ function Fg(e, a, t, n, r, s) {
           class: f(n.actionsClasses)
         }, [
           P(e.$slots, "actions", {}, () => [
-            i("div", wg, [
+            i("div", kg, [
               t.showHomeButton ? (o(), u("button", {
                 key: 0,
                 onClick: a[0] || (a[0] = (...l) => n.goHome && n.goHome(...l)),
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"
               }, [
-                i("span", null, p(n.homeButtonIcon), 1),
-                q(" " + p(t.homeButtonText), 1)
+                i("span", null, y(n.homeButtonIcon), 1),
+                q(" " + y(t.homeButtonText), 1)
               ])) : g("", !0),
               t.showBackButton ? (o(), u("button", {
                 key: 1,
@@ -11466,7 +11470,7 @@ function Fg(e, a, t, n, r, s) {
                 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"
               }, [
                 a[7] || (a[7] = i("span", null, "←", -1)),
-                q(" " + p(t.backButtonText), 1)
+                q(" " + y(t.backButtonText), 1)
               ])) : g("", !0),
               t.showRetryButton ? (o(), u("button", {
                 key: 2,
@@ -11474,18 +11478,18 @@ function Fg(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(), u("span", Sg, "↻")) : (o(), u("span", Cg, "🔄")),
-                q(" " + p(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, kg)) : g("", !0),
+                n.isRetrying ? (o(), u("span", Cg, "↻")) : (o(), u("span", $g, "🔄")),
+                q(" " + y(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
+              ], 8, Sg)) : g("", !0),
               t.showSupportButton ? (o(), u("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(), u("span", zg, "✓")) : (o(), u("span", Ag, "📝")),
-                q(" " + p(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, $g)) : g("", !0)
+                n.reportSent ? (o(), u("span", Ag, "✓")) : (o(), u("span", Ig, "📝")),
+                q(" " + y(n.reportSent ? "Report Sent" : "Contact Support"), 1)
+              ], 8, zg)) : g("", !0)
             ])
           ])
         ], 2)) : g("", !0),
@@ -11494,18 +11498,18 @@ function Fg(e, a, t, n, r, s) {
           class: f(n.additionalInfoClasses)
         }, [
           P(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (o(), u("div", Ig, [
-              i("div", Pg, [
-                i("h3", Tg, p(n.additionalInfoConfig.title), 1),
-                i("ul", jg, [
+            n.additionalInfoConfig ? (o(), u("div", Pg, [
+              i("div", Tg, [
+                i("h3", jg, y(n.additionalInfoConfig.title), 1),
+                i("ul", Bg, [
                   (o(!0), u(X, null, J(n.additionalInfoConfig.items, (l, d) => (o(), u("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
                     i("span", {
                       class: f(`w-4 h-4 text-${l.iconColor || "slate-400"} flex-shrink-0 mt-0.5`)
-                    }, p(l.icon), 3),
-                    i("span", null, p(l.text), 1)
+                    }, y(l.icon), 3),
+                    i("span", null, y(l.text), 1)
                   ]))), 128))
                 ])
               ])
@@ -11517,8 +11521,8 @@ function Fg(e, a, t, n, r, s) {
           class: f(n.helpClasses)
         }, [
           P(e.$slots, "help", {}, () => [
-            i("p", Bg, [
-              q(p(t.helpText) + " ", 1),
+            i("p", Og, [
+              q(y(t.helpText) + " ", 1),
               t.supportUrl ? (o(), u("a", {
                 key: 0,
                 href: t.supportUrl,
@@ -11526,16 +11530,16 @@ function Fg(e, a, t, n, r, s) {
               }, [...a[8] || (a[8] = [
                 i("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 q(" Get Help ", -1)
-              ])], 8, Og)) : g("", !0)
+              ])], 8, Lg)) : g("", !0)
             ])
           ])
         ], 2)) : g("", !0),
-        n.isDev ? (o(), u("div", Lg, " Error ID: " + p(n.errorId), 1)) : g("", !0)
+        n.isDev ? (o(), u("div", Fg, " Error ID: " + y(n.errorId), 1)) : g("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Vg = /* @__PURE__ */ yt(bg, [["render", Fg]]), Da = {
+const Ng = /* @__PURE__ */ yt(hg, [["render", Vg]]), _a = {
   Avatar: Oo,
   Badge: Fo,
   Button: xe,
@@ -11575,7 +11579,7 @@ const Vg = /* @__PURE__ */ yt(bg, [["render", Fg]]), Da = {
   InputGroup: Tu,
   ListItem: Nu,
   MenuItem: Mu,
-  Modal: Du,
+  Modal: _u,
   ModalHeader: qu,
   ModalBody: Uu,
   ModalFooter: Yu,
@@ -11585,7 +11589,7 @@ const Vg = /* @__PURE__ */ yt(bg, [["render", Fg]]), Da = {
   Slider: Td,
   Stepper: Bd,
   StepperItem: Nd,
-  Tab: Dd,
+  Tab: _d,
   TabPanel: Rd,
   Accordion: Gd,
   AccordionItem: Kd,
@@ -11598,27 +11602,27 @@ const Vg = /* @__PURE__ */ yt(bg, [["render", Fg]]), Da = {
   DataTableFilters: nf,
   DataTableToolBar: xf,
   Footer: If,
-  Header: rm,
-  Sidebar: zm,
-  Timeline: Am,
-  TimelineItem: Om,
-  AuthLayout: ug,
-  DefaultLayout: vg,
-  ErrorLayout: Vg
+  Header: sm,
+  Sidebar: Am,
+  Timeline: Im,
+  TimelineItem: Lm,
+  AuthLayout: dg,
+  DefaultLayout: bg,
+  ErrorLayout: Ng
 }, _g = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
-    Object.keys(Da).forEach((n) => {
+    Object.keys(_a).forEach((n) => {
       const r = t ? `${t}${n}` : n;
-      e.component(r, Da[n]);
-    }), e.config.globalProperties.$toast = _a, e.provide("toast", _a);
+      e.component(r, _a[n]);
+    }), e.config.globalProperties.$toast = Da, e.provide("toast", Da);
   }
 };
 export {
   Gd as Accordion,
   Kd as AccordionItem,
   Mi as Alert,
-  ug as AuthLayout,
+  dg as AuthLayout,
   Oo as Avatar,
   Fo as Badge,
   Ri as Breadcrumb,
@@ -11640,15 +11644,15 @@ export {
   tr as DataTableRow,
   xf as DataTableToolBar,
   lu as DatePicker,
-  vg as DefaultLayout,
+  bg as DefaultLayout,
   qo as Divider,
   iu as Dropdown,
   du as DropdownItem,
-  Vg as ErrorLayout,
+  Ng as ErrorLayout,
   xu as FileUpload,
   If as Footer,
   Au as FormField,
-  rm as Header,
+  sm as Header,
   Z as Icon,
   Ko as Image,
   ti as Input,
@@ -11658,7 +11662,7 @@ export {
   Nu as ListItem,
   si as Logo,
   Mu as MenuItem,
-  Du as Modal,
+  _u as Modal,
   Uu as ModalBody,
   Yu as ModalFooter,
   qu as ModalHeader,
@@ -11669,23 +11673,23 @@ export {
   We as STLLoader,
   zd as Search,
   sa as Select,
-  zm as Sidebar,
+  Am as Sidebar,
   Td as Slider,
   Xn as Spinner,
   Bd as Stepper,
   Nd as StepperItem,
   gi as Switch,
-  Dd as Tab,
+  _d as Tab,
   Rd as TabPanel,
   vi as Text,
   hi as Textarea,
-  Am as Timeline,
-  Om as TimelineItem,
+  Im as Timeline,
+  Lm as TimelineItem,
   cd as Toast,
   yi as Tooltip,
   Wt as Typography,
   x as cn,
   _g as default,
-  _a as toast,
+  Da as toast,
   nd as useToaster
 };