@stlhorizon/vue-ui 1.3.1 → 1.3.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-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 b, 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) {
@@ -131,7 +131,7 @@ function na(e, a) {
   }
   return t;
 }
-function $(e) {
+function z(e) {
   for (var a = 1; a < arguments.length; a++) {
     var t = arguments[a] != null ? arguments[a] : {};
     a % 2 ? na(Object(t), !0).forEach(function(n) {
@@ -142,7 +142,7 @@ function $(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",
@@ -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 = {
@@ -789,22 +789,22 @@ function qe(e) {
     }
   });
 }
-var pn = $({}, Ga);
-pn[re] = $($($($({}, {
+var pn = z({}, Ga);
+pn[re] = z(z(z(z({}, {
   "fa-duotone": "duotone"
 }), Ga[re]), ia.kit), ia["kit-duotone"]);
-var _s = qe(pn), zt = $({}, Er);
-zt[re] = $($($($({}, {
+var _s = qe(pn), zt = z({}, Er);
+zt[re] = z(z(z(z({}, {
   duotone: "fad"
 }), zt[re]), ua.kit), ua["kit-duotone"]);
-var da = qe(zt), At = $({}, St);
-At[re] = $($({}, At[re]), Wr.kit);
-var Ut = qe(At), It = $({}, zs);
-It[re] = $($({}, It[re]), Rr.kit);
+var da = qe(zt), At = z({}, St);
+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 Ns = gr, yn = "fa-layers-text", Ms = hr, Ds = $({}, 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(_r), me(Bs)), Ne = 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,7 +816,7 @@ 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));
+    var a = ut(e, 2), t = a[0], n = a[1], r = Ws(Hs(t));
     r != null && (Ne[n] = r);
   });
 }
@@ -837,7 +837,7 @@ var xn = {
   showMissingIcons: !0
 };
 Ne.familyPrefix && (Ne.cssPrefix = Ne.familyPrefix);
-var Ve = $($({}, xn), Ne);
+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);
@@ -1562,7 +1562,7 @@ function ga(e) {
 }
 function Pt(e, a) {
   var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.skipHooks, r = n === void 0 ? !1 : n, s = ga(a);
-  typeof fe.hooks.addPack == "function" && !r ? fe.hooks.addPack(e, ga(a)) : fe.styles[e] = $($({}, fe.styles[e] || {}), s), e === "fas" && Pt("fa", a);
+  typeof fe.hooks.addPack == "function" && !r ? fe.hooks.addPack(e, ga(a)) : fe.styles[e] = z(z({}, fe.styles[e] || {}), s), e === "fas" && Pt("fa", a);
 }
 var He = fe.styles, tl = fe.shims, zn = Object.keys(Ut), al = zn.reduce(function(e, a) {
   return e[a] = Object.keys(Ut[a]), e;
@@ -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,7 +1674,7 @@ function ol(e) {
     })) && (a = n);
   }), a;
 }
-function ft(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";
@@ -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, y = ol(s), C = $($({}, il(l)), {}, {
-    prefix: ft(g, {
-      family: y
+  }), 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 $($($({}, C), fl({
+  return z(z(z({}, C), fl({
     values: e,
-    family: y,
+    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, y = a.includes("fa-duotone") || a.includes("fad"), C = v.familyDefault === "duotone", P = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!g && (y || C || P) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && cl.includes(t)) {
-    var z = Object.keys(i).find(function(h) {
-      return dl.includes(h);
+  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 (z || v.autoFetchSvg) {
-      var w = Fr.get(t).defaultShortPrefixId;
-      n.prefix = w, n.iconName = Ae(n.prefix, n.iconName) || n.iconName;
+    if ($ || v.autoFetchSvg) {
+      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;
@@ -1762,7 +1762,7 @@ var ml = /* @__PURE__ */ (function() {
         r[s] = arguments[s];
       var l = r.reduce(this._pullDefinitions, {});
       Object.keys(l).forEach(function(i) {
-        t.definitions[i] = $($({}, t.definitions[i] || {}), l[i]), Pt(i, l[i]);
+        t.definitions[i] = z(z({}, t.definitions[i] || {}), l[i]), Pt(i, l[i]);
         var c = Ut[re][i];
         c && Pt(c, l[i]), Bn();
       });
@@ -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(y) {
-          typeof y == "string" && (t[i][y] = 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(Ns))) {
-      var r = mt(a.split(" "), {
+      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($($({}, s), {}, {
+    r.style = ct(z(z({}, s), {}, {
       "transform-origin": "".concat(v.x + l.x / 16, "em ").concat(v.y + l.y / 16, "em")
     }));
   }
@@ -1938,7 +1938,7 @@ function wl(e) {
     },
     children: [{
       tag: "symbol",
-      attributes: $($({}, r), {}, {
+      attributes: z(z({}, r), {}, {
         id: l
       }),
       children: n
@@ -1952,22 +1952,22 @@ 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, y = g === void 0 ? !1 : g, C = n.found ? n : t, P = C.width, z = C.height, w = [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;
-  }).concat(v.classes).join(" "), h = {
+  }).concat(v.classes).join(" "), y = {
     children: [],
-    attributes: $($({}, v.attributes), {}, {
+    attributes: z(z({}, v.attributes), {}, {
       "data-prefix": r,
       "data-icon": s,
-      class: w,
+      class: p,
       role: v.attributes.role || "img",
-      viewBox: "0 0 ".concat(P, " ").concat(z)
+      viewBox: "0 0 ".concat(P, " ").concat($)
     })
   };
-  !kl(v.attributes) && !v.attributes["aria-hidden"] && (h.attributes["aria-hidden"] = "true"), y && (h.attributes[Ie] = "");
-  var x = $($({}, h), {}, {
+  !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,
@@ -1975,40 +1975,40 @@ function Xt(e) {
     maskId: c,
     transform: l,
     symbol: i,
-    styles: $({}, v.styles)
-  }), p = n.found && t.found ? Ce("generateAbstractMask", x) || {
+    styles: z({}, v.styles)
+  }), b = n.found && t.found ? Ce("generateAbstractMask", w) || {
     children: [],
     attributes: {}
-  } : Ce("generateAbstractIcon", x) || {
+  } : Ce("generateAbstractIcon", w) || {
     children: [],
     attributes: {}
-  }, j = p.children, B = p.attributes;
-  return x.children = j, x.attributes = B, i ? wl(x) : xl(x);
+  }, 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 = $($({}, s.attributes), {}, {
+  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), {}, {
     class: s.classes.join(" ")
   });
   i && (c[Ie] = "");
-  var v = $({}, s.styles);
+  var v = z({}, s.styles);
   Yt(r) && (v.transform = Js({
     transform: r,
     width: t,
     height: n
   }), v["-webkit-transform"] = v.transform);
-  var g = dt(v);
+  var g = ct(v);
   g.length > 0 && (c.style = g);
-  var y = [];
-  return y.push({
+  var x = [];
+  return x.push({
     tag: "span",
     attributes: c,
     children: [a]
-  }), y;
+  }), x;
 }
 function Sl(e) {
-  var a = e.content, t = e.extra, n = $($({}, t.attributes), {}, {
+  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,11 +2068,11 @@ 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($($({}, Cl), {}, {
+    $l(e, a), n(z(z({}, Cl), {}, {
       icon: E.showMissingIcons && e ? Ce("missingIconAbstract") || {} : {}
     }));
   });
@@ -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(y) {
-          if (y.type === "childList" && y.addedNodes.length > 0 && !wa(y.addedNodes[0]) && (E.searchPseudoElements && l(y.target), t(y.target)), y.type === "attributes" && y.target.parentNode && E.searchPseudoElements && l([y.target], !0), y.type === "attributes" && wa(y.target) && ~Ls.indexOf(y.attributeName))
-            if (y.attributeName === "class" && Al(y.target)) {
-              var C = mt(qt(y.target)), P = C.prefix, z = C.iconName;
-              y.target.setAttribute(Ht, P || g), z && y.target.setAttribute(Wt, z);
-            } else Il(y.target) && r(y.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) {
@@ -2255,7 +2255,7 @@ function Ca(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
     styleParser: !0
   }, t = Fl(e), n = t.iconName, r = t.prefix, s = t.rest, l = El(e), i = Tt("parseNodeAttributes", {}, e), c = a.styleParser ? Vl(e) : [];
-  return $({
+  return z({
     iconName: n,
     prefix: r,
     transform: ve,
@@ -2286,10 +2286,10 @@ 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(y) {
-    return t.add("".concat(ca, "-").concat(y));
-  }, r = function(y) {
-    return t.remove("".concat(ca, "-").concat(y));
+  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) {
@@ -2306,22 +2306,22 @@ function $a(e) {
     n("pending"), r("complete");
   else
     return Promise.resolve();
-  var c = Jt.begin("onTree"), v = i.reduce(function(g, y) {
+  var c = Jt.begin("onTree"), v = i.reduce(function(g, x) {
     try {
-      var C = Dn(y);
+      var C = Dn(x);
       C && g.push(C);
     } catch (P) {
       bn || P.name === "MissingIcon" && console.error(P);
     }
     return g;
   }, []);
-  return new Promise(function(g, y) {
+  return new Promise(function(g, x) {
     Promise.all(v).then(function(C) {
       Nn(C, function() {
         n("active"), n("complete"), r("pending"), typeof a == "function" && a(), c(), g();
       });
     }).catch(function(C) {
-      c(), y(C);
+      c(), x(C);
     });
   });
 }
@@ -2334,16 +2334,16 @@ function Dl(e) {
 function Ll(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = (a || {}).icon ? a : jt(a || {}), r = t.mask;
-    return r && (r = (r || {}).icon ? r : jt(r || {})), e(n, $($({}, t), {}, {
+    return r && (r = (r || {}).icon ? r : jt(r || {})), e(n, z(z({}, t), {}, {
       mask: r
     }));
   };
 }
 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, y = t.classes, C = y === void 0 ? [] : y, P = t.attributes, z = P === void 0 ? {} : P, w = t.styles, h = w === void 0 ? {} : w;
+  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 x = a.prefix, p = a.iconName, j = a.icon;
-    return vt($({
+    var w = a.prefix, b = a.iconName, j = a.icon;
+    return mt(z({
       type: "icon"
     }, a), function() {
       return Pe("beforeDOMElementCreation", {
@@ -2359,14 +2359,14 @@ var Rl = function(a) {
             icon: {}
           }
         },
-        prefix: x,
-        iconName: p,
-        transform: $($({}, ve), r),
+        prefix: w,
+        iconName: b,
+        transform: z(z({}, ve), r),
         symbol: l,
         maskId: g,
         extra: {
-          attributes: z,
-          styles: h,
+          attributes: $,
+          styles: y,
           classes: C
         }
       });
@@ -2392,18 +2392,18 @@ 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(y, 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 z = ct(P, 2), w = z[0], h = z[1];
-          y([t, Xt({
+          var $ = ut(P, 2), p = $[0], y = $[1];
+          x([t, Xt({
             icons: {
-              main: w,
-              mask: h
+              main: p,
+              mask: y
             },
             prefix: s,
             iconName: r,
@@ -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, y = 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() {
@@ -2498,10 +2498,10 @@ var Rl = function(a) {
             params: n
           }), ya({
             content: t,
-            transform: $($({}, ve), s),
+            transform: z(z({}, ve), s),
             extra: {
               attributes: v,
-              styles: y,
+              styles: x,
               classes: ["".concat(E.cssPrefix, "-layers-text")].concat(me(i))
             }
           });
@@ -2526,7 +2526,7 @@ var Rl = function(a) {
       })]);
     };
   }
-}, Ln = new RegExp('"', "ug"), za = [1105920, 1112319], Aa = $($($($({}, {
+}, Ln = new RegExp('"', "ug"), za = [1105920, 1112319], Aa = z(z(z(z({}, {
   FontAwesome: {
     normal: "fas",
     400: "fas"
@@ -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"), y = 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 && y !== "none" && y !== "") {
-      var C = i.getPropertyValue("content"), P = Xl(c, g), z = Gl(C), w = v[0].startsWith("FontAwesome"), h = Kl(i), x = Kt(P, z), p = x;
-      if (w) {
-        var j = ll(z);
-        j.iconName && j.prefix && (x = j.iconName, P = j.prefix);
+    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 && (w = j.iconName, P = j.prefix);
       }
-      if (x && !h && (!l || l.getAttribute(Ht) !== P || l.getAttribute(Wt) !== p)) {
-        e.setAttribute(t, p), l && e.removeChild(l);
-        var B = _l(), L = B.extra;
-        L.attributes[$t] = a, Ot(x, P).then(function(ae) {
-          var ie = Xt($($({}, 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: p,
+            iconName: b,
             extra: L,
             watchable: !0
           })), U = K.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -2645,46 +2645,46 @@ 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), y = Je(g), C;
+                var v = c.value, g = eo(v.selectorText), x = Je(g), C;
                 try {
-                  for (y.s(); !(C = y.n()).done; ) {
+                  for (x.s(); !(C = x.n()).done; ) {
                     var P = C.value;
                     n.add(P);
                   }
-                } catch (w) {
-                  y.e(w);
+                } catch (p) {
+                  x.e(p);
                 } finally {
-                  y.f();
+                  x.f();
                 }
               }
-            } catch (w) {
-              i.e(w);
+            } catch (p) {
+              i.e(p);
             } finally {
               i.f();
             }
-          } catch (w) {
-            E.searchPseudoElementsWarnings && console.warn("Font Awesome: cannot parse stylesheet: ".concat(l.href, " (").concat(w.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 (w) {
-        r.e(w);
+      } catch (p) {
+        r.e(p);
       } finally {
         r.f();
       }
       if (!n.size) return;
-      var z = Array.from(n).join(", ");
+      var $ = Array.from(n).join(", ");
       try {
-        t = e.querySelectorAll(z);
+        t = e.querySelectorAll($);
       } catch {
       }
     }
-    return new Promise(function(w, h) {
-      var x = Ee(t).filter(Ql).map(Jl), p = Jt.begin("searchPseudoElements");
-      Mn(), Promise.all(x).then(function() {
-        p(), Ft(), w();
+    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() {
-        p(), Ft(), h();
+        b(), Ft(), y();
       });
     });
   }
@@ -2793,31 +2793,31 @@ 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)"), y = {
+      }, 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: y,
+        inner: x,
         path: C
       };
       return {
         tag: "g",
-        attributes: $({}, P.outer),
+        attributes: z({}, P.outer),
         children: [{
           tag: "g",
-          attributes: $({}, P.inner),
+          attributes: z({}, P.inner),
           children: [{
             tag: n.icon.tag,
             children: n.icon.children,
-            attributes: $($({}, n.icon.attributes), P.path)
+            attributes: z(z({}, n.icon.attributes), P.path)
           }]
         }]
       };
     };
   }
-}, 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,36 +2843,36 @@ 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, y = 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: y,
+        containerWidth: x,
         iconWidth: v
-      }), z = {
+      }), $ = {
         tag: "rect",
-        attributes: $($({}, wt), {}, {
+        attributes: z(z({}, xt), {}, {
           fill: "white"
         })
-      }, w = g.children ? {
+      }, p = g.children ? {
         children: g.children.map(Ba)
-      } : {}, h = {
+      } : {}, y = {
         tag: "g",
-        attributes: $({}, P.inner),
-        children: [Ba($({
+        attributes: z({}, P.inner),
+        children: [Ba(z({
           tag: g.tag,
-          attributes: $($({}, g.attributes), P.path)
-        }, w))]
-      }, x = {
+          attributes: z(z({}, g.attributes), P.path)
+        }, p))]
+      }, w = {
         tag: "g",
-        attributes: $({}, P.outer),
-        children: [h]
-      }, p = "mask-".concat(i || fa()), j = "clip-".concat(i || fa()), B = {
+        attributes: z({}, P.outer),
+        children: [y]
+      }, b = "mask-".concat(i || fa()), j = "clip-".concat(i || fa()), O = {
         tag: "mask",
-        attributes: $($({}, wt), {}, {
-          id: p,
+        attributes: z(z({}, xt), {}, {
+          id: b,
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
-        children: [z, x]
+        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: $({
+        attributes: z({
           fill: "currentColor",
           "clip-path": "url(#".concat(j, ")"),
-          mask: "url(#".concat(p, ")")
-        }, wt)
+          mask: "url(#".concat(b, ")")
+        }, xt)
       }), {
         children: n,
         attributes: r
@@ -2909,15 +2909,15 @@ var so = {
       };
       n.push({
         tag: "path",
-        attributes: $($({}, r), {}, {
+        attributes: z(z({}, r), {}, {
           d: "M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"
         })
       });
-      var l = $($({}, s), {}, {
+      var l = z(z({}, s), {}, {
         attributeName: "opacity"
       }), i = {
         tag: "circle",
-        attributes: $($({}, r), {}, {
+        attributes: z(z({}, r), {}, {
           cx: "256",
           cy: "364",
           r: "28"
@@ -2926,36 +2926,36 @@ var so = {
       };
       return t || i.children.push({
         tag: "animate",
-        attributes: $($({}, s), {}, {
+        attributes: z(z({}, s), {}, {
           attributeName: "r",
           values: "28;14;28;28;14;28;"
         })
       }, {
         tag: "animate",
-        attributes: $($({}, l), {}, {
+        attributes: z(z({}, l), {}, {
           values: "1;0;1;1;0;1;"
         })
       }), n.push(i), n.push({
         tag: "path",
-        attributes: $($({}, r), {}, {
+        attributes: z(z({}, r), {}, {
           opacity: "1",
           d: "M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"
         }),
         children: t ? [] : [{
           tag: "animate",
-          attributes: $($({}, l), {}, {
+          attributes: z(z({}, l), {}, {
             values: "1;0;0;0;0;1;"
           })
         }]
       }), t || n.push({
         tag: "path",
-        attributes: $($({}, r), {}, {
+        attributes: z(z({}, r), {}, {
           opacity: "0",
           d: "M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"
         }),
         children: [{
           tag: "animate",
-          attributes: $($({}, l), {}, {
+          attributes: z(z({}, l), {}, {
             values: "0;0;1;1;0;0;"
           })
         }]
@@ -2985,7 +2985,7 @@ 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;
@@ -3071,13 +3071,13 @@ 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) {
@@ -3111,70 +3111,70 @@ 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(x, p, j) {
-      if (!v(p) || y(p) || C(p) || P(p) || c(p))
-        return p;
-      var B, L = 0, ae = 0;
-      if (g(p))
-        for (B = [], ae = p.length; L < ae; L++)
-          B.push(t(x, p[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 p)
-          Object.prototype.hasOwnProperty.call(p, ie) && (B[x(ie, j)] = t(x, p[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(x, p) {
-      p = p || {};
-      var j = p.separator || "_", B = p.split || /(?=[A-Z])/;
-      return x.split(B).join(j);
-    }, r = function(x) {
-      return z(x) ? x : (x = x.replace(/[\-_\s]+(.)?/g, function(p, 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() : "";
-      }), x.substr(0, 1).toLowerCase() + x.substr(1));
-    }, s = function(x) {
-      var p = r(x);
-      return p.substr(0, 1).toUpperCase() + p.substr(1);
-    }, l = function(x, p) {
-      return n(x, p).toLowerCase();
-    }, i = Object.prototype.toString, c = function(x) {
-      return typeof x == "function";
-    }, v = function(x) {
-      return x === Object(x);
-    }, g = function(x) {
-      return i.call(x) == "[object Array]";
-    }, y = function(x) {
-      return i.call(x) == "[object Date]";
-    }, C = function(x) {
-      return i.call(x) == "[object RegExp]";
-    }, P = function(x) {
-      return i.call(x) == "[object Boolean]";
-    }, z = function(x) {
-      return x = x - 0, x === x;
-    }, w = function(x, p) {
-      var j = p && "process" in p ? p.process : p;
-      return typeof j != "function" ? x : function(B, L) {
-        return j(B, x, 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);
       };
-    }, h = {
+    }, y = {
       camelize: r,
       decamelize: l,
       pascalize: s,
       depascalize: l,
-      camelizeKeys: function(x, p) {
-        return t(w(r, p), x);
+      camelizeKeys: function(w, b) {
+        return t(p(r, b), w);
       },
-      decamelizeKeys: function(x, p) {
-        return t(w(l, p), x, p);
+      decamelizeKeys: function(w, b) {
+        return t(p(l, b), w, b);
       },
-      pascalizeKeys: function(x, p) {
-        return t(w(s, p), x);
+      pascalizeKeys: function(w, b) {
+        return t(p(s, b), w);
       },
       depascalizeKeys: function() {
         return this.decamelizeKeys.apply(this, arguments);
       }
     };
-    e.exports ? e.exports = h : a.humps = h;
+    e.exports ? e.exports = y : a.humps = y;
   })(wo);
 })(Hn);
 var ko = Hn.exports, So = ["class", "style"];
@@ -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() {
@@ -3462,7 +3462,7 @@ Dt({
     var n = t.attrs, r = Rn.familyPrefix, s = f(function() {
       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];
@@ -3674,7 +3674,7 @@ const Z = {
       e.icon ? (o(), N(oe(e.icon), {
         key: 0,
         class: m(i.value)
-      }, null, 8, ["class"])) : b("", !0),
+      }, null, 8, ["class"])) : h("", !0),
       A(c.$slots, "default"),
       e.dismissible ? (o(), d("button", {
         key: 1,
@@ -3683,7 +3683,7 @@ const Z = {
         "aria-label": e.dismissLabel
       }, [
         T(t, { class: "w-3 h-3" })
-      ], 8, To)) : b("", !0)
+      ], 8, To)) : h("", !0)
     ], 2));
   }
 }), Bo = ["disabled", "aria-disabled", "aria-busy"], Oo = {
@@ -3766,8 +3766,8 @@ const Z = {
           fill: "currentColor",
           d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
         }, null, -1)
-      ])])) : b("", !0),
-      e.loading ? b("", !0) : A(t.$slots, "icon", { key: 1 }),
+      ])])) : h("", !0),
+      e.loading ? h("", !0) : A(t.$slots, "icon", { key: 1 }),
       e.loading && e.loadingText ? (o(), d("span", Vo, k(e.loadingText), 1)) : A(t.$slots, "default", { key: 3 })
     ], 16, Bo));
   }
@@ -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 = (x) => {
-      const p = x.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 (p)
+        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", p);
-      s("change", p);
+        s("update:modelValue", b);
+      s("change", b);
     }, g = () => {
       !r.disabled && l.value && l.value.click();
-    }, y = f(() => {
+    }, x = f(() => {
       if (r.error) return `${i.value}-error`;
     }), C = f(() => ({
       sm: "w-4 h-4",
@@ -3867,7 +3867,7 @@ const Z = {
       {
         "cursor-not-allowed": r.disabled
       }
-    ]), z = f(() => [
+    ]), $ = f(() => [
       "flex items-center justify-center rounded border-2 transition-all duration-200",
       "cursor-pointer select-none",
       C.value,
@@ -3883,18 +3883,18 @@ const Z = {
         "focus-within:ring-blue-500": !r.disabled && r.variant === "default",
         "focus-within:ring-red-500": !r.disabled && r.variant === "error"
       }
-    ]), w = f(() => [
+    ]), p = f(() => [
       "text-sm font-medium cursor-pointer select-none",
       {
         "text-slate-900": !r.disabled,
         "text-slate-500": r.disabled
       }
-    ]), h = f(() => [
+    ]), y = f(() => [
       "text-xs text-slate-500 mt-1"
     ]);
-    return ge(() => r.indeterminate, (x) => {
-      l.value && (l.value.indeterminate = x);
-    }, { immediate: !0 }), (x, p) => (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,11 +3906,11 @@ const Z = {
           disabled: e.disabled,
           required: e.required,
           class: m(P.value),
-          "aria-describedby": y.value,
+          "aria-describedby": x.value,
           onChange: v
         }, null, 42, _o),
         u("div", {
-          class: m(z.value),
+          class: m($.value),
           onClick: g
         }, [
           c.value && !e.indeterminate ? (o(), N(t, {
@@ -3919,22 +3919,22 @@ const Z = {
           })) : e.indeterminate ? (o(), N(n, {
             key: 1,
             class: "w-3 h-3"
-          })) : b("", !0)
+          })) : h("", !0)
         ], 2)
       ]),
       u("div", No, [
         u("label", {
           for: i.value,
-          class: m(w.value)
+          class: m(p.value)
         }, [
-          A(x.$slots, "default", {}, () => [
+          A(w.$slots, "default", {}, () => [
             R(k(e.label), 1)
           ])
         ], 10, Mo),
         e.description ? (o(), d("p", {
           key: 0,
-          class: m(h.value)
-        }, k(e.description), 3)) : b("", !0)
+          class: m(y.value)
+        }, k(e.description), 3)) : h("", !0)
       ])
     ]));
   }
@@ -4031,7 +4031,7 @@ const Z = {
     return (r, s) => (o(), d("div", {
       class: m(M(S)(M(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
     }, [
-      e.label && e.orientation === "horizontal" ? (o(), d("span", Do, k(e.label), 1)) : b("", !0)
+      e.label && e.orientation === "horizontal" ? (o(), d("span", Do, k(e.label), 1)) : h("", !0)
     ], 2));
   }
 }, Ro = ["aria-label"], Ho = {
@@ -4111,7 +4111,7 @@ const Z = {
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
         }, null, -1)
       ])], 2)),
-      e.label ? (o(), d("span", Ho, k(e.label), 1)) : b("", !0)
+      e.label ? (o(), d("span", Ho, k(e.label), 1)) : h("", !0)
     ], 10, Ro));
   }
 }, Wo = ["src", "alt", "loading"], Uo = {
@@ -4180,12 +4180,12 @@ 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"
-    ), y = (P) => {
+    ), x = (P) => {
       r.value = !1, s.value = !1, n("load", P);
     }, C = (P) => {
       r.value = !1, s.value = !0, n("error", P);
     };
-    return (P, z) => (o(), d("div", {
+    return (P, $) => (o(), d("div", {
       class: m(i.value)
     }, [
       u("img", {
@@ -4193,7 +4193,7 @@ const Z = {
         alt: e.alt,
         class: m(c.value),
         loading: e.loading,
-        onLoad: y,
+        onLoad: x,
         onError: C
       }, null, 42, Wo),
       r.value ? (o(), d("div", {
@@ -4203,8 +4203,8 @@ const Z = {
         e.showSpinner ? (o(), N(Un, {
           key: 0,
           size: "sm"
-        })) : b("", !0)
-      ], 2)) : b("", !0),
+        })) : h("", !0)
+      ], 2)) : h("", !0),
       s.value ? (o(), d("div", {
         key: 1,
         class: m(g.value)
@@ -4213,8 +4213,8 @@ const Z = {
           name: "ImageOff",
           class: "h-8 w-8 text-muted-foreground"
         }),
-        z[0] || (z[0] = u("span", { class: "text-sm text-muted-foreground" }, "Failed to load image", -1))
-      ], 2)) : b("", !0)
+        $[0] || ($[0] = u("span", { class: "text-sm text-muted-foreground" }, "Failed to load image", -1))
+      ], 2)) : h("", !0)
     ], 2));
   }
 }, qo = { class: "relative" }, Yo = {
@@ -4292,37 +4292,37 @@ 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 = (p) => {
-      r("update:modelValue", p.target.value);
-    }, c = (p) => {
-      r("blur", p);
-    }, v = (p) => {
-      r("focus", p);
-    }, g = (p) => {
-      r("keydown", p);
-    }, y = () => {
+    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`;
-    }), z = f(() => ({
+    }), $ = f(() => ({
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    })[n.size]), w = 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"
-    })[n.variant]), h = f(() => ["text-slate-400", {
+    })[n.variant]), y = f(() => ["text-slate-400", {
       sm: "w-4 h-4",
       md: "w-4 h-4",
       lg: "w-5 h-5"
-    }[n.size]]), x = 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",
-      z.value,
-      w.value,
+      $.value,
+      p.value,
       {
         "pl-10": n.iconLeft,
         "pr-10": n.iconRight || n.clearable
@@ -4332,12 +4332,12 @@ const Z = {
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (p, j) => (o(), d("div", qo, [
+    }), (b, j) => (o(), d("div", qo, [
       e.iconLeft ? (o(), d("div", Yo, [
         (o(), N(oe(e.iconLeft), {
-          class: m(h.value)
+          class: m(y.value)
         }, null, 8, ["class"]))
-      ])) : b("", !0),
+      ])) : h("", !0),
       u("input", {
         id: l.value,
         ref_key: "inputRef",
@@ -4349,7 +4349,7 @@ const Z = {
         readonly: e.readonly,
         required: e.required,
         autocomplete: e.autocomplete,
-        class: m(x.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: y,
+          onClick: x,
           class: "text-slate-400 hover:text-slate-600 transition-colors",
           type: "button",
           "aria-label": e.clearLabel
@@ -4371,9 +4371,9 @@ const Z = {
           })
         ], 8, Xo)) : e.iconRight ? (o(), N(oe(e.iconRight), {
           key: 1,
-          class: m(h.value)
-        }, null, 8, ["class"])) : b("", !0)
-      ])) : b("", !0)
+          class: m(y.value)
+        }, null, 8, ["class"])) : h("", !0)
+      ])) : h("", !0)
     ]));
   }
 }, Jo = ["for"], qn = {
@@ -4505,23 +4505,23 @@ 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(() => [
+      default: B(() => [
         e.icon && e.iconPosition === "left" ? (o(), N(Z, {
           key: 0,
           name: e.icon,
           class: m(r.value)
-        }, null, 8, ["name", "class"])) : b("", !0),
+        }, null, 8, ["name", "class"])) : h("", !0),
         A(c.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (o(), N(Z, {
           key: 1,
           name: e.icon,
           class: m(r.value)
-        }, null, 8, ["name", "class"])) : b("", !0),
+        }, null, 8, ["name", "class"])) : h("", !0),
         e.external && e.showExternalIcon ? (o(), N(Z, {
           key: 2,
           name: "external-link",
           class: "w-3 h-3 ml-1 inline-block"
-        })) : b("", !0)
+        })) : h("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "target", "rel", "class"]));
@@ -4689,7 +4689,7 @@ const Z = {
       e.showLabel ? (o(), d("span", {
         key: 0,
         class: m(i.value)
-      }, k(t.value) + "% ", 3)) : b("", !0)
+      }, k(t.value) + "% ", 3)) : h("", !0)
     ], 2));
   }
 }, ri = { class: "flex items-center space-x-2" }, si = ["aria-checked", "disabled"], li = {
@@ -4744,7 +4744,7 @@ const Z = {
     ), v = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (g, y) => (o(), d("div", ri, [
+    return (g, x) => (o(), d("div", ri, [
       u("button", {
         type: "button",
         role: "radio",
@@ -4756,13 +4756,13 @@ const Z = {
         r.value ? (o(), d("div", {
           key: 0,
           class: m(i.value)
-        }, null, 2)) : b("", !0)
+        }, null, 2)) : h("", !0)
       ], 10, si),
       e.label ? (o(), d("label", {
         key: 0,
         class: m(c.value),
         onClick: v
-      }, k(e.label), 3)) : b("", !0)
+      }, k(e.label), 3)) : h("", !0)
     ]));
   }
 }, oi = ["value", "disabled"], ta = {
@@ -4982,7 +4982,7 @@ const Z = {
     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 = (h) => {
-      r("update:modelValue", h.target.value), n.autoResize && aa(() => w());
-    }, c = (h) => r("blur", h), v = (h) => r("focus", h), g = (h) => r("keydown", h), y = 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",
@@ -5050,20 +5050,20 @@ const Z = {
           resize: "vertical"
         }
       }
-    ), z = f(
+    ), $ = f(
       () => S(P({ size: n.size, variant: n.variant, resize: n.resize }))
-    ), w = () => {
+    ), p = () => {
       if (!s.value || !n.autoResize) return;
-      const h = s.value;
-      h.style.height = "auto", h.style.height = `${h.scrollHeight}px`;
+      const y = s.value;
+      y.style.height = "auto", y.style.height = `${y.scrollHeight}px`;
     };
     return ge(() => n.modelValue, () => {
-      n.autoResize && aa(() => w());
+      n.autoResize && aa(() => p());
     }, { immediate: !0 }), a({
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (h, x) => (o(), d("textarea", {
+    }), (y, w) => (o(), d("textarea", {
       id: l.value,
       ref_key: "textareaRef",
       ref: s,
@@ -5074,9 +5074,9 @@ const Z = {
       required: e.required,
       rows: e.rows,
       maxlength: e.maxlength,
-      class: m(z.value),
+      class: m($.value),
       "aria-describedby": C.value,
-      "aria-invalid": y.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, y) => (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),
@@ -5163,7 +5163,7 @@ const Z = {
             u("div", {
               class: m(i.value)
             }, null, 2)
-          ], 2)) : b("", !0)
+          ], 2)) : h("", !0)
         ]),
         _: 1
       })
@@ -5277,7 +5277,7 @@ const Z = {
     return (i, c) => (o(), N(oe(t.value), {
       class: m(l.value)
     }, {
-      default: V(() => [
+      default: B(() => [
         A(i.$slots, "default")
       ]),
       _: 3
@@ -5314,12 +5314,12 @@ const Z = {
   setup(e, { emit: a }) {
     const t = e, n = a, r = D(!0), s = () => {
       r.value = !1, n("dismiss");
-    }, l = (h) => {
-      n("action", h), h.onClick && h.onClick();
+    }, l = (y) => {
+      n("action", y), y.onClick && y.onClick();
     };
     if (t.autoClose) {
-      const h = typeof t.autoClose == "number" ? t.autoClose : 5e3;
-      setTimeout(s, h);
+      const y = typeof t.autoClose == "number" ? t.autoClose : 5e3;
+      setTimeout(s, y);
     }
     const i = {
       template: `
@@ -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>
   `
-    }, y = {
+    }, 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"
@@ -5378,14 +5378,14 @@ const Z = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), z = f(() => ["w-5 h-5", {
+    ), $ = f(() => ["w-5 h-5", {
       info: "text-blue-500",
       success: "text-green-500",
       warning: "text-yellow-500",
       error: "text-red-500",
       default: "text-foreground",
       destructive: "text-destructive"
-    }[t.variant]]), w = 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 (h, x) => (o(), N(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,53 +5401,53 @@ 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 }), h.$attrs.class)),
+          class: m(M(S)(M(P)({ variant: e.variant }), y.$attrs.class)),
           role: "alert"
         }, [
           u("div", vi, [
             e.showIcon ? (o(), d("div", gi, [
               (o(), N(oe(C.value), {
-                class: m(z.value)
+                class: m($.value)
               }, null, 8, ["class"]))
-            ])) : b("", !0),
+            ])) : h("", !0),
             u("div", hi, [
-              e.title ? (o(), d("h4", bi, k(e.title), 1)) : b("", !0),
+              e.title ? (o(), d("h4", bi, k(e.title), 1)) : h("", !0),
               u("div", {
                 class: m(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
-                A(h.$slots, "default", {}, () => [
+                A(y.$slots, "default", {}, () => [
                   R(k(e.message), 1)
                 ])
               ], 2),
-              h.$slots.actions || e.actions.length > 0 ? (o(), d("div", pi, [
-                A(h.$slots, "actions", {}, () => [
-                  (o(!0), d(Y, null, G(e.actions, (p) => (o(), N(ue, {
-                    key: p.label,
-                    variant: p.variant || "outline",
-                    size: p.size || "sm",
-                    onClick: (j) => l(p)
+              y.$slots.actions || e.actions.length > 0 ? (o(), d("div", pi, [
+                A(y.$slots, "actions", {}, () => [
+                  (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(p.label), 1)
+                    default: B(() => [
+                      R(k(b.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["variant", "size", "onClick"]))), 128))
                 ])
-              ])) : b("", !0)
+              ])) : h("", !0)
             ]),
             e.dismissible ? (o(), d("button", {
               key: 1,
               onClick: s,
-              class: m(w.value),
+              class: m(p.value),
               "aria-label": e.dismissLabel
             }, [
-              T(y, { class: "w-4 h-4" })
-            ], 10, yi)) : b("", !0)
+              T(x, { class: "w-4 h-4" })
+            ], 10, yi)) : h("", !0)
           ])
-        ], 2)) : b("", !0)
+        ], 2)) : h("", !0)
       ]),
       _: 3
     }));
@@ -5502,7 +5502,7 @@ const Z = {
             ]),
             "aria-current": i === e.items.length - 1 ? "page" : void 0
           }, {
-            default: V(() => [
+            default: B(() => [
               R(k(l.label), 1)
             ]),
             _: 2
@@ -5511,7 +5511,7 @@ const Z = {
             key: 0,
             name: e.separator,
             class: "mx-2 h-4 w-4 text-muted-foreground"
-          }, null, 8, ["name"])) : b("", !0)
+          }, null, 8, ["name"])) : h("", !0)
         ]))), 128))
       ])
     ], 10, wi));
@@ -5665,7 +5665,7 @@ const Z = {
         }
       }
     });
-    return (g, y) => (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
     }, [
@@ -5679,18 +5679,18 @@ const Z = {
               e.title ? (o(), d("h3", {
                 key: 0,
                 class: m(ji)
-              }, k(e.title), 1)) : b("", !0),
+              }, k(e.title), 1)) : h("", !0),
               e.subtitle ? (o(), d("p", {
                 key: 1,
                 class: m(Bi)
-              }, k(e.subtitle), 1)) : b("", !0)
+              }, k(e.subtitle), 1)) : h("", !0)
             ]),
             g.$slots.actions ? (o(), d("div", Ii, [
               A(g.$slots, "actions")
-            ])) : b("", !0)
+            ])) : h("", !0)
           ])
         ])
-      ], 2)) : b("", !0),
+      ], 2)) : h("", !0),
       g.$slots.image || e.image ? (o(), d("div", {
         key: 1,
         class: m(M(S)(M(v)({ padding: e.padding })))
@@ -5701,21 +5701,21 @@ const Z = {
             src: e.image,
             alt: e.imageAlt,
             class: m(Ti)
-          }, null, 8, Pi)) : b("", !0)
+          }, null, 8, Pi)) : h("", !0)
         ])
-      ], 2)) : b("", !0),
+      ], 2)) : h("", !0),
       g.$slots.default ? (o(), d("div", {
         key: 2,
         class: m(M(S)(M(i)({ padding: e.padding })))
       }, [
         A(g.$slots, "default")
-      ], 2)) : b("", !0),
+      ], 2)) : h("", !0),
       g.$slots.footer ? (o(), d("div", {
         key: 3,
         class: m(M(S)(M(c)({ padding: e.padding })))
       }, [
         A(g.$slots, "footer")
-      ], 2)) : b("", !0)
+      ], 2)) : h("", !0)
     ], 2));
   }
 }, Vi = /* @__PURE__ */ Object.assign({
@@ -5917,9 +5917,9 @@ const Z = {
     };
     return Fe(() => {
       document.addEventListener("click", v);
-    }), it(() => {
+    }), ot(() => {
       document.removeEventListener("click", v);
-    }), (g, y) => (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),
@@ -5954,7 +5954,7 @@ const Z = {
             "aria-orientation": "vertical"
           }, [
             A(g.$slots, "default")
-          ], 2)) : b("", !0)
+          ], 2)) : h("", !0)
         ]),
         _: 3
       })
@@ -6000,14 +6000,14 @@ const Z = {
       role: "menuitem",
       onClick: l
     }, {
-      default: V(() => [
+      default: B(() => [
         e.icon ? (o(), N(Z, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
-        }, null, 8, ["name"])) : b("", !0),
+        }, null, 8, ["name"])) : h("", !0),
         A(i.$slots, "default"),
-        e.shortcut ? (o(), d("span", Wi, k(e.shortcut), 1)) : b("", !0)
+        e.shortcut ? (o(), d("span", Wi, k(e.shortcut), 1)) : h("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
@@ -6048,37 +6048,37 @@ const Z = {
         i({ variant: t.variant }),
         s.value && "border-primary bg-primary/5"
       )
-    ), v = (p) => {
-      p.preventDefault(), s.value = !1;
-      const j = Array.from(p.dataTransfer.files);
-      w(j);
-    }, g = (p) => {
-      p.preventDefault();
-    }, y = (p) => {
-      p.preventDefault(), s.value = !0;
-    }, C = (p) => {
-      p.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();
-    }, z = (p) => {
-      const j = Array.from(p.target.files);
-      w(j);
-    }, w = (p) => {
-      const j = p.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);
-    }, h = (p) => {
-      r.value.splice(p, 1), n("file-removed", r.value);
-    }, x = (p) => {
-      if (p === 0) return "0 Bytes";
-      const j = 1024, B = ["Bytes", "KB", "MB", "GB"], L = Math.floor(Math.log(p) / Math.log(j));
-      return parseFloat((p / 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 (p, j) => (o(), d("div", qi, [
+    return (b, j) => (o(), d("div", qi, [
       u("div", {
         class: m(c.value),
         onDrop: v,
         onDragover: g,
-        onDragenter: y,
+        onDragenter: x,
         onDragleave: C,
         onClick: P
       }, [
@@ -6089,7 +6089,7 @@ const Z = {
           multiple: e.multiple,
           accept: e.accept,
           class: "hidden",
-          onChange: z
+          onChange: $
         }, null, 40, Yi),
         u("div", Gi, [
           T(Z, {
@@ -6100,11 +6100,11 @@ const Z = {
             u("span", { class: "font-semibold" }, "Click to upload"),
             R(" or drag and drop ")
           ], -1)),
-          e.accept ? (o(), d("p", Ki, k(e.accept), 1)) : b("", !0)
+          e.accept ? (o(), d("p", Ki, k(e.accept), 1)) : h("", !0)
         ])
       ], 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,11 +6113,11 @@ const Z = {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            u("span", Qi, k(B.name), 1),
-            u("span", Zi, "(" + k(x(B.size)) + ")", 1)
+            u("span", Qi, k(O.name), 1),
+            u("span", Zi, "(" + k(w(O.size)) + ")", 1)
           ]),
           u("button", {
-            onClick: (ae) => h(L),
+            onClick: (ae) => y(L),
             class: "text-muted-foreground hover:text-foreground"
           }, [
             T(Z, {
@@ -6126,7 +6126,7 @@ const Z = {
             })
           ], 8, eu)
         ]))), 128))
-      ])) : b("", !0)
+      ])) : h("", !0)
     ]));
   }
 }, au = ["for"], nu = {
@@ -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" }
-    }), y = I("text-slate-500", {
+    }), x = I("text-slate-500", {
       variants: {
         size: {
           sm: "text-xs",
@@ -6208,7 +6208,7 @@ const Z = {
       defaultVariants: { size: "md" }
     });
     return (C, P) => {
-      const z = te("font-awesome-icon");
+      const $ = te("font-awesome-icon");
       return o(), d("div", {
         class: m(M(S)(M(i)({ size: e.size }), C.$attrs.class))
       }, [
@@ -6218,12 +6218,12 @@ const Z = {
           class: m(M(S)(M(c)({ size: e.size })))
         }, [
           R(k(e.label) + " ", 1),
-          e.required ? (o(), d("span", nu, "*")) : b("", !0)
-        ], 10, au)) : b("", !0),
+          e.required ? (o(), d("span", nu, "*")) : h("", !0)
+        ], 10, au)) : h("", !0),
         e.description ? (o(), d("p", {
           key: 1,
           class: m(M(S)(M(v)({ size: e.size })))
-        }, k(e.description), 3)) : b("", !0),
+        }, k(e.description), 3)) : h("", !0),
         u("div", ru, [
           A(C.$slots, "default", {
             fieldId: M(t),
@@ -6239,11 +6239,11 @@ const Z = {
             class: "absolute inset-y-0 right-0 pr-3 flex items-center text-slate-400 hover:text-slate-600 transition-colors",
             "aria-label": r.value ? "Hide password" : "Show password"
           }, [
-            T(z, {
+            T($, {
               icon: r.value ? "eye-slash" : "eye",
               class: "w-4 h-4"
             }, null, 8, ["icon"])
-          ], 8, su)) : b("", !0)
+          ], 8, su)) : h("", !0)
         ]),
         T(he, {
           "enter-active-class": "transition-all duration-200",
@@ -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`,
@@ -6261,20 +6261,20 @@ const Z = {
               role: "alert",
               "aria-live": "polite"
             }, [
-              T(z, {
+              T($, {
                 icon: "exclamation-triangle",
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
               u("span", null, k(e.error), 1)
-            ], 10, lu)) : b("", !0)
+            ], 10, lu)) : h("", !0)
           ]),
           _: 1
         }),
         e.helpText && !n.value ? (o(), d("p", {
           key: 2,
           id: `${M(t)}-help`,
-          class: m(M(S)(M(y)({ size: e.size })))
-        }, k(e.helpText), 11, ou)) : b("", !0),
+          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",
           "enter-from-class": "opacity-0 -translate-y-1",
@@ -6283,17 +6283,17 @@ 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" })))
             }, [
-              T(z, {
+              T($, {
                 icon: "check",
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
               u("span", null, k(e.success), 1)
-            ], 2)) : b("", !0)
+            ], 2)) : h("", !0)
           ]),
           _: 1
         })
@@ -6331,11 +6331,11 @@ const Z = {
     }, [
       r.$slots.prefix ? (o(), d("div", uu, [
         A(r.$slots, "prefix")
-      ])) : b("", !0),
+      ])) : h("", !0),
       A(r.$slots, "default"),
       r.$slots.suffix ? (o(), d("div", cu, [
         A(r.$slots, "suffix")
-      ])) : b("", !0)
+      ])) : h("", !0)
     ], 2));
   }
 }, fu = ["role"], mu = {
@@ -6396,24 +6396,24 @@ const Z = {
         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(), N(Z, {
                 key: 0,
                 name: e.icon,
                 class: "h-5 w-5"
-              }, null, 8, ["name"])) : b("", !0)
+              }, null, 8, ["name"])) : h("", !0)
             ])
-          ])) : b("", !0),
+          ])) : h("", !0),
           u("div", vu, [
-            e.title ? (o(), d("div", gu, k(e.title), 1)) : b("", !0),
-            e.description ? (o(), d("div", hu, k(e.description), 1)) : b("", !0),
+            e.title ? (o(), d("div", gu, k(e.title), 1)) : h("", !0),
+            e.description ? (o(), d("div", hu, k(e.description), 1)) : h("", !0),
             A(v.$slots, "default")
           ]),
           v.$slots.action ? (o(), d("div", bu, [
             A(v.$slots, "action")
-          ])) : b("", !0)
+          ])) : h("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
@@ -6460,19 +6460,19 @@ const Z = {
       role: "menuitem",
       onClick: l
     }, {
-      default: V(() => [
+      default: B(() => [
         e.icon ? (o(), N(Z, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
-        }, null, 8, ["name"])) : b("", !0),
+        }, null, 8, ["name"])) : h("", !0),
         A(i.$slots, "default"),
-        e.shortcut ? (o(), d("span", yu, k(e.shortcut), 1)) : b("", !0),
+        e.shortcut ? (o(), d("span", yu, k(e.shortcut), 1)) : h("", !0),
         e.hasSubmenu ? (o(), N(Z, {
           key: 2,
           name: "chevron-right",
           class: "ml-auto h-4 w-4"
-        })) : b("", !0)
+        })) : h("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
@@ -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",
@@ -6532,10 +6532,10 @@ const Z = {
                   class: "h-4 w-4"
                 }),
                 i[0] || (i[0] = u("span", { class: "sr-only" }, "Close", -1))
-              ])) : b("", !0),
+              ])) : h("", !0),
               A(l.$slots, "default")
             ])
-          ])) : b("", !0)
+          ])) : h("", !0)
         ]),
         _: 3
       })
