@stlhorizon/vue-ui 1.7.6 → 1.7.7

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ht, computed as m, watch as me, h as Ra, createBlock as D, openBlock as o, unref as E, normalizeClass as f, ref as M, createElementBlock as d, toDisplayString as x, createCommentVNode as g, renderSlot as P, resolveDynamicComponent as ce, createVNode as T, mergeProps as Ye, createElementVNode as u, useId as ct, createTextVNode as W, withCtx as N, normalizeStyle as de, nextTick as la, Transition as we, Fragment as G, renderList as X, onMounted as Te, onUnmounted as _e, resolveComponent as se, Teleport as Wa, markRaw as Ha, TransitionGroup as nr, withDirectives as ft, vModelText as Ua, provide as rr, inject as qa, vShow as Ya, createSlots as sr, withModifiers as oa, getCurrentInstance as lr } from "vue";
+import { defineComponent as Ht, computed as m, watch as me, h as Ra, createBlock as D, openBlock as o, unref as E, normalizeClass as f, ref as M, createElementBlock as d, toDisplayString as x, createCommentVNode as g, renderSlot as P, resolveDynamicComponent as ce, createVNode as T, mergeProps as Ne, createElementVNode as u, useId as ct, createTextVNode as W, withCtx as N, normalizeStyle as de, nextTick as la, Transition as we, Fragment as G, renderList as X, onMounted as Te, onUnmounted as De, resolveComponent as se, Teleport as Wa, markRaw as Ha, TransitionGroup as nr, withDirectives as ft, vModelText as qa, provide as rr, inject as Ua, vShow as Ya, createSlots as sr, withModifiers as oa, getCurrentInstance as lr } from "vue";
 import { cva as j } from "class-variance-authority";
 import { clsx as or } from "clsx";
 function k(...e) {
@@ -37,7 +37,7 @@ function fr(e, a, t) {
 function nt(e, a) {
   var t = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (!t) {
-    if (Array.isArray(e) || (t = Ut(e)) || a) {
+    if (Array.isArray(e) || (t = qt(e)) || a) {
       t && (e = t);
       var n = 0, r = function() {
       };
@@ -143,10 +143,10 @@ function I(e) {
   return e;
 }
 function mt(e, a) {
-  return ir(e) || gr(e, a) || Ut(e, a) || vr();
+  return ir(e) || gr(e, a) || qt(e, a) || vr();
 }
 function be(e) {
-  return ur(e) || mr(e) || Ut(e) || hr();
+  return ur(e) || mr(e) || qt(e) || hr();
 }
 function br(e, a) {
   if (typeof e != "object" || !e) return e;
@@ -170,7 +170,7 @@ function lt(e) {
     return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
   }, lt(e);
 }
-function Ut(e, a) {
+function qt(e, a) {
   if (e) {
     if (typeof e == "string") return zt(e, a);
     var t = {}.toString.call(e).slice(8, -1);
@@ -178,15 +178,15 @@ function Ut(e, a) {
   }
 }
 var ua = function() {
-}, qt = {}, Ka = {}, Xa = null, Ja = {
+}, Ut = {}, Ka = {}, Xa = null, Ja = {
   mark: ua,
   measure: ua
 };
 try {
-  typeof window < "u" && (qt = window), typeof document < "u" && (Ka = document), typeof MutationObserver < "u" && (Xa = MutationObserver), typeof performance < "u" && (Ja = performance);
+  typeof window < "u" && (Ut = window), typeof document < "u" && (Ka = document), typeof MutationObserver < "u" && (Xa = MutationObserver), typeof performance < "u" && (Ja = performance);
 } catch {
 }
-var pr = qt.navigator || {}, da = pr.userAgent, ca = da === void 0 ? "" : da, Ae = qt, te = Ka, fa = Xa, tt = Ja;
+var pr = Ut.navigator || {}, da = pr.userAgent, ca = da === void 0 ? "" : da, Ae = Ut, te = Ka, fa = Xa, tt = Ja;
 Ae.document;
 var $e = !!te.documentElement && !!te.head && typeof te.addEventListener == "function" && typeof te.createElement == "function", Qa = ~ca.indexOf("MSIE") || ~ca.indexOf("Trident/"), yt, yr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, xr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, Za = {
   classic: {
@@ -584,9 +584,9 @@ var Er = {
     fakd: "kit-duotone",
     "fa-kit-duotone": "kit-duotone"
   }
-}, Mr = ["kit"], Rr = "kit", Wr = "kit-duotone", Hr = "Kit", Ur = "Kit Duotone";
-K(K({}, Rr, Hr), Wr, Ur);
-var qr = {
+}, Mr = ["kit"], Rr = "kit", Wr = "kit-duotone", Hr = "Kit", qr = "Kit Duotone";
+K(K({}, Rr, Hr), Wr, qr);
+var Ur = {
   kit: {
     "fa-kit": "fak"
   }
@@ -800,11 +800,11 @@ Tt[oe] = I(I(I(I({}, {
 var ha = Je(Tt), jt = I({}, At);
 jt[oe] = I(I({}, jt[oe]), Gr.kit);
 var Kt = Je(jt), Bt = I({}, Ts);
-Bt[oe] = I(I({}, Bt[oe]), qr.kit);
+Bt[oe] = I(I({}, Bt[oe]), Ur.kit);
 Je(Bt);
 var Rs = yr, Cn = "fa-layers-text", Ws = xr, Hs = I({}, Er);
 Je(Hs);
-var Us = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], wt = wr, qs = [].concat(be(Mr), be(Vs)), We = Ae.FontAwesomeConfig || {};
+var qs = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], wt = wr, Us = [].concat(be(Mr), be(Vs)), He = Ae.FontAwesomeConfig || {};
 function Ys(e) {
   var a = te.querySelector("script[" + e + "]");
   if (a)
@@ -817,7 +817,7 @@ if (te && typeof te.querySelector == "function") {
   var Ks = [["data-family-prefix", "familyPrefix"], ["data-css-prefix", "cssPrefix"], ["data-family-default", "familyDefault"], ["data-style-default", "styleDefault"], ["data-replacement-class", "replacementClass"], ["data-auto-replace-svg", "autoReplaceSvg"], ["data-auto-add-css", "autoAddCss"], ["data-search-pseudo-elements", "searchPseudoElements"], ["data-search-pseudo-elements-warnings", "searchPseudoElementsWarnings"], ["data-search-pseudo-elements-full-scan", "searchPseudoElementsFullScan"], ["data-observe-mutations", "observeMutations"], ["data-mutate-approach", "mutateApproach"], ["data-keep-original-source", "keepOriginalSource"], ["data-measure-performance", "measurePerformance"], ["data-show-missing-icons", "showMissingIcons"]];
   Ks.forEach(function(e) {
     var a = mt(e, 2), t = a[0], n = a[1], r = Gs(Ys(t));
-    r != null && (We[n] = r);
+    r != null && (He[n] = r);
   });
 }
 var $n = {
@@ -836,39 +836,39 @@ var $n = {
   measurePerformance: !1,
   showMissingIcons: !0
 };
-We.familyPrefix && (We.cssPrefix = We.familyPrefix);
-var Ne = I(I({}, $n), We);
-Ne.autoReplaceSvg || (Ne.observeMutations = !1);
+He.familyPrefix && (He.cssPrefix = He.familyPrefix);
+var _e = I(I({}, $n), He);
+_e.autoReplaceSvg || (_e.observeMutations = !1);
 var _ = {};
 Object.keys($n).forEach(function(e) {
   Object.defineProperty(_, e, {
     enumerable: !0,
     set: function(t) {
-      Ne[e] = t, He.forEach(function(n) {
+      _e[e] = t, qe.forEach(function(n) {
         return n(_);
       });
     },
     get: function() {
-      return Ne[e];
+      return _e[e];
     }
   });
 });
 Object.defineProperty(_, "familyPrefix", {
   enumerable: !0,
   set: function(a) {
-    Ne.cssPrefix = a, He.forEach(function(t) {
+    _e.cssPrefix = a, qe.forEach(function(t) {
       return t(_);
     });
   },
   get: function() {
-    return Ne.cssPrefix;
+    return _e.cssPrefix;
   }
 });
 Ae.FontAwesomeConfig = _;
-var He = [];
+var qe = [];
 function Xs(e) {
-  return He.push(e), function() {
-    He.splice(He.indexOf(e), 1);
+  return qe.push(e), function() {
+    qe.splice(qe.indexOf(e), 1);
   };
 }
 var Le = It, ye = {
@@ -896,13 +896,13 @@ function ba() {
     a += Qs[Math.random() * 62 | 0];
   return a;
 }
-function De(e) {
+function Me(e) {
   for (var a = [], t = (e || []).length >>> 0; t--; )
     a[t] = e[t];
   return a;
 }
 function Xt(e) {
-  return e.classList ? De(e.classList) : (e.getAttribute("class") || "").split(" ").filter(function(a) {
+  return e.classList ? Me(e.classList) : (e.getAttribute("class") || "").split(" ").filter(function(a) {
     return a;
   });
 }
@@ -1568,7 +1568,7 @@ var Ge = he.styles, sl = he.shims, jn = Object.keys(Kt), ll = jn.reduce(function
   return e[a] = Object.keys(Kt[a]), e;
 }, {}), Qt = null, Bn = {}, On = {}, Fn = {}, Ln = {}, Vn = {};
 function ol(e) {
-  return ~qs.indexOf(e);
+  return ~Us.indexOf(e);
 }
 function il(e, a) {
   var t = a.split("-"), n = t[0], r = t.slice(1).join("-");
@@ -2081,12 +2081,12 @@ var $a = function() {
 }, Nt = _.measurePerformance && tt && tt.mark && tt.measure ? tt : {
   mark: $a,
   measure: $a
-}, Me = 'FA "7.0.1"', Tl = function(a) {
-  return Nt.mark("".concat(Me, " ").concat(a, " begins")), function() {
+}, Re = 'FA "7.0.1"', Tl = function(a) {
+  return Nt.mark("".concat(Re, " ").concat(a, " begins")), function() {
     return Mn(a);
   };
 }, Mn = function(a) {
-  Nt.mark("".concat(Me, " ").concat(a, " ends")), Nt.measure("".concat(Me, " ").concat(a), "".concat(Me, " ").concat(a, " begins"), "".concat(Me, " ").concat(a, " ends"));
+  Nt.mark("".concat(Re, " ").concat(a, " ends")), Nt.measure("".concat(Re, " ").concat(a), "".concat(Re, " ").concat(a, " begins"), "".concat(Re, " ").concat(a, " ends"));
 }, ta = {
   begin: Tl,
   end: Mn
@@ -2196,8 +2196,8 @@ function Ia(e) {
     it = new fa(function(v) {
       if (!aa) {
         var h = Ie();
-        De(v).forEach(function(w) {
-          if (w.type === "childList" && w.addedNodes.length > 0 && !za(w.addedNodes[0]) && (_.searchPseudoElements && s(w.target), t(w.target)), w.type === "attributes" && w.target.parentNode && _.searchPseudoElements && s([w.target], !0), w.type === "attributes" && za(w.target) && ~Us.indexOf(w.attributeName))
+        Me(v).forEach(function(w) {
+          if (w.type === "childList" && w.addedNodes.length > 0 && !za(w.addedNodes[0]) && (_.searchPseudoElements && s(w.target), t(w.target)), w.type === "attributes" && w.target.parentNode && _.searchPseudoElements && s([w.target], !0), w.type === "attributes" && za(w.target) && ~qs.indexOf(w.attributeName))
             if (w.attributeName === "class" && jl(w.target)) {
               var F = ht(Xt(w.target)), $ = F.prefix, A = F.iconName;
               w.target.setAttribute(Yt, $ || h), A && w.target.setAttribute(Gt, A);
@@ -2227,7 +2227,7 @@ function _l(e) {
   return r.prefix || (r.prefix = Ie()), a && t && (r.prefix = a, r.iconName = t), r.iconName && r.prefix || (r.prefix && n.length > 0 && (r.iconName = ul(r.prefix, e.innerText) || Zt(r.prefix, Tn(e.innerText))), !r.iconName && _.autoFetchSvg && e.firstChild && e.firstChild.nodeType === Node.TEXT_NODE && (r.iconName = e.firstChild.data)), r;
 }
 function Dl(e) {
-  var a = De(e.attributes).reduce(function(t, n) {
+  var a = Me(e.attributes).reduce(function(t, n) {
     return t.name !== "class" && t.name !== "style" && (t[n.name] = n.value), t;
   }, {});
   return a;
@@ -2274,7 +2274,7 @@ function Pa(e) {
   }, i);
 }
 var Rl = he.styles;
-function Un(e) {
+function qn(e) {
   var a = _.autoReplaceSvg === "nest" ? Pa(e, {
     styleParser: !1
   }) : Pa(e);
@@ -2299,7 +2299,7 @@ function Ta(e) {
     return Promise.resolve();
   var i = [];
   try {
-    i = De(e.querySelectorAll(s));
+    i = Me(e.querySelectorAll(s));
   } catch {
   }
   if (i.length > 0)
@@ -2308,7 +2308,7 @@ function Ta(e) {
     return Promise.resolve();
   var c = ta.begin("onTree"), v = i.reduce(function(h, w) {
     try {
-      var F = Un(w);
+      var F = qn(w);
       F && h.push(F);
     } catch ($) {
       kn || $.name === "MissingIcon" && console.error($);
@@ -2327,11 +2327,11 @@ function Ta(e) {
 }
 function Hl(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-  Un(e).then(function(t) {
+  qn(e).then(function(t) {
     t && Wn([t], a);
   });
 }
-function Ul(e) {
+function ql(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = (a || {}).icon ? a : Lt(a || {}), r = t.mask;
     return r && (r = (r || {}).icon ? r : Lt(r || {})), e(n, I(I({}, t), {}, {
@@ -2339,7 +2339,7 @@ function Ul(e) {
     }));
   };
 }
-var ql = function(a) {
+var Ul = function(a) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? ye : n, l = t.symbol, s = l === void 0 ? !1 : l, i = t.mask, c = i === void 0 ? null : i, v = t.maskId, h = v === void 0 ? null : v, w = t.classes, F = w === void 0 ? [] : w, $ = t.attributes, A = $ === void 0 ? {} : $, S = t.styles, y = S === void 0 ? {} : S;
   if (a) {
     var b = a.prefix, p = a.iconName, L = a.icon;
@@ -2375,7 +2375,7 @@ var ql = function(a) {
 }, Yl = {
   mixout: function() {
     return {
-      icon: Ul(ql)
+      icon: ql(Ul)
     };
   },
   hooks: function() {
@@ -2526,7 +2526,7 @@ var ql = function(a) {
       })]);
     };
   }
-}, qn = new RegExp('"', "ug"), ja = [1105920, 1112319], Ba = I(I(I(I({}, {
+}, Un = new RegExp('"', "ug"), ja = [1105920, 1112319], Ba = I(I(I(I({}, {
   FontAwesome: {
     normal: "fas",
     400: "fas"
@@ -2538,11 +2538,11 @@ var ql = function(a) {
   return e[a] = t[900] || be(Object.entries(t))[0][1], e;
 }, {});
 function Ql(e) {
-  var a = e.replace(qn, "");
+  var a = e.replace(Un, "");
   return Tn(be(a)[0] || "");
 }
 function Zl(e) {
-  var a = e.getPropertyValue("font-feature-settings").includes("ss01"), t = e.getPropertyValue("content"), n = t.replace(qn, ""), r = n.codePointAt(0), l = r >= ja[0] && r <= ja[1], s = n.length === 2 ? n[0] === n[1] : !1;
+  var a = e.getPropertyValue("font-feature-settings").includes("ss01"), t = e.getPropertyValue("content"), n = t.replace(Un, ""), r = n.codePointAt(0), l = r >= ja[0] && r <= ja[1], s = n.length === 2 ? n[0] === n[1] : !1;
   return l || s || a;
 }
 function eo(e, a) {
@@ -2554,7 +2554,7 @@ function Oa(e, a) {
   return new Promise(function(n, r) {
     if (e.getAttribute(t) !== null)
       return n();
-    var l = De(e.children), s = l.filter(function(ae) {
+    var l = Me(e.children), s = l.filter(function(ae) {
       return ae.getAttribute(Pt) === a;
     })[0], i = Ae.getComputedStyle(e, a), c = i.getPropertyValue("font-family"), v = c.match(Ws), h = i.getPropertyValue("font-weight"), w = i.getPropertyValue("content");
     if (s && !v)
@@ -2569,7 +2569,7 @@ function Oa(e, a) {
         e.setAttribute(t, p), s && e.removeChild(s);
         var z = Ml(), B = z.extra;
         B.attributes[Pt] = a, Et(b, $).then(function(ae) {
-          var q = ea(I(I({}, z), {}, {
+          var U = ea(I(I({}, z), {}, {
             icons: {
               main: ae,
               mask: _n()
@@ -2578,8 +2578,8 @@ function Oa(e, a) {
             iconName: p,
             extra: B,
             watchable: !0
-          })), U = te.createElementNS("http://www.w3.org/2000/svg", "svg");
-          a === "::before" ? e.insertBefore(U, e.firstChild) : e.appendChild(U), U.outerHTML = q.map(function(ne) {
+          })), q = te.createElementNS("http://www.w3.org/2000/svg", "svg");
+          a === "::before" ? e.insertBefore(q, e.firstChild) : e.appendChild(q), q.outerHTML = U.map(function(ne) {
             return Qe(ne);
           }).join(`
 `), e.removeAttribute(t), n();
@@ -2680,7 +2680,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
       }
     }
     return new Promise(function(S, y) {
-      var b = De(t).filter(ao).map(to), p = ta.begin("searchPseudoElements");
+      var b = Me(t).filter(ao).map(to), p = ta.begin("searchPseudoElements");
       Hn(), Promise.all(b).then(function() {
         p(), _t(), S();
       }).catch(function() {
@@ -3120,8 +3120,8 @@ var $o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           z.push(t(b, p[B], L));
       else {
         z = {};
-        for (var q in p)
-          Object.prototype.hasOwnProperty.call(p, q) && (z[b(q, L)] = t(b, p[q], L));
+        for (var U in p)
+          Object.prototype.hasOwnProperty.call(p, U) && (z[b(U, L)] = t(b, p[U], L));
       }
       return z;
     }, n = function(b, p) {
@@ -3773,7 +3773,7 @@ const Q = {
         }
       }
     );
-    return (t, n) => (o(), d("button", Ye({
+    return (t, n) => (o(), d("button", Ne({
       class: E(k)(E(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
       disabled: e.disabled || e.loading,
       "aria-disabled": e.disabled || e.loading,
@@ -3971,7 +3971,7 @@ const Q = {
 }, Ho = {
   key: 0,
   class: "px-3 text-sm text-gray-500 bg-white dark:bg-gray-900 dark:text-gray-400 relative z-10"
-}, Uo = {
+}, qo = {
   __name: "Divider",
   props: {
     orientation: {
@@ -4064,7 +4064,7 @@ const Q = {
       e.label && e.orientation === "horizontal" ? (o(), d("span", Ho, x(e.label), 1)) : g("", !0)
     ], 2));
   }
-}, qo = ["aria-label"], Yo = {
+}, Uo = ["aria-label"], Yo = {
   key: 0,
   class: "sr-only"
 }, Xn = {
@@ -4142,7 +4142,7 @@ const Q = {
         }, null, -1)
       ])], 2)),
       e.label ? (o(), d("span", Yo, x(e.label), 1)) : g("", !0)
-    ], 10, qo));
+    ], 10, Uo));
   }
 }, Go = ["src", "alt", "loading"], Ko = {
   __name: "Image",
@@ -4795,7 +4795,7 @@ const Q = {
       }, x(e.label), 3)) : g("", !0)
     ]));
   }
-}, fi = ["value", "disabled"], sa = {
+}, fi = ["value", "disabled", "required"], sa = {
   __name: "Select",
   props: {
     modelValue: {
@@ -4806,6 +4806,10 @@ const Q = {
       type: Boolean,
       default: !1
     },
+    required: {
+      type: Boolean,
+      default: !1
+    },
     class: String
   },
   emits: ["update:modelValue"],
@@ -4827,10 +4831,11 @@ const Q = {
         a.class
       )
     );
-    return (r, l) => (o(), d("select", Ye({
+    return (r, l) => (o(), d("select", Ne({
       value: e.modelValue,
       onChange: l[0] || (l[0] = (s) => r.$emit("update:modelValue", s.target.value)),
       disabled: e.disabled,
+      required: e.required,
       class: n.value
     }, r.$attrs), [
       P(r.$slots, "default")
@@ -5199,6 +5204,10 @@ const Q = {
       })
     ], 32));
   }
+}, yi = {
+  key: 0,
+  class: "text-red-600 ml-1",
+  "aria-hidden": "true"
 }, Wt = {
   __name: "Typography",
   props: {
@@ -5206,17 +5215,14 @@ const Q = {
       type: String,
       default: "body-md",
       validator: (e) => [
-        // Body
         "body-xs",
         "body-sm",
         "body-md",
         "body-lg",
-        // text
         "text-xs",
         "text-sm",
         "text-md",
         "text-lg",
-        // Display / Heading
         "display-sm",
         "display-md",
         "display-lg",
@@ -5245,7 +5251,12 @@ const Q = {
     italic: Boolean,
     underline: Boolean,
     truncate: Boolean,
-    noWrap: Boolean
+    noWrap: Boolean,
+    /** 👇 New */
+    required: {
+      type: Boolean,
+      default: !1
+    }
   },
   setup(e) {
     const a = e, t = m(() => ({
@@ -5263,21 +5274,17 @@ const Q = {
       caption: "span",
       overline: "span"
     })[a.variant] || "p"), n = m(() => ({
-      // Body text
       "body-xs": "text-xs leading-normal",
       "body-sm": "text-sm leading-relaxed",
       "body-md": "text-base leading-relaxed",
       "body-lg": "text-lg leading-relaxed",
-      // texts
       "text-xs": "text-md font-semibold leading-snug",
       "text-sm": "text-xl font-semibold leading-snug",
       "text-md": "text-2xl font-semibold leading-snug",
       "text-lg": "text-3xl font-bold leading-snug",
-      // Displays
       "display-sm": "text-4xl font-bold leading-tight tracking-tight",
       "display-md": "text-5xl font-bold leading-tight tracking-tight",
       "display-lg": "text-6xl font-bold leading-tight tracking-tight",
-      // Extras
       caption: "text-xs leading-normal",
       overline: "text-xs font-medium uppercase tracking-wider leading-normal"
     })[a.variant]), r = m(() => ({
@@ -5304,54 +5311,53 @@ const Q = {
         "whitespace-nowrap": a.noWrap
       }
     ]);
-    return (i, c) => (o(), D(ce(t.value), {
-      class: f(s.value)
-    }, {
+    return (i, c) => (o(), D(ce(t.value), Ne({ class: s.value }, i.$attrs), {
       default: N(() => [
-        P(i.$slots, "default")
+        P(i.$slots, "default"),
+        e.required ? (o(), d("span", yi, "*")) : g("", !0)
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 16, ["class"]));
   }
 }, pt = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, yi = {
+}, xi = {
   key: 0,
   class: "stl-loader__backdrop"
-}, xi = { class: "stl-loader__container" }, wi = {
+}, wi = { class: "stl-loader__container" }, ki = {
   key: 0,
   class: "stl-loader__text stl-loader__text--top"
-}, ki = {
+}, Si = {
   key: 1,
   class: "stl-loader__spin"
-}, Si = {
+}, Ci = {
   key: 2,
   class: "stl-loader__pulse"
-}, Ci = {
+}, $i = {
   key: 3,
   class: "stl-loader__bounce"
-}, $i = {
+}, zi = {
   key: 4,
   class: "stl-loader__ripple"
-}, zi = {
+}, Ai = {
   key: 5,
   class: "stl-loader__bars"
-}, Ai = {
+}, Ii = {
   key: 6,
   class: "stl-loader__dots"
-}, Ii = {
+}, Pi = {
   key: 7,
   class: "stl-loader__ring"
-}, Pi = {
+}, Ti = {
   key: 8,
   class: "stl-loader__spinner-text"
-}, Ti = {
+}, ji = {
   key: 9,
   class: "stl-loader__text stl-loader__text--bottom"
-}, ji = {
+}, Bi = {
   __name: "STLLoader",
   props: {
     loading: {
@@ -5418,53 +5424,53 @@ const Q = {
         "--loader-bg": e.backgroundColor
       })
     }, [
-      e.overlay ? (o(), d("div", yi)) : g("", !0),
-      u("div", xi, [
-        e.text && e.textPosition === "top" ? (o(), d("div", wi, x(e.text), 1)) : g("", !0),
-        e.type === "spin" ? (o(), d("div", ki)) : e.type === "pulse" ? (o(), d("div", Si)) : e.type === "bounce" ? (o(), d("div", Ci, [
+      e.overlay ? (o(), d("div", xi)) : g("", !0),
+      u("div", wi, [
+        e.text && e.textPosition === "top" ? (o(), d("div", ki, x(e.text), 1)) : g("", !0),
+        e.type === "spin" ? (o(), d("div", Si)) : e.type === "pulse" ? (o(), d("div", Ci)) : e.type === "bounce" ? (o(), d("div", $i, [
           (o(), d(G, null, X(3, (n) => u("div", {
             class: "stl-loader__bounce-dot",
             key: n,
             style: de({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
-        ])) : e.type === "ripple" ? (o(), d("div", $i, [
+        ])) : e.type === "ripple" ? (o(), d("div", zi, [
           (o(), d(G, null, X(2, (n) => u("div", {
             class: "stl-loader__ripple-ring",
             key: n,
             style: de({ animationDelay: `${(n - 1) * 0.5}s` })
           }, null, 4)), 64))
-        ])) : e.type === "bars" ? (o(), d("div", zi, [
+        ])) : e.type === "bars" ? (o(), d("div", Ai, [
           (o(), d(G, null, X(5, (n) => u("div", {
             class: "stl-loader__bar",
             key: n,
             style: de({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
-        ])) : e.type === "dots" ? (o(), d("div", Ai, [
+        ])) : e.type === "dots" ? (o(), d("div", Ii, [
           (o(), d(G, null, X(3, (n) => u("div", {
             class: "stl-loader__dot",
             key: n,
             style: de({ animationDelay: `${(n - 1) * 0.16}s` })
           }, null, 4)), 64))
-        ])) : e.type === "ring" ? (o(), d("div", Ii, [...t[0] || (t[0] = [
+        ])) : e.type === "ring" ? (o(), d("div", Pi, [...t[0] || (t[0] = [
           u("div", { class: "stl-loader__ring-track" }, null, -1),
           u("div", { class: "stl-loader__ring-fill" }, null, -1)
-        ])])) : e.type === "spinner-text" ? (o(), d("div", Pi, [...t[1] || (t[1] = [
+        ])])) : e.type === "spinner-text" ? (o(), d("div", Ti, [...t[1] || (t[1] = [
           u("div", { class: "stl-loader__spinner" }, null, -1)
         ])])) : g("", !0),
-        e.text && e.textPosition === "bottom" ? (o(), d("div", Ti, x(e.text), 1)) : g("", !0)
+        e.text && e.textPosition === "bottom" ? (o(), d("div", ji, x(e.text), 1)) : g("", !0)
       ])
     ], 6)) : g("", !0);
   }
-}, Re = /* @__PURE__ */ pt(ji, [["__scopeId", "data-v-4c1fd9bd"]]), Bi = { class: "flex items-start gap-3" }, Oi = {
+}, We = /* @__PURE__ */ pt(Bi, [["__scopeId", "data-v-4c1fd9bd"]]), Oi = { class: "flex items-start gap-3" }, Fi = {
   key: 0,
   class: "flex-shrink-0 mt-0.5"
-}, Fi = { class: "flex-1 min-w-0" }, Li = {
+}, Li = { class: "flex-1 min-w-0" }, Vi = {
   key: 0,
   class: "font-medium text-sm mb-1"
-}, Vi = {
+}, Ei = {
   key: 1,
   class: "mt-3 flex gap-2"
-}, Ei = ["aria-label"], Ni = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ni = ["aria-label"], _i = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Alert",
   props: {
     variant: {
@@ -5579,14 +5585,14 @@ const Q = {
           class: f(E(k)(E($)({ variant: e.variant }), y.$attrs.class)),
           role: "alert"
         }, [
-          u("div", Bi, [
-            e.showIcon ? (o(), d("div", Oi, [
+          u("div", Oi, [
+            e.showIcon ? (o(), d("div", Fi, [
               (o(), D(ce(F.value), {
                 class: f(A.value)
               }, null, 8, ["class"]))
             ])) : g("", !0),
-            u("div", Fi, [
-              e.title ? (o(), d("h4", Li, x(e.title), 1)) : g("", !0),
+            u("div", Li, [
+              e.title ? (o(), d("h4", Vi, x(e.title), 1)) : g("", !0),
               u("div", {
                 class: f(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
@@ -5594,7 +5600,7 @@ const Q = {
                   W(x(e.message), 1)
                 ])
               ], 2),
-              y.$slots.actions || e.actions.length > 0 ? (o(), d("div", Vi, [
+              y.$slots.actions || e.actions.length > 0 ? (o(), d("div", Ei, [
                 P(y.$slots, "actions", {}, () => [
                   (o(!0), d(G, null, X(e.actions, (p) => (o(), D(xe, {
                     key: p.label,
@@ -5617,14 +5623,14 @@ const Q = {
               "aria-label": e.dismissLabel
             }, [
               T(w, { class: "w-4 h-4" })
-            ], 10, Ei)) : g("", !0)
+            ], 10, Ni)) : g("", !0)
           ])
         ], 2)) : g("", !0)
       ]),
       _: 3
     }));
   }
-}), _i = ["aria-label"], Di = { class: "flex items-center space-x-1" }, Mi = {
+}), Di = ["aria-label"], Mi = { class: "flex items-center space-x-1" }, Ri = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -5661,7 +5667,7 @@ const Q = {
       "aria-label": e.ariaLabel,
       class: f(["flex", n.value])
     }, [
-      u("ol", Di, [
+      u("ol", Mi, [
         (o(!0), d(G, null, X(e.items, (s, i) => (o(), d("li", {
           key: i,
           class: "flex items-center"
@@ -5686,9 +5692,9 @@ const Q = {
           }, null, 8, ["name"])) : g("", !0)
         ]))), 128))
       ])
-    ], 10, _i));
+    ], 10, Di));
   }
-}, Ri = ["aria-label"], Wi = {
+}, Wi = ["aria-label"], Hi = {
   __name: "ButtonGroup",
   props: {
     orientation: {
@@ -5725,12 +5731,12 @@ const Q = {
       "aria-label": e.ariaLabel
     }, [
       P(r.$slots, "default")
-    ], 10, Ri));
+    ], 10, Wi));
   }
-}, Hi = { class: "flex items-start justify-between" }, Ui = { class: "flex-1 min-w-0" }, qi = {
+}, qi = { class: "flex items-start justify-between" }, Ui = { class: "flex-1 min-w-0" }, Yi = {
   key: 0,
   class: "flex-shrink-0 ml-4"
-}, Yi = ["src", "alt"], Gi = "w-full h-auto object-cover", Ki = "text-lg font-semibold text-slate-900 truncate", Xi = "text-sm text-slate-600 mt-1", Ji = {
+}, Gi = ["src", "alt"], Ki = "w-full h-auto object-cover", Xi = "text-lg font-semibold text-slate-900 truncate", Ji = "text-sm text-slate-600 mt-1", Qi = {
   __name: "Card",
   props: {
     variant: {
@@ -5846,18 +5852,18 @@ const Q = {
         class: f(E(k)(E(s)({ padding: e.padding })))
       }, [
         P(h.$slots, "header", {}, () => [
-          u("div", Hi, [
+          u("div", qi, [
             u("div", Ui, [
               e.title ? (o(), d("h3", {
                 key: 0,
-                class: f(Ki)
+                class: f(Xi)
               }, x(e.title), 1)) : g("", !0),
               e.subtitle ? (o(), d("p", {
                 key: 1,
-                class: f(Xi)
+                class: f(Ji)
               }, x(e.subtitle), 1)) : g("", !0)
             ]),
-            h.$slots.actions ? (o(), d("div", qi, [
+            h.$slots.actions ? (o(), d("div", Yi, [
               P(h.$slots, "actions")
             ])) : g("", !0)
           ])
@@ -5872,8 +5878,8 @@ const Q = {
             key: 0,
             src: e.image,
             alt: e.imageAlt,
-            class: f(Gi)
-          }, null, 8, Yi)) : g("", !0)
+            class: f(Ki)
+          }, null, 8, Gi)) : g("", !0)
         ])
       ], 2)) : g("", !0),
       h.$slots.default ? (o(), d("div", {
@@ -5890,7 +5896,7 @@ const Q = {
       ], 2)) : g("", !0)
     ], 2));
   }
-}, Qi = /* @__PURE__ */ Object.assign({
+}, Zi = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardHeader",
@@ -5901,7 +5907,7 @@ const Q = {
       P(a.$slots, "default")
     ], 2));
   }
-}), Zi = {
+}), eu = {
   __name: "CardBody",
   props: {
     variant: {
@@ -5928,7 +5934,7 @@ const Q = {
       P(r.$slots, "default")
     ], 2));
   }
-}, eu = {
+}, tu = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -5955,7 +5961,7 @@ const Q = {
       P(r.$slots, "default")
     ], 2));
   }
-}, tu = /* @__PURE__ */ Object.assign({
+}, au = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -5966,7 +5972,7 @@ const Q = {
       P(a.$slots, "default")
     ], 2));
   }
-}), au = /* @__PURE__ */ Object.assign({
+}), nu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -5977,7 +5983,7 @@ const Q = {
       P(a.$slots, "default")
     ], 2));
   }
-}), nu = { class: "relative" }, ru = ["id", "value", "disabled", "required", "min", "max"], su = {
+}), ru = { class: "relative" }, su = ["id", "value", "disabled", "required", "min", "max"], lu = {
   __name: "DatePicker",
   props: {
     modelValue: String,
@@ -6018,7 +6024,7 @@ const Q = {
     ), n = m(
       () => k(t({ variant: a.variant, size: a.size }))
     );
-    return (r, l) => (o(), d("div", nu, [
+    return (r, l) => (o(), d("div", ru, [
       u("input", {
         id: e.id,
         value: e.modelValue,
@@ -6029,14 +6035,14 @@ const Q = {
         min: e.min,
         max: e.max,
         onInput: l[0] || (l[0] = (s) => r.$emit("update:modelValue", s.target.value))
-      }, null, 42, ru),
+      }, null, 42, su),
       T(Q, {
         name: "calendar",
         class: "absolute right-3 top-1/2 transform -translate-y-1/2 w-4 h-4 pointer-events-none text-gray-400"
       })
     ]));
   }
-}, lu = ["aria-expanded"], ou = {
+}, ou = ["aria-expanded"], iu = {
   __name: "Dropdown",
   props: {
     triggerText: {
@@ -6089,7 +6095,7 @@ const Q = {
     };
     return Te(() => {
       document.addEventListener("click", v);
-    }), _e(() => {
+    }), De(() => {
       document.removeEventListener("click", v);
     }), (h, w) => (o(), d("div", {
       class: "relative",
@@ -6109,7 +6115,7 @@ const Q = {
             class: "ml-2 h-4 w-4"
           })
         ])
-      ], 10, lu),
+      ], 10, ou),
       T(we, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
@@ -6132,10 +6138,10 @@ const Q = {
       })
     ], 512));
   }
-}, iu = {
+}, uu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, uu = {
+}, du = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -6179,18 +6185,18 @@ const Q = {
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : g("", !0),
         P(i.$slots, "default"),
-        e.shortcut ? (o(), d("span", iu, x(e.shortcut), 1)) : g("", !0)
+        e.shortcut ? (o(), d("span", uu, x(e.shortcut), 1)) : g("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, du = { class: "w-full" }, cu = ["multiple", "accept"], fu = { class: "flex flex-col items-center justify-center py-6" }, mu = {
+}, cu = { class: "w-full" }, fu = ["multiple", "accept"], mu = { class: "flex flex-col items-center justify-center py-6" }, gu = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
-}, gu = {
+}, vu = {
   key: 0,
   class: "mt-4 space-y-2"
-}, vu = { class: "flex items-center space-x-2" }, hu = { class: "text-sm" }, bu = { class: "text-xs text-muted-foreground" }, pu = ["onClick"], yu = {
+}, hu = { class: "flex items-center space-x-2" }, bu = { class: "text-sm" }, pu = { class: "text-xs text-muted-foreground" }, yu = ["onClick"], xu = {
   __name: "FileUpload",
   props: {
     multiple: Boolean,
@@ -6245,7 +6251,7 @@ const Q = {
       const L = 1024, z = ["Bytes", "KB", "MB", "GB"], B = Math.floor(Math.log(p) / Math.log(L));
       return parseFloat((p / Math.pow(L, B)).toFixed(2)) + " " + z[B];
     };
-    return (p, L) => (o(), d("div", du, [
+    return (p, L) => (o(), d("div", cu, [
       u("div", {
         class: f(c.value),
         onDrop: v,
@@ -6262,8 +6268,8 @@ const Q = {
           accept: e.accept,
           class: "hidden",
           onChange: A
-        }, null, 40, cu),
-        u("div", fu, [
+        }, null, 40, fu),
+        u("div", mu, [
           T(Q, {
             name: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
@@ -6272,21 +6278,21 @@ const Q = {
             u("span", { class: "font-semibold" }, "Click to upload"),
             W(" or drag and drop ")
           ], -1)),
-          e.accept ? (o(), d("p", mu, x(e.accept), 1)) : g("", !0)
+          e.accept ? (o(), d("p", gu, x(e.accept), 1)) : g("", !0)
         ])
       ], 34),
-      r.value.length > 0 ? (o(), d("div", gu, [
+      r.value.length > 0 ? (o(), d("div", vu, [
         (o(!0), d(G, null, X(r.value, (z, B) => (o(), d("div", {
           key: B,
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
-          u("div", vu, [
+          u("div", hu, [
             T(Q, {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            u("span", hu, x(z.name), 1),
-            u("span", bu, "(" + x(b(z.size)) + ")", 1)
+            u("span", bu, x(z.name), 1),
+            u("span", pu, "(" + x(b(z.size)) + ")", 1)
           ]),
           u("button", {
             onClick: (ae) => y(B),
@@ -6296,16 +6302,16 @@ const Q = {
               name: "x",
               class: "h-4 w-4"
             })
-          ], 8, pu)
+          ], 8, yu)
         ]))), 128))
       ])) : g("", !0)
     ]));
   }
-}, xu = ["for"], wu = {
+}, wu = ["for"], ku = {
   key: 0,
   class: "text-red-500 ml-1",
   "aria-label": "required"
-}, ku = { class: "relative" }, Su = ["aria-label"], Cu = ["id"], $u = ["id"], zu = {
+}, Su = { class: "relative" }, Cu = ["aria-label"], $u = ["id"], zu = ["id"], Au = {
   __name: "FormField",
   props: {
     label: String,
@@ -6390,13 +6396,13 @@ const Q = {
           class: f(E(k)(E(c)({ size: e.size })))
         }, [
           W(x(e.label) + " ", 1),
-          e.required ? (o(), d("span", wu, "*")) : g("", !0)
-        ], 10, xu)) : g("", !0),
+          e.required ? (o(), d("span", ku, "*")) : g("", !0)
+        ], 10, wu)) : g("", !0),
         e.description ? (o(), d("p", {
           key: 1,
           class: f(E(k)(E(v)({ size: e.size })))
         }, x(e.description), 3)) : g("", !0),
-        u("div", ku, [
+        u("div", Su, [
           P(F.$slots, "default", {
             fieldId: E(t),
             hasError: n.value,
@@ -6415,7 +6421,7 @@ const Q = {
               icon: r.value ? "eye-slash" : "eye",
               class: "w-4 h-4"
             }, null, 8, ["icon"])
-          ], 8, Su)) : g("", !0)
+          ], 8, Cu)) : g("", !0)
         ]),
         T(we, {
           "enter-active-class": "transition-all duration-200",
@@ -6438,7 +6444,7 @@ const Q = {
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
               u("span", null, x(e.error), 1)
-            ], 10, Cu)) : g("", !0)
+            ], 10, $u)) : g("", !0)
           ]),
           _: 1
         }),
@@ -6446,7 +6452,7 @@ const Q = {
           key: 2,
           id: `${E(t)}-help`,
           class: f(E(k)(E(w)({ size: e.size })))
-        }, x(e.helpText), 11, $u)) : g("", !0),
+        }, x(e.helpText), 11, zu)) : g("", !0),
         T(we, {
           "enter-active-class": "transition-all duration-200",
           "enter-from-class": "opacity-0 -translate-y-1",
@@ -6472,13 +6478,13 @@ const Q = {
       ], 2);
     };
   }
-}, Au = {
+}, Iu = {
   key: 0,
   class: "flex items-center px-3 bg-muted border border-r-0 rounded-l-md"
-}, Iu = {
+}, Pu = {
   key: 1,
   class: "flex items-center px-3 bg-muted border border-l-0 rounded-r-md"
-}, Pu = {
+}, Tu = {
   __name: "InputGroup",
   props: {
     variant: {
@@ -6501,28 +6507,28 @@ const Q = {
     return (r, l) => (o(), d("div", {
       class: f(n.value)
     }, [
-      r.$slots.prefix ? (o(), d("div", Au, [
+      r.$slots.prefix ? (o(), d("div", Iu, [
         P(r.$slots, "prefix")
       ])) : g("", !0),
       P(r.$slots, "default"),
-      r.$slots.suffix ? (o(), d("div", Iu, [
+      r.$slots.suffix ? (o(), d("div", Pu, [
         P(r.$slots, "suffix")
       ])) : g("", !0)
     ], 2));
   }
-}, Tu = ["role"], ju = {
+}, ju = ["role"], Bu = {
   key: 0,
   class: "flex-shrink-0"
-}, Bu = { class: "flex-1 min-w-0" }, Ou = {
+}, Ou = { class: "flex-1 min-w-0" }, Fu = {
   key: 0,
   class: "text-sm font-medium text-foreground"
-}, Fu = {
+}, Lu = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Lu = {
+}, Vu = {
   key: 1,
   class: "flex-shrink-0"
-}, Vu = {
+}, Eu = {
   __name: "ListItem",
   props: {
     title: String,
@@ -6569,7 +6575,7 @@ const Q = {
         onClick: c
       }, {
         default: N(() => [
-          v.$slots.icon || e.icon ? (o(), d("div", ju, [
+          v.$slots.icon || e.icon ? (o(), d("div", Bu, [
             P(v.$slots, "icon", {}, () => [
               e.icon ? (o(), D(Q, {
                 key: 0,
@@ -6578,23 +6584,23 @@ const Q = {
               }, null, 8, ["name"])) : g("", !0)
             ])
           ])) : g("", !0),
-          u("div", Bu, [
-            e.title ? (o(), d("div", Ou, x(e.title), 1)) : g("", !0),
-            e.description ? (o(), d("div", Fu, x(e.description), 1)) : g("", !0),
+          u("div", Ou, [
+            e.title ? (o(), d("div", Fu, x(e.title), 1)) : g("", !0),
+            e.description ? (o(), d("div", Lu, x(e.description), 1)) : g("", !0),
             P(v.$slots, "default")
           ]),
-          v.$slots.action ? (o(), d("div", Lu, [
+          v.$slots.action ? (o(), d("div", Vu, [
             P(v.$slots, "action")
           ])) : g("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
-    ], 10, Tu));
+    ], 10, ju));
   }
-}, Eu = {
+}, Nu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Nu = {
+}, _u = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -6639,7 +6645,7 @@ const Q = {
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : g("", !0),
         P(i.$slots, "default"),
-        e.shortcut ? (o(), d("span", Eu, x(e.shortcut), 1)) : g("", !0),
+        e.shortcut ? (o(), d("span", Nu, x(e.shortcut), 1)) : g("", !0),
         e.hasSubmenu ? (o(), D(Q, {
           key: 2,
           name: "chevron-right",
@@ -6649,7 +6655,7 @@ const Q = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, _u = { class: "relative w-full max-w-4xl max-h-[100vh] overflow-y-auto border bg-white p-6 shadow-lg duration-200 sm:rounded-lg" }, Du = {
+}, Du = { class: "relative w-full max-w-4xl max-h-[100vh] overflow-y-auto border bg-white p-6 shadow-lg duration-200 sm:rounded-lg" }, Mu = {
   __name: "Modal",
   props: {
     modelValue: Boolean,
@@ -6693,7 +6699,7 @@ const Q = {
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center",
             onClick: l
           }, [
-            u("div", _u, [
+            u("div", Du, [
               e.showClose ? (o(), d("button", {
                 key: 0,
                 onClick: r,
@@ -6713,22 +6719,22 @@ const Q = {
       })
     ]));
   }
-}, Mu = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Ru = {
+}, Ru = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Wu = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, Wu = {
+}, Hu = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Hu = {
+}, qu = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(e) {
-    return (a, t) => (o(), d("div", Mu, [
-      e.title ? (o(), d("h2", Ru, x(e.title), 1)) : g("", !0),
-      e.description ? (o(), d("p", Wu, x(e.description), 1)) : g("", !0),
+    return (a, t) => (o(), d("div", Ru, [
+      e.title ? (o(), d("h2", Wu, x(e.title), 1)) : g("", !0),
+      e.description ? (o(), d("p", Hu, x(e.description), 1)) : g("", !0),
       P(a.$slots, "default")
     ]));
   }
@@ -6758,7 +6764,7 @@ const Q = {
       P(r.$slots, "default")
     ], 2));
   }
-}, qu = {
+}, Yu = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -6784,13 +6790,13 @@ const Q = {
       P(r.$slots, "default")
     ], 2));
   }
-}, Yu = ["aria-live"], Gu = { class: "flex items-start space-x-3" }, Ku = {
+}, Gu = ["aria-live"], Ku = { class: "flex items-start space-x-3" }, Xu = {
   key: 0,
   class: "flex-shrink-0"
-}, Xu = { class: "flex-1 min-w-0" }, Ju = {
+}, Ju = { class: "flex-1 min-w-0" }, Qu = {
   key: 0,
   class: "text-sm font-medium"
-}, Qu = {
+}, Zu = {
   __name: "Notification",
   props: {
     title: String,
@@ -6866,15 +6872,15 @@ const Q = {
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
-          u("div", Gu, [
-            e.showIcon ? (o(), d("div", Ku, [
+          u("div", Ku, [
+            e.showIcon ? (o(), d("div", Xu, [
               T(Q, {
                 name: v.value,
                 class: f(h.value)
               }, null, 8, ["name", "class"])
             ])) : g("", !0),
-            u("div", Xu, [
-              e.title ? (o(), d("div", Ju, x(e.title), 1)) : g("", !0),
+            u("div", Ju, [
+              e.title ? (o(), d("div", Qu, x(e.title), 1)) : g("", !0),
               e.message ? (o(), d("div", {
                 key: 1,
                 class: f(["text-sm", { "mt-1": e.title }])
@@ -6892,30 +6898,30 @@ const Q = {
               })
             ])) : g("", !0)
           ])
-        ], 10, Yu)) : g("", !0)
+        ], 10, Gu)) : g("", !0)
       ]),
       _: 3
     }));
   }
 }, Ke = M([]);
-let Zu = 0;
-const ed = {
-  duration: 2e3,
+let ed = 0;
+const td = {
+  duration: 3e3,
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, td = () => `toast-${++Zu}-${Date.now()}`, ke = (e, a = {}) => {
-  const t = td(), n = {
+}, ad = () => `toast-${++ed}-${Date.now()}`, ke = (e, a = {}) => {
+  const t = ad(), n = {
     id: t,
     message: e,
-    ...ed,
+    ...td,
     ...a,
     createdAt: Date.now()
   };
   return Ke.value.push(Ha(n)), n.duration && n.duration > 0 && setTimeout(() => {
-    qe(t);
+    Ye(t);
   }, n.duration), t;
-}, qe = (e) => {
+}, Ye = (e) => {
   const a = Ke.value.findIndex((t) => t.id === e);
   a > -1 && Ke.value.splice(a, 1);
 }, Zn = () => {
@@ -6944,14 +6950,14 @@ const ed = {
         dismissible: !1
       });
       return e.then((i) => {
-        qe(s);
+        Ye(s);
         const c = typeof n == "function" ? n(i) : n;
         return ke(c, {
           ...l,
           variant: "success"
         }), i;
       }).catch((i) => {
-        qe(s);
+        Ye(s);
         const c = typeof r == "function" ? r(i) : r;
         throw ke(c, {
           ...l,
@@ -6960,7 +6966,7 @@ const ed = {
       });
     },
     // Utility methods
-    dismiss: qe,
+    dismiss: Ye,
     dismissAll: Zn,
     // Custom toast with component
     custom: (e, a = {}) => ke("", {
@@ -6968,20 +6974,20 @@ const ed = {
       component: Ha(e)
     })
   }
-), ad = () => ({
+), nd = () => ({
   toasts: Ke,
-  dismiss: qe,
+  dismiss: Ye,
   dismissAll: Zn
-}), nd = ["aria-live"], rd = { class: "flex-1 grid gap-1" }, sd = {
+}), rd = ["aria-live"], sd = { class: "flex-1 grid gap-1" }, ld = {
   key: 0,
   class: "text-lg font-extrabold"
-}, ld = {
+}, od = {
   key: 1,
   class: "text-md opacity-90"
-}, od = {
+}, id = {
   key: 2,
   class: "text-md opacity-90"
-}, id = ["onClick"], ud = ["onClick"], dd = {
+}, ud = ["onClick"], dd = ["onClick"], cd = {
   __name: "Toast",
   props: {
     position: {
@@ -7018,7 +7024,7 @@ const ed = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = ad(), r = {
+    const a = e, { toasts: t, dismiss: n } = nd(), r = {
       "top-left": "top-0 left-0 flex-col",
       "top-center": "top-0 left-1/2 -translate-x-1/2 flex-col",
       "top-right": "top-0 right-0 flex-col",
@@ -7090,11 +7096,11 @@ const ed = {
                 icon: h(y),
                 class: f([w(y), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : g("", !0),
-              u("div", rd, [
-                y.title ? (o(), d("div", sd, x(y.title), 1)) : g("", !0),
-                y.message ? (o(), d("div", ld, x(y.message), 1)) : g("", !0),
-                y.description ? (o(), d("div", od, x(y.description), 1)) : g("", !0),
-                y.component ? (o(), D(ce(y.component), Ye({
+              u("div", sd, [
+                y.title ? (o(), d("div", ld, x(y.title), 1)) : g("", !0),
+                y.message ? (o(), d("div", od, x(y.message), 1)) : g("", !0),
+                y.description ? (o(), d("div", id, x(y.description), 1)) : g("", !0),
+                y.component ? (o(), D(ce(y.component), Ne({
                   key: 3,
                   ref_for: !0
                 }, y.componentProps), null, 16)) : g("", !0)
@@ -7103,7 +7109,7 @@ const ed = {
                 key: 1,
                 onClick: y.action.onClick,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-              }, x(y.action.label), 9, id)) : g("", !0),
+              }, x(y.action.label), 9, ud)) : g("", !0),
               $(y) ? (o(), d("button", {
                 key: 2,
                 onClick: (b) => E(n)(y.id),
@@ -7113,33 +7119,33 @@ const ed = {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, ud)) : g("", !0)
-            ], 10, nd))), 128))
+              ], 8, dd)) : g("", !0)
+            ], 10, rd))), 128))
           ]),
           _: 1
         })
       ], 2)
     ]));
   }
-}, cd = { class: "relative" }, fd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, md = ["value", "placeholder", "disabled"], gd = {
+}, fd = { class: "relative" }, md = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, gd = ["value", "placeholder", "disabled"], vd = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, vd = ["aria-label"], hd = {
+}, hd = ["aria-label"], bd = {
   key: 1,
   class: "animate-spin"
-}, bd = {
+}, pd = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, pd = ["onClick", "onMouseenter"], yd = { class: "flex-1 text-left" }, xd = ["innerHTML"], wd = ["innerHTML"], kd = {
+}, yd = ["onClick", "onMouseenter"], xd = { class: "flex-1 text-left" }, wd = ["innerHTML"], kd = ["innerHTML"], Sd = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, Sd = {
+}, Cd = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, Cd = {
+}, $d = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, $d = {
+}, zd = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -7238,23 +7244,23 @@ const ed = {
         }
       },
       defaultVariants: { size: "md" }
-    }), B = m(() => k(L({ size: l.size }))), ae = m(() => k(z({ size: l.size }))), q = m(
+    }), B = m(() => k(L({ size: l.size }))), ae = m(() => k(z({ size: l.size }))), U = m(
       () => k("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), U = (R) => k(
+    ), q = (R) => k(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
       { "bg-slate-50": h.value === R }
     ), ne = (R) => {
       i.value && !i.value.contains(R.target) && (v.value = !1, h.value = -1);
     };
-    return Te(() => document.addEventListener("click", ne)), _e(() => {
+    return Te(() => document.addEventListener("click", ne)), De(() => {
       document.removeEventListener("click", ne), w.value && clearTimeout(w.value);
     }), me(() => l.results, () => h.value = -1), (R, Z) => (o(), d("div", {
       class: "relative",
       ref_key: "searchRef",
       ref: i
     }, [
-      u("div", cd, [
-        u("div", fd, [
+      u("div", fd, [
+        u("div", md, [
           T(t, {
             class: f(ae.value)
           }, null, 8, ["class"])
@@ -7270,8 +7276,8 @@ const ed = {
           onFocus: $,
           onBlur: A,
           onKeydown: b
-        }, null, 42, md),
-        e.modelValue || e.loading ? (o(), d("div", gd, [
+        }, null, 42, gd),
+        e.modelValue || e.loading ? (o(), d("div", vd, [
           !e.loading && e.clearable ? (o(), d("button", {
             key: 0,
             onClick: S,
@@ -7279,7 +7285,7 @@ const ed = {
             "aria-label": e.clearLabel
           }, [
             T(n, { class: "w-4 h-4" })
-          ], 8, vd)) : e.loading ? (o(), d("div", hd, [
+          ], 8, hd)) : e.loading ? (o(), d("div", bd, [
             T(r, { class: "w-4 h-4 text-slate-400" })
           ])) : g("", !0)
         ])) : g("", !0)
@@ -7295,12 +7301,12 @@ const ed = {
         default: N(() => [
           v.value && (e.results.length > 0 || e.showNoResults) ? (o(), d("div", {
             key: 0,
-            class: f(q.value)
+            class: f(U.value)
           }, [
-            e.results.length > 0 ? (o(), d("div", bd, [
+            e.results.length > 0 ? (o(), d("div", pd, [
               (o(!0), d(G, null, X(e.results, (le, ge) => (o(), d("button", {
                 key: le.id || ge,
-                class: f(U(ge)),
+                class: f(q(ge)),
                 onClick: (ee) => y(le),
                 onMouseenter: (ee) => h.value = ge
               }, [
@@ -7308,21 +7314,21 @@ const ed = {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : g("", !0),
-                u("div", yd, [
+                u("div", xd, [
                   u("div", {
                     class: "font-medium text-slate-900",
                     innerHTML: p(le.title)
-                  }, null, 8, xd),
+                  }, null, 8, wd),
                   le.description ? (o(), d("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
                     innerHTML: p(le.description)
-                  }, null, 8, wd)) : g("", !0)
+                  }, null, 8, kd)) : g("", !0)
                 ]),
-                le.category ? (o(), d("div", kd, x(le.category), 1)) : g("", !0)
-              ], 42, pd))), 128))
-            ])) : e.showNoResults ? (o(), d("div", Sd, x(e.noResultsText), 1)) : g("", !0),
-            R.$slots.footer ? (o(), d("div", Cd, [
+                le.category ? (o(), d("div", Sd, x(le.category), 1)) : g("", !0)
+              ], 42, yd))), 128))
+            ])) : e.showNoResults ? (o(), d("div", Cd, x(e.noResultsText), 1)) : g("", !0),
+            R.$slots.footer ? (o(), d("div", $d, [
               P(R.$slots, "footer")
             ])) : g("", !0)
           ], 2)) : g("", !0)
@@ -7331,7 +7337,7 @@ const ed = {
       })
     ], 512));
   }
-}, zd = { class: "w-full" }, Ad = ["min", "max", "step"], Id = { class: "flex justify-between text-xs text-slate-500 mt-1" }, Pd = {
+}, Ad = { class: "w-full" }, Id = ["min", "max", "step"], Pd = { class: "flex justify-between text-xs text-slate-500 mt-1" }, Td = {
   __name: "Slider",
   props: {
     modelValue: { type: Number, default: 0 },
@@ -7348,7 +7354,7 @@ const ed = {
     const l = () => {
       n("update:modelValue", Number(r.value));
     };
-    return (s, i) => (o(), d("div", zd, [
+    return (s, i) => (o(), d("div", Ad, [
       ft(u("input", {
         type: "range",
         min: e.min,
@@ -7357,27 +7363,27 @@ const ed = {
         "onUpdate:modelValue": i[0] || (i[0] = (c) => r.value = c),
         onInput: l,
         class: "w-full accent-blue-500 cursor-pointer"
-      }, null, 40, Ad), [
-        [Ua, r.value]
+      }, null, 40, Id), [
+        [qa, r.value]
       ]),
-      u("div", Id, [
+      u("div", Pd, [
         u("span", null, x(e.min), 1),
         u("span", null, x(r.value), 1),
         u("span", null, x(e.max), 1)
       ])
     ]));
   }
-}, Td = { class: "flex items-center space-x-4" }, jd = {
+}, jd = { class: "flex items-center space-x-4" }, Bd = {
   __name: "Stepper",
   setup(e) {
-    return (a, t) => (o(), d("div", Td, [
+    return (a, t) => (o(), d("div", jd, [
       P(a.$slots, "default")
     ]));
   }
-}, Bd = { class: "flex items-center" }, Od = { class: "ml-2" }, Fd = { class: "font-medium" }, Ld = {
+}, Od = { class: "flex items-center" }, Fd = { class: "ml-2" }, Ld = { class: "font-medium" }, Vd = {
   key: 0,
   class: "text-sm text-slate-400"
-}, Vd = {
+}, Ed = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -7387,7 +7393,7 @@ const ed = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (o(), d("div", Bd, [
+    return (a, t) => (o(), d("div", Od, [
       u("div", {
         class: f([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -7396,13 +7402,13 @@ const ed = {
       }, [
         u("span", null, x(e.step), 1)
       ], 2),
-      u("div", Od, [
-        u("div", Fd, x(e.title), 1),
-        e.description ? (o(), d("div", Ld, x(e.description), 1)) : g("", !0)
+      u("div", Fd, [
+        u("div", Ld, x(e.title), 1),
+        e.description ? (o(), d("div", Vd, x(e.description), 1)) : g("", !0)
       ])
     ]));
   }
-}, Ed = { class: "flex border-b border-slate-200" }, Nd = ["onClick"], _d = { class: "p-4" }, Dd = {
+}, Nd = { class: "flex border-b border-slate-200" }, _d = ["onClick"], Dd = { class: "p-4" }, Md = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 }
@@ -7416,7 +7422,7 @@ const ed = {
       tabs: n,
       registerTab: (l) => (n.value.push({ label: l }), n.value.length - 1)
     }), (l, s) => (o(), d("div", null, [
-      u("div", Ed, [
+      u("div", Nd, [
         (o(!0), d(G, null, X(n.value, (i, c) => (o(), d("button", {
           key: c,
           onClick: (v) => r(c),
@@ -7424,20 +7430,20 @@ const ed = {
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
             t.value === c ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
-        }, x(i.label), 11, Nd))), 128))
+        }, x(i.label), 11, _d))), 128))
       ]),
-      u("div", _d, [
+      u("div", Dd, [
         P(l.$slots, "default")
       ])
     ]));
   }
-}, Md = {
+}, Rd = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 }
   },
   setup(e) {
-    const a = e, t = qa("tabsContext"), n = M(null), r = M(!1);
+    const a = e, t = Ua("tabsContext"), n = M(null), r = M(!1);
     return Te(() => {
       n.value = t.registerTab(a.label), r.value = t.activeIndex.value === n.value, watch(t.activeIndex, (l) => {
         r.value = l === n.value;
@@ -7448,7 +7454,7 @@ const ed = {
       [Ya, r.value]
     ]);
   }
-}, Rd = ["aria-expanded", "aria-controls", "id", "onClick"], Wd = { class: "flex items-center flex-1 min-w-0" }, Hd = { class: "flex-1 text-left" }, Ud = ["id", "aria-labelledby"], qd = ["innerHTML"], Yd = {
+}, Wd = ["aria-expanded", "aria-controls", "id", "onClick"], Hd = { class: "flex items-center flex-1 min-w-0" }, qd = { class: "flex-1 text-left" }, Ud = ["id", "aria-labelledby"], Yd = ["innerHTML"], Gd = {
   __name: "Accordion",
   props: {
     items: {
@@ -7482,18 +7488,18 @@ const ed = {
   `
     }, n = e, r = a, l = M(
       n.multiple ? Array.isArray(n.modelValue) ? [...n.modelValue] : [] : typeof n.modelValue == "number" ? [n.modelValue] : []
-    ), s = (U) => {
-      if (!(n.disabled || n.items[U]?.disabled)) {
+    ), s = (q) => {
+      if (!(n.disabled || n.items[q]?.disabled)) {
         if (n.multiple) {
-          const ne = l.value.indexOf(U);
-          ne > -1 ? l.value.splice(ne, 1) : l.value.push(U), r("update:modelValue", [...l.value]);
+          const ne = l.value.indexOf(q);
+          ne > -1 ? l.value.splice(ne, 1) : l.value.push(q), r("update:modelValue", [...l.value]);
         } else {
-          const ne = l.value.includes(U) ? null : U;
+          const ne = l.value.includes(q) ? null : q;
           l.value = ne !== null ? [ne] : [], r("update:modelValue", ne);
         }
-        r("change", { index: U, expanded: l.value.includes(U) });
+        r("change", { index: q, expanded: l.value.includes(q) });
       }
-    }, i = (U) => l.value.includes(U), c = j("w-full", {
+    }, i = (q) => l.value.includes(q), c = j("w-full", {
       variants: {
         variant: {
           default: "divide-y divide-slate-200",
@@ -7571,26 +7577,26 @@ const ed = {
       () => k(c({ variant: n.variant }))
     ), b = m(
       () => k(v({ variant: n.variant }))
-    ), p = (U) => k(
+    ), p = (q) => k(
       h({ variant: n.variant, size: n.size }),
-      n.variant === "bordered" && i(U) && "bg-slate-50",
-      n.variant === "filled" && i(U) && "bg-white",
-      (n.disabled || n.items[U]?.disabled) && "cursor-not-allowed opacity-50"
+      n.variant === "bordered" && i(q) && "bg-slate-50",
+      n.variant === "filled" && i(q) && "bg-white",
+      (n.disabled || n.items[q]?.disabled) && "cursor-not-allowed opacity-50"
     ), L = m(
       () => k(w({ size: n.size }))
     ), z = m(
       () => k(F({ size: n.size }))
     ), B = m(
       () => k($({ size: n.size }))
-    ), ae = (U) => k(A({ expanded: i(U) })), q = m(
+    ), ae = (q) => k(A({ expanded: i(q) })), U = m(
       () => k(S({ size: n.size }))
     );
     return me(
       () => n.modelValue,
-      (U) => {
-        n.multiple ? l.value = Array.isArray(U) ? [...U] : [] : l.value = typeof U == "number" ? [U] : [];
+      (q) => {
+        n.multiple ? l.value = Array.isArray(q) ? [...q] : [] : l.value = typeof q == "number" ? [q] : [];
       }
-    ), (U, ne) => (o(), d("div", {
+    ), (q, ne) => (o(), d("div", {
       class: f(y.value)
     }, [
       (o(!0), d(G, null, X(e.items, (R, Z) => (o(), d("div", {
@@ -7604,12 +7610,12 @@ const ed = {
           id: `header-${R.id || Z}`,
           onClick: (le) => s(Z)
         }, [
-          u("div", Wd, [
+          u("div", Hd, [
             R.icon ? (o(), D(ce(R.icon), {
               key: 0,
               class: f(B.value)
             }, null, 8, ["class"])) : g("", !0),
-            u("div", Hd, [
+            u("div", qd, [
               u("h3", {
                 class: f(L.value)
               }, x(R.title), 3),
@@ -7624,7 +7630,7 @@ const ed = {
           }, [
             T(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, Rd),
+        ], 10, Wd),
         T(we, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -7636,19 +7642,19 @@ const ed = {
           default: N(() => [
             i(Z) ? (o(), d("div", {
               key: 0,
-              class: f(q.value),
+              class: f(U.value),
               id: `panel-${R.id || Z}`,
               "aria-labelledby": `header-${R.id || Z}`,
               role: "region"
             }, [
-              P(U.$slots, R.slot || `item-${Z}`, {
+              P(q.$slots, R.slot || `item-${Z}`, {
                 item: R,
                 index: Z
               }, () => [
                 R.content ? (o(), d("div", {
                   key: 0,
                   innerHTML: R.content
-                }, null, 8, qd)) : g("", !0)
+                }, null, 8, Yd)) : g("", !0)
               ])
             ], 10, Ud)) : g("", !0)
           ]),
@@ -7657,7 +7663,7 @@ const ed = {
       ], 2))), 128))
     ], 2));
   }
-}, Gd = {
+}, Kd = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -7749,7 +7755,7 @@ const ed = {
       })
     ], 2));
   }
-}, Kd = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, Xd = { class: "flex items-center justify-between mb-4" }, Jd = { class: "text-lg font-semibold text-slate-900" }, Qd = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, Zd = { class: "grid grid-cols-7 gap-y-2 text-center" }, ec = {
+}, Xd = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, Jd = { class: "flex items-center justify-between mb-4" }, Qd = { class: "text-lg font-semibold text-slate-900" }, Zd = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, ec = { class: "grid grid-cols-7 gap-y-2 text-center" }, tc = {
   __name: "Calendar",
   emits: ["update:modelValue"],
   setup(e) {
@@ -7779,8 +7785,8 @@ const ed = {
     function S(y) {
       r.value = new Date(n.value, t.value, y), emit("update:modelValue", r.value);
     }
-    return (y, b) => (o(), d("div", Kd, [
-      u("div", Xd, [
+    return (y, b) => (o(), d("div", Xd, [
+      u("div", Jd, [
         T(xe, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: w,
@@ -7794,7 +7800,7 @@ const ed = {
           ]),
           _: 1
         }),
-        u("div", Jd, x(s.value) + " " + x(n.value), 1),
+        u("div", Qd, x(s.value) + " " + x(n.value), 1),
         T(xe, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: F,
@@ -7809,10 +7815,10 @@ const ed = {
           _: 1
         })
       ]),
-      u("div", Qd, [
+      u("div", Zd, [
         (o(), d(G, null, X(l, (p) => u("div", { key: p }, x(p), 1)), 64))
       ]),
-      u("div", Zd, [
+      u("div", ec, [
         (o(!0), d(G, null, X(v.value, (p) => (o(), d("div", {
           key: "prev-" + p,
           class: "text-slate-400 text-sm"
@@ -7838,7 +7844,7 @@ const ed = {
       ])
     ]));
   }
-}, tc = { class: "flex items-start justify-between" }, ac = {
+}, ac = { class: "flex items-start justify-between" }, nc = {
   key: 0,
   class: "flex items-center gap-2"
 }, er = {
@@ -7918,7 +7924,7 @@ const ed = {
       class: f(l.value)
     }, [
       P(c.$slots, "header", {}, () => [
-        u("div", tc, [
+        u("div", ac, [
           u("div", null, [
             e.title ? (o(), D(Wt, {
               key: 0,
@@ -7939,7 +7945,7 @@ const ed = {
               _: 1
             }, 8, ["class"])) : g("", !0)
           ]),
-          c.$slots.filters ? (o(), d("div", ac, [
+          c.$slots.filters ? (o(), d("div", nc, [
             P(c.$slots, "filters")
           ])) : g("", !0)
         ])
@@ -8125,19 +8131,19 @@ const ed = {
       ], 2)) : g("", !0)
     ], 2));
   }
-}, nc = { class: "flex items-center justify-between" }, rc = {
+}, rc = { class: "flex items-center justify-between" }, sc = {
   key: 0,
   class: "text-sm text-slate-600"
-}, sc = {
+}, lc = {
   key: 1,
   class: "text-sm text-slate-600"
-}, lc = {
+}, oc = {
   key: 2,
   class: "flex items-center gap-4"
-}, oc = {
+}, ic = {
   key: 3,
   class: "flex items-center gap-4"
-}, ic = { class: "flex items-center gap-2" }, uc = { class: "flex items-center gap-1" }, dc = ["disabled"], cc = ["disabled"], fc = { class: "flex items-center gap-1" }, mc = ["onClick"], gc = ["disabled"], vc = ["disabled"], hc = { class: "text-sm text-slate-600 ml-4" }, ar = {
+}, uc = { class: "flex items-center gap-2" }, dc = { class: "flex items-center gap-1" }, cc = ["disabled"], fc = ["disabled"], mc = { class: "flex items-center gap-1" }, gc = ["onClick"], vc = ["disabled"], hc = ["disabled"], bc = { class: "text-sm text-slate-600 ml-4" }, ar = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -8278,13 +8284,13 @@ const ed = {
       key: 0,
       class: f(h.value)
     }, [
-      u("div", nc, [
-        e.selectable && e.selectedCount > 0 ? (o(), d("div", rc, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (o(), d("div", sc, " Showing " + x(i.value) + " to " + x(c.value) + " of " + x(e.total) + " entries ", 1)),
-        A.$slots.footer ? (o(), d("div", lc, [
+      u("div", rc, [
+        e.selectable && e.selectedCount > 0 ? (o(), d("div", sc, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (o(), d("div", lc, " Showing " + x(i.value) + " to " + x(c.value) + " of " + x(e.total) + " entries ", 1)),
+        A.$slots.footer ? (o(), d("div", oc, [
           P(A.$slots, "footer")
         ])) : g("", !0),
-        e.showPagination ? (o(), d("div", oc, [
-          u("div", ic, [
+        e.showPagination ? (o(), d("div", ic, [
+          u("div", uc, [
             T(Jn, {
               for: "pageSize",
               class: f(w.value),
@@ -8311,7 +8317,7 @@ const ed = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          u("div", uc, [
+          u("div", dc, [
             u("button", {
               disabled: e.currentPage === 1,
               onClick: S[1] || (S[1] = (y) => A.$emit("update:currentPage", 1)),
@@ -8331,7 +8337,7 @@ const ed = {
                   d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
                 })
               ], -1)
-            ])], 10, dc),
+            ])], 10, cc),
             u("button", {
               disabled: e.currentPage === 1,
               onClick: S[2] || (S[2] = (y) => A.$emit("update:currentPage", e.currentPage - 1)),
@@ -8351,13 +8357,13 @@ const ed = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, cc),
-            u("div", fc, [
+            ])], 10, fc),
+            u("div", mc, [
               (o(!0), d(G, null, X(v.value, (y) => (o(), d("button", {
                 key: y,
                 onClick: (b) => A.$emit("update:currentPage", y),
                 class: f($(y === e.currentPage, !1))
-              }, x(y), 11, mc))), 128))
+              }, x(y), 11, gc))), 128))
             ]),
             u("button", {
               disabled: e.currentPage === e.totalPages,
@@ -8378,7 +8384,7 @@ const ed = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, gc),
+            ])], 10, vc),
             u("button", {
               disabled: e.currentPage === e.totalPages,
               onClick: S[4] || (S[4] = (y) => A.$emit("update:currentPage", e.totalPages)),
@@ -8398,17 +8404,17 @@ const ed = {
                   d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, vc)
+            ])], 10, hc)
           ]),
-          u("div", hc, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
+          u("div", bc, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
         ])) : g("", !0)
       ])
     ], 2)) : g("", !0);
   }
-}, bc = { class: "relative" }, pc = { class: "flex items-center justify-center" }, yc = ["onClick"], xc = { class: "flex items-center gap-2" }, wc = {
+}, pc = { class: "relative" }, yc = { class: "flex items-center justify-center" }, xc = ["onClick"], wc = { class: "flex items-center gap-2" }, kc = {
   key: 1,
   class: "flex flex-col"
-}, kc = { key: 0 }, Sc = ["colspan"], Cc = { class: "flex justify-center items-center py-8" }, $c = { key: 2 }, zc = ["colspan"], Ac = { class: "text-center py-8" }, Ic = { class: "text-slate-600 text-lg font-medium mb-2" }, Pc = {
+}, Sc = { key: 0 }, Cc = ["colspan"], $c = { class: "flex justify-center items-center py-8" }, zc = { key: 2 }, Ac = ["colspan"], Ic = { class: "text-center py-8" }, Pc = { class: "text-slate-600 text-lg font-medium mb-2" }, Tc = {
   __name: "DataTable",
   props: {
     data: {
@@ -8632,11 +8638,11 @@ const ed = {
         (ue) => z(ue) === z(C)
       );
       Y > -1 ? O.splice(Y, 1) : O.push(C), r("selection-change", O);
-    }, q = () => {
+    }, U = () => {
       if (n.loading || n.dataLoading) return;
       const C = b.value ? [] : [...$.value];
       r("selection-change", C);
-    }, U = async (C) => {
+    }, q = async (C) => {
       !C.sortable || n.loading || n.sortLoading || (i.value === C.key ? c.value = c.value === "asc" ? "desc" : "asc" : (i.value = C.key, c.value = "asc"), r("sort-change", { column: C.key, direction: c.value }));
     }, ne = (C) => {
       n.loading || r("row-click", C);
@@ -8708,7 +8714,7 @@ const ed = {
         R(C);
       },
       selectAll: () => {
-        q();
+        U();
       },
       clearSelection: () => {
         r("selection-change", []);
@@ -8734,8 +8740,8 @@ const ed = {
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : g("", !0),
-      u("div", bc, [
-        e.loading ? (o(), D(Re, {
+      u("div", pc, [
+        e.loading ? (o(), D(We, {
           key: 0,
           loading: !0,
           type: e.loadingType,
@@ -8761,8 +8767,8 @@ const ed = {
                   key: 0,
                   class: f(ze.value)
                 }, [
-                  u("div", pc, [
-                    e.bulkLoading ? (o(), D(Re, {
+                  u("div", yc, [
+                    e.bulkLoading ? (o(), D(We, {
                       key: 0,
                       loading: !0,
                       type: "spin",
@@ -8773,24 +8779,24 @@ const ed = {
                       modelValue: b.value,
                       indeterminate: p.value,
                       disabled: e.loading || e.dataLoading,
-                      "onUpdate:modelValue": q
+                      "onUpdate:modelValue": U
                     }, null, 8, ["modelValue", "indeterminate", "disabled"]))
                   ])
                 ], 2)) : g("", !0),
                 (o(!0), d(G, null, X(e.columns, (Y) => (o(), d("th", {
                   key: Y.key,
                   class: f(pe(Y)),
-                  onClick: (ue) => U(Y)
+                  onClick: (ue) => q(Y)
                 }, [
-                  u("div", xc, [
+                  u("div", wc, [
                     u("span", null, x(Y.label), 1),
-                    e.sortLoading && i.value === Y.key ? (o(), D(Re, {
+                    e.sortLoading && i.value === Y.key ? (o(), D(We, {
                       key: 0,
                       loading: !0,
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : Y.sortable ? (o(), d("div", wc, [
+                    }, null, 8, ["color"])) : Y.sortable ? (o(), d("div", kc, [
                       (o(), d("svg", {
                         class: f([V(Y, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
@@ -8819,7 +8825,7 @@ const ed = {
                       ])], 2))
                     ])) : g("", !0)
                   ])
-                ], 10, yc))), 128)),
+                ], 10, xc))), 128)),
                 C.$slots.actions ? (o(), d("th", {
                   key: 1,
                   class: f(Ze.value)
@@ -8829,13 +8835,13 @@ const ed = {
             u("tbody", {
               class: f(re.value)
             }, [
-              e.dataLoading && !e.loading ? (o(), d("tr", kc, [
+              e.dataLoading && !e.loading ? (o(), d("tr", Sc, [
                 u("td", {
                   colspan: y.value,
                   class: f(H.value)
                 }, [
-                  u("div", Cc, [
-                    T(Re, {
+                  u("div", $c, [
+                    T(We, {
                       loading: !0,
                       type: "dots",
                       size: "medium",
@@ -8843,7 +8849,7 @@ const ed = {
                       text: "Loading data..."
                     }, null, 8, ["color"])
                   ])
-                ], 10, Sc)
+                ], 10, Cc)
               ])) : S.value.length > 0 && !e.loading ? (o(!0), d(G, { key: 1 }, X(S.value, (Y, ue) => (o(), D(tr, {
                 key: z(Y, ue),
                 item: Y,
@@ -8861,23 +8867,23 @@ const ed = {
                 onRowClick: ne
               }, sr({
                 actions: N((je) => [
-                  P(C.$slots, "actions", Ye({ ref_for: !0 }, je), void 0, !0)
+                  P(C.$slots, "actions", Ne({ ref_for: !0 }, je), void 0, !0)
                 ]),
                 _: 2
               }, [
                 X(e.columns, (je) => ({
                   name: `cell-${je.key}`,
                   fn: N((et) => [
-                    P(C.$slots, `cell-${je.key}`, Ye({ ref_for: !0 }, et), void 0, !0)
+                    P(C.$slots, `cell-${je.key}`, Ne({ ref_for: !0 }, et), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading ? (o(), d("tr", $c, [
+              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading ? (o(), d("tr", zc, [
                 u("td", {
                   colspan: y.value,
                   class: f(H.value)
                 }, [
                   P(C.$slots, "empty", {}, () => [
-                    u("div", Ac, [
+                    u("div", Ic, [
                       O[2] || (O[2] = u("div", { class: "text-slate-400 mb-4" }, [
                         u("svg", {
                           class: "w-12 h-12 mx-auto",
@@ -8893,11 +8899,11 @@ const ed = {
                           })
                         ])
                       ], -1)),
-                      u("p", Ic, x(e.emptyText), 1),
+                      u("p", Pc, x(e.emptyText), 1),
                       O[3] || (O[3] = u("p", { class: "text-slate-500 text-sm" }, "Try adjusting your search or filter criteria", -1))
                     ])
                   ], !0)
-                ], 10, zc)
+                ], 10, Ac)
               ])) : g("", !0),
               e.showSkeleton && (e.loading || e.dataLoading) ? (o(!0), d(G, { key: 3 }, X(e.skeletonRows, (Y) => (o(), d("tr", {
                 key: `skeleton-${Y}`,
@@ -8952,7 +8958,7 @@ const ed = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : g("", !0)
     ], 2));
   }
-}, Tc = /* @__PURE__ */ pt(Pc, [["__scopeId", "data-v-fc6ea6ce"]]), jc = {
+}, jc = /* @__PURE__ */ pt(Tc, [["__scopeId", "data-v-fc6ea6ce"]]), Bc = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -9040,16 +9046,16 @@ const ed = {
       ])
     ], 2));
   }
-}, Bc = { class: "bg-white border-b border-gray-200" }, Oc = { class: "flex-1 min-w-80 max-w-md" }, Fc = { class: "relative group" }, Lc = ["model-value", "placeholder"], Vc = {
+}, Oc = { class: "bg-white border-b border-gray-200" }, Fc = { class: "flex-1 min-w-80 max-w-md" }, Lc = { class: "relative group" }, Vc = ["model-value", "placeholder"], Ec = {
   key: 0,
   class: "min-w-36"
-}, Ec = { class: "relative" }, Nc = ["value"], _c = {
+}, Nc = { class: "relative" }, _c = ["value"], Dc = {
   key: 1,
   class: "flex items-center gap-2"
-}, Dc = { class: "flex items-center gap-3 ml-auto" }, Mc = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Rc = { class: "flex items-center justify-between" }, Wc = { class: "flex items-center gap-3" }, Hc = { class: "relative flex-1" }, Uc = ["model-value", "onInput", "placeholder"], qc = { class: "relative flex-1" }, Yc = ["model-value", "onInput", "placeholder"], Gc = ["onClick"], Kc = { class: "flex items-center gap-3 flex-wrap" }, Xc = ["onClick"], Jc = {
+}, Mc = { class: "flex items-center gap-3 ml-auto" }, Rc = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Wc = { class: "flex items-center justify-between" }, Hc = { class: "flex items-center gap-3" }, qc = { class: "relative flex-1" }, Uc = ["model-value", "onInput", "placeholder"], Yc = { class: "relative flex-1" }, Gc = ["model-value", "onInput", "placeholder"], Kc = ["onClick"], Xc = { class: "flex items-center gap-3 flex-wrap" }, Jc = ["onClick"], Qc = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
-}, Qc = { class: "flex items-center justify-between" }, Zc = { class: "flex items-center gap-4" }, ef = { class: "text-sm text-gray-600" }, tf = { class: "font-medium" }, af = {
+}, Zc = { class: "flex items-center justify-between" }, ef = { class: "flex items-center gap-4" }, tf = { class: "text-sm text-gray-600" }, af = { class: "font-medium" }, nf = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -9264,9 +9270,9 @@ const ed = {
       );
     }), ae = m(
       () => "bg-white text-blue-600 text-xs px-1.5 py-0.5 rounded-full min-w-[20px] text-center font-semibold"
-    ), q = m(
-      () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), U = m(
+      () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
+    ), q = m(
       () => k(s({ size: "md" }), "pl-10 pr-3")
     ), ne = m(
       () => "text-sm font-semibold text-gray-700"
@@ -9317,12 +9323,12 @@ const ed = {
     };
     return (H, V) => {
       const C = se("font-awesome-icon");
-      return o(), d("div", Bc, [
+      return o(), d("div", Oc, [
         u("div", {
           class: f(y.value)
         }, [
-          u("div", Oc, [
-            u("div", Fc, [
+          u("div", Fc, [
+            u("div", Lc, [
               T(C, {
                 icon: "magnifying-glass",
                 class: f(b.value)
@@ -9332,7 +9338,7 @@ const ed = {
                 onInput: V[0] || (V[0] = (O) => H.$emit("update:searchQuery", O.target.value)),
                 placeholder: e.searchPlaceholder,
                 class: f(p.value)
-              }, null, 42, Lc),
+              }, null, 42, Vc),
               e.searchQuery ? (o(), d("button", {
                 key: 0,
                 onClick: V[1] || (V[1] = (O) => H.$emit("update:searchQuery", "")),
@@ -9345,8 +9351,8 @@ const ed = {
               ], 2)) : g("", !0)
             ])
           ]),
-          e.statusOptions.length > 0 ? (o(), d("div", Vc, [
-            u("div", Ec, [
+          e.statusOptions.length > 0 ? (o(), d("div", Ec, [
+            u("div", Nc, [
               T(sa, {
                 "model-value": e.selectedStatus,
                 onChange: V[2] || (V[2] = (O) => H.$emit("update:selectedStatus", O.target.value)),
@@ -9357,7 +9363,7 @@ const ed = {
                   (o(!0), d(G, null, X(e.statusOptions, (O) => (o(), d("option", {
                     key: O.value,
                     value: O.value
-                  }, x(O.label), 9, Nc))), 128))
+                  }, x(O.label), 9, _c))), 128))
                 ]),
                 _: 1
               }, 8, ["model-value", "class"]),
@@ -9385,10 +9391,10 @@ const ed = {
               class: "w-4 h-4 ml-1"
             }, null, 8, ["icon"])
           ], 2),
-          H.$slots.filters ? (o(), d("div", _c, [
+          H.$slots.filters ? (o(), d("div", Dc, [
             P(H.$slots, "filters")
           ])) : g("", !0),
-          u("div", Dc, [
+          u("div", Mc, [
             $.value ? (o(), D(xe, {
               key: 0,
               onClick: ze,
@@ -9438,14 +9444,14 @@ const ed = {
         ], 2),
         r.value && e.dateFilters.length > 0 ? (o(), d("div", {
           key: 0,
-          class: f(q.value)
+          class: f(U.value)
         }, [
-          u("div", Mc, [
+          u("div", Rc, [
             (o(!0), d(G, null, X(e.dateFilters, (O) => (o(), d("div", {
               key: O.key,
               class: "space-y-3"
             }, [
-              u("div", Rc, [
+              u("div", Wc, [
                 u("label", {
                   class: f(ne.value)
                 }, x(O.label), 3),
@@ -9453,8 +9459,8 @@ const ed = {
                   class: f(h(O))
                 }, x(c(O) ? "Active" : "Inactive"), 3)
               ]),
-              u("div", Wc, [
-                u("div", Hc, [
+              u("div", Hc, [
+                u("div", qc, [
                   T(C, {
                     icon: "calendar",
                     class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9463,14 +9469,14 @@ const ed = {
                     type: "date",
                     "model-value": O.from,
                     onInput: (Y) => F(O.key, "from", Y.target.value),
-                    class: f(U.value),
+                    class: f(q.value),
                     placeholder: `From ${O.label}`
                   }, null, 42, Uc)
                 ]),
                 u("span", {
                   class: f(R.value)
                 }, "to", 2),
-                u("div", qc, [
+                u("div", Yc, [
                   T(C, {
                     icon: "calendar",
                     class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9479,9 +9485,9 @@ const ed = {
                     type: "date",
                     "model-value": O.to,
                     onInput: (Y) => F(O.key, "to", Y.target.value),
-                    class: f(U.value),
+                    class: f(q.value),
                     placeholder: `To ${O.label}`
-                  }, null, 42, Yc)
+                  }, null, 42, Gc)
                 ]),
                 c(O) ? (o(), d("button", {
                   key: 0,
@@ -9493,7 +9499,7 @@ const ed = {
                     icon: "xmark",
                     class: "w-4 h-4"
                   })
-                ], 10, Gc)) : g("", !0)
+                ], 10, Kc)) : g("", !0)
               ])
             ]))), 128))
           ])
@@ -9502,7 +9508,7 @@ const ed = {
           key: 1,
           class: f(ee.value)
         }, [
-          u("div", Kc, [
+          u("div", Xc, [
             u("span", {
               class: f(re.value)
             }, "Active filters:", 2),
@@ -9523,15 +9529,15 @@ const ed = {
                   icon: "xmark",
                   class: "w-3 h-3"
                 })
-              ], 10, Xc)
+              ], 10, Jc)
             ], 2))), 128))
           ])
         ], 2)) : g("", !0),
-        e.showTableInfo ? (o(), d("div", Jc, [
-          u("div", Qc, [
-            u("div", Zc, [
-              u("span", ef, [
-                u("span", tf, x(e.totalItems || 0), 1),
+        e.showTableInfo ? (o(), d("div", Qc, [
+          u("div", Zc, [
+            u("div", ef, [
+              u("span", tf, [
+                u("span", af, x(e.totalItems || 0), 1),
                 W(" " + x(e.itemLabel || "items") + " found ", 1)
               ])
             ])
@@ -9540,16 +9546,16 @@ const ed = {
       ]);
     };
   }
-}, nf = { class: "flex items-center gap-3" }, rf = {
+}, rf = { class: "flex items-center gap-3" }, sf = {
   key: 0,
   class: "flex items-center gap-3"
-}, sf = { class: "text-sm text-slate-600" }, lf = { class: "flex items-center gap-2" }, of = { class: "flex items-center gap-3" }, uf = ["onClick", "title"], df = {
+}, lf = { class: "text-sm text-slate-600" }, of = { class: "flex items-center gap-2" }, uf = { class: "flex items-center gap-3" }, df = ["onClick", "title"], cf = {
   key: 1,
   class: "relative"
-}, cf = { class: "p-3" }, ff = { class: "space-y-1" }, mf = { class: "flex items-center gap-2 cursor-pointer w-full" }, gf = ["checked", "onChange"], vf = ["disabled"], hf = {
+}, ff = { class: "p-3" }, mf = { class: "space-y-1" }, gf = { class: "flex items-center gap-2 cursor-pointer w-full" }, vf = ["checked", "onChange"], hf = ["disabled"], bf = {
   key: 3,
   class: "flex items-center gap-2"
-}, bf = [
+}, pf = [
   {
     key: "delete",
     label: "Delete",
@@ -9566,13 +9572,13 @@ const ed = {
     },
     variant: "primary"
   }
-], pf = {
+], yf = {
   name: "DataTableToolBar"
-}, yf = /* @__PURE__ */ Object.assign(pf, {
+}, xf = /* @__PURE__ */ Object.assign(yf, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => bf },
+    bulkActions: { type: Array, default: () => pf },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -9674,9 +9680,9 @@ const ed = {
       () => "text-sm text-slate-700 flex-1 select-none"
     ), ae = (ee) => {
       l.value && s.value && !l.value.contains(ee.target) && !s.value.contains(ee.target) && (r.value = !1);
-    }, q = () => {
+    }, U = () => {
       r.value = !r.value;
-    }, U = (ee) => k(h({ variant: ee.variant || "secondary" })), ne = (ee) => {
+    }, q = (ee) => k(h({ variant: ee.variant || "secondary" })), ne = (ee) => {
       let re = "middle";
       return ee === "compact" ? re = "first" : ee === "comfortable" && (re = "last"), k(w({
         active: t.density === ee,
@@ -9691,21 +9697,21 @@ const ed = {
     };
     return Te(() => {
       document.addEventListener("click", ae);
-    }), _e(() => {
+    }), De(() => {
       document.removeEventListener("click", ae);
     }), (ee, re) => {
       const pe = se("font-awesome-icon");
       return o(), d("div", {
         class: f($.value)
       }, [
-        u("div", nf, [
-          i.value > 0 ? (o(), d("div", rf, [
-            u("span", sf, x(i.value) + " selected ", 1),
-            u("div", lf, [
+        u("div", rf, [
+          i.value > 0 ? (o(), d("div", sf, [
+            u("span", lf, x(i.value) + " selected ", 1),
+            u("div", of, [
               (o(!0), d(G, null, X(e.bulkActions, (J) => (o(), D(xe, {
                 key: J.key,
                 onClick: (ze) => ee.$emit("bulk-action", { action: J.key, items: e.selectedItems }),
-                class: f(U(J))
+                class: f(q(J))
               }, {
                 default: N(() => [
                   J.icon ? (o(), D(pe, {
@@ -9723,7 +9729,7 @@ const ed = {
             class: f(A.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : g("", !0)
         ]),
-        u("div", of, [
+        u("div", uf, [
           e.showDensityToggle ? (o(), d("div", {
             key: 0,
             class: f(S.value)
@@ -9739,11 +9745,11 @@ const ed = {
                 icon: J.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, uf)), 64))
+            ], 10, df)), 64))
           ], 2)) : g("", !0),
-          e.showColumnToggle ? (o(), d("div", df, [
+          e.showColumnToggle ? (o(), d("div", cf, [
             u("button", {
-              onClick: oa(q, ["stop"]),
+              onClick: oa(U, ["stop"]),
               class: f(y.value),
               type: "button",
               ref_key: "columnToggleButton",
@@ -9762,22 +9768,22 @@ const ed = {
               onClick: re[0] || (re[0] = oa(() => {
               }, ["stop"]))
             }, [
-              u("div", cf, [
+              u("div", ff, [
                 u("div", {
                   class: f(p.value)
                 }, " Show Columns ", 2),
-                u("div", ff, [
+                u("div", mf, [
                   (o(!0), d(G, null, X(e.toggleableColumns, (J) => (o(), d("div", {
                     key: J.key,
                     class: f(L.value)
                   }, [
-                    u("label", mf, [
+                    u("label", gf, [
                       u("input", {
                         type: "checkbox",
                         checked: le(J.key),
                         onChange: (ze) => ge(J.key, ze.target.checked),
                         class: f(z.value)
-                      }, null, 42, gf),
+                      }, null, 42, vf),
                       u("span", {
                         class: f(B.value)
                       }, x(J.label), 3)
@@ -9801,15 +9807,15 @@ const ed = {
               class: f(Z())
             }, null, 8, ["class"]),
             re[3] || (re[3] = u("span", null, "Refresh", -1))
-          ], 10, vf)) : g("", !0),
-          ee.$slots.actions ? (o(), d("div", hf, [
+          ], 10, hf)) : g("", !0),
+          ee.$slots.actions ? (o(), d("div", bf, [
             P(ee.$slots, "actions")
           ])) : g("", !0)
         ])
       ], 2);
     };
   }
-}), xf = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, wf = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, kf = { class: "col-span-1 md:col-span-2" }, Sf = { class: "space-y-2" }, Cf = { class: "flex space-x-4" }, $f = { class: "flex flex-col md:flex-row justify-between items-center" }, zf = { class: "flex space-x-6 mt-4 md:mt-0" }, Af = {
+}), wf = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, kf = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Sf = { class: "col-span-1 md:col-span-2" }, Cf = { class: "space-y-2" }, $f = { class: "flex space-x-4" }, zf = { class: "flex flex-col md:flex-row justify-between items-center" }, Af = { class: "flex space-x-6 mt-4 md:mt-0" }, If = {
   __name: "Footer",
   props: {
     className: {
@@ -9823,9 +9829,9 @@ const ed = {
       return o(), d("footer", {
         class: f(E(k)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        u("div", xf, [
-          u("div", wf, [
-            u("div", kf, [
+        u("div", wf, [
+          u("div", kf, [
+            u("div", Sf, [
               P(a.$slots, "brand", {}, () => [
                 T(n, { class: "mb-4" }),
                 T(r, { class: "text-gray-600 max-w-md" }, {
@@ -9847,7 +9853,7 @@ const ed = {
                   ])]),
                   _: 1
                 }),
-                u("div", Sf, [
+                u("div", Cf, [
                   T(s, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -9889,7 +9895,7 @@ const ed = {
                   ])]),
                   _: 1
                 }),
-                u("div", Cf, [
+                u("div", $f, [
                   T(s, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -9919,7 +9925,7 @@ const ed = {
             ])
           ]),
           T(c, { class: "my-8" }),
-          u("div", $f, [
+          u("div", zf, [
             P(a.$slots, "copyright", {}, () => [
               T(r, { class: "text-gray-600" }, {
                 default: N(() => [
@@ -9929,7 +9935,7 @@ const ed = {
               })
             ]),
             P(a.$slots, "legal", {}, () => [
-              u("div", zf, [
+              u("div", Af, [
                 T(s, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -9955,19 +9961,19 @@ const ed = {
       ], 2);
     };
   }
-}, If = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Pf = { class: "flex items-center" }, Tf = { class: "flex items-center space-x-2 text-sm truncate" }, jf = { class: "text-gray-500 truncate" }, Bf = { class: "text-gray-900 font-medium truncate" }, Of = { class: "flex items-center space-x-3 md:space-x-4" }, Ff = {
+}, Pf = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Tf = { class: "flex items-center" }, jf = { class: "flex items-center space-x-2 text-sm truncate" }, Bf = { class: "text-gray-500 truncate" }, Of = { class: "text-gray-900 font-medium truncate" }, Ff = { class: "flex items-center space-x-3 md:space-x-4" }, Lf = {
   key: 1,
   class: "relative"
-}, Lf = {
+}, Vf = {
   key: 0,
   class: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center"
-}, Vf = {
+}, Ef = {
   key: 3,
   class: "absolute right-4 md:right-6 top-16 mt-2 w-72 md:w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Ef = { class: "max-h-96 overflow-y-auto" }, Nf = { class: "flex items-start space-x-3" }, _f = { class: "flex-1" }, Df = { class: "text-sm text-gray-900" }, Mf = { class: "text-xs text-gray-500 mt-1" }, Rf = { class: "relative" }, Wf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, Hf = { class: "text-gray-600 text-sm font-medium" }, Uf = { class: "hidden md:block text-left max-w-[160px] truncate" }, qf = { class: "text-sm font-medium text-gray-900 truncate" }, Yf = { class: "text-xs text-gray-500 truncate leading-tight" }, Gf = {
+}, Nf = { class: "max-h-96 overflow-y-auto" }, _f = { class: "flex items-start space-x-3" }, Df = { class: "flex-1" }, Mf = { class: "text-sm text-gray-900" }, Rf = { class: "text-xs text-gray-500 mt-1" }, Wf = { class: "relative" }, Hf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, qf = { class: "text-gray-600 text-sm font-medium" }, Uf = { class: "hidden md:block text-left max-w-[160px] truncate" }, Yf = { class: "text-sm font-medium text-gray-900 truncate" }, Gf = { class: "text-xs text-gray-500 truncate leading-tight" }, Kf = {
   key: 0,
   class: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Kf = { class: "p-4 border-b border-gray-200" }, Xf = { class: "text-sm font-medium text-gray-900" }, Jf = { class: "text-xs text-gray-500" }, Qf = { class: "py-2" }, Zf = ["onClick"], em = {
+}, Xf = { class: "p-4 border-b border-gray-200" }, Jf = { class: "text-sm font-medium text-gray-900" }, Qf = { class: "text-xs text-gray-500" }, Zf = { class: "py-2" }, em = ["onClick"], tm = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -9998,7 +10004,7 @@ const ed = {
     };
     return Te(() => {
       document.addEventListener("click", p), L(), window.addEventListener("resize", L);
-    }), _e(() => {
+    }), De(() => {
       document.removeEventListener("click", p), window.removeEventListener("resize", L);
     }), me(r, (z) => n("search", z)), (z, B) => {
       const ae = se("router-link");
@@ -10008,10 +10014,10 @@ const ed = {
         )),
         style: de({ left: v.value ? "0" : `${e.sidebarWidth}px` })
       }, [
-        u("div", If, [
-          u("div", Pf, [
-            u("nav", Tf, [
-              u("span", jf, x(e.currentSection), 1),
+        u("div", Pf, [
+          u("div", Tf, [
+            u("nav", jf, [
+              u("span", Bf, x(e.currentSection), 1),
               B[4] || (B[4] = u("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -10025,13 +10031,13 @@ const ed = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              u("span", Bf, x(e.currentPage), 1)
+              u("span", Of, x(e.currentPage), 1)
             ])
           ]),
-          u("div", Of, [
+          u("div", Ff, [
             v.value ? (o(), d("button", {
               key: 0,
-              onClick: B[0] || (B[0] = (q) => n("toggle-mobile-sidebar")),
+              onClick: B[0] || (B[0] = (U) => n("toggle-mobile-sidebar")),
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
             }, [...B[5] || (B[5] = [
               u("svg", {
@@ -10048,7 +10054,7 @@ const ed = {
                 })
               ], -1)
             ])])) : g("", !0),
-            !v.value || c.value ? (o(), d("div", Ff, [
+            !v.value || c.value ? (o(), d("div", Lf, [
               B[6] || (B[6] = u("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 u("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -10068,18 +10074,18 @@ const ed = {
                 type: "text",
                 placeholder: "Search...",
                 class: "pl-10 pr-4 py-2 w-48 md:w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none",
-                "onUpdate:modelValue": B[1] || (B[1] = (q) => r.value = q)
+                "onUpdate:modelValue": B[1] || (B[1] = (U) => r.value = U)
               }, null, 512), [
-                [Ua, r.value]
+                [qa, r.value]
               ]),
               v.value ? (o(), d("button", {
                 key: 0,
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-                onClick: B[2] || (B[2] = (q) => c.value = !1)
+                onClick: B[2] || (B[2] = (U) => c.value = !1)
               }, " ✕ ")) : g("", !0)
             ])) : v.value ? (o(), d("button", {
               key: 2,
-              onClick: B[3] || (B[3] = (q) => c.value = !0),
+              onClick: B[3] || (B[3] = (U) => c.value = !0),
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
             }, [...B[7] || (B[7] = [
               u("svg", {
@@ -10119,22 +10125,22 @@ const ed = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              i.value > 0 ? (o(), d("span", Lf, x(i.value), 1)) : g("", !0)
+              i.value > 0 ? (o(), d("span", Vf, x(i.value), 1)) : g("", !0)
             ]),
-            l.value ? (o(), d("div", Vf, [
+            l.value ? (o(), d("div", Ef, [
               B[10] || (B[10] = u("div", { class: "p-4 border-b border-gray-200" }, [
                 u("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
               ], -1)),
-              u("div", Ef, [
-                (o(!0), d(G, null, X(e.notifications, (q) => (o(), d("div", {
-                  key: q.id,
+              u("div", Nf, [
+                (o(!0), d(G, null, X(e.notifications, (U) => (o(), d("div", {
+                  key: U.id,
                   class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                 }, [
-                  u("div", Nf, [
+                  u("div", _f, [
                     B[9] || (B[9] = u("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                    u("div", _f, [
-                      u("p", Df, x(q.title), 1),
-                      u("p", Mf, x(q.time), 1)
+                    u("div", Df, [
+                      u("p", Mf, x(U.title), 1),
+                      u("p", Rf, x(U.time), 1)
                     ])
                   ])
                 ]))), 128))
@@ -10143,17 +10149,17 @@ const ed = {
                 u("button", { class: "text-sm text-blue-600 hover:text-blue-800" }, "View all notifications")
               ], -1))
             ])) : g("", !0),
-            u("div", Rf, [
+            u("div", Wf, [
               u("button", {
                 onClick: $,
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors"
               }, [
-                u("div", Wf, [
-                  u("span", Hf, x(h.value), 1)
+                u("div", Hf, [
+                  u("span", qf, x(h.value), 1)
                 ]),
                 u("div", Uf, [
-                  u("p", qf, x(e.user.name), 1),
-                  u("p", Yf, x(w.value), 1)
+                  u("p", Yf, x(e.user.name), 1),
+                  u("p", Gf, x(w.value), 1)
                 ]),
                 B[12] || (B[12] = u("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -10169,43 +10175,43 @@ const ed = {
                   })
                 ], -1))
               ]),
-              s.value ? (o(), d("div", Gf, [
-                u("div", Kf, [
-                  u("p", Xf, x(e.user.name), 1),
-                  u("p", Jf, x(e.user.email), 1)
+              s.value ? (o(), d("div", Kf, [
+                u("div", Xf, [
+                  u("p", Jf, x(e.user.name), 1),
+                  u("p", Qf, x(e.user.email), 1)
                 ]),
-                u("div", Qf, [
-                  (o(!0), d(G, null, X(e.profileMenuItems, (q) => (o(), d(G, {
-                    key: q.name
+                u("div", Zf, [
+                  (o(!0), d(G, null, X(e.profileMenuItems, (U) => (o(), d(G, {
+                    key: U.name
                   }, [
-                    q.route ? (o(), D(ae, {
+                    U.route ? (o(), D(ae, {
                       key: 0,
-                      to: q.route,
+                      to: U.route,
                       class: f(E(k)(
                         "flex items-center px-4 py-2 text-sm transition-colors",
-                        S(q) ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-gray-50"
+                        S(U) ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-gray-50"
                       )),
-                      onClick: (U) => A(q)
+                      onClick: (q) => A(U)
                     }, {
                       default: N(() => [
                         T(Q, {
-                          icon: q.icon,
+                          icon: U.icon,
                           class: "w-4 h-4 mr-3 text-gray-400"
                         }, null, 8, ["icon"]),
-                        W(" " + x(q.label), 1)
+                        W(" " + x(U.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["to", "class", "onClick"])) : (o(), d("button", {
                       key: 1,
-                      onClick: (U) => y(q),
+                      onClick: (q) => y(U),
                       class: "flex items-center w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors"
                     }, [
                       T(Q, {
-                        icon: q.icon,
+                        icon: U.icon,
                         class: "w-4 h-4 mr-3 text-gray-400"
                       }, null, 8, ["icon"]),
-                      W(" " + x(q.label), 1)
-                    ], 8, Zf))
+                      W(" " + x(U.label), 1)
+                    ], 8, em))
                   ], 64))), 128))
                 ]),
                 u("div", { class: "border-t border-gray-200 py-2" }, [
@@ -10236,55 +10242,55 @@ const ed = {
       ], 6);
     };
   }
-}, tm = {
+}, am = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 lg:hidden"
-}, am = {
+}, nm = {
   key: 0,
   class: "text-lg font-extrabold text-gray-900"
-}, nm = {
+}, rm = {
   key: 1,
   class: "flex items-center justify-start p-4.5 border-b border-gray-200 flex-shrink-0"
-}, rm = {
+}, sm = {
   key: 0,
   class: "font-serif-custom text-lg font-extrabold text-gray-700"
-}, sm = {
+}, lm = {
   key: 1,
   class: "flex items-center justify-center w-full"
-}, lm = { class: "text-xl font-bold text-gray-700" }, om = { class: "px-1 text-md font-light text-gray-500 uppercase tracking-wider" }, im = {
+}, om = { class: "text-xl font-bold text-gray-700" }, im = { class: "px-1 text-md font-light text-gray-500 uppercase tracking-wider" }, um = {
   key: 1,
   class: "space-y-1"
-}, um = {
+}, dm = {
   key: 0,
   class: "absolute left-full ml-2 px-1 py-1 bg-gray-900 text-white text-sm rounded opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity z-50 whitespace-nowrap"
-}, dm = {
+}, cm = {
   key: 0,
   class: "truncate text-lg font-extrabold"
-}, cm = {
+}, fm = {
   key: 1,
   class: "ml-auto inline-flex items-center justify-center px-3 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800"
-}, fm = {
+}, mm = {
   key: 2,
   class: "absolute -top-1 -right-1 w-2 h-2 bg-red-500 rounded-full"
-}, mm = ["onClick"], gm = {
+}, gm = ["onClick"], vm = {
   key: 0,
   class: "truncate text-lg font-extrabold flex-1"
-}, vm = {
+}, hm = {
   key: 1,
   class: "inline-flex items-center justify-center px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800 mr-2"
-}, hm = {
+}, bm = {
   key: 3,
   class: "absolute -top-1 -right-1 w-2 h-2 bg-red-500 rounded-full"
-}, bm = {
+}, pm = {
   key: 3,
   class: "absolute left-full ml-2 px-2 py-1 bg-gray-900 text-white text-sm rounded opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity z-50 whitespace-nowrap"
-}, pm = {
+}, ym = {
   key: 0,
   class: "ml-6 space-y-1 border-l-2 border-gray-100 pl-4"
-}, ym = { class: "truncate text-md font-semibold" }, xm = {
+}, xm = { class: "truncate text-md font-semibold" }, wm = {
   key: 1,
   class: "ml-auto inline-flex items-center justify-center px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800"
-}, wm = {
+}, km = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -10337,7 +10343,7 @@ const ed = {
     };
     return Te(() => {
       A(), S(), window.addEventListener("resize", S), document.addEventListener("keydown", y);
-    }), _e(() => {
+    }), De(() => {
       window.removeEventListener("resize", S), document.removeEventListener("keydown", y);
     }), me(() => n.currentRoute, () => {
       A();
@@ -10368,8 +10374,8 @@ const ed = {
           )),
           style: de({ width: e.sidebarWidth + "px" })
         }, [
-          s.value ? (o(), d("div", tm, [
-            e.header ? (o(), d("h2", am, x(i.value ? e.header.title?.charAt(0) : e.header.title), 1)) : g("", !0),
+          s.value ? (o(), d("div", am, [
+            e.header ? (o(), d("h2", nm, x(i.value ? e.header.title?.charAt(0) : e.header.title), 1)) : g("", !0),
             u("button", {
               onClick: h,
               class: "p-2 rounded-lg text-gray-400 hover:text-gray-600 hover:bg-gray-100"
@@ -10389,10 +10395,10 @@ const ed = {
               ], -1)
             ])])
           ])) : g("", !0),
-          !s.value && e.header ? (o(), d("div", nm, [
-            i.value ? (o(), d("div", sm, [
-              u("span", lm, x(e.header.title?.charAt(0)), 1)
-            ])) : (o(), d("h2", rm, x(e.header.title), 1))
+          !s.value && e.header ? (o(), d("div", rm, [
+            i.value ? (o(), d("div", lm, [
+              u("span", om, x(e.header.title?.charAt(0)), 1)
+            ])) : (o(), d("h2", sm, x(e.header.title), 1))
           ])) : g("", !0),
           u("nav", {
             class: f(E(k)("p-4 space-y-2 flex-1", i.value && !s.value ? "px-2" : ""))
@@ -10404,8 +10410,8 @@ const ed = {
                 key: 0,
                 class: f(E(k)("mt-0 mb-2", i.value && !s.value ? "hidden" : ""))
               }, [
-                u("h3", om, x(z.label), 1)
-              ], 2)) : z.type === "link" ? (o(), d("div", im, [
+                u("h3", im, x(z.label), 1)
+              ], 2)) : z.type === "link" ? (o(), d("div", um, [
                 u("div", {
                   class: f(E(k)(
                     "flex items-center justify-between rounded-lg transition-colors relative group",
@@ -10413,7 +10419,7 @@ const ed = {
                     $(z) ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900"
                   ))
                 }, [
-                  i.value && !s.value && !w(z) ? (o(), d("div", um, [
+                  i.value && !s.value && !w(z) ? (o(), d("div", dm, [
                     W(x(z.label) + " ", 1),
                     p[1] || (p[1] = u("div", { class: "absolute right-full top-1/2 -translate-y-1/2 border-4 border-transparent border-r-gray-900" }, null, -1))
                   ])) : g("", !0),
@@ -10432,8 +10438,8 @@ const ed = {
                         i.value && !s.value ? "w-5 h-5" : "w-5 h-5 mr-2"
                       ))
                     }, null, 8, ["icon", "class"]),
-                    !i.value || s.value ? (o(), d("span", gm, x(z.label), 1)) : g("", !0),
-                    z.badge && (!i.value || s.value) ? (o(), d("span", vm, x(z.badge), 1)) : g("", !0),
+                    !i.value || s.value ? (o(), d("span", vm, x(z.label), 1)) : g("", !0),
+                    z.badge && (!i.value || s.value) ? (o(), d("span", hm, x(z.badge), 1)) : g("", !0),
                     !i.value || s.value ? (o(), d("svg", {
                       key: 2,
                       class: f(E(k)(
@@ -10451,8 +10457,8 @@ const ed = {
                         d: "M9 5l7 7-7 7"
                       }, null, -1)
                     ])], 2)) : g("", !0),
-                    z.badge && i.value && !s.value ? (o(), d("div", hm)) : g("", !0)
-                  ], 10, mm)) : (o(), D(L, {
+                    z.badge && i.value && !s.value ? (o(), d("div", bm)) : g("", !0)
+                  ], 10, gm)) : (o(), D(L, {
                     key: 1,
                     to: z.route,
                     onClick: (B) => v(z),
@@ -10469,18 +10475,18 @@ const ed = {
                           i.value && !s.value ? "w-5 h-5" : "w-5 h-5 mr-2"
                         ))
                       }, null, 8, ["icon", "class"]),
-                      !i.value || s.value ? (o(), d("span", dm, x(z.label), 1)) : g("", !0),
-                      z.badge && (!i.value || s.value) ? (o(), d("span", cm, x(z.badge), 1)) : g("", !0),
-                      z.badge && i.value && !s.value ? (o(), d("div", fm)) : g("", !0)
+                      !i.value || s.value ? (o(), d("span", cm, x(z.label), 1)) : g("", !0),
+                      z.badge && (!i.value || s.value) ? (o(), d("span", fm, x(z.badge), 1)) : g("", !0),
+                      z.badge && i.value && !s.value ? (o(), d("div", mm)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"])),
-                  i.value && !s.value && w(z) ? (o(), d("div", bm, [
+                  i.value && !s.value && w(z) ? (o(), d("div", pm, [
                     W(x(z.label) + " ", 1),
                     p[3] || (p[3] = u("div", { class: "absolute right-full top-1/2 -translate-y-1/2 border-4 border-transparent border-r-gray-900" }, null, -1))
                   ])) : g("", !0)
                 ], 2),
-                w(z) && l.value.includes(z.name) && (!i.value || s.value) ? (o(), d("div", pm, [
+                w(z) && l.value.includes(z.name) && (!i.value || s.value) ? (o(), d("div", ym, [
                   (o(!0), d(G, null, X(z.subItems, (B) => (o(), D(L, {
                     key: B.name,
                     to: B.route,
@@ -10496,8 +10502,8 @@ const ed = {
                         icon: B.icon,
                         class: "w-6 h-6 mr-1 flex-shrink-0"
                       }, null, 8, ["icon"])) : g("", !0),
-                      u("span", ym, x(B.label), 1),
-                      B.badge ? (o(), d("span", xm, x(B.badge), 1)) : g("", !0)
+                      u("span", xm, x(B.label), 1),
+                      B.badge ? (o(), d("span", wm, x(B.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -10509,7 +10515,7 @@ const ed = {
       ]);
     };
   }
-}, km = {
+}, Sm = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -10528,13 +10534,13 @@ const ed = {
       P(a.$slots, "default")
     ], 2));
   }
-}, Sm = {
+}, Cm = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Cm = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, $m = { class: "text-slate-900 font-medium" }, zm = {
+}, $m = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, zm = { class: "text-slate-900 font-medium" }, Am = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Am = { class: "mt-2 text-slate-600 text-sm" }, Im = {
+}, Im = { class: "mt-2 text-slate-600 text-sm" }, Pm = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -10558,8 +10564,8 @@ const ed = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (o(), d("div", Sm)) : g("", !0),
-      u("div", Cm, [
+      e.orientation === "vertical" ? (o(), d("div", Cm)) : g("", !0),
+      u("div", $m, [
         P(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = u("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -10570,23 +10576,23 @@ const ed = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        u("h3", $m, [
+        u("h3", zm, [
           P(a.$slots, "title", {}, () => [
             W(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (o(), d("p", zm, [
+        e.subtitle ? (o(), d("p", Am, [
           P(a.$slots, "subtitle", {}, () => [
             W(x(e.subtitle), 1)
           ])
         ])) : g("", !0),
-        u("div", Am, [
+        u("div", Im, [
           P(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Pm = {
+}, Tm = {
   name: "AuthLayout",
   props: {
     title: {
@@ -10675,20 +10681,20 @@ const ed = {
       currentYear: m(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Tm = { class: "container mx-auto px-4 relative z-10" }, jm = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Bm = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Om = { class: "mb-6" }, Fm = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Lm = { class: "text-white" }, Vm = { class: "flex items-center justify-center lg:justify-start mb-6" }, Em = { class: "text-3xl lg:text-4xl font-bold text-white" }, Nm = { class: "lg:col-span-4" }, _m = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Dm = {
+}, jm = { class: "container mx-auto px-4 relative z-10" }, Bm = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Om = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Fm = { class: "mb-6" }, Lm = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Vm = { class: "text-white" }, Em = { class: "flex items-center justify-center lg:justify-start mb-6" }, Nm = { class: "text-3xl lg:text-4xl font-bold text-white" }, _m = { class: "lg:col-span-4" }, Dm = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Mm = {
   key: 0,
   class: "mb-6"
-}, Mm = { class: "text-center" }, Rm = { class: "text-2xl font-bold text-gray-900" }, Wm = {
+}, Rm = { class: "text-center" }, Wm = { class: "text-2xl font-bold text-gray-900" }, Hm = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Hm = { class: "space-y-6" }, Um = {
+}, qm = { class: "space-y-6" }, Um = {
   key: 1,
   class: "mt-6"
-}, qm = {
+}, Ym = {
   key: 0,
   class: "mt-6 text-center"
-}, Ym = { class: "absolute bottom-4 right-4 text-right" }, Gm = { class: "flex items-end justify-end mb-2" }, Km = { class: "text-right mr-3" }, Xm = { class: "text-red-500 font-bold text-xs" }, Jm = { class: "text-white text-xs" }, Qm = { class: "text-white/70 text-xs" }, Zm = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, eg = { class: "text-white/70 text-xs" }, tg = { class: "absolute bottom-4 left-4 flex gap-2" }, ag = ["href"];
-function ng(e, a, t, n, r, l) {
+}, Gm = { class: "absolute bottom-4 right-4 text-right" }, Km = { class: "flex items-end justify-end mb-2" }, Xm = { class: "text-right mr-3" }, Jm = { class: "text-red-500 font-bold text-xs" }, Qm = { class: "text-white text-xs" }, Zm = { class: "text-white/70 text-xs" }, eg = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, tg = { class: "text-white/70 text-xs" }, ag = { class: "absolute bottom-4 left-4 flex gap-2" }, ng = ["href"];
+function rg(e, a, t, n, r, l) {
   const s = se("router-view"), i = se("font-awesome-icon");
   return o(), d("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -10701,70 +10707,70 @@ function ng(e, a, t, n, r, l) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    u("div", Tm, [
-      u("div", jm, [
-        u("div", Bm, [
-          u("div", Om, [
-            u("div", Fm, [
+    u("div", jm, [
+      u("div", Bm, [
+        u("div", Om, [
+          u("div", Fm, [
+            u("div", Lm, [
               u("span", {
                 style: de({ color: t.primaryColor })
               }, x(t.primaryLogoPrefix), 5),
-              u("span", Lm, x(t.primaryLogoText), 1)
+              u("span", Vm, x(t.primaryLogoText), 1)
             ]),
             u("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: de({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          u("div", Vm, [
+          u("div", Em, [
             u("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: de({ backgroundColor: t.primaryColor })
             }, x(t.secondaryLogoPrefix), 5),
-            u("span", Em, x(t.secondaryLogoText), 1)
+            u("span", Nm, x(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = u("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             u("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        u("div", Nm, [
-          u("div", _m, [
-            e.$slots["card-header"] || t.title ? (o(), d("div", Dm, [
+        u("div", _m, [
+          u("div", Dm, [
+            e.$slots["card-header"] || t.title ? (o(), d("div", Mm, [
               P(e.$slots, "card-header", {}, () => [
-                u("div", Mm, [
-                  u("h1", Rm, x(t.title), 1),
-                  t.subtitle ? (o(), d("p", Wm, x(t.subtitle), 1)) : g("", !0)
+                u("div", Rm, [
+                  u("h1", Wm, x(t.title), 1),
+                  t.subtitle ? (o(), d("p", Hm, x(t.subtitle), 1)) : g("", !0)
                 ])
               ])
             ])) : g("", !0),
-            u("div", Hm, [
+            u("div", qm, [
               T(s)
             ]),
             e.$slots["card-footer"] ? (o(), d("div", Um, [
               P(e.$slots, "card-footer")
             ])) : g("", !0)
           ]),
-          e.$slots.links ? (o(), d("div", qm, [
+          e.$slots.links ? (o(), d("div", Ym, [
             P(e.$slots, "links")
           ])) : g("", !0)
         ])
       ])
     ]),
-    u("div", Ym, [
-      u("div", Gm, [
-        u("div", Km, [
-          u("div", Xm, x(t.companyName), 1),
-          u("div", Jm, x(t.companyType), 1),
-          u("div", Qm, x(t.companyTagline), 1)
+    u("div", Gm, [
+      u("div", Km, [
+        u("div", Xm, [
+          u("div", Jm, x(t.companyName), 1),
+          u("div", Qm, x(t.companyType), 1),
+          u("div", Zm, x(t.companyTagline), 1)
         ]),
-        u("div", Zm, x(t.companyInitials), 1)
+        u("div", eg, x(t.companyInitials), 1)
       ]),
-      u("div", eg, [
+      u("div", tg, [
         u("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         u("div", null, x(t.copyright), 1)
       ])
     ]),
-    u("div", tg, [
+    u("div", ag, [
       (o(!0), d(G, null, X(t.socialLinks, (c) => (o(), d("a", {
         key: c.name,
         href: c.url,
@@ -10776,14 +10782,14 @@ function ng(e, a, t, n, r, l) {
         T(i, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, ag))), 128))
+      ], 10, ng))), 128))
     ])
   ], 4);
 }
-const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen bg-gray-50" }, lg = { class: "flex-1" }, og = {
+const sg = /* @__PURE__ */ pt(Tm, [["render", rg]]), lg = { class: "min-h-screen bg-gray-50" }, og = { class: "flex-1" }, ig = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, ig = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, ug = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, dg = {
+}, ug = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, dg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, cg = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -10807,7 +10813,7 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = se("Logo"), r = se("MainNavigation"), l = se("Button"), s = se("Header"), i = se("Breadcrumb"), c = se("Text"), v = se("Footer");
-      return o(), d("div", sg, [
+      return o(), d("div", lg, [
         T(s, null, {
           logo: N(() => [
             P(a.$slots, "logo", {}, () => [
@@ -10840,15 +10846,15 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
           ]),
           _: 3
         }),
-        u("main", lg, [
-          e.showBreadcrumb ? (o(), d("div", og, [
-            u("div", ig, [
+        u("main", og, [
+          e.showBreadcrumb ? (o(), d("div", ig, [
+            u("div", ug, [
               P(a.$slots, "breadcrumb", {}, () => [
                 T(i, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : g("", !0),
-          u("div", ug, [
+          u("div", dg, [
             P(a.$slots, "default")
           ])
         ]),
@@ -10869,7 +10875,7 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
       ]);
     };
   }
-}, cg = {
+}, fg = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -10955,12 +10961,12 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
   },
   emits: ["retry", "back", "contact-support"],
   setup(e, { emit: a }) {
-    const t = lr(), n = qa("$router", null) || t?.appContext.app.config.globalProperties?.$router, r = M(!1), l = M(!1), s = M(navigator.onLine), i = M(`err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), c = M(!1), v = () => {
+    const t = lr(), n = Ua("$router", null) || t?.appContext.app.config.globalProperties?.$router, r = M(!1), l = M(!1), s = M(navigator.onLine), i = M(`err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), c = M(!1), v = () => {
       s.value = navigator.onLine;
     };
     Te(() => {
       window.addEventListener("online", v), window.addEventListener("offline", v);
-    }), _e(() => {
+    }), De(() => {
       window.removeEventListener("online", v), window.removeEventListener("offline", v);
     });
     const h = m(() => {
@@ -11080,9 +11086,9 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
       "w-full max-w-2xl mx-auto text-center"
     ]), ae = m(() => [
       "mb-8"
-    ]), q = m(() => [
-      "space-y-8"
     ]), U = m(() => [
+      "space-y-8"
+    ]), q = m(() => [
       "flex justify-center mb-6"
     ]), ne = m(() => [
       "w-32 h-32 flex items-center justify-center"
@@ -11123,8 +11129,8 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
       backgroundClasses: z,
       contentClasses: B,
       headerClasses: ae,
-      errorContentClasses: q,
-      illustrationClasses: U,
+      errorContentClasses: U,
+      illustrationClasses: q,
       iconContainerClasses: ne,
       detailsClasses: R,
       codeClasses: Z,
@@ -11135,20 +11141,20 @@ const rg = /* @__PURE__ */ pt(Pm, [["render", ng]]), sg = { class: "min-h-screen
       helpClasses: pe
     };
   }
-}, fg = { class: "flex justify-center" }, mg = { class: "flex items-center gap-3" }, gg = { class: "text-2xl font-bold text-slate-900" }, vg = {
+}, mg = { class: "flex justify-center" }, gg = { class: "flex items-center gap-3" }, vg = { class: "text-2xl font-bold text-slate-900" }, hg = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, hg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, bg = ["disabled"], pg = {
+}, bg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, pg = ["disabled"], yg = {
   key: 0,
   class: "animate-spin"
-}, yg = { key: 1 }, xg = ["disabled"], wg = { key: 0 }, kg = { key: 1 }, Sg = {
+}, xg = { key: 1 }, wg = ["disabled"], kg = { key: 0 }, Sg = { key: 1 }, Cg = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Cg = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, $g = { class: "text-lg font-semibold text-slate-900 mb-4" }, zg = { class: "space-y-3" }, Ag = { class: "text-sm text-slate-600" }, Ig = ["href"], Pg = {
+}, $g = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, zg = { class: "text-lg font-semibold text-slate-900 mb-4" }, Ag = { class: "space-y-3" }, Ig = { class: "text-sm text-slate-600" }, Pg = ["href"], Tg = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function Tg(e, a, t, n, r, l) {
+function jg(e, a, t, n, r, l) {
   return o(), d("div", {
     class: f(n.layoutClasses)
   }, [
@@ -11168,13 +11174,13 @@ function Tg(e, a, t, n, r, l) {
         class: f(n.headerClasses)
       }, [
         P(e.$slots, "header", {}, () => [
-          u("div", fg, [
+          u("div", mg, [
             P(e.$slots, "logo", {}, () => [
-              u("div", mg, [
+              u("div", gg, [
                 a[5] || (a[5] = u("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   u("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                u("span", gg, x(t.brandName), 1)
+                u("span", vg, x(t.brandName), 1)
               ])
             ])
           ])
@@ -11220,7 +11226,7 @@ function Tg(e, a, t, n, r, l) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? g("", !0) : (o(), d("div", vg, [...a[6] || (a[6] = [
+        n.isOnline ? g("", !0) : (o(), d("div", hg, [...a[6] || (a[6] = [
           u("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             u("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             u("span", { class: "font-medium" }, "No Internet Connection")
@@ -11231,7 +11237,7 @@ function Tg(e, a, t, n, r, l) {
           class: f(n.actionsClasses)
         }, [
           P(e.$slots, "actions", {}, () => [
-            u("div", hg, [
+            u("div", bg, [
               t.showHomeButton ? (o(), d("button", {
                 key: 0,
                 onClick: a[0] || (a[0] = (...s) => n.goHome && n.goHome(...s)),
@@ -11254,18 +11260,18 @@ function Tg(e, a, t, n, r, l) {
                 disabled: n.isRetrying || !n.isOnline,
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
               }, [
-                n.isRetrying ? (o(), d("span", pg, "↻")) : (o(), d("span", yg, "🔄")),
+                n.isRetrying ? (o(), d("span", yg, "↻")) : (o(), d("span", xg, "🔄")),
                 W(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, bg)) : g("", !0),
+              ], 8, pg)) : g("", !0),
               t.showSupportButton ? (o(), d("button", {
                 key: 3,
                 onClick: a[3] || (a[3] = (s) => e.$emit("contact-support")),
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
               }, [
-                n.reportSent ? (o(), d("span", wg, "✓")) : (o(), d("span", kg, "📝")),
+                n.reportSent ? (o(), d("span", kg, "✓")) : (o(), d("span", Sg, "📝")),
                 W(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, xg)) : g("", !0)
+              ], 8, wg)) : g("", !0)
             ])
           ])
         ], 2)) : g("", !0),
@@ -11274,10 +11280,10 @@ function Tg(e, a, t, n, r, l) {
           class: f(n.additionalInfoClasses)
         }, [
           P(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (o(), d("div", Sg, [
-              u("div", Cg, [
-                u("h3", $g, x(n.additionalInfoConfig.title), 1),
-                u("ul", zg, [
+            n.additionalInfoConfig ? (o(), d("div", Cg, [
+              u("div", $g, [
+                u("h3", zg, x(n.additionalInfoConfig.title), 1),
+                u("ul", Ag, [
                   (o(!0), d(G, null, X(n.additionalInfoConfig.items, (s, i) => (o(), d("li", {
                     key: i,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -11297,7 +11303,7 @@ function Tg(e, a, t, n, r, l) {
           class: f(n.helpClasses)
         }, [
           P(e.$slots, "help", {}, () => [
-            u("p", Ag, [
+            u("p", Ig, [
               W(x(t.helpText) + " ", 1),
               t.supportUrl ? (o(), d("a", {
                 key: 0,
@@ -11306,21 +11312,21 @@ function Tg(e, a, t, n, r, l) {
               }, [...a[8] || (a[8] = [
                 u("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 W(" Get Help ", -1)
-              ])], 8, Ig)) : g("", !0)
+              ])], 8, Pg)) : g("", !0)
             ])
           ])
         ], 2)) : g("", !0),
-        n.isDev ? (o(), d("div", Pg, " Error ID: " + x(n.errorId), 1)) : g("", !0)
+        n.isDev ? (o(), d("div", Tg, " Error ID: " + x(n.errorId), 1)) : g("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const jg = /* @__PURE__ */ pt(cg, [["render", Tg]]), Ma = {
+const Bg = /* @__PURE__ */ pt(fg, [["render", jg]]), Ma = {
   Avatar: Oo,
   Badge: Lo,
   Button: xe,
   Checkbox: ra,
-  Divider: Uo,
+  Divider: qo,
   Icon: Q,
   Image: Ko,
   Input: ti,
@@ -11337,55 +11343,55 @@ const jg = /* @__PURE__ */ pt(cg, [["render", Tg]]), Ma = {
   Textarea: bi,
   Tooltip: pi,
   Typography: Wt,
-  STLLoader: Re,
-  Alert: Ni,
-  Breadcrumb: Mi,
-  ButtonGroup: Wi,
-  Card: Ji,
-  CardHeader: Qi,
-  CardBody: Zi,
-  CardFooter: eu,
-  CardContent: tu,
-  CardTitle: au,
-  DatePicker: su,
-  Dropdown: ou,
-  DropdownItem: uu,
-  FileUpload: yu,
-  FormField: zu,
-  InputGroup: Pu,
-  ListItem: Vu,
-  MenuItem: Nu,
-  Modal: Du,
-  ModalHeader: Hu,
+  STLLoader: We,
+  Alert: _i,
+  Breadcrumb: Ri,
+  ButtonGroup: Hi,
+  Card: Qi,
+  CardHeader: Zi,
+  CardBody: eu,
+  CardFooter: tu,
+  CardContent: au,
+  CardTitle: nu,
+  DatePicker: lu,
+  Dropdown: iu,
+  DropdownItem: du,
+  FileUpload: xu,
+  FormField: Au,
+  InputGroup: Tu,
+  ListItem: Eu,
+  MenuItem: _u,
+  Modal: Mu,
+  ModalHeader: qu,
   ModalBody: Uu,
-  ModalFooter: qu,
-  Notification: Qu,
-  Toast: dd,
-  Search: $d,
-  Slider: Pd,
-  Stepper: jd,
-  StepperItem: Vd,
-  Tab: Dd,
-  TabPanel: Md,
-  Accordion: Yd,
-  AccordionItem: Gd,
-  Calendar: ec,
-  DataTable: Tc,
+  ModalFooter: Yu,
+  Notification: Zu,
+  Toast: cd,
+  Search: zd,
+  Slider: Td,
+  Stepper: Bd,
+  StepperItem: Ed,
+  Tab: Md,
+  TabPanel: Rd,
+  Accordion: Gd,
+  AccordionItem: Kd,
+  Calendar: tc,
+  DataTable: jc,
   DataTableHeader: er,
   DataTableRow: tr,
-  DataTableCell: jc,
+  DataTableCell: Bc,
   DataTablePagination: ar,
-  DataTableFilters: af,
-  DataTableToolBar: yf,
-  Footer: Af,
-  Header: em,
-  Sidebar: wm,
-  Timeline: km,
-  TimelineItem: Im,
-  AuthLayout: rg,
-  DefaultLayout: dg,
-  ErrorLayout: jg
-}, Lg = {
+  DataTableFilters: nf,
+  DataTableToolBar: xf,
+  Footer: If,
+  Header: tm,
+  Sidebar: km,
+  Timeline: Sm,
+  TimelineItem: Pm,
+  AuthLayout: sg,
+  DefaultLayout: cg,
+  ErrorLayout: Bg
+}, Vg = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Ma).forEach((n) => {
@@ -11395,77 +11401,77 @@ const jg = /* @__PURE__ */ pt(cg, [["render", Tg]]), Ma = {
   }
 };
 export {
-  Yd as Accordion,
-  Gd as AccordionItem,
-  Ni as Alert,
-  rg as AuthLayout,
+  Gd as Accordion,
+  Kd as AccordionItem,
+  _i as Alert,
+  sg as AuthLayout,
   Oo as Avatar,
   Lo as Badge,
-  Mi as Breadcrumb,
+  Ri as Breadcrumb,
   xe as Button,
-  Wi as ButtonGroup,
-  ec as Calendar,
-  Ji as Card,
-  Zi as CardBody,
-  tu as CardContent,
-  eu as CardFooter,
-  Qi as CardHeader,
-  au as CardTitle,
+  Hi as ButtonGroup,
+  tc as Calendar,
+  Qi as Card,
+  eu as CardBody,
+  au as CardContent,
+  tu as CardFooter,
+  Zi as CardHeader,
+  nu as CardTitle,
   ra as Checkbox,
-  Tc as DataTable,
-  jc as DataTableCell,
-  af as DataTableFilters,
+  jc as DataTable,
+  Bc as DataTableCell,
+  nf as DataTableFilters,
   er as DataTableHeader,
   ar as DataTablePagination,
   tr as DataTableRow,
-  yf as DataTableToolBar,
-  su as DatePicker,
-  dg as DefaultLayout,
-  Uo as Divider,
-  ou as Dropdown,
-  uu as DropdownItem,
-  jg as ErrorLayout,
-  yu as FileUpload,
-  Af as Footer,
-  zu as FormField,
-  em as Header,
+  xf as DataTableToolBar,
+  lu as DatePicker,
+  cg as DefaultLayout,
+  qo as Divider,
+  iu as Dropdown,
+  du as DropdownItem,
+  Bg as ErrorLayout,
+  xu as FileUpload,
+  If as Footer,
+  Au as FormField,
+  tm as Header,
   Q as Icon,
   Ko as Image,
   ti as Input,
-  Pu as InputGroup,
+  Tu as InputGroup,
   Jn as Label,
   ni as Link,
-  Vu as ListItem,
+  Eu as ListItem,
   si as Logo,
-  Nu as MenuItem,
-  Du as Modal,
+  _u as MenuItem,
+  Mu as Modal,
   Uu as ModalBody,
-  qu as ModalFooter,
-  Hu as ModalHeader,
-  Qu as Notification,
+  Yu as ModalFooter,
+  qu as ModalHeader,
+  Zu as Notification,
   Qn as Option,
   ii as ProgressBar,
   ci as Radio,
-  Re as STLLoader,
-  $d as Search,
+  We as STLLoader,
+  zd as Search,
   sa as Select,
-  wm as Sidebar,
-  Pd as Slider,
+  km as Sidebar,
+  Td as Slider,
   Xn as Spinner,
-  jd as Stepper,
-  Vd as StepperItem,
+  Bd as Stepper,
+  Ed as StepperItem,
   gi as Switch,
-  Dd as Tab,
-  Md as TabPanel,
+  Md as Tab,
+  Rd as TabPanel,
   vi as Text,
   bi as Textarea,
-  km as Timeline,
-  Im as TimelineItem,
-  dd as Toast,
+  Sm as Timeline,
+  Pm as TimelineItem,
+  cd as Toast,
   pi as Tooltip,
   Wt as Typography,
   k as cn,
-  Lg as default,
+  Vg as default,
   Da as toast,
-  ad as useToaster
+  nd as useToaster
 };