@stlhorizon/vue-ui 1.3.2 → 1.3.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Dt, computed as f, watch as ge, h as _a, createBlock as _, openBlock as o, unref as M, normalizeClass as m, ref as D, createElementBlock as d, toDisplayString as k, createCommentVNode as h, renderSlot as A, resolveDynamicComponent as oe, createVNode as T, mergeProps as Re, createElementVNode as u, useId as ot, createTextVNode as R, withCtx as V, normalizeStyle as ze, nextTick as aa, Transition as he, Fragment as Y, renderList as G, onMounted as Fe, onUnmounted as it, resolveComponent as te, Teleport as Ma, markRaw as Da, TransitionGroup as Zn, withDirectives as ut, vModelText as La, provide as er, inject as tr, vShow as Ra, createSlots as ar, withModifiers as tt } from "vue";
+import { defineComponent as Dt, computed as f, watch as ge, h as Na, createBlock as N, openBlock as o, unref as M, normalizeClass as m, ref as D, createElementBlock as d, toDisplayString as k, createCommentVNode as h, renderSlot as A, resolveDynamicComponent as oe, createVNode as T, mergeProps as Re, createElementVNode as u, useId as lt, createTextVNode as R, withCtx as B, normalizeStyle as ze, nextTick as aa, Transition as he, Fragment as Y, renderList as G, onMounted as Fe, onUnmounted as ot, resolveComponent as te, Teleport as Ma, markRaw as Da, TransitionGroup as Zn, withDirectives as it, vModelText as La, provide as er, inject as tr, vShow as Ra, createSlots as ar, withModifiers as wt } from "vue";
 import { cva as I } from "class-variance-authority";
 import { clsx as nr } from "clsx";
 function S(...e) {
@@ -142,7 +142,7 @@ function z(e) {
   }
   return e;
 }