@@ -6555,8 +6555,8 @@ const Z = {
   },
   setup(e) {
     return (a, t) => (o(), d("div", Su, [
-      e.title ? (o(), d("h2", Cu, k(e.title), 1)) : b("", !0),
-      e.description ? (o(), d("p", $u, k(e.description), 1)) : b("", !0),
+      e.title ? (o(), d("h2", Cu, k(e.title), 1)) : h("", !0),
+      e.description ? (o(), d("p", $u, k(e.description), 1)) : h("", !0),
       A(a.$slots, "default")
     ]));
   }
@@ -6672,12 +6672,12 @@ const Z = {
       }
     }), c = f(
       () => S(s({ variant: t.variant }), "p-4")
-    ), v = f(() => l[t.variant]), g = f(() => i({ variant: t.variant })), y = () => {
+    ), v = f(() => l[t.variant]), g = f(() => i({ variant: t.variant })), x = () => {
       r.value = !1, n("dismiss");
     };
     return Fe(() => {
       t.autoClose > 0 && setTimeout(() => {
-        y();
+        x();
       }, t.autoClose);
     }), (C, P) => (o(), N(he, {
       "enter-active-class": "transition-all duration-300 ease-out",
@@ -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),
@@ -6700,27 +6700,27 @@ const Z = {
                 name: v.value,
                 class: m(g.value)
               }, null, 8, ["name", "class"])
-            ])) : b("", !0),
+            ])) : h("", !0),
             u("div", Bu, [
-              e.title ? (o(), d("div", Ou, k(e.title), 1)) : b("", !0),
+              e.title ? (o(), d("div", Ou, k(e.title), 1)) : h("", !0),
               e.message ? (o(), d("div", {
                 key: 1,
                 class: m(["text-sm", { "mt-1": e.title }])
-              }, k(e.message), 3)) : b("", !0),
+              }, k(e.message), 3)) : h("", !0),
               A(C.$slots, "default")
             ]),
             e.dismissible ? (o(), d("button", {
               key: 1,
-              onClick: y,
+              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, {
                 name: "x",
                 class: "h-4 w-4"
               })
-            ])) : b("", !0)
+            ])) : h("", !0)
           ])
