@stlhorizon/vue-ui 2.9.2 → 2.9.3

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { defineComponent as ea, computed as v, watch as be, h as tn, createBlock as Y, openBlock as o, unref as N, normalizeClass as m, ref as H, createElementBlock as d, toDisplayString as y, createCommentVNode as h, renderSlot as B, resolveDynamicComponent as pe, createVNode as T, mergeProps as Ke, createElementVNode as i, useId as ta, createTextVNode as Z, withCtx as L, normalizeStyle as me, nextTick as xa, Transition as fe, Fragment as X, renderList as J, onMounted as ze, onBeforeUnmount as an, withModifiers as Ne, onUnmounted as Me, resolveComponent as ce, Teleport as nn, markRaw as rn, TransitionGroup as wr, provide as kr, inject as sn, withDirectives as aa, vShow as ln, createSlots as Sr, vModelText as Cr, getCurrentInstance as $r } from "vue";
 import { cva as D } from "class-variance-authority";
 import { clsx as zr } from "clsx";
-function S(...e) {
+function C(...e) {
   return zr(e);
 }
 /*!
@@ -60,23 +60,23 @@ function mt(e, a) {
     throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
   }
-  var l, s = !0, u = !1;
+  var s, l = !0, u = !1;
   return {
     s: function() {
       t = t.call(e);
     },
     n: function() {
       var c = t.next();
-      return s = c.done, c;
+      return l = c.done, c;
     },
     e: function(c) {
-      u = !0, l = c;
+      u = !0, s = c;
     },
     f: function() {
       try {
-        s || t.return == null || t.return();
+        l || t.return == null || t.return();
       } finally {
-        if (u) throw l;
+        if (u) throw s;
       }
     }
   };
@@ -95,17 +95,17 @@ function Or(e) {
 function Br(e, a) {
   var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (t != null) {
-    var n, r, l, s, u = [], c = !0, p = !1;
+    var n, r, s, l, u = [], c = !0, p = !1;
     try {
-      if (l = (t = t.call(e)).next, a === 0) {
+      if (s = (t = t.call(e)).next, a === 0) {
         if (Object(t) !== t) return;
         c = !1;
-      } else for (; !(c = (n = l.call(t)).done) && (u.push(n.value), u.length !== a); c = !0) ;
+      } else for (; !(c = (n = s.call(t)).done) && (u.push(n.value), u.length !== a); c = !0) ;
     } catch (w) {
       p = !0, r = w;
     } finally {
       try {
-        if (!c && t.return != null && (s = t.return(), Object(s) !== s)) return;
+        if (!c && t.return != null && (l = t.return(), Object(l) !== l)) return;
       } finally {
         if (p) throw r;
       }
@@ -884,8 +884,8 @@ function bl(e) {
     var a = ue.createElement("style");
     a.setAttribute("type", "text/css"), a.innerHTML = e;
     for (var t = ue.head.childNodes, n = null, r = t.length - 1; r > -1; r--) {
-      var l = t[r], s = (l.tagName || "").toUpperCase();
-      ["STYLE", "LINK"].indexOf(s) > -1 && (n = l);
+      var s = t[r], l = (s.tagName || "").toUpperCase();
+      ["STYLE", "LINK"].indexOf(l) > -1 && (n = s);
     }
     return ue.head.insertBefore(a, n), e;
   }
@@ -925,8 +925,8 @@ function ua(e) {
 function yl(e) {
   var a = e.transform, t = e.containerWidth, n = e.iconWidth, r = {
     transform: "translate(".concat(t / 2, " 256)")
-  }, l = "translate(".concat(a.x * 32, ", ").concat(a.y * 32, ") "), s = "scale(".concat(a.size / 16 * (a.flipX ? -1 : 1), ", ").concat(a.size / 16 * (a.flipY ? -1 : 1), ") "), u = "rotate(".concat(a.rotate, " 0 0)"), c = {
-    transform: "".concat(l, " ").concat(s, " ").concat(u)
+  }, s = "translate(".concat(a.x * 32, ", ").concat(a.y * 32, ") "), l = "scale(".concat(a.size / 16 * (a.flipX ? -1 : 1), ", ").concat(a.size / 16 * (a.flipY ? -1 : 1), ") "), u = "rotate(".concat(a.rotate, " 0 0)"), c = {
+    transform: "".concat(s, " ").concat(l, " ").concat(u)
   }, p = {
     transform: "translate(".concat(n / 2 * -1, " -256)")
   };
@@ -937,8 +937,8 @@ function yl(e) {
   };
 }
 function xl(e) {
-  var a = e.transform, t = e.width, n = t === void 0 ? Dt : t, r = e.height, l = r === void 0 ? Dt : r, s = "";
-  return fn ? s += "translate(".concat(a.x / We - n / 2, "em, ").concat(a.y / We - l / 2, "em) ") : s += "translate(calc(-50% + ".concat(a.x / We, "em), calc(-50% + ").concat(a.y / We, "em)) "), s += "scale(".concat(a.size / We * (a.flipX ? -1 : 1), ", ").concat(a.size / We * (a.flipY ? -1 : 1), ") "), s += "rotate(".concat(a.rotate, "deg) "), s;
+  var a = e.transform, t = e.width, n = t === void 0 ? Dt : t, r = e.height, s = r === void 0 ? Dt : r, l = "";
+  return fn ? l += "translate(".concat(a.x / We - n / 2, "em, ").concat(a.y / We - s / 2, "em) ") : l += "translate(calc(-50% + ".concat(a.x / We, "em), calc(-50% + ").concat(a.y / We, "em)) "), l += "scale(".concat(a.size / We * (a.flipX ? -1 : 1), ", ").concat(a.size / We * (a.flipY ? -1 : 1), ") "), l += "rotate(".concat(a.rotate, "deg) "), l;
 }
 var wl = `:root, :host {
   --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
@@ -1491,8 +1491,8 @@ var wl = `:root, :host {
 function Ln() {
   var e = On, a = Bn, t = K.cssPrefix, n = K.replacementClass, r = wl;
   if (t !== e || n !== a) {
-    var l = new RegExp("\\.".concat(e, "\\-"), "g"), s = new RegExp("\\--".concat(e, "\\-"), "g"), u = new RegExp("\\.".concat(a), "g");
-    r = r.replace(l, ".".concat(t, "-")).replace(s, "--".concat(t, "-")).replace(u, ".".concat(n));
+    var s = new RegExp("\\.".concat(e, "\\-"), "g"), l = new RegExp("\\--".concat(e, "\\-"), "g"), u = new RegExp("\\.".concat(a), "g");
+    r = r.replace(s, ".".concat(t, "-")).replace(l, "--".concat(t, "-")).replace(u, ".".concat(n));
   }
   return r;
 }
@@ -1534,8 +1534,8 @@ function Sl(e) {
   Oe && (ht ? setTimeout(e, 0) : _n.push(e));
 }
 function dt(e) {
-  var a = e.tag, t = e.attributes, n = t === void 0 ? {} : t, r = e.children, l = r === void 0 ? [] : r;
-  return typeof e == "string" ? Nn(e) : "<".concat(a, " ").concat(pl(n), ">").concat(l.map(dt).join(""), "</").concat(a, ">");
+  var a = e.tag, t = e.attributes, n = t === void 0 ? {} : t, r = e.children, s = r === void 0 ? [] : r;
+  return typeof e == "string" ? Nn(e) : "<".concat(a, " ").concat(pl(n), ">").concat(s.map(dt).join(""), "</").concat(a, ">");
 }
 function Oa(e, a, t) {
   if (e && e[a] && e[a][t])
@@ -1546,9 +1546,9 @@ function Oa(e, a, t) {
     };
 }
 var Ot = function(a, t, n, r) {
-  var l = Object.keys(a), s = l.length, u = t, c, p, w;
-  for (n === void 0 ? (c = 1, w = a[l[0]]) : (c = 0, w = n); c < s; c++)
-    p = l[c], w = u(w, a[p], p, a);
+  var s = Object.keys(a), l = s.length, u = t, c, p, w;
+  for (n === void 0 ? (c = 1, w = a[s[0]]) : (c = 0, w = n); c < l; c++)
+    p = s[c], w = u(w, a[p], p, a);
   return w;
 };
 function qn(e) {
@@ -1561,8 +1561,8 @@ function Ba(e) {
   }, {});
 }
 function Rt(e, a) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.skipHooks, r = n === void 0 ? !1 : n, l = Ba(a);
-  typeof ke.hooks.addPack == "function" && !r ? ke.hooks.addPack(e, Ba(a)) : ke.styles[e] = F(F({}, ke.styles[e] || {}), l), e === "fas" && Rt("fa", a);
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = t.skipHooks, r = n === void 0 ? !1 : n, s = Ba(a);
+  typeof ke.hooks.addPack == "function" && !r ? ke.hooks.addPack(e, Ba(a)) : ke.styles[e] = F(F({}, ke.styles[e] || {}), s), e === "fas" && Rt("fa", a);
 }
 var lt = ke.styles, Cl = ke.shims, Wn = Object.keys(oa), $l = Wn.reduce(function(e, a) {
   return e[a] = Object.keys(oa[a]), e;
@@ -1575,43 +1575,43 @@ function Al(e, a) {
   return n === e && r !== "" && !zl(r) ? r : null;
 }
 var Xn = function() {
-  var a = function(l) {
-    return Ot(lt, function(s, u, c) {
-      return s[c] = Ot(u, l, {}), s;
+  var a = function(s) {
+    return Ot(lt, function(l, u, c) {
+      return l[c] = Ot(u, s, {}), l;
     }, {});
   };
-  Yn = a(function(r, l, s) {
-    if (l[3] && (r[l[3]] = s), l[2]) {
-      var u = l[2].filter(function(c) {
+  Yn = a(function(r, s, l) {
+    if (s[3] && (r[s[3]] = l), s[2]) {
+      var u = s[2].filter(function(c) {
         return typeof c == "number";
       });
       u.forEach(function(c) {
-        r[c.toString(16)] = s;
+        r[c.toString(16)] = l;
       });
     }
     return r;
-  }), Un = a(function(r, l, s) {
-    if (r[s] = s, l[2]) {
-      var u = l[2].filter(function(c) {
+  }), Un = a(function(r, s, l) {
+    if (r[l] = l, s[2]) {
+      var u = s[2].filter(function(c) {
         return typeof c == "string";
       });
       u.forEach(function(c) {
-        r[c] = s;
+        r[c] = l;
       });
     }
     return r;
-  }), Kn = a(function(r, l, s) {
-    var u = l[2];
-    return r[s] = s, u.forEach(function(c) {
-      r[c] = s;
+  }), Kn = a(function(r, s, l) {
+    var u = s[2];
+    return r[l] = l, u.forEach(function(c) {
+      r[c] = l;
     }), r;
   });
-  var t = "far" in lt || K.autoFetchSvg, n = Ot(Cl, function(r, l) {
-    var s = l[0], u = l[1], c = l[2];
-    return u === "far" && !t && (u = "fas"), typeof s == "string" && (r.names[s] = {
+  var t = "far" in lt || K.autoFetchSvg, n = Ot(Cl, function(r, s) {
+    var l = s[0], u = s[1], c = s[2];
+    return u === "far" && !t && (u = "fas"), typeof l == "string" && (r.names[l] = {
       prefix: u,
       iconName: c
-    }), typeof s == "number" && (r.unicodes[s.toString(16)] = {
+    }), typeof l == "number" && (r.unicodes[l.toString(16)] = {
       prefix: u,
       iconName: c
     }), r;
@@ -1678,7 +1678,7 @@ function St(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.family, n = t === void 0 ? ge : t, r = ll[n][e];
   if (n === it && !e)
     return "fad";
-  var l = Pa[n][e] || Pa[n][r], s = e in ke.styles ? e : null, u = l || s || null;
+  var s = Pa[n][e] || Pa[n][r], l = e in ke.styles ? e : null, u = s || l || null;
   return u;
 }
 function jl(e) {
@@ -1698,20 +1698,20 @@ function Fa(e) {
 }
 var Va = Tn.concat(Pn);
 function Ct(e) {
-  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.skipLookups, n = t === void 0 ? !1 : t, r = null, l = Fa(e.filter(function(A) {
+  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = a.skipLookups, n = t === void 0 ? !1 : t, r = null, s = Fa(e.filter(function(A) {
     return Va.includes(A);
-  })), s = Fa(e.filter(function(A) {
+  })), l = Fa(e.filter(function(A) {
     return !Va.includes(A);
-  })), u = l.filter(function(A) {
+  })), u = s.filter(function(A) {
     return r = A, !gn.includes(A);
-  }), c = wt(u, 1), p = c[0], w = p === void 0 ? null : p, C = Tl(l), M = F(F({}, jl(s)), {}, {
+  }), c = wt(u, 1), p = c[0], w = p === void 0 ? null : p, k = Tl(s), M = F(F({}, jl(l)), {}, {
     prefix: St(w, {
-      family: C
+      family: k
     })
   });
   return F(F(F({}, M), Vl({
     values: e,
-    family: C,
+    family: k,
     styles: lt,
     config: K,
     canonical: M,
@@ -1725,8 +1725,8 @@ function Ol(e, a, t) {
       prefix: n,
       iconName: r
     };
-  var l = a === "fa" ? Jn(r) : {}, s = Ee(n, r);
-  return r = l.iconName || s || r, n = l.prefix || n, n === "far" && !lt.far && lt.fas && !K.autoFetchSvg && (n = "fas"), {
+  var s = a === "fa" ? Jn(r) : {}, l = Ee(n, r);
+  return r = s.iconName || l || r, n = s.prefix || n, n === "far" && !lt.far && lt.fas && !K.autoFetchSvg && (n = "fas"), {
     prefix: n,
     iconName: r
   };
@@ -1739,8 +1739,8 @@ var Bl = In.filter(function(e) {
   return Object.keys(Mt[e]);
 }).flat();
 function Vl(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, s = e.styles, u = s === void 0 ? {} : s, c = e.config, p = c === void 0 ? {} : c, w = t === it, C = a.includes("fa-duotone") || a.includes("fad"), M = p.familyDefault === "duotone", A = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!w && (C || M || A) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Bl.includes(t)) {
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, s = r === void 0 ? "" : r, l = e.styles, u = l === void 0 ? {} : l, c = e.config, p = c === void 0 ? {} : c, w = t === it, k = a.includes("fa-duotone") || a.includes("fad"), M = p.familyDefault === "duotone", A = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!w && (k || M || A) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Bl.includes(t)) {
     var I = Object.keys(u).find(function(b) {
       return Fl.includes(b);
     });
@@ -1749,7 +1749,7 @@ function Vl(e) {
       n.prefix = g, n.iconName = Ee(n.prefix, n.iconName) || n.iconName;
     }
   }
-  return (n.prefix === "fa" || l === "fa") && (n.prefix = Fe() || "fas"), n;
+  return (n.prefix === "fa" || s === "fa") && (n.prefix = Fe() || "fas"), n;
 }
 var Ml = /* @__PURE__ */ (function() {
   function e() {
@@ -1758,13 +1758,13 @@ var Ml = /* @__PURE__ */ (function() {
   return jr(e, [{
     key: "add",
     value: function() {
-      for (var t = this, n = arguments.length, r = new Array(n), l = 0; l < n; l++)
-        r[l] = arguments[l];
-      var s = r.reduce(this._pullDefinitions, {});
-      Object.keys(s).forEach(function(u) {
-        t.definitions[u] = F(F({}, t.definitions[u] || {}), s[u]), Rt(u, s[u]);
+      for (var t = this, n = arguments.length, r = new Array(n), s = 0; s < n; s++)
+        r[s] = arguments[s];
+      var l = r.reduce(this._pullDefinitions, {});
+      Object.keys(l).forEach(function(u) {
+        t.definitions[u] = F(F({}, t.definitions[u] || {}), l[u]), Rt(u, l[u]);
         var c = oa[ge][u];
-        c && Rt(c, s[u]), Xn();
+        c && Rt(c, l[u]), Xn();
       });
     }
   }, {
@@ -1778,10 +1778,10 @@ var Ml = /* @__PURE__ */ (function() {
       var r = n.prefix && n.iconName && n.icon ? {
         0: n
       } : n;
-      return Object.keys(r).map(function(l) {
-        var s = r[l], u = s.prefix, c = s.iconName, p = s.icon, w = p[2];
-        t[u] || (t[u] = {}), w.length > 0 && w.forEach(function(C) {
-          typeof C == "string" && (t[u][C] = p);
+      return Object.keys(r).map(function(s) {
+        var l = r[s], u = l.prefix, c = l.iconName, p = l.icon, w = p[2];
+        t[u] || (t[u] = {}), w.length > 0 && w.forEach(function(k) {
+          typeof k == "string" && (t[u][k] = p);
         }), t[u][c] = p;
       }), t;
     }
@@ -1793,14 +1793,14 @@ function El(e, a) {
     Dl.indexOf(n) === -1 && delete He[n];
   }), Ma.forEach(function(n) {
     var r = n.mixout ? n.mixout() : {};
-    if (Object.keys(r).forEach(function(s) {
-      typeof r[s] == "function" && (t[s] = r[s]), bt(r[s]) === "object" && Object.keys(r[s]).forEach(function(u) {
-        t[s] || (t[s] = {}), t[s][u] = r[s][u];
+    if (Object.keys(r).forEach(function(l) {
+      typeof r[l] == "function" && (t[l] = r[l]), bt(r[l]) === "object" && Object.keys(r[l]).forEach(function(u) {
+        t[l] || (t[l] = {}), t[l][u] = r[l][u];
       });
     }), n.hooks) {
-      var l = n.hooks();
-      Object.keys(l).forEach(function(s) {
-        Ye[s] || (Ye[s] = []), Ye[s].push(l[s]);
+      var s = n.hooks();
+      Object.keys(s).forEach(function(l) {
+        Ye[l] || (Ye[l] = []), Ye[l].push(s[l]);
       });
     }
     n.provides && n.provides(He);
@@ -1809,17 +1809,17 @@ function El(e, a) {
 function qt(e, a) {
   for (var t = arguments.length, n = new Array(t > 2 ? t - 2 : 0), r = 2; r < t; r++)
     n[r - 2] = arguments[r];
-  var l = Ye[e] || [];
-  return l.forEach(function(s) {
-    a = s.apply(null, [a].concat(n));
+  var s = Ye[e] || [];
+  return s.forEach(function(l) {
+    a = l.apply(null, [a].concat(n));
   }), a;
 }
 function _e(e) {
   for (var a = arguments.length, t = new Array(a > 1 ? a - 1 : 0), n = 1; n < a; n++)
     t[n - 1] = arguments[n];
   var r = Ye[e] || [];
-  r.forEach(function(l) {
-    l.apply(null, t);
+  r.forEach(function(s) {
+    s.apply(null, t);
   });
 }
 function Ve() {
@@ -1873,10 +1873,10 @@ var Zn = new Ml(), Nl = function() {
       };
     }
     if (typeof a == "string") {
-      var l = Fe();
+      var s = Fe();
       return {
-        prefix: l,
-        iconName: Ee(l, a) || a
+        prefix: s,
+        iconName: Ee(s, a) || a
       };
     }
   }
@@ -1913,14 +1913,14 @@ function $t(e, a) {
   }), e;
 }
 function ql(e) {
-  var a = e.children, t = e.main, n = e.mask, r = e.attributes, l = e.styles, s = e.transform;
-  if (ua(s) && t.found && !n.found) {
+  var a = e.children, t = e.main, n = e.mask, r = e.attributes, s = e.styles, l = e.transform;
+  if (ua(l) && t.found && !n.found) {
     var u = t.width, c = t.height, p = {
       x: u / c / 2,
       y: 0.5
     };
-    r.style = kt(F(F({}, l), {}, {
-      "transform-origin": "".concat(p.x + s.x / 16, "em ").concat(p.y + s.y / 16, "em")
+    r.style = kt(F(F({}, s), {}, {
+      "transform-origin": "".concat(p.x + l.x / 16, "em ").concat(p.y + l.y / 16, "em")
     }));
   }
   return [{
@@ -1930,7 +1930,7 @@ function ql(e) {
   }];
 }
 function Wl(e) {
-  var a = e.prefix, t = e.iconName, n = e.children, r = e.attributes, l = e.symbol, s = l === !0 ? "".concat(a, "-").concat(K.cssPrefix, "-").concat(t) : l;
+  var a = e.prefix, t = e.iconName, n = e.children, r = e.attributes, s = e.symbol, l = s === !0 ? "".concat(a, "-").concat(K.cssPrefix, "-").concat(t) : s;
   return [{
     tag: "svg",
     attributes: {
@@ -1939,7 +1939,7 @@ function Wl(e) {
     children: [{
       tag: "symbol",
       attributes: F(F({}, r), {}, {
-        id: s
+        id: l
       }),
       children: n
     }]
@@ -1952,7 +1952,7 @@ function Yl(e) {
   });
 }
 function fa(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, s = e.transform, u = e.symbol, c = e.maskId, p = e.extra, w = e.watchable, C = w === void 0 ? !1 : w, M = n.found ? n : t, A = M.width, I = M.height, g = [K.replacementClass, l ? "".concat(K.cssPrefix, "-").concat(l) : ""].filter(function(P) {
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, s = e.iconName, l = e.transform, u = e.symbol, c = e.maskId, p = e.extra, w = e.watchable, k = w === void 0 ? !1 : w, M = n.found ? n : t, A = M.width, I = M.height, g = [K.replacementClass, s ? "".concat(K.cssPrefix, "-").concat(s) : ""].filter(function(P) {
     return p.classes.indexOf(P) === -1;
   }).filter(function(P) {
     return P !== "" || !!P;
@@ -1960,20 +1960,20 @@ function fa(e) {
     children: [],
     attributes: F(F({}, p.attributes), {}, {
       "data-prefix": r,
-      "data-icon": l,
+      "data-icon": s,
       class: g,
       role: p.attributes.role || "img",
       viewBox: "0 0 ".concat(A, " ").concat(I)
     })
   };
-  !Yl(p.attributes) && !p.attributes["aria-hidden"] && (b.attributes["aria-hidden"] = "true"), C && (b.attributes[Le] = "");
+  !Yl(p.attributes) && !p.attributes["aria-hidden"] && (b.attributes["aria-hidden"] = "true"), k && (b.attributes[Le] = "");
   var f = F(F({}, b), {}, {
     prefix: r,
-    iconName: l,
+    iconName: s,
     main: t,
     mask: n,
     maskId: c,
-    transform: s,
+    transform: l,
     symbol: u,
     styles: F({}, p.styles)
   }), x = n.found && t.found ? Ve("generateAbstractMask", f) || {
@@ -1986,11 +1986,11 @@ function fa(e) {
   return f.children = V, f.attributes = O, u ? Wl(f) : ql(f);
 }
 function Da(e) {
-  var a = e.content, t = e.width, n = e.height, r = e.transform, l = e.extra, s = e.watchable, u = s === void 0 ? !1 : s, c = F(F({}, l.attributes), {}, {
-    class: l.classes.join(" ")
+  var a = e.content, t = e.width, n = e.height, r = e.transform, s = e.extra, l = e.watchable, u = l === void 0 ? !1 : l, c = F(F({}, s.attributes), {}, {
+    class: s.classes.join(" ")
   });
   u && (c[Le] = "");
-  var p = F({}, l.styles);
+  var p = F({}, s.styles);
   ua(r) && (p.transform = xl({
     transform: r,
     width: t,
@@ -1998,29 +1998,29 @@ function Da(e) {
   }), p["-webkit-transform"] = p.transform);
   var w = kt(p);
   w.length > 0 && (c.style = w);
-  var C = [];
-  return C.push({
+  var k = [];
+  return k.push({
     tag: "span",
     attributes: c,
     children: [a]
-  }), C;
+  }), k;
 }
 function Ul(e) {
   var a = e.content, t = e.extra, n = F(F({}, t.attributes), {}, {
     class: t.classes.join(" ")
   }), r = kt(t.styles);
   r.length > 0 && (n.style = r);
-  var l = [];
-  return l.push({
+  var s = [];
+  return s.push({
     tag: "span",
     attributes: n,
     children: [a]
-  }), l;
+  }), s;
 }
 var Bt = ke.styles;
 function Yt(e) {
-  var a = e[0], t = e[1], n = e.slice(4), r = wt(n, 1), l = r[0], s = null;
-  return Array.isArray(l) ? s = {
+  var a = e[0], t = e[1], n = e.slice(4), r = wt(n, 1), s = r[0], l = null;
+  return Array.isArray(s) ? l = {
     tag: "g",
     attributes: {
       class: "".concat(K.cssPrefix, "-").concat(Tt.GROUP)
@@ -2030,27 +2030,27 @@ function Yt(e) {
       attributes: {
         class: "".concat(K.cssPrefix, "-").concat(Tt.SECONDARY),
         fill: "currentColor",
-        d: l[0]
+        d: s[0]
       }
     }, {
       tag: "path",
       attributes: {
         class: "".concat(K.cssPrefix, "-").concat(Tt.PRIMARY),
         fill: "currentColor",
-        d: l[1]
+        d: s[1]
       }
     }]
-  } : s = {
+  } : l = {
     tag: "path",
     attributes: {
       fill: "currentColor",
-      d: l
+      d: s
     }
   }, {
     found: !0,
     width: a,
     height: t,
-    icon: s
+    icon: l
   };
 }
 var Hl = {
@@ -2065,12 +2065,12 @@ function Ut(e, a) {
   var t = a;
   return a === "fa" && K.styleDefault !== null && (a = Fe()), new Promise(function(n, r) {
     if (t === "fa") {
-      var l = Jn(e) || {};
-      e = l.iconName || e, a = l.prefix || a;
+      var s = Jn(e) || {};
+      e = s.iconName || e, a = s.prefix || a;
     }
     if (e && a && Bt[a] && Bt[a][e]) {
-      var s = Bt[a][e];
-      return n(Yt(s));
+      var l = Bt[a][e];
+      return n(Yt(l));
     }
     Gl(e, a), n(F(F({}, Hl), {}, {
       icon: K.showMissingIcons && e ? Ve("missingIconAbstract") || {} : {}
@@ -2120,12 +2120,12 @@ function tr(e) {
   if (typeof e == "string")
     return ue.createTextNode(e);
   var r = n(e.tag);
-  Object.keys(e.attributes || []).forEach(function(s) {
-    r.setAttribute(s, e.attributes[s]);
+  Object.keys(e.attributes || []).forEach(function(l) {
+    r.setAttribute(l, e.attributes[l]);
   });
-  var l = e.children || [];
-  return l.forEach(function(s) {
-    r.appendChild(tr(s, {
+  var s = e.children || [];
+  return s.forEach(function(l) {
+    r.appendChild(tr(l, {
       ceFn: n
     }));
   }), r;
@@ -2152,19 +2152,19 @@ var vt = {
       return vt.replace(a);
     var r = new RegExp("".concat(K.cssPrefix, "-.*"));
     if (delete n[0].attributes.id, n[0].attributes.class) {
-      var l = n[0].attributes.class.split(" ").reduce(function(u, c) {
+      var s = n[0].attributes.class.split(" ").reduce(function(u, c) {
         return c === K.replacementClass || c.match(r) ? u.toSvg.push(c) : u.toNode.push(c), u;
       }, {
         toNode: [],
         toSvg: []
       });
-      n[0].attributes.class = l.toSvg.join(" "), l.toNode.length === 0 ? t.removeAttribute("class") : t.setAttribute("class", l.toNode.join(" "));
+      n[0].attributes.class = s.toSvg.join(" "), s.toNode.length === 0 ? t.removeAttribute("class") : t.setAttribute("class", s.toNode.join(" "));
     }
-    var s = n.map(function(u) {
+    var l = n.map(function(u) {
       return dt(u);
     }).join(`
 `);
-    t.setAttribute(Le, ""), t.innerHTML = s;
+    t.setAttribute(Le, ""), t.innerHTML = l;
   }
 };
 function La(e) {
@@ -2177,8 +2177,8 @@ function ar(e, a) {
   else {
     var n = La;
     K.mutateApproach === rl && (n = Be.requestAnimationFrame || La), n(function() {
-      var r = Ql(), l = ma.begin("mutate");
-      e.map(r), l(), t();
+      var r = Ql(), s = ma.begin("mutate");
+      e.map(r), s(), t();
     });
   }
 }
@@ -2192,16 +2192,16 @@ function Gt() {
 var pt = null;
 function _a(e) {
   if ($a && K.observeMutations) {
-    var a = e.treeCallback, t = a === void 0 ? gt : a, n = e.nodeCallback, r = n === void 0 ? gt : n, l = e.pseudoElementsCallback, s = l === void 0 ? gt : l, u = e.observeMutationsRoot, c = u === void 0 ? ue : u;
+    var a = e.treeCallback, t = a === void 0 ? gt : a, n = e.nodeCallback, r = n === void 0 ? gt : n, s = e.pseudoElementsCallback, l = s === void 0 ? gt : s, u = e.observeMutationsRoot, c = u === void 0 ? ue : u;
     pt = new $a(function(p) {
       if (!ga) {
         var w = Fe();
-        Je(p).forEach(function(C) {
-          if (C.type === "childList" && C.addedNodes.length > 0 && !Na(C.addedNodes[0]) && (K.searchPseudoElements && s(C.target), t(C.target)), C.type === "attributes" && C.target.parentNode && K.searchPseudoElements && s([C.target], !0), C.type === "attributes" && Na(C.target) && ~dl.indexOf(C.attributeName))
-            if (C.attributeName === "class" && Xl(C.target)) {
-              var M = Ct(ia(C.target)), A = M.prefix, I = M.iconName;
-              C.target.setAttribute(sa, A || w), I && C.target.setAttribute(la, I);
-            } else Jl(C.target) && r(C.target);
+        Je(p).forEach(function(k) {
+          if (k.type === "childList" && k.addedNodes.length > 0 && !Na(k.addedNodes[0]) && (K.searchPseudoElements && l(k.target), t(k.target)), k.type === "attributes" && k.target.parentNode && K.searchPseudoElements && l([k.target], !0), k.type === "attributes" && Na(k.target) && ~dl.indexOf(k.attributeName))
+            if (k.attributeName === "class" && Xl(k.target)) {
+              var M = Ct(ia(k.target)), A = M.prefix, I = M.iconName;
+              k.target.setAttribute(sa, A || w), I && k.target.setAttribute(la, I);
+            } else Jl(k.target) && r(k.target);
         });
       }
     }), Oe && pt.observe(c, {
@@ -2218,8 +2218,8 @@ function ao() {
 function no(e) {
   var a = e.getAttribute("style"), t = [];
   return a && (t = a.split(";").reduce(function(n, r) {
-    var l = r.split(":"), s = l[0], u = l.slice(1);
-    return s && u.length > 0 && (n[s] = u.join(":").trim()), n;
+    var s = r.split(":"), l = s[0], u = s.slice(1);
+    return l && u.length > 0 && (n[l] = u.join(":").trim()), n;
   }, {})), t;
 }
 function ro(e) {
@@ -2254,7 +2254,7 @@ function lo() {
 function Ra(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
     styleParser: !0
-  }, t = ro(e), n = t.iconName, r = t.prefix, l = t.rest, s = so(e), u = qt("parseNodeAttributes", {}, e), c = a.styleParser ? no(e) : [];
+  }, t = ro(e), n = t.iconName, r = t.prefix, s = t.rest, l = so(e), u = qt("parseNodeAttributes", {}, e), c = a.styleParser ? no(e) : [];
   return F({
     iconName: n,
     prefix: r,
@@ -2267,9 +2267,9 @@ function Ra(e) {
     maskId: null,
     symbol: !1,
     extra: {
-      classes: l,
+      classes: s,
       styles: c,
-      attributes: s
+      attributes: l
     }
   }, u);
 }
@@ -2286,42 +2286,42 @@ function io() {
 function qa(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
   if (!Oe) return Promise.resolve();
-  var t = ue.documentElement.classList, n = function(C) {
-    return t.add("".concat(Ia, "-").concat(C));
-  }, r = function(C) {
-    return t.remove("".concat(Ia, "-").concat(C));
-  }, l = K.autoFetchSvg ? io() : gn.concat(Object.keys(oo));
-  l.includes("fa") || l.push("fa");
-  var s = [".".concat(Dn, ":not([").concat(Le, "])")].concat(l.map(function(w) {
+  var t = ue.documentElement.classList, n = function(k) {
+    return t.add("".concat(Ia, "-").concat(k));
+  }, r = function(k) {
+    return t.remove("".concat(Ia, "-").concat(k));
+  }, s = K.autoFetchSvg ? io() : gn.concat(Object.keys(oo));
+  s.includes("fa") || s.push("fa");
+  var l = [".".concat(Dn, ":not([").concat(Le, "])")].concat(s.map(function(w) {
     return ".".concat(w, ":not([").concat(Le, "])");
   })).join(", ");
-  if (s.length === 0)
+  if (l.length === 0)
     return Promise.resolve();
   var u = [];
   try {
-    u = Je(e.querySelectorAll(s));
+    u = Je(e.querySelectorAll(l));
   } catch {
   }
   if (u.length > 0)
     n("pending"), r("complete");
   else
     return Promise.resolve();
-  var c = ma.begin("onTree"), p = u.reduce(function(w, C) {
+  var c = ma.begin("onTree"), p = u.reduce(function(w, k) {
     try {
-      var M = rr(C);
+      var M = rr(k);
       M && w.push(M);
     } catch (A) {
       Vn || A.name === "MissingIcon" && console.error(A);
     }
     return w;
   }, []);
-  return new Promise(function(w, C) {
+  return new Promise(function(w, k) {
     Promise.all(p).then(function(M) {
       ar(M, function() {
         n("active"), n("complete"), r("pending"), typeof a == "function" && a(), c(), w();
       });
     }).catch(function(M) {
-      c(), C(M);
+      c(), k(M);
     });
   });
 }
@@ -2340,7 +2340,7 @@ function co(e) {
   };
 }
 var fo = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? $e : n, l = t.symbol, s = l === void 0 ? !1 : l, u = t.mask, c = u === void 0 ? null : u, p = t.maskId, w = p === void 0 ? null : p, C = t.classes, M = C === void 0 ? [] : C, A = t.attributes, I = A === void 0 ? {} : A, g = t.styles, b = g === void 0 ? {} : g;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? $e : n, s = t.symbol, l = s === void 0 ? !1 : s, u = t.mask, c = u === void 0 ? null : u, p = t.maskId, w = p === void 0 ? null : p, k = t.classes, M = k === void 0 ? [] : k, A = t.attributes, I = A === void 0 ? {} : A, g = t.styles, b = g === void 0 ? {} : g;
   if (a) {
     var f = a.prefix, x = a.iconName, V = a.icon;
     return $t(F({
@@ -2362,7 +2362,7 @@ var fo = function(a) {
         prefix: f,
         iconName: x,
         transform: F(F({}, $e), r),
-        symbol: s,
+        symbol: l,
         maskId: w,
         extra: {
           attributes: I,
@@ -2387,27 +2387,27 @@ var fo = function(a) {
   },
   provides: function(a) {
     a.i2svg = function(t) {
-      var n = t.node, r = n === void 0 ? ue : n, l = t.callback, s = l === void 0 ? function() {
-      } : l;
-      return qa(r, s);
+      var n = t.node, r = n === void 0 ? ue : n, s = t.callback, l = s === void 0 ? function() {
+      } : s;
+      return qa(r, l);
     }, a.generateSvgReplacementMutation = function(t, n) {
-      var r = n.iconName, l = n.prefix, s = n.transform, u = n.symbol, c = n.mask, p = n.maskId, w = n.extra;
-      return new Promise(function(C, M) {
-        Promise.all([Ut(r, l), c.iconName ? Ut(c.iconName, c.prefix) : Promise.resolve({
+      var r = n.iconName, s = n.prefix, l = n.transform, u = n.symbol, c = n.mask, p = n.maskId, w = n.extra;
+      return new Promise(function(k, M) {
+        Promise.all([Ut(r, s), c.iconName ? Ut(c.iconName, c.prefix) : Promise.resolve({
           found: !1,
           width: 512,
           height: 512,
           icon: {}
         })]).then(function(A) {
           var I = wt(A, 2), g = I[0], b = I[1];
-          C([t, fa({
+          k([t, fa({
             icons: {
               main: g,
               mask: b
             },
-            prefix: l,
+            prefix: s,
             iconName: r,
-            transform: s,
+            transform: l,
             symbol: u,
             maskId: p,
             extra: w,
@@ -2416,15 +2416,15 @@ var fo = function(a) {
         }).catch(M);
       });
     }, a.generateAbstractIcon = function(t) {
-      var n = t.children, r = t.attributes, l = t.main, s = t.transform, u = t.styles, c = kt(u);
+      var n = t.children, r = t.attributes, s = t.main, l = t.transform, u = t.styles, c = kt(u);
       c.length > 0 && (r.style = c);
       var p;
-      return ua(s) && (p = Ve("generateAbstractTransformGrouping", {
-        main: l,
-        transform: s,
-        containerWidth: l.width,
-        iconWidth: l.width
-      })), n.push(p || l.icon), {
+      return ua(l) && (p = Ve("generateAbstractTransformGrouping", {
+        main: s,
+        transform: l,
+        containerWidth: s.width,
+        iconWidth: s.width
+      })), n.push(p || s.icon), {
         children: n,
         attributes: r
       };
@@ -2434,7 +2434,7 @@ var fo = function(a) {
   mixout: function() {
     return {
       layer: function(t) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.classes, l = r === void 0 ? [] : r;
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.classes, s = r === void 0 ? [] : r;
         return $t({
           type: "layer"
         }, function() {
@@ -2442,17 +2442,17 @@ var fo = function(a) {
             assembler: t,
             params: n
           });
-          var s = [];
+          var l = [];
           return t(function(u) {
             Array.isArray(u) ? u.map(function(c) {
-              s = s.concat(c.abstract);
-            }) : s = s.concat(u.abstract);
+              l = l.concat(c.abstract);
+            }) : l = l.concat(u.abstract);
           }), [{
             tag: "span",
             attributes: {
-              class: ["".concat(K.cssPrefix, "-layers")].concat(Se(l)).join(" ")
+              class: ["".concat(K.cssPrefix, "-layers")].concat(Se(s)).join(" ")
             },
-            children: s
+            children: l
           }];
         });
       }
@@ -2464,7 +2464,7 @@ var fo = function(a) {
       counter: function(t) {
         var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
         n.title;
-        var r = n.classes, l = r === void 0 ? [] : r, s = n.attributes, u = s === void 0 ? {} : s, c = n.styles, p = c === void 0 ? {} : c;
+        var r = n.classes, s = r === void 0 ? [] : r, l = n.attributes, u = l === void 0 ? {} : l, c = n.styles, p = c === void 0 ? {} : c;
         return $t({
           type: "counter",
           content: t
@@ -2477,7 +2477,7 @@ var fo = function(a) {
             extra: {
               attributes: u,
               styles: p,
-              classes: ["".concat(K.cssPrefix, "-layers-counter")].concat(Se(l))
+              classes: ["".concat(K.cssPrefix, "-layers-counter")].concat(Se(s))
             }
           });
         });
@@ -2488,7 +2488,7 @@ var fo = function(a) {
   mixout: function() {
     return {
       text: function(t) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, l = r === void 0 ? $e : r, s = n.classes, u = s === void 0 ? [] : s, c = n.attributes, p = c === void 0 ? {} : c, w = n.styles, C = w === void 0 ? {} : w;
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, s = r === void 0 ? $e : r, l = n.classes, u = l === void 0 ? [] : l, c = n.attributes, p = c === void 0 ? {} : c, w = n.styles, k = w === void 0 ? {} : w;
         return $t({
           type: "text",
           content: t
@@ -2498,10 +2498,10 @@ var fo = function(a) {
             params: n
           }), Da({
             content: t,
-            transform: F(F({}, $e), l),
+            transform: F(F({}, $e), s),
             extra: {
               attributes: p,
-              styles: C,
+              styles: k,
               classes: ["".concat(K.cssPrefix, "-layers-text")].concat(Se(u))
             }
           });
@@ -2511,17 +2511,17 @@ var fo = function(a) {
   },
   provides: function(a) {
     a.generateLayersText = function(t, n) {
-      var r = n.transform, l = n.extra, s = null, u = null;
+      var r = n.transform, s = n.extra, l = null, u = null;
       if (fn) {
         var c = parseInt(getComputedStyle(t).fontSize, 10), p = t.getBoundingClientRect();
-        s = p.width / c, u = p.height / c;
+        l = p.width / c, u = p.height / c;
       }
       return Promise.resolve([t, Da({
         content: t.innerHTML,
-        width: s,
+        width: l,
         height: u,
         transform: r,
-        extra: l,
+        extra: s,
         watchable: !0
       })]);
     };
@@ -2542,8 +2542,8 @@ function po(e) {
   return qn(Se(a)[0] || "");
 }
 function yo(e) {
-  var a = e.getPropertyValue("font-feature-settings").includes("ss01"), t = e.getPropertyValue("content"), n = t.replace(sr, ""), r = n.codePointAt(0), l = r >= Wa[0] && r <= Wa[1], s = n.length === 2 ? n[0] === n[1] : !1;
-  return l || s || a;
+  var a = e.getPropertyValue("font-feature-settings").includes("ss01"), t = e.getPropertyValue("content"), n = t.replace(sr, ""), r = n.codePointAt(0), s = r >= Wa[0] && r <= Wa[1], l = n.length === 2 ? n[0] === n[1] : !1;
+  return s || l || a;
 }
 function xo(e, a) {
   var t = e.replace(/^['"]|['"]$/g, "").toLowerCase(), n = parseInt(a), r = isNaN(n) ? "normal" : n;
@@ -2554,19 +2554,19 @@ function Ua(e, a) {
   return new Promise(function(n, r) {
     if (e.getAttribute(t) !== null)
       return n();
-    var l = Je(e.children), s = l.filter(function(re) {
+    var s = Je(e.children), l = s.filter(function(re) {
       return re.getAttribute(Et) === a;
-    })[0], u = Be.getComputedStyle(e, a), c = u.getPropertyValue("font-family"), p = c.match(il), w = u.getPropertyValue("font-weight"), C = u.getPropertyValue("content");
-    if (s && !p)
-      return e.removeChild(s), n();
-    if (p && C !== "none" && C !== "") {
+    })[0], u = Be.getComputedStyle(e, a), c = u.getPropertyValue("font-family"), p = c.match(il), w = u.getPropertyValue("font-weight"), k = u.getPropertyValue("content");
+    if (l && !p)
+      return e.removeChild(l), n();
+    if (p && k !== "none" && k !== "") {
       var M = u.getPropertyValue("content"), A = xo(c, w), I = po(M), g = p[0].startsWith("FontAwesome"), b = yo(u), f = ca(A, I), x = f;
       if (g) {
         var V = Pl(I);
         V.iconName && V.prefix && (f = V.iconName, A = V.prefix);
       }
-      if (f && !b && (!s || s.getAttribute(sa) !== A || s.getAttribute(la) !== x)) {
-        e.setAttribute(t, x), s && e.removeChild(s);
+      if (f && !b && (!l || l.getAttribute(sa) !== A || l.getAttribute(la) !== x)) {
+        e.setAttribute(t, x), l && e.removeChild(l);
         var O = lo(), P = O.extra;
         P.attributes[Et] = a, Ut(f, A).then(function(re) {
           var U = fa(F(F({}, O), {}, {
@@ -2610,14 +2610,14 @@ var So = function(a) {
       return p.trim();
     });
   });
-  var r = mt(n), l;
+  var r = mt(n), s;
   try {
-    for (r.s(); !(l = r.n()).done; ) {
-      var s = l.value;
-      if (So(s)) {
+    for (r.s(); !(s = r.n()).done; ) {
+      var l = s.value;
+      if (So(l)) {
         var u = Fn.reduce(function(c, p) {
           return c.replace(p, "");
-        }, s);
+        }, l);
         u !== "" && u !== "*" && t.add(u);
       }
     }
@@ -2637,24 +2637,24 @@ function Ha(e) {
     else if (K.searchPseudoElementsFullScan)
       t = e.querySelectorAll("*");
     else {
-      var n = /* @__PURE__ */ new Set(), r = mt(document.styleSheets), l;
+      var n = /* @__PURE__ */ new Set(), r = mt(document.styleSheets), s;
       try {
-        for (r.s(); !(l = r.n()).done; ) {
-          var s = l.value;
+        for (r.s(); !(s = r.n()).done; ) {
+          var l = s.value;
           try {
-            var u = mt(s.cssRules), c;
+            var u = mt(l.cssRules), c;
             try {
               for (u.s(); !(c = u.n()).done; ) {
-                var p = c.value, w = Co(p.selectorText), C = mt(w), M;
+                var p = c.value, w = Co(p.selectorText), k = mt(w), M;
                 try {
-                  for (C.s(); !(M = C.n()).done; ) {
+                  for (k.s(); !(M = k.n()).done; ) {
                     var A = M.value;
                     n.add(A);
                   }
                 } catch (g) {
-                  C.e(g);
+                  k.e(g);
                 } finally {
-                  C.f();
+                  k.f();
                 }
               }
             } catch (g) {
@@ -2663,7 +2663,7 @@ function Ha(e) {
               u.f();
             }
           } catch (g) {
-            K.searchPseudoElementsWarnings && console.warn("Font Awesome: cannot parse stylesheet: ".concat(s.href, " (").concat(g.message, `)
+            K.searchPseudoElementsWarnings && console.warn("Font Awesome: cannot parse stylesheet: ".concat(l.href, " (").concat(g.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.`));
           }
         }
@@ -2739,14 +2739,14 @@ var $o = {
     rotate: 0
   };
   return a.toLowerCase().split(" ").reduce(function(n, r) {
-    var l = r.toLowerCase().split("-"), s = l[0], u = l.slice(1).join("-");
-    if (s && u === "h")
+    var s = r.toLowerCase().split("-"), l = s[0], u = s.slice(1).join("-");
+    if (l && u === "h")
       return n.flipX = !0, n;
-    if (s && u === "v")
+    if (l && u === "v")
       return n.flipY = !0, n;
     if (u = parseFloat(u), isNaN(u))
       return n;
-    switch (s) {
+    switch (l) {
       case "grow":
         n.size = n.size + u;
         break;
@@ -2791,15 +2791,15 @@ var $o = {
   },
   provides: function(a) {
     a.generateAbstractTransformGrouping = function(t) {
-      var n = t.main, r = t.transform, l = t.containerWidth, s = t.iconWidth, u = {
-        transform: "translate(".concat(l / 2, " 256)")
-      }, c = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), p = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), w = "rotate(".concat(r.rotate, " 0 0)"), C = {
+      var n = t.main, r = t.transform, s = t.containerWidth, l = t.iconWidth, u = {
+        transform: "translate(".concat(s / 2, " 256)")
+      }, c = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), p = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), w = "rotate(".concat(r.rotate, " 0 0)"), k = {
         transform: "".concat(c, " ").concat(p, " ").concat(w)
       }, M = {
-        transform: "translate(".concat(s / 2 * -1, " -256)")
+        transform: "translate(".concat(l / 2 * -1, " -256)")
       }, A = {
         outer: u,
-        inner: C,
+        inner: k,
         path: M
       };
       return {
@@ -2834,18 +2834,18 @@ var Po = {
   hooks: function() {
     return {
       parseNodeAttributes: function(t, n) {
-        var r = n.getAttribute("data-fa-mask"), l = r ? Ct(r.split(" ").map(function(s) {
-          return s.trim();
+        var r = n.getAttribute("data-fa-mask"), s = r ? Ct(r.split(" ").map(function(l) {
+          return l.trim();
         })) : Qn();
-        return l.prefix || (l.prefix = Fe()), t.mask = l, t.maskId = n.getAttribute("data-fa-mask-id"), t;
+        return s.prefix || (s.prefix = Fe()), t.mask = s, t.maskId = n.getAttribute("data-fa-mask-id"), t;
       }
     };
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, r = t.attributes, l = t.main, s = t.mask, u = t.maskId, c = t.transform, p = l.width, w = l.icon, C = s.width, M = s.icon, A = yl({
+      var n = t.children, r = t.attributes, s = t.main, l = t.mask, u = t.maskId, c = t.transform, p = s.width, w = s.icon, k = l.width, M = l.icon, A = yl({
         transform: c,
-        containerWidth: C,
+        containerWidth: k,
         iconWidth: p
       }), I = {
         tag: "rect",
@@ -2902,7 +2902,7 @@ var Po = {
     Be.matchMedia && (t = Be.matchMedia("(prefers-reduced-motion: reduce)").matches), a.missingIconAbstract = function() {
       var n = [], r = {
         fill: "currentColor"
-      }, l = {
+      }, s = {
         attributeType: "XML",
         repeatCount: "indefinite",
         dur: "2s"
@@ -2913,7 +2913,7 @@ var Po = {
           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 s = F(F({}, l), {}, {
+      var l = F(F({}, s), {}, {
         attributeName: "opacity"
       }), u = {
         tag: "circle",
@@ -2926,13 +2926,13 @@ var Po = {
       };
       return t || u.children.push({
         tag: "animate",
-        attributes: F(F({}, l), {}, {
+        attributes: F(F({}, s), {}, {
           attributeName: "r",
           values: "28;14;28;28;14;28;"
         })
       }, {
         tag: "animate",
-        attributes: F(F({}, s), {}, {
+        attributes: F(F({}, l), {}, {
           values: "1;0;1;1;0;1;"
         })
       }), n.push(u), n.push({
@@ -2943,7 +2943,7 @@ var Po = {
         }),
         children: t ? [] : [{
           tag: "animate",
-          attributes: F(F({}, s), {}, {
+          attributes: F(F({}, l), {}, {
             values: "1;0;0;0;0;1;"
           })
         }]
@@ -2955,7 +2955,7 @@ var Po = {
         }),
         children: [{
           tag: "animate",
-          attributes: F(F({}, s), {}, {
+          attributes: F(F({}, l), {}, {
             values: "0;0;1;1;0;0;"
           })
         }]
@@ -2972,8 +2972,8 @@ var Po = {
   hooks: function() {
     return {
       parseNodeAttributes: function(t, n) {
-        var r = n.getAttribute("data-fa-symbol"), l = r === null ? !1 : r === "" ? !0 : r;
-        return t.symbol = l, t;
+        var r = n.getAttribute("data-fa-symbol"), s = r === null ? !1 : r === "" ? !0 : r;
+        return t.symbol = s, t;
       }
     };
   }
@@ -3040,8 +3040,8 @@ function Eo(e, a) {
   if (e == null) return {};
   var t, n, r = No(e, a);
   if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < l.length; n++) t = l[n], a.indexOf(t) === -1 && {}.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+    var s = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < s.length; n++) t = s[n], a.indexOf(t) === -1 && {}.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
   }
   return r;
 }
@@ -3112,7 +3112,7 @@ var Wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 (function(e) {
   (function(a) {
     var t = function(f, x, V) {
-      if (!p(x) || C(x) || M(x) || A(x) || c(x))
+      if (!p(x) || k(x) || M(x) || A(x) || c(x))
         return x;
       var O, P = 0, re = 0;
       if (w(x))
@@ -3132,10 +3132,10 @@ var Wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return I(f) ? f : (f = f.replace(/[\-_\s]+(.)?/g, function(x, V) {
         return V ? V.toUpperCase() : "";
       }), f.substr(0, 1).toLowerCase() + f.substr(1));
-    }, l = function(f) {
+    }, s = function(f) {
       var x = r(f);
       return x.substr(0, 1).toUpperCase() + x.substr(1);
-    }, s = function(f, x) {
+    }, l = function(f, x) {
       return n(f, x).toLowerCase();
     }, u = Object.prototype.toString, c = function(f) {
       return typeof f == "function";
@@ -3143,7 +3143,7 @@ var Wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return f === Object(f);
     }, w = function(f) {
       return u.call(f) == "[object Array]";
-    }, C = function(f) {
+    }, k = function(f) {
       return u.call(f) == "[object Date]";
     }, M = function(f) {
       return u.call(f) == "[object RegExp]";
@@ -3158,17 +3158,17 @@ var Wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       };
     }, b = {
       camelize: r,
-      decamelize: s,
-      pascalize: l,
-      depascalize: s,
+      decamelize: l,
+      pascalize: s,
+      depascalize: l,
       camelizeKeys: function(f, x) {
         return t(g(r, x), f);
       },
       decamelizeKeys: function(f, x) {
-        return t(g(s, x), f, x);
+        return t(g(l, x), f, x);
       },
       pascalizeKeys: function(f, x) {
-        return t(g(l, x), f);
+        return t(g(s, x), f);
       },
       depascalizeKeys: function() {
         return this.decamelizeKeys.apply(this, arguments);
@@ -3184,8 +3184,8 @@ function Ho(e) {
   }).filter(function(a) {
     return a;
   }).reduce(function(a, t) {
-    var n = t.indexOf(":"), r = Yo.camelize(t.slice(0, n)), l = t.slice(n + 1).trim();
-    return a[r] = l, a;
+    var n = t.indexOf(":"), r = Yo.camelize(t.slice(0, n)), s = t.slice(n + 1).trim();
+    return a[r] = s, a;
   }, {});
 }
 function Go(e) {
@@ -3218,10 +3218,10 @@ function va(e) {
     style: {}
   });
   t.class;
-  var l = t.style, s = l === void 0 ? {} : l, u = Eo(t, Uo);
+  var s = t.style, l = s === void 0 ? {} : s, u = Eo(t, Uo);
   return tn(e.tag, we(we(we({}, a), {}, {
     class: r.class,
-    style: we(we({}, r.style), s)
+    style: we(we({}, r.style), l)
   }, r.attrs), u), n);
 }
 var ir = !1;
@@ -3389,14 +3389,14 @@ var Xo = ea({
   setup: function(a, t) {
     var n = t.attrs, r = v(function() {
       return Qa(a.icon);
-    }), l = v(function() {
-      return rt("classes", qo(a));
     }), s = v(function() {
+      return rt("classes", qo(a));
+    }), l = v(function() {
       return rt("transform", typeof a.transform == "string" ? yt.transform(a.transform) : a.transform);
     }), u = v(function() {
       return rt("mask", Qa(a.mask));
     }), c = v(function() {
-      var w = we(we(we(we({}, l.value), s.value), u.value), {}, {
+      var w = we(we(we(we({}, s.value), l.value), u.value), {}, {
         symbol: a.symbol,
         maskId: a.maskId
       });
@@ -3425,12 +3425,12 @@ ea({
     }
   },
   setup: function(a, t) {
-    var n = t.slots, r = lr.familyPrefix, l = v(function() {
+    var n = t.slots, r = lr.familyPrefix, s = v(function() {
       return ["".concat(r, "-layers")].concat(Jt(a.fixedWidth ? ["".concat(r, "-fw")] : []));
     });
     return function() {
       return tn("div", {
-        class: l.value
+        class: s.value
       }, n.default ? n.default() : []);
     };
   }
@@ -3459,12 +3459,12 @@ ea({
     }
   },
   setup: function(a, t) {
-    var n = t.attrs, r = lr.familyPrefix, l = v(function() {
+    var n = t.attrs, r = lr.familyPrefix, s = v(function() {
       return rt("classes", [].concat(Jt(a.counter ? ["".concat(r, "-layers-counter")] : []), Jt(a.position ? ["".concat(r, "-layers-").concat(a.position)] : [])));
-    }), s = v(function() {
+    }), l = v(function() {
       return rt("transform", typeof a.transform == "string" ? yt.transform(a.transform) : a.transform);
     }), u = v(function() {
-      var p = Fo(a.value.toString(), we(we({}, s.value), l.value)), w = p.abstract;
+      var p = Fo(a.value.toString(), we(we({}, l.value), s.value)), w = p.abstract;
       return a.counter && (w[0].attributes.class = w[0].attributes.class.replace("fa-layers-text", "")), w[0];
     }), c = v(function() {
       return va(u.value, {}, n);
@@ -3507,7 +3507,7 @@ const Q = {
       n.value,
       "inline-block"
     ]);
-    return (l, s) => (o(), Y(N(Xo), {
+    return (s, l) => (o(), Y(N(Xo), {
       icon: [e.prefix, e.icon],
       size: t.value,
       class: m(r.value),
@@ -3553,9 +3553,9 @@ const Q = {
         }
       }
     ), r = v(
-      () => S(n({ size: a.size, variant: a.variant }), a.class)
-    ), l = v(() => "aspect-square h-full w-full object-cover"), s = v(
-      () => S(
+      () => C(n({ size: a.size, variant: a.variant }), a.class)
+    ), s = v(() => "aspect-square h-full w-full object-cover"), l = v(
+      () => C(
         "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
         {
           "text-xs": a.size === "xs",
@@ -3566,7 +3566,7 @@ const Q = {
         }
       )
     ), u = v(
-      () => S("h-4 w-4 text-muted-foreground", {
+      () => C("h-4 w-4 text-muted-foreground", {
         "h-3 w-3": a.size === "xs",
         "h-4 w-4": a.size === "sm" || a.size === "md",
         "h-5 w-5": a.size === "lg",
@@ -3582,11 +3582,11 @@ const Q = {
         key: 0,
         src: e.src,
         alt: e.alt,
-        class: m(l.value),
+        class: m(s.value),
         onError: c
       }, null, 42, Jo)) : e.initials ? (o(), d("span", {
         key: 1,
-        class: m(s.value)
+        class: m(l.value)
       }, y(e.initials), 3)) : (o(), Y(Q, {
         key: 2,
         name: "User",
@@ -3629,7 +3629,7 @@ const Q = {
   },
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = () => n("dismiss"), l = D(
+    const t = e, n = a, r = () => n("dismiss"), s = D(
       "inline-flex items-center font-medium border transition-all duration-200",
       {
         variants: {
@@ -3669,17 +3669,17 @@ const Q = {
           shape: "rounded"
         }
       }
-    ), s = v(() => ["mr-1", {
+    ), l = v(() => ["mr-1", {
       sm: "w-3 h-3",
       md: "w-4 h-4",
       lg: "w-5 h-5"
     }[t.size]]);
     return (u, c) => (o(), d("span", {
-      class: m(N(S)(N(l)({ variant: e.variant, size: e.size, shape: e.shape }), u.$attrs.class))
+      class: m(N(C)(N(s)({ variant: e.variant, size: e.size, shape: e.shape }), u.$attrs.class))
     }, [
       e.icon ? (o(), Y(pe(e.icon), {
         key: 0,
-        class: m(s.value)
+        class: m(l.value)
       }, null, 8, ["class"])) : h("", !0),
       B(u.$slots, "default"),
       e.dismissible ? (o(), d("button", {
@@ -3784,7 +3784,7 @@ const Q = {
       }
     );
     return (t, n) => (o(), d("button", Ke({
-      class: N(S)(N(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
+      class: N(C)(N(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
       disabled: e.disabled || e.loading,
       "aria-disabled": e.disabled || e.loading,
       "aria-busy": e.loading
@@ -3875,7 +3875,7 @@ const Q = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
     </svg>
   `
-    }, r = e, l = a, s = H(null), u = v(() => r.id || ta()), c = v(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), p = (f) => {
+    }, r = e, s = a, l = H(null), u = v(() => r.id || ta()), c = v(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), p = (f) => {
       const x = f.target.checked;
       if (Array.isArray(r.modelValue)) {
         const V = [...r.modelValue];
@@ -3885,13 +3885,13 @@ const Q = {
           const O = V.indexOf(r.value);
           O > -1 && V.splice(O, 1);
         }
-        l("update:modelValue", V);
+        s("update:modelValue", V);
       } else
-        l("update:modelValue", x);
-      l("change", x);
+        s("update:modelValue", x);
+      s("change", x);
     }, w = () => {
-      !r.disabled && s.value && s.value.click();
-    }, C = v(() => {
+      !r.disabled && l.value && l.value.click();
+    }, k = v(() => {
       if (r.error) return `${u.value}-error`;
     }), M = v(() => ({
       sm: "w-4 h-4",
@@ -3928,20 +3928,20 @@ const Q = {
       "text-xs text-slate-500 mt-1"
     ]);
     return be(() => r.indeterminate, (f) => {
-      s.value && (s.value.indeterminate = f);
+      l.value && (l.value.indeterminate = f);
     }, { immediate: !0 }), (f, x) => (o(), d("div", ri, [
       i("div", si, [
         i("input", {
           id: u.value,
           ref_key: "checkboxRef",
-          ref: s,
+          ref: l,
           type: "checkbox",
           checked: c.value,
           indeterminate: e.indeterminate,
           disabled: e.disabled,
           required: e.required,
           class: m(A.value),
-          "aria-describedby": C.value,
+          "aria-describedby": k.value,
           onChange: p
         }, null, 42, li),
         i("div", {
@@ -4063,8 +4063,8 @@ const Q = {
         color: "gray"
       }
     }), n = v(() => a.spacing ? a.spacing : "");
-    return (r, l) => (o(), d("div", {
-      class: m(N(S)(N(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
+    return (r, s) => (o(), d("div", {
+      class: m(N(C)(N(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
     }, [
       e.label && e.orientation === "horizontal" ? (o(), d("span", ui, y(e.label), 1)) : h("", !0)
     ], 2));
@@ -4117,17 +4117,17 @@ const Q = {
         }
       }
     ), r = v(
-      () => S(t({ variant: a.variant }), a.class)
-    ), l = v(
+      () => C(t({ variant: a.variant }), a.class)
+    ), s = v(
       () => n({ size: a.size })
     );
-    return (s, u) => (o(), d("div", {
+    return (l, u) => (o(), d("div", {
       class: m(r.value),
       role: "status",
       "aria-label": e.label
     }, [
       (o(), d("svg", {
-        class: m(l.value),
+        class: m(s.value),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 24 24"
@@ -4183,7 +4183,7 @@ const Q = {
   },
   emits: ["load", "error"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!0), l = H(!1), s = D(
+    const t = e, n = a, r = H(!0), s = H(!1), l = D(
       "relative overflow-hidden bg-muted",
       {
         variants: {
@@ -4197,9 +4197,9 @@ const Q = {
         }
       }
     ), u = v(
-      () => S(s({ aspectRatio: t.aspectRatio }), t.class)
+      () => C(l({ aspectRatio: t.aspectRatio }), t.class)
     ), c = v(
-      () => S(
+      () => C(
         "h-full w-full transition-opacity duration-300",
         {
           "object-cover": t.objectFit === "cover",
@@ -4209,16 +4209,16 @@ const Q = {
           "object-scale-down": t.objectFit === "scale-down"
         },
         r.value && "opacity-0",
-        l.value && "hidden"
+        s.value && "hidden"
       )
     ), p = v(
       () => "absolute inset-0 flex items-center justify-center bg-muted"
     ), w = v(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
-    ), C = (A) => {
-      r.value = !1, l.value = !1, n("load", A);
+    ), k = (A) => {
+      r.value = !1, s.value = !1, n("load", A);
     }, M = (A) => {
-      r.value = !1, l.value = !0, n("error", A);
+      r.value = !1, s.value = !0, n("error", A);
     };
     return (A, I) => (o(), d("div", {
       class: m(u.value)
@@ -4228,7 +4228,7 @@ const Q = {
         alt: e.alt,
         class: m(c.value),
         loading: e.loading,
-        onLoad: C,
+        onLoad: k,
         onError: M
       }, null, 42, mi),
       r.value ? (o(), d("div", {
@@ -4240,7 +4240,7 @@ const Q = {
           size: "sm"
         })) : h("", !0)
       ], 2)) : h("", !0),
-      l.value ? (o(), d("div", {
+      s.value ? (o(), d("div", {
         key: 1,
         class: m(w.value)
       }, [
@@ -4327,7 +4327,7 @@ const Q = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = H(null), s = v(() => n.id || ta()), u = (x) => {
+    const n = e, r = t, s = H(null), l = v(() => n.id || ta()), u = (x) => {
       r("update:modelValue", x.target.value);
     }, c = (x) => {
       r("blur", x);
@@ -4335,10 +4335,10 @@ const Q = {
       r("focus", x);
     }, w = (x) => {
       r("keydown", x);
-    }, C = () => {
-      r("update:modelValue", ""), r("clear"), l.value?.focus();
+    }, k = () => {
+      r("update:modelValue", ""), r("clear"), s.value?.focus();
     }, M = v(() => !!n.error || n.variant === "error"), A = v(() => {
-      if (n.error) return `${s.value}-error`;
+      if (n.error) return `${l.value}-error`;
     }), I = v(() => ({
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
@@ -4365,9 +4365,9 @@ const Q = {
       }
     ]);
     return a({
-      focus: () => l.value?.focus(),
-      blur: () => l.value?.blur(),
-      select: () => l.value?.select()
+      focus: () => s.value?.focus(),
+      blur: () => s.value?.blur(),
+      select: () => s.value?.select()
     }), (x, V) => (o(), d("div", vi, [
       e.iconLeft ? (o(), d("div", bi, [
         (o(), Y(pe(e.iconLeft), {
@@ -4375,9 +4375,9 @@ const Q = {
         }, null, 8, ["class"]))
       ])) : h("", !0),
       i("input", {
-        id: s.value,
+        id: l.value,
         ref_key: "inputRef",
-        ref: l,
+        ref: s,
         type: e.type,
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -4399,7 +4399,7 @@ const Q = {
           class: "text-slate-400 hover:text-slate-600 transition-colors",
           type: "button",
           "aria-label": e.clearLabel,
-          onClick: C
+          onClick: k
         }, [
           T(Q, {
             name: "x-mark",
@@ -4438,13 +4438,13 @@ const Q = {
         }
       }
     ), n = v(
-      () => S(
+      () => C(
         t({ size: a.size }),
         a.disabled && "cursor-not-allowed opacity-70",
         a.class
       )
     );
-    return (r, l) => (o(), d("label", {
+    return (r, s) => (o(), d("label", {
       class: m(n.value),
       for: e.htmlFor
     }, [
@@ -4486,7 +4486,7 @@ const Q = {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = e, n = v(() => t.to && !t.href ? "router-link" : t.href || t.external ? "a" : "button"), r = v(() => `w-4 h-4 ${t.iconPosition === "left" ? "mr-2" : "ml-2"}`), l = D(
+    const t = e, n = v(() => t.to && !t.href ? "router-link" : t.href || t.external ? "a" : "button"), r = v(() => `w-4 h-4 ${t.iconPosition === "left" ? "mr-2" : "ml-2"}`), s = D(
       "transition-colors duration-200 inline-flex items-center",
       {
         variants: {
@@ -4526,7 +4526,7 @@ const Q = {
           disabled: !1
         }
       }
-    ), s = (c) => {
+    ), l = (c) => {
       if (t.disabled) {
         c.preventDefault();
         return;
@@ -4538,8 +4538,8 @@ const Q = {
       to: n.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: m(N(S)(N(l)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), c.$attrs.class)),
-      onClick: s
+      class: m(N(C)(N(s)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), c.$attrs.class)),
+      onClick: l
     }, {
       default: L(() => [
         e.icon && e.iconPosition === "left" ? (o(), Y(Q, {
@@ -4594,11 +4594,11 @@ const Q = {
         }
       }
     ), n = v(
-      () => S(t({ size: a.size }), a.class)
+      () => C(t({ size: a.size }), a.class)
     ), r = v(
-      () => S("h-full w-auto object-contain")
-    ), l = v(
-      () => S(
+      () => C("h-full w-auto object-contain")
+    ), s = v(
+      () => C(
         "font-bold text-foreground",
         {
           "text-lg": a.size === "sm",
@@ -4608,7 +4608,7 @@ const Q = {
         }
       )
     );
-    return (s, u) => (o(), d("div", {
+    return (l, u) => (o(), d("div", {
       class: m(n.value)
     }, [
       e.src ? (o(), d("img", {
@@ -4618,7 +4618,7 @@ const Q = {
         class: m(r.value)
       }, null, 10, ki)) : (o(), d("div", {
         key: 1,
-        class: m(l.value)
+        class: m(s.value)
       }, y(e.text || "Logo"), 3))
     ], 2));
   }
@@ -4677,8 +4677,8 @@ const Q = {
   },
   setup(e) {
     const a = e, t = v(() => {
-      const l = a.value / a.max * 100;
-      return Math.min(Math.max(l, 0), 100);
+      const s = a.value / a.max * 100;
+      return Math.min(Math.max(s, 0), 100);
     }), n = D(
       "relative w-full overflow-hidden rounded-full bg-secondary",
       {
@@ -4710,11 +4710,11 @@ const Q = {
         }
       }
     );
-    return (l, s) => (o(), d("div", {
-      class: m(N(S)(N(n)({ size: e.size }), l.$attrs.class))
+    return (s, l) => (o(), d("div", {
+      class: m(N(C)(N(n)({ size: e.size }), s.$attrs.class))
     }, [
       i("div", {
-        class: m(N(S)(N(r)({ variant: e.variant }))),
+        class: m(N(C)(N(r)({ variant: e.variant }))),
         style: me({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -4774,18 +4774,18 @@ const Q = {
           }
         }
       }
-    ), l = v(
-      () => S(n({ size: a.size }), a.class)
     ), s = v(
+      () => C(n({ size: a.size }), a.class)
+    ), l = v(
       () => r({ variant: a.variant })
     ), u = v(
       () => "absolute inset-0 flex items-center justify-center text-xs font-medium text-primary-foreground"
     );
     return (c, p) => (o(), d("div", {
-      class: m(l.value)
+      class: m(s.value)
     }, [
       i("div", {
-        class: m(s.value),
+        class: m(l.value),
         style: me({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -4817,7 +4817,7 @@ const Q = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = v(() => t.modelValue === t.value), l = D(
+    const t = e, n = a, r = v(() => t.modelValue === t.value), s = D(
       "aspect-square rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       {
         variants: {
@@ -4828,14 +4828,14 @@ const Q = {
           }
         }
       }
-    ), s = v(
-      () => S(
-        l({ size: t.size }),
+    ), l = v(
+      () => C(
+        s({ size: t.size }),
         t.disabled && "cursor-not-allowed opacity-50",
         t.class
       )
     ), u = v(
-      () => S(
+      () => C(
         "flex items-center justify-center rounded-full bg-primary",
         {
           "h-2 w-2": t.size === "sm",
@@ -4844,20 +4844,20 @@ const Q = {
         }
       )
     ), c = v(
-      () => S(
+      () => C(
         "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         !t.disabled && "cursor-pointer"
       )
     ), p = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (w, C) => (o(), d("div", Pi, [
+    return (w, k) => (o(), d("div", Pi, [
       i("button", {
         type: "button",
         role: "radio",
         "aria-checked": r.value,
         disabled: e.disabled,
-        class: m(s.value),
+        class: m(l.value),
         onClick: p
       }, [
         r.value ? (o(), d("div", {
@@ -4910,13 +4910,13 @@ const Q = {
         }
       }
     ), n = v(
-      () => S(
+      () => C(
         t({ disabled: a.disabled }),
         "px-3 py-2",
         a.class
       )
     );
-    return (r, l) => (o(), d("select", Ke({
+    return (r, s) => (o(), d("select", Ke({
       id: e.id,
       name: e.name,
       value: e.modelValue,
@@ -4924,7 +4924,7 @@ const Q = {
       required: e.required,
       class: n.value
     }, r.$attrs, {
-      onChange: l[0] || (l[0] = (s) => r.$emit("update:modelValue", s.target.value))
+      onChange: s[0] || (s[0] = (l) => r.$emit("update:modelValue", l.target.value))
     }), [
       B(r.$slots, "default")
     ], 16, Oi));
@@ -4958,7 +4958,7 @@ const Q = {
           }
         }
       }
-    ), l = D(
+    ), s = D(
       "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
       {
         variants: {
@@ -5005,8 +5005,8 @@ const Q = {
           }
         ]
       }
-    ), s = v(
-      () => S(
+    ), l = v(
+      () => C(
         r({
           size: t.size,
           checked: t.modelValue
@@ -5014,7 +5014,7 @@ const Q = {
         t.class
       )
     ), u = v(
-      () => l({
+      () => s({
         size: t.size,
         checked: t.modelValue
       })
@@ -5026,7 +5026,7 @@ const Q = {
       role: "switch",
       "aria-checked": e.modelValue,
       disabled: e.disabled,
-      class: m(s.value),
+      class: m(l.value),
       onClick: c
     }, [
       i("span", {
@@ -5095,14 +5095,14 @@ const Q = {
         }
       }
     ), n = v(
-      () => S(t({
+      () => C(t({
         size: a.size,
         variant: a.variant,
         weight: a.weight,
         align: a.align
       }), a.class)
     );
-    return (r, l) => (o(), Y(pe(e.as), {
+    return (r, s) => (o(), Y(pe(e.as), {
       class: m(n.value)
     }, {
       default: L(() => [
@@ -5142,10 +5142,10 @@ const Q = {
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = H(null), s = v(() => n.id || ta()), u = (b) => {
+    const n = e, r = t, s = H(null), l = v(() => n.id || ta()), u = (b) => {
       r("update:modelValue", b.target.value), n.autoResize && xa(() => g());
-    }, c = (b) => r("blur", b), p = (b) => r("focus", b), w = (b) => r("keydown", b), C = v(() => !!n.error || n.variant === "error"), M = v(
-      () => n.error ? `${s.value}-error` : void 0
+    }, c = (b) => r("blur", b), p = (b) => r("focus", b), w = (b) => r("keydown", b), k = v(() => !!n.error || n.variant === "error"), M = v(
+      () => n.error ? `${l.value}-error` : void 0
     ), A = D(
       "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",
       {
@@ -5174,22 +5174,22 @@ const Q = {
         }
       }
     ), I = v(
-      () => S(A({ size: n.size, variant: n.variant, resize: n.resize }))
+      () => C(A({ size: n.size, variant: n.variant, resize: n.resize }))
     ), g = () => {
-      if (!l.value || !n.autoResize) return;
-      const b = l.value;
+      if (!s.value || !n.autoResize) return;
+      const b = s.value;
       b.style.height = "auto", b.style.height = `${b.scrollHeight}px`;
     };
     return be(() => n.modelValue, () => {
       n.autoResize && xa(() => g());
     }, { immediate: !0 }), a({
-      focus: () => l.value?.focus(),
-      blur: () => l.value?.blur(),
-      select: () => l.value?.select()
+      focus: () => s.value?.focus(),
+      blur: () => s.value?.blur(),
+      select: () => s.value?.select()
     }), (b, f) => (o(), d("textarea", {
-      id: s.value,
+      id: l.value,
       ref_key: "textareaRef",
-      ref: l,
+      ref: s,
       value: e.modelValue,
       placeholder: e.placeholder,
       disabled: e.disabled,
@@ -5199,7 +5199,7 @@ const Q = {
       maxlength: e.maxlength,
       class: m(I.value),
       "aria-describedby": M.value,
-      "aria-invalid": C.value,
+      "aria-invalid": k.value,
       onInput: u,
       onBlur: c,
       onFocus: p,
@@ -5239,7 +5239,7 @@ const Q = {
           }
         }
       }
-    ), l = D(
+    ), s = D(
       "absolute w-2 h-2 bg-primary transform rotate-45",
       {
         variants: {
@@ -5251,10 +5251,10 @@ const Q = {
           }
         }
       }
-    ), s = v(
-      () => S(r({ placement: a.placement }), a.class)
+    ), l = v(
+      () => C(r({ placement: a.placement }), a.class)
     ), u = v(
-      () => l({ placement: a.placement })
+      () => s({ placement: a.placement })
     ), c = () => {
       n && clearTimeout(n), n = setTimeout(() => {
         t.value = !0;
@@ -5262,7 +5262,7 @@ const Q = {
     }, p = () => {
       n && clearTimeout(n), t.value = !1;
     };
-    return (w, C) => (o(), d("div", {
+    return (w, k) => (o(), d("div", {
       class: "relative inline-block",
       onMouseenter: c,
       onMouseleave: p
@@ -5279,7 +5279,7 @@ const Q = {
         default: L(() => [
           t.value ? (o(), d("div", {
             key: 0,
-            class: m(s.value),
+            class: m(l.value),
             role: "tooltip"
           }, [
             Z(y(e.content) + " ", 1),
@@ -5383,15 +5383,15 @@ const Q = {
       warning: "text-yellow-600",
       danger: "text-red-600",
       muted: "text-slate-500"
-    })[a.color]), l = v(() => ({
+    })[a.color]), s = v(() => ({
       left: "text-left",
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    })[a.align]), s = v(() => [
+    })[a.align]), l = v(() => [
       n.value,
       r.value,
-      l.value,
+      s.value,
       {
         italic: a.italic,
         underline: a.underline,
@@ -5399,7 +5399,7 @@ const Q = {
         "whitespace-nowrap": a.noWrap
       }
     ]);
-    return (u, c) => (o(), Y(pe(t.value), Ke({ class: s.value }, u.$attrs), {
+    return (u, c) => (o(), Y(pe(t.value), Ke({ class: l.value }, u.$attrs), {
       default: L(() => [
         B(u.$slots, "default"),
         e.required ? (o(), d("span", Ei, "*")) : h("", !0)
@@ -5436,14 +5436,14 @@ const Q = {
   },
   emits: ["dismiss", "action"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!0), l = () => {
+    const t = e, n = a, r = H(!0), s = () => {
       r.value = !1, n("dismiss");
-    }, s = (b) => {
+    }, l = (b) => {
       n("action", b), b.onClick && b.onClick();
     };
     if (t.autoClose) {
       const b = typeof t.autoClose == "number" ? t.autoClose : 5e3;
-      setTimeout(l, b);
+      setTimeout(s, b);
     }
     const u = {
       template: `
@@ -5473,7 +5473,7 @@ const Q = {
         d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0a9 9 0 0118 0z" />
     </svg>
   `
-    }, C = {
+    }, k = {
       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"
@@ -5528,7 +5528,7 @@ const Q = {
       default: L(() => [
         r.value ? (o(), d("div", {
           key: 0,
-          class: m(N(S)(N(A)({ variant: e.variant }), b.$attrs.class)),
+          class: m(N(C)(N(A)({ variant: e.variant }), b.$attrs.class)),
           role: "alert"
         }, [
           i("div", Ni, [
@@ -5552,7 +5552,7 @@ const Q = {
                     key: x.label,
                     variant: x.variant || "outline",
                     size: x.size || "sm",
-                    onClick: (V) => s(x)
+                    onClick: (V) => l(x)
                   }, {
                     default: L(() => [
                       Z(y(x.label), 1)
@@ -5566,9 +5566,9 @@ const Q = {
               key: 1,
               class: m(g.value),
               "aria-label": e.dismissLabel,
-              onClick: l
+              onClick: s
             }, [
-              T(C, { class: "w-4 h-4" })
+              T(k, { class: "w-4 h-4" })
             ], 10, Wi)) : h("", !0)
           ])
         ], 2)) : h("", !0)
@@ -5607,19 +5607,19 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
-    return (r, l) => (o(), d("nav", {
+    return (r, s) => (o(), d("nav", {
       "aria-label": e.ariaLabel,
       class: m(["flex", n.value])
     }, [
       i("ol", Hi, [
-        (o(!0), d(X, null, J(e.items, (s, u) => (o(), d("li", {
+        (o(!0), d(X, null, J(e.items, (l, u) => (o(), d("li", {
           key: u,
           class: "flex items-center"
         }, [
-          (o(), Y(pe(s.href ? "a" : "span"), {
-            href: s.href,
+          (o(), Y(pe(l.href ? "a" : "span"), {
+            href: l.href,
             class: m([
               "text-sm font-medium transition-colors hover:text-foreground",
               u === e.items.length - 1 ? "text-foreground" : "text-muted-foreground hover:text-foreground"
@@ -5627,7 +5627,7 @@ const Q = {
             "aria-current": u === e.items.length - 1 ? "page" : void 0
           }, {
             default: L(() => [
-              Z(y(s.label), 1)
+              Z(y(l.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
@@ -5669,9 +5669,9 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ orientation: a.orientation }))
+      () => C(t({ orientation: a.orientation }))
     );
-    return (r, l) => (o(), d("div", {
+    return (r, s) => (o(), d("div", {
       class: m(n.value),
       role: "group",
       "aria-label": e.ariaLabel
@@ -5710,7 +5710,7 @@ const Q = {
   setup(e, { emit: a }) {
     const t = e, n = a, r = (w) => {
       t.clickable && n("click", w);
-    }, l = D(
+    }, s = D(
       "rounded-lg overflow-hidden transition-all duration-200",
       {
         variants: {
@@ -5742,7 +5742,7 @@ const Q = {
           padding: "md"
         }
       }
-    ), s = D(
+    ), l = D(
       "border-b border-slate-100 last:border-b-0",
       {
         variants: {
@@ -5789,13 +5789,13 @@ const Q = {
         }
       }
     });
-    return (w, C) => (o(), d("div", {
-      class: m(N(S)(N(l)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
+    return (w, k) => (o(), d("div", {
+      class: m(N(C)(N(s)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
       onClick: r
     }, [
       w.$slots.header || e.title || e.subtitle ? (o(), d("div", {
         key: 0,
-        class: m(N(S)(N(s)({ padding: e.padding })))
+        class: m(N(C)(N(l)({ padding: e.padding })))
       }, [
         B(w.$slots, "header", {}, () => [
           i("div", Ji, [
@@ -5817,7 +5817,7 @@ const Q = {
       ], 2)) : h("", !0),
       w.$slots.image || e.image ? (o(), d("div", {
         key: 1,
-        class: m(N(S)(N(p)({ padding: e.padding })))
+        class: m(N(C)(N(p)({ padding: e.padding })))
       }, [
         B(w.$slots, "image", {}, () => [
           e.image ? (o(), d("img", {
@@ -5830,13 +5830,13 @@ const Q = {
       ], 2)) : h("", !0),
       w.$slots.default ? (o(), d("div", {
         key: 2,
-        class: m(N(S)(N(u)({ padding: e.padding })))
+        class: m(N(C)(N(u)({ padding: e.padding })))
       }, [
         B(w.$slots, "default")
       ], 2)) : h("", !0),
       w.$slots.footer ? (o(), d("div", {
         key: 3,
-        class: m(N(S)(N(c)({ padding: e.padding })))
+        class: m(N(C)(N(c)({ padding: e.padding })))
       }, [
         B(w.$slots, "footer")
       ], 2)) : h("", !0)
@@ -5848,7 +5848,7 @@ const Q = {
   __name: "CardHeader",
   setup(e) {
     return (a, t) => (o(), d("div", {
-      class: m(N(S)("flex flex-col space-y-1.5 p-6", a.$attrs.class))
+      class: m(N(C)("flex flex-col space-y-1.5 p-6", a.$attrs.class))
     }, [
       B(a.$slots, "default")
     ], 2));
@@ -5872,9 +5872,9 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
-    return (r, l) => (o(), d("div", {
+    return (r, s) => (o(), d("div", {
       class: m(n.value)
     }, [
       B(r.$slots, "default")
@@ -5899,9 +5899,9 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
-    return (r, l) => (o(), d("div", {
+    return (r, s) => (o(), d("div", {
       class: m(n.value)
     }, [
       B(r.$slots, "default")
@@ -5913,7 +5913,7 @@ const Q = {
   __name: "CardContent",
   setup(e) {
     return (a, t) => (o(), d("div", {
-      class: m(N(S)("p-6 pt-0", a.$attrs.class))
+      class: m(N(C)("p-6 pt-0", a.$attrs.class))
     }, [
       B(a.$slots, "default")
     ], 2));
@@ -5924,7 +5924,7 @@ const Q = {
   __name: "CardTitle",
   setup(e) {
     return (a, t) => (o(), d("h3", {
-      class: m(N(S)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
+      class: m(N(C)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
     }, [
       B(a.$slots, "default")
     ], 2));
@@ -5965,45 +5965,45 @@ const Q = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!1), l = /* @__PURE__ */ new Date(), s = H(l.getMonth()), u = H(l.getFullYear()), c = H(null), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], w = v(
-      () => new Date(u.value, s.value).toLocaleString("default", {
+    const t = e, n = a, r = H(!1), s = /* @__PURE__ */ new Date(), l = H(s.getMonth()), u = H(s.getFullYear()), c = H(null), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], w = v(
+      () => new Date(u.value, l.value).toLocaleString("default", {
         month: "long"
       })
-    ), C = v(() => new Date(u.value, s.value + 1, 0).getDate()), M = v(() => new Date(u.value, s.value, 1).getDay()), A = v(() => {
-      const k = new Date(u.value, s.value, 0).getDate(), j = M.value;
-      return Array.from({ length: j }, (W, se) => k - j + se + 1);
+    ), k = v(() => new Date(u.value, l.value + 1, 0).getDate()), M = v(() => new Date(u.value, l.value, 1).getDay()), A = v(() => {
+      const S = new Date(u.value, l.value, 0).getDate(), j = M.value;
+      return Array.from({ length: j }, (W, se) => S - j + se + 1);
     }), I = v(() => {
-      const k = A.value.length + C.value, j = k % 7 === 0 ? 0 : 7 - k % 7;
+      const S = A.value.length + k.value, j = S % 7 === 0 ? 0 : 7 - S % 7;
       return Array.from({ length: j }, (W, se) => se + 1);
     }), g = v(() => c.value ? b(c.value) : "");
-    function b(k) {
-      if (!k) return "";
-      const j = new Date(k), W = String(j.getMonth() + 1).padStart(2, "0"), se = String(j.getDate()).padStart(2, "0"), ae = j.getFullYear();
+    function b(S) {
+      if (!S) return "";
+      const j = new Date(S), W = String(j.getMonth() + 1).padStart(2, "0"), se = String(j.getDate()).padStart(2, "0"), ae = j.getFullYear();
       return t.format.replace("MM", W).replace("DD", se).replace("YYYY", ae);
     }
-    function f(k) {
-      if (!k) return null;
-      if (k instanceof Date) return k;
-      if (typeof k == "string") {
-        const W = k.split("-");
+    function f(S) {
+      if (!S) return null;
+      if (S instanceof Date) return S;
+      if (typeof S == "string") {
+        const W = S.split("-");
         if (W.length === 3) {
           const se = parseInt(W[0], 10), ae = parseInt(W[1], 10) - 1, xe = parseInt(W[2], 10);
           return new Date(se, ae, xe);
         }
       }
-      const j = new Date(k);
+      const j = new Date(S);
       return isNaN(j.getTime()) ? null : j;
     }
-    function x(k) {
-      return l.getDate() === k && l.getMonth() === s.value && l.getFullYear() === u.value;
+    function x(S) {
+      return s.getDate() === S && s.getMonth() === l.value && s.getFullYear() === u.value;
     }
-    function V(k) {
+    function V(S) {
       if (!c.value) return !1;
       const j = new Date(c.value);
-      return j.getDate() === k && j.getMonth() === s.value && j.getFullYear() === u.value;
+      return j.getDate() === S && j.getMonth() === l.value && j.getFullYear() === u.value;
     }
-    function O(k) {
-      const j = new Date(u.value, s.value, k);
+    function O(S) {
+      const j = new Date(u.value, l.value, S);
       if (t.min) {
         const W = f(t.min);
         if (W && j < W) return !0;
@@ -6021,14 +6021,14 @@ const Q = {
       r.value = !1;
     }
     function U() {
-      s.value === 0 ? (s.value = 11, u.value--) : s.value--;
+      l.value === 0 ? (l.value = 11, u.value--) : l.value--;
     }
     function ie() {
-      s.value === 11 ? (s.value = 0, u.value++) : s.value++;
+      l.value === 11 ? (l.value = 0, u.value++) : l.value++;
     }
-    function de(k) {
-      if (O(k)) return;
-      const j = new Date(u.value, s.value, k);
+    function de(S) {
+      if (O(S)) return;
+      const j = new Date(u.value, l.value, S);
       c.value = j;
       const W = j.getFullYear(), se = String(j.getMonth() + 1).padStart(2, "0"), ae = String(j.getDate()).padStart(2, "0"), xe = `${W}-${se}-${ae}`;
       n("update:modelValue", xe), setTimeout(() => {
@@ -6036,26 +6036,26 @@ const Q = {
       }, 150);
     }
     function R() {
-      s.value = l.getMonth(), u.value = l.getFullYear(), de(l.getDate());
+      l.value = s.getMonth(), u.value = s.getFullYear(), de(s.getDate());
     }
     function te() {
       c.value = null, n("update:modelValue", "");
     }
-    be(() => t.modelValue, (k) => {
-      if (k) {
-        const j = f(k);
-        j && (c.value = j, s.value = j.getMonth(), u.value = j.getFullYear());
+    be(() => t.modelValue, (S) => {
+      if (S) {
+        const j = f(S);
+        j && (c.value = j, l.value = j.getMonth(), u.value = j.getFullYear());
       } else
         c.value = null;
     }, { immediate: !0 });
-    function G(k) {
-      k.key === "Escape" && r.value && re();
+    function G(S) {
+      S.key === "Escape" && r.value && re();
     }
     return ze(() => {
       document.addEventListener("keydown", G);
     }), an(() => {
       document.removeEventListener("keydown", G);
-    }), (k, j) => (o(), d("div", du, [
+    }), (S, j) => (o(), d("div", du, [
       i("div", cu, [
         i("input", {
           id: e.id,
@@ -6175,7 +6175,7 @@ const Q = {
                 key: "prev-" + se,
                 class: "text-center text-sm text-slate-300 py-2"
               }, y(W), 1))), 128)),
-              (o(!0), d(X, null, J(C.value, (W) => (o(), d("button", {
+              (o(!0), d(X, null, J(k.value, (W) => (o(), d("button", {
                 key: W,
                 type: "button",
                 disabled: O(W),
@@ -6240,7 +6240,7 @@ const Q = {
           }
         }
       }
-    ), l = D(
+    ), s = D(
       "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
       {
         variants: {
@@ -6252,10 +6252,10 @@ const Q = {
           }
         }
       }
-    ), s = v(
-      () => S(r({ variant: a.variant }), "h-10 px-4 py-2")
+    ), l = v(
+      () => C(r({ variant: a.variant }), "h-10 px-4 py-2")
     ), u = v(
-      () => S(l({ placement: a.placement }))
+      () => C(s({ placement: a.placement }))
     ), c = () => {
       t.value = !t.value;
     }, p = (w) => {
@@ -6265,13 +6265,13 @@ const Q = {
       document.addEventListener("click", p);
     }), Me(() => {
       document.removeEventListener("click", p);
-    }), (w, C) => (o(), d("div", {
+    }), (w, k) => (o(), d("div", {
       ref_key: "dropdownRef",
       ref: n,
       class: "relative"
     }, [
       i("button", {
-        class: m(s.value),
+        class: m(l.value),
         "aria-expanded": t.value,
         "aria-haspopup": !0,
         onClick: c
@@ -6334,17 +6334,17 @@ const Q = {
           }
         }
       }
-    ), l = v(
-      () => S(r({ variant: t.variant }))
-    ), s = (u) => {
+    ), s = v(
+      () => C(r({ variant: t.variant }))
+    ), l = (u) => {
       t.disabled || n("click", u);
     };
     return (u, c) => (o(), Y(pe(e.href ? "a" : "button"), {
       href: e.href,
-      class: m(l.value),
+      class: m(s.value),
       disabled: e.disabled,
       role: "menuitem",
-      onClick: s
+      onClick: l
     }, {
       default: L(() => [
         e.icon ? (o(), Y(Q, {
@@ -6379,7 +6379,7 @@ const Q = {
   },
   emits: ["files-selected", "file-removed"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H([]), l = H(!1), s = H(null), u = D(
+    const t = e, n = a, r = H([]), s = H(!1), l = H(null), u = D(
       "border-2 border-dashed rounded-lg cursor-pointer transition-all duration-200",
       {
         variants: {
@@ -6390,26 +6390,26 @@ const Q = {
         }
       }
     ), c = v(
-      () => S(
+      () => C(
         u({ variant: t.variant }),
         {
-          "border-green-500 bg-green-50/50": r.value.length > 0 && !l.value,
-          "border-blue-500 bg-blue-50/50 ring-2 ring-blue-200/50": l.value,
-          "border-green-600 bg-green-100/50 ring-2 ring-green-200/50": r.value.length > 0 && l.value
+          "border-green-500 bg-green-50/50": r.value.length > 0 && !s.value,
+          "border-blue-500 bg-blue-50/50 ring-2 ring-blue-200/50": s.value,
+          "border-green-600 bg-green-100/50 ring-2 ring-green-200/50": r.value.length > 0 && s.value
         }
       )
     ), p = (x) => {
-      x.preventDefault(), l.value = !1;
+      x.preventDefault(), s.value = !1;
       const V = Array.from(x.dataTransfer.files);
       g(V);
     }, w = (x) => {
       x.preventDefault();
-    }, C = (x) => {
-      x.preventDefault(), l.value = !0;
+    }, k = (x) => {
+      x.preventDefault(), s.value = !0;
     }, M = (x) => {
-      x.preventDefault(), l.value = !1;
+      x.preventDefault(), s.value = !1;
     }, A = () => {
-      s.value?.click();
+      l.value?.click();
     }, I = (x) => {
       const V = Array.from(x.target.files);
       g(V);
@@ -6428,13 +6428,13 @@ const Q = {
         class: m(c.value),
         onDrop: p,
         onDragover: w,
-        onDragenter: C,
+        onDragenter: k,
         onDragleave: M,
         onClick: A
       }, [
         i("input", {
           ref_key: "fileInput",
-          ref: s,
+          ref: l,
           type: "file",
           multiple: e.multiple,
           accept: e.accept,
@@ -6504,11 +6504,11 @@ const Q = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = `field-${Math.random().toString(36).slice(2, 9)}`, l = v(() => `${t.id || r}-${Math.random().toString(36).slice(2, 5)}`), s = v(() => !!t.error), u = H(!1), c = () => {
+    const t = e, n = a, r = `field-${Math.random().toString(36).slice(2, 9)}`, s = v(() => `${t.id || r}-${Math.random().toString(36).slice(2, 5)}`), l = v(() => !!t.error), u = H(!1), c = () => {
       u.value = !u.value;
     }, p = v(() => {
       const g = [];
-      return t.error ? g.push(`${l.value}-error`) : t.helpText && g.push(`${l.value}-help`), g.length > 0 ? g.join(" ") : void 0;
+      return t.error ? g.push(`${s.value}-error`) : t.helpText && g.push(`${s.value}-help`), g.length > 0 ? g.join(" ") : void 0;
     }), w = D("", {
       variants: {
         size: {
@@ -6518,7 +6518,7 @@ const Q = {
         }
       },
       defaultVariants: { size: "md" }
-    }), C = D("block text-slate-900", {
+    }), k = D("block text-slate-900", {
       variants: {
         size: {
           sm: "text-xs font-medium",
@@ -6562,33 +6562,33 @@ const Q = {
     return (g, b) => {
       const f = ce("font-awesome-icon");
       return o(), d("div", {
-        class: m(N(S)(N(w)({ size: e.size }), g.$attrs.class))
+        class: m(N(C)(N(w)({ size: e.size }), g.$attrs.class))
       }, [
         e.label ? (o(), d("label", {
           key: 0,
-          for: l.value,
-          class: m(N(S)(N(C)({ size: e.size })))
+          for: s.value,
+          class: m(N(C)(N(k)({ size: e.size })))
         }, [
           Z(y(e.label) + " ", 1),
           e.required ? (o(), d("span", Fu, "*")) : h("", !0)
         ], 10, Bu)) : h("", !0),
         e.description ? (o(), d("p", {
           key: 1,
-          class: m(N(S)(N(M)({ size: e.size })))
+          class: m(N(C)(N(M)({ size: e.size })))
         }, y(e.description), 3)) : h("", !0),
         i("div", Vu, [
           e.type === "date" ? (o(), Y(ya, {
             key: 0,
-            id: l.value,
+            id: s.value,
             "model-value": e.modelValue,
             disabled: !1,
             required: e.required,
-            class: m(s.value ? "border-red-500" : ""),
+            class: m(l.value ? "border-red-500" : ""),
             "onUpdate:modelValue": b[0] || (b[0] = (x) => n("update:modelValue", x))
           }, null, 8, ["id", "model-value", "required", "class"])) : B(g.$slots, "default", {
             key: 1,
-            fieldId: l.value,
-            hasError: s.value,
+            fieldId: s.value,
+            hasError: l.value,
             ariaDescribedBy: p.value,
             showPassword: u.value,
             togglePasswordVisibility: c
@@ -6615,10 +6615,10 @@ const Q = {
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
           default: L(() => [
-            s.value ? (o(), d("div", {
+            l.value ? (o(), d("div", {
               key: 0,
-              id: `${l.value}-error`,
-              class: m(N(S)(N(A)({ size: e.size, intent: "error" }))),
+              id: `${s.value}-error`,
+              class: m(N(C)(N(A)({ size: e.size, intent: "error" }))),
               role: "alert",
               "aria-live": "polite"
             }, [
@@ -6631,10 +6631,10 @@ const Q = {
           ]),
           _: 1
         }),
-        e.helpText && !s.value ? (o(), d("p", {
+        e.helpText && !l.value ? (o(), d("p", {
           key: 2,
-          id: `${l.value}-help`,
-          class: m(N(S)(N(I)({ size: e.size })))
+          id: `${s.value}-help`,
+          class: m(N(C)(N(I)({ size: e.size })))
         }, y(e.helpText), 11, Eu)) : h("", !0),
         T(fe, {
           "enter-active-class": "transition-all duration-200",
@@ -6645,9 +6645,9 @@ const Q = {
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
           default: L(() => [
-            e.success && !s.value ? (o(), d("div", {
+            e.success && !l.value ? (o(), d("div", {
               key: 0,
-              class: m(N(S)(N(A)({ size: e.size, intent: "success" })))
+              class: m(N(C)(N(A)({ size: e.size, intent: "success" })))
             }, [
               T(f, {
                 icon: "check",
@@ -6685,9 +6685,9 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
-    return (r, l) => (o(), d("div", {
+    return (r, s) => (o(), d("div", {
       class: m(n.value)
     }, [
       r.$slots.prefix ? (o(), d("div", Nu, [
@@ -6734,22 +6734,22 @@ const Q = {
           interactive: "hover:bg-accent/50 cursor-pointer"
         }
       }
-    }), l = D("flex items-center space-x-3 p-3", {
+    }), s = D("flex items-center space-x-3 p-3", {
       variants: {
         variant: {
           default: "",
           interactive: "transition-colors rounded-md"
         }
       }
-    }), s = v(
-      () => S(r({ variant: t.variant }))
+    }), l = v(
+      () => C(r({ variant: t.variant }))
     ), u = v(
-      () => S(l({ variant: t.variant }))
+      () => C(s({ variant: t.variant }))
     ), c = (p) => {
       n("click", p);
     };
     return (p, w) => (o(), d("li", {
-      class: m(s.value),
+      class: m(l.value),
       role: e.role
     }, [
       (o(), Y(pe(e.href ? "a" : "div"), {
@@ -6809,17 +6809,17 @@ const Q = {
           }
         }
       }
-    ), l = v(
-      () => S(r({ variant: t.variant }))
-    ), s = (u) => {
+    ), s = v(
+      () => C(r({ variant: t.variant }))
+    ), l = (u) => {
       t.disabled || n("click", u);
     };
     return (u, c) => (o(), Y(pe(e.href ? "a" : "button"), {
       href: e.href,
-      class: m(l.value),
+      class: m(s.value),
       disabled: e.disabled,
       role: "menuitem",
-      onClick: s
+      onClick: l
     }, {
       default: L(() => [
         e.icon ? (o(), Y(Q, {
@@ -6884,15 +6884,15 @@ const Q = {
           size: "4xl"
         }
       }
-    ), n = e, r = a, l = () => {
+    ), n = e, r = a, s = () => {
       r("update:modelValue", !1), r("close");
-    }, s = (c) => {
-      n.closeOnBackdrop && c.target === c.currentTarget && l();
+    }, l = (c) => {
+      n.closeOnBackdrop && c.target === c.currentTarget && s();
     };
     let u = null;
     return be(() => n.modelValue, (c) => {
       c ? (u = (p) => {
-        p.key === "Escape" && l();
+        p.key === "Escape" && s();
       }, document.addEventListener("keydown", u)) : u && (document.removeEventListener("keydown", u), u = null);
     }, { immediate: !0 }), Me(() => {
       u && (document.removeEventListener("keydown", u), u = null);
@@ -6909,17 +6909,17 @@ const Q = {
           e.modelValue ? (o(), d("div", {
             key: 0,
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center",
-            onClick: s
+            onClick: l
           }, [
             i("div", {
-              class: m(N(S)(N(t)({ size: e.size }), e.resizable ? "resize" : "")),
+              class: m(N(C)(N(t)({ size: e.size }), e.resizable ? "resize" : "")),
               style: me(e.resizable ? "min-width: 400px; min-height: 200px;" : "")
             }, [
               e.showClose ? (o(), d("button", {
                 key: 0,
                 "aria-label": "Close",
                 class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                onClick: l
+                onClick: s
               }, [
                 T(Q, {
                   icon: "x",
@@ -6972,9 +6972,9 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
-    return (r, l) => (o(), d("div", {
+    return (r, s) => (o(), d("div", {
       class: m(n.value)
     }, [
       B(r.$slots, "default")
@@ -6998,9 +6998,9 @@ const Q = {
         }
       }
     }), n = v(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
-    return (r, l) => (o(), d("div", {
+    return (r, s) => (o(), d("div", {
       class: m(n.value)
     }, [
       B(r.$slots, "default")
@@ -7038,7 +7038,7 @@ const Q = {
   },
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!0), l = D(
+    const t = e, n = a, r = H(!0), s = D(
       "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-background shadow-lg ring-1 ring-black ring-opacity-5",
       {
         variants: {
@@ -7050,7 +7050,7 @@ const Q = {
           }
         }
       }
-    ), s = {
+    ), l = {
       default: "info",
       success: "check-circle",
       warning: "alert-triangle",
@@ -7065,13 +7065,13 @@ const Q = {
         }
       }
     }), c = v(
-      () => S(l({ variant: t.variant }), "p-4")
-    ), p = v(() => s[t.variant]), w = v(() => u({ variant: t.variant })), C = () => {
+      () => C(s({ variant: t.variant }), "p-4")
+    ), p = v(() => l[t.variant]), w = v(() => u({ variant: t.variant })), k = () => {
       r.value = !1, n("dismiss");
     };
     return ze(() => {
       t.autoClose > 0 && setTimeout(() => {
-        C();
+        k();
       }, t.autoClose);
     }), (M, A) => (o(), Y(fe, {
       "enter-active-class": "transition-all duration-300 ease-out",
@@ -7106,7 +7106,7 @@ const Q = {
             e.dismissible ? (o(), d("button", {
               key: 1,
               class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2",
-              onClick: C
+              onClick: k
             }, [
               T(Q, {
                 name: "x",
@@ -7157,26 +7157,26 @@ const dd = {
         loading: t = "Loading...",
         success: n = "Success",
         error: r = "Error",
-        ...l
-      } = a, s = Ie(t, {
-        ...l,
+        ...s
+      } = a, l = Ie(t, {
+        ...s,
         variant: "loading",
         duration: 0,
         // Don't auto dismiss
         dismissible: !1
       });
       return e.then((u) => {
-        st(s);
+        st(l);
         const c = typeof n == "function" ? n(u) : n;
         return Ie(c, {
-          ...l,
+          ...s,
           variant: "success"
         }), u;
       }).catch((u) => {
-        st(s);
+        st(l);
         const c = typeof r == "function" ? r(u) : r;
         throw Ie(c, {
-          ...l,
+          ...s,
           variant: "error"
         }), u;
       });
@@ -7247,9 +7247,9 @@ const dd = {
       "bottom-left": "bottom-0 left-0 flex-col-reverse",
       "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 flex-col-reverse",
       "bottom-right": "bottom-0 right-0 flex-col-reverse"
-    }, l = v(
-      () => S(r[a.position])
-    ), s = D(
+    }, s = v(
+      () => C(r[a.position])
+    ), l = D(
       "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",
       {
         variants: {
@@ -7264,7 +7264,7 @@ const dd = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), u = (I) => S(s({ variant: I.variant })), c = {
+    ), u = (I) => C(l({ variant: I.variant })), c = {
       default: "bell",
       info: "info",
       success: "check-circle",
@@ -7278,14 +7278,14 @@ const dd = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, w = (I) => I.icon || c[I.variant] || c.default, C = (I) => {
+    }, w = (I) => I.icon || c[I.variant] || c.default, k = (I) => {
       const g = p[I.variant] || p.default;
       return I.variant === "loading" ? `${g} animate-spin` : g;
     }, M = (I) => I.icon !== !1, A = (I) => I.dismissible !== !1 && (I.closeButton || a.closeButton || I.dismissible);
     return (I, g) => (o(), Y(nn, { to: "body" }, [
       i("div", {
-        class: m(N(S)(
-          l.value,
+        class: m(N(C)(
+          s.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
       }, [
@@ -7310,7 +7310,7 @@ const dd = {
               M(b) ? (o(), Y(Q, {
                 key: 0,
                 icon: w(b),
-                class: m([C(b), "h-4 w-4 shrink-0"])
+                class: m([k(b), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : h("", !0),
               i("div", gd, [
                 b.title ? (o(), d("div", vd, y(b.title), 1)) : h("", !0),
@@ -7407,40 +7407,40 @@ const dd = {
     <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>`
-    }, l = e, s = a, u = H(null), c = H(null), p = H(!1), w = H(-1), C = H(null), M = (R) => {
+    }, s = e, l = a, u = H(null), c = H(null), p = H(!1), w = H(-1), k = H(null), M = (R) => {
       const te = R.target.value;
-      s("update:modelValue", te), C.value && clearTimeout(C.value), C.value = setTimeout(() => {
-        te.length >= l.minLength ? (s("search", te), p.value = !0) : p.value = !1;
-      }, l.debounce);
+      l("update:modelValue", te), k.value && clearTimeout(k.value), k.value = setTimeout(() => {
+        te.length >= s.minLength ? (l("search", te), p.value = !0) : p.value = !1;
+      }, s.debounce);
     }, A = (R) => {
-      s("focus", R), l.modelValue.length >= l.minLength && (p.value = !0);
+      l("focus", R), s.modelValue.length >= s.minLength && (p.value = !0);
     }, I = (R) => {
-      s("blur", R), setTimeout(() => {
+      l("blur", R), setTimeout(() => {
         p.value = !1, w.value = -1;
       }, 150);
     }, g = () => {
-      s("update:modelValue", ""), s("clear"), p.value = !1, c.value?.focus();
+      l("update:modelValue", ""), l("clear"), p.value = !1, c.value?.focus();
     }, b = (R) => {
-      s("select", R), p.value = !1, w.value = -1;
+      l("select", R), p.value = !1, w.value = -1;
     }, f = (R) => {
-      if (!(!p.value || l.results.length === 0))
+      if (!(!p.value || s.results.length === 0))
         switch (R.key) {
           case "ArrowDown":
-            R.preventDefault(), w.value = Math.min(w.value + 1, l.results.length - 1);
+            R.preventDefault(), w.value = Math.min(w.value + 1, s.results.length - 1);
             break;
           case "ArrowUp":
             R.preventDefault(), w.value = Math.max(w.value - 1, -1);
             break;
           case "Enter":
-            R.preventDefault(), w.value >= 0 && b(l.results[w.value]);
+            R.preventDefault(), w.value >= 0 && b(s.results[w.value]);
             break;
           case "Escape":
             R.preventDefault(), p.value = !1, w.value = -1;
             break;
         }
     }, x = (R) => {
-      if (!l.highlightMatches || !l.modelValue || !R) return R;
-      const te = new RegExp(`(${l.modelValue})`, "gi");
+      if (!s.highlightMatches || !s.modelValue || !R) return R;
+      const te = new RegExp(`(${s.modelValue})`, "gi");
       return R.replace(te, "$1");
     }, V = D(
       "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",
@@ -7463,17 +7463,17 @@ const dd = {
         }
       },
       defaultVariants: { size: "md" }
-    }), P = v(() => S(V({ size: l.size }))), re = v(() => S(O({ size: l.size }))), U = v(
-      () => S("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), ie = (R) => S(
+    }), P = v(() => C(V({ size: s.size }))), re = v(() => C(O({ size: s.size }))), U = v(
+      () => C("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
+    ), ie = (R) => C(
       "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": w.value === R }
     ), de = (R) => {
       u.value && !u.value.contains(R.target) && (p.value = !1, w.value = -1);
     };
     return ze(() => document.addEventListener("click", de)), Me(() => {
-      document.removeEventListener("click", de), C.value && clearTimeout(C.value);
-    }), be(() => l.results, () => w.value = -1), (R, te) => (o(), d("div", {
+      document.removeEventListener("click", de), k.value && clearTimeout(k.value);
+    }), be(() => s.results, () => w.value = -1), (R, te) => (o(), d("div", {
       ref_key: "searchRef",
       ref: u,
       class: "relative"
@@ -7523,11 +7523,11 @@ const dd = {
             class: m(U.value)
           }, [
             e.results.length > 0 ? (o(), d("div", Ad, [
-              (o(!0), d(X, null, J(e.results, (G, k) => (o(), d("button", {
-                key: G.id || k,
-                class: m(ie(k)),
+              (o(!0), d(X, null, J(e.results, (G, S) => (o(), d("button", {
+                key: G.id || S,
+                class: m(ie(S)),
                 onClick: (j) => b(G),
-                onMouseenter: (j) => w.value = k
+                onMouseenter: (j) => w.value = S
               }, [
                 G.icon ? (o(), Y(pe(G.icon), {
                   key: 0,
@@ -7562,7 +7562,7 @@ const dd = {
     const t = a, n = (r) => {
       t("update:modelValue", Number(r.target.value));
     };
-    return (r, l) => (o(), d("div", Md, [
+    return (r, s) => (o(), d("div", Md, [
       i("input", {
         type: "range",
         min: e.min,
@@ -7645,31 +7645,31 @@ const dd = {
           variant: "default"
         }
       }
-    ), r = H(t.defaultIndex), l = H([]), s = (c) => {
+    ), r = H(t.defaultIndex), s = H([]), l = (c) => {
       r.value = c, u("tab-change", c);
     }, u = a;
     return kr("tabsContext", {
       activeIndex: r,
-      tabs: l,
-      registerTab: (c) => (l.value.push({ label: c }), l.value.length - 1),
+      tabs: s,
+      registerTab: (c) => (s.value.push({ label: c }), s.value.length - 1),
       unregisterTab: (c) => {
-        l.value.splice(c, 1);
+        s.value.splice(c, 1);
       }
     }), (c, p) => (o(), d("div", Ud, [
       i("div", Hd, [
-        (o(!0), d(X, null, J(l.value, (w, C) => (o(), d("button", {
-          id: `tab-${C}`,
-          key: C,
+        (o(!0), d(X, null, J(s.value, (w, k) => (o(), d("button", {
+          id: `tab-${k}`,
+          key: k,
           disabled: t.loading,
-          class: m(N(S)(
+          class: m(N(C)(
             N(n)({ size: t.size, variant: t.variant }),
-            r.value === C ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300",
+            r.value === k ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300",
             t.loading && "cursor-not-allowed opacity-50"
           )),
-          "aria-selected": r.value === C,
-          "aria-controls": `panel-${C}`,
+          "aria-selected": r.value === k,
+          "aria-controls": `panel-${k}`,
           role: "tab",
-          onClick: (M) => !t.loading && s(C)
+          onClick: (M) => !t.loading && l(k)
         }, y(w.label), 11, Gd))), 128))
       ]),
       i("div", Kd, [
@@ -7692,12 +7692,12 @@ const dd = {
       throw new Error("TabPanel must be used within a Tab component");
     const n = H(null), r = H(!1);
     return ze(() => {
-      n.value = t.registerTab(a.label), r.value = t.activeIndex.value === n.value, be(t.activeIndex, (l) => {
-        r.value = l === n.value;
+      n.value = t.registerTab(a.label), r.value = t.activeIndex.value === n.value, be(t.activeIndex, (s) => {
+        r.value = s === n.value;
       });
     }), Me(() => {
       n.value !== null && t.unregisterTab(n.value);
-    }), (l, s) => aa((o(), d("div", {
+    }), (s, l) => aa((o(), d("div", {
       id: `panel-${n.value}`,
       role: "tabpanel",
       "aria-labelledby": `tab-${n.value}`
@@ -7707,7 +7707,7 @@ const dd = {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
-      ])) : B(l.$slots, "default", { key: 1 })
+      ])) : B(s.$slots, "default", { key: 1 })
     ], 8, Jd)), [
       [ln, r.value]
     ]);
@@ -7744,20 +7744,20 @@ const dd = {
       <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
     </svg>
   `
-    }, n = e, r = a, l = H(
+    }, n = e, r = a, s = H(
       n.multiple ? Array.isArray(n.modelValue) ? [...n.modelValue] : [] : typeof n.modelValue == "number" ? [n.modelValue] : []
-    ), s = (x) => {
+    ), l = (x) => {
       if (!(n.disabled || n.items[x]?.disabled)) {
         if (n.multiple) {
-          const V = l.value.indexOf(x);
-          V > -1 ? l.value.splice(V, 1) : l.value.push(x), r("update:modelValue", [...l.value]);
+          const V = s.value.indexOf(x);
+          V > -1 ? s.value.splice(V, 1) : s.value.push(x), r("update:modelValue", [...s.value]);
         } else {
-          const V = l.value.includes(x) ? null : x;
-          l.value = V !== null ? [V] : [], r("update:modelValue", V);
+          const V = s.value.includes(x) ? null : x;
+          s.value = V !== null ? [V] : [], r("update:modelValue", V);
         }
-        r("change", { index: x, expanded: l.value.includes(x) });
+        r("change", { index: x, expanded: s.value.includes(x) });
       }
-    }, u = (x) => l.value.includes(x), c = D("w-full", {
+    }, u = (x) => s.value.includes(x), c = D("w-full", {
       variants: {
         variant: {
           default: "space-y-1",
@@ -7792,7 +7792,7 @@ const dd = {
           }
         }
       }
-    ), C = D("ml-4 flex-shrink-0 text-slate-400 transition-all duration-200", {
+    ), k = D("ml-4 flex-shrink-0 text-slate-400 transition-all duration-200", {
       variants: {
         expanded: {
           true: "rotate-180 text-blue-500",
@@ -7808,22 +7808,22 @@ const dd = {
         }
       }
     }), A = v(
-      () => S(c({ variant: n.variant }))
+      () => C(c({ variant: n.variant }))
     ), I = v(
-      () => S(p({ variant: n.variant }))
-    ), g = (x) => S(
+      () => C(p({ variant: n.variant }))
+    ), g = (x) => C(
       w({ variant: n.variant, size: n.size }),
       u(x) && n.variant === "bordered" && "bg-blue-50/30 border-blue-300",
       u(x) && n.variant === "filled" && "bg-white",
       u(x) && n.variant === "default" && "bg-slate-50",
       (n.disabled || n.items[x]?.disabled) && "cursor-not-allowed opacity-50"
-    ), b = (x) => S(C({ expanded: u(x) })), f = v(
-      () => S(M({ size: n.size }))
+    ), b = (x) => C(k({ expanded: u(x) })), f = v(
+      () => C(M({ size: n.size }))
     );
     return be(
       () => n.modelValue,
       (x) => {
-        n.multiple ? l.value = Array.isArray(x) ? [...x] : [] : l.value = typeof x == "number" ? [x] : [];
+        n.multiple ? s.value = Array.isArray(x) ? [...x] : [] : s.value = typeof x == "number" ? [x] : [];
       }
     ), (x, V) => (o(), d("div", {
       class: m(A.value)
@@ -7837,7 +7837,7 @@ const dd = {
           class: m(g(P)),
           "aria-expanded": u(P),
           "aria-controls": `panel-${O.id || P}`,
-          onClick: (re) => s(P)
+          onClick: (re) => l(P)
         }, [
           i("div", tc, [
             B(x.$slots, `header-${P}`, {
@@ -7909,7 +7909,7 @@ const dd = {
       <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
     </svg>
   `
-    }, t = e, n = H(!1), r = () => n.value = !n.value, l = D("", {
+    }, t = e, n = H(!1), r = () => n.value = !n.value, s = D("", {
       variants: {
         variant: {
           default: "",
@@ -7918,7 +7918,7 @@ const dd = {
           flush: ""
         }
       }
-    }), s = D(
+    }), l = D(
       "flex items-center justify-between w-full text-left transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
       {
         variants: {
@@ -7938,13 +7938,13 @@ const dd = {
         }
       }
     }), c = v(
-      () => S(l({ variant: t.variant }))
+      () => C(s({ variant: t.variant }))
     ), p = v(
-      () => S(s({ size: t.size }))
+      () => C(l({ size: t.size }))
     ), w = v(
-      () => S(u({ size: t.size }))
+      () => C(u({ size: t.size }))
     );
-    return (C, M) => (o(), d("div", {
+    return (k, M) => (o(), d("div", {
       class: m(c.value)
     }, [
       T(Pe, {
@@ -7953,9 +7953,9 @@ const dd = {
         onClick: r
       }, {
         default: L(() => [
-          B(C.$slots, "header", { isOpen: n.value }),
+          B(k.$slots, "header", { isOpen: n.value }),
           T(a, {
-            class: m(N(S)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
+            class: m(N(C)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
@@ -7973,7 +7973,7 @@ const dd = {
             key: 0,
             class: m(w.value)
           }, [
-            B(C.$slots, "content", { isOpen: n.value })
+            B(k.$slots, "content", { isOpen: n.value })
           ], 2)) : h("", !0)
         ]),
         _: 3
@@ -8016,42 +8016,42 @@ const dd = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!1), l = /* @__PURE__ */ new Date(), s = H(l.getMonth()), u = H(l.getFullYear()), c = H(null), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], w = v(
-      () => new Date(u.value, s.value).toLocaleString("default", {
+    const t = e, n = a, r = H(!1), s = /* @__PURE__ */ new Date(), l = H(s.getMonth()), u = H(s.getFullYear()), c = H(null), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], w = v(
+      () => new Date(u.value, l.value).toLocaleString("default", {
         month: "long"
       })
-    ), C = v(() => new Date(u.value, s.value + 1, 0).getDate()), M = v(() => new Date(u.value, s.value, 1).getDay()), A = v(() => {
-      const G = new Date(u.value, s.value, 0).getDate(), k = M.value;
-      return Array.from({ length: k }, (j, W) => G - k + W + 1);
+    ), k = v(() => new Date(u.value, l.value + 1, 0).getDate()), M = v(() => new Date(u.value, l.value, 1).getDay()), A = v(() => {
+      const G = new Date(u.value, l.value, 0).getDate(), S = M.value;
+      return Array.from({ length: S }, (j, W) => G - S + W + 1);
     }), I = v(() => {
-      const G = A.value.length + C.value, k = G % 7 === 0 ? 0 : 7 - G % 7;
-      return Array.from({ length: k }, (j, W) => W + 1);
+      const G = A.value.length + k.value, S = G % 7 === 0 ? 0 : 7 - G % 7;
+      return Array.from({ length: S }, (j, W) => W + 1);
     }), g = v(() => c.value ? b(c.value) : "");
     function b(G) {
       if (!G) return "";
-      const k = new Date(G), j = String(k.getMonth() + 1).padStart(2, "0"), W = String(k.getDate()).padStart(2, "0"), se = k.getFullYear();
+      const S = new Date(G), j = String(S.getMonth() + 1).padStart(2, "0"), W = String(S.getDate()).padStart(2, "0"), se = S.getFullYear();
       return t.format.replace("MM", j).replace("DD", W).replace("YYYY", se);
     }
     function f(G) {
       if (!G) return null;
       if (G instanceof Date) return G;
-      const k = new Date(G);
-      return isNaN(k.getTime()) ? null : k;
+      const S = new Date(G);
+      return isNaN(S.getTime()) ? null : S;
     }
     function x(G) {
       if (!c.value) return !1;
-      const k = new Date(c.value);
-      return k.getDate() === G && k.getMonth() === s.value && k.getFullYear() === u.value;
+      const S = new Date(c.value);
+      return S.getDate() === G && S.getMonth() === l.value && S.getFullYear() === u.value;
     }
     function V(G) {
-      const k = new Date(u.value, s.value, G);
+      const S = new Date(u.value, l.value, G);
       if (t.min) {
         const j = f(t.min);
-        if (j && k < j) return !0;
+        if (j && S < j) return !0;
       }
       if (t.max) {
         const j = f(t.max);
-        if (j && k > j) return !0;
+        if (j && S > j) return !0;
       }
       return !1;
     }
@@ -8062,26 +8062,26 @@ const dd = {
       r.value = !1;
     }
     function re() {
-      s.value === 0 ? (s.value = 11, u.value--) : s.value--;
+      l.value === 0 ? (l.value = 11, u.value--) : l.value--;
     }
     function U() {
-      s.value === 11 ? (s.value = 0, u.value++) : s.value++;
+      l.value === 11 ? (l.value = 0, u.value++) : l.value++;
     }
     function ie(G) {
       if (V(G)) return;
-      const k = new Date(u.value, s.value, G);
-      c.value = k, n("update:modelValue", k.toISOString().split("T")[0]), r.value = !1;
+      const S = new Date(u.value, l.value, G);
+      c.value = S, n("update:modelValue", S.toISOString().split("T")[0]), r.value = !1;
     }
     function de() {
-      s.value = l.getMonth(), u.value = l.getFullYear(), ie(l.getDate());
+      l.value = s.getMonth(), u.value = s.getFullYear(), ie(s.getDate());
     }
     function R() {
       c.value = null, n("update:modelValue", "");
     }
     be(() => t.modelValue, (G) => {
       if (G) {
-        const k = f(G);
-        k && (c.value = k, s.value = k.getMonth(), u.value = k.getFullYear());
+        const S = f(G);
+        S && (c.value = S, l.value = S.getMonth(), u.value = S.getFullYear());
       } else
         c.value = null;
     }, { immediate: !0 });
@@ -8092,7 +8092,7 @@ const dd = {
       document.addEventListener("keydown", te);
     }), an(() => {
       document.removeEventListener("keydown", te);
-    }), (G, k) => (o(), d("div", oc, [
+    }), (G, S) => (o(), d("div", oc, [
       i("div", ic, [
         i("input", {
           id: e.id,
@@ -8106,7 +8106,7 @@ const dd = {
           class: "w-full px-3 py-2 pr-10 border border-slate-300 rounded-md bg-white text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
           onClick: O
         }, null, 8, uc),
-        k[2] || (k[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
+        S[2] || (S[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           i("svg", {
             class: "w-5 h-5 text-slate-400",
             fill: "none",
@@ -8127,7 +8127,7 @@ const dd = {
           class: "absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-slate-100 rounded",
           "aria-label": "Clear date",
           onClick: Ne(R, ["stop"])
-        }, [...k[1] || (k[1] = [
+        }, [...S[1] || (S[1] = [
           i("svg", {
             class: "w-4 h-4 text-slate-500",
             fill: "none",
@@ -8155,7 +8155,7 @@ const dd = {
           r.value ? (o(), d("div", {
             key: 0,
             class: m(["absolute z-[99999] mt-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
-            onClick: k[0] || (k[0] = Ne(() => {
+            onClick: S[0] || (S[0] = Ne(() => {
             }, ["stop"]))
           }, [
             i("div", dc, [
@@ -8164,7 +8164,7 @@ const dd = {
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Previous Month",
                 onClick: re
-              }, [...k[3] || (k[3] = [
+              }, [...S[3] || (S[3] = [
                 i("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -8185,7 +8185,7 @@ const dd = {
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Next Month",
                 onClick: U
-              }, [...k[4] || (k[4] = [
+              }, [...S[4] || (S[4] = [
                 i("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -8212,7 +8212,7 @@ const dd = {
                 key: "prev-" + W,
                 class: "text-center text-sm text-slate-300 py-2"
               }, y(j), 1))), 128)),
-              (o(!0), d(X, null, J(C.value, (j) => (o(), d("button", {
+              (o(!0), d(X, null, J(k.value, (j) => (o(), d("button", {
                 key: j,
                 type: "button",
                 disabled: V(j),
@@ -8311,26 +8311,26 @@ const dd = {
       defaultVariants: {
         size: "md"
       }
-    }), l = v(
-      () => S(t({
+    }), s = v(
+      () => C(t({
         variant: a.variant,
         padding: a.padding
       }))
-    ), s = v(
-      () => S(n({ size: "md" }))
+    ), l = v(
+      () => C(n({ size: "md" }))
     ), u = v(
-      () => S(r({ size: "md" }))
+      () => C(r({ size: "md" }))
     );
     return (c, p) => e.title || e.description || c.$slots.header ? (o(), d("div", {
       key: 0,
-      class: m(l.value)
+      class: m(s.value)
     }, [
       B(c.$slots, "header", {}, () => [
         i("div", hc, [
           i("div", null, [
             e.title ? (o(), Y(Zt, {
               key: 0,
-              class: m(s.value)
+              class: m(l.value)
             }, {
               default: L(() => [
                 Z(y(e.title), 1)
@@ -8440,7 +8440,7 @@ const dd = {
         selected: !1,
         variant: "default"
       }
-    }), l = D("whitespace-nowrap text-sm text-slate-900", {
+    }), s = D("whitespace-nowrap text-sm text-slate-900", {
       variants: {
         density: {
           compact: "px-4 py-2",
@@ -8457,16 +8457,16 @@ const dd = {
         density: "normal",
         align: "left"
       }
-    }), s = (g) => typeof g == "string" ? g : g?.key || g?.field || "unknown", u = (g, b) => {
-      const f = s(b);
+    }), l = (g) => typeof g == "string" ? g : g?.key || g?.field || "unknown", u = (g, b) => {
+      const f = l(b);
       return typeof b == "object" && b.accessor ? b.accessor(g) : f && f.includes(".") ? f.split(".").reduce((x, V) => x?.[V], g) : g?.[f];
     }, c = (g, b) => {
       const f = u(g, b);
       return typeof b == "object" && b.formatter ? b.formatter(f, g) : f == null ? "" : f instanceof Date ? f.toLocaleDateString() : Array.isArray(f) ? f.join(", ") : f;
     }, p = () => {
       t.clickableRows && n("row-click", { item: t.item, index: t.index });
-    }, w = (g) => typeof g == "object" && g.align ? g.align : "left", C = v(
-      () => S(r({
+    }, w = (g) => typeof g == "object" && g.align ? g.align : "left", k = v(
+      () => C(r({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
         clickable: t.clickableRows,
@@ -8475,21 +8475,21 @@ const dd = {
       }))
     ), M = (g) => {
       const b = w(g);
-      return S(
-        l({
+      return C(
+        s({
           density: t.density,
           align: b
         }),
         g.cellClasses
       );
     }, A = v(
-      () => S(
-        l({ density: t.density }),
+      () => C(
+        s({ density: t.density }),
         "w-12"
       )
     ), I = v(
-      () => S(
-        l({
+      () => C(
+        s({
           density: t.density,
           align: "right"
         }),
@@ -8497,7 +8497,7 @@ const dd = {
       )
     );
     return (g, b) => (o(), d("tr", {
-      class: m(C.value),
+      class: m(k.value),
       onClick: p
     }, [
       e.selectable ? (o(), d("td", {
@@ -8510,10 +8510,10 @@ const dd = {
         }, null, 8, ["model-value"])
       ], 2)) : h("", !0),
       (o(!0), d(X, null, J(e.columns, (f) => (o(), d("td", {
-        key: s(f),
+        key: l(f),
         class: m(M(f))
       }, [
-        B(g.$slots, `cell-${s(f)}`, {
+        B(g.$slots, `cell-${l(f)}`, {
           item: e.item,
           value: u(e.item, f),
           column: f,
@@ -8642,7 +8642,7 @@ const dd = {
       defaultVariants: {
         size: "md"
       }
-    }), l = D("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent", {
+    }), s = D("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent", {
       variants: {
         size: {
           sm: "px-2 py-1",
@@ -8653,7 +8653,7 @@ const dd = {
       defaultVariants: {
         size: "sm"
       }
-    }), s = v(() => (a.currentPage - 1) * a.pageSize + 1), u = v(() => Math.min(a.currentPage * a.pageSize, a.total)), c = v(() => {
+    }), l = v(() => (a.currentPage - 1) * a.pageSize + 1), u = v(() => Math.min(a.currentPage * a.pageSize, a.total)), c = v(() => {
       const A = [], I = a.totalPages, g = a.currentPage, b = a.maxVisiblePages;
       if (I <= b)
         for (let f = 1; f <= I; f++)
@@ -8667,17 +8667,17 @@ const dd = {
       }
       return A;
     }), p = v(
-      () => S(t({
+      () => C(t({
         variant: a.variant,
         padding: a.padding
       }))
     ), w = v(
-      () => S(r({ size: "md" }))
-    ), C = v(
-      () => S(l({ size: "sm" }))
+      () => C(r({ size: "md" }))
+    ), k = v(
+      () => C(s({ size: "sm" }))
     ), M = (A, I) => {
       let g = "inactive";
-      return I ? g = "disabled" : A && (g = "active"), S(n({
+      return I ? g = "disabled" : A && (g = "active"), C(n({
         state: g,
         size: "md"
       }));
@@ -8687,7 +8687,7 @@ const dd = {
       class: m(p.value)
     }, [
       i("div", yc, [
-        e.selectable && e.selectedCount > 0 ? (o(), d("div", xc, y(e.selectedCount) + " of " + y(e.total) + " selected ", 1)) : (o(), d("div", wc, " Showing " + y(s.value) + " to " + y(u.value) + " of " + y(e.total) + " entries ", 1)),
+        e.selectable && e.selectedCount > 0 ? (o(), d("div", xc, y(e.selectedCount) + " of " + y(e.total) + " selected ", 1)) : (o(), d("div", wc, " Showing " + y(l.value) + " to " + y(u.value) + " of " + y(e.total) + " entries ", 1)),
         A.$slots.footer ? (o(), d("div", kc, [
           B(A.$slots, "footer")
         ])) : h("", !0),
@@ -8706,7 +8706,7 @@ const dd = {
             T(Ge, {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
-              class: m(C.value),
+              class: m(k.value),
               "onUpdate:modelValue": I[0] || (I[0] = (g) => A.$emit("update:pageSize", parseInt(g)))
             }, {
               default: L(() => [
@@ -9119,7 +9119,7 @@ const dd = {
   },
   emits: ["selection-change", "sort-change", "row-click", "page-change", "page-size-change", "refresh"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = H(1), s = H(n.pageSize), u = H(n.sortBy), c = H(n.sortOrder), p = D("bg-white border border-slate-200 rounded-lg overflow-hidden", {
+    const n = e, r = t, s = H(1), l = H(n.pageSize), u = H(n.sortBy), c = H(n.sortOrder), p = D("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -9141,7 +9141,7 @@ const dd = {
       defaultVariants: {
         variant: "default"
       }
-    }), C = D("", {
+    }), k = D("", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -9173,9 +9173,9 @@ const dd = {
         });
       }
       return q;
-    }), I = v(() => Math.ceil(A.value.length / s.value)), g = v(() => {
+    }), I = v(() => Math.ceil(A.value.length / l.value)), g = v(() => {
       if (!n.showPagination) return A.value;
-      const q = (l.value - 1) * s.value, ee = q + s.value;
+      const q = (s.value - 1) * l.value, ee = q + l.value;
       return A.value.slice(q, ee);
     }), b = v(() => {
       let q = n.columns.length;
@@ -9199,18 +9199,18 @@ const dd = {
     }, de = (q) => {
       n.loading || r("row-click", q);
     }, R = async (q) => {
-      n.paginationLoading || n.loading || (l.value = q, r("page-change", q));
+      n.paginationLoading || n.loading || (s.value = q, r("page-change", q));
     }, te = async (q) => {
-      n.paginationLoading || n.loading || (s.value = q, l.value = 1, r("page-size-change", q));
+      n.paginationLoading || n.loading || (l.value = q, s.value = 1, r("page-size-change", q));
     }, G = v(
-      () => S(p({ variant: n.variant }))
-    ), k = v(
-      () => S(w({ variant: n.variant }))
+      () => C(p({ variant: n.variant }))
+    ), S = v(
+      () => C(w({ variant: n.variant }))
     ), j = v(
-      () => S(C({ variant: n.variant }))
+      () => C(k({ variant: n.variant }))
     ), W = v(
-      () => S(M({ variant: n.variant }))
-    ), se = (q) => S(
+      () => C(M({ variant: n.variant }))
+    ), se = (q) => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-3",
@@ -9221,35 +9221,35 @@ const dd = {
         "cursor-pointer hover:bg-slate-100 transition-colors": q.sortable && !n.loading && !n.sortLoading,
         "cursor-not-allowed opacity-50": n.loading || n.sortLoading && u.value === q.key
       }
-    ), ae = () => S(
+    ), ae = () => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900"
-    ), xe = v(() => S(
+    ), xe = v(() => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900 w-12"
-    )), De = v(() => S(
+    )), De = v(() => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm font-medium text-center"
-    )), Re = v(() => S(
+    )), Re = v(() => C(
       {
         compact: "px-4 py-4",
         normal: "px-6 py-6",
         comfortable: "px-8 py-8"
       }[n.density],
       "text-center"
-    )), Qe = (q, ee) => S(
+    )), Qe = (q, ee) => C(
       {
         "text-blue-600": u.value === q.key && c.value === ee,
         "text-slate-300": u.value !== q.key || c.value !== ee
@@ -9257,7 +9257,7 @@ const dd = {
     );
     return be(() => n.selectedItems, () => {
     }, { deep: !0 }), be(() => n.pageSize, (q) => {
-      s.value = q;
+      l.value = q;
     }), a({
       refresh: () => {
         r("refresh");
@@ -9271,7 +9271,7 @@ const dd = {
       clearSelection: () => {
         r("selection-change", []);
       },
-      getCurrentPage: () => l.value,
+      getCurrentPage: () => s.value,
       getTotalPages: () => I.value,
       getSelectedItems: () => n.selectedItems
     }), (q, ee) => (o(), d("div", {
@@ -9309,7 +9309,7 @@ const dd = {
           class: m(["overflow-x-auto", { "opacity-50": e.loading }])
         }, [
           i("table", {
-            class: m(k.value)
+            class: m(S.value)
           }, [
             i("thead", {
               class: m(j.value)
@@ -9479,10 +9479,10 @@ const dd = {
       ]),
       e.showPagination || q.$slots.footer ? (o(), Y(hr, {
         key: 1,
-        "current-page": l.value,
+        "current-page": s.value,
         "total-pages": I.value,
         total: A.value.length,
-        "page-size": s.value,
+        "page-size": l.value,
         "show-pagination": e.showPagination,
         selectable: e.selectable,
         "selected-count": e.selectedItems.length,
@@ -9541,9 +9541,9 @@ const dd = {
   },
   setup(e) {
     const a = e, t = v(() => {
-      const s = a.value ?? n();
-      return a.column.formatter ? a.column.formatter(s, a.item) : s;
-    }), n = () => a.column.accessor ? a.column.accessor(a.item) : a.column.key.split(".").reduce((s, u) => s?.[u], a.item), r = D("whitespace-nowrap", {
+      const l = a.value ?? n();
+      return a.column.formatter ? a.column.formatter(l, a.item) : l;
+    }), n = () => a.column.accessor ? a.column.accessor(a.item) : a.column.key.split(".").reduce((l, u) => l?.[u], a.item), r = D("whitespace-nowrap", {
       variants: {
         align: {
           left: "text-left",
@@ -9567,11 +9567,11 @@ const dd = {
         padding: "normal",
         textSize: "sm"
       }
-    }), l = v(() => {
-      const s = a.align || a.column.align || "left", u = `text-${a.textColor}`, c = a.width ? `w-${a.width}` : "";
-      return S(
+    }), s = v(() => {
+      const l = a.align || a.column.align || "left", u = `text-${a.textColor}`, c = a.width ? `w-${a.width}` : "";
+      return C(
         r({
-          align: s,
+          align: l,
           padding: a.padding,
           textSize: a.textSize
         }),
@@ -9580,10 +9580,10 @@ const dd = {
         a.column.cellClasses
       );
     });
-    return (s, u) => (o(), d("td", {
-      class: m(l.value)
+    return (l, u) => (o(), d("td", {
+      class: m(s.value)
     }, [
-      B(s.$slots, "default", {}, () => [
+      B(l.$slots, "default", {}, () => [
         Z(y(t.value), 1)
       ])
     ], 2));
@@ -9720,7 +9720,7 @@ const dd = {
     "clear-filters"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!1), l = D("flex flex-wrap items-center gap-4", {
+    const t = e, n = a, r = H(!1), s = D("flex flex-wrap items-center gap-4", {
       variants: {
         variant: {
           default: "bg-white",
@@ -9737,7 +9737,7 @@ const dd = {
         variant: "default",
         padding: "normal"
       }
-    }), s = D("border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all text-sm", {
+    }), l = D("border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all text-sm", {
       variants: {
         size: {
           sm: "px-2 py-1.5",
@@ -9776,7 +9776,7 @@ const dd = {
         ($) => $.key === E ? { ...$, from: "", to: "" } : $
       );
       n("update:dateFilters", z);
-    }, C = (E) => `text-xs px-2 py-1 rounded ${p(E) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, M = (E, z, $) => {
+    }, k = (E) => `text-xs px-2 py-1 rounded ${p(E) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, M = (E, z, $) => {
       const _ = t.dateFilters.map(
         (le) => le.key === E ? { ...le, [z]: $ } : le
       );
@@ -9891,27 +9891,27 @@ const dd = {
         }
       }), E;
     }), te = v(
-      () => S(l({
+      () => C(s({
         variant: t.variant,
         padding: t.padding
       }))
     ), G = v(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 group-hover:text-gray-600 transition-colors"
-    ), k = v(
-      () => S(
-        s({ size: "md" }),
+    ), S = v(
+      () => C(
+        l({ size: "md" }),
         "w-full pl-10 pr-10 hover:border-gray-300"
       )
     ), j = v(
       () => "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-full transition-all"
     ), W = v(
-      () => S(
-        s({ size: "md" }),
+      () => C(
+        l({ size: "md" }),
         "w-full pr-8 appearance-none hover:border-gray-300"
       )
     ), se = v(() => {
       const E = r.value || ie.value;
-      return S(
+      return C(
         u({
           variant: E ? "primary" : "default",
           size: "lg"
@@ -9923,7 +9923,7 @@ const dd = {
     ), xe = v(
       () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), De = v(
-      () => S(s({ size: "md" }), "pl-10 pr-3")
+      () => C(l({ size: "md" }), "pl-10 pr-3")
     ), Re = v(
       () => "text-sm font-semibold text-gray-700"
     ), Qe = v(
@@ -9931,9 +9931,9 @@ const dd = {
     ), q = v(
       () => "text-gray-400 hover:text-gray-600 p-1.5 hover:bg-gray-200 rounded-full transition-all"
     ), ee = v(
-      () => S(u({ variant: "ghost", size: "md" }))
+      () => C(u({ variant: "ghost", size: "md" }))
     ), oe = v(
-      () => S(u({ variant: "default", size: "lg" }))
+      () => C(u({ variant: "default", size: "lg" }))
     ), he = v(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
     ), Ae = v(
@@ -10015,7 +10015,7 @@ const dd = {
             i("input", {
               "model-value": e.searchQuery,
               placeholder: e.searchPlaceholder,
-              class: m(k.value),
+              class: m(S.value),
               onInput: z[0] || (z[0] = ($) => E.$emit("update:searchQuery", $.target.value))
             }, null, 42, mf),
             e.searchQuery ? (o(), d("button", {
@@ -10161,7 +10161,7 @@ const dd = {
                 class: m(Re.value)
               }, y($.label), 3),
               i("span", {
-                class: m(C($))
+                class: m(k($))
               }, y(p($) ? "Active" : "Inactive"), 3)
             ]),
             i("div", Cf, [
@@ -10406,7 +10406,7 @@ const dd = {
   },
   emits: ["bulk-action", "update:density", "toggle-column", "refresh"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(!1), l = H(null), s = H(null), u = v(() => t.selectedItems.length), c = [
+    const t = e, n = a, r = H(!1), s = H(null), l = H(null), u = v(() => t.selectedItems.length), c = [
       { value: "compact", label: "Compact", icon: ["fas", "minus"] },
       { value: "normal", label: "Normal", icon: ["fas", "bars"] },
       { value: "comfortable", label: "Comfortable", icon: ["fas", "bars-staggered"] }
@@ -10438,7 +10438,7 @@ const dd = {
       defaultVariants: {
         variant: "secondary"
       }
-    }), C = D("p-2 border border-slate-300 transition-colors", {
+    }), k = D("p-2 border border-slate-300 transition-colors", {
       variants: {
         active: {
           true: "bg-blue-50 text-blue-600 border-blue-300",
@@ -10465,7 +10465,7 @@ const dd = {
         state: "normal"
       }
     }), A = v(
-      () => S(p({
+      () => C(p({
         variant: t.variant,
         padding: t.padding
       }))
@@ -10482,20 +10482,20 @@ const dd = {
     ), P = v(
       () => "text-sm text-slate-700 flex-1 select-none"
     ), re = (j) => {
-      l.value && s.value && !l.value.contains(j.target) && !s.value.contains(j.target) && (r.value = !1);
+      s.value && l.value && !s.value.contains(j.target) && !l.value.contains(j.target) && (r.value = !1);
     }, U = () => {
       r.value = !r.value;
-    }, ie = (j) => S(w({ variant: j.variant || "secondary" })), de = (j) => {
+    }, ie = (j) => C(w({ variant: j.variant || "secondary" })), de = (j) => {
       let W = "middle";
-      return j === "compact" ? W = "first" : j === "comfortable" && (W = "last"), S(C({
+      return j === "compact" ? W = "first" : j === "comfortable" && (W = "last"), C(k({
         active: t.density === j,
         position: W
       }));
-    }, R = () => S(M({
+    }, R = () => C(M({
       state: t.isRefreshing ? "refreshing" : "normal"
-    })), te = () => S("w-4 h-4", {
+    })), te = () => C("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), G = (j) => t.visibleColumns.includes(j), k = (j, W) => {
+    }), G = (j) => t.visibleColumns.includes(j), S = (j, W) => {
       n("toggle-column", { column: j, visible: W });
     };
     return ze(() => {
@@ -10553,7 +10553,7 @@ const dd = {
           e.showColumnToggle ? (o(), d("div", nm, [
             i("button", {
               ref_key: "columnToggleButton",
-              ref: l,
+              ref: s,
               class: m(b.value),
               type: "button",
               onClick: Ne(U, ["stop"])
@@ -10566,7 +10566,7 @@ const dd = {
             ], 2),
             aa(i("div", {
               ref_key: "columnMenu",
-              ref: s,
+              ref: l,
               class: m(f.value),
               onClick: W[0] || (W[0] = Ne(() => {
               }, ["stop"]))
@@ -10585,7 +10585,7 @@ const dd = {
                         type: "checkbox",
                         checked: G(ae.key),
                         class: m(O.value),
-                        onChange: (xe) => k(ae.key, xe.target.checked)
+                        onChange: (xe) => S(ae.key, xe.target.checked)
                       }, null, 42, om),
                       i("span", {
                         class: m(P.value)
@@ -10628,9 +10628,9 @@ const dd = {
   },
   setup(e) {
     return (a, t) => {
-      const n = ce("Logo"), r = ce("Text"), l = ce("Typography"), s = ce("Link"), u = ce("Icon"), c = ce("Divider");
+      const n = ce("Logo"), r = ce("Text"), s = ce("Typography"), l = ce("Link"), u = ce("Icon"), c = ce("Divider");
       return o(), d("footer", {
-        class: m(N(S)("bg-gray-50 border-t border-gray-200", e.className))
+        class: m(N(C)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
         i("div", mm, [
           i("div", gm, [
@@ -10647,7 +10647,7 @@ const dd = {
             ]),
             i("div", null, [
               B(a.$slots, "links", {}, () => [
-                T(l, {
+                T(s, {
                   variant: "h6",
                   class: "mb-4"
                 }, {
@@ -10657,7 +10657,7 @@ const dd = {
                   _: 1
                 }),
                 i("div", bm, [
-                  T(s, {
+                  T(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -10666,7 +10666,7 @@ const dd = {
                     ])]),
                     _: 1
                   }),
-                  T(s, {
+                  T(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -10675,7 +10675,7 @@ const dd = {
                     ])]),
                     _: 1
                   }),
-                  T(s, {
+                  T(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -10689,7 +10689,7 @@ const dd = {
             ]),
             i("div", null, [
               B(a.$slots, "social", {}, () => [
-                T(l, {
+                T(s, {
                   variant: "h6",
                   class: "mb-4"
                 }, {
@@ -10699,7 +10699,7 @@ const dd = {
                   _: 1
                 }),
                 i("div", hm, [
-                  T(s, {
+                  T(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
@@ -10711,7 +10711,7 @@ const dd = {
                     ]),
                     _: 1
                   }),
-                  T(s, {
+                  T(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
@@ -10739,7 +10739,7 @@ const dd = {
             ]),
             B(a.$slots, "legal", {}, () => [
               i("div", ym, [
-                T(s, {
+                T(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -10748,7 +10748,7 @@ const dd = {
                   ])]),
                   _: 1
                 }),
-                T(s, {
+                T(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -10801,18 +10801,18 @@ const dd = {
   },
   emits: ["search", "profile-action", "logout", "navigate", "toggle-mobile-sidebar"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = H(""), l = H(!1), s = H(!1), u = H(t.notifications.length), c = H(!1), p = H(!1), w = v(() => (t.user?.name || "Guest").split(" ").map((P) => P[0] || "").join("").toUpperCase()), C = v(() => t.user?.roles?.length ? t.user.roles.map((O) => O.name).join(", ") : "No role"), M = () => {
-      l.value = !l.value, s.value = !1;
-    }, A = () => {
+    const t = e, n = a, r = H(""), s = H(!1), l = H(!1), u = H(t.notifications.length), c = H(!1), p = H(!1), w = v(() => (t.user?.name || "Guest").split(" ").map((P) => P[0] || "").join("").toUpperCase()), k = v(() => t.user?.roles?.length ? t.user.roles.map((O) => O.name).join(", ") : "No role"), M = () => {
       s.value = !s.value, l.value = !1;
+    }, A = () => {
+      l.value = !l.value, s.value = !1;
     }, I = (O) => {
-      n("navigate", O), s.value = !1;
+      n("navigate", O), l.value = !1;
     }, g = (O) => O.route ? !!(t.currentRoute === O.route || t.currentRoute.startsWith(O.route + "/")) : !1, b = (O) => {
-      n("profile-action", O), s.value = !1;
+      n("profile-action", O), l.value = !1;
     }, f = () => {
-      n("logout"), s.value = !1;
+      n("logout"), l.value = !1;
     }, x = (O) => {
-      !O.target.closest(".absolute") && !O.target.closest("button") && (l.value = !1, s.value = !1);
+      !O.target.closest(".absolute") && !O.target.closest("button") && (s.value = !1, l.value = !1);
     }, V = () => {
       p.value = window.innerWidth < 768;
     };
@@ -10823,7 +10823,7 @@ const dd = {
     }), be(r, (O) => n("search", O)), (O, P) => {
       const re = ce("router-link");
       return o(), d("header", {
-        class: m(N(S)(
+        class: m(N(C)(
           "fixed top-0 z-50 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out w-full"
         )),
         style: { left: "0" }
@@ -10954,7 +10954,7 @@ const dd = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: L(() => [
-                l.value ? (o(), d("div", Om, [
+                s.value ? (o(), d("div", Om, [
                   P[10] || (P[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, " Notifications ")
                   ], -1)),
@@ -10989,7 +10989,7 @@ const dd = {
                 ]),
                 i("div", _m, [
                   i("p", Rm, y(e.user.name), 1),
-                  i("p", qm, y(C.value), 1)
+                  i("p", qm, y(k.value), 1)
                 ]),
                 P[12] || (P[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -11014,7 +11014,7 @@ const dd = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: L(() => [
-                  s.value ? (o(), d("div", Wm, [
+                  l.value ? (o(), d("div", Wm, [
                     i("div", Ym, [
                       i("p", Um, y(e.user.name), 1),
                       i("p", Hm, y(e.user.email), 1)
@@ -11026,7 +11026,7 @@ const dd = {
                         U.route ? (o(), Y(re, {
                           key: 0,
                           to: U.route,
-                          class: m(N(S)(
+                          class: m(N(C)(
                             "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
                             g(U) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                           )),
@@ -11035,7 +11035,7 @@ const dd = {
                           default: L(() => [
                             g(U) ? (o(), d("div", Km)) : h("", !0),
                             i("div", {
-                              class: m(N(S)(
+                              class: m(N(C)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
                                 g(U) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                               ))
@@ -11047,7 +11047,7 @@ const dd = {
                               }, null, 8, ["icon"])) : h("", !0)
                             ], 2),
                             i("span", {
-                              class: m(N(S)(
+                              class: m(N(C)(
                                 "flex-1 truncate font-semibold",
                                 g(U) ? "text-blue-700" : "text-gray-700"
                               ))
@@ -11159,7 +11159,7 @@ const dd = {
     const t = e, n = a, r = v({
       get: () => t.modelValue,
       set: (g) => n("update:modelValue", g)
-    }), l = v(() => t.loading), s = H({}), u = H({}), c = H(!1), p = () => {
+    }), s = v(() => t.loading), l = H({}), u = H({}), c = H(!1), p = () => {
       const g = {};
       return t.fields.forEach((b) => {
         b.type === "checkbox" ? g[b.name] = !1 : b.type === "number" || b.type === "slider" ? g[b.name] = b.min !== void 0 ? b.min : 0 : g[b.name] = "";
@@ -11172,13 +11172,13 @@ const dd = {
           const b = {};
           t.fields.forEach((f) => {
             f.type === "checkbox" ? b[f.name] = g[f.name] ?? !1 : f.type === "number" || f.type === "slider" ? b[f.name] = g[f.name] ?? (f.min !== void 0 ? f.min : 0) : b[f.name] = g[f.name] ?? "";
-          }), s.value = b, c.value = !0;
+          }), l.value = b, c.value = !0;
         } else if (t.modalType === "create" && g && !c.value) {
           const b = {};
           t.fields.forEach((f) => {
             g[f.name] !== void 0 && g[f.name] !== null ? b[f.name] = g[f.name] : f.type === "checkbox" ? b[f.name] = !1 : f.type === "number" || f.type === "slider" ? b[f.name] = f.min !== void 0 ? f.min : 0 : b[f.name] = "";
-          }), s.value = b, c.value = !0;
-        } else t.modalType === "create" && !g && (s.value = p(), c.value = !1);
+          }), l.value = b, c.value = !0;
+        } else t.modalType === "create" && !g && (l.value = p(), c.value = !1);
       },
       { immediate: !0, deep: !0 }
     ), be(
@@ -11189,9 +11189,9 @@ const dd = {
             const b = {};
             t.fields.forEach((f) => {
               t.initialData[f.name] !== void 0 && t.initialData[f.name] !== null ? b[f.name] = t.initialData[f.name] : f.type === "checkbox" ? b[f.name] = !1 : f.type === "number" || f.type === "slider" ? b[f.name] = f.min !== void 0 ? f.min : 0 : b[f.name] = "";
-            }), s.value = b;
+            }), l.value = b;
           } else
-            s.value = p();
+            l.value = p();
           c.value = !0;
         }
       }
@@ -11199,7 +11199,7 @@ const dd = {
       () => t.initialData,
       (g) => {
         c.value && g && Object.keys(g).forEach((b) => {
-          Object.prototype.hasOwnProperty.call(s.value, b) && g[b] !== void 0 && g[b] !== null && (s.value[b] = g[b]);
+          Object.prototype.hasOwnProperty.call(l.value, b) && g[b] !== void 0 && g[b] !== null && (l.value[b] = g[b]);
         });
       },
       { deep: !0 }
@@ -11207,29 +11207,29 @@ const dd = {
     const w = () => {
       if (u.value = {}, t.fields.forEach((g) => {
         if (g.required && !g.disabled) {
-          const b = s.value[g.name];
+          const b = l.value[g.name];
           g.type === "checkbox" ? g.required && !b && (u.value[g.name] = g.errorMessage || `${g.label} is required`) : g.type === "number" || g.type === "slider" ? b === "" || b === null || b === void 0 ? u.value[g.name] = g.errorMessage || `${g.label} is required` : g.min !== void 0 && Number(b) < g.min ? u.value[g.name] = `${g.label} must be at least ${g.min}` : g.max !== void 0 && Number(b) > g.max && (u.value[g.name] = `${g.label} must be at most ${g.max}`) : g.type === "date" ? (!b || typeof b == "string" && !b.trim()) && (u.value[g.name] = g.errorMessage || `${g.label} is required`) : g.type === "password" ? (!b || typeof b == "string" && !b.trim()) && (u.value[g.name] = g.errorMessage || `${g.label} is required`) : (!b || typeof b == "string" && !b.trim()) && (u.value[g.name] = g.errorMessage || `${g.label} is required`);
         }
         if (g.validate && typeof g.validate == "function") {
-          const b = g.validate(s.value[g.name], s.value);
+          const b = g.validate(l.value[g.name], l.value);
           b && (u.value[g.name] = b);
         }
       }), t.customValidation) {
-        const g = t.customValidation(s.value);
+        const g = t.customValidation(l.value);
         g && Object.keys(g).length > 0 && (u.value = { ...u.value, ...g });
       }
       return Object.keys(u.value).length === 0;
-    }, C = async (g, b) => {
-      if (s.value[g.name] = b, g.onChange && typeof g.onChange == "function")
+    }, k = async (g, b) => {
+      if (l.value[g.name] = b, g.onChange && typeof g.onChange == "function")
         try {
-          await g.onChange(b, s.value);
+          await g.onChange(b, l.value);
         } catch (f) {
           console.error("Error in onChange handler:", f), Ue.error("An error occurred while processing the change");
         }
     }, M = (g, b) => {
-      if (s.value[g.name] = b, g.onChange && typeof g.onChange == "function")
+      if (l.value[g.name] = b, g.onChange && typeof g.onChange == "function")
         try {
-          g.onChange(b, s.value);
+          g.onChange(b, l.value);
         } catch (f) {
           console.error("Error in onChange handler:", f), Ue.error("An error occurred while processing the change");
         }
@@ -11241,7 +11241,7 @@ const dd = {
         }
         const g = {};
         t.fields.forEach((b) => {
-          const f = s.value[b.name];
+          const f = l.value[b.name];
           b.type === "number" || b.type === "slider" ? g[b.name] = Number(f) : b.type === "text" || b.type === "textarea" || b.type === "date" ? g[b.name] = typeof f == "string" ? f.trim() : f : (b.type, g[b.name] = f);
         }), n("submit", {
           formData: g,
@@ -11252,7 +11252,7 @@ const dd = {
         console.error("Error during form submission:", g), Ue.error("An error occurred during submission");
       }
     }, I = () => {
-      s.value = p(), u.value = {}, c.value = !1, n("close");
+      l.value = p(), u.value = {}, c.value = !1, n("close");
     };
     return (g, b) => (o(), Y(fr, {
       modelValue: r.value,
@@ -11286,21 +11286,21 @@ const dd = {
                 f.type === "text" || f.type === "number" || f.type === "password" || f.type === "color" ? (o(), Y(Qt, {
                   key: 0,
                   id: x,
-                  modelValue: s.value[f.name],
-                  "onUpdate:modelValue": (P) => s.value[f.name] = P,
+                  modelValue: l.value[f.name],
+                  "onUpdate:modelValue": (P) => l.value[f.name] = P,
                   type: f.type,
                   placeholder: f.placeholder,
-                  disabled: l.value || f.disabled,
+                  disabled: s.value || f.disabled,
                   readonly: f.disabled,
                   class: m(V ? "border-red-500" : "border-slate-300"),
                   "aria-describedby": O
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby"])) : f.type === "textarea" ? (o(), Y(dr, {
                   key: 1,
                   id: x,
-                  modelValue: s.value[f.name],
-                  "onUpdate:modelValue": (P) => s.value[f.name] = P,
+                  modelValue: l.value[f.name],
+                  "onUpdate:modelValue": (P) => l.value[f.name] = P,
                   placeholder: f.placeholder,
-                  disabled: l.value || f.disabled,
+                  disabled: s.value || f.disabled,
                   rows: f.rows || 3,
                   class: m([
                     "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
@@ -11310,14 +11310,14 @@ const dd = {
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "class", "aria-describedby"])) : f.type === "select" ? (o(), Y(Ge, {
                   key: 2,
                   id: x,
-                  "model-value": s.value[f.name],
-                  disabled: l.value || f.disabled,
+                  "model-value": l.value[f.name],
+                  disabled: s.value || f.disabled,
                   class: m([
                     "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
                     V ? "border-red-500" : "border-slate-300"
                   ]),
                   "aria-describedby": O,
-                  "onUpdate:modelValue": (P) => C(f, P)
+                  "onUpdate:modelValue": (P) => k(f, P)
                 }, {
                   default: L(() => [
                     i("option", ng, y(f.placeholder || "Select an option"), 1),
@@ -11330,10 +11330,10 @@ const dd = {
                 }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (o(), d("div", sg, [
                   T(Qt, {
                     id: x,
-                    modelValue: s.value[f.name],
-                    "onUpdate:modelValue": (P) => s.value[f.name] = P,
+                    modelValue: l.value[f.name],
+                    "onUpdate:modelValue": (P) => l.value[f.name] = P,
                     type: "checkbox",
-                    disabled: l.value || f.disabled,
+                    disabled: s.value || f.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
                     "aria-describedby": O
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "aria-describedby"]),
@@ -11348,18 +11348,18 @@ const dd = {
                   }, 1032, ["for"])
                 ])) : f.type === "slider" ? (o(), Y(gr, {
                   key: 4,
-                  "model-value": s.value[f.name],
+                  "model-value": l.value[f.name],
                   min: f.min,
                   max: f.max,
                   step: f.step,
-                  disabled: l.value || f.disabled,
+                  disabled: s.value || f.disabled,
                   "onUpdate:modelValue": (P) => M(f, P)
                 }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "date" ? (o(), Y(ya, {
                   key: 5,
                   id: x,
-                  modelValue: s.value[f.name],
-                  "onUpdate:modelValue": (P) => s.value[f.name] = P,
-                  disabled: l.value || f.disabled,
+                  modelValue: l.value[f.name],
+                  "onUpdate:modelValue": (P) => l.value[f.name] = P,
+                  disabled: s.value || f.disabled,
                   required: f.required,
                   min: f.min,
                   max: f.max,
@@ -11378,7 +11378,7 @@ const dd = {
             T(Pe, {
               type: "button",
               variant: "outline",
-              disabled: l.value,
+              disabled: s.value,
               onClick: I
             }, {
               default: L(() => [...b[1] || (b[1] = [
@@ -11388,8 +11388,8 @@ const dd = {
             }, 8, ["disabled"]),
             T(Pe, {
               type: "submit",
-              disabled: l.value,
-              loading: l.value,
+              disabled: s.value,
+              loading: s.value,
               variant: "default"
             }, {
               default: L(() => [
@@ -11474,29 +11474,29 @@ const dd = {
     "update:mobileOpen"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = H(!1), s = H(!1), u = H(null), c = H(!1), p = v(() => n.mobileOpen), w = v(() => l.value ? {} : {
+    const n = e, r = t, s = H(!1), l = H(!1), u = H(null), c = H(!1), p = v(() => n.mobileOpen), w = v(() => s.value ? {} : {
       left: `${n.sidebarWidth}px`
-    }), C = v(() => l.value ? {} : {
+    }), k = v(() => s.value ? {} : {
       left: `${n.sidebarWidth}px`
     }), M = v(() => {
-      if (l.value)
+      if (s.value)
         return 0;
       let R = n.sidebarWidth;
-      return s.value && (R += 220), c.value && (R += 220), R;
+      return l.value && (R += 220), c.value && (R += 220), R;
     }), A = (R) => {
-      r("navigate", R), l.value && I();
-      const te = s.value && u.value && u.value.subItems.some((k) => k.route === R.route), G = c.value && n.managementSettings.some((k) => k.route === R.route);
-      (l.value || !(te || G)) && O();
+      r("navigate", R), s.value && I();
+      const te = l.value && u.value && u.value.subItems.some((S) => S.route === R.route), G = c.value && n.managementSettings.some((S) => S.route === R.route);
+      (s.value || !(te || G)) && O();
     }, I = () => {
       r("update:mobileOpen", !1);
     }, g = (R) => R.subItems && R.subItems.length > 0, b = (R) => {
-      c.value && V(), s.value && u.value !== R ? (x(), setTimeout(() => {
-        u.value = R, s.value = !0;
-      }, 300)) : s.value ? u.value === R && x() : (u.value = R, s.value = !0), l.value && I();
+      c.value && V(), l.value && u.value !== R ? (x(), setTimeout(() => {
+        u.value = R, l.value = !0;
+      }, 300)) : l.value ? u.value === R && x() : (u.value = R, l.value = !0), s.value && I();
     }, f = () => {
-      s.value && x(), c.value ? V() : c.value = !0, l.value && I();
+      l.value && x(), c.value ? V() : c.value = !0, s.value && I();
     }, x = () => {
-      s.value = !1, setTimeout(() => {
+      l.value = !1, setTimeout(() => {
         u.value = null;
       }, 300);
     }, V = () => {
@@ -11511,19 +11511,19 @@ const dd = {
       const te = n.currentPath;
       return R.route ? !!(te === R.route || te.startsWith(R.route + "/")) : R.subItems && R.subItems.length > 0 ? R.subItems.some((G) => G.route ? te === G.route || te.startsWith(G.route + "/") : !1) : !1;
     }, ie = () => {
-      const R = l.value;
-      l.value = window.innerWidth < 1024, R && !l.value && p.value && I();
+      const R = s.value;
+      s.value = window.innerWidth < 1024, R && !s.value && p.value && I();
     }, de = (R) => {
-      R.key === "Escape" && (s.value || c.value ? O() : l.value && p.value && I());
+      R.key === "Escape" && (l.value || c.value ? O() : s.value && p.value && I());
     };
     return ze(() => {
       ie(), window.addEventListener("resize", ie), document.addEventListener("keydown", de);
     }), Me(() => {
       window.removeEventListener("resize", ie), document.removeEventListener("keydown", de);
     }), a({
-      isMobile: l,
+      isMobile: s,
       isMobileOpen: p,
-      submenuOpen: s,
+      submenuOpen: l,
       managementSettingsOpen: c,
       contentMarginLeft: M,
       closeAllMenus: O
@@ -11539,7 +11539,7 @@ const dd = {
           "leave-to-class": "opacity-0"
         }, {
           default: L(() => [
-            p.value && l.value ? (o(), d("div", {
+            p.value && s.value ? (o(), d("div", {
               key: 0,
               class: "fixed inset-0 z-30 lg:hidden",
               onClick: I
@@ -11548,15 +11548,15 @@ const dd = {
           _: 1
         }),
         i("aside", {
-          class: m(N(S)(
+          class: m(N(C)(
             "fixed left-0 z-40 border-r overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             "bg-white border-gray-200",
-            l.value ? N(S)("transform h-screen", p.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
+            s.value ? N(C)("transform h-screen", p.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
           )),
-          style: me({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
+          style: me({ width: e.sidebarWidth + "px", top: s.value ? "0px" : "4rem" })
         }, [
-          l.value ? (o(), d("div", ig, [
+          s.value ? (o(), d("div", ig, [
             i("h2", ug, y(e.header?.title), 1),
             i("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
@@ -11580,67 +11580,67 @@ const dd = {
           ])) : h("", !0),
           i("nav", dg, [
             i("div", cg, [
-              (o(!0), d(X, null, J(e.navigationItems, (k) => (o(), d(X, {
-                key: k.name || k.label
+              (o(!0), d(X, null, J(e.navigationItems, (S) => (o(), d(X, {
+                key: S.name || S.label
               }, [
-                k.type === "link" ? (o(), d("div", fg, [
-                  g(k) ? (o(), d("div", {
+                S.type === "link" ? (o(), d("div", fg, [
+                  g(S) ? (o(), d("div", {
                     key: 1,
-                    class: m(N(S)(
+                    class: m(N(C)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      U(k) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      U(S) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
-                    onClick: (j) => b(k)
+                    onClick: (j) => b(S)
                   }, [
                     i("div", {
-                      class: m(N(S)(
+                      class: m(N(C)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        U(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                        U(S) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
                       T(Q, {
-                        icon: k.icon,
+                        icon: S.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
                     ], 2),
                     i("span", {
-                      class: m(N(S)(
+                      class: m(N(C)(
                         "text-xs font-medium text-center",
-                        U(k) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        U(S) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
-                    }, y(k.label), 3),
-                    k.badge ? (o(), d("span", vg, y(k.badge), 1)) : h("", !0),
-                    U(k) && g(k) ? (o(), d("div", bg)) : h("", !0)
+                    }, y(S.label), 3),
+                    S.badge ? (o(), d("span", vg, y(S.badge), 1)) : h("", !0),
+                    U(S) && g(S) ? (o(), d("div", bg)) : h("", !0)
                   ], 10, gg)) : (o(), Y(G, {
                     key: 0,
-                    to: k.route,
-                    class: m(N(S)(
+                    to: S.route,
+                    class: m(N(C)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      U(k) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      U(S) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
-                    onClick: (j) => A(k)
+                    onClick: (j) => A(S)
                   }, {
                     default: L(() => [
                       i("div", {
-                        class: m(N(S)(
+                        class: m(N(C)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          U(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                          U(S) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
                         T(Q, {
-                          icon: k.icon,
+                          icon: S.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
                       ], 2),
                       i("span", {
-                        class: m(N(S)(
+                        class: m(N(C)(
                           "text-xs font-medium text-center",
-                          U(k) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          U(S) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
-                      }, y(k.label), 3),
-                      k.badge ? (o(), d("span", mg, y(k.badge), 1)) : h("", !0)
+                      }, y(S.label), 3),
+                      S.badge ? (o(), d("span", mg, y(S.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -11650,14 +11650,14 @@ const dd = {
           ]),
           e.showManagementSettings ? (o(), d("div", hg, [
             i("div", {
-              class: m(N(S)(
+              class: m(N(C)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
                 e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
               )),
               onClick: f
             }, [
               i("div", {
-                class: m(N(S)(
+                class: m(N(C)(
                   "flex items-center justify-center rounded-lg transition-colors mb-2",
                   "w-12 h-12",
                   e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
@@ -11669,7 +11669,7 @@ const dd = {
                 })
               ], 2),
               i("span", {
-                class: m(N(S)(
+                class: m(N(C)(
                   "text-xs font-medium text-center",
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
@@ -11687,12 +11687,12 @@ const dd = {
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
           default: L(() => [
-            s.value ? (o(), d("aside", {
+            l.value ? (o(), d("aside", {
               key: 0,
               class: m(
-                N(S)(
+                N(C)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
-                  l.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
+                  s.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
               ),
               style: me(w.value)
@@ -11723,40 +11723,40 @@ const dd = {
               ]),
               i("nav", kg, [
                 i("div", Sg, [
-                  (o(!0), d(X, null, J(u.value?.subItems, (k) => (o(), Y(G, {
-                    key: k.name,
-                    to: k.route,
+                  (o(!0), d(X, null, J(u.value?.subItems, (S) => (o(), Y(G, {
+                    key: S.name,
+                    to: S.route,
                     class: m(
-                      N(S)(
+                      N(C)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        U(k) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        U(S) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     ),
-                    onClick: (j) => P(k)
+                    onClick: (j) => P(S)
                   }, {
                     default: L(() => [
-                      U(k) ? (o(), d("div", Cg)) : h("", !0),
+                      U(S) ? (o(), d("div", Cg)) : h("", !0),
                       i("div", {
                         class: m(
-                          N(S)(
+                          N(C)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            U(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            U(S) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        k.icon ? (o(), Y(Q, {
+                        S.icon ? (o(), Y(Q, {
                           key: 0,
-                          icon: k.icon,
+                          icon: S.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : h("", !0)
                       ], 2),
                       i("span", {
-                        class: m(N(S)(
+                        class: m(N(C)(
                           "flex-1 truncate font-semibold",
-                          U(k) ? "text-blue-700" : "text-gray-700"
+                          U(S) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, y(k.label), 3),
-                      k.badge ? (o(), d("span", $g, y(k.badge), 1)) : h("", !0)
+                      }, y(S.label), 3),
+                      S.badge ? (o(), d("span", $g, y(S.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -11778,12 +11778,12 @@ const dd = {
             c.value ? (o(), d("aside", {
               key: 0,
               class: m(
-                N(S)(
+                N(C)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
-                  l.value ? "left-0 w-52 top-20 h-full" : "w-58 h-[calc(100vh-4rem)]"
+                  s.value ? "left-0 w-52 top-20 h-full" : "w-58 h-[calc(100vh-4rem)]"
                 )
               ),
-              style: me({ ...C.value, top: l.value ? "55px" : "4rem" })
+              style: me({ ...k.value, top: s.value ? "55px" : "4rem" })
             }, [
               i("div", { class: "sticky top-0 z-10 bg-white border-b border-gray-200" }, [
                 i("div", { class: "flex items-center justify-between p-4" }, [
@@ -11811,42 +11811,42 @@ const dd = {
               ]),
               i("nav", zg, [
                 i("div", Ag, [
-                  (o(!0), d(X, null, J(e.managementSettings, (k) => (o(), d(X, {
-                    key: k.name
+                  (o(!0), d(X, null, J(e.managementSettings, (S) => (o(), d(X, {
+                    key: S.name
                   }, [
-                    k.type === "section" ? (o(), d("div", Ig, y(k.label), 1)) : k.route ? (o(), Y(G, {
+                    S.type === "section" ? (o(), d("div", Ig, y(S.label), 1)) : S.route ? (o(), Y(G, {
                       key: 1,
-                      to: k.route,
+                      to: S.route,
                       class: m(
-                        N(S)(
+                        N(C)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                          U(k) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                          U(S) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                         )
                       ),
-                      onClick: (j) => re(k)
+                      onClick: (j) => re(S)
                     }, {
                       default: L(() => [
-                        U(k) ? (o(), d("div", Pg)) : h("", !0),
+                        U(S) ? (o(), d("div", Pg)) : h("", !0),
                         i("div", {
                           class: m(
-                            N(S)(
+                            N(C)(
                               "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
-                              U(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                              U(S) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                             )
                           )
                         }, [
-                          k.icon ? (o(), Y(Q, {
+                          S.icon ? (o(), Y(Q, {
                             key: 0,
-                            icon: k.icon,
+                            icon: S.icon,
                             class: "w-4 h-4"
                           }, null, 8, ["icon"])) : h("", !0)
                         ], 2),
                         i("span", {
-                          class: m(N(S)(
+                          class: m(N(C)(
                             "flex-1 truncate font-semibold",
-                            U(k) ? "text-blue-700" : "text-gray-700"
+                            U(S) ? "text-blue-700" : "text-gray-700"
                           ))
-                        }, y(k.label), 3)
+                        }, y(S.label), 3)
                       ]),
                       _: 2
                     }, 1032, ["to", "class", "onClick"])) : h("", !0)
@@ -11866,7 +11866,7 @@ const dd = {
           "leave-to-class": "opacity-0"
         }, {
           default: L(() => [
-            (s.value || c.value) && l.value ? (o(), d("div", {
+            (l.value || c.value) && s.value ? (o(), d("div", {
               key: 0,
               class: "fixed inset-0 z-30 bg-transparent",
               onClick: O
@@ -12056,8 +12056,8 @@ const dd = {
   key: 0,
   class: "mt-6 text-center"
 }, a0 = { class: "absolute bottom-4 right-4 text-right" }, n0 = { class: "flex items-end justify-end mb-2" }, r0 = { class: "text-right mr-3" }, s0 = { class: "text-red-500 font-bold text-xs" }, l0 = { class: "text-white text-xs" }, o0 = { class: "text-white/70 text-xs" }, i0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, u0 = { class: "text-white/70 text-xs" }, d0 = { class: "absolute bottom-4 left-4 flex gap-2" }, c0 = ["href"];
-function f0(e, a, t, n, r, l) {
-  const s = ce("router-view"), u = ce("font-awesome-icon");
+function f0(e, a, t, n, r, s) {
+  const l = ce("router-view"), u = ce("font-awesome-icon");
   return o(), d("div", {
     class: "min-h-screen relative flex items-center justify-center",
     style: me({ backgroundColor: t.backgroundColor })
@@ -12106,7 +12106,7 @@ function f0(e, a, t, n, r, l) {
               ])
             ])) : h("", !0),
             i("div", Zg, [
-              T(s)
+              T(l)
             ]),
             e.$slots["card-footer"] ? (o(), d("div", e0, [
               B(e.$slots, "card-footer")
@@ -12174,9 +12174,9 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
   },
   setup(e) {
     return (a, t) => {
-      const n = ce("Logo"), r = ce("MainNavigation"), l = ce("Button"), s = ce("Header"), u = ce("Breadcrumb"), c = ce("Text"), p = ce("Footer");
+      const n = ce("Logo"), r = ce("MainNavigation"), s = ce("Button"), l = ce("Header"), u = ce("Breadcrumb"), c = ce("Text"), p = ce("Footer");
       return o(), d("div", g0, [
-        T(s, null, {
+        T(l, null, {
           logo: L(() => [
             B(a.$slots, "logo", {}, () => [
               T(n)
@@ -12189,7 +12189,7 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
           ]),
           actions: L(() => [
             B(a.$slots, "header-actions", {}, () => [
-              T(l, {
+              T(s, {
                 variant: "ghost",
                 size: "sm"
               }, {
@@ -12198,7 +12198,7 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
                 ])]),
                 _: 1
               }),
-              T(l, { size: "sm" }, {
+              T(s, { size: "sm" }, {
                 default: L(() => [...t[1] || (t[1] = [
                   Z(" Get Started ", -1)
                 ])]),
@@ -12323,8 +12323,8 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
   },
   emits: ["retry", "back", "contact-support"],
   setup(e, { emit: a }) {
-    const t = $r(), n = sn("$router", null) || t?.appContext.app.config.globalProperties?.$router, r = H(!1), l = H(!1), s = H(navigator.onLine), u = H(`err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), c = H(!1), p = () => {
-      s.value = navigator.onLine;
+    const t = $r(), n = sn("$router", null) || t?.appContext.app.config.globalProperties?.$router, r = H(!1), s = H(!1), l = H(navigator.onLine), u = H(`err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), c = H(!1), p = () => {
+      l.value = navigator.onLine;
     };
     ze(() => {
       window.addEventListener("online", p), window.addEventListener("offline", p);
@@ -12425,7 +12425,7 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
         }
       };
       return ae[e.errorType] || ae[404];
-    }), C = v(() => w.value), M = v(() => e.errorTitle || C.value.title), A = v(() => e.errorMessage || C.value.message), I = v(() => C.value.homeButtonIcon || "🏠"), g = v(() => e.showAdditionalInfo ? C.value.additionalInfo : null), b = () => {
+    }), k = v(() => w.value), M = v(() => e.errorTitle || k.value.title), A = v(() => e.errorMessage || k.value.message), I = v(() => k.value.homeButtonIcon || "🏠"), g = v(() => e.showAdditionalInfo ? k.value.additionalInfo : null), b = () => {
       n ? n.push(e.homeUrl) : window.location.href = e.homeUrl;
     }, f = () => {
       n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : b(), a("back");
@@ -12460,7 +12460,7 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
       "text-6xl font-bold text-slate-300 mb-4"
     ]), G = v(() => [
       "text-3xl font-bold text-slate-900"
-    ]), k = v(() => [
+    ]), S = v(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), j = v(() => [
       "mt-8"
@@ -12472,12 +12472,12 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
     return {
       // State
       isRetrying: r,
-      reportSent: l,
-      isOnline: s,
+      reportSent: s,
+      isOnline: l,
       errorId: u,
       isDev: c,
       // Computed
-      errorConfig: C,
+      errorConfig: k,
       title: M,
       message: A,
       homeButtonIcon: I,
@@ -12497,7 +12497,7 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
       detailsClasses: R,
       codeClasses: te,
       titleClasses: G,
-      messageClasses: k,
+      messageClasses: S,
       actionsClasses: j,
       additionalInfoClasses: W,
       helpClasses: se
@@ -12516,7 +12516,7 @@ const m0 = /* @__PURE__ */ zt(Eg, [["render", f0]]), g0 = { class: "min-h-screen
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function N0(e, a, t, n, r, l) {
+function N0(e, a, t, n, r, s) {
   return o(), d("div", {
     class: m(n.layoutClasses)
   }, [
@@ -12603,7 +12603,7 @@ function N0(e, a, t, n, r, l) {
               t.showHomeButton ? (o(), d("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
-                onClick: a[0] || (a[0] = (...s) => n.goHome && n.goHome(...s))
+                onClick: a[0] || (a[0] = (...l) => n.goHome && n.goHome(...l))
               }, [
                 i("span", null, y(n.homeButtonIcon), 1),
                 Z(" " + y(t.homeButtonText), 1)
@@ -12611,7 +12611,7 @@ function N0(e, a, t, n, r, l) {
               t.showBackButton ? (o(), d("button", {
                 key: 1,
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2",
-                onClick: a[1] || (a[1] = (...s) => n.goBack && n.goBack(...s))
+                onClick: a[1] || (a[1] = (...l) => n.goBack && n.goBack(...l))
               }, [
                 a[7] || (a[7] = i("span", null, "←", -1)),
                 Z(" " + y(t.backButtonText), 1)
@@ -12620,7 +12620,7 @@ function N0(e, a, t, n, r, l) {
                 key: 2,
                 disabled: n.isRetrying || !n.isOnline,
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
-                onClick: a[2] || (a[2] = (...s) => n.retry && n.retry(...s))
+                onClick: a[2] || (a[2] = (...l) => n.retry && n.retry(...l))
               }, [
                 n.isRetrying ? (o(), d("span", A0, "↻")) : (o(), d("span", I0, "🔄")),
                 Z(" " + y(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
@@ -12629,7 +12629,7 @@ function N0(e, a, t, n, r, l) {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
-                onClick: a[3] || (a[3] = (s) => e.$emit("contact-support"))
+                onClick: a[3] || (a[3] = (l) => e.$emit("contact-support"))
               }, [
                 n.reportSent ? (o(), d("span", T0, "✓")) : (o(), d("span", j0, "📝")),
                 Z(" " + y(n.reportSent ? "Report Sent" : "Contact Support"), 1)
@@ -12646,14 +12646,14 @@ function N0(e, a, t, n, r, l) {
               i("div", B0, [
                 i("h3", F0, y(n.additionalInfoConfig.title), 1),
                 i("ul", V0, [
-                  (o(!0), d(X, null, J(n.additionalInfoConfig.items, (s, u) => (o(), d("li", {
+                  (o(!0), d(X, null, J(n.additionalInfoConfig.items, (l, u) => (o(), d("li", {
                     key: u,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
                     i("span", {
-                      class: m(`w-4 h-4 text-${s.iconColor || "slate-400"} flex-shrink-0 mt-0.5`)
-                    }, y(s.icon), 3),
-                    i("span", null, y(s.text), 1)
+                      class: m(`w-4 h-4 text-${l.iconColor || "slate-400"} flex-shrink-0 mt-0.5`)
+                    }, y(l.icon), 3),
+                    i("span", null, y(l.text), 1)
                   ]))), 128))
                 ])
               ])
@@ -12707,13 +12707,28 @@ const L0 = /* @__PURE__ */ zt(x0, [["render", N0]]), Za = {
       height: 0;
       border-style: solid;
     `, n.appendChild(r), e._tooltipEl = n, e._tooltipArrow = r, e._tooltipPosition = t;
-    const l = () => {
-      document.body.appendChild(n);
-      const u = e.getBoundingClientRect(), c = n.getBoundingClientRect();
-      let p, w;
+    const s = () => {
+      if (!n.parentNode) return;
+      const c = e.getBoundingClientRect(), p = n.getBoundingClientRect();
+      let w, k;
       switch (t) {
         case "bottom":
-          w = u.left + u.width / 2 - c.width / 2, p = u.bottom + 8, r.style.cssText += `
+          k = c.left + c.width / 2 - p.width / 2, w = c.bottom + 8;
+          break;
+        case "left":
+          k = c.left - p.width - 8, w = c.top + c.height / 2 - p.height / 2;
+          break;
+        case "right":
+          k = c.right + 8, w = c.top + c.height / 2 - p.height / 2;
+          break;
+        default:
+          k = c.left + c.width / 2 - p.width / 2, w = c.top - p.height - 8;
+      }
+      n.style.left = `${k}px`, n.style.top = `${w}px`;
+    }, l = () => {
+      switch (document.body.appendChild(n), s(), t) {
+        case "bottom":
+          r.style.cssText += `
             border-width: 0 5px 5px 5px;
             border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
             top: -5px;
@@ -12722,7 +12737,7 @@ const L0 = /* @__PURE__ */ zt(x0, [["render", N0]]), Za = {
           `;
           break;
         case "left":
-          w = u.left - c.width - 8, p = u.top + u.height / 2 - c.height / 2, r.style.cssText += `
+          r.style.cssText += `
             border-width: 5px 0 5px 5px;
             border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
             right: -5px;
@@ -12731,7 +12746,7 @@ const L0 = /* @__PURE__ */ zt(x0, [["render", N0]]), Za = {
           `;
           break;
         case "right":
-          w = u.right + 8, p = u.top + u.height / 2 - c.height / 2, r.style.cssText += `
+          r.style.cssText += `
             border-width: 5px 5px 5px 0;
             border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
             left: -5px;
@@ -12740,7 +12755,7 @@ const L0 = /* @__PURE__ */ zt(x0, [["render", N0]]), Za = {
           `;
           break;
         default:
-          w = u.left + u.width / 2 - c.width / 2, p = u.top - c.height - 8, r.style.cssText += `
+          r.style.cssText += `
             border-width: 5px 5px 0 5px;
             border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
             bottom: -5px;
@@ -12748,21 +12763,21 @@ const L0 = /* @__PURE__ */ zt(x0, [["render", N0]]), Za = {
             transform: translateX(-50%);
           `;
       }
-      n.style.left = `${w}px`, n.style.top = `${p}px`, setTimeout(() => {
+      setTimeout(() => {
         n.style.opacity = "1";
-      }, 10);
-    }, s = () => {
-      n.style.opacity = "0", setTimeout(() => {
+      }, 10), window.addEventListener("scroll", s, !0);
+    }, u = () => {
+      n.style.opacity = "0", window.removeEventListener("scroll", s, !0), setTimeout(() => {
         n.parentNode && document.body.removeChild(n);
       }, 200);
     };
-    e.addEventListener("mouseenter", l), e.addEventListener("mouseleave", s), e.addEventListener("click", s), e._tooltipShowFn = l, e._tooltipHideFn = s;
+    e.addEventListener("mouseenter", l), e.addEventListener("mouseleave", u), e.addEventListener("click", u), e._tooltipShowFn = l, e._tooltipHideFn = u, e._tooltipRepositionFn = s;
   },
   updated(e, a) {
     e._tooltipEl && (e._tooltipEl.firstChild.textContent = a.value || "");
   },
   unmounted(e) {
-    e._tooltipEl && e._tooltipEl.parentNode && document.body.removeChild(e._tooltipEl), e._tooltipShowFn && e.removeEventListener("mouseenter", e._tooltipShowFn), e._tooltipHideFn && (e.removeEventListener("mouseleave", e._tooltipHideFn), e.removeEventListener("click", e._tooltipHideFn));
+    e._tooltipEl && e._tooltipEl.parentNode && document.body.removeChild(e._tooltipEl), e._tooltipShowFn && e.removeEventListener("mouseenter", e._tooltipShowFn), e._tooltipHideFn && (e.removeEventListener("mouseleave", e._tooltipHideFn), e.removeEventListener("click", e._tooltipHideFn)), e._tooltipRepositionFn && window.removeEventListener("scroll", e._tooltipRepositionFn, !0);
   }
 }, en = {
   Avatar: Qo,
@@ -12917,7 +12932,7 @@ export {
   xd as Toast,
   Di as Tooltip,
   Zt as Typography,
-  S as cn,
+  C as cn,
   W0 as default,
   Ue as toast,
   Za as tooltip,