-function ct(e, a) {
+function ut(e, a) {
   return rr(e) || cr(e, a) || Lt(e, a) || dr();
 }
 function me(e) {
@@ -162,13 +162,13 @@ function Ha(e) {
   var a = mr(e, "string");
   return typeof a == "symbol" ? a : a + "";
 }
-function at(e) {
+function tt(e) {
   "@babel/helpers - typeof";
-  return at = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
+  return tt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
     return typeof a;
   } : function(a) {
     return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
-  }, at(e);
+  }, tt(e);
 }
 function Lt(e, a) {
   if (e) {
@@ -188,7 +188,7 @@ try {
 }
 var vr = Rt.navigator || {}, sa = vr.userAgent, la = sa === void 0 ? "" : sa, ke = Rt, K = Wa, oa = Ua, Ke = qa;
 ke.document;
-var we = !!K.documentElement && !!K.head && typeof K.addEventListener == "function" && typeof K.createElement == "function", Ya = ~la.indexOf("MSIE") || ~la.indexOf("Trident/"), gt, gr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, hr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, Ga = {
+var we = !!K.documentElement && !!K.head && typeof K.addEventListener == "function" && typeof K.createElement == "function", Ya = ~la.indexOf("MSIE") || ~la.indexOf("Trident/"), vt, gr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, hr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, Ga = {
   classic: {
     fa: "solid",
     fas: "solid",
@@ -285,7 +285,7 @@ var we = !!K.documentElement && !!K.head && typeof K.addEventListener == "functi
   PRIMARY: "primary",
   SECONDARY: "secondary"
 }, Ka = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press"], re = "classic", Ue = "duotone", Xa = "sharp", Ja = "sharp-duotone", Qa = "chisel", Za = "etch", en = "jelly", tn = "jelly-duo", an = "jelly-fill", nn = "notdog", rn = "notdog-duo", sn = "slab", ln = "slab-press", on = "thumbprint", un = "whiteboard", pr = "Classic", yr = "Duotone", xr = "Sharp", wr = "Sharp Duotone", kr = "Chisel", Sr = "Etch", Cr = "Jelly", $r = "Jelly Duo", zr = "Jelly Fill", Ar = "Notdog", Ir = "Notdog Duo", Pr = "Slab", Tr = "Slab Press", jr = "Thumbprint", Br = "Whiteboard", cn = [re, Ue, Xa, Ja, Qa, Za, en, tn, an, nn, rn, sn, ln, on, un];
-gt = {}, W(W(W(W(W(W(W(W(W(W(gt, re, pr), Ue, yr), Xa, xr), Ja, wr), Qa, kr), Za, Sr), en, Cr), tn, $r), an, zr), nn, Ar), W(W(W(W(W(gt, rn, Ir), sn, Pr), ln, Tr), on, jr), un, Br);
+vt = {}, W(W(W(W(W(W(W(W(W(W(vt, re, pr), Ue, yr), Xa, xr), Ja, wr), Qa, kr), Za, Sr), en, Cr), tn, $r), an, zr), nn, Ar), W(W(W(W(W(vt, rn, Ir), sn, Pr), ln, Tr), on, jr), un, Br);
 var Or = {
   classic: {
     900: "fas",
@@ -584,8 +584,8 @@ var Or = {
     fakd: "kit-duotone",
     "fa-kit-duotone": "kit-duotone"
   }
-}, Nr = ["kit"], _r = "kit", Mr = "kit-duotone", Dr = "Kit", Lr = "Kit Duotone";
-W(W({}, _r, Dr), Mr, Lr);
+}, _r = ["kit"], Nr = "kit", Mr = "kit-duotone", Dr = "Kit", Lr = "Kit Duotone";
+W(W({}, Nr, Dr), Mr, Lr);
 var Rr = {
   kit: {
     "fa-kit": "fak"
@@ -610,13 +610,13 @@ var Rr = {
   "kit-duotone": {
     "kit-duotone": "fakd"
   }
-}, ht, Xe = {
+}, gt, Xe = {
   GROUP: "duotone-group",
   SWAP_OPACITY: "swap-opacity",
   PRIMARY: "primary",
   SECONDARY: "secondary"
 }, Ur = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press"], qr = "classic", Yr = "duotone", Gr = "sharp", Kr = "sharp-duotone", Xr = "chisel", Jr = "etch", Qr = "jelly", Zr = "jelly-duo", es = "jelly-fill", ts = "notdog", as = "notdog-duo", ns = "slab", rs = "slab-press", ss = "thumbprint", ls = "whiteboard", os = "Classic", is = "Duotone", us = "Sharp", cs = "Sharp Duotone", ds = "Chisel", fs = "Etch", ms = "Jelly", vs = "Jelly Duo", gs = "Jelly Fill", hs = "Notdog", bs = "Notdog Duo", ps = "Slab", ys = "Slab Press", xs = "Thumbprint", ws = "Whiteboard";
-ht = {}, W(W(W(W(W(W(W(W(W(W(ht, qr, os), Yr, is), Gr, us), Kr, cs), Xr, ds), Jr, fs), Qr, ms), Zr, vs), es, gs), ts, hs), W(W(W(W(W(ht, as, bs), ns, ps), rs, ys), ss, xs), ls, ws);
+gt = {}, W(W(W(W(W(W(W(W(W(W(gt, qr, os), Yr, is), Gr, us), Kr, cs), Xr, ds), Jr, fs), Qr, ms), Zr, vs), es, gs), ts, hs), W(W(W(W(W(gt, as, bs), ns, ps), rs, ys), ss, xs), ls, ws);
 var ks = "kit", Ss = "kit-duotone", Cs = "Kit", $s = "Kit Duotone";
 W(W({}, ks, Cs), Ss, $s);
 var zs = {
@@ -793,7 +793,7 @@ var pn = z({}, Ga);
 pn[re] = z(z(z(z({}, {
   "fa-duotone": "duotone"
 }), Ga[re]), ia.kit), ia["kit-duotone"]);
-var Ns = qe(pn), zt = z({}, Er);
+var _s = qe(pn), zt = z({}, Er);
 zt[re] = z(z(z(z({}, {
   duotone: "fad"
 }), zt[re]), ua.kit), ua["kit-duotone"]);
@@ -802,9 +802,9 @@ At[re] = z(z({}, At[re]), Wr.kit);
 var Ut = qe(At), It = z({}, zs);
 It[re] = z(z({}, It[re]), Rr.kit);
 qe(It);
-var _s = gr, yn = "fa-layers-text", Ms = hr, Ds = z({}, Or);
+var Ns = gr, yn = "fa-layers-text", Ms = hr, Ds = z({}, Or);
 qe(Ds);
-var Ls = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], bt = br, Rs = [].concat(me(Nr), me(Bs)), _e = ke.FontAwesomeConfig || {};
+var Ls = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], ht = br, Rs = [].concat(me(_r), me(Bs)), Ne = ke.FontAwesomeConfig || {};
 function Hs(e) {
   var a = K.querySelector("script[" + e + "]");
   if (a)
@@ -816,8 +816,8 @@ function Ws(e) {
 if (K && typeof K.querySelector == "function") {
   var Us = [["data-family-prefix", "familyPrefix"], ["data-css-prefix", "cssPrefix"], ["data-family-default", "familyDefault"], ["data-style-default", "styleDefault"], ["data-replacement-class", "replacementClass"], ["data-auto-replace-svg", "autoReplaceSvg"], ["data-auto-add-css", "autoAddCss"], ["data-search-pseudo-elements", "searchPseudoElements"], ["data-search-pseudo-elements-warnings", "searchPseudoElementsWarnings"], ["data-search-pseudo-elements-full-scan", "searchPseudoElementsFullScan"], ["data-observe-mutations", "observeMutations"], ["data-mutate-approach", "mutateApproach"], ["data-keep-original-source", "keepOriginalSource"], ["data-measure-performance", "measurePerformance"], ["data-show-missing-icons", "showMissingIcons"]];
   Us.forEach(function(e) {
-    var a = ct(e, 2), t = a[0], n = a[1], r = Ws(Hs(t));
-    r != null && (_e[n] = r);
+    var a = ut(e, 2), t = a[0], n = a[1], r = Ws(Hs(t));
+    r != null && (Ne[n] = r);
   });
 }
 var xn = {
@@ -836,8 +836,8 @@ var xn = {
   measurePerformance: !1,
   showMissingIcons: !0
 };
-_e.familyPrefix && (_e.cssPrefix = _e.familyPrefix);
-var Ve = z(z({}, xn), _e);
+Ne.familyPrefix && (Ne.cssPrefix = Ne.familyPrefix);
+var Ve = z(z({}, xn), Ne);
 Ve.autoReplaceSvg || (Ve.observeMutations = !1);
 var E = {};
 Object.keys(xn).forEach(function(e) {
@@ -914,7 +914,7 @@ function Ks(e) {
     return a + "".concat(t, '="').concat(wn(e[t]), '" ');
   }, "").trim();
 }
-function dt(e) {
+function ct(e) {
   return Object.keys(e || {}).reduce(function(a, t) {
     return a + "".concat(t, ": ").concat(e[t].trim(), ";");
   }, "");
@@ -1497,7 +1497,7 @@ function kn() {
   return r;
 }
 var ma = !1;
-function pt() {
+function bt() {
   E.autoAddCss && !ma && (Ys(kn()), ma = !0);
 }
 var Zs = {
@@ -1505,17 +1505,17 @@ var Zs = {
     return {
       dom: {
         css: kn,
-        insertCss: pt
+        insertCss: bt
       }
     };
   },
   hooks: function() {
     return {
       beforeDOMElementCreation: function() {
-        pt();
+        bt();
       },
       beforeI2svg: function() {
-        pt();
+        bt();
       }
     };
   }
@@ -1525,13 +1525,13 @@ xe[ye].styles || (xe[ye].styles = {});
 xe[ye].hooks || (xe[ye].hooks = {});
 xe[ye].shims || (xe[ye].shims = []);
 var fe = xe[ye], Sn = [], Cn = function() {
-  K.removeEventListener("DOMContentLoaded", Cn), nt = 1, Sn.map(function(a) {
+  K.removeEventListener("DOMContentLoaded", Cn), at = 1, Sn.map(function(a) {
     return a();
   });
-}, nt = !1;
-we && (nt = (K.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(K.readyState), nt || K.addEventListener("DOMContentLoaded", Cn));
+}, at = !1;
+we && (at = (K.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(K.readyState), at || K.addEventListener("DOMContentLoaded", Cn));
 function el(e) {
-  we && (nt ? setTimeout(e, 0) : Sn.push(e));
+  we && (at ? setTimeout(e, 0) : Sn.push(e));
 }
 function Ye(e) {
   var a = e.tag, t = e.attributes, n = t === void 0 ? {} : t, r = e.children, s = r === void 0 ? [] : r;
@@ -1545,7 +1545,7 @@ function va(e, a, t) {
       icon: e[a][t]
     };
 }
-var yt = function(a, t, n, r) {
+var pt = function(a, t, n, r) {
   var s = Object.keys(a), l = s.length, i = t, c, v, g;
   for (n === void 0 ? (c = 1, g = a[s[0]]) : (c = 0, g = n); c < l; c++)
     v = s[c], g = i(g, a[v], v, a);
@@ -1576,8 +1576,8 @@ function rl(e, a) {
 }
 var Bn = function() {
   var a = function(s) {
-    return yt(He, function(l, i, c) {
-      return l[c] = yt(i, s, {}), l;
+    return pt(He, function(l, i, c) {
+      return l[c] = pt(i, s, {}), l;
     }, {});
   };
   An = a(function(r, s, l) {
@@ -1606,7 +1606,7 @@ var Bn = function() {
       r[c] = l;
     }), r;
   });
-  var t = "far" in He || E.autoFetchSvg, n = yt(tl, function(r, s) {
+  var t = "far" in He || E.autoFetchSvg, n = pt(tl, function(r, s) {
     var l = s[0], i = s[1], c = s[2];
     return i === "far" && !t && (i = "fas"), typeof l == "string" && (r.names[l] = {
       prefix: i,
@@ -1619,12 +1619,12 @@ var Bn = function() {
     names: {},
     unicodes: {}
   });
-  Pn = n.names, Tn = n.unicodes, Gt = ft(E.styleDefault, {
+  Pn = n.names, Tn = n.unicodes, Gt = dt(E.styleDefault, {
     family: E.familyDefault
   });
 };
 qs(function(e) {
-  Gt = ft(e.styleDefault, {
+  Gt = dt(e.styleDefault, {
     family: E.familyDefault
   });
 });
@@ -1674,8 +1674,8 @@ function ol(e) {
     })) && (a = n);
   }), a;
 }
-function ft(e) {
-  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.family, n = t === void 0 ? re : t, r = Ns[n][e];
+function dt(e) {
+  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.family, n = t === void 0 ? re : t, r = _s[n][e];
   if (n === Ue && !e)
     return "fad";
   var s = da[n][e] || da[n][r], l = e in fe.styles ? e : null, i = s || l || null;
@@ -1697,21 +1697,21 @@ function ha(e) {
   });
 }
 var ba = fn.concat(dn);
-function mt(e) {
+function ft(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.skipLookups, n = t === void 0 ? !1 : t, r = null, s = ha(e.filter(function(P) {
     return ba.includes(P);
   })), l = ha(e.filter(function(P) {
     return !ba.includes(P);
   })), i = s.filter(function(P) {
     return r = P, !Ka.includes(P);
-  }), c = ct(i, 1), v = c[0], g = v === void 0 ? null : v, w = ol(s), C = z(z({}, il(l)), {}, {
-    prefix: ft(g, {
-      family: w
+  }), c = ut(i, 1), v = c[0], g = v === void 0 ? null : v, x = ol(s), C = z(z({}, il(l)), {}, {
+    prefix: dt(g, {
+      family: x
     })
   });
   return z(z(z({}, C), fl({
     values: e,
-    family: w,
+    family: x,
     styles: He,
     config: E,
     canonical: C,
@@ -1739,14 +1739,14 @@ var cl = cn.filter(function(e) {
   return Object.keys(St[e]);
 }).flat();
 function fl(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, s = r === void 0 ? "" : r, l = e.styles, i = l === void 0 ? {} : l, c = e.config, v = c === void 0 ? {} : c, g = t === Ue, w = a.includes("fa-duotone") || a.includes("fad"), C = v.familyDefault === "duotone", P = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!g && (w || C || P) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && cl.includes(t)) {
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, s = r === void 0 ? "" : r, l = e.styles, i = l === void 0 ? {} : l, c = e.config, v = c === void 0 ? {} : c, g = t === Ue, x = a.includes("fa-duotone") || a.includes("fad"), C = v.familyDefault === "duotone", P = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!g && (x || C || P) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && cl.includes(t)) {
     var $ = Object.keys(i).find(function(y) {
       return dl.includes(y);
     });
     if ($ || v.autoFetchSvg) {
-      var b = Fr.get(t).defaultShortPrefixId;
-      n.prefix = b, n.iconName = Ae(n.prefix, n.iconName) || n.iconName;
+      var p = Fr.get(t).defaultShortPrefixId;
+      n.prefix = p, n.iconName = Ae(n.prefix, n.iconName) || n.iconName;
     }
   }
   return (n.prefix === "fa" || s === "fa") && (n.prefix = Se() || "fas"), n;
@@ -1780,8 +1780,8 @@ var ml = /* @__PURE__ */ (function() {
       } : n;
       return Object.keys(r).map(function(s) {
         var l = r[s], i = l.prefix, c = l.iconName, v = l.icon, g = v[2];
-        t[i] || (t[i] = {}), g.length > 0 && g.forEach(function(w) {
-          typeof w == "string" && (t[i][w] = v);
+        t[i] || (t[i] = {}), g.length > 0 && g.forEach(function(x) {
+          typeof x == "string" && (t[i][x] = v);
         }), t[i][c] = v;
       }), t;
     }
@@ -1794,7 +1794,7 @@ function gl(e, a) {
   }), pa.forEach(function(n) {
     var r = n.mixout ? n.mixout() : {};
     if (Object.keys(r).forEach(function(l) {
-      typeof r[l] == "function" && (t[l] = r[l]), at(r[l]) === "object" && Object.keys(r[l]).forEach(function(i) {
+      typeof r[l] == "function" && (t[l] = r[l]), tt(r[l]) === "object" && Object.keys(r[l]).forEach(function(i) {
         t[l] || (t[l] = {}), t[l][i] = r[l][i];
       });
     }), n.hooks) {
@@ -1851,20 +1851,20 @@ var Fn = new ml(), hl = function() {
   icon: function(a) {
     if (a === null)
       return null;
-    if (at(a) === "object" && a.prefix && a.iconName)
+    if (tt(a) === "object" && a.prefix && a.iconName)
       return {
         prefix: a.prefix,
         iconName: Ae(a.prefix, a.iconName) || a.iconName
       };
     if (Array.isArray(a) && a.length === 2) {
-      var t = a[1].indexOf("fa-") === 0 ? a[1].slice(3) : a[1], n = ft(a[0]);
+      var t = a[1].indexOf("fa-") === 0 ? a[1].slice(3) : a[1], n = dt(a[0]);
       return {
         prefix: n,
         iconName: Ae(n, t) || t
       };
     }
-    if (typeof a == "string" && (a.indexOf("".concat(E.cssPrefix, "-")) > -1 || a.match(_s))) {
-      var r = mt(a.split(" "), {
+    if (typeof a == "string" && (a.indexOf("".concat(E.cssPrefix, "-")) > -1 || a.match(Ns))) {
+      var r = ft(a.split(" "), {
         skipLookups: !0
       });
       return {
@@ -1894,7 +1894,7 @@ var Fn = new ml(), hl = function() {
     node: n
   });
 };
-function vt(e, a) {
+function mt(e, a) {
   return Object.defineProperty(e, "abstract", {
     get: a
   }), Object.defineProperty(e, "html", {
@@ -1919,7 +1919,7 @@ function xl(e) {
       x: i / c / 2,
       y: 0.5
     };
-    r.style = dt(z(z({}, s), {}, {
+    r.style = ct(z(z({}, s), {}, {
       "transform-origin": "".concat(v.x + l.x / 16, "em ").concat(v.y + l.y / 16, "em")
     }));
   }
@@ -1952,7 +1952,7 @@ function kl(e) {
   });
 }
 function Xt(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, s = e.iconName, l = e.transform, i = e.symbol, c = e.maskId, v = e.extra, g = e.watchable, w = g === void 0 ? !1 : g, C = n.found ? n : t, P = C.width, $ = C.height, b = [E.replacementClass, s ? "".concat(E.cssPrefix, "-").concat(s) : ""].filter(function(L) {
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, s = e.iconName, l = e.transform, i = e.symbol, c = e.maskId, v = e.extra, g = e.watchable, x = g === void 0 ? !1 : g, C = n.found ? n : t, P = C.width, $ = C.height, p = [E.replacementClass, s ? "".concat(E.cssPrefix, "-").concat(s) : ""].filter(function(L) {
     return v.classes.indexOf(L) === -1;
   }).filter(function(L) {
     return L !== "" || !!L;
@@ -1961,13 +1961,13 @@ function Xt(e) {
     attributes: z(z({}, v.attributes), {}, {
       "data-prefix": r,
       "data-icon": s,
-      class: b,
+      class: p,
       role: v.attributes.role || "img",
       viewBox: "0 0 ".concat(P, " ").concat($)
     })
   };
-  !kl(v.attributes) && !v.attributes["aria-hidden"] && (y.attributes["aria-hidden"] = "true"), w && (y.attributes[Ie] = "");
-  var p = z(z({}, y), {}, {
+  !kl(v.attributes) && !v.attributes["aria-hidden"] && (y.attributes["aria-hidden"] = "true"), x && (y.attributes[Ie] = "");
+  var w = z(z({}, y), {}, {
     prefix: r,
     iconName: s,
     main: t,
@@ -1976,14 +1976,14 @@ function Xt(e) {
     transform: l,
     symbol: i,
     styles: z({}, v.styles)
-  }), x = n.found && t.found ? Ce("generateAbstractMask", p) || {
+  }), b = n.found && t.found ? Ce("generateAbstractMask", w) || {
     children: [],
     attributes: {}
-  } : Ce("generateAbstractIcon", p) || {
+  } : Ce("generateAbstractIcon", w) || {
     children: [],
     attributes: {}
-  }, j = x.children, B = x.attributes;
-  return p.children = j, p.attributes = B, i ? wl(p) : xl(p);
+  }, j = b.children, O = b.attributes;
+  return w.children = j, w.attributes = O, i ? wl(w) : xl(w);
 }
 function ya(e) {
   var a = e.content, t = e.width, n = e.height, r = e.transform, s = e.extra, l = e.watchable, i = l === void 0 ? !1 : l, c = z(z({}, s.attributes), {}, {
@@ -1996,19 +1996,19 @@ function ya(e) {
     width: t,
     height: n
   }), v["-webkit-transform"] = v.transform);
-  var g = dt(v);
+  var g = ct(v);
   g.length > 0 && (c.style = g);
-  var w = [];
-  return w.push({
+  var x = [];
+  return x.push({
     tag: "span",
     attributes: c,
     children: [a]
-  }), w;
+  }), x;
 }
 function Sl(e) {
   var a = e.content, t = e.extra, n = z(z({}, t.attributes), {}, {
     class: t.classes.join(" ")
-  }), r = dt(t.styles);
+  }), r = ct(t.styles);
   r.length > 0 && (n.style = r);
   var s = [];
   return s.push({
@@ -2017,25 +2017,25 @@ function Sl(e) {
     children: [a]
   }), s;
 }
-var xt = fe.styles;
+var yt = fe.styles;
 function Bt(e) {
-  var a = e[0], t = e[1], n = e.slice(4), r = ct(n, 1), s = r[0], l = null;
+  var a = e[0], t = e[1], n = e.slice(4), r = ut(n, 1), s = r[0], l = null;
   return Array.isArray(s) ? l = {
     tag: "g",
     attributes: {
-      class: "".concat(E.cssPrefix, "-").concat(bt.GROUP)
+      class: "".concat(E.cssPrefix, "-").concat(ht.GROUP)
     },
     children: [{
       tag: "path",
       attributes: {
-        class: "".concat(E.cssPrefix, "-").concat(bt.SECONDARY),
+        class: "".concat(E.cssPrefix, "-").concat(ht.SECONDARY),
         fill: "currentColor",
         d: s[0]
       }
     }, {
       tag: "path",
       attributes: {
-        class: "".concat(E.cssPrefix, "-").concat(bt.PRIMARY),
+        class: "".concat(E.cssPrefix, "-").concat(ht.PRIMARY),
         fill: "currentColor",
         d: s[1]
       }
@@ -2068,8 +2068,8 @@ function Ot(e, a) {
       var s = On(e) || {};
       e = s.iconName || e, a = s.prefix || a;
     }
-    if (e && a && xt[a] && xt[a][e]) {
-      var l = xt[a][e];
+    if (e && a && yt[a] && yt[a][e]) {
+      var l = yt[a][e];
       return n(Bt(l));
     }
     $l(e, a), n(z(z({}, Cl), {}, {
@@ -2081,12 +2081,12 @@ var xa = function() {
 }, Vt = E.measurePerformance && Ke && Ke.mark && Ke.measure ? Ke : {
   mark: xa,
   measure: xa
-}, Ne = 'FA "7.0.1"', zl = function(a) {
-  return Vt.mark("".concat(Ne, " ").concat(a, " begins")), function() {
+}, _e = 'FA "7.0.1"', zl = function(a) {
+  return Vt.mark("".concat(_e, " ").concat(a, " begins")), function() {
     return En(a);
   };
 }, En = function(a) {
-  Vt.mark("".concat(Ne, " ").concat(a, " ends")), Vt.measure("".concat(Ne, " ").concat(a), "".concat(Ne, " ").concat(a, " begins"), "".concat(Ne, " ").concat(a, " ends"));
+  Vt.mark("".concat(_e, " ").concat(a, " ends")), Vt.measure("".concat(_e, " ").concat(a), "".concat(_e, " ").concat(a, " begins"), "".concat(_e, " ").concat(a, " ends"));
 }, Jt = {
   begin: zl,
   end: En
@@ -2115,7 +2115,7 @@ function Tl(e) {
 function jl(e) {
   return K.createElement(e);
 }
-function Nn(e) {
+function _n(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.ceFn, n = t === void 0 ? e.tag === "svg" ? Tl : jl : t;
   if (typeof e == "string")
     return K.createTextNode(e);
@@ -2125,7 +2125,7 @@ function Nn(e) {
   });
   var s = e.children || [];
   return s.forEach(function(l) {
-    r.appendChild(Nn(l, {
+    r.appendChild(_n(l, {
       ceFn: n
     }));
   }), r;
@@ -2139,7 +2139,7 @@ var Ze = {
     var t = a[0];
     if (t.parentNode)
       if (a[1].forEach(function(r) {
-        t.parentNode.insertBefore(Nn(r), t);
+        t.parentNode.insertBefore(_n(r), t);
       }), t.getAttribute(Ie) === null && E.keepOriginalSource) {
         var n = K.createComment(Bl(t));
         t.parentNode.replaceChild(n, t);
@@ -2170,7 +2170,7 @@ var Ze = {
 function ka(e) {
   e();
 }
-function _n(e, a) {
+function Nn(e, a) {
   var t = typeof a == "function" ? a : Qe;
   if (e.length === 0)
     t();
@@ -2189,22 +2189,22 @@ function Mn() {
 function Ft() {
   Qt = !1;
 }
-var rt = null;
+var nt = null;
 function Sa(e) {
   if (oa && E.observeMutations) {
     var a = e.treeCallback, t = a === void 0 ? Qe : a, n = e.nodeCallback, r = n === void 0 ? Qe : n, s = e.pseudoElementsCallback, l = s === void 0 ? Qe : s, i = e.observeMutationsRoot, c = i === void 0 ? K : i;
-    rt = new oa(function(v) {
+    nt = new oa(function(v) {
       if (!Qt) {
         var g = Se();
-        Ee(v).forEach(function(w) {
-          if (w.type === "childList" && w.addedNodes.length > 0 && !wa(w.addedNodes[0]) && (E.searchPseudoElements && l(w.target), t(w.target)), w.type === "attributes" && w.target.parentNode && E.searchPseudoElements && l([w.target], !0), w.type === "attributes" && wa(w.target) && ~Ls.indexOf(w.attributeName))
-            if (w.attributeName === "class" && Al(w.target)) {
-              var C = mt(qt(w.target)), P = C.prefix, $ = C.iconName;
-              w.target.setAttribute(Ht, P || g), $ && w.target.setAttribute(Wt, $);
-            } else Il(w.target) && r(w.target);
+        Ee(v).forEach(function(x) {
+          if (x.type === "childList" && x.addedNodes.length > 0 && !wa(x.addedNodes[0]) && (E.searchPseudoElements && l(x.target), t(x.target)), x.type === "attributes" && x.target.parentNode && E.searchPseudoElements && l([x.target], !0), x.type === "attributes" && wa(x.target) && ~Ls.indexOf(x.attributeName))
+            if (x.attributeName === "class" && Al(x.target)) {
+              var C = ft(qt(x.target)), P = C.prefix, $ = C.iconName;
+              x.target.setAttribute(Ht, P || g), $ && x.target.setAttribute(Wt, $);
+            } else Il(x.target) && r(x.target);
         });
       }
-    }), we && rt.observe(c, {
+    }), we && nt.observe(c, {
       childList: !0,
       attributes: !0,
       characterData: !0,
@@ -2213,7 +2213,7 @@ function Sa(e) {
   }
 }
 function Ol() {
-  rt && rt.disconnect();
+  nt && nt.disconnect();
 }
 function Vl(e) {
   var a = e.getAttribute("style"), t = [];
@@ -2223,7 +2223,7 @@ function Vl(e) {
   }, {})), t;
 }
 function Fl(e) {
-  var a = e.getAttribute("data-prefix"), t = e.getAttribute("data-icon"), n = e.innerText !== void 0 ? e.innerText.trim() : "", r = mt(qt(e));
+  var a = e.getAttribute("data-prefix"), t = e.getAttribute("data-icon"), n = e.innerText !== void 0 ? e.innerText.trim() : "", r = ft(qt(e));
   return r.prefix || (r.prefix = Se()), a && t && (r.prefix = a, r.iconName = t), r.iconName && r.prefix || (r.prefix && n.length > 0 && (r.iconName = sl(r.prefix, e.innerText) || Kt(r.prefix, $n(e.innerText))), !r.iconName && E.autoFetchSvg && e.firstChild && e.firstChild.nodeType === Node.TEXT_NODE && (r.iconName = e.firstChild.data)), r;
 }
 function El(e) {
@@ -2232,7 +2232,7 @@ function El(e) {
   }, {});
   return a;
 }
-function Nl() {
+function _l() {
   return {
     iconName: null,
     prefix: null,
@@ -2273,7 +2273,7 @@ function Ca(e) {
     }
   }, i);
 }
-var _l = fe.styles;
+var Nl = fe.styles;
 function Dn(e) {
   var a = E.autoReplaceSvg === "nest" ? Ca(e, {
     styleParser: !1
@@ -2286,11 +2286,11 @@ function Ml() {
 function $a(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
   if (!we) return Promise.resolve();
-  var t = K.documentElement.classList, n = function(w) {
-    return t.add("".concat(ca, "-").concat(w));
-  }, r = function(w) {
-    return t.remove("".concat(ca, "-").concat(w));
-  }, s = E.autoFetchSvg ? Ml() : Ka.concat(Object.keys(_l));
+  var t = K.documentElement.classList, n = function(x) {
+    return t.add("".concat(ca, "-").concat(x));
+  }, r = function(x) {
+    return t.remove("".concat(ca, "-").concat(x));
+  }, s = E.autoFetchSvg ? Ml() : Ka.concat(Object.keys(Nl));
   s.includes("fa") || s.push("fa");
   var l = [".".concat(yn, ":not([").concat(Ie, "])")].concat(s.map(function(g) {
     return ".".concat(g, ":not([").concat(Ie, "])");
@@ -2306,29 +2306,29 @@ function $a(e) {
     n("pending"), r("complete");
   else
     return Promise.resolve();
-  var c = Jt.begin("onTree"), v = i.reduce(function(g, w) {
+  var c = Jt.begin("onTree"), v = i.reduce(function(g, x) {
     try {
-      var C = Dn(w);
+      var C = Dn(x);
       C && g.push(C);
     } catch (P) {
       bn || P.name === "MissingIcon" && console.error(P);
     }
     return g;
   }, []);
-  return new Promise(function(g, w) {
+  return new Promise(function(g, x) {
     Promise.all(v).then(function(C) {
-      _n(C, function() {
+      Nn(C, function() {
         n("active"), n("complete"), r("pending"), typeof a == "function" && a(), c(), g();
       });
     }).catch(function(C) {
-      c(), w(C);
+      c(), x(C);
     });
   });
 }
 function Dl(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
   Dn(e).then(function(t) {
-    t && _n([t], a);
+    t && Nn([t], a);
   });
 }
 function Ll(e) {
@@ -2340,10 +2340,10 @@ function Ll(e) {
   };
 }
 var Rl = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? ve : n, s = t.symbol, l = s === void 0 ? !1 : s, i = t.mask, c = i === void 0 ? null : i, v = t.maskId, g = v === void 0 ? null : v, w = t.classes, C = w === void 0 ? [] : w, P = t.attributes, $ = P === void 0 ? {} : P, b = t.styles, y = b === void 0 ? {} : b;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? ve : n, s = t.symbol, l = s === void 0 ? !1 : s, i = t.mask, c = i === void 0 ? null : i, v = t.maskId, g = v === void 0 ? null : v, x = t.classes, C = x === void 0 ? [] : x, P = t.attributes, $ = P === void 0 ? {} : P, p = t.styles, y = p === void 0 ? {} : p;
   if (a) {
-    var p = a.prefix, x = a.iconName, j = a.icon;
-    return vt(z({
+    var w = a.prefix, b = a.iconName, j = a.icon;
+    return mt(z({
       type: "icon"
     }, a), function() {
       return Pe("beforeDOMElementCreation", {
@@ -2359,8 +2359,8 @@ var Rl = function(a) {
             icon: {}
           }
         },
-        prefix: p,
-        iconName: x,
+        prefix: w,
+        iconName: b,
         transform: z(z({}, ve), r),
         symbol: l,
         maskId: g,
@@ -2392,17 +2392,17 @@ var Rl = function(a) {
       return $a(r, l);
     }, a.generateSvgReplacementMutation = function(t, n) {
       var r = n.iconName, s = n.prefix, l = n.transform, i = n.symbol, c = n.mask, v = n.maskId, g = n.extra;
-      return new Promise(function(w, C) {
+      return new Promise(function(x, C) {
         Promise.all([Ot(r, s), c.iconName ? Ot(c.iconName, c.prefix) : Promise.resolve({
           found: !1,
           width: 512,
           height: 512,
           icon: {}
         })]).then(function(P) {
-          var $ = ct(P, 2), b = $[0], y = $[1];
-          w([t, Xt({
+          var $ = ut(P, 2), p = $[0], y = $[1];
+          x([t, Xt({
             icons: {
-              main: b,
+              main: p,
               mask: y
             },
             prefix: s,
@@ -2416,7 +2416,7 @@ var Rl = function(a) {
         }).catch(C);
       });
     }, a.generateAbstractIcon = function(t) {
-      var n = t.children, r = t.attributes, s = t.main, l = t.transform, i = t.styles, c = dt(i);
+      var n = t.children, r = t.attributes, s = t.main, l = t.transform, i = t.styles, c = ct(i);
       c.length > 0 && (r.style = c);
       var v;
       return Yt(l) && (v = Ce("generateAbstractTransformGrouping", {
@@ -2435,7 +2435,7 @@ var Rl = function(a) {
     return {
       layer: function(t) {
         var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.classes, s = r === void 0 ? [] : r;
-        return vt({
+        return mt({
           type: "layer"
         }, function() {
           Pe("beforeDOMElementCreation", {
@@ -2465,7 +2465,7 @@ var Rl = function(a) {
         var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
         n.title;
         var r = n.classes, s = r === void 0 ? [] : r, l = n.attributes, i = l === void 0 ? {} : l, c = n.styles, v = c === void 0 ? {} : c;
-        return vt({
+        return mt({
           type: "counter",
           content: t
         }, function() {
@@ -2488,8 +2488,8 @@ var Rl = function(a) {
   mixout: function() {
     return {
       text: function(t) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, s = r === void 0 ? ve : r, l = n.classes, i = l === void 0 ? [] : l, c = n.attributes, v = c === void 0 ? {} : c, g = n.styles, w = g === void 0 ? {} : g;
-        return vt({
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, s = r === void 0 ? ve : r, l = n.classes, i = l === void 0 ? [] : l, c = n.attributes, v = c === void 0 ? {} : c, g = n.styles, x = g === void 0 ? {} : g;
+        return mt({
           type: "text",
           content: t
         }, function() {
@@ -2501,7 +2501,7 @@ var Rl = function(a) {
             transform: z(z({}, ve), s),
             extra: {
               attributes: v,
-              styles: w,
+              styles: x,
               classes: ["".concat(E.cssPrefix, "-layers-text")].concat(me(i))
             }
           });
@@ -2556,26 +2556,26 @@ function Ia(e, a) {
       return n();
     var s = Ee(e.children), l = s.filter(function(ae) {
       return ae.getAttribute($t) === a;
-    })[0], i = ke.getComputedStyle(e, a), c = i.getPropertyValue("font-family"), v = c.match(Ms), g = i.getPropertyValue("font-weight"), w = i.getPropertyValue("content");
+    })[0], i = ke.getComputedStyle(e, a), c = i.getPropertyValue("font-family"), v = c.match(Ms), g = i.getPropertyValue("font-weight"), x = i.getPropertyValue("content");
     if (l && !v)
       return e.removeChild(l), n();
-    if (v && w !== "none" && w !== "") {
-      var C = i.getPropertyValue("content"), P = Xl(c, g), $ = Gl(C), b = v[0].startsWith("FontAwesome"), y = Kl(i), p = Kt(P, $), x = p;
-      if (b) {
+    if (v && x !== "none" && x !== "") {
+      var C = i.getPropertyValue("content"), P = Xl(c, g), $ = Gl(C), p = v[0].startsWith("FontAwesome"), y = Kl(i), w = Kt(P, $), b = w;
+      if (p) {
         var j = ll($);
-        j.iconName && j.prefix && (p = j.iconName, P = j.prefix);
+        j.iconName && j.prefix && (w = j.iconName, P = j.prefix);
       }
-      if (p && !y && (!l || l.getAttribute(Ht) !== P || l.getAttribute(Wt) !== x)) {
-        e.setAttribute(t, x), l && e.removeChild(l);
-        var B = Nl(), L = B.extra;
-        L.attributes[$t] = a, Ot(p, P).then(function(ae) {
-          var ie = Xt(z(z({}, B), {}, {
+      if (w && !y && (!l || l.getAttribute(Ht) !== P || l.getAttribute(Wt) !== b)) {
+        e.setAttribute(t, b), l && e.removeChild(l);
+        var O = _l(), L = O.extra;
+        L.attributes[$t] = a, Ot(w, P).then(function(ae) {
+          var ie = Xt(z(z({}, O), {}, {
             icons: {
               main: ae,
               mask: Vn()
             },
             prefix: P,
-            iconName: x,
+            iconName: b,
             extra: L,
             watchable: !0
           })), U = K.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -2645,30 +2645,30 @@ function Pa(e) {
             var i = Je(l.cssRules), c;
             try {
               for (i.s(); !(c = i.n()).done; ) {
-                var v = c.value, g = eo(v.selectorText), w = Je(g), C;
+                var v = c.value, g = eo(v.selectorText), x = Je(g), C;
                 try {
-                  for (w.s(); !(C = w.n()).done; ) {
+                  for (x.s(); !(C = x.n()).done; ) {
                     var P = C.value;
                     n.add(P);
                   }
-                } catch (b) {
-                  w.e(b);
+                } catch (p) {
+                  x.e(p);
                 } finally {
-                  w.f();
+                  x.f();
                 }
               }
-            } catch (b) {
-              i.e(b);
+            } catch (p) {
+              i.e(p);
             } finally {
               i.f();
             }
-          } catch (b) {
-            E.searchPseudoElementsWarnings && console.warn("Font Awesome: cannot parse stylesheet: ".concat(l.href, " (").concat(b.message, `)
+          } catch (p) {
+            E.searchPseudoElementsWarnings && console.warn("Font Awesome: cannot parse stylesheet: ".concat(l.href, " (").concat(p.message, `)
 If it declares any Font Awesome CSS pseudo-elements, they will not be rendered as SVG icons. Add crossorigin="anonymous" to the <link>, enable searchPseudoElementsFullScan for slower but more thorough DOM parsing, or suppress this warning by setting searchPseudoElementsWarnings to false.`));
           }
         }
-      } catch (b) {
-        r.e(b);
+      } catch (p) {
+        r.e(p);
       } finally {
         r.f();
       }
@@ -2679,12 +2679,12 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
       } catch {
       }
     }
-    return new Promise(function(b, y) {
-      var p = Ee(t).filter(Ql).map(Jl), x = Jt.begin("searchPseudoElements");
-      Mn(), Promise.all(p).then(function() {
-        x(), Ft(), b();
+    return new Promise(function(p, y) {
+      var w = Ee(t).filter(Ql).map(Jl), b = Jt.begin("searchPseudoElements");
+      Mn(), Promise.all(w).then(function() {
+        b(), Ft(), p();
       }).catch(function() {
-        x(), Ft(), y();
+        b(), Ft(), y();
       });
     });
   }
@@ -2793,13 +2793,13 @@ var to = {
     a.generateAbstractTransformGrouping = function(t) {
       var n = t.main, r = t.transform, s = t.containerWidth, l = t.iconWidth, i = {
         transform: "translate(".concat(s / 2, " 256)")
-      }, c = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), v = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), g = "rotate(".concat(r.rotate, " 0 0)"), w = {
+      }, c = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), v = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), g = "rotate(".concat(r.rotate, " 0 0)"), x = {
         transform: "".concat(c, " ").concat(v, " ").concat(g)
       }, C = {
         transform: "translate(".concat(l / 2 * -1, " -256)")
       }, P = {
         outer: i,
-        inner: w,
+        inner: x,
         path: C
       };
       return {
@@ -2817,7 +2817,7 @@ var to = {
       };
     };
   }
-}, wt = {
+}, xt = {
   x: 0,
   y: 0,
   width: "100%",
@@ -2834,7 +2834,7 @@ var so = {
   hooks: function() {
     return {
       parseNodeAttributes: function(t, n) {
-        var r = n.getAttribute("data-fa-mask"), s = r ? mt(r.split(" ").map(function(l) {
+        var r = n.getAttribute("data-fa-mask"), s = r ? ft(r.split(" ").map(function(l) {
           return l.trim();
         })) : Vn();
         return s.prefix || (s.prefix = Se()), t.mask = s, t.maskId = n.getAttribute("data-fa-mask-id"), t;
@@ -2843,16 +2843,16 @@ var so = {
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, r = t.attributes, s = t.main, l = t.mask, i = t.maskId, c = t.transform, v = s.width, g = s.icon, w = l.width, C = l.icon, P = Xs({
+      var n = t.children, r = t.attributes, s = t.main, l = t.mask, i = t.maskId, c = t.transform, v = s.width, g = s.icon, x = l.width, C = l.icon, P = Xs({
         transform: c,
-        containerWidth: w,
+        containerWidth: x,
         iconWidth: v
       }), $ = {
         tag: "rect",
-        attributes: z(z({}, wt), {}, {
+        attributes: z(z({}, xt), {}, {
           fill: "white"
         })
-      }, b = g.children ? {
+      }, p = g.children ? {
         children: g.children.map(Ba)
       } : {}, y = {
         tag: "g",
@@ -2860,19 +2860,19 @@ var so = {
         children: [Ba(z({
           tag: g.tag,
           attributes: z(z({}, g.attributes), P.path)
-        }, b))]
-      }, p = {
+        }, p))]
+      }, w = {
         tag: "g",
         attributes: z({}, P.outer),
         children: [y]
-      }, x = "mask-".concat(i || fa()), j = "clip-".concat(i || fa()), B = {
+      }, b = "mask-".concat(i || fa()), j = "clip-".concat(i || fa()), O = {
         tag: "mask",
-        attributes: z(z({}, wt), {}, {
-          id: x,
+        attributes: z(z({}, xt), {}, {
+          id: b,
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
-        children: [$, p]
+        children: [$, w]
       }, L = {
         tag: "defs",
         children: [{
@@ -2881,15 +2881,15 @@ var so = {
             id: j
           },
           children: ro(C)
-        }, B]
+        }, O]
       };
       return n.push(L, {
         tag: "rect",
         attributes: z({
           fill: "currentColor",
           "clip-path": "url(#".concat(j, ")"),
-          mask: "url(#".concat(x, ")")
-        }, wt)
+          mask: "url(#".concat(b, ")")
+        }, xt)
       }), {
         children: n,
         attributes: r
@@ -2985,20 +2985,20 @@ ce.noAuto;
 var Rn = ce.config;
 ce.library;
 ce.dom;
-var st = ce.parse;
+var rt = ce.parse;
 ce.findIconDefinition;
 ce.toHtml;
 var uo = ce.icon;
 ce.layer;
 var co = ce.text;
 ce.counter;
-function Nt(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 fo(e) {
-  if (Array.isArray(e)) return Nt(e);
+  if (Array.isArray(e)) return _t(e);
 }
 function le(e, a, t) {
   return (a = po(a)) in e ? Object.defineProperty(e, a, {
@@ -3054,7 +3054,7 @@ function ho(e, a) {
   }
   return t;
 }
-function _t(e) {
+function Nt(e) {
   return fo(e) || mo(e) || yo(e) || vo();
 }
 function bo(e, a) {
@@ -3071,19 +3071,19 @@ function po(e) {
   var a = bo(e, "string");
   return typeof a == "symbol" ? a : a + "";
 }
-function lt(e) {
+function st(e) {
   "@babel/helpers - typeof";
-  return lt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
+  return st = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
     return typeof a;
   } : function(a) {
     return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
-  }, lt(e);
+  }, st(e);
 }
 function yo(e, a) {
   if (e) {
-    if (typeof e == "string") return Nt(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) ? Nt(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 De(e, a) {
@@ -3111,64 +3111,64 @@ function xo(e) {
 var wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Hn = { exports: {} };
 (function(e) {
   (function(a) {
-    var t = function(p, x, j) {
-      if (!v(x) || w(x) || C(x) || P(x) || c(x))
-        return x;
-      var B, L = 0, ae = 0;
-      if (g(x))
-        for (B = [], ae = x.length; L < ae; L++)
-          B.push(t(p, x[L], j));
+    var t = function(w, b, j) {
+      if (!v(b) || x(b) || C(b) || P(b) || c(b))
+        return b;
+      var O, L = 0, ae = 0;
+      if (g(b))
+        for (O = [], ae = b.length; L < ae; L++)
+          O.push(t(w, b[L], j));
       else {
-        B = {};
-        for (var ie in x)
-          Object.prototype.hasOwnProperty.call(x, ie) && (B[p(ie, j)] = t(p, x[ie], j));
+        O = {};
+        for (var ie in b)
+          Object.prototype.hasOwnProperty.call(b, ie) && (O[w(ie, j)] = t(w, b[ie], j));
       }
-      return B;
-    }, n = function(p, x) {
-      x = x || {};
-      var j = x.separator || "_", B = x.split || /(?=[A-Z])/;
-      return p.split(B).join(j);
-    }, r = function(p) {
-      return $(p) ? p : (p = p.replace(/[\-_\s]+(.)?/g, function(x, j) {
+      return O;
+    }, n = function(w, b) {
+      b = b || {};
+      var j = b.separator || "_", O = b.split || /(?=[A-Z])/;
+      return w.split(O).join(j);
+    }, r = function(w) {
+      return $(w) ? w : (w = w.replace(/[\-_\s]+(.)?/g, function(b, j) {
         return j ? j.toUpperCase() : "";
-      }), p.substr(0, 1).toLowerCase() + p.substr(1));
-    }, s = function(p) {
-      var x = r(p);
-      return x.substr(0, 1).toUpperCase() + x.substr(1);
-    }, l = function(p, x) {
-      return n(p, x).toLowerCase();
-    }, i = Object.prototype.toString, c = function(p) {
-      return typeof p == "function";
-    }, v = function(p) {
-      return p === Object(p);
-    }, g = function(p) {
-      return i.call(p) == "[object Array]";
-    }, w = function(p) {
-      return i.call(p) == "[object Date]";
-    }, C = function(p) {
-      return i.call(p) == "[object RegExp]";
-    }, P = function(p) {
-      return i.call(p) == "[object Boolean]";
-    }, $ = function(p) {
-      return p = p - 0, p === p;
-    }, b = function(p, x) {
-      var j = x && "process" in x ? x.process : x;
-      return typeof j != "function" ? p : function(B, L) {
-        return j(B, p, L);
+      }), w.substr(0, 1).toLowerCase() + w.substr(1));
+    }, s = function(w) {
+      var b = r(w);
+      return b.substr(0, 1).toUpperCase() + b.substr(1);
+    }, l = function(w, b) {
+      return n(w, b).toLowerCase();
+    }, i = Object.prototype.toString, c = function(w) {
+      return typeof w == "function";
+    }, v = function(w) {
+      return w === Object(w);
+    }, g = function(w) {
+      return i.call(w) == "[object Array]";
+    }, x = function(w) {
+      return i.call(w) == "[object Date]";
+    }, C = function(w) {
+      return i.call(w) == "[object RegExp]";
+    }, P = function(w) {
+      return i.call(w) == "[object Boolean]";
+    }, $ = function(w) {
+      return w = w - 0, w === w;
+    }, p = function(w, b) {
+      var j = b && "process" in b ? b.process : b;
+      return typeof j != "function" ? w : function(O, L) {
+        return j(O, w, L);
       };
     }, y = {
       camelize: r,
       decamelize: l,
       pascalize: s,
       depascalize: l,
-      camelizeKeys: function(p, x) {
-        return t(b(r, x), p);
+      camelizeKeys: function(w, b) {
+        return t(p(r, b), w);
       },
-      decamelizeKeys: function(p, x) {
-        return t(b(l, x), p, x);
+      decamelizeKeys: function(w, b) {
+        return t(p(l, b), w, b);
       },
-      pascalizeKeys: function(p, x) {
-        return t(b(s, x), p);
+      pascalizeKeys: function(w, b) {
+        return t(p(s, b), w);
       },
       depascalizeKeys: function() {
         return this.decamelizeKeys.apply(this, arguments);
@@ -3219,7 +3219,7 @@ function Zt(e) {
   });
   t.class;
   var s = t.style, l = s === void 0 ? {} : s, i = go(t, So);
-  return _a(e.tag, de(de(de({}, a), {}, {
+  return Na(e.tag, de(de(de({}, a), {}, {
     class: r.class,
     style: de(de({}, r.style), l)
   }, r.attrs), i), n);
@@ -3236,13 +3236,13 @@ function zo() {
   }
 }
 function Va(e) {
-  if (e && lt(e) === "object" && e.prefix && e.iconName && e.icon)
+  if (e && st(e) === "object" && e.prefix && e.iconName && e.icon)
     return e;
-  if (st.icon)
-    return st.icon(e);
+  if (rt.icon)
+    return rt.icon(e);
   if (e === null)
     return null;
-  if (lt(e) === "object" && e.prefix && e.iconName)
+  if (st(e) === "object" && e.prefix && e.iconName)
     return e;
   if (Array.isArray(e) && e.length === 2)
     return {
@@ -3392,7 +3392,7 @@ var Ao = Dt({
     }), s = f(function() {
       return De("classes", xo(a));
     }), l = f(function() {
-      return De("transform", typeof a.transform == "string" ? st.transform(a.transform) : a.transform);
+      return De("transform", typeof a.transform == "string" ? rt.transform(a.transform) : a.transform);
     }), i = f(function() {
       return De("mask", Va(a.mask));
     }), c = f(function() {
@@ -3426,10 +3426,10 @@ Dt({
   },
   setup: function(a, t) {
     var n = t.slots, r = Rn.familyPrefix, s = f(function() {
-      return ["".concat(r, "-layers")].concat(_t(a.fixedWidth ? ["".concat(r, "-fw")] : []));
+      return ["".concat(r, "-layers")].concat(Nt(a.fixedWidth ? ["".concat(r, "-fw")] : []));
     });
     return function() {
-      return _a("div", {
+      return Na("div", {
         class: s.value
       }, n.default ? n.default() : []);
     };
@@ -3460,9 +3460,9 @@ Dt({
   },
   setup: function(a, t) {
     var n = t.attrs, r = Rn.familyPrefix, s = f(function() {
-      return De("classes", [].concat(_t(a.counter ? ["".concat(r, "-layers-counter")] : []), _t(a.position ? ["".concat(r, "-layers-").concat(a.position)] : [])));
+      return De("classes", [].concat(Nt(a.counter ? ["".concat(r, "-layers-counter")] : []), Nt(a.position ? ["".concat(r, "-layers-").concat(a.position)] : [])));
     }), l = f(function() {
-      return De("transform", typeof a.transform == "string" ? st.transform(a.transform) : a.transform);
+      return De("transform", typeof a.transform == "string" ? rt.transform(a.transform) : a.transform);
     }), i = f(function() {
       var v = co(a.value.toString(), de(de({}, l.value), s.value)), g = v.abstract;
       return a.counter && (g[0].attributes.class = g[0].attributes.class.replace("fa-layers-text", "")), g[0];
@@ -3509,7 +3509,7 @@ const Z = {
       n.value,
       "inline-block"
     ]);
-    return (s, l) => (o(), _(M(Ao), {
+    return (s, l) => (o(), N(M(Ao), {
       icon: [e.prefix, e.icon],
       class: m(r.value),
       "aria-hidden": !e.ariaLabel,
@@ -3588,7 +3588,7 @@ const Z = {
       }, null, 42, Io)) : e.initials ? (o(), d("span", {
         key: 1,
         class: m(l.value)
-      }, k(e.initials), 3)) : (o(), _(Z, {
+      }, k(e.initials), 3)) : (o(), N(Z, {
         key: 2,
         name: "User",
         class: m(i.value)
@@ -3671,7 +3671,7 @@ const Z = {
     return (c, v) => (o(), d("span", {
       class: m(M(S)(M(l)({ variant: e.variant, size: e.size, shape: e.shape }), c.$attrs.class))
     }, [
-      e.icon ? (o(), _(oe(e.icon), {
+      e.icon ? (o(), N(oe(e.icon), {
         key: 0,
         class: m(i.value)
       }, null, 8, ["class"])) : h("", !0),
@@ -3771,7 +3771,7 @@ const Z = {
       e.loading && e.loadingText ? (o(), d("span", Vo, k(e.loadingText), 1)) : A(t.$slots, "default", { key: 3 })
     ], 16, Bo));
   }
-}), Fo = { class: "flex items-center gap-3" }, Eo = { class: "relative" }, No = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], _o = { class: "flex-1" }, Mo = ["for"], ea = {
+}), Fo = { class: "flex items-center gap-3" }, Eo = { class: "relative" }, _o = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], No = { class: "flex-1" }, Mo = ["for"], ea = {
   __name: "Checkbox",
   props: {
     modelValue: {
@@ -3835,23 +3835,23 @@ const Z = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
     </svg>
   `
-    }, r = e, s = a, l = D(null), i = f(() => r.id || ot()), c = f(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), v = (p) => {
-      const x = p.target.checked;
+    }, r = e, s = a, l = D(null), i = f(() => r.id || lt()), c = f(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), v = (w) => {
+      const b = w.target.checked;
       if (Array.isArray(r.modelValue)) {
         const j = [...r.modelValue];
-        if (x)
+        if (b)
           j.push(r.value);
         else {
-          const B = j.indexOf(r.value);
-          B > -1 && j.splice(B, 1);
+          const O = j.indexOf(r.value);
+          O > -1 && j.splice(O, 1);
         }
         s("update:modelValue", j);
       } else
-        s("update:modelValue", x);
-      s("change", x);
+        s("update:modelValue", b);
+      s("change", b);
     }, g = () => {
       !r.disabled && l.value && l.value.click();
-    }, w = f(() => {
+    }, x = f(() => {
       if (r.error) return `${i.value}-error`;
     }), C = f(() => ({
       sm: "w-4 h-4",
@@ -3883,7 +3883,7 @@ const Z = {
         "focus-within:ring-blue-500": !r.disabled && r.variant === "default",
         "focus-within:ring-red-500": !r.disabled && r.variant === "error"
       }
-    ]), b = f(() => [
+    ]), p = f(() => [
       "text-sm font-medium cursor-pointer select-none",
       {
         "text-slate-900": !r.disabled,
@@ -3892,9 +3892,9 @@ const Z = {
     ]), y = f(() => [
       "text-xs text-slate-500 mt-1"
     ]);
-    return ge(() => r.indeterminate, (p) => {
-      l.value && (l.value.indeterminate = p);
-    }, { immediate: !0 }), (p, x) => (o(), d("div", Fo, [
+    return ge(() => r.indeterminate, (w) => {
+      l.value && (l.value.indeterminate = w);
+    }, { immediate: !0 }), (w, b) => (o(), d("div", Fo, [
       u("div", Eo, [
         u("input", {
           id: i.value,
@@ -3906,28 +3906,28 @@ const Z = {
           disabled: e.disabled,
           required: e.required,
           class: m(P.value),
-          "aria-describedby": w.value,
+          "aria-describedby": x.value,
           onChange: v
-        }, null, 42, No),
+        }, null, 42, _o),
         u("div", {
           class: m($.value),
           onClick: g
         }, [
-          c.value && !e.indeterminate ? (o(), _(t, {
+          c.value && !e.indeterminate ? (o(), N(t, {
             key: 0,
             class: "w-3 h-3"
-          })) : e.indeterminate ? (o(), _(n, {
+          })) : e.indeterminate ? (o(), N(n, {
             key: 1,
             class: "w-3 h-3"
           })) : h("", !0)
         ], 2)
       ]),
-      u("div", _o, [
+      u("div", No, [
         u("label", {
           for: i.value,
-          class: m(b.value)
+          class: m(p.value)
         }, [
-          A(p.$slots, "default", {}, () => [
+          A(w.$slots, "default", {}, () => [
             R(k(e.label), 1)
           ])
         ], 10, Mo),
@@ -4180,7 +4180,7 @@ const Z = {
       () => "absolute inset-0 flex items-center justify-center bg-muted"
     ), g = f(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
-    ), w = (P) => {
+    ), x = (P) => {
       r.value = !1, s.value = !1, n("load", P);
     }, C = (P) => {
       r.value = !1, s.value = !0, n("error", P);
@@ -4193,14 +4193,14 @@ const Z = {
         alt: e.alt,
         class: m(c.value),
         loading: e.loading,
-        onLoad: w,
+        onLoad: x,
         onError: C
       }, null, 42, Wo),
       r.value ? (o(), d("div", {
         key: 0,
         class: m(v.value)
       }, [
-        e.showSpinner ? (o(), _(Un, {
+        e.showSpinner ? (o(), N(Un, {
           key: 0,
           size: "sm"
         })) : h("", !0)
@@ -4292,15 +4292,15 @@ const Z = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, s = D(null), l = f(() => n.id || ot()), i = (x) => {
-      r("update:modelValue", x.target.value);
-    }, c = (x) => {
-      r("blur", x);
-    }, v = (x) => {
-      r("focus", x);
-    }, g = (x) => {
-      r("keydown", x);
-    }, w = () => {
+    const n = e, r = t, s = D(null), l = f(() => n.id || lt()), i = (b) => {
+      r("update:modelValue", b.target.value);
+    }, c = (b) => {
+      r("blur", b);
+    }, v = (b) => {
+      r("focus", b);
+    }, g = (b) => {
+      r("keydown", b);
+    }, x = () => {
       r("update:modelValue", ""), r("clear"), s.value?.focus();
     }, C = f(() => !!n.error || n.variant === "error"), P = f(() => {
       if (n.error) return `${l.value}-error`;
@@ -4308,7 +4308,7 @@ const Z = {
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    })[n.size]), b = f(() => ({
+    })[n.size]), p = f(() => ({
       default: "border-slate-300 focus:border-blue-500 focus:ring-blue-500",
       error: "border-red-300 focus:border-red-500 focus:ring-red-500",
       success: "border-green-300 focus:border-green-500 focus:ring-green-500"
@@ -4316,13 +4316,13 @@ const Z = {
       sm: "w-4 h-4",
       md: "w-4 h-4",
       lg: "w-5 h-5"
-    }[n.size]]), p = f(() => [
+    }[n.size]]), w = f(() => [
       "block w-full rounded-lg border bg-white transition-colors duration-200",
       "focus:outline-none focus:ring-2 focus:ring-offset-0",
       "disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
       "placeholder:text-slate-400",
       $.value,
-      b.value,
+      p.value,
       {
         "pl-10": n.iconLeft,
         "pr-10": n.iconRight || n.clearable
@@ -4332,9 +4332,9 @@ const Z = {
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (x, j) => (o(), d("div", qo, [
+    }), (b, j) => (o(), d("div", qo, [
       e.iconLeft ? (o(), d("div", Yo, [
-        (o(), _(oe(e.iconLeft), {
+        (o(), N(oe(e.iconLeft), {
           class: m(y.value)
         }, null, 8, ["class"]))
       ])) : h("", !0),
@@ -4349,7 +4349,7 @@ const Z = {
         readonly: e.readonly,
         required: e.required,
         autocomplete: e.autocomplete,
-        class: m(p.value),
+        class: m(w.value),
         "aria-describedby": P.value,
         "aria-invalid": C.value,
         onInput: i,
@@ -4360,7 +4360,7 @@ const Z = {
       e.iconRight || e.clearable ? (o(), d("div", Ko, [
         e.clearable && e.modelValue && !e.disabled ? (o(), d("button", {
           key: 0,
-          onClick: w,
+          onClick: x,
           class: "text-slate-400 hover:text-slate-600 transition-colors",
           type: "button",
           "aria-label": e.clearLabel
@@ -4369,7 +4369,7 @@ const Z = {
             name: "x-mark",
             class: "w-5 h-5"
           })
-        ], 8, Xo)) : e.iconRight ? (o(), _(oe(e.iconRight), {
+        ], 8, Xo)) : e.iconRight ? (o(), N(oe(e.iconRight), {
           key: 1,
           class: m(y.value)
         }, null, 8, ["class"])) : h("", !0)
@@ -4497,7 +4497,7 @@ const Z = {
       }
       i("click", c);
     }, i = a;
-    return (c, v) => (o(), _(oe(n.value), {
+    return (c, v) => (o(), N(oe(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,
@@ -4505,19 +4505,19 @@ const Z = {
       class: m(M(S)(M(s)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), c.$attrs.class)),
       onClick: l
     }, {
-      default: V(() => [
-        e.icon && e.iconPosition === "left" ? (o(), _(Z, {
+      default: B(() => [
+        e.icon && e.iconPosition === "left" ? (o(), N(Z, {
           key: 0,
           name: e.icon,
           class: m(r.value)
         }, null, 8, ["name", "class"])) : h("", !0),
         A(c.$slots, "default"),
-        e.icon && e.iconPosition === "right" ? (o(), _(Z, {
+        e.icon && e.iconPosition === "right" ? (o(), N(Z, {
           key: 1,
           name: e.icon,
           class: m(r.value)
         }, null, 8, ["name", "class"])) : h("", !0),
-        e.external && e.showExternalIcon ? (o(), _(Z, {
+        e.external && e.showExternalIcon ? (o(), N(Z, {
           key: 2,
           name: "external-link",
           class: "w-3 h-3 ml-1 inline-block"
@@ -4744,7 +4744,7 @@ const Z = {
     ), v = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (g, w) => (o(), d("div", ri, [
+    return (g, x) => (o(), d("div", ri, [
       u("button", {
         type: "button",
         role: "radio",
@@ -4979,10 +4979,10 @@ const Z = {
         align: a.align
       }), a.class)
     );
-    return (r, s) => (o(), _(oe(e.as), {
+    return (r, s) => (o(), N(oe(e.as), {
       class: m(n.value)
     }, {
-      default: V(() => [
+      default: B(() => [
         A(r.$slots, "default")
       ]),
       _: 3
@@ -5019,9 +5019,9 @@ const Z = {
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, s = D(null), l = f(() => n.id || ot()), i = (y) => {
-      r("update:modelValue", y.target.value), n.autoResize && aa(() => b());
-    }, c = (y) => r("blur", y), v = (y) => r("focus", y), g = (y) => r("keydown", y), w = f(() => !!n.error || n.variant === "error"), C = f(
+    const n = e, r = t, s = D(null), l = f(() => n.id || lt()), i = (y) => {
+      r("update:modelValue", y.target.value), n.autoResize && aa(() => p());
+    }, c = (y) => r("blur", y), v = (y) => r("focus", y), g = (y) => r("keydown", y), x = f(() => !!n.error || n.variant === "error"), C = f(
       () => n.error ? `${l.value}-error` : void 0
     ), P = I(
       "block w-full rounded-lg border transition-colors duration-200 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
@@ -5052,18 +5052,18 @@ const Z = {
       }
     ), $ = f(
       () => S(P({ size: n.size, variant: n.variant, resize: n.resize }))
-    ), b = () => {
+    ), p = () => {
       if (!s.value || !n.autoResize) return;
       const y = s.value;
       y.style.height = "auto", y.style.height = `${y.scrollHeight}px`;
     };
     return ge(() => n.modelValue, () => {
-      n.autoResize && aa(() => b());
+      n.autoResize && aa(() => p());
     }, { immediate: !0 }), a({
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (y, p) => (o(), d("textarea", {
+    }), (y, w) => (o(), d("textarea", {
       id: l.value,
       ref_key: "textareaRef",
       ref: s,
@@ -5076,7 +5076,7 @@ const Z = {
       maxlength: e.maxlength,
       class: m($.value),
       "aria-describedby": C.value,
-      "aria-invalid": w.value,
+      "aria-invalid": x.value,
       onInput: i,
       onBlur: c,
       onFocus: v,
@@ -5139,7 +5139,7 @@ const Z = {
     }, v = () => {
       n && clearTimeout(n), t.value = !1;
     };
-    return (g, w) => (o(), d("div", {
+    return (g, x) => (o(), d("div", {
       class: "relative inline-block",
       onMouseenter: c,
       onMouseleave: v
@@ -5153,7 +5153,7 @@ const Z = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: V(() => [
+        default: B(() => [
           t.value ? (o(), d("div", {
             key: 0,
             class: m(l.value),
@@ -5274,10 +5274,10 @@ const Z = {
         "whitespace-nowrap": a.noWrap
       }
     ]);
-    return (i, c) => (o(), _(oe(t.value), {
+    return (i, c) => (o(), N(oe(t.value), {
       class: m(l.value)
     }, {
-      default: V(() => [
+      default: B(() => [
         A(i.$slots, "default")
       ]),
       _: 3
@@ -5349,7 +5349,7 @@ const Z = {
         d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0a9 9 0 0118 0z" />
     </svg>
   `
-    }, w = {
+    }, x = {
       template: `
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
@@ -5385,7 +5385,7 @@ const Z = {
       error: "text-red-500",
       default: "text-foreground",
       destructive: "text-destructive"
-    }[t.variant]]), b = f(() => ["flex-shrink-0 p-1 rounded-md transition-colors duration-200", {
+    }[t.variant]]), p = f(() => ["flex-shrink-0 p-1 rounded-md transition-colors duration-200", {
       info: "text-blue-500 hover:text-blue-700 hover:bg-blue-100",
       success: "text-green-500 hover:text-green-700 hover:bg-green-100",
       warning: "text-yellow-500 hover:text-yellow-700 hover:bg-yellow-100",
@@ -5393,7 +5393,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 (y, p) => (o(), _(he, {
+    return (y, w) => (o(), N(he, {
       "enter-active-class": "transition-all duration-300",
       "enter-from-class": "opacity-0 scale-95",
       "enter-to-class": "opacity-100 scale-100",
@@ -5401,7 +5401,7 @@ const Z = {
       "leave-from-class": "opacity-100 scale-100",
       "leave-to-class": "opacity-0 scale-95"
     }, {
-      default: V(() => [
+      default: B(() => [
         r.value ? (o(), d("div", {
           key: 0,
           class: m(M(S)(M(P)({ variant: e.variant }), y.$attrs.class)),
@@ -5409,7 +5409,7 @@ const Z = {
         }, [
           u("div", vi, [
             e.showIcon ? (o(), d("div", gi, [
-              (o(), _(oe(C.value), {
+              (o(), N(oe(C.value), {
                 class: m($.value)
               }, null, 8, ["class"]))
             ])) : h("", !0),
@@ -5424,14 +5424,14 @@ const Z = {
               ], 2),
               y.$slots.actions || e.actions.length > 0 ? (o(), d("div", pi, [
                 A(y.$slots, "actions", {}, () => [
-                  (o(!0), d(Y, null, G(e.actions, (x) => (o(), _(ue, {
-                    key: x.label,
-                    variant: x.variant || "outline",
-                    size: x.size || "sm",
-                    onClick: (j) => l(x)
+                  (o(!0), d(Y, null, G(e.actions, (b) => (o(), N(ue, {
+                    key: b.label,
+                    variant: b.variant || "outline",
+                    size: b.size || "sm",
+                    onClick: (j) => l(b)
                   }, {
-                    default: V(() => [
-                      R(k(x.label), 1)
+                    default: B(() => [
+                      R(k(b.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["variant", "size", "onClick"]))), 128))
@@ -5441,10 +5441,10 @@ const Z = {
             e.dismissible ? (o(), d("button", {
               key: 1,
               onClick: s,
-              class: m(b.value),
+              class: m(p.value),
               "aria-label": e.dismissLabel
             }, [
-              T(w, { class: "w-4 h-4" })
+              T(x, { class: "w-4 h-4" })
             ], 10, yi)) : h("", !0)
           ])
         ], 2)) : h("", !0)
@@ -5494,7 +5494,7 @@ const Z = {
           key: i,
           class: "flex items-center"
         }, [
-          (o(), _(oe(l.href ? "a" : "span"), {
+          (o(), N(oe(l.href ? "a" : "span"), {
             href: l.href,
             class: m([
               "text-sm font-medium transition-colors hover:text-foreground",
@@ -5502,12 +5502,12 @@ const Z = {
             ]),
             "aria-current": i === e.items.length - 1 ? "page" : void 0
           }, {
-            default: V(() => [
+            default: B(() => [
               R(k(l.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
-          i < e.items.length - 1 ? (o(), _(Z, {
+          i < e.items.length - 1 ? (o(), N(Z, {
             key: 0,
             name: e.separator,
             class: "mx-2 h-4 w-4 text-muted-foreground"
@@ -5665,7 +5665,7 @@ const Z = {
         }
       }
     });
-    return (g, w) => (o(), d("div", {
+    return (g, x) => (o(), d("div", {
       class: m(M(S)(M(s)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
       onClick: r
     }, [
@@ -5783,7 +5783,7 @@ const Z = {
       A(r.$slots, "default")
     ], 2));
   }
-}, Ni = /* @__PURE__ */ Object.assign({
+}, _i = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -5794,7 +5794,7 @@ const Z = {
       A(a.$slots, "default")
     ], 2));
   }
-}), _i = /* @__PURE__ */ Object.assign({
+}), Ni = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -5917,9 +5917,9 @@ const Z = {
     };
     return Fe(() => {
       document.addEventListener("click", v);
-    }), it(() => {
+    }), ot(() => {
       document.removeEventListener("click", v);
-    }), (g, w) => (o(), d("div", {
+    }), (g, x) => (o(), d("div", {
       class: "relative",
       ref_key: "dropdownRef",
       ref: n
@@ -5946,7 +5946,7 @@ const Z = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: V(() => [
+        default: B(() => [
           t.value ? (o(), d("div", {
             key: 0,
             class: m(i.value),
@@ -5993,15 +5993,15 @@ const Z = {
     ), l = (i) => {
       t.disabled || n("click", i);
     };
-    return (i, c) => (o(), _(oe(e.href ? "a" : "button"), {
+    return (i, c) => (o(), N(oe(e.href ? "a" : "button"), {
       href: e.href,
       class: m(s.value),
       disabled: e.disabled,
       role: "menuitem",
       onClick: l
     }, {
-      default: V(() => [
-        e.icon ? (o(), _(Z, {
+      default: B(() => [
+        e.icon ? (o(), N(Z, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
@@ -6048,37 +6048,37 @@ const Z = {
         i({ variant: t.variant }),
         s.value && "border-primary bg-primary/5"
       )
-    ), v = (x) => {
-      x.preventDefault(), s.value = !1;
-      const j = Array.from(x.dataTransfer.files);
-      b(j);
-    }, g = (x) => {
-      x.preventDefault();
-    }, w = (x) => {
-      x.preventDefault(), s.value = !0;
-    }, C = (x) => {
-      x.preventDefault(), s.value = !1;
+    ), v = (b) => {
+      b.preventDefault(), s.value = !1;
+      const j = Array.from(b.dataTransfer.files);
+      p(j);
+    }, g = (b) => {
+      b.preventDefault();
+    }, x = (b) => {
+      b.preventDefault(), s.value = !0;
+    }, C = (b) => {
+      b.preventDefault(), s.value = !1;
     }, P = () => {
       l.value?.click();
-    }, $ = (x) => {
-      const j = Array.from(x.target.files);
-      b(j);
-    }, b = (x) => {
-      const j = x.filter((B) => !(t.maxSize && B.size > t.maxSize));
+    }, $ = (b) => {
+      const j = Array.from(b.target.files);
+      p(j);
+    }, p = (b) => {
+      const j = b.filter((O) => !(t.maxSize && O.size > t.maxSize));
       t.multiple ? r.value.push(...j) : r.value = j.slice(0, 1), n("files-selected", r.value);
-    }, y = (x) => {
-      r.value.splice(x, 1), n("file-removed", r.value);
-    }, p = (x) => {
-      if (x === 0) return "0 Bytes";
-      const j = 1024, B = ["Bytes", "KB", "MB", "GB"], L = Math.floor(Math.log(x) / Math.log(j));
-      return parseFloat((x / Math.pow(j, L)).toFixed(2)) + " " + B[L];
+    }, y = (b) => {
+      r.value.splice(b, 1), n("file-removed", r.value);
+    }, w = (b) => {
+      if (b === 0) return "0 Bytes";
+      const j = 1024, O = ["Bytes", "KB", "MB", "GB"], L = Math.floor(Math.log(b) / Math.log(j));
+      return parseFloat((b / Math.pow(j, L)).toFixed(2)) + " " + O[L];
     };
-    return (x, j) => (o(), d("div", qi, [
+    return (b, j) => (o(), d("div", qi, [
       u("div", {
         class: m(c.value),
         onDrop: v,
         onDragover: g,
-        onDragenter: w,
+        onDragenter: x,
         onDragleave: C,
         onClick: P
       }, [
@@ -6104,7 +6104,7 @@ const Z = {
         ])
       ], 34),
       r.value.length > 0 ? (o(), d("div", Xi, [
-        (o(!0), d(Y, null, G(r.value, (B, L) => (o(), d("div", {
+        (o(!0), d(Y, null, G(r.value, (O, L) => (o(), d("div", {
           key: L,
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
@@ -6113,8 +6113,8 @@ const Z = {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            u("span", Qi, k(B.name), 1),
-            u("span", Zi, "(" + k(p(B.size)) + ")", 1)
+            u("span", Qi, k(O.name), 1),
+            u("span", Zi, "(" + k(w(O.size)) + ")", 1)
           ]),
           u("button", {
             onClick: (ae) => y(L),
@@ -6152,7 +6152,7 @@ const Z = {
     id: String
   },
   setup(e) {
-    const a = e, t = ot(), n = f(() => !!a.error), r = D(!1), s = () => {
+    const a = e, t = lt(), n = f(() => !!a.error), r = D(!1), s = () => {
       r.value = !r.value;
     }, l = f(() => {
       const C = [];
@@ -6197,7 +6197,7 @@ const Z = {
         }
       },
       defaultVariants: { size: "md", intent: "error" }
-    }), w = I("text-slate-500", {
+    }), x = I("text-slate-500", {
       variants: {
         size: {
           sm: "text-xs",
@@ -6253,7 +6253,7 @@ const Z = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: V(() => [
+          default: B(() => [
             n.value ? (o(), d("div", {
               key: 0,
               id: `${M(t)}-error`,
@@ -6273,7 +6273,7 @@ const Z = {
         e.helpText && !n.value ? (o(), d("p", {
           key: 2,
           id: `${M(t)}-help`,
-          class: m(M(S)(M(w)({ size: e.size })))
+          class: m(M(S)(M(x)({ size: e.size })))
         }, k(e.helpText), 11, ou)) : h("", !0),
         T(he, {
           "enter-active-class": "transition-all duration-200",
@@ -6283,7 +6283,7 @@ const Z = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: V(() => [
+          default: B(() => [
             e.success && !n.value ? (o(), d("div", {
               key: 0,
               class: m(M(S)(M(g)({ size: e.size, intent: "success" })))
@@ -6391,15 +6391,15 @@ const Z = {
       class: m(l.value),
       role: e.role
     }, [
-      (o(), _(oe(e.href ? "a" : "div"), {
+      (o(), N(oe(e.href ? "a" : "div"), {
         href: e.href,
         class: m(i.value),
         onClick: c
       }, {
-        default: V(() => [
+        default: B(() => [
           v.$slots.icon || e.icon ? (o(), d("div", mu, [
             A(v.$slots, "icon", {}, () => [
-              e.icon ? (o(), _(Z, {
+              e.icon ? (o(), N(Z, {
                 key: 0,
                 name: e.icon,
                 class: "h-5 w-5"
@@ -6453,22 +6453,22 @@ const Z = {
     ), l = (i) => {
       t.disabled || n("click", i);
     };
-    return (i, c) => (o(), _(oe(e.href ? "a" : "button"), {
+    return (i, c) => (o(), N(oe(e.href ? "a" : "button"), {
       href: e.href,
       class: m(s.value),
       disabled: e.disabled,
       role: "menuitem",
       onClick: l
     }, {
-      default: V(() => [
-        e.icon ? (o(), _(Z, {
+      default: B(() => [
+        e.icon ? (o(), N(Z, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : h("", !0),
         A(i.$slots, "default"),
         e.shortcut ? (o(), d("span", yu, k(e.shortcut), 1)) : h("", !0),
-        e.hasSubmenu ? (o(), _(Z, {
+        e.hasSubmenu ? (o(), N(Z, {
           key: 2,
           name: "chevron-right",
           class: "ml-auto h-4 w-4"
@@ -6506,7 +6506,7 @@ const Z = {
           document.removeEventListener("keydown", i);
         };
       }
-    }), (l, i) => (o(), _(Ma, { to: "body" }, [
+    }), (l, i) => (o(), N(Ma, { to: "body" }, [
       T(he, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
@@ -6515,7 +6515,7 @@ const Z = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: V(() => [
+        default: B(() => [
           e.modelValue ? (o(), d("div", {
             key: 0,
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
@@ -6672,14 +6672,14 @@ const Z = {
       }
     }), c = f(
       () => S(s({ variant: t.variant }), "p-4")
-    ), v = f(() => l[t.variant]), g = f(() => i({ variant: t.variant })), w = () => {
+    ), v = f(() => l[t.variant]), g = f(() => i({ variant: t.variant })), x = () => {
       r.value = !1, n("dismiss");
     };
     return Fe(() => {
       t.autoClose > 0 && setTimeout(() => {
-        w();
+        x();
       }, t.autoClose);
-    }), (C, P) => (o(), _(he, {
+    }), (C, P) => (o(), N(he, {
       "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",
@@ -6687,7 +6687,7 @@ const Z = {
       "leave-from-class": "transform translate-x-0 opacity-100",
       "leave-to-class": "transform translate-x-full opacity-0"
     }, {
-      default: V(() => [
+      default: B(() => [
         r.value ? (o(), d("div", {
           key: 0,
           class: m(c.value),
@@ -6711,7 +6711,7 @@ const Z = {
             ]),
             e.dismissible ? (o(), d("button", {
               key: 1,
-              onClick: w,
+              onClick: x,
               class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2"
             }, [
               T(Z, {
@@ -6732,8 +6732,8 @@ const Eu = {
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, Nu = () => `toast-${++Fu}-${Date.now()}`, pe = (e, a = {}) => {
-  const t = Nu(), n = {
+}, _u = () => `toast-${++Fu}-${Date.now()}`, pe = (e, a = {}) => {
+  const t = _u(), n = {
     id: t,
     message: e,
     ...Eu,
@@ -6796,7 +6796,7 @@ const Eu = {
       component: Da(e)
     })
   }
-), _u = () => ({
+), Nu = () => ({
   toasts: We,
   dismiss: Le,
   dismissAll: Gn
@@ -6846,7 +6846,7 @@ const Eu = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = _u(), r = {
+    const a = e, { toasts: t, dismiss: n } = Nu(), r = {
       "top-left": "top-0 left-0 flex-col",
       "top-center": "top-0 left-1/2 -translate-x-1/2 flex-col",
       "top-right": "top-0 right-0 flex-col",
@@ -6884,11 +6884,11 @@ const Eu = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, g = ($) => $.icon || c[$.variant] || c.default, w = ($) => {
-      const b = v[$.variant] || v.default;
-      return $.variant === "loading" ? `${b} animate-spin` : b;
+    }, g = ($) => $.icon || c[$.variant] || c.default, x = ($) => {
+      const p = v[$.variant] || v.default;
+      return $.variant === "loading" ? `${p} animate-spin` : p;
     }, C = ($) => $.icon !== !1, P = ($) => $.dismissible !== !1 && ($.closeButton || a.closeButton || $.dismissible);
-    return ($, b) => (o(), _(Ma, { to: "body" }, [
+    return ($, p) => (o(), N(Ma, { to: "body" }, [
       u("div", {
         class: m(M(S)(
           s.value,
@@ -6906,23 +6906,23 @@ const Eu = {
           tag: "div",
           class: "space-y-2"
         }, {
-          default: V(() => [
+          default: B(() => [
             (o(!0), d(Y, null, G(M(t), (y) => (o(), d("div", {
               key: y.id,
               class: m([i(y), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
               "aria-live": y.variant === "error" ? "assertive" : "polite"
             }, [
-              C(y) ? (o(), _(Z, {
+              C(y) ? (o(), N(Z, {
                 key: 0,
                 icon: g(y),
-                class: m([w(y), "h-4 w-4 shrink-0"])
+                class: m([x(y), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : h("", !0),
               u("div", Du, [
                 y.title ? (o(), d("div", Lu, k(y.title), 1)) : h("", !0),
                 y.message ? (o(), d("div", Ru, k(y.message), 1)) : h("", !0),
                 y.description ? (o(), d("div", Hu, k(y.description), 1)) : h("", !0),
-                y.component ? (o(), _(oe(y.component), Re({
+                y.component ? (o(), N(oe(y.component), Re({
                   key: 3,
                   ref_for: !0
                 }, y.componentProps), null, 16)) : h("", !0)
@@ -6934,7 +6934,7 @@ const Eu = {
               }, k(y.action.label), 9, Wu)) : h("", !0),
               P(y) ? (o(), d("button", {
                 key: 2,
-                onClick: (p) => M(n)(y.id),
+                onClick: (w) => M(n)(y.id),
                 class: "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100"
               }, [
                 T(Z, {
@@ -7010,41 +7010,41 @@ const Eu = {
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
     <path class="opacity-75" fill="currentColor" 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"/>
   </svg>`
-    }, s = e, l = a, i = D(null), c = D(null), v = D(!1), g = D(-1), w = D(null), C = (O) => {
-      const N = O.target.value;
-      l("update:modelValue", N), w.value && clearTimeout(w.value), w.value = setTimeout(() => {
-        N.length >= s.minLength ? (l("search", N), v.value = !0) : v.value = !1;
+    }, s = e, l = a, i = D(null), c = D(null), v = D(!1), g = D(-1), x = D(null), C = (V) => {
+      const _ = V.target.value;
+      l("update:modelValue", _), x.value && clearTimeout(x.value), x.value = setTimeout(() => {
+        _.length >= s.minLength ? (l("search", _), v.value = !0) : v.value = !1;
       }, s.debounce);
-    }, P = (O) => {
-      l("focus", O), s.modelValue.length >= s.minLength && (v.value = !0);
-    }, $ = (O) => {
-      l("blur", O), setTimeout(() => {
+    }, P = (V) => {
+      l("focus", V), s.modelValue.length >= s.minLength && (v.value = !0);
+    }, $ = (V) => {
+      l("blur", V), setTimeout(() => {
         v.value = !1, g.value = -1;
       }, 150);
-    }, b = () => {
+    }, p = () => {
       l("update:modelValue", ""), l("clear"), v.value = !1, c.value?.focus();
-    }, y = (O) => {
-      l("select", O), v.value = !1, g.value = -1;
-    }, p = (O) => {
+    }, y = (V) => {
+      l("select", V), v.value = !1, g.value = -1;
+    }, w = (V) => {
       if (!(!v.value || s.results.length === 0))
-        switch (O.key) {
+        switch (V.key) {
           case "ArrowDown":
-            O.preventDefault(), g.value = Math.min(g.value + 1, s.results.length - 1);
+            V.preventDefault(), g.value = Math.min(g.value + 1, s.results.length - 1);
             break;
           case "ArrowUp":
-            O.preventDefault(), g.value = Math.max(g.value - 1, -1);
+            V.preventDefault(), g.value = Math.max(g.value - 1, -1);
             break;
           case "Enter":
-            O.preventDefault(), g.value >= 0 && y(s.results[g.value]);
+            V.preventDefault(), g.value >= 0 && y(s.results[g.value]);
             break;
           case "Escape":
-            O.preventDefault(), v.value = !1, g.value = -1;
+            V.preventDefault(), v.value = !1, g.value = -1;
             break;
         }
-    }, x = (O) => {
-      if (!s.highlightMatches || !s.modelValue || !O) return O;
-      const N = new RegExp(`(${s.modelValue})`, "gi");
-      return O.replace(N, '<mark class="bg-yellow-200">$1</mark>');
+    }, b = (V) => {
+      if (!s.highlightMatches || !s.modelValue || !V) return V;
+      const _ = new RegExp(`(${s.modelValue})`, "gi");
+      return V.replace(_, '<mark class="bg-yellow-200">$1</mark>');
     }, j = I(
       "block w-full rounded-lg border bg-white transition-colors duration-200 placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
       {
@@ -7057,7 +7057,7 @@ const Eu = {
         },
         defaultVariants: { size: "md" }
       }
-    ), B = I("text-slate-400", {
+    ), O = I("text-slate-400", {
       variants: {
         size: {
           sm: "w-4 h-4",
@@ -7066,17 +7066,17 @@ const Eu = {
         }
       },
       defaultVariants: { size: "md" }
-    }), L = f(() => S(j({ size: s.size }))), ae = f(() => S(B({ size: s.size }))), ie = f(
+    }), L = f(() => S(j({ size: s.size }))), ae = f(() => S(O({ size: s.size }))), ie = f(
       () => S("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), U = (O) => S(
+    ), U = (V) => S(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
-      { "bg-slate-50": g.value === O }
-    ), ne = (O) => {
-      i.value && !i.value.contains(O.target) && (v.value = !1, g.value = -1);
+      { "bg-slate-50": g.value === V }
+    ), ne = (V) => {
+      i.value && !i.value.contains(V.target) && (v.value = !1, g.value = -1);
     };
-    return Fe(() => document.addEventListener("click", ne)), it(() => {
-      document.removeEventListener("click", ne), w.value && clearTimeout(w.value);
-    }), ge(() => s.results, () => g.value = -1), (O, N) => (o(), d("div", {
+    return Fe(() => document.addEventListener("click", ne)), ot(() => {
+      document.removeEventListener("click", ne), x.value && clearTimeout(x.value);
+    }), ge(() => s.results, () => g.value = -1), (V, _) => (o(), d("div", {
       class: "relative",
       ref_key: "searchRef",
       ref: i
@@ -7097,12 +7097,12 @@ const Eu = {
           onInput: C,
           onFocus: P,
           onBlur: $,
-          onKeydown: p
+          onKeydown: w
         }, null, 42, Ku),
         e.modelValue || e.loading ? (o(), d("div", Xu, [
           !e.loading && e.clearable ? (o(), d("button", {
             key: 0,
-            onClick: b,
+            onClick: p,
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
             "aria-label": e.clearLabel
           }, [
@@ -7120,7 +7120,7 @@ const Eu = {
         "leave-from-class": "opacity-100 scale-100 translate-y-0",
         "leave-to-class": "opacity-0 scale-95 translate-y-1"
       }, {
-        default: V(() => [
+        default: B(() => [
           v.value && (e.results.length > 0 || e.showNoResults) ? (o(), d("div", {
             key: 0,
             class: m(ie.value)
@@ -7132,26 +7132,26 @@ const Eu = {
                 onClick: (J) => y(Q),
                 onMouseenter: (J) => g.value = q
               }, [
-                Q.icon ? (o(), _(oe(Q.icon), {
+                Q.icon ? (o(), N(oe(Q.icon), {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : h("", !0),
                 u("div", tc, [
                   u("div", {
                     class: "font-medium text-slate-900",
-                    innerHTML: x(Q.title)
+                    innerHTML: b(Q.title)
                   }, null, 8, ac),
                   Q.description ? (o(), d("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
-                    innerHTML: x(Q.description)
+                    innerHTML: b(Q.description)
                   }, null, 8, nc)) : h("", !0)
                 ]),
                 Q.category ? (o(), d("div", rc, k(Q.category), 1)) : h("", !0)
               ], 42, ec))), 128))
             ])) : e.showNoResults ? (o(), d("div", sc, k(e.noResultsText), 1)) : h("", !0),
-            O.$slots.footer ? (o(), d("div", lc, [
-              A(O.$slots, "footer")
+            V.$slots.footer ? (o(), d("div", lc, [
+              A(V.$slots, "footer")
             ])) : h("", !0)
           ], 2)) : h("", !0)
         ]),
@@ -7177,7 +7177,7 @@ const Eu = {
       n("update:modelValue", Number(r.value));
     };
     return (l, i) => (o(), d("div", ic, [
-      ut(u("input", {
+      it(u("input", {
         type: "range",
         min: e.min,
         max: e.max,
@@ -7270,7 +7270,7 @@ const Eu = {
       n.value = t.registerTab(a.label), r.value = t.activeIndex.value === n.value, watch(t.activeIndex, (s) => {
         r.value = s === n.value;
       });
-    }), (s, l) => ut((o(), d("div", null, [
+    }), (s, l) => it((o(), d("div", null, [
       A(s.$slots, "default")
     ], 512)), [
       [Ra, r.value]
@@ -7356,7 +7356,7 @@ const Eu = {
           }
         }
       }
-    ), w = I("text-slate-900", {
+    ), x = I("text-slate-900", {
       variants: {
         size: {
           sm: "text-sm font-medium",
@@ -7387,7 +7387,7 @@ const Eu = {
           false: ""
         }
       }
-    }), b = I("overflow-hidden text-slate-600 border-t border-slate-200", {
+    }), p = I("overflow-hidden text-slate-600 border-t border-slate-200", {
       variants: {
         size: {
           sm: "p-3 text-sm",
@@ -7397,21 +7397,21 @@ const Eu = {
       }
     }), y = f(
       () => S(c({ variant: n.variant }))
-    ), p = f(
+    ), w = f(
       () => S(v({ variant: n.variant }))
-    ), x = (U) => S(
+    ), b = (U) => S(
       g({ variant: n.variant, size: n.size }),
       n.variant === "bordered" && i(U) && "bg-slate-50",
       n.variant === "filled" && i(U) && "bg-white",
       (n.disabled || n.items[U]?.disabled) && "cursor-not-allowed opacity-50"
     ), j = f(
-      () => S(w({ size: n.size }))
-    ), B = f(
+      () => S(x({ size: n.size }))
+    ), O = f(
       () => S(C({ size: n.size }))
     ), L = f(
       () => S(P({ size: n.size }))
     ), ae = (U) => S($({ expanded: i(U) })), ie = f(
-      () => S(b({ size: n.size }))
+      () => S(p({ size: n.size }))
     );
     return ge(
       () => n.modelValue,
@@ -7421,34 +7421,34 @@ const Eu = {
     ), (U, ne) => (o(), d("div", {
       class: m(y.value)
     }, [
-      (o(!0), d(Y, null, G(e.items, (O, N) => (o(), d("div", {
-        key: O.id || N,
-        class: m(p.value)
+      (o(!0), d(Y, null, G(e.items, (V, _) => (o(), d("div", {
+        key: V.id || _,
+        class: m(w.value)
       }, [
         u("button", {
-          class: m(x(N)),
-          "aria-expanded": i(N),
-          "aria-controls": `panel-${O.id || N}`,
-          id: `header-${O.id || N}`,
-          onClick: (Q) => l(N)
+          class: m(b(_)),
+          "aria-expanded": i(_),
+          "aria-controls": `panel-${V.id || _}`,
+          id: `header-${V.id || _}`,
+          onClick: (Q) => l(_)
         }, [
           u("div", $c, [
-            O.icon ? (o(), _(oe(O.icon), {
+            V.icon ? (o(), N(oe(V.icon), {
               key: 0,
               class: m(L.value)
             }, null, 8, ["class"])) : h("", !0),
             u("div", zc, [
               u("h3", {
                 class: m(j.value)
-              }, k(O.title), 3),
-              O.subtitle ? (o(), d("p", {
+              }, k(V.title), 3),
+              V.subtitle ? (o(), d("p", {
                 key: 0,
-                class: m(B.value)
-              }, k(O.subtitle), 3)) : h("", !0)
+                class: m(O.value)
+              }, k(V.subtitle), 3)) : h("", !0)
             ])
           ]),
           u("div", {
-            class: m(ae(N))
+            class: m(ae(_))
           }, [
             T(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
@@ -7461,21 +7461,21 @@ const Eu = {
           "leave-from-class": "opacity-100 max-h-96",
           "leave-to-class": "opacity-0 max-h-0"
         }, {
-          default: V(() => [
-            i(N) ? (o(), d("div", {
+          default: B(() => [
+            i(_) ? (o(), d("div", {
               key: 0,
               class: m(ie.value),
-              id: `panel-${O.id || N}`,
-              "aria-labelledby": `header-${O.id || N}`,
+              id: `panel-${V.id || _}`,
+              "aria-labelledby": `header-${V.id || _}`,
               role: "region"
             }, [
-              A(U.$slots, O.slot || `item-${N}`, {
-                item: O,
-                index: N
+              A(U.$slots, V.slot || `item-${_}`, {
+                item: V,
+                index: _
               }, () => [
-                O.content ? (o(), d("div", {
+                V.content ? (o(), d("div", {
                   key: 0,
-                  innerHTML: O.content
+                  innerHTML: V.content
                 }, null, 8, Ic)) : h("", !0)
               ])
             ], 10, Ac)) : h("", !0)
@@ -7541,7 +7541,7 @@ const Eu = {
     ), g = f(
       () => S(i({ size: t.size }))
     );
-    return (w, C) => (o(), d("div", {
+    return (x, C) => (o(), d("div", {
       class: m(c.value)
     }, [
       T(ue, {
@@ -7549,8 +7549,8 @@ const Eu = {
         "aria-expanded": n.value,
         onClick: r
       }, {
-        default: V(() => [
-          A(w.$slots, "header", { isOpen: n.value }),
+        default: B(() => [
+          A(x.$slots, "header", { isOpen: n.value }),
           T(a, {
             class: m(M(S)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
@@ -7565,12 +7565,12 @@ const Eu = {
         "leave-from-class": "opacity-100 max-h-96",
         "leave-to-class": "opacity-0 max-h-0"
       }, {
-        default: V(() => [
+        default: B(() => [
           n.value ? (o(), d("div", {
             key: 0,
             class: m(g.value)
           }, [
-            A(w.$slots, "content", { isOpen: n.value })
+            A(x.$slots, "content", { isOpen: n.value })
           ], 2)) : h("", !0)
         ]),
         _: 3
@@ -7593,12 +7593,12 @@ const Eu = {
       () => new Date(s.value, r.value).toLocaleString("default", {
         month: "long"
       })
-    ), v = f(() => new Date(s.value, r.value + 1, 0).getDate()), g = f(() => new Date(s.value, r.value, 1).getDay()), w = f(() => Array.from(
+    ), v = f(() => new Date(s.value, r.value + 1, 0).getDate()), g = f(() => new Date(s.value, r.value, 1).getDay()), x = f(() => Array.from(
       { length: g.value },
-      (x, j) => new Date(s.value, r.value, -j).getDate()
+      (b, j) => new Date(s.value, r.value, -j).getDate()
     ).reverse()), C = f(() => {
-      const x = w.value.length + v.value, j = x % 7 === 0 ? 0 : 7 - x % 7;
-      return Array.from({ length: j }, (B, L) => L + 1);
+      const b = x.value.length + v.value, j = b % 7 === 0 ? 0 : 7 - b % 7;
+      return Array.from({ length: j }, (O, L) => L + 1);
     });
     function P() {
       r.value === 0 ? (r.value = 11, s.value--) : r.value--;
@@ -7606,23 +7606,23 @@ const Eu = {
     function $() {
       r.value === 11 ? (r.value = 0, s.value++) : r.value++;
     }
-    function b(x) {
-      return n.getDate() === x && n.getMonth() === r.value && n.getFullYear() === s.value;
+    function p(b) {
+      return n.getDate() === b && n.getMonth() === r.value && n.getFullYear() === s.value;
     }
-    function y(x) {
-      return l.value && l.value.getDate() === x && l.value.getMonth() === r.value && l.value.getFullYear() === s.value;
+    function y(b) {
+      return l.value && l.value.getDate() === b && l.value.getMonth() === r.value && l.value.getFullYear() === s.value;
     }
-    function p(x) {
-      l.value = new Date(s.value, r.value, x), emit("update:modelValue", l.value);
+    function w(b) {
+      l.value = new Date(s.value, r.value, b), emit("update:modelValue", l.value);
     }
-    return (x, j) => (o(), d("div", jc, [
+    return (b, j) => (o(), d("div", jc, [
       u("div", Bc, [
         T(ue, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: P,
           "aria-label": "Previous Month"
         }, {
-          default: V(() => [
+          default: B(() => [
             T(a, { class: "w-5 h-5" })
           ]),
           _: 1
@@ -7633,42 +7633,42 @@ const Eu = {
           onClick: $,
           "aria-label": "Next Month"
         }, {
-          default: V(() => [
+          default: B(() => [
             T(t, { class: "w-5 h-5" })
           ]),
           _: 1
         })
       ]),
       u("div", Vc, [
-        (o(), d(Y, null, G(i, (B) => u("div", { key: B }, k(B), 1)), 64))
+        (o(), d(Y, null, G(i, (O) => u("div", { key: O }, k(O), 1)), 64))
       ]),
       u("div", Fc, [
-        (o(!0), d(Y, null, G(w.value, (B) => (o(), d("div", {
-          key: "prev-" + B,
+        (o(!0), d(Y, null, G(x.value, (O) => (o(), d("div", {
+          key: "prev-" + O,
           class: "text-slate-400 text-sm"
-        }, k(B), 1))), 128)),
-        (o(!0), d(Y, null, G(v.value, (B) => (o(), _(ue, {
-          key: B,
-          onClick: (L) => p(B),
+        }, k(O), 1))), 128)),
+        (o(!0), d(Y, null, G(v.value, (O) => (o(), N(ue, {
+          key: O,
+          onClick: (L) => w(O),
           class: m([
             "w-10 h-10 rounded-full flex items-center justify-center mx-auto",
-            b(B) ? "bg-blue-500 text-white font-semibold" : "",
-            y(B) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
+            p(O) ? "bg-blue-500 text-white font-semibold" : "",
+            y(O) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
           ])
         }, {
-          default: V(() => [
-            R(k(B), 1)
+          default: B(() => [
+            R(k(O), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "class"]))), 128)),
-        (o(!0), d(Y, null, G(C.value, (B) => (o(), d("div", {
-          key: "next-" + B,
+        (o(!0), d(Y, null, G(C.value, (O) => (o(), d("div", {
+          key: "next-" + O,
           class: "text-slate-400 text-sm"
-        }, k(B), 1))), 128))
+        }, k(O), 1))), 128))
       ])
     ]));
   }
-}, Nc = { class: "flex items-start justify-between" }, _c = {
+}, _c = { class: "flex items-start justify-between" }, Nc = {
   key: 0,
   class: "flex items-center gap-2"
 }, Kn = {
@@ -7748,28 +7748,28 @@ const Eu = {
       class: m(s.value)
     }, [
       A(c.$slots, "header", {}, () => [
-        u("div", Nc, [
+        u("div", _c, [
           u("div", null, [
-            e.title ? (o(), _(Mt, {
+            e.title ? (o(), N(Mt, {
               key: 0,
               class: m(l.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 R(k(e.title), 1)
               ]),
               _: 1
             }, 8, ["class"])) : h("", !0),
-            e.description ? (o(), _(Mt, {
+            e.description ? (o(), N(Mt, {
               key: 1,
               class: m(i.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 R(k(e.description), 1)
               ]),
               _: 1
             }, 8, ["class"])) : h("", !0)
           ]),
-          c.$slots.filters ? (o(), d("div", _c, [
+          c.$slots.filters ? (o(), d("div", Nc, [
             A(c.$slots, "filters")
           ])) : h("", !0)
         ])
@@ -7879,15 +7879,15 @@ const Eu = {
         density: "normal",
         align: "left"
       }
-    }), l = (b) => typeof b == "string" ? b : b?.key || b?.field || "unknown", i = (b, y) => {
-      const p = l(y);
-      return typeof y == "object" && y.accessor ? y.accessor(b) : p && p.includes(".") ? p.split(".").reduce((x, j) => x?.[j], b) : b?.[p];
-    }, c = (b, y) => {
-      const p = i(b, y);
-      return typeof y == "object" && y.formatter ? y.formatter(p, b) : p == null ? "" : p instanceof Date ? p.toLocaleDateString() : Array.isArray(p) ? p.join(", ") : p;
+    }), l = (p) => typeof p == "string" ? p : p?.key || p?.field || "unknown", i = (p, y) => {
+      const w = l(y);
+      return typeof y == "object" && y.accessor ? y.accessor(p) : w && w.includes(".") ? w.split(".").reduce((b, j) => b?.[j], p) : p?.[w];
+    }, c = (p, y) => {
+      const w = i(p, y);
+      return typeof y == "object" && y.formatter ? y.formatter(w, p) : w == null ? "" : w instanceof Date ? w.toLocaleDateString() : Array.isArray(w) ? w.join(", ") : w;
     }, v = () => {
       t.clickableRows && n("row-click", { item: t.item, index: t.index });
-    }, g = (b) => typeof b == "object" && b.align ? b.align : "left", w = f(
+    }, g = (p) => typeof p == "object" && p.align ? p.align : "left", x = f(
       () => S(r({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -7895,14 +7895,14 @@ const Eu = {
         selected: t.isSelected,
         variant: t.variant
       }))
-    ), C = (b) => {
-      const y = g(b);
+    ), C = (p) => {
+      const y = g(p);
       return S(
         s({
           density: t.density,
           align: y
         }),
-        b.cellClasses
+        p.cellClasses
       );
     }, P = f(
       () => S(
@@ -7918,8 +7918,8 @@ const Eu = {
         "font-medium"
       )
     );
-    return (b, y) => (o(), d("tr", {
-      class: m(w.value),
+    return (p, y) => (o(), d("tr", {
+      class: m(x.value),
       onClick: v
     }, [
       e.selectable ? (o(), d("td", {
@@ -7928,27 +7928,27 @@ const Eu = {
       }, [
         T(ea, {
           modelValue: e.isSelected,
-          "onUpdate:modelValue": y[0] || (y[0] = (p) => b.$emit("toggle-selection", e.item))
+          "onUpdate:modelValue": y[0] || (y[0] = (w) => p.$emit("toggle-selection", e.item))
         }, null, 8, ["modelValue"])
       ], 2)) : h("", !0),
-      (o(!0), d(Y, null, G(e.columns, (p) => (o(), d("td", {
-        key: l(p),
-        class: m(C(p))
+      (o(!0), d(Y, null, G(e.columns, (w) => (o(), d("td", {
+        key: l(w),
+        class: m(C(w))
       }, [
-        A(b.$slots, `cell-${l(p)}`, {
+        A(p.$slots, `cell-${l(w)}`, {
           item: e.item,
-          value: i(e.item, p),
-          column: p,
+          value: i(e.item, w),
+          column: w,
           index: e.index
         }, () => [
-          R(k(c(e.item, p)), 1)
+          R(k(c(e.item, w)), 1)
         ])
       ], 2))), 128)),
-      b.$slots.actions ? (o(), d("td", {
+      p.$slots.actions ? (o(), d("td", {
         key: 1,
         class: m($.value)
       }, [
-        A(b.$slots, "actions", {
+        A(p.$slots, "actions", {
           item: e.item,
           index: e.index
         })
@@ -8076,15 +8076,15 @@ const Eu = {
         size: "sm"
       }
     }), i = f(() => (t.currentPage - 1) * t.pageSize + 1), c = f(() => Math.min(t.currentPage * t.pageSize, t.total)), v = f(() => {
-      const $ = [], b = t.totalPages, y = t.currentPage, p = t.maxVisiblePages;
-      if (b <= p)
-        for (let x = 1; x <= b; x++)
-          $.push(x);
+      const $ = [], p = t.totalPages, y = t.currentPage, w = t.maxVisiblePages;
+      if (p <= w)
+        for (let b = 1; b <= p; b++)
+          $.push(b);
       else {
-        const x = Math.floor(p / 2);
-        let j = Math.max(1, y - x), B = Math.min(b, j + p - 1);
-        B - j + 1 < p && (j = Math.max(1, B - p + 1));
-        for (let L = j; L <= B; L++)
+        const b = Math.floor(w / 2);
+        let j = Math.max(1, y - b), O = Math.min(p, j + w - 1);
+        O - j + 1 < w && (j = Math.max(1, O - w + 1));
+        for (let L = j; L <= O; L++)
           $.push(L);
       }
       return $;
@@ -8093,18 +8093,18 @@ const Eu = {
         variant: t.variant,
         padding: t.padding
       }))
-    ), w = f(
+    ), x = f(
       () => S(s({ size: "md" }))
     ), C = f(
       () => S(l({ size: "sm" }))
-    ), P = ($, b) => {
+    ), P = ($, p) => {
       let y = "inactive";
-      return b ? y = "disabled" : $ && (y = "active"), S(r({
+      return p ? y = "disabled" : $ && (y = "active"), S(r({
         state: y,
         size: "md"
       }));
     };
-    return ($, b) => e.showPagination || $.$slots.footer ? (o(), d("div", {
+    return ($, p) => e.showPagination || $.$slots.footer ? (o(), d("div", {
       key: 0,
       class: m(g.value)
     }, [
@@ -8117,10 +8117,10 @@ const Eu = {
           u("div", Wc, [
             T(qn, {
               for: "pageSize",
-              class: m(w.value),
+              class: m(x.value),
               inline: !0
             }, {
-              default: V(() => [...b[5] || (b[5] = [
+              default: B(() => [...p[5] || (p[5] = [
                 R("Show:", -1)
               ])]),
               _: 1
@@ -8128,11 +8128,11 @@ const Eu = {
             T(ta, {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
-              "onUpdate:modelValue": b[0] || (b[0] = (y) => $.$emit("update:pageSize", parseInt(y))),
+              "onUpdate:modelValue": p[0] || (p[0] = (y) => $.$emit("update:pageSize", parseInt(y))),
               class: m(C.value)
             }, {
-              default: V(() => [
-                (o(!0), d(Y, null, G(e.pageSizeOptions, (y) => (o(), _(Yn, {
+              default: B(() => [
+                (o(!0), d(Y, null, G(e.pageSizeOptions, (y) => (o(), N(Yn, {
                   key: y,
                   value: y.toString(),
                   label: y.toString()
@@ -8144,10 +8144,10 @@ const Eu = {
           u("div", Uc, [
             u("button", {
               disabled: e.currentPage === 1,
-              onClick: b[1] || (b[1] = (y) => $.$emit("update:currentPage", 1)),
+              onClick: p[1] || (p[1] = (y) => $.$emit("update:currentPage", 1)),
               class: m(P(!1, e.currentPage === 1)),
               title: "First page"
-            }, [...b[6] || (b[6] = [
+            }, [...p[6] || (p[6] = [
               u("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -8164,10 +8164,10 @@ const Eu = {
             ])], 10, qc),
             u("button", {
               disabled: e.currentPage === 1,
-              onClick: b[2] || (b[2] = (y) => $.$emit("update:currentPage", e.currentPage - 1)),
+              onClick: p[2] || (p[2] = (y) => $.$emit("update:currentPage", e.currentPage - 1)),
               class: m(P(!1, e.currentPage === 1)),
               title: "Previous page"
-            }, [...b[7] || (b[7] = [
+            }, [...p[7] || (p[7] = [
               u("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -8185,16 +8185,16 @@ const Eu = {
             u("div", Gc, [
               (o(!0), d(Y, null, G(v.value, (y) => (o(), d("button", {
                 key: y,
-                onClick: (p) => $.$emit("update:currentPage", y),
+                onClick: (w) => $.$emit("update:currentPage", y),
                 class: m(P(y === e.currentPage, !1))
               }, k(y), 11, Kc))), 128))
             ]),
             u("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: b[3] || (b[3] = (y) => $.$emit("update:currentPage", e.currentPage + 1)),
+              onClick: p[3] || (p[3] = (y) => $.$emit("update:currentPage", e.currentPage + 1)),
               class: m(P(!1, e.currentPage === e.totalPages)),
               title: "Next page"
-            }, [...b[8] || (b[8] = [
+            }, [...p[8] || (p[8] = [
               u("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -8211,10 +8211,10 @@ const Eu = {
             ])], 10, Xc),
             u("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: b[4] || (b[4] = (y) => $.$emit("update:currentPage", e.totalPages)),
+              onClick: p[4] || (p[4] = (y) => $.$emit("update:currentPage", e.totalPages)),
               class: m(P(!1, e.currentPage === e.totalPages)),
               title: "Last page"
-            }, [...b[9] || (b[9] = [
+            }, [...p[9] || (p[9] = [
               u("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -8364,7 +8364,7 @@ const Eu = {
       defaultVariants: {
         variant: "default"
       }
-    }), w = I("divide-y", {
+    }), x = I("divide-y", {
       variants: {
         variant: {
           default: "bg-white divide-slate-200",
@@ -8380,7 +8380,7 @@ const Eu = {
       if (l.value) {
         const H = t.columns.find((X) => X.key === l.value);
         H && F.sort((X, be) => {
-          const $e = x(X, H), Ge = x(be, H);
+          const $e = b(X, H), Ge = b(be, H);
           return $e < Ge ? i.value === "asc" ? -1 : 1 : $e > Ge ? i.value === "asc" ? 1 : -1 : 0;
         });
       }
@@ -8389,13 +8389,13 @@ const Eu = {
       if (!t.showPagination) return C.value;
       const F = (r.value - 1) * s.value, H = F + s.value;
       return C.value.slice(F, H);
-    }), b = f(() => {
+    }), p = f(() => {
       let F = t.columns.length;
       return t.selectable && F++, t.$slots?.actions && F++, F;
-    }), y = f(() => C.value.length > 0 && C.value.every((F) => B(F))), p = f(() => {
-      const F = C.value.filter((H) => B(H)).length;
+    }), y = f(() => C.value.length > 0 && C.value.every((F) => O(F))), w = f(() => {
+      const F = C.value.filter((H) => O(H)).length;
       return F > 0 && F < C.value.length;
-    }), x = (F, H) => H.accessor ? H.accessor(F) : H.key.split(".").reduce((X, be) => X?.[be], F), j = (F, H) => F[t.rowKey] || H, B = (F) => t.selectedItems.some(
+    }), b = (F, H) => H.accessor ? H.accessor(F) : H.key.split(".").reduce((X, be) => X?.[be], F), j = (F, H) => F[t.rowKey] || H, O = (F) => t.selectedItems.some(
       (H) => j(H) === j(F)
     ), L = (F) => {
       const H = [...t.selectedItems], X = H.findIndex(
@@ -8411,12 +8411,12 @@ const Eu = {
       n("row-click", F);
     }, ne = f(
       () => S(c({ variant: t.variant }))
-    ), O = f(
+    ), V = f(
       () => S(v({ variant: t.variant }))
-    ), N = f(
+    ), _ = f(
       () => S(g({ variant: t.variant }))
     ), Q = f(
-      () => S(w({ variant: t.variant }))
+      () => S(x({ variant: t.variant }))
     ), q = (F) => S(
       {
         compact: "px-4 py-2",
@@ -8460,27 +8460,27 @@ const Eu = {
     }), (F, H) => (o(), d("div", {
       class: m(ne.value)
     }, [
-      e.title || e.description || F.$slots.header ? (o(), _(Kn, {
+      e.title || e.description || F.$slots.header ? (o(), N(Kn, {
         key: 0,
         title: e.title,
         description: e.description,
         variant: e.headerVariant,
         padding: e.headerPadding
       }, {
-        header: V(() => [
+        header: B(() => [
           A(F.$slots, "header")
         ]),
-        filters: V(() => [
+        filters: B(() => [
           A(F.$slots, "filters")
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
       u("div", Zc, [
         u("table", {
-          class: m(O.value)
+          class: m(V.value)
         }, [
           u("thead", {
-            class: m(N.value)
+            class: m(_.value)
           }, [
             u("tr", null, [
               e.selectable ? (o(), d("th", {
@@ -8489,7 +8489,7 @@ const Eu = {
               }, [
                 T(ea, {
                   modelValue: y.value,
-                  indeterminate: p.value,
+                  indeterminate: w.value,
                   "onUpdate:modelValue": ae
                 }, null, 8, ["modelValue", "indeterminate"])
               ], 2)) : h("", !0),
@@ -8539,13 +8539,13 @@ const Eu = {
           u("tbody", {
             class: m(Q.value)
           }, [
-            (o(!0), d(Y, null, G($.value, (X, be) => (o(), _(Xn, {
+            (o(!0), d(Y, null, G($.value, (X, be) => (o(), N(Xn, {
               key: j(X, be),
               item: X,
               columns: e.columns,
               index: be,
               selectable: e.selectable,
-              "is-selected": B(X),
+              "is-selected": O(X),
               striped: e.striped,
               hoverable: e.hoverable,
               "clickable-rows": e.clickableRows,
@@ -8553,21 +8553,21 @@ const Eu = {
               onToggleSelection: L,
               onRowClick: U
             }, ar({
-              actions: V(($e) => [
+              actions: B(($e) => [
                 A(F.$slots, "actions", Re({ ref_for: !0 }, $e))
               ]),
               _: 2
             }, [
               G(e.columns, ($e) => ({
                 name: `cell-${$e.key}`,
-                fn: V((Ge) => [
+                fn: B((Ge) => [
                   A(F.$slots, `cell-${$e.key}`, Re({ ref_for: !0 }, Ge))
                 ])
               }))
             ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density"]))), 128)),
             $.value.length === 0 ? (o(), d("tr", nd, [
               u("td", {
-                colspan: b.value,
+                colspan: p.value,
                 class: m(Te.value)
               }, [
                 A(F.$slots, "empty", {}, () => [
@@ -8595,7 +8595,7 @@ const Eu = {
           ], 2)
         ], 2)
       ]),
-      e.showPagination || F.$slots.footer ? (o(), _(Jn, {
+      e.showPagination || F.$slots.footer ? (o(), N(Jn, {
         key: 1,
         "current-page": r.value,
         "total-pages": P.value,
@@ -8609,7 +8609,7 @@ const Eu = {
         "onUpdate:currentPage": H[0] || (H[0] = (X) => r.value = X),
         "onUpdate:pageSize": H[1] || (H[1] = (X) => s.value = X)
       }, {
-        footer: V(() => [
+        footer: B(() => [
           A(F.$slots, "footer")
         ]),
         _: 3
@@ -8831,34 +8831,34 @@ const Eu = {
         variant: "default"
       }
     }), c = f(() => t.searchQuery || t.selectedStatus || t.dateFrom || t.dateTo), v = f(() => {
-      const O = [];
-      if (t.searchQuery && t.searchQuery.trim() && O.push({
+      const V = [];
+      if (t.searchQuery && t.searchQuery.trim() && V.push({
         key: "search",
         label: "Search",
         value: t.searchQuery
       }), t.selectedStatus) {
-        const N = t.statusOptions.find((Q) => Q.value === t.selectedStatus);
-        O.push({
+        const _ = t.statusOptions.find((Q) => Q.value === t.selectedStatus);
+        V.push({
           key: "status",
           label: "Status",
-          value: N?.label || t.selectedStatus
+          value: _?.label || t.selectedStatus
         });
       }
       if (t.dateFrom || t.dateTo) {
-        let N = "";
-        t.dateFrom && t.dateTo ? N = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? N = `From ${t.dateFrom}` : t.dateTo && (N = `Until ${t.dateTo}`), N && O.push({
+        let _ = "";
+        t.dateFrom && t.dateTo ? _ = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? _ = `From ${t.dateFrom}` : t.dateTo && (_ = `Until ${t.dateTo}`), _ && V.push({
           key: "date",
           label: "Date Range",
-          value: N
+          value: _
         });
       }
-      return O;
+      return V;
     }), g = f(
       () => S(r({
         variant: t.variant,
         padding: t.padding
       }))
-    ), w = f(
+    ), x = f(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-slate-400"
     ), C = f(
       () => S(
@@ -8872,17 +8872,17 @@ const Eu = {
         s({ size: "md" }),
         "w-full focus:border-transparent"
       )
-    ), b = f(
+    ), p = f(
       () => S(s({ size: "md" }))
     ), y = f(
       () => "text-slate-500"
-    ), p = f(
+    ), w = f(
       () => S(l({ variant: "default", size: "md" }))
-    ), x = f(
+    ), b = f(
       () => S(l({ variant: "primary", size: "md" }))
     ), j = f(
       () => S(l({ variant: "success", size: "md" }))
-    ), B = f(
+    ), O = f(
       () => S(i({ variant: t.variant }))
     ), L = f(
       () => "text-sm text-blue-700 font-medium"
@@ -8892,8 +8892,8 @@ const Eu = {
       () => "text-blue-200 hover:text-blue-200 p-0.5"
     ), U = () => {
       n("update:searchQuery", ""), n("update:selectedStatus", ""), n("update:dateFrom", ""), n("update:dateTo", ""), n("clear-filters");
-    }, ne = (O) => {
-      switch (O) {
+    }, ne = (V) => {
+      switch (V) {
         case "search":
           n("update:searchQuery", "");
           break;
@@ -8905,7 +8905,7 @@ const Eu = {
           break;
       }
     };
-    return (O, N) => {
+    return (V, _) => {
       const Q = te("font-awesome-icon");
       return o(), d("div", null, [
         u("div", {
@@ -8915,20 +8915,20 @@ const Eu = {
             u("div", cd, [
               T(Q, {
                 icon: "magnifying-glass",
-                class: m(w.value)
+                class: m(x.value)
               }, null, 8, ["class"]),
               T(et, {
                 "model-value": e.searchQuery,
-                onInput: N[0] || (N[0] = (q) => O.$emit("update:searchQuery", q.target.value)),
+                onInput: _[0] || (_[0] = (q) => V.$emit("update:searchQuery", q.target.value)),
                 placeholder: e.searchPlaceholder,
                 class: m(C.value)
               }, null, 8, ["model-value", "placeholder", "class"]),
-              e.searchQuery ? (o(), _(ue, {
+              e.searchQuery ? (o(), N(ue, {
                 key: 0,
-                onClick: N[1] || (N[1] = (q) => O.$emit("update:searchQuery", "")),
+                onClick: _[1] || (_[1] = (q) => V.$emit("update:searchQuery", "")),
                 class: m(P.value)
               }, {
-                default: V(() => [
+                default: B(() => [
                   T(Q, {
                     icon: "xmark",
                     class: "w-4 h-4"
@@ -8941,11 +8941,11 @@ const Eu = {
           e.statusOptions.length > 0 ? (o(), d("div", dd, [
             T(ta, {
               "model-value": e.selectedStatus,
-              onChange: N[2] || (N[2] = (q) => O.$emit("update:selectedStatus", q.target.value)),
+              onChange: _[2] || (_[2] = (q) => V.$emit("update:selectedStatus", q.target.value)),
               class: m($.value)
             }, {
-              default: V(() => [
-                N[7] || (N[7] = u("option", { value: "" }, "All Status", -1)),
+              default: B(() => [
+                _[7] || (_[7] = u("option", { value: "" }, "All Status", -1)),
                 (o(!0), d(Y, null, G(e.statusOptions, (q) => (o(), d("option", {
                   key: q.value,
                   value: q.value
@@ -8958,8 +8958,8 @@ const Eu = {
             T(et, {
               type: "date",
               "model-value": e.dateFrom,
-              onInput: N[3] || (N[3] = (q) => O.$emit("update:dateFrom", q.target.value)),
-              class: m(b.value)
+              onInput: _[3] || (_[3] = (q) => V.$emit("update:dateFrom", q.target.value)),
+              class: m(p.value)
             }, null, 8, ["model-value", "class"]),
             u("span", {
               class: m(y.value)
@@ -8967,43 +8967,43 @@ const Eu = {
             T(et, {
               type: "date",
               "model-value": e.dateTo,
-              onInput: N[4] || (N[4] = (q) => O.$emit("update:dateTo", q.target.value)),
-              class: m(b.value)
+              onInput: _[4] || (_[4] = (q) => V.$emit("update:dateTo", q.target.value)),
+              class: m(p.value)
             }, null, 8, ["model-value", "class"])
           ])) : h("", !0),
-          O.$slots.filters ? (o(), d("div", vd, [
-            A(O.$slots, "filters")
+          V.$slots.filters ? (o(), d("div", vd, [
+            A(V.$slots, "filters")
           ])) : h("", !0),
           u("div", gd, [
-            c.value ? (o(), _(ue, {
+            c.value ? (o(), N(ue, {
               key: 0,
               onClick: U,
-              class: m(p.value)
+              class: m(w.value)
             }, {
-              default: V(() => [...N[8] || (N[8] = [
+              default: B(() => [..._[8] || (_[8] = [
                 R(" Clear Filters ", -1)
               ])]),
               _: 1
             }, 8, ["class"])) : h("", !0),
-            e.showExport ? (o(), _(ue, {
+            e.showExport ? (o(), N(ue, {
               key: 1,
-              onClick: N[5] || (N[5] = (q) => O.$emit("export")),
-              class: m(x.value)
+              onClick: _[5] || (_[5] = (q) => V.$emit("export")),
+              class: m(b.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 T(Q, { icon: "download" }),
-                N[9] || (N[9] = R(" Export ", -1))
+                _[9] || (_[9] = R(" Export ", -1))
               ]),
               _: 1
             }, 8, ["class"])) : h("", !0),
-            e.showAdd ? (o(), _(ue, {
+            e.showAdd ? (o(), N(ue, {
               key: 2,
-              onClick: N[6] || (N[6] = (q) => O.$emit("add")),
+              onClick: _[6] || (_[6] = (q) => V.$emit("add")),
               class: m(j.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 T(Q, { icon: "plus" }),
-                N[10] || (N[10] = R(" Add New ", -1))
+                _[10] || (_[10] = R(" Add New ", -1))
               ]),
               _: 1
             }, 8, ["class"])) : h("", !0)
@@ -9011,7 +9011,7 @@ const Eu = {
         ], 2),
         v.value.length > 0 ? (o(), d("div", {
           key: 0,
-          class: m(B.value)
+          class: m(O.value)
         }, [
           u("div", hd, [
             u("span", {
@@ -9026,7 +9026,7 @@ const Eu = {
                 onClick: (J) => ne(q.key),
                 class: m(ie.value)
               }, {
-                default: V(() => [
+                default: B(() => [
                   T(Q, {
                     icon: "xmark",
                     class: "w-3 h-3"
@@ -9129,7 +9129,7 @@ const Eu = {
       defaultVariants: {
         variant: "secondary"
       }
-    }), w = I("p-2 border border-slate-300 transition-colors", {
+    }), x = I("p-2 border border-slate-300 transition-colors", {
       variants: {
         active: {
           true: "bg-blue-50 text-blue-600 border-blue-300",
@@ -9160,15 +9160,15 @@ const Eu = {
         variant: t.variant,
         padding: t.padding
       }))
-    ), $ = f(() => "text-sm text-slate-600"), b = f(() => "flex items-center"), y = f(
+    ), $ = f(() => "text-sm text-slate-600"), p = f(() => "flex items-center"), y = f(
       () => "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"
-    ), p = f(
+    ), w = f(
       () => "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"
-    ), x = f(
+    ), b = f(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
     ), j = f(
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
-    ), B = f(
+    ), O = f(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
     ), L = f(
       () => "text-sm text-slate-700 flex-1 select-none"
@@ -9178,20 +9178,20 @@ const Eu = {
       r.value = !r.value;
     }, U = (J) => S(g({ variant: J.variant || "secondary" })), ne = (J) => {
       let se = "middle";
-      return J === "compact" ? se = "first" : J === "comfortable" && (se = "last"), S(w({
+      return J === "compact" ? se = "first" : J === "comfortable" && (se = "last"), S(x({
         active: t.density === J,
         position: se
       }));
-    }, O = () => S(C({
+    }, V = () => S(C({
       state: t.isRefreshing ? "refreshing" : "normal"
-    })), N = () => S("w-4 h-4", {
+    })), _ = () => S("w-4 h-4", {
       "animate-spin": t.isRefreshing
     }), Q = (J) => t.visibleColumns.includes(J), q = (J, se) => {
       n("toggle-column", { column: J, visible: se });
     };
     return Fe(() => {
       document.addEventListener("click", ae);
-    }), it(() => {
+    }), ot(() => {
       document.removeEventListener("click", ae);
     }), (J, se) => {
       const Te = te("font-awesome-icon");
@@ -9202,13 +9202,13 @@ const Eu = {
           i.value > 0 ? (o(), d("div", yd, [
             u("span", xd, k(i.value) + " selected ", 1),
             u("div", wd, [
-              (o(!0), d(Y, null, G(e.bulkActions, (ee) => (o(), _(ue, {
+              (o(!0), d(Y, null, G(e.bulkActions, (ee) => (o(), N(ue, {
                 key: ee.key,
                 onClick: (F) => J.$emit("bulk-action", { action: ee.key, items: e.selectedItems }),
                 class: m(U(ee))
               }, {
-                default: V(() => [
-                  ee.icon ? (o(), _(Te, {
+                default: B(() => [
+                  ee.icon ? (o(), N(Te, {
                     key: 0,
                     icon: ee.icon,
                     class: "w-4 h-4"
@@ -9226,7 +9226,7 @@ const Eu = {
         u("div", kd, [
           e.showDensityToggle ? (o(), d("div", {
             key: 0,
-            class: m(b.value)
+            class: m(p.value)
           }, [
             (o(), d(Y, null, G(c, (ee) => u("button", {
               key: ee.value,
@@ -9243,7 +9243,7 @@ const Eu = {
           ], 2)) : h("", !0),
           e.showColumnToggle ? (o(), d("div", Cd, [
             u("button", {
-              onClick: tt(ie, ["stop"]),
+              onClick: wt(ie, ["stop"]),
               class: m(y.value),
               type: "button",
               ref_key: "columnToggleButton",
@@ -9255,16 +9255,16 @@ const Eu = {
               }),
               se[2] || (se[2] = u("span", null, "Columns", -1))
             ], 2),
-            ut(u("div", {
+            it(u("div", {
               ref_key: "columnMenu",
               ref: l,
-              class: m(p.value),
-              onClick: se[0] || (se[0] = tt(() => {
+              class: m(w.value),
+              onClick: se[0] || (se[0] = wt(() => {
               }, ["stop"]))
             }, [
               u("div", $d, [
                 u("div", {
-                  class: m(x.value)
+                  class: m(b.value)
                 }, " Show Columns ", 2),
                 u("div", zd, [
                   (o(!0), d(Y, null, G(e.toggleableColumns, (ee) => (o(), d("div", {
@@ -9276,7 +9276,7 @@ const Eu = {
                         type: "checkbox",
                         checked: Q(ee.key),
                         onChange: (F) => q(ee.key, F.target.checked),
-                        class: m(B.value)
+                        class: m(O.value)
                       }, null, 42, Id),
                       u("span", {
                         class: m(L.value)
@@ -9293,12 +9293,12 @@ const Eu = {
             key: 2,
             onClick: se[1] || (se[1] = (ee) => J.$emit("refresh")),
             disabled: e.isRefreshing,
-            class: m(O()),
+            class: m(V()),
             type: "button"
           }, [
             T(Te, {
               icon: "sync",
-              class: m(N())
+              class: m(_())
             }, null, 8, ["class"]),
             se[3] || (se[3] = u("span", null, "Refresh", -1))
           ], 10, Pd)) : h("", !0),
@@ -9309,7 +9309,7 @@ const Eu = {
       ], 2);
     };
   }
-}), Vd = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Fd = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Ed = { class: "col-span-1 md:col-span-2" }, Nd = { class: "space-y-2" }, _d = { class: "flex space-x-4" }, Md = { class: "flex flex-col md:flex-row justify-between items-center" }, Dd = { class: "flex space-x-6 mt-4 md:mt-0" }, Ld = {
+}), Vd = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Fd = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Ed = { class: "col-span-1 md:col-span-2" }, _d = { class: "space-y-2" }, Nd = { class: "flex space-x-4" }, Md = { class: "flex flex-col md:flex-row justify-between items-center" }, Dd = { class: "flex space-x-6 mt-4 md:mt-0" }, Ld = {
   __name: "Footer",
   props: {
     className: {
@@ -9329,7 +9329,7 @@ const Eu = {
               A(a.$slots, "brand", {}, () => [
                 T(n, { class: "mb-4" }),
                 T(r, { class: "text-gray-600 max-w-md" }, {
-                  default: V(() => [...t[0] || (t[0] = [
+                  default: B(() => [...t[0] || (t[0] = [
                     R(" Building beautiful applications with modern Vue.js components. ", -1)
                   ])]),
                   _: 1
@@ -9342,17 +9342,17 @@ const Eu = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: V(() => [...t[1] || (t[1] = [
+                  default: B(() => [...t[1] || (t[1] = [
                     R("Quick Links", -1)
                   ])]),
                   _: 1
                 }),
-                u("div", Nd, [
+                u("div", _d, [
                   T(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: V(() => [...t[2] || (t[2] = [
+                    default: B(() => [...t[2] || (t[2] = [
                       R("About", -1)
                     ])]),
                     _: 1
@@ -9361,7 +9361,7 @@ const Eu = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: V(() => [...t[3] || (t[3] = [
+                    default: B(() => [...t[3] || (t[3] = [
                       R("Services", -1)
                     ])]),
                     _: 1
@@ -9370,7 +9370,7 @@ const Eu = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: V(() => [...t[4] || (t[4] = [
+                    default: B(() => [...t[4] || (t[4] = [
                       R("Contact", -1)
                     ])]),
                     _: 1
@@ -9384,17 +9384,17 @@ const Eu = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: V(() => [...t[5] || (t[5] = [
+                  default: B(() => [...t[5] || (t[5] = [
                     R("Follow Us", -1)
                   ])]),
                   _: 1
                 }),
-                u("div", _d, [
+                u("div", Nd, [
                   T(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: V(() => [
+                    default: B(() => [
                       T(i, {
                         name: "twitter",
                         class: "h-5 w-5"
@@ -9406,7 +9406,7 @@ const Eu = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: V(() => [
+                    default: B(() => [
                       T(i, {
                         name: "github",
                         class: "h-5 w-5"
@@ -9422,7 +9422,7 @@ const Eu = {
           u("div", Md, [
             A(a.$slots, "copyright", {}, () => [
               T(r, { class: "text-gray-600" }, {
-                default: V(() => [
+                default: B(() => [
                   R(" © " + k((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
@@ -9434,7 +9434,7 @@ const Eu = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: V(() => [...t[6] || (t[6] = [
+                  default: B(() => [...t[6] || (t[6] = [
                     R("Privacy", -1)
                   ])]),
                   _: 1
@@ -9443,7 +9443,7 @@ const Eu = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: V(() => [...t[7] || (t[7] = [
+                  default: B(() => [...t[7] || (t[7] = [
                     R("Terms", -1)
                   ])]),
                   _: 1
@@ -9467,7 +9467,7 @@ const Eu = {
 }, Qd = { class: "max-h-96 overflow-y-auto" }, Zd = { class: "flex items-start space-x-3" }, ef = { class: "flex-1" }, tf = { class: "text-sm text-gray-900" }, af = { class: "text-xs text-gray-500 mt-1" }, nf = { class: "relative" }, rf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, sf = { class: "text-gray-600 text-sm font-medium" }, lf = { class: "hidden md:block text-left" }, of = { class: "text-sm font-medium text-gray-900" }, uf = { class: "text-xs text-gray-500" }, cf = {
   key: 0,
   class: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, df = { class: "p-4 border-b border-gray-200" }, ff = { class: "text-sm font-medium text-gray-900" }, mf = { class: "text-xs text-gray-500" }, vf = { class: "py-2" }, gf = ["href", "onClick"], hf = {
+}, df = { class: "p-4 border-b border-gray-200" }, ff = { class: "text-sm font-medium text-gray-900" }, mf = { class: "text-xs text-gray-500" }, vf = { class: "py-2" }, gf = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -9484,28 +9484,24 @@ const Eu = {
     },
     profileMenuItems: {
       type: Array,
-      default: () => [
-        { name: "profile", label: "Your Profile", href: "#", icon: "user-circle" },
-        { name: "settings", label: "Settings", href: "#", icon: "cog" },
-        { name: "billing", label: "Billing", href: "#", icon: "credit-card" }
-      ]
+      required: !0
     }
   },
   emits: ["search", "profile-action", "logout"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = D(""), s = D(!1), l = D(!1), i = D(t.notifications.length), c = f(() => (t.user?.name || "Guest").split(" ").map((b) => b[0] || "").join("").toUpperCase()), v = () => {
+    const t = e, n = a, r = D(""), s = D(!1), l = D(!1), i = D(t.notifications.length), c = f(() => (t.user?.name || "Guest").split(" ").map((p) => p[0] || "").join("").toUpperCase()), v = () => {
       s.value = !s.value, l.value = !1;
     }, g = () => {
       l.value = !l.value, s.value = !1;
-    }, w = ($) => {
+    }, x = ($) => {
       n("profile-action", $), l.value = !1;
     }, C = () => {
       n("logout"), l.value = !1;
     }, P = ($) => {
       !$.target.closest(".absolute") && !$.target.closest("button") && (s.value = !1, l.value = !1);
     };
-    return Fe(() => document.addEventListener("click", P)), it(() => document.removeEventListener("click", P)), ge(r, ($) => n("search", $)), ($, b) => {
-      const y = te("font-awesome-icon");
+    return Fe(() => document.addEventListener("click", P)), ot(() => document.removeEventListener("click", P)), ge(r, ($) => n("search", $)), ($, p) => {
+      const y = te("font-awesome-icon"), w = te("router-link");
       return o(), d("header", {
         class: m(M(S)(
           "fixed top-0 right-0 z-30 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out",
@@ -9515,7 +9511,7 @@ const Eu = {
       }, [
         u("div", Rd, [
           u("div", Hd, [
-            e.sidebarCollapsed ? (o(), d("div", Wd, [...b[1] || (b[1] = [
+            e.sidebarCollapsed ? (o(), d("div", Wd, [...p[1] || (p[1] = [
               u("div", { class: "w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center" }, [
                 u("span", { class: "text-white font-bold text-sm" }, "UI")
               ], -1),
@@ -9523,7 +9519,7 @@ const Eu = {
             ])])) : h("", !0),
             u("nav", Ud, [
               u("span", qd, k(e.currentSection), 1),
-              b[2] || (b[2] = u("svg", {
+              p[2] || (p[2] = u("svg", {
                 class: "w-4 h-4 text-gray-400",
                 fill: "none",
                 stroke: "currentColor",
@@ -9541,7 +9537,7 @@ const Eu = {
           ]),
           u("div", Gd, [
             u("div", Kd, [
-              b[3] || (b[3] = u("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
+              p[3] || (p[3] = u("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 u("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
@@ -9556,11 +9552,11 @@ const Eu = {
                   })
                 ])
               ], -1)),
-              ut(u("input", {
+              it(u("input", {
                 type: "text",
                 placeholder: "Search...",
                 class: "pl-10 pr-4 py-2 w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none",
-                "onUpdate:modelValue": b[0] || (b[0] = (p) => r.value = p)
+                "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value = b)
               }, null, 512), [
                 [La, r.value]
               ])
@@ -9569,7 +9565,7 @@ const Eu = {
               onClick: v,
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
             }, [
-              b[4] || (b[4] = u("svg", {
+              p[4] || (p[4] = u("svg", {
                 class: "w-5 h-5",
                 fill: "none",
                 stroke: "currentColor",
@@ -9591,24 +9587,24 @@ const Eu = {
               i.value > 0 ? (o(), d("span", Xd, k(i.value), 1)) : h("", !0)
             ]),
             s.value ? (o(), d("div", Jd, [
-              b[6] || (b[6] = u("div", { class: "p-4 border-b border-gray-200" }, [
+              p[6] || (p[6] = u("div", { class: "p-4 border-b border-gray-200" }, [
                 u("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
               ], -1)),
               u("div", Qd, [
-                (o(!0), d(Y, null, G(e.notifications, (p) => (o(), d("div", {
-                  key: p.id,
+                (o(!0), d(Y, null, G(e.notifications, (b) => (o(), d("div", {
+                  key: b.id,
                   class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                 }, [
                   u("div", Zd, [
-                    b[5] || (b[5] = u("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
+                    p[5] || (p[5] = u("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                     u("div", ef, [
-                      u("p", tf, k(p.title), 1),
-                      u("p", af, k(p.time), 1)
+                      u("p", tf, k(b.title), 1),
+                      u("p", af, k(b.time), 1)
                     ])
                   ])
                 ]))), 128))
               ]),
-              b[7] || (b[7] = u("div", { class: "p-4 text-center" }, [
+              p[7] || (p[7] = u("div", { class: "p-4 text-center" }, [
                 u("button", { class: "text-sm text-blue-600 hover:text-blue-800" }, "View all notifications")
               ], -1))
             ])) : h("", !0),
@@ -9624,7 +9620,7 @@ const Eu = {
                   u("p", of, k(e.user.name), 1),
                   u("p", uf, k(e.user.role), 1)
                 ]),
-                b[8] || (b[8] = u("svg", {
+                p[8] || (p[8] = u("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -9644,24 +9640,27 @@ const Eu = {
                   u("p", mf, k(e.user.email), 1)
                 ]),
                 u("div", vf, [
-                  (o(!0), d(Y, null, G(e.profileMenuItems, (p) => (o(), d("a", {
-                    key: p.name,
-                    href: p.href,
-                    onClick: tt((x) => w(p), ["prevent"]),
-                    class: "flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50"
-                  }, [
-                    T(y, {
-                      icon: p.icon,
-                      class: "w-4 h-4 mr-3 text-gray-400"
-                    }, null, 8, ["icon"]),
-                    R(" " + k(p.label), 1)
-                  ], 8, gf))), 128))
+                  (o(!0), d(Y, null, G(e.profileMenuItems, (b) => (o(), N(w, {
+                    key: b.name,
+                    to: { name: b.route },
+                    class: "flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50",
+                    onClick: (j) => x(b)
+                  }, {
+                    default: B(() => [
+                      T(y, {
+                        icon: b.icon,
+                        class: "w-4 h-4 mr-3 text-gray-400"
+                      }, null, 8, ["icon"]),
+                      R(" " + k(b.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "onClick"]))), 128))
                 ]),
                 u("div", { class: "border-t border-gray-200 py-2" }, [
                   u("button", {
                     onClick: C,
                     class: "flex items-center w-full px-4 py-2 text-sm text-red-600 hover:bg-red-50"
-                  }, [...b[9] || (b[9] = [
+                  }, [...p[9] || (p[9] = [
                     u("svg", {
                       class: "w-4 h-4 mr-3",
                       fill: "none",
@@ -9685,30 +9684,30 @@ const Eu = {
       ], 6);
     };
   }
-}, bf = { class: "flex items-center justify-between p-4 border-b border-gray-200" }, pf = {
+}, hf = { class: "flex items-center justify-between p-4 border-b border-gray-200" }, bf = {
   key: 0,
   class: "flex items-center space-x-2"
-}, yf = {
+}, pf = {
   class: "w-5 h-5 text-gray-600",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, xf = ["d"], wf = { class: "p-4 space-y-2" }, kf = {
+}, yf = ["d"], xf = { class: "p-4 space-y-2" }, wf = {
   key: 0,
   class: "mt-6 mb-2"
-}, Sf = { class: "px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider" }, Cf = ["href", "onClick"], $f = {
+}, kf = { class: "px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider" }, Sf = ["href", "onClick"], Cf = {
   key: 0,
   class: "truncate"
-}, zf = {
+}, $f = {
   key: 1,
   class: "ml-auto inline-flex items-center justify-center px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800"
-}, Af = { class: "absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200" }, If = {
+}, zf = { class: "absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200" }, Af = {
   key: 0,
   class: "flex-1 min-w-0"
-}, Pf = {
+}, If = {
   key: 1,
   class: "flex-shrink-0 p-1 text-gray-400 hover:text-gray-600"
-}, Tf = {
+}, Pf = {
   __name: "Sidebar",
   props: {
     collapsed: {
@@ -9735,14 +9734,14 @@ const Eu = {
       isCollapsed: s,
       sidebarWidth: v,
       toggleSidebar: l
-    }), (g, w) => (o(), d("aside", {
+    }), (g, x) => (o(), d("aside", {
       class: m(M(S)(
         "fixed left-0 top-0 z-40 h-screen bg-white border-r border-gray-200 transition-all duration-300 ease-in-out",
         s.value ? "w-16" : "w-64"
       ))
     }, [
-      u("div", bf, [
-        s.value ? h("", !0) : (o(), d("div", pf, [...w[0] || (w[0] = [
+      u("div", hf, [
+        s.value ? h("", !0) : (o(), d("div", bf, [...x[0] || (x[0] = [
           u("div", { class: "w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center" }, [
             u("span", { class: "text-white font-bold text-sm" }, "UI")
           ], -1),
@@ -9752,57 +9751,57 @@ const Eu = {
           onClick: l,
           class: "p-1 rounded-md hover:bg-gray-100 transition-colors"
         }, [
-          (o(), d("svg", yf, [
+          (o(), d("svg", pf, [
             u("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: s.value ? "M9 5l7 7-7 7" : "M15 19l-7-7 7-7"
-            }, null, 8, xf)
+            }, null, 8, yf)
           ]))
         ])
       ]),
-      u("nav", wf, [
+      u("nav", xf, [
         (o(!0), d(Y, null, G(e.navigationItems, (C) => (o(), d(Y, {
           key: C.name
         }, [
-          C.type === "section" && !s.value ? (o(), d("div", kf, [
-            u("h3", Sf, k(C.label), 1)
+          C.type === "section" && !s.value ? (o(), d("div", wf, [
+            u("h3", kf, k(C.label), 1)
           ])) : C.type === "link" ? (o(), d("a", {
             key: 1,
             href: C.href,
-            onClick: tt((P) => i(C), ["prevent"]),
+            onClick: wt((P) => i(C), ["prevent"]),
             class: m(M(S)(
               "flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-colors",
               c(C) ? "bg-blue-50 text-blue-700 border-r-2 border-blue-700" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900"
             ))
           }, [
-            (o(), _(oe(C.icon), {
+            (o(), N(oe(C.icon), {
               class: m(M(S)(
                 "flex-shrink-0",
                 s.value ? "w-5 h-5" : "w-5 h-5 mr-3"
               ))
             }, null, 8, ["class"])),
-            s.value ? h("", !0) : (o(), d("span", $f, k(C.label), 1)),
-            C.badge && !s.value ? (o(), d("span", zf, k(C.badge), 1)) : h("", !0)
-          ], 10, Cf)) : h("", !0)
+            s.value ? h("", !0) : (o(), d("span", Cf, k(C.label), 1)),
+            C.badge && !s.value ? (o(), d("span", $f, k(C.badge), 1)) : h("", !0)
+          ], 10, Sf)) : h("", !0)
         ], 64))), 128))
       ]),
-      u("div", Af, [
+      u("div", zf, [
         u("div", {
           class: m(M(S)(
             "flex items-center",
             s.value ? "justify-center" : "space-x-3"
           ))
         }, [
-          w[3] || (w[3] = u("div", { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, [
+          x[3] || (x[3] = u("div", { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, [
             u("span", { class: "text-gray-600 text-sm font-medium" }, "JD")
           ], -1)),
-          s.value ? h("", !0) : (o(), d("div", If, [...w[1] || (w[1] = [
+          s.value ? h("", !0) : (o(), d("div", Af, [...x[1] || (x[1] = [
             u("p", { class: "text-sm font-medium text-gray-900 truncate" }, "John Doe", -1),
             u("p", { class: "text-xs text-gray-500 truncate" }, "john@example.com", -1)
           ])])),
-          s.value ? h("", !0) : (o(), d("button", Pf, [...w[2] || (w[2] = [
+          s.value ? h("", !0) : (o(), d("button", If, [...x[2] || (x[2] = [
             u("svg", {
               class: "w-4 h-4",
               fill: "none",
@@ -9821,7 +9820,7 @@ const Eu = {
       ])
     ], 2));
   }
-}, jf = {
+}, Tf = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -9840,13 +9839,13 @@ const Eu = {
       A(a.$slots, "default")
     ], 2));
   }
-}, Bf = {
+}, jf = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Of = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Vf = { class: "text-slate-900 font-medium" }, Ff = {
+}, Bf = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Of = { class: "text-slate-900 font-medium" }, Vf = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Ef = { class: "mt-2 text-slate-600 text-sm" }, Nf = {
+}, Ff = { class: "mt-2 text-slate-600 text-sm" }, Ef = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -9870,8 +9869,8 @@ const Eu = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (o(), d("div", Bf)) : h("", !0),
-      u("div", Of, [
+      e.orientation === "vertical" ? (o(), d("div", jf)) : h("", !0),
+      u("div", Bf, [
         A(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = u("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -9882,17 +9881,17 @@ const Eu = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        u("h3", Vf, [
+        u("h3", Of, [
           A(a.$slots, "title", {}, () => [
             R(k(e.title), 1)
           ])
         ]),
-        e.subtitle ? (o(), d("p", Ff, [
+        e.subtitle ? (o(), d("p", Vf, [
           A(a.$slots, "subtitle", {}, () => [
             R(k(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        u("div", Ef, [
+        u("div", Ff, [
           A(a.$slots, "default")
         ])
       ], 2)
@@ -9992,20 +9991,20 @@ const Eu = {
       currentYear: f(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Mf = { class: "container mx-auto px-4 relative z-10" }, Df = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Lf = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Rf = { class: "mb-6" }, Hf = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Wf = { class: "text-white" }, Uf = { class: "flex items-center justify-center lg:justify-start mb-6" }, qf = { class: "text-3xl lg:text-4xl font-bold text-white" }, Yf = { class: "lg:col-span-4" }, Gf = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Kf = {
+}, Nf = { class: "container mx-auto px-4 relative z-10" }, Mf = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Df = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Lf = { class: "mb-6" }, Rf = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Hf = { class: "text-white" }, Wf = { class: "flex items-center justify-center lg:justify-start mb-6" }, Uf = { class: "text-3xl lg:text-4xl font-bold text-white" }, qf = { class: "lg:col-span-4" }, Yf = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Gf = {
   key: 0,
   class: "mb-6"
-}, Xf = { class: "text-center" }, Jf = { class: "text-2xl font-bold text-gray-900" }, Qf = {
+}, Kf = { class: "text-center" }, Xf = { class: "text-2xl font-bold text-gray-900" }, Jf = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Zf = { class: "space-y-6" }, em = {
+}, Qf = { class: "space-y-6" }, Zf = {
   key: 1,
   class: "mt-6"
-}, tm = {
+}, em = {
   key: 0,
   class: "mt-6 text-center"
-}, am = { class: "absolute bottom-4 right-4 text-right" }, nm = { class: "flex items-end justify-end mb-2" }, rm = { class: "text-right mr-3" }, sm = { class: "text-red-500 font-bold text-xs" }, lm = { class: "text-white text-xs" }, om = { class: "text-white/70 text-xs" }, im = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, um = { class: "text-white/70 text-xs" }, cm = { class: "absolute bottom-4 left-4 flex gap-2" }, dm = ["href"];
-function fm(e, a, t, n, r, s) {
+}, tm = { class: "absolute bottom-4 right-4 text-right" }, am = { class: "flex items-end justify-end mb-2" }, nm = { class: "text-right mr-3" }, rm = { class: "text-red-500 font-bold text-xs" }, sm = { class: "text-white text-xs" }, lm = { class: "text-white/70 text-xs" }, om = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, im = { class: "text-white/70 text-xs" }, um = { class: "absolute bottom-4 left-4 flex gap-2" }, cm = ["href"];
+function dm(e, a, t, n, r, s) {
   const l = te("router-view"), i = te("font-awesome-icon");
   return o(), d("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -10018,70 +10017,70 @@ function fm(e, a, t, n, r, s) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    u("div", Mf, [
-      u("div", Df, [
-        u("div", Lf, [
-          u("div", Rf, [
-            u("div", Hf, [
+    u("div", Nf, [
+      u("div", Mf, [
+        u("div", Df, [
+          u("div", Lf, [
+            u("div", Rf, [
               u("span", {
                 style: ze({ color: t.primaryColor })
               }, k(t.primaryLogoPrefix), 5),
-              u("span", Wf, k(t.primaryLogoText), 1)
+              u("span", Hf, k(t.primaryLogoText), 1)
             ]),
             u("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: ze({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          u("div", Uf, [
+          u("div", Wf, [
             u("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: ze({ backgroundColor: t.primaryColor })
             }, k(t.secondaryLogoPrefix), 5),
-            u("span", qf, k(t.secondaryLogoText), 1)
+            u("span", Uf, k(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = u("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             u("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        u("div", Yf, [
-          u("div", Gf, [
-            e.$slots["card-header"] || t.title ? (o(), d("div", Kf, [
+        u("div", qf, [
+          u("div", Yf, [
+            e.$slots["card-header"] || t.title ? (o(), d("div", Gf, [
               A(e.$slots, "card-header", {}, () => [
-                u("div", Xf, [
-                  u("h1", Jf, k(t.title), 1),
-                  t.subtitle ? (o(), d("p", Qf, k(t.subtitle), 1)) : h("", !0)
+                u("div", Kf, [
+                  u("h1", Xf, k(t.title), 1),
+                  t.subtitle ? (o(), d("p", Jf, k(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            u("div", Zf, [
+            u("div", Qf, [
               T(l)
             ]),
-            e.$slots["card-footer"] ? (o(), d("div", em, [
+            e.$slots["card-footer"] ? (o(), d("div", Zf, [
               A(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (o(), d("div", tm, [
+          e.$slots.links ? (o(), d("div", em, [
             A(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    u("div", am, [
-      u("div", nm, [
-        u("div", rm, [
-          u("div", sm, k(t.companyName), 1),
-          u("div", lm, k(t.companyType), 1),
-          u("div", om, k(t.companyTagline), 1)
+    u("div", tm, [
+      u("div", am, [
+        u("div", nm, [
+          u("div", rm, k(t.companyName), 1),
+          u("div", sm, k(t.companyType), 1),
+          u("div", lm, k(t.companyTagline), 1)
         ]),
-        u("div", im, k(t.companyInitials), 1)
+        u("div", om, k(t.companyInitials), 1)
       ]),
-      u("div", um, [
+      u("div", im, [
         u("div", null, k(t.appName) + " (" + k(t.appVersion) + ")", 1),
         u("div", null, k(t.copyright), 1)
       ])
     ]),
-    u("div", cm, [
+    u("div", um, [
       (o(!0), d(Y, null, G(t.socialLinks, (c) => (o(), d("a", {
         key: c.name,
         href: c.url,
@@ -10093,14 +10092,14 @@ function fm(e, a, t, n, r, s) {
         T(i, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, dm))), 128))
+      ], 10, cm))), 128))
     ])
   ], 4);
 }
-const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen bg-gray-50" }, gm = { class: "flex-1" }, hm = {
+const fm = /* @__PURE__ */ Qn(_f, [["render", dm]]), mm = { class: "min-h-screen bg-gray-50" }, vm = { class: "flex-1" }, gm = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, bm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, pm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, ym = {
+}, hm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, bm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, pm = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -10124,31 +10123,31 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = te("Logo"), r = te("MainNavigation"), s = te("Button"), l = te("Header"), i = te("Breadcrumb"), c = te("Text"), v = te("Footer");
-      return o(), d("div", vm, [
+      return o(), d("div", mm, [
         T(l, null, {
-          logo: V(() => [
+          logo: B(() => [
             A(a.$slots, "logo", {}, () => [
               T(n)
             ])
           ]),
-          navigation: V(() => [
+          navigation: B(() => [
             A(a.$slots, "navigation", {}, () => [
               T(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
-          actions: V(() => [
+          actions: B(() => [
             A(a.$slots, "header-actions", {}, () => [
               T(s, {
                 variant: "ghost",
                 size: "sm"
               }, {
-                default: V(() => [...t[0] || (t[0] = [
+                default: B(() => [...t[0] || (t[0] = [
                   R("Sign In", -1)
                 ])]),
                 _: 1
               }),
               T(s, { size: "sm" }, {
-                default: V(() => [...t[1] || (t[1] = [
+                default: B(() => [...t[1] || (t[1] = [
                   R("Get Started", -1)
                 ])]),
                 _: 1
@@ -10157,24 +10156,24 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
           ]),
           _: 3
         }),
-        u("main", gm, [
-          e.showBreadcrumb ? (o(), d("div", hm, [
-            u("div", bm, [
+        u("main", vm, [
+          e.showBreadcrumb ? (o(), d("div", gm, [
+            u("div", hm, [
               A(a.$slots, "breadcrumb", {}, () => [
                 T(i, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          u("div", pm, [
+          u("div", bm, [
             A(a.$slots, "default")
           ])
         ]),
         T(v, null, {
-          brand: V(() => [
+          brand: B(() => [
             A(a.$slots, "footer-brand", {}, () => [
               T(n, { class: "mb-4" }),
               T(c, { class: "text-gray-600 max-w-md" }, {
-                default: V(() => [...t[2] || (t[2] = [
+                default: B(() => [...t[2] || (t[2] = [
                   R(" Your application description goes here. ", -1)
                 ])]),
                 _: 1
@@ -10186,14 +10185,14 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
       ]);
     };
   }
-}, xm = {
+}, ym = {
   template: `
     <svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="100" cy="100" r="80" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="2"/>
       <text x="100" y="110" text-anchor="middle" font-size="48" font-weight="bold" fill="#64748b">404</text>
     </svg>
   `
-}, wm = {
+}, xm = {
   template: `
     <svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="100" cy="100" r="80" fill="#fef2f2" stroke="#fecaca" stroke-width="2"/>
@@ -10206,7 +10205,7 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
       <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />
     </svg>
   `
-}, km = {
+}, wm = {
   name: "ErrorPage",
   components: {
     Button: ue
@@ -10293,12 +10292,12 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
         404: {
           title: "Page Not Found",
           message: "Sorry, we couldn't find the page you're looking for.",
-          icon: xm
+          icon: ym
         },
         500: {
           title: "Server Error",
           message: "Something went wrong on our end. Please try again later.",
-          icon: wm
+          icon: xm
         },
         403: {
           title: "Access Denied",
@@ -10323,7 +10322,7 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
       "absolute inset-0 -z-10"
     ]), g = f(() => [
       "w-full max-w-lg mx-auto text-center"
-    ]), w = f(() => [
+    ]), x = f(() => [
       "mb-8"
     ]), C = f(() => [
       "space-y-6"
@@ -10331,17 +10330,17 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
       "flex justify-center mb-6"
     ]), $ = f(() => [
       "w-32 h-32 text-slate-400"
-    ]), b = f(() => [
+    ]), p = f(() => [
       "space-y-3"
     ]), y = f(() => [
       "text-3xl font-bold text-slate-900"
-    ]), p = f(() => [
+    ]), w = f(() => [
       "text-lg text-slate-600"
-    ]), x = f(() => [
+    ]), b = f(() => [
       "text-sm text-slate-500 font-mono"
     ]), j = f(() => [
       "mt-8"
-    ]), B = f(() => [
+    ]), O = f(() => [
       "mt-6"
     ]);
     return {
@@ -10353,20 +10352,20 @@ const mm = /* @__PURE__ */ Qn(_f, [["render", fm]]), vm = { class: "min-h-screen
       layoutClasses: c,
       backgroundClasses: v,
       contentClasses: g,
-      headerClasses: w,
+      headerClasses: x,
       errorContentClasses: C,
       illustrationClasses: P,
       iconClasses: $,
-      detailsClasses: b,
+      detailsClasses: p,
       titleClasses: y,
-      messageClasses: p,
-      codeClasses: x,
+      messageClasses: w,
+      codeClasses: b,
       actionsClasses: j,
-      helpClasses: B
+      helpClasses: O
     };
   }
-}, Sm = { class: "flex justify-center" }, Cm = { class: "flex items-center gap-3" }, $m = { class: "text-2xl font-bold text-slate-900" }, zm = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, Am = { class: "text-sm text-slate-600" }, Im = ["href"];
-function Pm(e, a, t, n, r, s) {
+}, km = { class: "flex justify-center" }, Sm = { class: "flex items-center gap-3" }, Cm = { class: "text-2xl font-bold text-slate-900" }, $m = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, zm = { class: "text-sm text-slate-600" }, Am = ["href"];
+function Im(e, a, t, n, r, s) {
   const l = te("Button");
   return o(), d("div", {
     class: m(n.layoutClasses)
@@ -10387,13 +10386,13 @@ function Pm(e, a, t, n, r, s) {
         class: m(n.headerClasses)
       }, [
         A(e.$slots, "header", {}, () => [
-          u("div", Sm, [
+          u("div", km, [
             A(e.$slots, "logo", {}, () => [
-              u("div", Cm, [
+              u("div", Sm, [
                 a[1] || (a[1] = u("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   u("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                u("span", $m, k(t.brandName), 1)
+                u("span", Cm, k(t.brandName), 1)
               ])
             ])
           ])
@@ -10407,7 +10406,7 @@ function Pm(e, a, t, n, r, s) {
           class: m(n.illustrationClasses)
         }, [
           A(e.$slots, "illustration", {}, () => [
-            (o(), _(oe(n.errorIcon), {
+            (o(), N(oe(n.errorIcon), {
               class: m(n.iconClasses)
             }, null, 8, ["class"]))
           ])
@@ -10439,36 +10438,36 @@ function Pm(e, a, t, n, r, s) {
           class: m(n.actionsClasses)
         }, [
           A(e.$slots, "actions", {}, () => [
-            u("div", zm, [
-              t.showHomeButton ? (o(), _(l, {
+            u("div", $m, [
+              t.showHomeButton ? (o(), N(l, {
                 key: 0,
                 href: t.homeUrl,
                 variant: "primary",
                 size: "lg"
               }, {
-                default: V(() => [
+                default: B(() => [
                   R(k(t.homeButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["href"])) : h("", !0),
-              t.showBackButton ? (o(), _(l, {
+              t.showBackButton ? (o(), N(l, {
                 key: 1,
                 variant: "outline",
                 size: "lg",
                 onClick: n.goBack
               }, {
-                default: V(() => [
+                default: B(() => [
                   R(k(t.backButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])) : h("", !0),
-              t.showRetryButton ? (o(), _(l, {
+              t.showRetryButton ? (o(), N(l, {
                 key: 2,
                 variant: "ghost",
                 size: "lg",
                 onClick: n.retry
               }, {
-                default: V(() => [
+                default: B(() => [
                   R(k(t.retryButtonText), 1)
                 ]),
                 _: 1
@@ -10481,13 +10480,13 @@ function Pm(e, a, t, n, r, s) {
           class: m(n.helpClasses)
         }, [
           A(e.$slots, "help", {}, () => [
-            u("p", Am, [
+            u("p", zm, [
               R(k(t.helpText) + " ", 1),
               t.supportUrl ? (o(), d("a", {
                 key: 0,
                 href: t.supportUrl,
                 class: "text-blue-600 hover:text-blue-700 underline ml-1"
-              }, " Contact Support ", 8, Im)) : h("", !0)
+              }, " Contact Support ", 8, Am)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0)
@@ -10495,7 +10494,7 @@ function Pm(e, a, t, n, r, s) {
     ], 2)
   ], 2);
 }
-const Tm = /* @__PURE__ */ Qn(km, [["render", Pm]]), Na = {
+const Pm = /* @__PURE__ */ Qn(wm, [["render", Im]]), _a = {
   Avatar: Po,
   Badge: jo,
   Button: ue,
@@ -10524,8 +10523,8 @@ const Tm = /* @__PURE__ */ Qn(km, [["render", Pm]]), Na = {
   CardHeader: Vi,
   CardBody: Fi,
   CardFooter: Ei,
-  CardContent: Ni,
-  CardTitle: _i,
+  CardContent: _i,
+  CardTitle: Ni,
   DatePicker: Li,
   Dropdown: Hi,
   DropdownItem: Ui,
@@ -10557,19 +10556,19 @@ const Tm = /* @__PURE__ */ Qn(km, [["render", Pm]]), Na = {
   DataTableFilters: bd,
   DataTableToolBar: Od,
   Footer: Ld,
-  Header: hf,
-  Sidebar: Tf,
-  Timeline: jf,
-  TimelineItem: Nf,
-  AuthLayout: mm,
-  DefaultLayout: ym,
-  ErrorLayout: Tm
-}, Vm = {
+  Header: gf,
+  Sidebar: Pf,
+  Timeline: Tf,
+  TimelineItem: Ef,
+  AuthLayout: fm,
+  DefaultLayout: pm,
+  ErrorLayout: Pm
+}, Om = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
-    Object.keys(Na).forEach((n) => {
+    Object.keys(_a).forEach((n) => {
       const r = t ? `${t}${n}` : n;
-      e.component(r, Na[n]);
+      e.component(r, _a[n]);
     }), e.config.globalProperties.$toast = Fa, e.provide("toast", Fa);
   }
 };
@@ -10577,7 +10576,7 @@ export {
   Pc as Accordion,
   Tc as AccordionItem,
   xi as Alert,
-  mm as AuthLayout,
+  fm as AuthLayout,
   Po as Avatar,
   jo as Badge,
   Si as Breadcrumb,
@@ -10586,10 +10585,10 @@ export {
   Ec as Calendar,
   Oi as Card,
   Fi as CardBody,
-  Ni as CardContent,
+  _i as CardContent,
   Ei as CardFooter,
   Vi as CardHeader,
-  _i as CardTitle,
+  Ni as CardTitle,
   ea as Checkbox,
   od as DataTable,
   id as DataTableCell,
@@ -10599,15 +10598,15 @@ export {
   Xn as DataTableRow,
   Od as DataTableToolBar,
   Li as DatePicker,
-  ym as DefaultLayout,
+  pm as DefaultLayout,
   Lo as Divider,
   Hi as Dropdown,
   Ui as DropdownItem,
-  Tm as ErrorLayout,
+  Pm as ErrorLayout,
   tu as FileUpload,
   Ld as Footer,
   iu as FormField,
-  hf as Header,
+  gf as Header,
   Z as Icon,
   Uo as Image,
   et as Input,
@@ -10627,7 +10626,7 @@ export {
   li as Radio,
   oc as Search,
   ta as Select,
-  Tf as Sidebar,
+  Pf as Sidebar,
   dc as Slider,
   Un as Spinner,
   mc as Stepper,
@@ -10637,13 +10636,13 @@ export {
   Sc as TabPanel,
   ci as Text,
   fi as Textarea,
-  jf as Timeline,
-  Nf as TimelineItem,
+  Tf as Timeline,
+  Ef as TimelineItem,
   qu as Toast,
   mi as Tooltip,
   Mt as Typography,
   S as cn,
-  Vm as default,
+  Om as default,
   Fa as toast,
-  _u as useToaster
+  Nu as useToaster
 };