-        ], 10, Pu)) : b("", !0)
+        ], 10, Pu)) : h("", !0)
       ]),
       _: 3
     }));
@@ -6870,7 +6870,7 @@ const Eu = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), i = (z) => S(l({ variant: z.variant })), c = {
+    ), i = ($) => S(l({ variant: $.variant })), c = {
       default: "bell",
       info: "info",
       success: "check-circle",
@@ -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 = (z) => z.icon || c[z.variant] || c.default, y = (z) => {
-      const w = v[z.variant] || v.default;
-      return z.variant === "loading" ? `${w} animate-spin` : w;
-    }, C = (z) => z.icon !== !1, P = (z) => z.dismissible !== !1 && (z.closeButton || a.closeButton || z.dismissible);
-    return (z, w) => (o(), N(Ma, { to: "body" }, [
+    }, 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 ($, p) => (o(), N(Ma, { to: "body" }, [
       u("div", {
         class: m(M(S)(
           s.value,
@@ -6906,42 +6906,42 @@ const Eu = {
           tag: "div",
           class: "space-y-2"
         }, {
-          default: V(() => [
-            (o(!0), d(Y, null, G(M(t), (h) => (o(), d("div", {
-              key: h.id,
-              class: m([i(h), "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"]),
+          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": h.variant === "error" ? "assertive" : "polite"
+              "aria-live": y.variant === "error" ? "assertive" : "polite"
             }, [
-              C(h) ? (o(), N(Z, {
+              C(y) ? (o(), N(Z, {
                 key: 0,
-                icon: g(h),
-                class: m([y(h), "h-4 w-4 shrink-0"])
-              }, null, 8, ["icon", "class"])) : b("", !0),
+                icon: g(y),
+                class: m([x(y), "h-4 w-4 shrink-0"])
+              }, null, 8, ["icon", "class"])) : h("", !0),
               u("div", Du, [
-                h.title ? (o(), d("div", Lu, k(h.title), 1)) : b("", !0),
-                h.message ? (o(), d("div", Ru, k(h.message), 1)) : b("", !0),
-                h.description ? (o(), d("div", Hu, k(h.description), 1)) : b("", !0),
-                h.component ? (o(), N(oe(h.component), Re({
+                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(), N(oe(y.component), Re({
                   key: 3,
                   ref_for: !0
-                }, h.componentProps), null, 16)) : b("", !0)
+                }, y.componentProps), null, 16)) : h("", !0)
               ]),
-              h.action ? (o(), d("button", {
+              y.action ? (o(), d("button", {
                 key: 1,
-                onClick: h.action.onClick,
+                onClick: y.action.onClick,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-              }, k(h.action.label), 9, Wu)) : b("", !0),
-              P(h) ? (o(), d("button", {
+              }, k(y.action.label), 9, Wu)) : h("", !0),
+              P(y) ? (o(), d("button", {
                 key: 2,
-                onClick: (x) => M(n)(h.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, {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, Uu)) : b("", !0)
+              ], 8, Uu)) : h("", !0)
             ], 10, Mu))), 128))
           ]),
           _: 1
@@ -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), y = D(null), C = (O) => {
-      const _ = O.target.value;
-      l("update:modelValue", _), y.value && clearTimeout(y.value), y.value = setTimeout(() => {
+    }, 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);
-    }, z = (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);
-    }, w = () => {
+    }, p = () => {
       l("update:modelValue", ""), l("clear"), v.value = !1, c.value?.focus();
-    }, h = (O) => {
-      l("select", O), v.value = !1, g.value = -1;
-    }, x = (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 && h(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;
         }
-    }, p = (O) => {
-      if (!s.highlightMatches || !s.modelValue || !O) return O;
+    }, b = (V) => {
+      if (!s.highlightMatches || !s.modelValue || !V) return V;
       const _ = new RegExp(`(${s.modelValue})`, "gi");
-      return O.replace(_, '<mark class="bg-yellow-200">$1</mark>');
+      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), y.value && clearTimeout(y.value);
-    }), ge(() => s.results, () => g.value = -1), (O, _) => (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
@@ -7096,21 +7096,21 @@ const Eu = {
           class: m(L.value),
           onInput: C,
           onFocus: P,
-          onBlur: z,
-          onKeydown: x
+          onBlur: $,
+          onKeydown: w
         }, null, 42, Ku),
         e.modelValue || e.loading ? (o(), d("div", Xu, [
           !e.loading && e.clearable ? (o(), d("button", {
             key: 0,
-            onClick: w,
+            onClick: p,
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
             "aria-label": e.clearLabel
           }, [
             T(n, { class: "w-4 h-4" })
           ], 8, Ju)) : e.loading ? (o(), d("div", Qu, [
             T(r, { class: "w-4 h-4 text-slate-400" })
-          ])) : b("", !0)
-        ])) : b("", !0)
+          ])) : h("", !0)
+        ])) : h("", !0)
       ]),
       T(he, {
         "enter-active-class": "transition-all duration-200",
@@ -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)
@@ -7129,31 +7129,31 @@ const Eu = {
               (o(!0), d(Y, null, G(e.results, (Q, q) => (o(), d("button", {
                 key: Q.id || q,
                 class: m(U(q)),
-                onClick: (J) => h(Q),
+                onClick: (J) => y(Q),
                 onMouseenter: (J) => g.value = q
               }, [
                 Q.icon ? (o(), N(oe(Q.icon), {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
-                })) : b("", !0),
+                })) : h("", !0),
                 u("div", tc, [
                   u("div", {
                     class: "font-medium text-slate-900",
-                    innerHTML: p(Q.title)
+                    innerHTML: b(Q.title)
                   }, null, 8, ac),
                   Q.description ? (o(), d("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
-                    innerHTML: p(Q.description)
-                  }, null, 8, nc)) : b("", !0)
+                    innerHTML: b(Q.description)
+                  }, null, 8, nc)) : h("", !0)
                 ]),
-                Q.category ? (o(), d("div", rc, k(Q.category), 1)) : b("", !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)) : b("", !0),
-            O.$slots.footer ? (o(), d("div", lc, [
-              A(O.$slots, "footer")
-            ])) : b("", !0)
-          ], 2)) : b("", !0)
+            ])) : e.showNoResults ? (o(), d("div", sc, k(e.noResultsText), 1)) : h("", !0),
+            V.$slots.footer ? (o(), d("div", lc, [
+              A(V.$slots, "footer")
+            ])) : h("", !0)
+          ], 2)) : h("", !0)
         ]),
         _: 3
       })
@@ -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,
@@ -7226,7 +7226,7 @@ const Eu = {
       ], 2),
       u("div", gc, [
         u("div", hc, k(e.title), 1),
-        e.description ? (o(), d("div", bc, k(e.description), 1)) : b("", !0)
+        e.description ? (o(), d("div", bc, k(e.description), 1)) : h("", !0)
       ])
     ]));
   }
@@ -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 = {
           }
         }
       }
-    ), y = I("text-slate-900", {
+    ), x = I("text-slate-900", {
       variants: {
         size: {
           sm: "text-sm font-medium",
@@ -7380,14 +7380,14 @@ const Eu = {
           lg: "w-6 h-6"
         }
       }
-    }), z = I("ml-4 text-slate-400 transition-transform duration-200", {
+    }), $ = I("ml-4 text-slate-400 transition-transform duration-200", {
       variants: {
         expanded: {
           true: "rotate-180",
           false: ""
         }
       }
-    }), w = 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",
@@ -7395,23 +7395,23 @@ const Eu = {
           lg: "p-6 text-base"
         }
       }
-    }), h = f(
+    }), y = f(
       () => S(c({ variant: n.variant }))
-    ), x = f(
+    ), w = f(
       () => S(v({ variant: n.variant }))
-    ), p = (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(y({ 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(z({ expanded: i(U) })), ie = f(
-      () => S(w({ size: n.size }))
+    ), ae = (U) => S($({ expanded: i(U) })), ie = f(
+      () => S(p({ size: n.size }))
     );
     return ge(
       () => n.modelValue,
@@ -7419,32 +7419,32 @@ const Eu = {
         n.multiple ? s.value = Array.isArray(U) ? [...U] : [] : s.value = typeof U == "number" ? [U] : [];
       }
     ), (U, ne) => (o(), d("div", {
-      class: m(h.value)
+      class: m(y.value)
     }, [
-      (o(!0), d(Y, null, G(e.items, (O, _) => (o(), d("div", {
-        key: O.id || _,
-        class: m(x.value)
+      (o(!0), d(Y, null, G(e.items, (V, _) => (o(), d("div", {
+        key: V.id || _,
+        class: m(w.value)
       }, [
         u("button", {
-          class: m(p(_)),
+          class: m(b(_)),
           "aria-expanded": i(_),
-          "aria-controls": `panel-${O.id || _}`,
-          id: `header-${O.id || _}`,
+          "aria-controls": `panel-${V.id || _}`,
+          id: `header-${V.id || _}`,
           onClick: (Q) => l(_)
         }, [
           u("div", $c, [
-            O.icon ? (o(), N(oe(O.icon), {
+            V.icon ? (o(), N(oe(V.icon), {
               key: 0,
               class: m(L.value)
-            }, null, 8, ["class"])) : b("", !0),
+            }, 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)) : b("", !0)
+                class: m(O.value)
+              }, k(V.subtitle), 3)) : h("", !0)
             ])
           ]),
           u("div", {
@@ -7461,24 +7461,24 @@ const Eu = {
           "leave-from-class": "opacity-100 max-h-96",
           "leave-to-class": "opacity-0 max-h-0"
         }, {
-          default: V(() => [
+          default: B(() => [
             i(_) ? (o(), d("div", {
               key: 0,
               class: m(ie.value),
-              id: `panel-${O.id || _}`,
-              "aria-labelledby": `header-${O.id || _}`,
+              id: `panel-${V.id || _}`,
+              "aria-labelledby": `header-${V.id || _}`,
               role: "region"
             }, [
-              A(U.$slots, O.slot || `item-${_}`, {
-                item: O,
+              A(U.$slots, V.slot || `item-${_}`, {
+                item: V,
                 index: _
               }, () => [
-                O.content ? (o(), d("div", {
+                V.content ? (o(), d("div", {
                   key: 0,
-                  innerHTML: O.content
-                }, null, 8, Ic)) : b("", !0)
+                  innerHTML: V.content
+                }, null, 8, Ic)) : h("", !0)
               ])
-            ], 10, Ac)) : b("", !0)
+            ], 10, Ac)) : h("", !0)
           ]),
           _: 2
         }, 1024)
@@ -7541,7 +7541,7 @@ const Eu = {
     ), g = f(
       () => S(i({ size: t.size }))
     );
-    return (y, 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(y.$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,13 +7565,13 @@ 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(y.$slots, "content", { isOpen: n.value })
-          ], 2)) : b("", !0)
+            A(x.$slots, "content", { isOpen: n.value })
+          ], 2)) : h("", !0)
         ]),
         _: 3
       })
@@ -7593,36 +7593,36 @@ 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()), y = 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 },
-      (p, j) => new Date(s.value, r.value, -j).getDate()
+      (b, j) => new Date(s.value, r.value, -j).getDate()
     ).reverse()), C = f(() => {
-      const p = y.value.length + v.value, j = p % 7 === 0 ? 0 : 7 - p % 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--;
     }
-    function z() {
+    function $() {
       r.value === 11 ? (r.value = 0, s.value++) : r.value++;
     }
-    function w(p) {
-      return n.getDate() === p && n.getMonth() === r.value && n.getFullYear() === s.value;
+    function p(b) {
+      return n.getDate() === b && n.getMonth() === r.value && n.getFullYear() === s.value;
     }
-    function h(p) {
-      return l.value && l.value.getDate() === p && 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 x(p) {
-      l.value = new Date(s.value, r.value, p), emit("update:modelValue", l.value);
+    function w(b) {
+      l.value = new Date(s.value, r.value, b), emit("update:modelValue", l.value);
     }
-    return (p, 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
@@ -7630,41 +7630,41 @@ const Eu = {
         u("div", Oc, k(c.value) + " " + k(s.value), 1),
         T(ue, {
           class: "p-2 rounded-lg hover:bg-slate-100",
-          onClick: z,
+          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(y.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(), N(ue, {
-          key: B,
-          onClick: (L) => x(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",
-            w(B) ? "bg-blue-500 text-white font-semibold" : "",
-            h(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))
       ])
     ]));
   }
@@ -7754,27 +7754,27 @@ const Eu = {
               key: 0,
               class: m(l.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 R(k(e.title), 1)
               ]),
               _: 1
-            }, 8, ["class"])) : b("", !0),
+            }, 8, ["class"])) : h("", !0),
             e.description ? (o(), N(Mt, {
               key: 1,
               class: m(i.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 R(k(e.description), 1)
               ]),
               _: 1
-            }, 8, ["class"])) : b("", !0)
+            }, 8, ["class"])) : h("", !0)
           ]),
           c.$slots.filters ? (o(), d("div", Nc, [
             A(c.$slots, "filters")
-          ])) : b("", !0)
+          ])) : h("", !0)
         ])
       ])
-    ], 2)) : b("", !0);
+    ], 2)) : h("", !0);
   }
 }, Xn = {
   __name: "DataTableRow",
@@ -7879,15 +7879,15 @@ const Eu = {
         density: "normal",
         align: "left"
       }
-    }), l = (w) => typeof w == "string" ? w : w?.key || w?.field || "unknown", i = (w, h) => {
-      const x = l(h);
-      return typeof h == "object" && h.accessor ? h.accessor(w) : x && x.includes(".") ? x.split(".").reduce((p, j) => p?.[j], w) : w?.[x];
-    }, c = (w, h) => {
-      const x = i(w, h);
-      return typeof h == "object" && h.formatter ? h.formatter(x, w) : x == null ? "" : x instanceof Date ? x.toLocaleDateString() : Array.isArray(x) ? x.join(", ") : x;
+    }), 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 = (w) => typeof w == "object" && w.align ? w.align : "left", y = f(
+    }, g = (p) => typeof p == "object" && p.align ? p.align : "left", x = f(
       () => S(r({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -7895,21 +7895,21 @@ const Eu = {
         selected: t.isSelected,
         variant: t.variant
       }))
-    ), C = (w) => {
-      const h = g(w);
+    ), C = (p) => {
+      const y = g(p);
       return S(
         s({
           density: t.density,
-          align: h
+          align: y
         }),
-        w.cellClasses
+        p.cellClasses
       );
     }, P = f(
       () => S(
         s({ density: t.density }),
         "w-12"
       )
-    ), z = f(
+    ), $ = f(
       () => S(
         s({
           density: t.density,
@@ -7918,8 +7918,8 @@ const Eu = {
         "font-medium"
       )
     );
-    return (w, h) => (o(), d("tr", {
-      class: m(y.value),
+    return (p, y) => (o(), d("tr", {
+      class: m(x.value),
       onClick: v
     }, [
       e.selectable ? (o(), d("td", {
@@ -7928,31 +7928,31 @@ const Eu = {
       }, [
         T(ea, {
           modelValue: e.isSelected,
-          "onUpdate:modelValue": h[0] || (h[0] = (x) => w.$emit("toggle-selection", e.item))
+          "onUpdate:modelValue": y[0] || (y[0] = (w) => p.$emit("toggle-selection", e.item))
         }, null, 8, ["modelValue"])
-      ], 2)) : b("", !0),
-      (o(!0), d(Y, null, G(e.columns, (x) => (o(), d("td", {
-        key: l(x),
-        class: m(C(x))
+      ], 2)) : h("", !0),
+      (o(!0), d(Y, null, G(e.columns, (w) => (o(), d("td", {
+        key: l(w),
+        class: m(C(w))
       }, [
-        A(w.$slots, `cell-${l(x)}`, {
+        A(p.$slots, `cell-${l(w)}`, {
           item: e.item,
-          value: i(e.item, x),
-          column: x,
+          value: i(e.item, w),
+          column: w,
           index: e.index
         }, () => [
-          R(k(c(e.item, x)), 1)
+          R(k(c(e.item, w)), 1)
         ])
       ], 2))), 128)),
-      w.$slots.actions ? (o(), d("td", {
+      p.$slots.actions ? (o(), d("td", {
         key: 1,
-        class: m(z.value)
+        class: m($.value)
       }, [
-        A(w.$slots, "actions", {
+        A(p.$slots, "actions", {
           item: e.item,
           index: e.index
         })
-      ], 2)) : b("", !0)
+      ], 2)) : h("", !0)
     ], 2));
   }
 }, Mc = { class: "flex items-center justify-between" }, Dc = {
@@ -8076,51 +8076,51 @@ 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 z = [], w = t.totalPages, h = t.currentPage, x = t.maxVisiblePages;
-      if (w <= x)
-        for (let p = 1; p <= w; p++)
-          z.push(p);
+      const $ = [], p = t.totalPages, y = t.currentPage, w = t.maxVisiblePages;
+      if (p <= w)
+        for (let b = 1; b <= p; b++)
+          $.push(b);
       else {
-        const p = Math.floor(x / 2);
-        let j = Math.max(1, h - p), B = Math.min(w, j + x - 1);
-        B - j + 1 < x && (j = Math.max(1, B - x + 1));
-        for (let L = j; L <= B; L++)
-          z.push(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 z;
+      return $;
     }), g = f(
       () => S(n({
         variant: t.variant,
         padding: t.padding
       }))
-    ), y = f(
+    ), x = f(
       () => S(s({ size: "md" }))
     ), C = f(
       () => S(l({ size: "sm" }))
-    ), P = (z, w) => {
-      let h = "inactive";
-      return w ? h = "disabled" : z && (h = "active"), S(r({
-        state: h,
+    ), P = ($, p) => {
+      let y = "inactive";
+      return p ? y = "disabled" : $ && (y = "active"), S(r({
+        state: y,
         size: "md"
       }));
     };
-    return (z, w) => e.showPagination || z.$slots.footer ? (o(), d("div", {
+    return ($, p) => e.showPagination || $.$slots.footer ? (o(), d("div", {
       key: 0,
       class: m(g.value)
     }, [
       u("div", Mc, [
         e.selectable && e.selectedCount > 0 ? (o(), d("div", Dc, k(e.selectedCount) + " of " + k(e.total) + " selected ", 1)) : (o(), d("div", Lc, " Showing " + k(i.value) + " to " + k(c.value) + " of " + k(e.total) + " entries ", 1)),
-        z.$slots.footer ? (o(), d("div", Rc, [
-          A(z.$slots, "footer")
-        ])) : b("", !0),
+        $.$slots.footer ? (o(), d("div", Rc, [
+          A($.$slots, "footer")
+        ])) : h("", !0),
         e.showPagination ? (o(), d("div", Hc, [
           u("div", Wc, [
             T(qn, {
               for: "pageSize",
-              class: m(y.value),
+              class: m(x.value),
               inline: !0
             }, {
-              default: V(() => [...w[5] || (w[5] = [
+              default: B(() => [...p[5] || (p[5] = [
                 R("Show:", -1)
               ])]),
               _: 1
@@ -8128,14 +8128,14 @@ const Eu = {
             T(ta, {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
-              "onUpdate:modelValue": w[0] || (w[0] = (h) => z.$emit("update:pageSize", parseInt(h))),
+              "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, (h) => (o(), N(Yn, {
-                  key: h,
-                  value: h.toString(),
-                  label: h.toString()
+              default: B(() => [
+                (o(!0), d(Y, null, G(e.pageSizeOptions, (y) => (o(), N(Yn, {
+                  key: y,
+                  value: y.toString(),
+                  label: y.toString()
                 }, null, 8, ["value", "label"]))), 128))
               ]),
               _: 1
@@ -8144,10 +8144,10 @@ const Eu = {
           u("div", Uc, [
             u("button", {
               disabled: e.currentPage === 1,
-              onClick: w[1] || (w[1] = (h) => z.$emit("update:currentPage", 1)),
+              onClick: p[1] || (p[1] = (y) => $.$emit("update:currentPage", 1)),
               class: m(P(!1, e.currentPage === 1)),
               title: "First page"
-            }, [...w[6] || (w[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: w[2] || (w[2] = (h) => z.$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"
-            }, [...w[7] || (w[7] = [
+            }, [...p[7] || (p[7] = [
               u("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -8183,18 +8183,18 @@ const Eu = {
               ], -1)
             ])], 10, Yc),
             u("div", Gc, [
-              (o(!0), d(Y, null, G(v.value, (h) => (o(), d("button", {
-                key: h,
-                onClick: (x) => z.$emit("update:currentPage", h),
-                class: m(P(h === e.currentPage, !1))
-              }, k(h), 11, Kc))), 128))
+              (o(!0), d(Y, null, G(v.value, (y) => (o(), d("button", {
+                key: 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: w[3] || (w[3] = (h) => z.$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"
-            }, [...w[8] || (w[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: w[4] || (w[4] = (h) => z.$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"
-            }, [...w[9] || (w[9] = [
+            }, [...p[9] || (p[9] = [
               u("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -8231,9 +8231,9 @@ const Eu = {
             ])], 10, Jc)
           ]),
           u("div", Qc, " Page " + k(e.currentPage) + " of " + k(e.totalPages), 1)
-        ])) : b("", !0)
+        ])) : h("", !0)
       ])
-    ], 2)) : b("", !0);
+    ], 2)) : h("", !0);
   }
 }, Zc = { class: "overflow-x-auto" }, ed = ["onClick"], td = { class: "flex items-center gap-2" }, ad = {
   key: 0,
@@ -8364,7 +8364,7 @@ const Eu = {
       defaultVariants: {
         variant: "default"
       }
-    }), y = I("divide-y", {
+    }), x = I("divide-y", {
       variants: {
         variant: {
           default: "bg-white divide-slate-200",
@@ -8380,22 +8380,22 @@ const Eu = {
       if (l.value) {
         const H = t.columns.find((X) => X.key === l.value);
         H && F.sort((X, be) => {
-          const $e = p(X, H), Ge = p(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;
         });
       }
       return F;
-    }), P = f(() => Math.ceil(C.value.length / s.value)), z = f(() => {
+    }), P = f(() => Math.ceil(C.value.length / s.value)), $ = f(() => {
       if (!t.showPagination) return C.value;
       const F = (r.value - 1) * s.value, H = F + s.value;
       return C.value.slice(F, H);
-    }), w = f(() => {
+    }), p = f(() => {
       let F = t.columns.length;
       return t.selectable && F++, t.$slots?.actions && F++, F;
-    }), h = f(() => C.value.length > 0 && C.value.every((F) => B(F))), x = 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;
-    }), p = (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(
@@ -8403,7 +8403,7 @@ const Eu = {
       );
       X > -1 ? H.splice(X, 1) : H.push(F), n("selection-change", H);
     }, ae = () => {
-      const F = h.value ? [] : [...C.value];
+      const F = y.value ? [] : [...C.value];
       n("selection-change", F);
     }, ie = (F) => {
       F.sortable && (l.value === F.key ? i.value = i.value === "asc" ? "desc" : "asc" : (l.value = F.key, i.value = "asc"), n("sort-change", { column: F.key, direction: i.value }));
@@ -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 }))
     ), _ = f(
       () => S(g({ variant: t.variant }))
     ), Q = f(
-      () => S(y({ variant: t.variant }))
+      () => S(x({ variant: t.variant }))
     ), q = (F) => S(
       {
         compact: "px-4 py-2",
@@ -8467,17 +8467,17 @@ const Eu = {
         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"])) : b("", !0),
+      }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
       u("div", Zc, [
         u("table", {
-          class: m(O.value)
+          class: m(V.value)
         }, [
           u("thead", {
             class: m(_.value)
@@ -8488,11 +8488,11 @@ const Eu = {
                 class: m(J.value)
               }, [
                 T(ea, {
-                  modelValue: h.value,
-                  indeterminate: x.value,
+                  modelValue: y.value,
+                  indeterminate: w.value,
                   "onUpdate:modelValue": ae
                 }, null, 8, ["modelValue", "indeterminate"])
-              ], 2)) : b("", !0),
+              ], 2)) : h("", !0),
               (o(!0), d(Y, null, G(e.columns, (X) => (o(), d("th", {
                 key: X.key,
                 class: m(q(X)),
@@ -8527,25 +8527,25 @@ const Eu = {
                         d: "m19.5 8.25-7.5 7.5-7.5-7.5"
                       }, null, -1)
                     ])], 2))
-                  ])) : b("", !0)
+                  ])) : h("", !0)
                 ])
               ], 10, ed))), 128)),
               F.$slots.actions ? (o(), d("th", {
                 key: 1,
                 class: m(se.value)
-              }, " Actions ", 2)) : b("", !0)
+              }, " Actions ", 2)) : h("", !0)
             ])
           ], 2),
           u("tbody", {
             class: m(Q.value)
           }, [
-            (o(!0), d(Y, null, G(z.value, (X, be) => (o(), N(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)),
-            z.value.length === 0 ? (o(), d("tr", nd, [
+            $.value.length === 0 ? (o(), d("tr", nd, [
               u("td", {
-                colspan: w.value,
+                colspan: p.value,
                 class: m(Te.value)
               }, [
                 A(F.$slots, "empty", {}, () => [
@@ -8591,7 +8591,7 @@ const Eu = {
                   ])
                 ])
               ], 10, rd)
-            ])) : b("", !0)
+            ])) : h("", !0)
           ], 2)
         ], 2)
       ]),
@@ -8609,11 +8609,11 @@ 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
-      }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding"])) : b("", !0)
+      }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding"])) : h("", !0)
     ], 2));
   }
 }, id = {
@@ -8831,14 +8831,14 @@ 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 _ = t.statusOptions.find((Q) => Q.value === t.selectedStatus);
-        O.push({
+        V.push({
           key: "status",
           label: "Status",
           value: _?.label || t.selectedStatus
@@ -8846,19 +8846,19 @@ const Eu = {
       }
       if (t.dateFrom || t.dateTo) {
         let _ = "";
-        t.dateFrom && t.dateTo ? _ = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? _ = `From ${t.dateFrom}` : t.dateTo && (_ = `Until ${t.dateTo}`), _ && O.push({
+        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: _
         });
       }
-      return O;
+      return V;
     }), g = f(
       () => S(r({
         variant: t.variant,
         padding: t.padding
       }))
-    ), y = f(
+    ), x = f(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-slate-400"
     ), C = f(
       () => S(
@@ -8867,22 +8867,22 @@ const Eu = {
       )
     ), P = f(
       () => "absolute right-2 top-1/2 transform -translate-y-1/2 text-slate-400 hover:text-slate-300 p-1"
-    ), z = f(
+    ), $ = f(
       () => S(
         s({ size: "md" }),
         "w-full focus:border-transparent"
       )
-    ), w = f(
+    ), p = f(
       () => S(s({ size: "md" }))
-    ), h = f(
+    ), y = f(
       () => "text-slate-500"
-    ), x = f(
+    ), w = f(
       () => S(l({ variant: "default", size: "md" }))
-    ), p = 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, _) => {
+    return (V, _) => {
       const Q = te("font-awesome-icon");
       return o(), d("div", null, [
         u("div", {
@@ -8915,36 +8915,36 @@ const Eu = {
             u("div", cd, [
               T(Q, {
                 icon: "magnifying-glass",
-                class: m(y.value)
+                class: m(x.value)
               }, null, 8, ["class"]),
               T(et, {
                 "model-value": e.searchQuery,
-                onInput: _[0] || (_[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(), N(ue, {
                 key: 0,
-                onClick: _[1] || (_[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"
                   })
                 ]),
                 _: 1
-              }, 8, ["class"])) : b("", !0)
+              }, 8, ["class"])) : h("", !0)
             ])
           ]),
           e.statusOptions.length > 0 ? (o(), d("div", dd, [
             T(ta, {
               "model-value": e.selectedStatus,
-              onChange: _[2] || (_[2] = (q) => O.$emit("update:selectedStatus", q.target.value)),
-              class: m(z.value)
+              onChange: _[2] || (_[2] = (q) => V.$emit("update:selectedStatus", q.target.value)),
+              class: m($.value)
             }, {
-              default: V(() => [
+              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,
@@ -8953,65 +8953,65 @@ const Eu = {
               ]),
               _: 1
             }, 8, ["model-value", "class"])
-          ])) : b("", !0),
+          ])) : h("", !0),
           e.showDateFilter ? (o(), d("div", md, [
             T(et, {
               type: "date",
               "model-value": e.dateFrom,
-              onInput: _[3] || (_[3] = (q) => O.$emit("update:dateFrom", q.target.value)),
-              class: m(w.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(h.value)
+              class: m(y.value)
             }, "to", 2),
             T(et, {
               type: "date",
               "model-value": e.dateTo,
-              onInput: _[4] || (_[4] = (q) => O.$emit("update:dateTo", q.target.value)),
-              class: m(w.value)
+              onInput: _[4] || (_[4] = (q) => V.$emit("update:dateTo", q.target.value)),
+              class: m(p.value)
             }, null, 8, ["model-value", "class"])
-          ])) : b("", !0),
-          O.$slots.filters ? (o(), d("div", vd, [
-            A(O.$slots, "filters")
-          ])) : b("", !0),
+          ])) : h("", !0),
+          V.$slots.filters ? (o(), d("div", vd, [
+            A(V.$slots, "filters")
+          ])) : h("", !0),
           u("div", gd, [
             c.value ? (o(), N(ue, {
               key: 0,
               onClick: U,
-              class: m(x.value)
+              class: m(w.value)
             }, {
-              default: V(() => [..._[8] || (_[8] = [
+              default: B(() => [..._[8] || (_[8] = [
                 R(" Clear Filters ", -1)
               ])]),
               _: 1
-            }, 8, ["class"])) : b("", !0),
+            }, 8, ["class"])) : h("", !0),
             e.showExport ? (o(), N(ue, {
               key: 1,
-              onClick: _[5] || (_[5] = (q) => O.$emit("export")),
-              class: m(p.value)
+              onClick: _[5] || (_[5] = (q) => V.$emit("export")),
+              class: m(b.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 T(Q, { icon: "download" }),
                 _[9] || (_[9] = R(" Export ", -1))
               ]),
               _: 1
-            }, 8, ["class"])) : b("", !0),
+            }, 8, ["class"])) : h("", !0),
             e.showAdd ? (o(), N(ue, {
               key: 2,
-              onClick: _[6] || (_[6] = (q) => O.$emit("add")),
+              onClick: _[6] || (_[6] = (q) => V.$emit("add")),
               class: m(j.value)
             }, {
-              default: V(() => [
+              default: B(() => [
                 T(Q, { icon: "plus" }),
                 _[10] || (_[10] = R(" Add New ", -1))
               ]),
               _: 1
-            }, 8, ["class"])) : b("", !0)
+            }, 8, ["class"])) : h("", !0)
           ])
         ], 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"
@@ -9036,7 +9036,7 @@ const Eu = {
               }, 8, ["onClick", "class"])
             ], 2))), 128))
           ])
-        ], 2)) : b("", !0)
+        ], 2)) : h("", !0)
       ]);
     };
   }
@@ -9129,7 +9129,7 @@ const Eu = {
       defaultVariants: {
         variant: "secondary"
       }
-    }), y = 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
       }))
-    ), z = f(() => "text-sm text-slate-600"), w = f(() => "flex items-center"), h = 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"
-    ), x = 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"
-    ), p = 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,11 +9178,11 @@ 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(y({
+      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"
     })), _ = () => S("w-4 h-4", {
       "animate-spin": t.isRefreshing
@@ -9191,7 +9191,7 @@ const Eu = {
     };
     return Fe(() => {
       document.addEventListener("click", ae);
-    }), it(() => {
+    }), ot(() => {
       document.removeEventListener("click", ae);
     }), (J, se) => {
       const Te = te("font-awesome-icon");
@@ -9207,12 +9207,12 @@ const Eu = {
                 onClick: (F) => J.$emit("bulk-action", { action: ee.key, items: e.selectedItems }),
                 class: m(U(ee))
               }, {
-                default: V(() => [
+                default: B(() => [
                   ee.icon ? (o(), N(Te, {
                     key: 0,
                     icon: ee.icon,
                     class: "w-4 h-4"
-                  }, null, 8, ["icon"])) : b("", !0),
+                  }, null, 8, ["icon"])) : h("", !0),
                   R(" " + k(ee.label), 1)
                 ]),
                 _: 2
@@ -9220,13 +9220,13 @@ const Eu = {
             ])
           ])) : e.totalItems > 0 ? (o(), d("div", {
             key: 1,
-            class: m(z.value)
-          }, k(e.totalItems) + " " + k(e.totalItems === 1 ? "item" : "items"), 3)) : b("", !0)
+            class: m($.value)
+          }, k(e.totalItems) + " " + k(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
         u("div", kd, [
           e.showDensityToggle ? (o(), d("div", {
             key: 0,
-            class: m(w.value)
+            class: m(p.value)
           }, [
             (o(), d(Y, null, G(c, (ee) => u("button", {
               key: ee.value,
@@ -9240,11 +9240,11 @@ const Eu = {
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
             ], 10, Sd)), 64))
-          ], 2)) : b("", !0),
+          ], 2)) : h("", !0),
           e.showColumnToggle ? (o(), d("div", Cd, [
             u("button", {
-              onClick: tt(ie, ["stop"]),
-              class: m(h.value),
+              onClick: wt(ie, ["stop"]),
+              class: m(y.value),
               type: "button",
               ref_key: "columnToggleButton",
               ref: s
@@ -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(x.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(p.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)
@@ -9288,12 +9288,12 @@ const Eu = {
             ], 2), [
               [Ra, r.value]
             ])
-          ])) : b("", !0),
+          ])) : h("", !0),
           e.showRefresh ? (o(), d("button", {
             key: 2,
             onClick: se[1] || (se[1] = (ee) => J.$emit("refresh")),
             disabled: e.isRefreshing,
-            class: m(O()),
+            class: m(V()),
             type: "button"
           }, [
             T(Te, {
@@ -9301,10 +9301,10 @@ const Eu = {
               class: m(_())
             }, null, 8, ["class"]),
             se[3] || (se[3] = u("span", null, "Refresh", -1))
-          ], 10, Pd)) : b("", !0),
+          ], 10, Pd)) : h("", !0),
           J.$slots.actions ? (o(), d("div", Td, [
             A(J.$slots, "actions")
-          ])) : b("", !0)
+          ])) : h("", !0)
         ])
       ], 2);
     };
@@ -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,7 +9342,7 @@ const Eu = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: V(() => [...t[1] || (t[1] = [
+                  default: B(() => [...t[1] || (t[1] = [
                     R("Quick Links", -1)
                   ])]),
                   _: 1
@@ -9352,7 +9352,7 @@ const Eu = {
                     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,7 +9384,7 @@ const Eu = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: V(() => [...t[5] || (t[5] = [
+                  default: B(() => [...t[5] || (t[5] = [
                     R("Follow Us", -1)
                   ])]),
                   _: 1
@@ -9394,7 +9394,7 @@ const Eu = {
                     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,25 +9467,13 @@ 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
-    },
-    sidebarCollapsed: {
-      type: Boolean,
-      default: !1
-    },
-    currentSection: {
-      type: String,
-      default: "Dashboard"
-    },
-    currentPage: {
-      type: String,
-      default: "Overview"
-    },
+    sidebarWidth: { type: Number, default: 256 },
+    sidebarCollapsed: { type: Boolean, default: !1 },
+    currentSection: { type: String, default: "Dashboard" },
+    currentPage: { type: String, default: "Overview" },
     user: {
       type: Object,
       required: !0
@@ -9493,49 +9481,27 @@ const Eu = {
     notifications: {
       type: Array,
       default: () => []
+    },
+    profileMenuItems: {
+      type: Array,
+      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(3), c = [
-      {
-        name: "profile",
-        label: "Your Profile",
-        href: "#",
-        icon: "user-circle"
-      },
-      {
-        name: "settings",
-        label: "Settings",
-        href: "#",
-        icon: "cog"
-      },
-      {
-        name: "billing",
-        label: "Billing",
-        href: "#",
-        icon: "credit-card"
-      }
-    ], v = f(() => (t.user?.name || "Guest").split(" ").map((h) => h[0] || "").join("").toUpperCase()), g = () => {
+    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;
-    }, y = () => {
+    }, g = () => {
       l.value = !l.value, s.value = !1;
-    }, C = (w) => {
-      n("profile-action", w), l.value = !1;
-    }, P = () => {
+    }, x = ($) => {
+      n("profile-action", $), l.value = !1;
+    }, C = () => {
       n("logout"), l.value = !1;
-    }, z = (w) => {
-      const h = w.target;
-      document.querySelector("[data-notification-trigger]"), document.querySelector("[data-profile-trigger]"), !h.closest(".absolute") && !h.closest("button") && (s.value = !1, l.value = !1);
+    }, P = ($) => {
+      !$.target.closest(".absolute") && !$.target.closest("button") && (s.value = !1, l.value = !1);
     };
-    return Fe(() => {
-      document.addEventListener("click", z);
-    }), it(() => {
-      document.removeEventListener("click", z);
-    }), ge(r, (w) => {
-      n("search", w);
-    }), (w, h) => {
-      const x = 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",
@@ -9545,15 +9511,15 @@ const Eu = {
       }, [
         u("div", Rd, [
           u("div", Hd, [
-            e.sidebarCollapsed ? (o(), d("div", Wd, [...h[1] || (h[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),
               u("h1", { class: "text-xl font-semibold text-gray-900" }, "Dashboard", -1)
-            ])])) : b("", !0),
+            ])])) : h("", !0),
             u("nav", Ud, [
               u("span", qd, k(e.currentSection), 1),
-              h[2] || (h[2] = u("svg", {
+              p[2] || (p[2] = u("svg", {
                 class: "w-4 h-4 text-gray-400",
                 fill: "none",
                 stroke: "currentColor",
@@ -9571,7 +9537,7 @@ const Eu = {
           ]),
           u("div", Gd, [
             u("div", Kd, [
-              h[3] || (h[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",
@@ -9586,20 +9552,20 @@ 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": h[0] || (h[0] = (p) => r.value = p)
+                "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value = b)
               }, null, 512), [
                 [La, r.value]
               ])
             ]),
             u("button", {
-              onClick: g,
+              onClick: v,
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
             }, [
-              h[4] || (h[4] = u("svg", {
+              p[4] || (p[4] = u("svg", {
                 class: "w-5 h-5",
                 fill: "none",
                 stroke: "currentColor",
@@ -9618,43 +9584,43 @@ const Eu = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              i.value > 0 ? (o(), d("span", Xd, k(i.value), 1)) : b("", !0)
+              i.value > 0 ? (o(), d("span", Xd, k(i.value), 1)) : h("", !0)
             ]),
             s.value ? (o(), d("div", Jd, [
-              h[6] || (h[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, [
-                    h[5] || (h[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))
               ]),
-              h[7] || (h[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))
-            ])) : b("", !0),
+            ])) : h("", !0),
             u("div", nf, [
               u("button", {
-                onClick: y,
+                onClick: g,
                 class: "flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors"
               }, [
                 u("div", rf, [
-                  u("span", sf, k(v.value), 1)
+                  u("span", sf, k(c.value), 1)
                 ]),
                 u("div", lf, [
                   u("p", of, k(e.user.name), 1),
                   u("p", uf, k(e.user.role), 1)
                 ]),
-                h[8] || (h[8] = u("svg", {
+                p[8] || (p[8] = u("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -9674,24 +9640,27 @@ const Eu = {
                   u("p", mf, k(e.user.email), 1)
                 ]),
                 u("div", vf, [
-                  (o(), d(Y, null, G(c, (p) => u("a", {
-                    key: p.name,
-                    href: p.href,
-                    onClick: tt((j) => C(p), ["prevent"]),
-                    class: "flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50"
-                  }, [
-                    T(x, {
-                      icon: p.icon,
-                      class: "w-4 h-4 mr-3 text-gray-400"
-                    }, null, 8, ["icon"]),
-                    R(" " + k(p.label), 1)
-                  ], 8, gf)), 64))
+                  (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: P,
+                    onClick: C,
                     class: "flex items-center w-full px-4 py-2 text-sm text-red-600 hover:bg-red-50"
-                  }, [...h[9] || (h[9] = [
+                  }, [...p[9] || (p[9] = [
                     u("svg", {
                       class: "w-4 h-4 mr-3",
                       fill: "none",
@@ -9708,37 +9677,37 @@ const Eu = {
                     R(" Sign out ", -1)
                   ])])
                 ])
-              ])) : b("", !0)
+              ])) : h("", !0)
             ])
           ])
         ])
       ], 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: {
@@ -9765,14 +9734,14 @@ const Eu = {
       isCollapsed: s,
       sidebarWidth: v,
       toggleSidebar: l
-    }), (g, y) => (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 ? b("", !0) : (o(), d("div", pf, [...y[0] || (y[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),
@@ -9782,26 +9751,26 @@ 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"
@@ -9813,26 +9782,26 @@ const Eu = {
                 s.value ? "w-5 h-5" : "w-5 h-5 mr-3"
               ))
             }, null, 8, ["class"])),
-            s.value ? b("", !0) : (o(), d("span", $f, k(C.label), 1)),
-            C.badge && !s.value ? (o(), d("span", zf, k(C.badge), 1)) : b("", !0)
-          ], 10, Cf)) : b("", !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"
           ))
         }, [
-          y[3] || (y[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 ? b("", !0) : (o(), d("div", If, [...y[1] || (y[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 ? b("", !0) : (o(), d("button", Pf, [...y[2] || (y[2] = [
+          s.value ? h("", !0) : (o(), d("button", If, [...x[2] || (x[2] = [
             u("svg", {
               class: "w-4 h-4",
               fill: "none",
@@ -9851,7 +9820,7 @@ const Eu = {
       ])
     ], 2));
   }
-}, jf = {
+}, Tf = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -9870,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" }, _f = {
+}, Ff = { class: "mt-2 text-slate-600 text-sm" }, Ef = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -9900,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)) : b("", !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))
         ])
@@ -9912,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)
           ])
-        ])) : b("", !0),
-        u("div", Ef, [
+        ])) : h("", !0),
+        u("div", Ff, [
           A(a.$slots, "default")
         ])
       ], 2)
@@ -9933,7 +9902,7 @@ const Eu = {
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, Nf = {
+}, _f = {
   name: "AuthLayout",
   props: {
     title: {
@@ -10022,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",
@@ -10048,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)) : b("", !0)
+                u("div", Kf, [
+                  u("h1", Xf, k(t.title), 1),
+                  t.subtitle ? (o(), d("p", Jf, k(t.subtitle), 1)) : h("", !0)
                 ])
               ])
-            ])) : b("", !0),
-            u("div", Zf, [
+            ])) : h("", !0),
+            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")
-            ])) : b("", !0)
+            ])) : h("", !0)
           ]),
-          e.$slots.links ? (o(), d("div", tm, [
+          e.$slots.links ? (o(), d("div", em, [
             A(e.$slots, "links")
-          ])) : b("", !0)
+          ])) : 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,
@@ -10123,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(Nf, [["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: {
@@ -10154,31 +10123,31 @@ const mm = /* @__PURE__ */ Qn(Nf, [["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
@@ -10187,24 +10156,24 @@ const mm = /* @__PURE__ */ Qn(Nf, [["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"])
               ])
             ])
-          ])) : b("", !0),
-          u("div", pm, [
+          ])) : h("", !0),
+          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
@@ -10216,14 +10185,14 @@ const mm = /* @__PURE__ */ Qn(Nf, [["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"/>
@@ -10236,7 +10205,7 @@ const mm = /* @__PURE__ */ Qn(Nf, [["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
@@ -10323,12 +10292,12 @@ const mm = /* @__PURE__ */ Qn(Nf, [["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",
@@ -10353,25 +10322,25 @@ const mm = /* @__PURE__ */ Qn(Nf, [["render", fm]]), vm = { class: "min-h-screen
       "absolute inset-0 -z-10"
     ]), g = f(() => [
       "w-full max-w-lg mx-auto text-center"
-    ]), y = f(() => [
+    ]), x = f(() => [
       "mb-8"
     ]), C = f(() => [
       "space-y-6"
     ]), P = f(() => [
       "flex justify-center mb-6"
-    ]), z = f(() => [
+    ]), $ = f(() => [
       "w-32 h-32 text-slate-400"
-    ]), w = f(() => [
+    ]), p = f(() => [
       "space-y-3"
-    ]), h = f(() => [
+    ]), y = f(() => [
       "text-3xl font-bold text-slate-900"
-    ]), x = f(() => [
+    ]), w = f(() => [
       "text-lg text-slate-600"
-    ]), p = f(() => [
+    ]), b = f(() => [
       "text-sm text-slate-500 font-mono"
     ]), j = f(() => [
       "mt-8"
-    ]), B = f(() => [
+    ]), O = f(() => [
       "mt-6"
     ]);
     return {
@@ -10383,20 +10352,20 @@ const mm = /* @__PURE__ */ Qn(Nf, [["render", fm]]), vm = { class: "min-h-screen
       layoutClasses: c,
       backgroundClasses: v,
       contentClasses: g,
-      headerClasses: y,
+      headerClasses: x,
       errorContentClasses: C,
       illustrationClasses: P,
-      iconClasses: z,
-      detailsClasses: w,
-      titleClasses: h,
-      messageClasses: x,
-      codeClasses: p,
+      iconClasses: $,
+      detailsClasses: p,
+      titleClasses: y,
+      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)
@@ -10408,7 +10377,7 @@ function Pm(e, a, t, n, r, s) {
       A(e.$slots, "background", {}, () => [
         a[0] || (a[0] = u("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
-    ], 2)) : b("", !0),
+    ], 2)) : h("", !0),
     u("div", {
       class: m(n.contentClasses)
     }, [
@@ -10417,18 +10386,18 @@ 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)
               ])
             ])
           ])
         ])
-      ], 2)) : b("", !0),
+      ], 2)) : h("", !0),
       u("div", {
         class: m(n.errorContentClasses)
       }, [
@@ -10441,7 +10410,7 @@ function Pm(e, a, t, n, r, s) {
               class: m(n.iconClasses)
             }, null, 8, ["class"]))
           ])
-        ], 2)) : b("", !0),
+        ], 2)) : h("", !0),
         u("div", {
           class: m(n.detailsClasses)
         }, [
@@ -10462,70 +10431,70 @@ function Pm(e, a, t, n, r, s) {
           t.errorCode ? (o(), d("div", {
             key: 0,
             class: m(n.codeClasses)
-          }, " Error Code: " + k(t.errorCode), 3)) : b("", !0)
+          }, " Error Code: " + k(t.errorCode), 3)) : h("", !0)
         ], 2),
         e.$slots.actions || t.showDefaultActions ? (o(), d("div", {
           key: 1,
           class: m(n.actionsClasses)
         }, [
           A(e.$slots, "actions", {}, () => [
-            u("div", zm, [
+            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"])) : b("", !0),
+              }, 8, ["href"])) : h("", !0),
               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"])) : b("", !0),
+              }, 8, ["onClick"])) : h("", !0),
               t.showRetryButton ? (o(), N(l, {
                 key: 2,
                 variant: "ghost",
                 size: "lg",
                 onClick: n.retry
               }, {
-                default: V(() => [
+                default: B(() => [
                   R(k(t.retryButtonText), 1)
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : b("", !0)
+              }, 8, ["onClick"])) : h("", !0)
             ])
           ])
-        ], 2)) : b("", !0),
+        ], 2)) : h("", !0),
         e.$slots.help || t.helpText ? (o(), d("div", {
           key: 2,
           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)) : b("", !0)
+              }, " Contact Support ", 8, Am)) : h("", !0)
             ])
           ])
-        ], 2)) : b("", !0)
+        ], 2)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Tm = /* @__PURE__ */ Qn(km, [["render", Pm]]), _a = {
+const Pm = /* @__PURE__ */ Qn(wm, [["render", Im]]), _a = {
   Avatar: Po,
   Badge: jo,
   Button: ue,
@@ -10587,14 +10556,14 @@ const Tm = /* @__PURE__ */ Qn(km, [["render", Pm]]), _a = {
   DataTableFilters: bd,
   DataTableToolBar: Od,
   Footer: Ld,
-  Header: hf,
-  Sidebar: Tf,
-  Timeline: jf,
-  TimelineItem: _f,
-  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(_a).forEach((n) => {
@@ -10607,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,
@@ -10629,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,
@@ -10657,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,
@@ -10667,13 +10636,13 @@ export {
   Sc as TabPanel,
   ci as Text,
   fi as Textarea,
-  jf as Timeline,
-  _f 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,
   Nu as useToaster
 };