npm - @stlhorizon/vue-ui - Versions diffs - 3.15.5 → 3.15.6 - Mend

@stlhorizon/vue-ui 3.15.5 → 3.15.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.esm.js +837 -821
package/dist/index.js +16 -16
package/dist/src/components/Header.vue.d.ts +2 -0
package/dist/src/components/Header.vue.d.ts.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +1 -1

package/dist/index.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as xa, computed as p, watch as me, h as kn, createBlock as _, openBlock as s, unref as U, normalizeClass as h, ref as R, createElementBlock as d, toDisplayString as w, createCommentVNode as b, renderSlot as L, resolveDynamicComponent as ke, createVNode as T, mergeProps as gt, createElementVNode as o, useId as wa, createTextVNode as ae, withCtx as q, normalizeStyle as ce, onMounted as $e, onUnmounted as Be, Teleport as vt, withDirectives as Ie, withKeys as ta, withModifiers as pe, vModelText as He, Fragment as G, renderList as Q, nextTick as ct, Transition as ge, onBeforeUnmount as $n, reactive as Nr, resolveComponent as he, markRaw as Cn, TransitionGroup as Rr, provide as _r, inject as Sn, vShow as zn, getCurrentInstance as Ur, createStaticVNode as qr } from "vue";
+import { defineComponent as xa, computed as p, watch as me, h as kn, createBlock as _, openBlock as s, unref as U, normalizeClass as h, ref as R, createElementBlock as d, toDisplayString as w, createCommentVNode as b, renderSlot as D, resolveDynamicComponent as ke, createVNode as T, mergeProps as gt, createElementVNode as o, useId as wa, createTextVNode as ae, withCtx as q, normalizeStyle as ce, onMounted as $e, onUnmounted as Be, Teleport as vt, withDirectives as Ie, withKeys as ta, withModifiers as pe, vModelText as He, Fragment as K, renderList as Q, nextTick as ct, Transition as ge, onBeforeUnmount as $n, reactive as Nr, resolveComponent as he, markRaw as Cn, TransitionGroup as Rr, provide as _r, inject as Sn, vShow as zn, getCurrentInstance as Ur, createStaticVNode as qr } from "vue";
 import { cva as H } from "class-variance-authority";
 import { clsx as Hr } from "clsx";
 function P(...e) {
@@ -101,8 +101,8 @@ function Jr(e, a) {
         if (Object(t) !== t) return;
         g = !1;
       } else for (; !(g = (n = l.call(t)).done) && (m.push(n.value), m.length !== a); g = !0) ;
-    } catch (k) {
-      y = !0, r = k;
+    } catch ($) {
+      y = !0, r = $;
     } finally {
       try {
         if (!g && t.return != null && (u = t.return(), Object(u) !== u)) return;
@@ -1546,10 +1546,10 @@ function Qa(e, a, t) {
     };
 }
 var Jt = function(a, t, n, r) {
-  var l = Object.keys(a), u = l.length, m = t, g, y, k;
-  for (n === void 0 ? (g = 1, k = a[l[0]]) : (g = 0, k = n); g < u; g++)
-    y = l[g], k = m(k, a[y], y, a);
-  return k;
+  var l = Object.keys(a), u = l.length, m = t, g, y, $;
+  for (n === void 0 ? (g = 1, $ = a[l[0]]) : (g = 0, $ = n); g < u; g++)
+    y = l[g], $ = m($, a[y], y, a);
+  return $;
 };
 function ir(e) {
   return Pe(e).length !== 1 ? null : e.codePointAt(0).toString(16);
@@ -1704,8 +1704,8 @@ function Dt(e) {
     return !en.includes(V);
   })), m = l.filter(function(V) {
     return r = V, !jn.includes(V);
-  }), g = It(m, 1), y = g[0], k = y === void 0 ? null : y, S = Kl(l), I = Y(Y({}, Xl(u)), {}, {
-    prefix: Lt(k, {
+  }), g = It(m, 1), y = g[0], $ = y === void 0 ? null : y, S = Kl(l), I = Y(Y({}, Xl(u)), {}, {
+    prefix: Lt($, {
       family: S
     })
   });
@@ -1739,8 +1739,8 @@ var Jl = Wn.filter(function(e) {
   return Object.keys(na[e]);
 }).flat();
 function eo(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, u = e.styles, m = u === void 0 ? {} : u, g = e.config, y = g === void 0 ? {} : g, k = t === ht, S = a.includes("fa-duotone") || a.includes("fad"), I = y.familyDefault === "duotone", V = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!k && (S || I || V) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Jl.includes(t)) {
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, u = e.styles, m = u === void 0 ? {} : u, g = e.config, y = g === void 0 ? {} : g, $ = t === ht, S = a.includes("fa-duotone") || a.includes("fad"), I = y.familyDefault === "duotone", V = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!$ && (S || I || V) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Jl.includes(t)) {
     var z = Object.keys(m).find(function(f) {
       return Zl.includes(f);
     });
@@ -1779,8 +1779,8 @@ var to = /* @__PURE__ */ (function() {
         0: n
       } : n;
       return Object.keys(r).map(function(l) {
-        var u = r[l], m = u.prefix, g = u.iconName, y = u.icon, k = y[2];
-        t[m] || (t[m] = {}), k.length > 0 && k.forEach(function(S) {
+        var u = r[l], m = u.prefix, g = u.iconName, y = u.icon, $ = y[2];
+        t[m] || (t[m] = {}), $.length > 0 && $.forEach(function(S) {
           typeof S == "string" && (t[m][S] = y);
         }), t[m][g] = y;
       }), t;
@@ -1952,10 +1952,10 @@ function co(e) {
   });
 }
 function Ta(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, u = e.transform, m = e.symbol, g = e.maskId, y = e.extra, k = e.watchable, S = k === void 0 ? !1 : k, I = n.found ? n : t, V = I.width, z = I.height, v = [re.replacementClass, l ? "".concat(re.cssPrefix, "-").concat(l) : ""].filter(function($) {
-    return y.classes.indexOf($) === -1;
-  }).filter(function($) {
-    return $ !== "" || !!$;
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, l = e.iconName, u = e.transform, m = e.symbol, g = e.maskId, y = e.extra, $ = e.watchable, S = $ === void 0 ? !1 : $, I = n.found ? n : t, V = I.width, z = I.height, v = [re.replacementClass, l ? "".concat(re.cssPrefix, "-").concat(l) : ""].filter(function(C) {
+    return y.classes.indexOf(C) === -1;
+  }).filter(function(C) {
+    return C !== "" || !!C;
   }).concat(y.classes).join(" "), f = {
     children: [],
     attributes: Y(Y({}, y.attributes), {}, {
@@ -1996,8 +1996,8 @@ function an(e) {
     width: t,
     height: n
   }), y["-webkit-transform"] = y.transform);
-  var k = Ft(y);
-  k.length > 0 && (g.style = k);
+  var $ = Ft(y);
+  $.length > 0 && (g.style = $);
   var S = [];
   return S.push({
     tag: "span",
@@ -2195,12 +2195,12 @@ function ln(e) {
     var a = e.treeCallback, t = a === void 0 ? At : a, n = e.nodeCallback, r = n === void 0 ? At : n, l = e.pseudoElementsCallback, u = l === void 0 ? At : l, m = e.observeMutationsRoot, g = m === void 0 ? fe : m;
     Tt = new qa(function(y) {
       if (!ja) {
-        var k = Re();
+        var $ = Re();
         at(y).forEach(function(S) {
           if (S.type === "childList" && S.addedNodes.length > 0 && !rn(S.addedNodes[0]) && (re.searchPseudoElements && u(S.target), t(S.target)), S.type === "attributes" && S.target.parentNode && re.searchPseudoElements && u([S.target], !0), S.type === "attributes" && rn(S.target) && ~Pl.indexOf(S.attributeName))
             if (S.attributeName === "class" && ho(S.target)) {
               var I = Dt(Aa(S.target)), V = I.prefix, z = I.iconName;
-              S.target.setAttribute(Ca, V || k), z && S.target.setAttribute(Sa, z);
+              S.target.setAttribute(Ca, V || $), z && S.target.setAttribute(Sa, z);
             } else bo(S.target) && r(S.target);
         });
       }
@@ -2292,8 +2292,8 @@ function un(e) {
     return t.remove("".concat(Wa, "-").concat(S));
   }, l = re.autoFetchSvg ? Vo() : jn.concat(Object.keys(Ao));
   l.includes("fa") || l.push("fa");
-  var u = [".".concat(ar, ":not([").concat(Ye, "])")].concat(l.map(function(k) {
-    return ".".concat(k, ":not([").concat(Ye, "])");
+  var u = [".".concat(ar, ":not([").concat(Ye, "])")].concat(l.map(function($) {
+    return ".".concat($, ":not([").concat(Ye, "])");
   })).join(", ");
   if (u.length === 0)
     return Promise.resolve();
@@ -2306,19 +2306,19 @@ function un(e) {
     n("pending"), r("complete");
   else
     return Promise.resolve();
-  var g = Oa.begin("onTree"), y = m.reduce(function(k, S) {
+  var g = Oa.begin("onTree"), y = m.reduce(function($, S) {
     try {
       var I = $r(S);
-      I && k.push(I);
+      I && $.push(I);
     } catch (V) {
       er || V.name === "MissingIcon" && console.error(V);
     }
-    return k;
+    return $;
   }, []);
-  return new Promise(function(k, S) {
+  return new Promise(function($, S) {
     Promise.all(y).then(function(I) {
       wr(I, function() {
-        n("active"), n("complete"), r("pending"), typeof a == "function" && a(), g(), k();
+        n("active"), n("complete"), r("pending"), typeof a == "function" && a(), g(), $();
       });
     }).catch(function(I) {
       g(), S(I);
@@ -2340,7 +2340,7 @@ function Bo(e) {
   };
 }
 var To = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? Oe : n, l = t.symbol, u = l === void 0 ? !1 : l, m = t.mask, g = m === void 0 ? null : m, y = t.maskId, k = y === void 0 ? null : y, S = t.classes, I = S === void 0 ? [] : S, V = t.attributes, z = V === void 0 ? {} : V, v = t.styles, f = v === void 0 ? {} : v;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? Oe : n, l = t.symbol, u = l === void 0 ? !1 : l, m = t.mask, g = m === void 0 ? null : m, y = t.maskId, $ = y === void 0 ? null : y, S = t.classes, I = S === void 0 ? [] : S, V = t.attributes, z = V === void 0 ? {} : V, v = t.styles, f = v === void 0 ? {} : v;
   if (a) {
     var i = a.prefix, c = a.iconName, x = a.icon;
     return Et(Y({
@@ -2363,7 +2363,7 @@ var To = function(a) {
         iconName: c,
         transform: Y(Y({}, Oe), r),
         symbol: u,
-        maskId: k,
+        maskId: $,
         extra: {
           attributes: z,
           styles: f,
@@ -2391,7 +2391,7 @@ var To = function(a) {
       } : l;
       return un(r, u);
     }, a.generateSvgReplacementMutation = function(t, n) {
-      var r = n.iconName, l = n.prefix, u = n.transform, m = n.symbol, g = n.mask, y = n.maskId, k = n.extra;
+      var r = n.iconName, l = n.prefix, u = n.transform, m = n.symbol, g = n.mask, y = n.maskId, $ = n.extra;
       return new Promise(function(S, I) {
         Promise.all([ma(r, l), g.iconName ? ma(g.iconName, g.prefix) : Promise.resolve({
           found: !1,
@@ -2410,7 +2410,7 @@ var To = function(a) {
             transform: u,
             symbol: m,
             maskId: y,
-            extra: k,
+            extra: $,
             watchable: !0
           })]);
         }).catch(I);
@@ -2488,7 +2488,7 @@ var To = function(a) {
   mixout: function() {
     return {
       text: function(t) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, l = r === void 0 ? Oe : r, u = n.classes, m = u === void 0 ? [] : u, g = n.attributes, y = g === void 0 ? {} : g, k = n.styles, S = k === void 0 ? {} : k;
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = n.transform, l = r === void 0 ? Oe : r, u = n.classes, m = u === void 0 ? [] : u, g = n.attributes, y = g === void 0 ? {} : g, $ = n.styles, S = $ === void 0 ? {} : $;
         return Et({
           type: "text",
           content: t
@@ -2556,31 +2556,31 @@ function fn(e, a) {
       return n();
     var l = at(e.children), u = l.filter(function(O) {
       return O.getAttribute(sa) === a;
-    })[0], m = Ne.getComputedStyle(e, a), g = m.getPropertyValue("font-family"), y = g.match(Al), k = m.getPropertyValue("font-weight"), S = m.getPropertyValue("content");
+    })[0], m = Ne.getComputedStyle(e, a), g = m.getPropertyValue("font-family"), y = g.match(Al), $ = m.getPropertyValue("font-weight"), S = m.getPropertyValue("content");
     if (u && !y)
       return e.removeChild(u), n();
     if (y && S !== "none" && S !== "") {
-      var I = m.getPropertyValue("content"), V = Eo(g, k), z = Lo(I), v = y[0].startsWith("FontAwesome"), f = Do(m), i = Ba(V, z), c = i;
+      var I = m.getPropertyValue("content"), V = Eo(g, $), z = Lo(I), v = y[0].startsWith("FontAwesome"), f = Do(m), i = Ba(V, z), c = i;
       if (v) {
         var x = Gl(z);
         x.iconName && x.prefix && (i = x.iconName, V = x.prefix);
       }
       if (i && !f && (!u || u.getAttribute(Ca) !== V || u.getAttribute(Sa) !== c)) {
         e.setAttribute(t, c), u && e.removeChild(u);
-        var B = zo(), $ = B.extra;
-        $.attributes[sa] = a, ma(i, V).then(function(O) {
-          var K = Ta(Y(Y({}, B), {}, {
+        var B = zo(), C = B.extra;
+        C.attributes[sa] = a, ma(i, V).then(function(O) {
+          var X = Ta(Y(Y({}, B), {}, {
             icons: {
               main: O,
               mask: br()
             },
             prefix: V,
             iconName: c,
-            extra: $,
+            extra: C,
             watchable: !0
           })), se = fe.createElementNS("http://www.w3.org/2000/svg", "svg");
-          a === "::before" ? e.insertBefore(se, e.firstChild) : e.appendChild(se), se.outerHTML = K.map(function(X) {
-            return pt(X);
+          a === "::before" ? e.insertBefore(se, e.firstChild) : e.appendChild(se), se.outerHTML = X.map(function(G) {
+            return pt(G);
           }).join(`
 `), e.removeAttribute(t), n();
         }).catch(r);
@@ -2645,7 +2645,7 @@ function mn(e) {
             var m = zt(u.cssRules), g;
             try {
               for (m.s(); !(g = m.n()).done; ) {
-                var y = g.value, k = Uo(y.selectorText), S = zt(k), I;
+                var y = g.value, $ = Uo(y.selectorText), S = zt($), I;
                 try {
                   for (S.s(); !(I = S.n()).done; ) {
                     var V = I.value;
@@ -2793,8 +2793,8 @@ var qo = {
     a.generateAbstractTransformGrouping = function(t) {
       var n = t.main, r = t.transform, l = t.containerWidth, u = t.iconWidth, m = {
         transform: "translate(".concat(l / 2, " 256)")
-      }, g = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), y = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), k = "rotate(".concat(r.rotate, " 0 0)"), S = {
-        transform: "".concat(g, " ").concat(y, " ").concat(k)
+      }, g = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), y = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), $ = "rotate(".concat(r.rotate, " 0 0)"), S = {
+        transform: "".concat(g, " ").concat(y, " ").concat($)
       }, I = {
         transform: "translate(".concat(u / 2 * -1, " -256)")
       }, V = {
@@ -2843,7 +2843,7 @@ var Go = {
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, r = t.attributes, l = t.main, u = t.mask, m = t.maskId, g = t.transform, y = l.width, k = l.icon, S = u.width, I = u.icon, V = Dl({
+      var n = t.children, r = t.attributes, l = t.main, u = t.mask, m = t.maskId, g = t.transform, y = l.width, $ = l.icon, S = u.width, I = u.icon, V = Dl({
         transform: g,
         containerWidth: S,
         iconWidth: y
@@ -2852,14 +2852,14 @@ var Go = {
         attributes: Y(Y({}, ea), {}, {
           fill: "white"
         })
-      }, v = k.children ? {
-        children: k.children.map(hn)
+      }, v = $.children ? {
+        children: $.children.map(hn)
       } : {}, f = {
         tag: "g",
         attributes: Y({}, V.inner),
         children: [hn(Y({
-          tag: k.tag,
-          attributes: Y(Y({}, k.attributes), V.path)
+          tag: $.tag,
+          attributes: Y(Y({}, $.attributes), V.path)
         }, v))]
       }, i = {
         tag: "g",
@@ -2873,7 +2873,7 @@ var Go = {
           maskContentUnits: "userSpaceOnUse"
         }),
         children: [z, i]
-      }, $ = {
+      }, C = {
         tag: "defs",
         children: [{
           tag: "clipPath",
@@ -2883,7 +2883,7 @@ var Go = {
           children: Wo(I)
         }, B]
       };
-      return n.push($, {
+      return n.push(C, {
         tag: "rect",
         attributes: Y({
           fill: "currentColor",
@@ -3114,14 +3114,14 @@ var ui = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     var t = function(i, c, x) {
       if (!y(c) || S(c) || I(c) || V(c) || g(c))
         return c;
-      var B, $ = 0, O = 0;
-      if (k(c))
-        for (B = [], O = c.length; $ < O; $++)
-          B.push(t(i, c[$], x));
+      var B, C = 0, O = 0;
+      if ($(c))
+        for (B = [], O = c.length; C < O; C++)
+          B.push(t(i, c[C], x));
       else {
         B = {};
-        for (var K in c)
-          Object.prototype.hasOwnProperty.call(c, K) && (B[i(K, x)] = t(i, c[K], x));
+        for (var X in c)
+          Object.prototype.hasOwnProperty.call(c, X) && (B[i(X, x)] = t(i, c[X], x));
       }
       return B;
     }, n = function(i, c) {
@@ -3141,7 +3141,7 @@ var ui = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return typeof i == "function";
     }, y = function(i) {
       return i === Object(i);
-    }, k = function(i) {
+    }, $ = function(i) {
       return m.call(i) == "[object Array]";
     }, S = function(i) {
       return m.call(i) == "[object Date]";
@@ -3153,8 +3153,8 @@ var ui = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return i = i - 0, i === i;
     }, v = function(i, c) {
       var x = c && "process" in c ? c.process : c;
-      return typeof x != "function" ? i : function(B, $) {
-        return x(B, i, $);
+      return typeof x != "function" ? i : function(B, C) {
+        return x(B, i, C);
       };
     }, f = {
       camelize: r,
@@ -3200,16 +3200,16 @@ function Ma(e) {
   var n = (e.children || []).map(function(g) {
     return Ma(g);
   }), r = Object.keys(e.attributes || {}).reduce(function(g, y) {
-    var k = e.attributes[y];
+    var $ = e.attributes[y];
     switch (y) {
       case "class":
-        g.class = mi(k);
+        g.class = mi($);
         break;
       case "style":
-        g.style = fi(k);
+        g.style = fi($);
         break;
       default:
-        g.attrs[y] = k;
+        g.attrs[y] = $;
     }
     return g;
   }, {
@@ -3396,14 +3396,14 @@ var vi = xa({
     }), m = p(function() {
       return it("mask", pn(a.mask));
     }), g = p(function() {
-      var k = Ae(Ae(Ae(Ae({}, l.value), u.value), m.value), {}, {
+      var $ = Ae(Ae(Ae(Ae({}, l.value), u.value), m.value), {}, {
         symbol: a.symbol,
         maskId: a.maskId
       });
-      return k.title = a.title, k.titleId = a.titleId, Jo(r.value, k);
+      return $.title = a.title, $.titleId = a.titleId, Jo(r.value, $);
     });
-    me(g, function(k) {
-      if (!k)
+    me(g, function($) {
+      if (!$)
         return gi("Could not find one or more icon(s)", r.value, m.value);
     }, {
       immediate: !0
@@ -3464,8 +3464,8 @@ xa({
     }), u = p(function() {
       return it("transform", typeof a.transform == "string" ? Ot.transform(a.transform) : a.transform);
     }), m = p(function() {
-      var y = Zo(a.value.toString(), Ae(Ae({}, u.value), l.value)), k = y.abstract;
-      return a.counter && (k[0].attributes.class = k[0].attributes.class.replace("fa-layers-text", "")), k[0];
+      var y = Zo(a.value.toString(), Ae(Ae({}, u.value), l.value)), $ = y.abstract;
+      return a.counter && ($[0].attributes.class = $[0].attributes.class.replace("fa-layers-text", "")), $[0];
     }), g = p(function() {
       return Ma(m.value, {}, n);
     });
@@ -3575,7 +3575,7 @@ const te = {
     ), g = () => {
       t.value = !0;
     };
-    return (y, k) => (s(), d("div", {
+    return (y, $) => (s(), d("div", {
       class: h(r.value)
     }, [
       e.src ? (s(), d("img", {
@@ -3681,7 +3681,7 @@ const te = {
         key: 0,
         class: h(u.value)
       }, null, 8, ["class"])) : b("", !0),
-      L(m.$slots, "default"),
+      D(m.$slots, "default"),
       e.dismissible ? (s(), d("button", {
         key: 1,
         class: "ml-1 hover:bg-black/10 rounded-full p-0.5 transition-colors",
@@ -3816,7 +3816,7 @@ const te = {
         icon: e.icon,
         class: "h-4 w-4"
       }, null, 8, ["icon"])) : b("", !0),
-      e.loading && e.loadingText ? (s(), d("span", wi, w(e.loadingText), 1)) : L(t.$slots, "default", { key: 3 })
+      e.loading && e.loadingText ? (s(), d("span", wi, w(e.loadingText), 1)) : D(t.$slots, "default", { key: 3 })
     ], 16, yi));
   }
 }), ki = { class: "flex items-center gap-3" }, $i = { class: "relative" }, Ci = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], Si = { class: "flex-1" }, zi = ["for"], Mt = {
@@ -3897,7 +3897,7 @@ const te = {
       } else
         l("update:modelValue", c);
       l("change", c);
-    }, k = () => {
+    }, $ = () => {
       !r.disabled && u.value && u.value.click();
     }, S = p(() => {
       if (r.error) return `${m.value}-error`;
@@ -3954,7 +3954,7 @@ const te = {
         }, null, 42, Ci),
         o("div", {
           class: h(z.value),
-          onClick: k
+          onClick: $
         }, [
           g.value && !e.indeterminate ? (s(), _(t, {
             key: 0,
@@ -3970,7 +3970,7 @@ const te = {
           for: m.value,
           class: h(v.value)
         }, [
-          L(i.$slots, "default", {}, () => [
+          D(i.$slots, "default", {}, () => [
             ae(w(e.label), 1)
           ])
         ], 10, zi),
@@ -4221,7 +4221,7 @@ const te = {
       )
     ), y = p(
       () => "absolute inset-0 flex items-center justify-center bg-muted"
-    ), k = p(
+    ), $ = p(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
     ), S = (V) => {
       r.value = !1, l.value = !1, n("load", V);
@@ -4250,7 +4250,7 @@ const te = {
       ], 2)) : b("", !0),
       l.value ? (s(), d("div", {
         key: 1,
-        class: h(k.value)
+        class: h($.value)
       }, [
         T(te, {
           name: "ImageOff",
@@ -4341,7 +4341,7 @@ const te = {
       r("blur", c);
     }, y = (c) => {
       r("focus", c);
-    }, k = (c) => {
+    }, $ = (c) => {
       r("keydown", c);
     }, S = () => {
       r("update:modelValue", ""), r("clear"), l.value?.focus();
@@ -4399,7 +4399,7 @@ const te = {
         onInput: m,
         onBlur: g,
         onFocus: y,
-        onKeydown: k
+        onKeydown: $
       }, null, 42, Ii),
       e.iconRight || e.clearable ? (s(), d("div", Fi, [
         e.clearable && e.modelValue && !e.disabled ? (s(), d("button", {
@@ -4456,7 +4456,7 @@ const te = {
       class: h(n.value),
       for: e.htmlFor
     }, [
-      L(r.$slots, "default")
+      D(r.$slots, "default")
     ], 10, Di));
   }
 }, Ei = {
@@ -4555,7 +4555,7 @@ const te = {
           name: e.icon,
           class: h(r.value)
         }, null, 8, ["name", "class"])) : b("", !0),
-        L(g.$slots, "default"),
+        D(g.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (s(), _(te, {
           key: 1,
           name: e.icon,
@@ -4656,7 +4656,7 @@ const te = {
       disabled: e.disabled,
       selected: e.selected
     }, [
-      L(a.$slots, "default", {}, () => [
+      D(a.$slots, "default", {}, () => [
         ae(w(e.label), 1)
       ])
     ], 8, _i));
@@ -4864,7 +4864,7 @@ const te = {
       md: 5,
       lg: 6,
       xl: 7
-    })[a.size] || 5), m = p(() => l.value / 2), g = p(() => m.value - u.value / 2), y = p(() => 2 * Math.PI * g.value), k = p(() => y.value - r.value / 100 * y.value), S = p(() => {
+    })[a.size] || 5), m = p(() => l.value / 2), g = p(() => m.value - u.value / 2), y = p(() => 2 * Math.PI * g.value), $ = p(() => y.value - r.value / 100 * y.value), S = p(() => {
       if (a.dynamicColor) {
         const v = r.value;
         return v >= 80 ? "#ef4444" : v >= 60 ? "#f59e0b" : v >= 40 ? "#eab308" : v >= 20 ? "#22c55e" : "#6b7280";
@@ -4914,7 +4914,7 @@ const te = {
           "stroke-width": u.value,
           fill: "none",
           "stroke-dasharray": y.value,
-          "stroke-dashoffset": k.value,
+          "stroke-dashoffset": $.value,
           "stroke-linecap": e.strokeLinecap,
           class: "transition-all duration-300 ease-in-out"
         }, null, 8, Ki)
@@ -4979,7 +4979,7 @@ const te = {
     ), y = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (k, S) => (s(), d("div", Qi, [
+    return ($, S) => (s(), d("div", Qi, [
       o("button", {
         type: "button",
         role: "radio",
@@ -5064,7 +5064,7 @@ const te = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = R(!1), l = R(""), u = R(null), m = R(null), g = R(null), y = R([...t.options]), k = R({}), S = p(() => t.options.find(($) => $.value === t.modelValue)), I = H(
+    const t = e, n = a, r = R(!1), l = R(""), u = R(null), m = R(null), g = R(null), y = R([...t.options]), $ = R({}), S = p(() => t.options.find((C) => C.value === t.modelValue)), I = H(
       "border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent",
       {
         variants: {
@@ -5082,22 +5082,22 @@ const te = {
       )
     ), z = () => {
       if (!m.value) return;
-      const $ = m.value.getBoundingClientRect();
-      k.value = {
+      const C = m.value.getBoundingClientRect();
+      $.value = {
         position: "fixed",
-        top: `${$.bottom + 4}px`,
-        left: `${$.left}px`,
-        width: `${$.width}px`,
+        top: `${C.bottom + 4}px`,
+        left: `${C.left}px`,
+        width: `${C.width}px`,
         zIndex: 9999
       };
     }, v = () => {
       t.disabled || (r.value = !r.value, r.value && (z(), ct(() => {
         u.value?.focus();
       })));
-    }, f = ($) => {
-      n("update:modelValue", $), r.value = !1, l.value = "", y.value = [...t.options];
-    }, i = ($) => {
-      if ($ && ($.stopPropagation(), $.preventDefault()), t.allowCreate && l.value.trim()) {
+    }, f = (C) => {
+      n("update:modelValue", C), r.value = !1, l.value = "", y.value = [...t.options];
+    }, i = (C) => {
+      if (C && (C.stopPropagation(), C.preventDefault()), t.allowCreate && l.value.trim()) {
         const O = l.value.trim();
         n("update:modelValue", O), r.value = !1, l.value = "", y.value = [...t.options];
       }
@@ -5105,27 +5105,27 @@ const te = {
       if (!l.value.trim())
         y.value = [...t.options];
       else {
-        const $ = l.value.toLowerCase();
+        const C = l.value.toLowerCase();
         y.value = t.options.filter(
-          (O) => O.label.toLowerCase().includes($)
+          (O) => O.label.toLowerCase().includes(C)
         );
       }
-    }, x = ($) => {
-      $.key === "Escape" ? (r.value = !1, l.value = "", y.value = [...t.options]) : $.key === "Enter" && t.allowCreate && l.value.trim() && y.value.length === 0 && ($.preventDefault(), i($));
-    }, B = ($) => {
+    }, x = (C) => {
+      C.key === "Escape" ? (r.value = !1, l.value = "", y.value = [...t.options]) : C.key === "Enter" && t.allowCreate && l.value.trim() && y.value.length === 0 && (C.preventDefault(), i(C));
+    }, B = (C) => {
       if (!m.value) return;
-      const O = $.target, K = g.value && g.value.contains(O), se = m.value.contains(O);
-      !K && !se && (r.value = !1, l.value = "", y.value = [...t.options]);
+      const O = C.target, X = g.value && g.value.contains(O), se = m.value.contains(O);
+      !X && !se && (r.value = !1, l.value = "", y.value = [...t.options]);
     };
     return $e(() => {
       document.addEventListener("click", B), window.addEventListener("scroll", z, !0), window.addEventListener("resize", z);
     }), Be(() => {
       document.removeEventListener("click", B), window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z);
-    }), me(() => t.options, ($) => {
-      y.value = [...$];
-    }, { immediate: !0 }), me(r, ($) => {
-      $ && z();
-    }), ($, O) => !e.options || e.options.length === 0 ? (s(), d("select", gt({
+    }), me(() => t.options, (C) => {
+      y.value = [...C];
+    }, { immediate: !0 }), me(r, (C) => {
+      C && z();
+    }), (C, O) => !e.options || e.options.length === 0 ? (s(), d("select", gt({
       key: 0,
       id: e.id,
       name: e.name,
@@ -5133,10 +5133,10 @@ const te = {
       disabled: e.disabled,
       required: e.required,
       class: V.value
-    }, $.$attrs, {
-      onChange: O[0] || (O[0] = (K) => $.$emit("update:modelValue", K.target.value))
+    }, C.$attrs, {
+      onChange: O[0] || (O[0] = (X) => C.$emit("update:modelValue", X.target.value))
     }), [
-      L($.$slots, "default")
+      D(C.$slots, "default")
     ], 16, eu)) : (s(), d("div", tu, [
       o("button", {
         id: e.id,
@@ -5170,7 +5170,7 @@ const te = {
           key: 0,
           ref_key: "dropdownRef",
           ref: g,
-          style: ce(k.value),
+          style: ce($.value),
           "data-select-dropdown": "",
           class: "bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none"
         }, [
@@ -5178,7 +5178,7 @@ const te = {
             Ie(o("input", {
               ref_key: "searchInput",
               ref: u,
-              "onUpdate:modelValue": O[1] || (O[1] = (K) => l.value = K),
+              "onUpdate:modelValue": O[1] || (O[1] = (X) => l.value = X),
               type: "text",
               placeholder: "Search options...",
               class: "w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500",
@@ -5192,14 +5192,14 @@ const te = {
             ])
           ]),
           y.value.length > 0 ? (s(), d("div", ou, [
-            (s(!0), d(G, null, Q(y.value, (K) => (s(), d("button", {
-              key: K.value,
+            (s(!0), d(K, null, Q(y.value, (X) => (s(), d("button", {
+              key: X.value,
               type: "button",
-              class: h(["cursor-pointer select-none relative py-2 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50 text-blue-900": e.modelValue === K.value }]),
-              onClick: pe((se) => f(K.value), ["stop"])
+              class: h(["cursor-pointer select-none relative py-2 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50 text-blue-900": e.modelValue === X.value }]),
+              onClick: pe((se) => f(X.value), ["stop"])
             }, [
-              o("span", uu, w(K.label), 1),
-              e.modelValue === K.value ? (s(), d("span", du, [...O[4] || (O[4] = [
+              o("span", uu, w(X.label), 1),
+              e.modelValue === X.value ? (s(), d("span", du, [...O[4] || (O[4] = [
                 o("svg", {
                   class: "h-5 w-5",
                   fill: "currentColor",
@@ -5318,7 +5318,7 @@ const te = {
     ), g = () => {
       t.disabled || n("update:modelValue", !t.modelValue);
     };
-    return (y, k) => (s(), d("button", {
+    return (y, $) => (s(), d("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -5403,7 +5403,7 @@ const te = {
       class: h(n.value)
     }, {
       default: q(() => [
-        L(r.$slots, "default")
+        D(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -5441,7 +5441,7 @@ const te = {
   setup(e, { expose: a, emit: t }) {
     const n = e, r = t, l = R(null), u = p(() => n.id || wa()), m = (f) => {
       r("update:modelValue", f.target.value), n.autoResize && ct(() => v());
-    }, g = (f) => r("blur", f), y = (f) => r("focus", f), k = (f) => r("keydown", f), S = p(() => !!n.error || n.variant === "error"), I = p(
+    }, g = (f) => r("blur", f), y = (f) => r("focus", f), $ = (f) => r("keydown", f), S = p(() => !!n.error || n.variant === "error"), I = p(
       () => n.error ? `${u.value}-error` : void 0
     ), V = H(
       "block w-full rounded-lg border transition-colors duration-200 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
@@ -5500,7 +5500,7 @@ const te = {
       onInput: m,
       onBlur: g,
       onFocus: y,
-      onKeydown: k
+      onKeydown: $
     }, null, 42, hu));
   }
 }, Tr = {
@@ -5550,7 +5550,7 @@ const te = {
       }
     ), y = p(
       () => P(m({ placement: a.placement }), a.class)
-    ), k = p(
+    ), $ = p(
       () => g({ placement: a.placement })
     ), S = () => {
       if (!n.value || !r.value) return;
@@ -5590,7 +5590,7 @@ const te = {
       onMouseenter: I,
       onMouseleave: V
     }, [
-      L(z.$slots, "default"),
+      D(z.$slots, "default"),
       (s(), _(vt, { to: "body" }, [
         T(ge, {
           "enter-active-class": "transition-opacity duration-200",
@@ -5611,7 +5611,7 @@ const te = {
             }, [
               ae(w(e.content) + " ", 1),
               o("div", {
-                class: h(k.value)
+                class: h($.value)
               }, null, 2)
             ], 6)) : b("", !0)
           ]),
@@ -5729,7 +5729,7 @@ const te = {
     ]);
     return (m, g) => (s(), _(ke(t.value), gt({ class: u.value }, m.$attrs), {
       default: q(() => [
-        L(m.$slots, "default"),
+        D(m.$slots, "default"),
         e.required ? (s(), d("span", bu, "*")) : b("", !0)
       ]),
       _: 3
@@ -5794,7 +5794,7 @@ const te = {
         d="M12 9v2m0 4h.01M10.29 3.86L1.82 18a1.5 1.5 0 001.29 2.25h18.78a1.5 1.5 0 001.29-2.25L13.71 3.86a1.5 1.5 0 00-2.42 0z" />
     </svg>
   `
-    }, k = {
+    }, $ = {
       template: `
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
@@ -5812,9 +5812,9 @@ const te = {
       info: m,
       success: g,
       warning: y,
-      error: k,
+      error: $,
       default: m,
-      danger: k
+      danger: $
     })[t.variant]), V = H(
       "relative w-full rounded-lg border p-4 flex items-start gap-3",
       {
@@ -5870,13 +5870,13 @@ const te = {
               o("div", {
                 class: h(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
-                L(f.$slots, "default", {}, () => [
+                D(f.$slots, "default", {}, () => [
                   ae(w(e.message), 1)
                 ])
               ], 2),
               f.$slots.actions || e.actions.length > 0 ? (s(), d("div", ku, [
-                L(f.$slots, "actions", {}, () => [
-                  (s(!0), d(G, null, Q(e.actions, (c) => (s(), _(be, {
+                D(f.$slots, "actions", {}, () => [
+                  (s(!0), d(K, null, Q(e.actions, (c) => (s(), _(be, {
                     key: c.label,
                     variant: c.variant || "outline",
                     size: c.size || "sm",
@@ -5942,7 +5942,7 @@ const te = {
       class: h(["flex", n.value])
     }, [
       o("ol", zu, [
-        (s(!0), d(G, null, Q(e.items, (u, m) => (s(), d("li", {
+        (s(!0), d(K, null, Q(e.items, (u, m) => (s(), d("li", {
           key: m,
           class: "flex items-center"
         }, [
@@ -6004,7 +6004,7 @@ const te = {
       role: "group",
       "aria-label": e.ariaLabel
     }, [
-      L(r.$slots, "default")
+      D(r.$slots, "default")
     ], 10, Vu));
   }
 }, Bu = {
@@ -6169,7 +6169,7 @@ const te = {
           false: ""
         }
       }
-    }), k = H("", {
+    }), $ = H("", {
       variants: {
         padding: {
           none: "p-4",
@@ -6247,7 +6247,7 @@ const te = {
           key: 1,
           class: h(U(P)(U(y)({ padding: e.padding, hasBorder: !!(V.$slots.default || V.$slots.footer) })))
         }, [
-          L(V.$slots, "header", {}, () => [
+          D(V.$slots, "header", {}, () => [
             o("div", Tu, [
               o("div", Ou, [
                 e.title ? (s(), _(ke(e.titleTag), {
@@ -6265,7 +6265,7 @@ const te = {
                 }, w(e.subtitle), 1)) : b("", !0)
               ]),
               V.$slots.actions ? (s(), d("div", ju, [
-                L(V.$slots, "actions")
+                D(V.$slots, "actions")
               ])) : b("", !0)
             ])
           ])
@@ -6274,7 +6274,7 @@ const te = {
           key: 2,
           class: h(U(P)(U(I)({ padding: e.padding, hasHeader: !!(V.$slots.header || e.title) })))
         }, [
-          L(V.$slots, "image", {}, () => [
+          D(V.$slots, "image", {}, () => [
             e.image ? (s(), d("img", {
               key: 0,
               src: e.image,
@@ -6286,15 +6286,15 @@ const te = {
         ], 2)) : b("", !0),
         V.$slots.default ? (s(), d("div", {
           key: 3,
-          class: h(U(P)(U(k)({ padding: e.padding })))
+          class: h(U(P)(U($)({ padding: e.padding })))
         }, [
-          L(V.$slots, "default")
+          D(V.$slots, "default")
         ], 2)) : b("", !0),
         V.$slots.footer ? (s(), d("div", {
           key: 4,
           class: h(U(P)(U(S)({ padding: e.padding })))
         }, [
-          L(V.$slots, "footer")
+          D(V.$slots, "footer")
         ], 2)) : b("", !0),
         e.badge ? (s(), d("div", Iu, [
           o("span", Fu, w(e.badge), 1)
@@ -6365,18 +6365,18 @@ const te = {
         class: h(U(P)(U(t)({ alignment: e.alignment }), "flex flex-col"))
       }, [
         e.title || n.$slots.title ? (s(), d("h2", Ru, [
-          L(n.$slots, "title", {}, () => [
+          D(n.$slots, "title", {}, () => [
             ae(w(e.title), 1)
           ])
         ])) : b("", !0),
         e.subtitle || n.$slots.description ? (s(), d("p", _u, [
-          L(n.$slots, "description", {}, () => [
+          D(n.$slots, "description", {}, () => [
             ae(w(e.subtitle), 1)
           ])
         ])) : b("", !0)
       ], 2),
       n.$slots.actions ? (s(), d("div", Uu, [
-        L(n.$slots, "actions")
+        D(n.$slots, "actions")
       ])) : b("", !0)
     ], 2));
   }
@@ -6404,7 +6404,7 @@ const te = {
     return (r, l) => (s(), d("div", {
       class: h(n.value)
     }, [
-      L(r.$slots, "default")
+      D(r.$slots, "default")
     ], 2));
   }
 }, Yu = {
@@ -6431,7 +6431,7 @@ const te = {
     return (r, l) => (s(), d("div", {
       class: h(n.value)
     }, [
-      L(r.$slots, "default")
+      D(r.$slots, "default")
     ], 2));
   }
 }, Wu = /* @__PURE__ */ Object.assign({
@@ -6442,7 +6442,7 @@ const te = {
     return (a, t) => (s(), d("div", {
       class: h(U(P)("p-6 pt-0", a.$attrs.class))
     }, [
-      L(a.$slots, "default")
+      D(a.$slots, "default")
     ], 2));
   }
 }), Gu = /* @__PURE__ */ Object.assign({
@@ -6453,7 +6453,7 @@ const te = {
     return (a, t) => (s(), d("h3", {
       class: h(U(P)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
     }, [
-      L(a.$slots, "default")
+      D(a.$slots, "default")
     ], 2));
   }
 }), Ku = { class: "relative w-full" }, Xu = { class: "relative" }, Qu = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], Ju = { class: "flex items-center justify-between mb-4" }, Zu = { class: "text-base font-semibold text-slate-900" }, ed = { class: "grid grid-cols-7 gap-1 mb-2" }, td = { class: "grid grid-cols-7 gap-1" }, ad = ["disabled", "onClick"], nd = {
@@ -6492,20 +6492,20 @@ const te = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = R(!1), l = /* @__PURE__ */ new Date(), u = R(l.getMonth()), m = R(l.getFullYear()), g = R(null), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], k = p(
+    const t = e, n = a, r = R(!1), l = /* @__PURE__ */ new Date(), u = R(l.getMonth()), m = R(l.getFullYear()), g = R(null), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], $ = p(
       () => new Date(m.value, u.value).toLocaleString("default", {
         month: "long"
       })
     ), S = p(() => new Date(m.value, u.value + 1, 0).getDate()), I = p(() => new Date(m.value, u.value, 1).getDay()), V = p(() => {
-      const A = new Date(m.value, u.value, 0).getDate(), D = I.value;
-      return Array.from({ length: D }, (ee, ie) => A - D + ie + 1);
+      const A = new Date(m.value, u.value, 0).getDate(), E = I.value;
+      return Array.from({ length: E }, (ee, ie) => A - E + ie + 1);
     }), z = p(() => {
-      const A = V.value.length + S.value, D = A % 7 === 0 ? 0 : 7 - A % 7;
-      return Array.from({ length: D }, (ee, ie) => ie + 1);
+      const A = V.value.length + S.value, E = A % 7 === 0 ? 0 : 7 - A % 7;
+      return Array.from({ length: E }, (ee, ie) => ie + 1);
     }), v = p(() => g.value ? f(g.value) : "");
     function f(A) {
       if (!A) return "";
-      const D = new Date(A), ee = String(D.getMonth() + 1).padStart(2, "0"), ie = String(D.getDate()).padStart(2, "0"), le = D.getFullYear();
+      const E = new Date(A), ee = String(E.getMonth() + 1).padStart(2, "0"), ie = String(E.getDate()).padStart(2, "0"), le = E.getFullYear();
       return t.format.replace("MM", ee).replace("DD", ie).replace("YYYY", le);
     }
     function i(A) {
@@ -6518,60 +6518,60 @@ const te = {
           return new Date(ie, le, Se);
         }
       }
-      const D = new Date(A);
-      return isNaN(D.getTime()) ? null : D;
+      const E = new Date(A);
+      return isNaN(E.getTime()) ? null : E;
     }
     function c(A) {
       return l.getDate() === A && l.getMonth() === u.value && l.getFullYear() === m.value;
     }
     function x(A) {
       if (!g.value) return !1;
-      const D = new Date(g.value);
-      return D.getDate() === A && D.getMonth() === u.value && D.getFullYear() === m.value;
+      const E = new Date(g.value);
+      return E.getDate() === A && E.getMonth() === u.value && E.getFullYear() === m.value;
     }
     function B(A) {
-      const D = new Date(m.value, u.value, A);
+      const E = new Date(m.value, u.value, A);
       if (t.min) {
         const ee = i(t.min);
-        if (ee && D < ee) return !0;
+        if (ee && E < ee) return !0;
       }
       if (t.max) {
         const ee = i(t.max);
-        if (ee && D > ee) return !0;
+        if (ee && E > ee) return !0;
       }
       return !1;
     }
-    function $() {
+    function C() {
       t.disabled || (r.value = !r.value);
     }
     function O() {
       r.value = !1;
     }
-    function K() {
+    function X() {
       u.value === 0 ? (u.value = 11, m.value--) : u.value--;
     }
     function se() {
       u.value === 11 ? (u.value = 0, m.value++) : u.value++;
     }
-    function X(A) {
+    function G(A) {
       if (B(A)) return;
-      const D = new Date(m.value, u.value, A);
-      g.value = D;
-      const ee = D.getFullYear(), ie = String(D.getMonth() + 1).padStart(2, "0"), le = String(D.getDate()).padStart(2, "0"), Se = `${ee}-${ie}-${le}`;
+      const E = new Date(m.value, u.value, A);
+      g.value = E;
+      const ee = E.getFullYear(), ie = String(E.getMonth() + 1).padStart(2, "0"), le = String(E.getDate()).padStart(2, "0"), Se = `${ee}-${ie}-${le}`;
       n("update:modelValue", Se), setTimeout(() => {
         r.value = !1;
       }, 150);
     }
-    function C() {
-      u.value = l.getMonth(), m.value = l.getFullYear(), X(l.getDate());
+    function k() {
+      u.value = l.getMonth(), m.value = l.getFullYear(), G(l.getDate());
     }
-    function N() {
+    function L() {
       g.value = null, n("update:modelValue", "");
     }
     me(() => t.modelValue, (A) => {
       if (A) {
-        const D = i(A);
-        D && (g.value = D, u.value = D.getMonth(), m.value = D.getFullYear());
+        const E = i(A);
+        E && (g.value = E, u.value = E.getMonth(), m.value = E.getFullYear());
       } else
         g.value = null;
     }, { immediate: !0 });
@@ -6582,7 +6582,7 @@ const te = {
       document.addEventListener("keydown", j);
     }), $n(() => {
       document.removeEventListener("keydown", j);
-    }), (A, D) => (s(), d("div", Ku, [
+    }), (A, E) => (s(), d("div", Ku, [
       o("div", Xu, [
         o("input", {
           id: e.id,
@@ -6594,9 +6594,9 @@ const te = {
           required: e.required,
           "aria-describedby": e.ariaDescribedby,
           class: "w-full px-3 py-2 pr-10 border border-slate-300 rounded-md bg-white text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
-          onClick: $
+          onClick: C
         }, null, 8, Qu),
-        D[2] || (D[2] = o("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
+        E[2] || (E[2] = o("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           o("svg", {
             class: "w-5 h-5 text-slate-400",
             fill: "none",
@@ -6616,8 +6616,8 @@ const te = {
           type: "button",
           class: "absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-slate-100 rounded",
           "aria-label": "Clear date",
-          onClick: pe(N, ["stop"])
-        }, [...D[1] || (D[1] = [
+          onClick: pe(L, ["stop"])
+        }, [...E[1] || (E[1] = [
           o("svg", {
             class: "w-4 h-4 text-slate-500",
             fill: "none",
@@ -6645,7 +6645,7 @@ const te = {
           r.value ? (s(), d("div", {
             key: 0,
             class: h(["absolute z-[9999] mb-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
-            onClick: D[0] || (D[0] = pe(() => {
+            onClick: E[0] || (E[0] = pe(() => {
             }, ["stop"]))
           }, [
             o("div", Ju, [
@@ -6653,8 +6653,8 @@ const te = {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
                 "aria-label": "Previous Month",
-                onClick: K
-              }, [...D[3] || (D[3] = [
+                onClick: X
+              }, [...E[3] || (E[3] = [
                 o("svg", {
                   class: "w-5 h-5 text-slate-700",
                   fill: "none",
@@ -6669,13 +6669,13 @@ const te = {
                   })
                 ], -1)
               ])]),
-              o("div", Zu, w(k.value) + " " + w(m.value), 1),
+              o("div", Zu, w($.value) + " " + w(m.value), 1),
               o("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
                 "aria-label": "Next Month",
                 onClick: se
-              }, [...D[4] || (D[4] = [
+              }, [...E[4] || (E[4] = [
                 o("svg", {
                   class: "w-5 h-5 text-slate-700",
                   fill: "none",
@@ -6692,17 +6692,17 @@ const te = {
               ])])
             ]),
             o("div", ed, [
-              (s(), d(G, null, Q(y, (ee) => o("div", {
+              (s(), d(K, null, Q(y, (ee) => o("div", {
                 key: ee,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
               }, w(ee), 1)), 64))
             ]),
             o("div", td, [
-              (s(!0), d(G, null, Q(V.value, (ee, ie) => (s(), d("div", {
+              (s(!0), d(K, null, Q(V.value, (ee, ie) => (s(), d("div", {
                 key: "prev-" + ie,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(ee), 1))), 128)),
-              (s(!0), d(G, null, Q(S.value, (ee) => (s(), d("button", {
+              (s(!0), d(K, null, Q(S.value, (ee) => (s(), d("button", {
                 key: ee,
                 type: "button",
                 disabled: B(ee),
@@ -6712,9 +6712,9 @@ const te = {
                   x(ee) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
                   B(ee) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
                 ]),
-                onClick: (ie) => X(ee)
+                onClick: (ie) => G(ee)
               }, w(ee), 11, ad))), 128)),
-              (s(!0), d(G, null, Q(z.value, (ee, ie) => (s(), d("div", {
+              (s(!0), d(K, null, Q(z.value, (ee, ie) => (s(), d("div", {
                 key: "next-" + ie,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(ee), 1))), 128))
@@ -6723,7 +6723,7 @@ const te = {
               o("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
-                onClick: C
+                onClick: k
               }, " Today ")
             ])) : b("", !0)
           ], 2)) : b("", !0)
@@ -6785,14 +6785,14 @@ const te = {
       () => P(l({ placement: a.placement }))
     ), g = () => {
       t.value = !t.value;
-    }, y = (k) => {
-      n.value && !n.value.contains(k.target) && (t.value = !1);
+    }, y = ($) => {
+      n.value && !n.value.contains($.target) && (t.value = !1);
     };
     return $e(() => {
       document.addEventListener("click", y);
     }), Be(() => {
       document.removeEventListener("click", y);
-    }), (k, S) => (s(), d("div", {
+    }), ($, S) => (s(), d("div", {
       ref_key: "dropdownRef",
       ref: n,
       class: "relative"
@@ -6803,7 +6803,7 @@ const te = {
         "aria-haspopup": !0,
         onClick: g
       }, [
-        L(k.$slots, "trigger", {}, () => [
+        D($.$slots, "trigger", {}, () => [
           o("span", null, w(e.triggerText), 1),
           T(te, {
             name: "chevron-down",
@@ -6826,7 +6826,7 @@ const te = {
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            L(k.$slots, "default")
+            D($.$slots, "default")
           ], 2)) : b("", !0)
         ]),
         _: 3
@@ -6879,7 +6879,7 @@ const te = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : b("", !0),
-        L(m.$slots, "default"),
+        D(m.$slots, "default"),
         e.shortcut ? (s(), d("span", ld, w(e.shortcut), 1)) : b("", !0)
       ]),
       _: 3
@@ -6925,7 +6925,7 @@ const te = {
           "border-green-600 bg-green-100 ring-4 ring-green-200 ring-opacity-50 shadow-lg": r.value.length > 0 && l.value
         }
       )
-    ), k = (x) => {
+    ), $ = (x) => {
       x.preventDefault(), l.value = !1;
       const B = Array.from(x.dataTransfer.files);
       f(B);
@@ -6941,28 +6941,28 @@ const te = {
       const B = Array.from(x.target.files);
       f(B);
     }, f = (x) => {
-      const $ = x.filter((O) => !(t.maxSize && O.size > t.maxSize)).map((O) => Nr({
+      const C = x.filter((O) => !(t.maxSize && O.size > t.maxSize)).map((O) => Nr({
         file: O,
         progress: 0,
         uploading: !0
       }));
-      m.value.push(...$), $.forEach((O) => {
-        const K = 2e3 + Math.random() * 2e3, se = 50, C = 100 / (K / se), N = setInterval(() => {
-          O.progress += C, O.progress >= 100 && (O.progress = 100, O.uploading = !1, clearInterval(N), t.multiple ? r.value.push(O.file) : r.value = [O.file], m.value.splice(m.value.indexOf(O), 1), n("files-selected", r.value));
+      m.value.push(...C), C.forEach((O) => {
+        const X = 2e3 + Math.random() * 2e3, se = 50, k = 100 / (X / se), L = setInterval(() => {
+          O.progress += k, O.progress >= 100 && (O.progress = 100, O.uploading = !1, clearInterval(L), t.multiple ? r.value.push(O.file) : r.value = [O.file], m.value.splice(m.value.indexOf(O), 1), n("files-selected", r.value));
         }, se);
       });
     }, i = (x) => {
       r.value.splice(x, 1), n("file-removed", r.value);
     }, c = (x) => {
       if (x === 0) return "0 Bytes";
-      const B = 1024, $ = ["Bytes", "KB", "MB", "GB"], O = Math.floor(Math.log(x) / Math.log(B));
-      return parseFloat((x / Math.pow(B, O)).toFixed(2)) + " " + $[O];
+      const B = 1024, C = ["Bytes", "KB", "MB", "GB"], O = Math.floor(Math.log(x) / Math.log(B));
+      return parseFloat((x / Math.pow(B, O)).toFixed(2)) + " " + C[O];
     };
     return (x, B) => (s(), d("div", id, [
       !r.value.length || e.multiple ? (s(), d("div", {
         key: 0,
         class: h(y.value),
-        onDrop: k,
+        onDrop: $,
         onDragover: S,
         onDragenter: I,
         onDragleave: V,
@@ -6997,13 +6997,13 @@ const te = {
         ])
       ], 34)) : b("", !0),
       r.value.length > 0 || m.value.length > 0 ? (s(), d("div", vd, [
-        (s(!0), d(G, null, Q(m.value, ($, O) => (s(), d("div", {
+        (s(!0), d(K, null, Q(m.value, (C, O) => (s(), d("div", {
           key: `uploading-${O}`,
           class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg shadow-sm"
         }, [
           o("div", hd, [
             T(Br, {
-              value: $.progress,
+              value: C.progress,
               max: 100,
               size: "sm",
               variant: "default",
@@ -7011,12 +7011,12 @@ const te = {
               class: "flex-shrink-0"
             }, null, 8, ["value"]),
             o("div", bd, [
-              o("span", pd, w($.file.name), 1),
-              o("span", yd, "Uploading... " + w(Math.round($.progress)) + "%", 1)
+              o("span", pd, w(C.file.name), 1),
+              o("span", yd, "Uploading... " + w(Math.round(C.progress)) + "%", 1)
             ])
           ])
         ]))), 128)),
-        (s(!0), d(G, null, Q(r.value, ($, O) => (s(), d("div", {
+        (s(!0), d(K, null, Q(r.value, (C, O) => (s(), d("div", {
           key: `uploaded-${O}`,
           class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"
         }, [
@@ -7028,13 +7028,13 @@ const te = {
               })
             ]),
             o("div", kd, [
-              o("span", $d, w($.name), 1),
-              o("span", Cd, w(c($.size)), 1)
+              o("span", $d, w(C.name), 1),
+              o("span", Cd, w(c(C.size)), 1)
             ])
           ]),
           o("button", {
             class: "text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-full p-1 transition-colors",
-            onClick: (K) => i(O)
+            onClick: (X) => i(O)
           }, [
             T(te, {
               icon: "x",
@@ -7075,7 +7075,7 @@ const te = {
     }, y = p(() => {
       const v = [];
       return t.error ? v.push(`${l.value}-error`) : t.helpText && v.push(`${l.value}-help`), v.length > 0 ? v.join(" ") : void 0;
-    }), k = H("", {
+    }), $ = H("", {
       variants: {
         size: {
           sm: "space-y-1",
@@ -7128,7 +7128,7 @@ const te = {
     return (v, f) => {
       const i = he("font-awesome-icon");
       return s(), d("div", {
-        class: h(U(P)(U(k)({ size: e.size }), v.$attrs.class))
+        class: h(U(P)(U($)({ size: e.size }), v.$attrs.class))
       }, [
         e.label ? (s(), d("label", {
           key: 0,
@@ -7151,7 +7151,7 @@ const te = {
             required: e.required,
             class: h(u.value ? "border-red-500" : ""),
             "onUpdate:modelValue": f[0] || (f[0] = (c) => n("update:modelValue", c))
-          }, null, 8, ["id", "model-value", "required", "class"])) : L(v.$slots, "default", {
+          }, null, 8, ["id", "model-value", "required", "class"])) : D(v.$slots, "default", {
             key: 1,
             fieldId: l.value,
             hasError: u.value,
@@ -7257,11 +7257,11 @@ const te = {
       class: h(n.value)
     }, [
       r.$slots.prefix ? (s(), d("div", Od, [
-        L(r.$slots, "prefix")
+        D(r.$slots, "prefix")
       ])) : b("", !0),
-      L(r.$slots, "default"),
+      D(r.$slots, "default"),
       r.$slots.suffix ? (s(), d("div", jd, [
-        L(r.$slots, "suffix")
+        D(r.$slots, "suffix")
       ])) : b("", !0)
     ], 2));
   }
@@ -7314,7 +7314,7 @@ const te = {
     ), g = (y) => {
       n("click", y);
     };
-    return (y, k) => (s(), d("li", {
+    return (y, $) => (s(), d("li", {
       class: h(u.value),
       role: e.role
     }, [
@@ -7325,7 +7325,7 @@ const te = {
       }, {
         default: q(() => [
           y.$slots.icon || e.icon ? (s(), d("div", Fd, [
-            L(y.$slots, "icon", {}, () => [
+            D(y.$slots, "icon", {}, () => [
               e.icon ? (s(), _(te, {
                 key: 0,
                 name: e.icon,
@@ -7336,10 +7336,10 @@ const te = {
           o("div", Ld, [
             e.title ? (s(), d("div", Dd, w(e.title), 1)) : b("", !0),
             e.description ? (s(), d("div", Ed, w(e.description), 1)) : b("", !0),
-            L(y.$slots, "default")
+            D(y.$slots, "default")
           ]),
           y.$slots.action ? (s(), d("div", Nd, [
-            L(y.$slots, "action")
+            D(y.$slots, "action")
           ])) : b("", !0)
         ]),
         _: 3
@@ -7393,7 +7393,7 @@ const te = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : b("", !0),
-        L(m.$slots, "default"),
+        D(m.$slots, "default"),
         e.shortcut ? (s(), d("span", _d, w(e.shortcut), 1)) : b("", !0),
         e.hasSubmenu ? (s(), _(te, {
           key: 2,
@@ -7518,7 +7518,7 @@ const te = {
                 }),
                 y[0] || (y[0] = o("span", { class: "sr-only" }, "Close", -1))
               ])) : b("", !0),
-              L(g.$slots, "default")
+              D(g.$slots, "default")
             ], 6)
           ], 2)) : b("", !0)
         ]),
@@ -7542,7 +7542,7 @@ const te = {
     return (a, t) => (s(), d("div", qd, [
       e.title ? (s(), d("h2", Hd, w(e.title), 1)) : b("", !0),
       e.description ? (s(), d("p", Yd, w(e.description), 1)) : b("", !0),
-      L(a.$slots, "default")
+      D(a.$slots, "default")
     ]));
   }
 }, Gd = {
@@ -7568,7 +7568,7 @@ const te = {
     return (r, l) => (s(), d("div", {
       class: h(n.value)
     }, [
-      L(r.$slots, "default")
+      D(r.$slots, "default")
     ], 2));
   }
 }, Kd = {
@@ -7594,7 +7594,7 @@ const te = {
     return (r, l) => (s(), d("div", {
       class: h(n.value)
     }, [
-      L(r.$slots, "default")
+      D(r.$slots, "default")
     ], 2));
   }
 }, Xd = ["aria-live"], Qd = { class: "flex items-start space-x-3" }, Jd = {
@@ -7657,7 +7657,7 @@ const te = {
       }
     }), g = p(
       () => P(l({ variant: t.variant }), "p-4")
-    ), y = p(() => u[t.variant]), k = p(() => m({ variant: t.variant })), S = () => {
+    ), y = p(() => u[t.variant]), $ = p(() => m({ variant: t.variant })), S = () => {
       r.value = !1, n("dismiss");
     };
     return $e(() => {
@@ -7683,7 +7683,7 @@ const te = {
             e.showIcon ? (s(), d("div", Jd, [
               T(te, {
                 name: y.value,
-                class: h(k.value)
+                class: h($.value)
               }, null, 8, ["name", "class"])
             ])) : b("", !0),
             o("div", Zd, [
@@ -7692,7 +7692,7 @@ const te = {
                 key: 1,
                 class: h(["text-sm", { "mt-1": e.title }])
               }, w(e.message), 3)) : b("", !0),
-              L(I.$slots, "default")
+              D(I.$slots, "default")
             ]),
             e.dismissible ? (s(), d("button", {
               key: 1,
@@ -7869,7 +7869,7 @@ const nc = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, k = (z) => z.icon || g[z.variant] || g.default, S = (z) => {
+    }, $ = (z) => z.icon || g[z.variant] || g.default, S = (z) => {
       const v = y[z.variant] || y.default;
       return z.variant === "loading" ? `${v} animate-spin` : v;
     }, I = (z) => z.icon !== !1, V = (z) => z.dismissible !== !1 && (z.closeButton || a.closeButton || z.dismissible);
@@ -7892,7 +7892,7 @@ const nc = {
           class: "space-y-2"
         }, {
           default: q(() => [
-            (s(!0), d(G, null, Q(U(t), (f) => (s(), d("div", {
+            (s(!0), d(K, null, Q(U(t), (f) => (s(), d("div", {
               key: f.id,
               class: h([m(f), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
@@ -7900,7 +7900,7 @@ const nc = {
             }, [
               I(f) ? (s(), _(te, {
                 key: 0,
-                icon: k(f),
+                icon: $(f),
                 class: h([S(f), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : b("", !0),
               o("div", oc, [
@@ -7998,41 +7998,41 @@ const nc = {
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
     <path class="opacity-75" fill="currentColor" d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
   </svg>`
-    }, l = e, u = a, m = R(null), g = R(null), y = R(!1), k = R(-1), S = R(null), I = (C) => {
-      const N = C.target.value;
-      u("update:modelValue", N), S.value && clearTimeout(S.value), S.value = setTimeout(() => {
-        N.length >= l.minLength ? (u("search", N), y.value = !0) : y.value = !1;
+    }, l = e, u = a, m = R(null), g = R(null), y = R(!1), $ = R(-1), S = R(null), I = (k) => {
+      const L = k.target.value;
+      u("update:modelValue", L), S.value && clearTimeout(S.value), S.value = setTimeout(() => {
+        L.length >= l.minLength ? (u("search", L), y.value = !0) : y.value = !1;
       }, l.debounce);
-    }, V = (C) => {
-      u("focus", C), l.modelValue.length >= l.minLength && (y.value = !0);
-    }, z = (C) => {
-      u("blur", C), setTimeout(() => {
-        y.value = !1, k.value = -1;
+    }, V = (k) => {
+      u("focus", k), l.modelValue.length >= l.minLength && (y.value = !0);
+    }, z = (k) => {
+      u("blur", k), setTimeout(() => {
+        y.value = !1, $.value = -1;
       }, 150);
     }, v = () => {
       u("update:modelValue", ""), u("clear"), y.value = !1, g.value?.focus();
-    }, f = (C) => {
-      u("select", C), y.value = !1, k.value = -1;
-    }, i = (C) => {
+    }, f = (k) => {
+      u("select", k), y.value = !1, $.value = -1;
+    }, i = (k) => {
       if (!(!y.value || l.results.length === 0))
-        switch (C.key) {
+        switch (k.key) {
           case "ArrowDown":
-            C.preventDefault(), k.value = Math.min(k.value + 1, l.results.length - 1);
+            k.preventDefault(), $.value = Math.min($.value + 1, l.results.length - 1);
             break;
           case "ArrowUp":
-            C.preventDefault(), k.value = Math.max(k.value - 1, -1);
+            k.preventDefault(), $.value = Math.max($.value - 1, -1);
             break;
           case "Enter":
-            C.preventDefault(), k.value >= 0 && f(l.results[k.value]);
+            k.preventDefault(), $.value >= 0 && f(l.results[$.value]);
             break;
           case "Escape":
-            C.preventDefault(), y.value = !1, k.value = -1;
+            k.preventDefault(), y.value = !1, $.value = -1;
             break;
         }
-    }, c = (C) => {
-      if (!l.highlightMatches || !l.modelValue || !C) return C;
-      const N = new RegExp(`(${l.modelValue})`, "gi");
-      return C.replace(N, "$1");
+    }, c = (k) => {
+      if (!l.highlightMatches || !l.modelValue || !k) return k;
+      const L = new RegExp(`(${l.modelValue})`, "gi");
+      return k.replace(L, "$1");
     }, x = H(
       "block w-full rounded-lg border bg-white transition-colors duration-200 placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
       {
@@ -8054,17 +8054,17 @@ const nc = {
         }
       },
       defaultVariants: { size: "md" }
-    }), $ = p(() => P(x({ size: l.size }))), O = p(() => P(B({ size: l.size }))), K = p(
+    }), C = p(() => P(x({ size: l.size }))), O = p(() => P(B({ size: l.size }))), X = p(
       () => P("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), se = (C) => P(
+    ), se = (k) => P(
       "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": k.value === C }
-    ), X = (C) => {
-      m.value && !m.value.contains(C.target) && (y.value = !1, k.value = -1);
+      { "bg-slate-50": $.value === k }
+    ), G = (k) => {
+      m.value && !m.value.contains(k.target) && (y.value = !1, $.value = -1);
     };
-    return $e(() => document.addEventListener("click", X)), Be(() => {
-      document.removeEventListener("click", X), S.value && clearTimeout(S.value);
-    }), me(() => l.results, () => k.value = -1), (C, N) => (s(), d("div", {
+    return $e(() => document.addEventListener("click", G)), Be(() => {
+      document.removeEventListener("click", G), S.value && clearTimeout(S.value);
+    }), me(() => l.results, () => $.value = -1), (k, L) => (s(), d("div", {
       ref_key: "searchRef",
       ref: m,
       class: "relative"
@@ -8081,7 +8081,7 @@ const nc = {
           value: e.modelValue,
           placeholder: e.placeholder,
           disabled: e.disabled,
-          class: h($.value),
+          class: h(C.value),
           onInput: I,
           onFocus: V,
           onBlur: z,
@@ -8111,14 +8111,14 @@ const nc = {
         default: q(() => [
           y.value && (e.results.length > 0 || e.showNoResults) ? (s(), d("div", {
             key: 0,
-            class: h(K.value)
+            class: h(X.value)
           }, [
             e.results.length > 0 ? (s(), d("div", xc, [
-              (s(!0), d(G, null, Q(e.results, (j, A) => (s(), d("button", {
+              (s(!0), d(K, null, Q(e.results, (j, A) => (s(), d("button", {
                 key: j.id || A,
                 class: h(se(A)),
-                onClick: (D) => f(j),
-                onMouseenter: (D) => k.value = A
+                onClick: (E) => f(j),
+                onMouseenter: (E) => $.value = A
               }, [
                 j.icon ? (s(), _(ke(j.icon), {
                   key: 0,
@@ -8131,8 +8131,8 @@ const nc = {
                 j.category ? (s(), d("div", Sc, w(j.category), 1)) : b("", !0)
               ], 42, wc))), 128))
             ])) : e.showNoResults ? (s(), d("div", zc, w(e.noResultsText), 1)) : b("", !0),
-            C.$slots.footer ? (s(), d("div", Ac, [
-              L(C.$slots, "footer")
+            k.$slots.footer ? (s(), d("div", Ac, [
+              D(k.$slots, "footer")
             ])) : b("", !0)
           ], 2)) : b("", !0)
         ]),
@@ -8174,7 +8174,7 @@ const nc = {
   __name: "Stepper",
   setup(e) {
     return (a, t) => (s(), d("div", Oc, [
-      L(a.$slots, "default")
+      D(a.$slots, "default")
     ]));
   }
 }, Mc = { class: "flex items-center" }, Ic = { class: "ml-2" }, Fc = { class: "font-medium" }, Lc = {
@@ -8248,7 +8248,7 @@ const nc = {
       }
     }), (g, y) => (s(), d("div", Ec, [
       o("div", Nc, [
-        (s(!0), d(G, null, Q(l.value, (k, S) => (s(), d("button", {
+        (s(!0), d(K, null, Q(l.value, ($, S) => (s(), d("button", {
           id: `tab-${S}`,
           key: S,
           disabled: t.loading,
@@ -8261,10 +8261,10 @@ const nc = {
           "aria-controls": `panel-${S}`,
           role: "tab",
           onClick: (I) => !t.loading && u(S)
-        }, w(k.label), 11, Rc))), 128))
+        }, w($.label), 11, Rc))), 128))
       ]),
       o("div", _c, [
-        L(g.$slots, "default")
+        D(g.$slots, "default")
       ])
     ]));
   }
@@ -8298,7 +8298,7 @@ const nc = {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
-      ])) : L(l.$slots, "default", { key: 1 })
+      ])) : D(l.$slots, "default", { key: 1 })
     ], 8, qc)), [
       [zn, r.value]
     ]);
@@ -8366,7 +8366,7 @@ const nc = {
           flush: ""
         }
       }
-    }), k = H(
+    }), $ = H(
       "flex items-center justify-between w-full text-left transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       {
         variants: {
@@ -8403,7 +8403,7 @@ const nc = {
     ), z = p(
       () => P(y({ variant: n.variant }))
     ), v = (c) => P(
-      k({ variant: n.variant, size: n.size }),
+      $({ variant: n.variant, size: n.size }),
       m(c) && n.variant === "bordered" && "bg-blue-50/30 border-blue-300",
       m(c) && n.variant === "filled" && "bg-white",
       m(c) && n.variant === "default" && "bg-slate-50",
@@ -8419,28 +8419,28 @@ const nc = {
     ), (c, x) => (s(), d("div", {
       class: h(V.value)
     }, [
-      (s(!0), d(G, null, Q(e.items, (B, $) => (s(), d("div", {
-        key: B.id || $,
+      (s(!0), d(K, null, Q(e.items, (B, C) => (s(), d("div", {
+        key: B.id || C,
         class: h(z.value)
       }, [
         o("button", {
-          id: `header-${B.id || $}`,
-          class: h(v($)),
-          "aria-expanded": m($),
-          "aria-controls": `panel-${B.id || $}`,
-          onClick: (O) => u($)
+          id: `header-${B.id || C}`,
+          class: h(v(C)),
+          "aria-expanded": m(C),
+          "aria-controls": `panel-${B.id || C}`,
+          onClick: (O) => u(C)
         }, [
           o("div", Gc, [
-            L(c.$slots, `header-${$}`, {
+            D(c.$slots, `header-${C}`, {
               item: B,
-              index: $,
-              isExpanded: m($)
+              index: C,
+              isExpanded: m(C)
             }, () => [
               B.title ? (s(), d("div", Kc, w(B.title), 1)) : b("", !0)
             ])
           ]),
           o("div", {
-            class: h(f($))
+            class: h(f(C))
           }, [
             T(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
@@ -8454,20 +8454,20 @@ const nc = {
           "leave-to-class": "opacity-0 max-h-0"
         }, {
           default: q(() => [
-            m($) ? (s(), d("div", {
+            m(C) ? (s(), d("div", {
               key: 0,
-              id: `panel-${B.id || $}`,
+              id: `panel-${B.id || C}`,
               class: h(i.value),
-              "aria-labelledby": `header-${B.id || $}`,
+              "aria-labelledby": `header-${B.id || C}`,
               role: "region"
             }, [
-              L(c.$slots, `content-${$}`, {
+              D(c.$slots, `content-${C}`, {
                 item: B,
-                index: $
+                index: C
               }, () => [
-                L(c.$slots, "content", {
+                D(c.$slots, "content", {
                   item: B,
-                  index: $
+                  index: C
                 }, () => [
                   B.content ? (s(), d("div", Qc, w(B.content), 1)) : b("", !0)
                 ])
@@ -8532,7 +8532,7 @@ const nc = {
       () => P(l({ variant: t.variant }))
     ), y = p(
       () => P(u({ size: t.size }))
-    ), k = p(
+    ), $ = p(
       () => P(m({ size: t.size }))
     );
     return (S, I) => (s(), d("div", {
@@ -8544,7 +8544,7 @@ const nc = {
         onClick: r
       }, {
         default: q(() => [
-          L(S.$slots, "header", { isOpen: n.value }),
+          D(S.$slots, "header", { isOpen: n.value }),
           T(a, {
             class: h(U(P)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
@@ -8562,9 +8562,9 @@ const nc = {
         default: q(() => [
           n.value ? (s(), d("div", {
             key: 0,
-            class: h(k.value)
+            class: h($.value)
           }, [
-            L(S.$slots, "content", { isOpen: n.value })
+            D(S.$slots, "content", { isOpen: n.value })
           ], 2)) : b("", !0)
         ]),
         _: 3
@@ -8607,21 +8607,21 @@ const nc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = R(!1), l = /* @__PURE__ */ new Date(), u = R(l.getMonth()), m = R(l.getFullYear()), g = R(null), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], k = p(
+    const t = e, n = a, r = R(!1), l = /* @__PURE__ */ new Date(), u = R(l.getMonth()), m = R(l.getFullYear()), g = R(null), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], $ = p(
       () => new Date(m.value, u.value).toLocaleString("default", {
         month: "long"
       })
     ), S = p(() => new Date(m.value, u.value + 1, 0).getDate()), I = p(() => new Date(m.value, u.value, 1).getDay()), V = p(() => {
       const j = new Date(m.value, u.value, 0).getDate(), A = I.value;
-      return Array.from({ length: A }, (D, ee) => j - A + ee + 1);
+      return Array.from({ length: A }, (E, ee) => j - A + ee + 1);
     }), z = p(() => {
       const j = V.value.length + S.value, A = j % 7 === 0 ? 0 : 7 - j % 7;
-      return Array.from({ length: A }, (D, ee) => ee + 1);
+      return Array.from({ length: A }, (E, ee) => ee + 1);
     }), v = p(() => g.value ? f(g.value) : "");
     function f(j) {
       if (!j) return "";
-      const A = new Date(j), D = String(A.getMonth() + 1).padStart(2, "0"), ee = String(A.getDate()).padStart(2, "0"), ie = A.getFullYear();
-      return t.format.replace("MM", D).replace("DD", ee).replace("YYYY", ie);
+      const A = new Date(j), E = String(A.getMonth() + 1).padStart(2, "0"), ee = String(A.getDate()).padStart(2, "0"), ie = A.getFullYear();
+      return t.format.replace("MM", E).replace("DD", ee).replace("YYYY", ie);
     }
     function i(j) {
       if (!j) return null;
@@ -8637,25 +8637,25 @@ const nc = {
     function x(j) {
       const A = new Date(m.value, u.value, j);
       if (t.min) {
-        const D = i(t.min);
-        if (D && A < D) return !0;
+        const E = i(t.min);
+        if (E && A < E) return !0;
       }
       if (t.max) {
-        const D = i(t.max);
-        if (D && A > D) return !0;
+        const E = i(t.max);
+        if (E && A > E) return !0;
       }
       return !1;
     }
     function B() {
       t.disabled || (r.value = !r.value);
     }
-    function $() {
+    function C() {
       r.value = !1;
     }
     function O() {
       u.value === 0 ? (u.value = 11, m.value--) : u.value--;
     }
-    function K() {
+    function X() {
       u.value === 11 ? (u.value = 0, m.value++) : u.value++;
     }
     function se(j) {
@@ -8663,10 +8663,10 @@ const nc = {
       const A = new Date(m.value, u.value, j);
       g.value = A, n("update:modelValue", A.toISOString().split("T")[0]), r.value = !1;
     }
-    function X() {
+    function G() {
       u.value = l.getMonth(), m.value = l.getFullYear(), se(l.getDate());
     }
-    function C() {
+    function k() {
       g.value = null, n("update:modelValue", "");
     }
     me(() => t.modelValue, (j) => {
@@ -8676,13 +8676,13 @@ const nc = {
       } else
         g.value = null;
     }, { immediate: !0 });
-    function N(j) {
-      j.key === "Escape" && r.value && $();
+    function L(j) {
+      j.key === "Escape" && r.value && C();
     }
     return $e(() => {
-      document.addEventListener("keydown", N);
+      document.addEventListener("keydown", L);
     }), $n(() => {
-      document.removeEventListener("keydown", N);
+      document.removeEventListener("keydown", L);
     }), (j, A) => (s(), d("div", ef, [
       o("div", tf, [
         o("input", {
@@ -8717,7 +8717,7 @@ const nc = {
           type: "button",
           class: "absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-slate-100 rounded",
           "aria-label": "Clear date",
-          onClick: pe(C, ["stop"])
+          onClick: pe(k, ["stop"])
         }, [...A[1] || (A[1] = [
           o("svg", {
             class: "w-4 h-4 text-slate-500",
@@ -8770,12 +8770,12 @@ const nc = {
                   })
                 ], -1)
               ])]),
-              o("div", rf, w(k.value) + " " + w(m.value), 1),
+              o("div", rf, w($.value) + " " + w(m.value), 1),
               o("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Next Month",
-                onClick: K
+                onClick: X
               }, [...A[4] || (A[4] = [
                 o("svg", {
                   class: "w-4 h-4",
@@ -8793,37 +8793,37 @@ const nc = {
               ])])
             ]),
             o("div", sf, [
-              (s(), d(G, null, Q(y, (D) => o("div", {
-                key: D,
+              (s(), d(K, null, Q(y, (E) => o("div", {
+                key: E,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
-              }, w(D), 1)), 64))
+              }, w(E), 1)), 64))
             ]),
             o("div", lf, [
-              (s(!0), d(G, null, Q(V.value, (D, ee) => (s(), d("div", {
+              (s(!0), d(K, null, Q(V.value, (E, ee) => (s(), d("div", {
                 key: "prev-" + ee,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, w(D), 1))), 128)),
-              (s(!0), d(G, null, Q(S.value, (D) => (s(), d("button", {
-                key: D,
+              }, w(E), 1))), 128)),
+              (s(!0), d(K, null, Q(S.value, (E) => (s(), d("button", {
+                key: E,
                 type: "button",
-                disabled: x(D),
+                disabled: x(E),
                 class: h([
                   "w-8 h-8 text-sm rounded flex items-center justify-center",
-                  c(D) ? "bg-blue-500 text-white" : "hover:bg-gray-100",
-                  x(D) ? "text-gray-300 cursor-not-allowed" : ""
+                  c(E) ? "bg-blue-500 text-white" : "hover:bg-gray-100",
+                  x(E) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
-                onClick: (ee) => se(D)
-              }, w(D), 11, of))), 128)),
-              (s(!0), d(G, null, Q(z.value, (D, ee) => (s(), d("div", {
+                onClick: (ee) => se(E)
+              }, w(E), 11, of))), 128)),
+              (s(!0), d(K, null, Q(z.value, (E, ee) => (s(), d("div", {
                 key: "next-" + ee,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, w(D), 1))), 128))
+              }, w(E), 1))), 128))
             ]),
             e.showToday ? (s(), d("div", uf, [
               o("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
-                onClick: X
+                onClick: G
               }, " Today ")
             ])) : b("", !0)
           ], 2)) : b("", !0)
@@ -8833,7 +8833,7 @@ const nc = {
       r.value ? (s(), d("div", {
         key: 0,
         class: "fixed inset-0 z-[99998]",
-        onClick: $
+        onClick: C
       })) : b("", !0)
     ]));
   }
@@ -8950,7 +8950,7 @@ const nc = {
         key: 0,
         class: h(U(P)(U(t)({ padding: e.padding })))
       }, [
-        L(m.$slots, "header", {}, () => [
+        D(m.$slots, "header", {}, () => [
           o("div", cf, [
             o("div", ff, [
               e.title ? (s(), d("h3", {
@@ -8963,7 +8963,7 @@ const nc = {
               }, w(e.description), 1)) : b("", !0)
             ]),
             m.$slots.actions ? (s(), d("div", mf, [
-              L(m.$slots, "actions")
+              D(m.$slots, "actions")
             ])) : b("", !0)
           ])
         ])
@@ -8972,25 +8972,25 @@ const nc = {
         key: 1,
         class: h(U(P)(U(n)({ padding: e.padding })))
       }, [
-        L(m.$slots, "filters")
+        D(m.$slots, "filters")
       ], 2)) : b("", !0),
       m.$slots.default ? (s(), d("div", {
         key: 2,
         class: h(U(P)(U(r)({ padding: e.padding })))
       }, [
-        L(m.$slots, "default")
+        D(m.$slots, "default")
       ], 2)) : b("", !0),
       m.$slots.legend ? (s(), d("div", {
         key: 3,
         class: h(U(P)(U(l)({ padding: e.padding })))
       }, [
-        L(m.$slots, "legend")
+        D(m.$slots, "legend")
       ], 2)) : b("", !0),
       m.$slots.footer ? (s(), d("div", {
         key: 4,
         class: h(U(P)(U(u)({ padding: e.padding })))
       }, [
-        L(m.$slots, "footer")
+        D(m.$slots, "footer")
       ], 2)) : b("", !0)
     ], 2));
   }
@@ -9066,7 +9066,7 @@ const nc = {
         f.push(B);
       }
       return f;
-    }), y = (f) => t.padding.left + f * (u.value + m.value) + m.value / 2, k = (f) => {
+    }), y = (f) => t.padding.left + f * (u.value + m.value) + m.value / 2, $ = (f) => {
       const i = t.height - t.padding.top - t.padding.bottom, c = i / l.value;
       return t.padding.top + i - f * c;
     }, S = (f) => {
@@ -9096,7 +9096,7 @@ const nc = {
         class: "overflow-visible"
       }, [
         e.showGrid ? (s(), d("g", yf, [
-          (s(!0), d(G, null, Q(g.value, (c) => (s(), d("line", {
+          (s(!0), d(K, null, Q(g.value, (c) => (s(), d("line", {
             key: `grid-${c}`,
             x1: e.padding.left,
             y1: c,
@@ -9109,7 +9109,7 @@ const nc = {
           }, null, 8, xf))), 128))
         ])) : b("", !0),
         o("defs", null, [
-          (s(!0), d(G, null, Q(e.data, (c, x) => (s(), d("linearGradient", {
+          (s(!0), d(K, null, Q(e.data, (c, x) => (s(), d("linearGradient", {
             id: `barGradient-${x}`,
             key: `gradient-${x}`,
             x1: "0%",
@@ -9130,10 +9130,10 @@ const nc = {
           ], 8, wf))), 128))
         ]),
         o("g", null, [
-          (s(!0), d(G, null, Q(e.data, (c, x) => (s(), d("rect", {
+          (s(!0), d(K, null, Q(e.data, (c, x) => (s(), d("rect", {
             key: `bar-${x}`,
             x: y(x),
-            y: k(c),
+            y: $(c),
             width: u.value,
             height: S(c),
             fill: `url(#barGradient-${x})`,
@@ -9152,14 +9152,14 @@ const nc = {
             o("animate", {
               attributeName: "y",
               from: e.padding.top + (e.height - e.padding.top - e.padding.bottom),
-              to: k(c),
+              to: $(c),
               dur: "0.8s",
               fill: "freeze"
             }, null, 8, zf)
           ], 42, Cf))), 128))
         ]),
         e.showXAxis ? (s(), d("g", Af, [
-          (s(!0), d(G, null, Q(e.labels, (c, x) => (s(), d("text", {
+          (s(!0), d(K, null, Q(e.labels, (c, x) => (s(), d("text", {
             key: `xlabel-${x}`,
             x: y(x) + u.value / 2,
             y: e.height - e.padding.bottom + 20,
@@ -9168,7 +9168,7 @@ const nc = {
           }, w(c), 11, Vf))), 128))
         ])) : b("", !0),
         e.showYAxis ? (s(), d("g", Pf, [
-          (s(!0), d(G, null, Q(g.value, (c) => (s(), d("text", {
+          (s(!0), d(K, null, Q(g.value, (c) => (s(), d("text", {
             key: `ylabel-${c}`,
             x: e.padding.left - 10,
             y: c + 4,
@@ -9331,7 +9331,7 @@ const nc = {
       height: 0,
       content: ""
     }), l = p(() => t.maxValue || Math.max(...t.data)), u = p(() => t.data.map((v, f) => ({
-      x: k(f),
+      x: $(f),
       y: S(v),
       value: v
     }))), m = p(() => u.value.length === 0 ? "" : u.value.map((f, i) => `${i === 0 ? "M" : "L"} ${f.x} ${f.y}`).join(" ")), g = p(() => {
@@ -9345,7 +9345,7 @@ const nc = {
         v.push(x);
       }
       return v;
-    }), k = (v) => {
+    }), $ = (v) => {
       const i = (t.width - t.padding.left - t.padding.right) / (t.data.length - 1 || 1);
       return t.padding.left + v * i;
     }, S = (v) => {
@@ -9375,7 +9375,7 @@ const nc = {
         class: "overflow-visible"
       }, [
         e.showGrid ? (s(), d("g", Nf, [
-          (s(!0), d(G, null, Q(y.value, (i) => (s(), d("line", {
+          (s(!0), d(K, null, Q(y.value, (i) => (s(), d("line", {
             key: `grid-${i}`,
             x1: e.padding.left,
             y1: i,
@@ -9394,7 +9394,7 @@ const nc = {
           class: h(e.lineClasses)
         }, null, 10, _f),
         e.showPoints ? (s(), d("g", Uf, [
-          (s(!0), d(G, null, Q(u.value, (i, c) => (s(), d("circle", {
+          (s(!0), d(K, null, Q(u.value, (i, c) => (s(), d("circle", {
             key: `point-${c}`,
             cx: i.x,
             cy: i.y,
@@ -9414,16 +9414,16 @@ const nc = {
           "fill-opacity": e.fillOpacity
         }, null, 8, Hf)) : b("", !0),
         e.showXAxis ? (s(), d("g", Yf, [
-          (s(!0), d(G, null, Q(e.labels, (i, c) => (s(), d("text", {
+          (s(!0), d(K, null, Q(e.labels, (i, c) => (s(), d("text", {
             key: `xlabel-${c}`,
-            x: k(c),
+            x: $(c),
             y: e.height - e.padding.bottom + 20,
             class: h(e.axisLabelClasses),
             "text-anchor": "middle"
           }, w(i), 11, Wf))), 128))
         ])) : b("", !0),
         e.showYAxis ? (s(), d("g", Gf, [
-          (s(!0), d(G, null, Q(y.value, (i) => (s(), d("text", {
+          (s(!0), d(K, null, Q(y.value, (i) => (s(), d("text", {
             key: `ylabel-${i}`,
             x: e.padding.left - 10,
             y: i + 4,
@@ -9525,27 +9525,27 @@ const nc = {
         variant: "default",
         padding: "normal"
       }
-    }), y = p(() => r.value || l.value || m.value), k = p(() => {
-      const X = [];
+    }), y = p(() => r.value || l.value || m.value), $ = p(() => {
+      const G = [];
       if (r.value || l.value) {
-        let C = "";
-        r.value && l.value ? C = `${r.value} to ${l.value}` : r.value ? C = `From ${r.value}` : l.value && (C = `Until ${l.value}`), C && X.push({
+        let k = "";
+        r.value && l.value ? k = `${r.value} to ${l.value}` : r.value ? k = `From ${r.value}` : l.value && (k = `Until ${l.value}`), k && G.push({
           key: "date",
           label: "Date Range",
-          value: C,
+          value: k,
           icon: "calendar"
         });
       }
       if (m.value) {
-        const C = t.dataSources.find((N) => N.value === m.value);
-        X.push({
+        const k = t.dataSources.find((L) => L.value === m.value);
+        G.push({
           key: "dataSource",
           label: "Data Source",
-          value: C?.label || m.value,
+          value: k?.label || m.value,
           icon: "database"
         });
       }
-      return X;
+      return G;
     }), S = p(
       () => P(g({
         variant: t.variant,
@@ -9569,14 +9569,14 @@ const nc = {
       () => "flex items-center gap-1.5 bg-white border border-blue-200 text-blue-800 px-3 py-1.5 rounded-full text-sm font-medium"
     ), B = p(
       () => "text-blue-600 hover:text-blue-800 ml-1 hover:bg-blue-100 rounded-full p-0.5 transition-all"
-    ), $ = (X) => {
-      u.value = X.target.value, n("update:chartType", X.target.value);
-    }, O = (X) => {
-      m.value = X.target.value, n("update:dataSource", X.target.value);
-    }, K = () => {
+    ), C = (G) => {
+      u.value = G.target.value, n("update:chartType", G.target.value);
+    }, O = (G) => {
+      m.value = G.target.value, n("update:dataSource", G.target.value);
+    }, X = () => {
       r.value = "", l.value = "", m.value = "", n("clear-filters");
-    }, se = (X) => {
-      switch (X) {
+    }, se = (G) => {
+      switch (G) {
         case "date":
           r.value = "", l.value = "";
           break;
@@ -9585,11 +9585,11 @@ const nc = {
           break;
       }
     };
-    return me(() => r.value, (X) => {
-      n("update:dateFrom", X);
-    }), me(() => l.value, (X) => {
-      n("update:dateTo", X);
-    }), (X, C) => (s(), d("div", Zf, [
+    return me(() => r.value, (G) => {
+      n("update:dateFrom", G);
+    }), me(() => l.value, (G) => {
+      n("update:dateTo", G);
+    }), (G, k) => (s(), d("div", Zf, [
       o("div", {
         class: h(S.value)
       }, [
@@ -9600,7 +9600,7 @@ const nc = {
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             Ie(o("input", {
-              "onUpdate:modelValue": C[0] || (C[0] = (N) => r.value = N),
+              "onUpdate:modelValue": k[0] || (k[0] = (L) => r.value = L),
               type: "date",
               class: h(I.value),
               placeholder: "From date"
@@ -9608,14 +9608,14 @@ const nc = {
               [He, r.value]
             ])
           ]),
-          C[6] || (C[6] = o("span", { class: "text-gray-500 text-sm" }, "to", -1)),
+          k[6] || (k[6] = o("span", { class: "text-gray-500 text-sm" }, "to", -1)),
           o("div", am, [
             T(te, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             Ie(o("input", {
-              "onUpdate:modelValue": C[1] || (C[1] = (N) => l.value = N),
+              "onUpdate:modelValue": k[1] || (k[1] = (L) => l.value = L),
               type: "date",
               class: h(I.value),
               placeholder: "To date"
@@ -9628,11 +9628,11 @@ const nc = {
           o("div", rm, [
             T(je, {
               modelValue: u.value,
-              "onUpdate:modelValue": C[2] || (C[2] = (N) => u.value = N),
+              "onUpdate:modelValue": k[2] || (k[2] = (L) => u.value = L),
               class: h(V.value),
-              onChange: $
+              onChange: C
             }, {
-              default: q(() => [...C[7] || (C[7] = [
+              default: q(() => [...k[7] || (k[7] = [
                 o("option", { value: "bar" }, " Bar Chart ", -1),
                 o("option", { value: "line" }, " Line Chart ", -1),
                 o("option", { value: "pie" }, " Pie Chart ", -1)
@@ -9649,16 +9649,16 @@ const nc = {
           o("div", lm, [
             T(je, {
               modelValue: m.value,
-              "onUpdate:modelValue": C[3] || (C[3] = (N) => m.value = N),
+              "onUpdate:modelValue": k[3] || (k[3] = (L) => m.value = L),
               class: h(V.value),
               onChange: O
             }, {
               default: q(() => [
-                C[8] || (C[8] = o("option", { value: "" }, " All Sources ", -1)),
-                (s(!0), d(G, null, Q(e.dataSources, (N) => (s(), d("option", {
-                  key: N.value,
-                  value: N.value
-                }, w(N.label), 9, om))), 128))
+                k[8] || (k[8] = o("option", { value: "" }, " All Sources ", -1)),
+                (s(!0), d(K, null, Q(e.dataSources, (L) => (s(), d("option", {
+                  key: L.value,
+                  value: L.value
+                }, w(L.label), 9, om))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -9668,55 +9668,55 @@ const nc = {
             })
           ])
         ])) : b("", !0),
-        X.$slots.filters ? (s(), d("div", im, [
-          L(X.$slots, "filters")
+        G.$slots.filters ? (s(), d("div", im, [
+          D(G.$slots, "filters")
         ])) : b("", !0),
         o("div", um, [
           y.value ? (s(), _(be, {
             key: 0,
             class: h(z.value),
-            onClick: K
+            onClick: X
           }, {
             default: q(() => [
               T(te, {
                 icon: "rotate-left",
                 class: "w-4 h-4 mr-2"
               }),
-              C[9] || (C[9] = ae(" Clear Filters ", -1))
+              k[9] || (k[9] = ae(" Clear Filters ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : b("", !0),
           e.showExport ? (s(), _(be, {
             key: 1,
             class: h(v.value),
-            onClick: C[4] || (C[4] = (N) => X.$emit("export"))
+            onClick: k[4] || (k[4] = (L) => G.$emit("export"))
           }, {
             default: q(() => [
               T(te, {
                 icon: "download",
                 class: "w-4 h-4 mr-2"
               }),
-              C[10] || (C[10] = ae(" Export ", -1))
+              k[10] || (k[10] = ae(" Export ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : b("", !0),
           e.showRefresh ? (s(), _(be, {
             key: 2,
             class: h(f.value),
-            onClick: C[5] || (C[5] = (N) => X.$emit("refresh"))
+            onClick: k[5] || (k[5] = (L) => G.$emit("refresh"))
           }, {
             default: q(() => [
               T(te, {
                 icon: "sync",
                 class: "w-4 h-4 mr-2"
               }),
-              C[11] || (C[11] = ae(" Refresh ", -1))
+              k[11] || (k[11] = ae(" Refresh ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : b("", !0)
         ])
       ], 2),
-      k.value.length > 0 ? (s(), d("div", {
+      $.value.length > 0 ? (s(), d("div", {
         key: 0,
         class: h(i.value)
       }, [
@@ -9724,18 +9724,18 @@ const nc = {
           o("span", {
             class: h(c.value)
           }, "Active filters:", 2),
-          (s(!0), d(G, null, Q(k.value, (N) => (s(), d("div", {
-            key: N.key,
+          (s(!0), d(K, null, Q($.value, (L) => (s(), d("div", {
+            key: L.key,
             class: h(x.value)
           }, [
             T(te, {
-              icon: N.icon,
+              icon: L.icon,
               class: "w-3 h-3"
             }, null, 8, ["icon"]),
-            o("span", null, w(N.label) + ": " + w(N.value), 1),
+            o("span", null, w(L.label) + ": " + w(L.value), 1),
             o("button", {
               class: h(B.value),
-              onClick: (j) => se(N.key)
+              onClick: (j) => se(L.key)
             }, [
               T(te, {
                 icon: "xmark",
@@ -9826,7 +9826,7 @@ const nc = {
       key: 0,
       class: h(l.value)
     }, [
-      L(g.$slots, "header", {}, () => [
+      D(g.$slots, "header", {}, () => [
         o("div", mm, [
           o("div", null, [
             e.title ? (s(), _(ya, {
@@ -9849,7 +9849,7 @@ const nc = {
             }, 8, ["class"])) : b("", !0)
           ]),
           g.$slots.filters ? (s(), d("div", gm, [
-            L(g.$slots, "filters")
+            D(g.$slots, "filters")
           ])) : b("", !0)
         ])
       ])
@@ -9993,7 +9993,7 @@ const nc = {
         variant: a.variant,
         padding: a.padding
       }))
-    ), k = p(
+    ), $ = p(
       () => P(r({ size: "md" }))
     ), S = p(
       () => P(l({ size: "sm" }))
@@ -10011,13 +10011,13 @@ const nc = {
       o("div", vm, [
         e.selectable && e.selectedCount > 0 ? (s(), d("div", hm, w(e.selectedCount) + " of " + w(e.total) + " selected ", 1)) : (s(), d("div", bm, " Showing " + w(u.value) + " to " + w(m.value) + " of " + w(e.total) + " entries ", 1)),
         V.$slots.footer ? (s(), d("div", pm, [
-          L(V.$slots, "footer")
+          D(V.$slots, "footer")
         ])) : b("", !0),
         e.showPagination ? (s(), d("div", ym, [
           o("div", xm, [
             T(Ee, {
               for: "pageSize",
-              class: h(k.value),
+              class: h($.value),
               inline: !0
             }, {
               default: q(() => [...z[5] || (z[5] = [
@@ -10032,7 +10032,7 @@ const nc = {
               "onUpdate:modelValue": z[0] || (z[0] = (v) => V.$emit("update:pageSize", parseInt(v)))
             }, {
               default: q(() => [
-                (s(!0), d(G, null, Q(e.pageSizeOptions, (v) => (s(), _(Pr, {
+                (s(!0), d(K, null, Q(e.pageSizeOptions, (v) => (s(), _(Pr, {
                   key: v,
                   value: v.toString(),
                   label: v.toString()
@@ -10083,7 +10083,7 @@ const nc = {
               ], -1)
             ])], 10, $m),
             o("div", Cm, [
-              (s(!0), d(G, null, Q(g.value, (v) => (s(), d("button", {
+              (s(!0), d(K, null, Q(g.value, (v) => (s(), d("button", {
                 key: v,
                 class: h(I(v === e.currentPage, !1)),
                 onClick: (f) => V.$emit("update:currentPage", v)
@@ -10244,25 +10244,25 @@ const nc = {
       o("div", Bm, [
         e.text && e.textPosition === "top" ? (s(), d("div", Tm, w(e.text), 1)) : b("", !0),
         e.type === "spin" ? (s(), d("div", Om)) : e.type === "pulse" ? (s(), d("div", jm)) : e.type === "bounce" ? (s(), d("div", Mm, [
-          (s(), d(G, null, Q(3, (n) => o("div", {
+          (s(), d(K, null, Q(3, (n) => o("div", {
             key: n,
             class: "loader__bounce-dot",
             style: ce({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
         ])) : e.type === "ripple" ? (s(), d("div", Im, [
-          (s(), d(G, null, Q(2, (n) => o("div", {
+          (s(), d(K, null, Q(2, (n) => o("div", {
             key: n,
             class: "loader__ripple-ring",
             style: ce({ animationDelay: `${(n - 1) * 0.5}s` })
           }, null, 4)), 64))
         ])) : e.type === "bars" ? (s(), d("div", Fm, [
-          (s(), d(G, null, Q(5, (n) => o("div", {
+          (s(), d(K, null, Q(5, (n) => o("div", {
             key: n,
             class: "loader__bar",
             style: ce({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
         ])) : e.type === "dots" ? (s(), d("div", Lm, [
-          (s(), d(G, null, Q(3, (n) => o("div", {
+          (s(), d(K, null, Q(3, (n) => o("div", {
             key: n,
             class: "loader__dot",
             style: ce({ animationDelay: `${(n - 1) * 0.16}s` })
@@ -10466,7 +10466,7 @@ const nc = {
   },
   emits: ["selection-change", "sort-change", "row-click", "page-change", "page-size-change", "refresh", "action"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = R(1), u = R(n.pageSize), m = R(n.sortBy), g = R(n.sortOrder), y = R(!1), k = R(""), S = H("bg-white border border-slate-200 rounded-lg overflow-hidden", {
+    const n = e, r = t, l = R(1), u = R(n.pageSize), m = R(n.sortBy), g = R(n.sortOrder), y = R(!1), $ = R(""), S = H("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -10511,34 +10511,34 @@ const nc = {
         variant: "default"
       }
     }), v = p(() => {
-      let E = [...n.data];
+      let N = [...n.data];
       if (m.value) {
         const Z = n.columns.find((ne) => ne.key === m.value);
-        Z && E.sort((ne, xe) => {
-          const ue = C(ne, Z), Qe = C(xe, Z);
+        Z && N.sort((ne, xe) => {
+          const ue = k(ne, Z), Qe = k(xe, Z);
           return ue < Qe ? g.value === "asc" ? -1 : 1 : ue > Qe ? g.value === "asc" ? 1 : -1 : 0;
         });
       }
-      return E;
+      return N;
     }), f = p(() => Math.ceil(v.value.length / u.value)), i = p(() => {
       if (!n.showPagination) return v.value;
-      const E = (l.value - 1) * u.value, Z = E + u.value;
-      return v.value.slice(E, Z);
+      const N = (l.value - 1) * u.value, Z = N + u.value;
+      return v.value.slice(N, Z);
     }), c = p(() => {
-      let E = n.columns.length;
-      return n.selectable && E++, (n.$slots?.actions || n.actions.length > 0 && n.showActionsColumn) && E++, E;
-    }), x = (E) => n.actions.filter((Z) => {
+      let N = n.columns.length;
+      return n.selectable && N++, (n.$slots?.actions || n.actions.length > 0 && n.showActionsColumn) && N++, N;
+    }), x = (N) => n.actions.filter((Z) => {
       if (Z.permission !== void 0) {
         if (typeof Z.permission == "function") {
-          if (!Z.permission(E))
+          if (!Z.permission(N))
             return !1;
         } else if (!Z.permission)
           return !1;
       }
-      return Z.visible && typeof Z.visible == "function" ? Z.visible(E) : !0;
-    }), B = (E, Z) => E.permission && typeof E.permission == "function" ? E.permission(Z) : !0, $ = (E, Z) => E.disabled && typeof E.disabled == "function" ? E.disabled(Z) : !1, O = (E, Z) => {
-      $(E, Z) || !B(E, Z) || (r("action", { action: E.key, item: Z, actionConfig: E }), E.onClick && typeof E.onClick == "function" && E.onClick(Z));
-    }, K = (E) => ({
+      return Z.visible && typeof Z.visible == "function" ? Z.visible(N) : !0;
+    }), B = (N, Z) => N.permission && typeof N.permission == "function" ? N.permission(Z) : !0, C = (N, Z) => N.disabled && typeof N.disabled == "function" ? N.disabled(Z) : !1, O = (N, Z) => {
+      C(N, Z) || !B(N, Z) || (r("action", { action: N.key, item: Z, actionConfig: N }), N.onClick && typeof N.onClick == "function" && N.onClick(Z));
+    }, X = (N) => ({
       default: "default",
       primary: "gradient",
       secondary: "secondary",
@@ -10555,28 +10555,28 @@ const nc = {
       outline: "outline",
       link: "link",
       ghost: "ghost"
-    })[E] || "ghost", se = p(() => v.value.length > 0 && v.value.every((E) => j(E))), X = p(() => {
-      const E = v.value.filter((Z) => j(Z)).length;
-      return E > 0 && E < v.value.length;
-    }), C = (E, Z) => Z.accessor ? Z.accessor(E) : Z.key.split(".").reduce((ne, xe) => ne?.[xe], E), N = (E, Z) => E[n.rowKey] || Z, j = (E) => n.selectedItems.some(
-      (Z) => N(Z) === N(E)
-    ), A = (E) => {
+    })[N] || "ghost", se = p(() => v.value.length > 0 && v.value.every((N) => j(N))), G = p(() => {
+      const N = v.value.filter((Z) => j(Z)).length;
+      return N > 0 && N < v.value.length;
+    }), k = (N, Z) => Z.accessor ? Z.accessor(N) : Z.key.split(".").reduce((ne, xe) => ne?.[xe], N), L = (N, Z) => N[n.rowKey] || Z, j = (N) => n.selectedItems.some(
+      (Z) => L(Z) === L(N)
+    ), A = (N) => {
       const Z = [...n.selectedItems], ne = Z.findIndex(
-        (xe) => N(xe) === N(E)
+        (xe) => L(xe) === L(N)
       );
-      ne > -1 ? Z.splice(ne, 1) : Z.push(E), r("selection-change", Z);
-    }, D = () => {
+      ne > -1 ? Z.splice(ne, 1) : Z.push(N), r("selection-change", Z);
+    }, E = () => {
       if (n.loading || n.dataLoading) return;
-      const E = se.value ? [] : [...v.value];
-      r("selection-change", E);
-    }, ee = async (E) => {
-      !E.sortable || n.loading || n.sortLoading || (m.value === E.key ? g.value = g.value === "asc" ? "desc" : "asc" : (m.value = E.key, g.value = "asc"), r("sort-change", { column: E.key, direction: g.value }));
-    }, ie = (E) => {
-      n.loading || r("row-click", E);
-    }, le = async (E) => {
-      n.paginationLoading || n.loading || (l.value = E, r("page-change", E));
-    }, Se = async (E) => {
-      n.paginationLoading || n.loading || (u.value = E, l.value = 1, r("page-size-change", E));
+      const N = se.value ? [] : [...v.value];
+      r("selection-change", N);
+    }, ee = async (N) => {
+      !N.sortable || n.loading || n.sortLoading || (m.value === N.key ? g.value = g.value === "asc" ? "desc" : "asc" : (m.value = N.key, g.value = "asc"), r("sort-change", { column: N.key, direction: g.value }));
+    }, ie = (N) => {
+      n.loading || r("row-click", N);
+    }, le = async (N) => {
+      n.paginationLoading || n.loading || (l.value = N, r("page-change", N));
+    }, Se = async (N) => {
+      n.paginationLoading || n.loading || (u.value = N, l.value = 1, r("page-size-change", N));
     }, yt = p(
       () => P(S({ variant: n.variant }))
     ), xt = p(
@@ -10585,7 +10585,7 @@ const nc = {
       () => P(V({ variant: n.variant }))
     ), Ut = p(
       () => P(z({ variant: n.variant }))
-    ), qt = (E) => P(
+    ), qt = (N) => P(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-3",
@@ -10593,8 +10593,8 @@ const nc = {
       }[n.density],
       "text-left text-xs font-medium text-slate-500 uppercase tracking-wider",
       {
-        "cursor-pointer hover:bg-slate-100 transition-colors": E.sortable && !n.loading && !n.sortLoading,
-        "cursor-not-allowed opacity-50": n.loading || n.sortLoading && m.value === E.key
+        "cursor-pointer hover:bg-slate-100 transition-colors": N.sortable && !n.loading && !n.sortLoading,
+        "cursor-not-allowed opacity-50": n.loading || n.sortLoading && m.value === N.key
       }
     ), wt = () => P(
       {
@@ -10603,20 +10603,20 @@ const nc = {
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900"
-    ), nt = (E, Z) => {
+    ), nt = (N, Z) => {
       const ne = [];
-      return n.striped && Z % 2 === 1 && ne.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && ne.push("hover:bg-slate-50"), n.clickableRows && ne.push("cursor-pointer hover:bg-slate-100"), n.selectable && j(E) && ne.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? ne.push("border-b border-slate-200") : n.variant === "minimal" && ne.push("border-b border-slate-100"), P("transition-colors", ...ne);
-    }, Ge = (E, Z) => {
-      const ne = C(E, Z);
-      return typeof Z == "object" && Z.formatter ? Z.formatter(ne, E) : ne == null ? "" : ne instanceof Date ? ne.toLocaleDateString() : Array.isArray(ne) ? ne.join(", ") : ne;
-    }, Ht = (E, Z = 10) => {
-      if (!E) return E;
-      const ne = E.toString().split(" ");
-      return ne.length <= Z ? E : ne.slice(0, Z).join(" ") + "...";
-    }, Yt = (E) => {
-      k.value || (k.value = E, y.value = !0);
+      return n.striped && Z % 2 === 1 && ne.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && ne.push("hover:bg-slate-50"), n.clickableRows && ne.push("cursor-pointer hover:bg-slate-100"), n.selectable && j(N) && ne.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? ne.push("border-b border-slate-200") : n.variant === "minimal" && ne.push("border-b border-slate-100"), P("transition-colors", ...ne);
+    }, Ge = (N, Z) => {
+      const ne = k(N, Z);
+      return typeof Z == "object" && Z.formatter ? Z.formatter(ne, N) : ne == null ? "" : ne instanceof Date ? ne.toLocaleDateString() : Array.isArray(ne) ? ne.join(", ") : ne;
+    }, Ht = (N, Z = 10) => {
+      if (!N) return N;
+      const ne = N.toString().split(" ");
+      return ne.length <= Z ? N : ne.slice(0, Z).join(" ") + "...";
+    }, Yt = (N) => {
+      $.value || ($.value = N, y.value = !0);
     }, Ke = () => {
-      y.value = !1, k.value = "";
+      y.value = !1, $.value = "";
     }, Ue = p(() => P(
       {
         compact: "px-4 py-2",
@@ -10638,24 +10638,24 @@ const nc = {
         comfortable: "px-8 py-8"
       }[n.density],
       "text-center"
-    )), $t = (E, Z) => P(
+    )), $t = (N, Z) => P(
       {
-        "text-blue-600": m.value === E.key && g.value === Z,
-        "text-slate-300": m.value !== E.key || g.value !== Z
+        "text-blue-600": m.value === N.key && g.value === Z,
+        "text-slate-300": m.value !== N.key || g.value !== Z
       }
     );
     return me(() => n.selectedItems, () => {
-    }, { deep: !0 }), me(() => n.pageSize, (E) => {
-      u.value = E;
+    }, { deep: !0 }), me(() => n.pageSize, (N) => {
+      u.value = N;
     }), a({
       refresh: () => {
         r("refresh");
       },
-      goToPage: (E) => {
-        le(E);
+      goToPage: (N) => {
+        le(N);
       },
       selectAll: () => {
-        D();
+        E();
       },
       clearSelection: () => {
         r("selection-change", []);
@@ -10663,10 +10663,10 @@ const nc = {
       getCurrentPage: () => l.value,
       getTotalPages: () => f.value,
       getSelectedItems: () => n.selectedItems
-    }), (E, Z) => (s(), d("div", {
+    }), (N, Z) => (s(), d("div", {
       class: h(yt.value)
     }, [
-      e.title || e.description || E.$slots.header ? (s(), _(Fr, {
+      e.title || e.description || N.$slots.header ? (s(), _(Fr, {
         key: 0,
         title: e.title,
         description: e.description,
@@ -10674,10 +10674,10 @@ const nc = {
         padding: e.headerPadding
       }, {
         header: q(() => [
-          L(E.$slots, "header", {}, void 0, !0)
+          D(N.$slots, "header", {}, void 0, !0)
         ]),
         filters: q(() => [
-          L(E.$slots, "filters", {}, void 0, !0)
+          D(N.$slots, "filters", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : b("", !0),
@@ -10718,13 +10718,13 @@ const nc = {
                     }, null, 8, ["color"])) : (s(), _(Mt, {
                       key: 1,
                       "model-value": se.value,
-                      indeterminate: X.value,
+                      indeterminate: G.value,
                       disabled: e.loading || e.dataLoading,
-                      "onUpdate:modelValue": D
+                      "onUpdate:modelValue": E
                     }, null, 8, ["model-value", "indeterminate", "disabled"]))
                   ])
                 ], 2)) : b("", !0),
-                (s(!0), d(G, null, Q(e.columns, (ne) => (s(), d("th", {
+                (s(!0), d(K, null, Q(e.columns, (ne) => (s(), d("th", {
                   key: ne.key,
                   class: h(qt(ne)),
                   onClick: (xe) => ee(ne)
@@ -10767,7 +10767,7 @@ const nc = {
                     ])) : b("", !0)
                   ])
                 ], 10, qm))), 128)),
-                E.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("th", {
+                N.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("th", {
                   key: 1,
                   class: h(Xe.value)
                 }, " Actions ", 2)) : b("", !0)
@@ -10776,7 +10776,7 @@ const nc = {
             o("tbody", {
               class: h(Ut.value)
             }, [
-              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), d(G, { key: 0 }, Q(e.skeletonRows, (ne) => (s(), d("tr", {
+              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), d(K, { key: 0 }, Q(e.skeletonRows, (ne) => (s(), d("tr", {
                 key: `skeleton-${ne}`,
                 class: "animate-pulse"
               }, [
@@ -10786,13 +10786,13 @@ const nc = {
                 }, [...Z[3] || (Z[3] = [
                   o("div", { class: "w-4 h-4 bg-slate-200 rounded" }, null, -1)
                 ])], 2)) : b("", !0),
-                (s(!0), d(G, null, Q(e.columns, (xe) => (s(), d("td", {
+                (s(!0), d(K, null, Q(e.columns, (xe) => (s(), d("td", {
                   key: xe.key,
                   class: h(wt())
                 }, [...Z[4] || (Z[4] = [
                   o("div", { class: "h-4 bg-slate-200 rounded w-3/4" }, null, -1)
                 ])], 2))), 128)),
-                E.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("td", {
+                N.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("td", {
                   key: 1,
                   class: h(Xe.value)
                 }, [...Z[5] || (Z[5] = [
@@ -10801,8 +10801,8 @@ const nc = {
                     o("div", { class: "w-6 h-6 bg-slate-200 rounded" })
                   ], -1)
                 ])], 2)) : b("", !0)
-              ]))), 128)) : i.value.length > 0 ? (s(!0), d(G, { key: 1 }, Q(i.value, (ne, xe) => (s(), d("tr", {
-                key: N(ne, xe),
+              ]))), 128)) : i.value.length > 0 ? (s(!0), d(K, { key: 1 }, Q(i.value, (ne, xe) => (s(), d("tr", {
+                key: L(ne, xe),
                 class: h(nt(ne, xe)),
                 onClick: (ue) => ie({ item: ne, index: xe })
               }, [
@@ -10815,13 +10815,13 @@ const nc = {
                     "onUpdate:modelValue": (ue) => A(ne)
                   }, null, 8, ["model-value", "onUpdate:modelValue"])
                 ], 2)) : b("", !0),
-                (s(!0), d(G, null, Q(e.columns, (ue) => (s(), d("td", {
+                (s(!0), d(K, null, Q(e.columns, (ue) => (s(), d("td", {
                   key: ue.key,
                   class: h(wt())
                 }, [
-                  L(E.$slots, `cell-${ue.key}`, {
+                  D(N.$slots, `cell-${ue.key}`, {
                     item: ne,
-                    value: C(ne, ue),
+                    value: k(ne, ue),
                     column: ue,
                     index: xe
                   }, () => [
@@ -10832,25 +10832,25 @@ const nc = {
                     }, w(Ht(Ge(ne, ue))), 9, Gm)) : (s(), d("span", Km, w(Ge(ne, ue)), 1))
                   ], !0)
                 ], 2))), 128)),
-                E.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("td", {
+                N.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("td", {
                   key: 1,
                   class: h(Xe.value)
                 }, [
-                  E.$slots.actions ? L(E.$slots, "actions", {
+                  N.$slots.actions ? D(N.$slots, "actions", {
                     key: 0,
                     item: ne,
                     index: xe
                   }, void 0, !0) : e.actions.length > 0 && e.showActionsColumn ? (s(), d("div", Xm, [
-                    (s(!0), d(G, null, Q(x(ne), (ue) => (s(), _(Tr, {
+                    (s(!0), d(K, null, Q(x(ne), (ue) => (s(), _(Tr, {
                       key: ue.key,
                       content: ue.tooltip || ue.label || ue.key,
                       placement: "top"
                     }, {
                       default: q(() => [
                         T(be, {
-                          variant: K(ue.variant),
+                          variant: X(ue.variant),
                           size: "xs",
-                          disabled: $(ue, ne) || !B(ue, ne),
+                          disabled: C(ue, ne) || !B(ue, ne),
                           class: "h-8 w-8",
                           onClick: pe((Qe) => O(ue, ne), ["stop"])
                         }, {
@@ -10873,7 +10873,7 @@ const nc = {
                   colspan: c.value,
                   class: h(kt.value)
                 }, [
-                  L(E.$slots, "empty", {}, () => [
+                  D(N.$slots, "empty", {}, () => [
                     o("div", eg, [
                       o("div", tg, [
                         T(te, {
@@ -10891,7 +10891,7 @@ const nc = {
           ], 2)
         ], 2)
       ]),
-      e.showPagination || E.$slots.footer ? (s(), _(Lr, {
+      e.showPagination || N.$slots.footer ? (s(), _(Lr, {
         key: 1,
         "current-page": l.value,
         "total-pages": f.value,
@@ -10908,7 +10908,7 @@ const nc = {
         "onUpdate:pageSize": Se
       }, {
         footer: q(() => [
-          L(E.$slots, "footer", {}, void 0, !0)
+          D(N.$slots, "footer", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : b("", !0),
@@ -10922,7 +10922,7 @@ const nc = {
         default: q(() => [
           o("div", rg, [
             Z[6] || (Z[6] = o("h3", { class: "text-md font-semibold mb-4" }, " Full Text ", -1)),
-            o("div", sg, w(k.value), 1)
+            o("div", sg, w($.value), 1)
           ])
         ]),
         _: 1
@@ -11040,7 +11040,7 @@ const nc = {
       return typeof f == "object" && f.formatter ? f.formatter(i, v) : i == null ? "" : i instanceof Date ? i.toLocaleDateString() : Array.isArray(i) ? i.join(", ") : i;
     }, y = () => {
       t.clickableRows && n("row-click", { item: t.item, index: t.index });
-    }, k = (v) => typeof v == "object" && v.align ? v.align : "left", S = p(
+    }, $ = (v) => typeof v == "object" && v.align ? v.align : "left", S = p(
       () => P(r({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -11049,7 +11049,7 @@ const nc = {
         variant: t.variant
       }))
     ), I = (v) => {
-      const f = k(v);
+      const f = $(v);
       return P(
         l({
           density: t.density,
@@ -11084,11 +11084,11 @@ const nc = {
           "onUpdate:modelValue": f[0] || (f[0] = (i) => v.$emit("toggle-selection", e.item))
         }, null, 8, ["model-value"])
       ], 2)) : b("", !0),
-      (s(!0), d(G, null, Q(e.columns, (i) => (s(), d("td", {
+      (s(!0), d(K, null, Q(e.columns, (i) => (s(), d("td", {
         key: u(i),
         class: h(I(i))
       }, [
-        L(v.$slots, `cell-${u(i)}`, {
+        D(v.$slots, `cell-${u(i)}`, {
           item: e.item,
           value: m(e.item, i),
           column: i,
@@ -11101,7 +11101,7 @@ const nc = {
         key: 1,
         class: h(z.value)
       }, [
-        L(v.$slots, "actions", {
+        D(v.$slots, "actions", {
           item: e.item,
           index: e.index
         })
@@ -11191,7 +11191,7 @@ const nc = {
     return (u, m) => (s(), d("td", {
       class: h(l.value)
     }, [
-      L(u.$slots, "default", {}, () => [
+      D(u.$slots, "default", {}, () => [
         ae(w(t.value), 1)
       ])
     ], 2));
@@ -11378,7 +11378,7 @@ const nc = {
           return !1;
       }
       return t.addButton.visible && typeof t.addButton.visible == "function" ? t.addButton.visible() : !0;
-    }), g = p(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), y = p(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), k = () => {
+    }), g = p(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), y = p(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), $ = () => {
       l.value = !0;
     }, S = () => {
       l.value = !1;
@@ -11444,22 +11444,22 @@ const nc = {
         (F) => F.key === W ? { ...F, from: "", to: "" } : F
       );
       n("update:dateFilters", M);
-    }, $ = (W) => `text-xs px-2 py-1 rounded ${x(W) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, O = (W, M, F) => {
+    }, C = (W) => `text-xs px-2 py-1 rounded ${x(W) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, O = (W, M, F) => {
       const J = t.dateFilters.map(
         (de) => de.key === W ? { ...de, [M]: F } : de
       );
       n("update:dateFilters", J);
-    }, K = (W) => !!(W.min || W.max), se = (W) => {
+    }, X = (W) => !!(W.min || W.max), se = (W) => {
       const M = t.numberFilters.map(
         (F) => F.key === W ? { ...F, min: "", max: "" } : F
       );
       n("update:numberFilters", M);
-    }, X = (W) => `text-xs px-2 py-1 rounded ${K(W) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, C = (W, M, F) => {
+    }, G = (W) => `text-xs px-2 py-1 rounded ${X(W) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, k = (W, M, F) => {
       const J = t.numberFilters.map(
         (de) => de.key === W ? { ...de, [M]: F } : de
       );
       n("update:numberFilters", J);
-    }, N = (W) => W.selected && W.selected.length > 0, j = (W) => `text-xs px-2 py-1 rounded ${N(W) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, A = (W, M) => {
+    }, L = (W) => W.selected && W.selected.length > 0, j = (W) => `text-xs px-2 py-1 rounded ${L(W) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, A = (W, M) => {
       if (!M) return;
       const F = t.multiSelectFilters.map((J) => {
         if (J.key === W) {
@@ -11472,7 +11472,7 @@ const nc = {
         return J;
       });
       n("update:multiSelectFilters", F);
-    }, D = (W, M) => {
+    }, E = (W, M) => {
       const F = t.multiSelectFilters.map((J) => J.key === W ? {
         ...J,
         selected: J.selected.filter((de) => de !== M)
@@ -11600,7 +11600,7 @@ const nc = {
       () => "text-gray-400 hover:text-gray-600 p-1.5 hover:bg-gray-200 rounded-full transition-all"
     ), $t = p(
       () => P(i({ variant: "ghost", size: "md" }))
-    ), E = p(
+    ), N = p(
       () => P(i({ variant: "default", size: "lg" }))
     ), Z = p(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
@@ -11670,7 +11670,7 @@ const nc = {
           break;
       }
     };
-    return (W, M) => (s(), d(G, null, [
+    return (W, M) => (s(), d(K, null, [
       o("div", dg, [
         o("div", {
           class: h(_t.value)
@@ -11699,7 +11699,7 @@ const nc = {
               ], 2)) : b("", !0)
             ])
           ])) : b("", !0),
-          (s(!0), d(G, null, Q(e.selectFilters, (F) => (s(), d("div", {
+          (s(!0), d(K, null, Q(e.selectFilters, (F) => (s(), d("div", {
             key: F.key,
             class: "min-w-36"
           }, [
@@ -11711,7 +11711,7 @@ const nc = {
               }, {
                 default: q(() => [
                   o("option", vg, w(F.placeholder || `All ${F.label}`), 1),
-                  (s(!0), d(G, null, Q(F.options, (J) => (s(), d("option", {
+                  (s(!0), d(K, null, Q(F.options, (J) => (s(), d("option", {
                     key: J.value,
                     value: J.value
                   }, w(J.label), 9, hg))), 128))
@@ -11733,7 +11733,7 @@ const nc = {
               }, {
                 default: q(() => [
                   M[5] || (M[5] = o("option", { value: "" }, " All Status ", -1)),
-                  (s(!0), d(G, null, Q(e.statusOptions, (F) => (s(), d("option", {
+                  (s(!0), d(K, null, Q(e.statusOptions, (F) => (s(), d("option", {
                     key: F.value,
                     value: F.value
                   }, w(F.label), 9, yg))), 128))
@@ -11766,14 +11766,14 @@ const nc = {
             }, null, 8, ["icon"])
           ], 2)) : b("", !0),
           W.$slots.filters ? (s(), d("div", xg, [
-            L(W.$slots, "filters")
+            D(W.$slots, "filters")
           ])) : b("", !0),
           o("div", wg, [
             e.showFileUpload ? (s(), d("div", kg, [
               T(be, {
                 variant: "default",
                 size: "lg",
-                onClick: k
+                onClick: $
               }, {
                 default: q(() => [
                   T(te, {
@@ -11801,7 +11801,7 @@ const nc = {
             }, 8, ["class"])) : b("", !0),
             e.showExport ? (s(), _(be, {
               key: 2,
-              class: h(E.value),
+              class: h(N.value),
               onClick: M[3] || (M[3] = (F) => W.$emit("export"))
             }, {
               default: q(() => [
@@ -11831,7 +11831,7 @@ const nc = {
                   ae(" " + w(e.addButton.label || "Add"), 1)
                 ]),
                 _: 1
-              }, 8, ["variant", "size", "disabled", "title"])) : L(W.$slots, "add", { key: 1 }, () => [
+              }, 8, ["variant", "size", "disabled", "title"])) : D(W.$slots, "add", { key: 1 }, () => [
                 T(be, {
                   variant: "success",
                   size: "lg",
@@ -11855,7 +11855,7 @@ const nc = {
           class: h(Yt.value)
         }, [
           o("div", Cg, [
-            (s(!0), d(G, null, Q(e.dateFilters, (F) => (s(), d("div", {
+            (s(!0), d(K, null, Q(e.dateFilters, (F) => (s(), d("div", {
               key: F.key,
               class: "space-y-3"
             }, [
@@ -11864,7 +11864,7 @@ const nc = {
                   class: h(Ue.value)
                 }, w(F.label), 3),
                 o("span", {
-                  class: h($(F))
+                  class: h(C(F))
                 }, w(x(F) ? "Active" : "Inactive"), 3)
               ]),
               o("div", zg, [
@@ -11910,7 +11910,7 @@ const nc = {
                 ], 10, Tg)) : b("", !0)
               ])
             ]))), 128)),
-            (s(!0), d(G, null, Q(e.numberFilters, (F) => (s(), d("div", {
+            (s(!0), d(K, null, Q(e.numberFilters, (F) => (s(), d("div", {
               key: F.key,
               class: "space-y-3"
             }, [
@@ -11919,8 +11919,8 @@ const nc = {
                   class: h(Ue.value)
                 }, w(F.label), 3),
                 o("span", {
-                  class: h(X(F))
-                }, w(K(F) ? "Active" : "Inactive"), 3)
+                  class: h(G(F))
+                }, w(X(F) ? "Active" : "Inactive"), 3)
               ]),
               o("div", jg, [
                 o("div", Mg, [
@@ -11930,7 +11930,7 @@ const nc = {
                     class: h(Ke.value),
                     placeholder: `Min ${F.label}`,
                     step: F.step || 1,
-                    onInput: (J) => C(F.key, "min", J.target.value)
+                    onInput: (J) => k(F.key, "min", J.target.value)
                   }, null, 42, Ig)
                 ]),
                 o("span", {
@@ -11943,10 +11943,10 @@ const nc = {
                     class: h(Ke.value),
                     placeholder: `Max ${F.label}`,
                     step: F.step || 1,
-                    onInput: (J) => C(F.key, "max", J.target.value)
+                    onInput: (J) => k(F.key, "max", J.target.value)
                   }, null, 42, Lg)
                 ]),
-                K(F) ? (s(), d("button", {
+                X(F) ? (s(), d("button", {
                   key: 0,
                   class: h(kt.value),
                   title: "Clear this filter",
@@ -11959,7 +11959,7 @@ const nc = {
                 ], 10, Dg)) : b("", !0)
               ])
             ]))), 128)),
-            (s(!0), d(G, null, Q(e.multiSelectFilters, (F) => (s(), d("div", {
+            (s(!0), d(K, null, Q(e.multiSelectFilters, (F) => (s(), d("div", {
               key: F.key,
               class: "space-y-3"
             }, [
@@ -11969,7 +11969,7 @@ const nc = {
                 }, w(F.label), 3),
                 o("span", {
                   class: h(j(F))
-                }, w(N(F) ? `${F.selected.length} selected` : "None"), 3)
+                }, w(L(F) ? `${F.selected.length} selected` : "None"), 3)
               ]),
               o("div", Ng, [
                 T(je, {
@@ -11979,7 +11979,7 @@ const nc = {
                 }, {
                   default: q(() => [
                     o("option", Rg, " Select " + w(F.label), 1),
-                    (s(!0), d(G, null, Q(F.options, (J) => (s(), d("option", {
+                    (s(!0), d(K, null, Q(F.options, (J) => (s(), d("option", {
                       key: J.value,
                       value: J.value
                     }, w(J.label), 9, _g))), 128))
@@ -11992,14 +11992,14 @@ const nc = {
                 })
               ]),
               F.selected.length > 0 ? (s(), d("div", Ug, [
-                (s(!0), d(G, null, Q(F.selected, (J) => (s(), d("span", {
+                (s(!0), d(K, null, Q(F.selected, (J) => (s(), d("span", {
                   key: J,
                   class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
                 }, [
                   ae(w(ee(F, J)) + " ", 1),
                   o("button", {
                     class: "hover:bg-blue-200 rounded-full p-0.5",
-                    onClick: (de) => D(F.key, J)
+                    onClick: (de) => E(F.key, J)
                   }, [
                     T(te, {
                       icon: "xmark",
@@ -12019,7 +12019,7 @@ const nc = {
             o("span", {
               class: h(ne.value)
             }, "Active filters:", 2),
-            (s(!0), d(G, null, Q(xt.value, (F) => (s(), d("div", {
+            (s(!0), d(K, null, Q(xt.value, (F) => (s(), d("div", {
               key: F.key,
               class: h(xe.value)
             }, [
@@ -12170,7 +12170,7 @@ const nc = {
         variant: "default",
         padding: "normal"
       }
-    }), k = H("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
+    }), $ = H("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
       variants: {
         variant: {
           danger: "text-red-700 bg-red-500 hover:bg-red-400 border border-red-200",
@@ -12222,30 +12222,30 @@ const nc = {
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
     ), B = p(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
-    ), $ = p(
+    ), C = p(
       () => "text-sm text-slate-700 flex-1 select-none"
-    ), O = (D) => {
-      l.value && u.value && !l.value.contains(D.target) && !u.value.contains(D.target) && (r.value = !1);
-    }, K = () => {
+    ), O = (E) => {
+      l.value && u.value && !l.value.contains(E.target) && !u.value.contains(E.target) && (r.value = !1);
+    }, X = () => {
       r.value = !r.value;
-    }, se = (D) => P(k({ variant: D.variant || "secondary" })), X = (D) => {
+    }, se = (E) => P($({ variant: E.variant || "secondary" })), G = (E) => {
       let ee = "middle";
-      return D === "compact" ? ee = "first" : D === "comfortable" && (ee = "last"), P(S({
-        active: t.density === D,
+      return E === "compact" ? ee = "first" : E === "comfortable" && (ee = "last"), P(S({
+        active: t.density === E,
         position: ee
       }));
-    }, C = () => P(I({
+    }, k = () => P(I({
       state: t.isRefreshing ? "refreshing" : "normal"
-    })), N = () => P("w-4 h-4", {
+    })), L = () => P("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), j = (D) => t.visibleColumns.includes(D), A = (D, ee) => {
-      n("toggle-column", { column: D, visible: ee });
+    }), j = (E) => t.visibleColumns.includes(E), A = (E, ee) => {
+      n("toggle-column", { column: E, visible: ee });
     };
     return $e(() => {
       document.addEventListener("click", O);
     }), Be(() => {
       document.removeEventListener("click", O);
-    }), (D, ee) => {
+    }), (E, ee) => {
       const ie = he("font-awesome-icon");
       return s(), d("div", {
         class: h(V.value)
@@ -12254,10 +12254,10 @@ const nc = {
           m.value > 0 ? (s(), d("div", n0, [
             o("span", r0, w(m.value) + " selected ", 1),
             o("div", s0, [
-              (s(!0), d(G, null, Q(e.bulkActions, (le) => (s(), _(be, {
+              (s(!0), d(K, null, Q(e.bulkActions, (le) => (s(), _(be, {
                 key: le.key,
                 class: h(se(le)),
-                onClick: (Se) => D.$emit("bulk-action", { action: le.key, items: e.selectedItems })
+                onClick: (Se) => E.$emit("bulk-action", { action: le.key, items: e.selectedItems })
               }, {
                 default: q(() => [
                   le.icon ? (s(), _(ie, {
@@ -12280,12 +12280,12 @@ const nc = {
             key: 0,
             class: h(v.value)
           }, [
-            (s(), d(G, null, Q(g, (le) => o("button", {
+            (s(), d(K, null, Q(g, (le) => o("button", {
               key: le.value,
-              class: h(X(le.value)),
+              class: h(G(le.value)),
               title: le.label,
               type: "button",
-              onClick: (Se) => D.$emit("update:density", le.value)
+              onClick: (Se) => E.$emit("update:density", le.value)
             }, [
               T(ie, {
                 icon: le.icon,
@@ -12299,7 +12299,7 @@ const nc = {
               ref: l,
               class: h(f.value),
               type: "button",
-              onClick: pe(K, ["stop"])
+              onClick: pe(X, ["stop"])
             }, [
               T(ie, {
                 icon: "columns",
@@ -12319,7 +12319,7 @@ const nc = {
                   class: h(c.value)
                 }, " Show Columns ", 2),
                 o("div", d0, [
-                  (s(!0), d(G, null, Q(e.toggleableColumns, (le) => (s(), d("div", {
+                  (s(!0), d(K, null, Q(e.toggleableColumns, (le) => (s(), d("div", {
                     key: le.key,
                     class: h(x.value)
                   }, [
@@ -12331,7 +12331,7 @@ const nc = {
                         onChange: (Se) => A(le.key, Se.target.checked)
                       }, null, 42, f0),
                       o("span", {
-                        class: h($.value)
+                        class: h(C.value)
                       }, w(le.label), 3)
                     ])
                   ], 2))), 128))
@@ -12344,18 +12344,18 @@ const nc = {
           e.showRefresh ? (s(), d("button", {
             key: 2,
             disabled: e.isRefreshing,
-            class: h(C()),
+            class: h(k()),
             type: "button",
-            onClick: ee[1] || (ee[1] = (le) => D.$emit("refresh"))
+            onClick: ee[1] || (ee[1] = (le) => E.$emit("refresh"))
           }, [
             T(ie, {
               icon: "sync",
-              class: h(N())
+              class: h(L())
             }, null, 8, ["class"]),
             ee[3] || (ee[3] = o("span", null, "Refresh", -1))
           ], 10, m0)) : b("", !0),
-          D.$slots.actions ? (s(), d("div", g0, [
-            L(D.$slots, "actions")
+          E.$slots.actions ? (s(), d("div", g0, [
+            D(E.$slots, "actions")
           ])) : b("", !0)
         ])
       ], 2);
@@ -12378,7 +12378,7 @@ const nc = {
         o("div", p0, [
           o("div", y0, [
             o("div", x0, [
-              L(a.$slots, "brand", {}, () => [
+              D(a.$slots, "brand", {}, () => [
                 T(n, { class: "mb-4" }),
                 T(r, { class: "text-gray-600 max-w-md" }, {
                   default: q(() => [...t[0] || (t[0] = [
@@ -12389,7 +12389,7 @@ const nc = {
               ])
             ]),
             o("div", null, [
-              L(a.$slots, "links", {}, () => [
+              D(a.$slots, "links", {}, () => [
                 T(l, {
                   variant: "h6",
                   class: "mb-4"
@@ -12431,7 +12431,7 @@ const nc = {
               ])
             ]),
             o("div", null, [
-              L(a.$slots, "social", {}, () => [
+              D(a.$slots, "social", {}, () => [
                 T(l, {
                   variant: "h6",
                   class: "mb-4"
@@ -12472,7 +12472,7 @@ const nc = {
           ]),
           T(g, { class: "my-8" }),
           o("div", $0, [
-            L(a.$slots, "copyright", {}, () => [
+            D(a.$slots, "copyright", {}, () => [
               T(r, { class: "text-gray-600" }, {
                 default: q(() => [
                   ae(" © " + w((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
@@ -12480,7 +12480,7 @@ const nc = {
                 _: 1
               })
             ]),
-            L(a.$slots, "legal", {}, () => [
+            D(a.$slots, "legal", {}, () => [
               o("div", C0, [
                 T(u, {
                   href: "#",
@@ -12586,6 +12586,7 @@ const nc = {
     companyLogo: { type: String, default: "" },
     organisationLogo: { type: String, default: "" },
     organisations: { type: Array, default: () => [] },
+    activeRoles: { type: Array, default: () => [] },
     // New props for customization
     showSearch: { type: Boolean, default: !0 },
     showNotifications: { type: Boolean, default: !0 },
@@ -12612,37 +12613,52 @@ const nc = {
     "view-all-notifications"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = R(""), l = R(!1), u = R(!1), m = R(t.notifications.length), g = R(!1), y = R(!1), k = R(!1), S = p(() => t.userInitialsOverride ? t.userInitialsOverride : (t.user?.name || "Guest").split(" ").map((C) => C[0] || "").join("").toUpperCase()), I = p(() => t.userRoleDisplayOverride ? t.userRoleDisplayOverride : t.user?.roles?.length ? t.user.roles.map((X) => X.name).join(", ") : "No role"), V = () => {
+    const t = e, n = a, r = R(""), l = R(!1), u = R(!1), m = R(t.notifications.length), g = R(!1), y = R(!1), $ = R(!1), S = p(() => t.userInitialsOverride ? t.userInitialsOverride : (t.user?.name || "Guest").split(" ").map((k) => k[0] || "").join("").toUpperCase()), I = p(() => {
+      if (t.userRoleDisplayOverride) return t.userRoleDisplayOverride;
+      const G = [];
+      if (t.activeRoles?.length > 0 && G.push(...t.activeRoles.map(
+        (k) => typeof k == "string" ? k : k.name
+      )), t.user?.roles?.length > 0) {
+        const k = t.activeRoles?.map(
+          (L) => typeof L == "string" ? L.toLowerCase() : L.name?.toLowerCase()
+        ) || [];
+        t.user.roles.forEach((L) => {
+          const j = typeof L == "string" ? L : L.name;
+          k.includes(j?.toLowerCase()) || G.push(j);
+        });
+      }
+      return G.length === 0 ? "No role" : G.map((k) => k.charAt(0).toUpperCase() + k.slice(1).replace(/-/g, " ")).join(", ");
+    }), V = () => {
       l.value = !l.value, u.value = !1;
     }, z = () => {
-      u.value = !u.value, l.value = !1, k.value = !1;
+      u.value = !u.value, l.value = !1, $.value = !1;
     }, v = () => {
-      k.value = !k.value, u.value = !1, l.value = !1;
-    }, f = (X) => {
-      n("navigate", X), u.value = !1;
-    }, i = (X) => X.route ? !!(t.currentRoute === X.route || t.currentRoute.startsWith(X.route + "/")) : !1, c = (X) => {
-      n("profile-action", X), u.value = !1;
+      $.value = !$.value, u.value = !1, l.value = !1;
+    }, f = (G) => {
+      n("navigate", G), u.value = !1;
+    }, i = (G) => G.route ? !!(t.currentRoute === G.route || t.currentRoute.startsWith(G.route + "/")) : !1, c = (G) => {
+      n("profile-action", G), u.value = !1;
     }, x = () => {
       n("logout"), u.value = !1;
-    }, B = (X) => {
-      n("organisation-change", X), k.value = !1;
-    }, $ = (X) => {
-      n("notification-click", X);
+    }, B = (G) => {
+      n("organisation-change", G), $.value = !1;
+    }, C = (G) => {
+      n("notification-click", G);
     }, O = () => {
       n("view-all-notifications"), l.value = !1;
-    }, K = (X) => {
-      !X.target.closest(".absolute") && !X.target.closest("button") && (l.value = !1, u.value = !1, k.value = !1);
+    }, X = (G) => {
+      !G.target.closest(".absolute") && !G.target.closest("button") && (l.value = !1, u.value = !1, $.value = !1);
     }, se = () => {
       y.value = window.innerWidth < 768;
     };
     return $e(() => {
-      document.addEventListener("click", K), se(), window.addEventListener("resize", se);
+      document.addEventListener("click", X), se(), window.addEventListener("resize", se);
     }), Be(() => {
-      document.removeEventListener("click", K), window.removeEventListener("resize", se);
-    }), me(r, (X) => n("search", X)), me(() => t.notifications.length, (X) => {
-      m.value = X;
-    }), (X, C) => {
-      const N = he("router-link");
+      document.removeEventListener("click", X), window.removeEventListener("resize", se);
+    }), me(r, (G) => n("search", G)), me(() => t.notifications.length, (G) => {
+      m.value = G;
+    }), (G, k) => {
+      const L = he("router-link");
       return s(), d("header", {
         class: h(U(P)(
           "fixed top-0 z-50 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out w-full"
@@ -12680,7 +12696,7 @@ const nc = {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
-                    d: k.value ? "m5 15 7-7 7 7" : "m19 9-7 7-7-7"
+                    d: $.value ? "m5 15 7-7 7 7" : "m19 9-7 7-7-7"
                   }, null, 8, L0)
                 ]))
               ])) : (s(), d("div", D0, [
@@ -12696,13 +12712,13 @@ const nc = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: q(() => [
-                  k.value ? (s(), d("div", R0, [
+                  $.value ? (s(), d("div", R0, [
                     o("div", _0, [
                       o("h3", U0, w(e.organisationSwitcherTitle), 1),
                       o("p", q0, w(e.organisationSwitcherDescription), 1)
                     ]),
                     o("div", H0, [
-                      (s(!0), d(G, null, Q(e.organisations, (j) => (s(), d("button", {
+                      (s(!0), d(K, null, Q(e.organisations, (j) => (s(), d("button", {
                         key: j.org_id || j.organisation_name,
                         class: h(U(P)(
                           "flex items-center w-full px-3 py-2.5 text-sm transition-colors",
@@ -12721,7 +12737,7 @@ const nc = {
                           o("p", X0, w(j.organisation_name), 1),
                           j.role ? (s(), d("p", Q0, w(j.role), 1)) : b("", !0)
                         ]),
-                        j.org_id === e.currentOrganisation?.org_id ? (s(), d("svg", J0, [...C[4] || (C[4] = [
+                        j.org_id === e.currentOrganisation?.org_id ? (s(), d("svg", J0, [...k[4] || (k[4] = [
                           o("path", {
                             "fill-rule": "evenodd",
                             d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 01 1.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
@@ -12737,7 +12753,7 @@ const nc = {
             ])) : b("", !0),
             e.showBreadcrumb ? (s(), d("nav", Z0, [
               o("span", ev, w(e.currentSection), 1),
-              C[5] || (C[5] = o("svg", {
+              k[5] || (k[5] = o("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
                 stroke: "currentColor",
@@ -12757,8 +12773,8 @@ const nc = {
             y.value ? (s(), d("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: C[0] || (C[0] = (j) => n("toggle-mobile-sidebar"))
-            }, [...C[6] || (C[6] = [
+              onClick: k[0] || (k[0] = (j) => n("toggle-mobile-sidebar"))
+            }, [...k[6] || (k[6] = [
               o("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -12774,7 +12790,7 @@ const nc = {
               ], -1)
             ])])) : b("", !0),
             e.showSearch && (!y.value || g.value) ? (s(), d("div", nv, [
-              C[7] || (C[7] = o("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
+              k[7] || (k[7] = o("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 o("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
@@ -12790,7 +12806,7 @@ const nc = {
                 ])
               ], -1)),
               Ie(o("input", {
-                "onUpdate:modelValue": C[1] || (C[1] = (j) => r.value = j),
+                "onUpdate:modelValue": k[1] || (k[1] = (j) => r.value = j),
                 type: "text",
                 placeholder: e.searchPlaceholder,
                 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"
@@ -12800,13 +12816,13 @@ const nc = {
               y.value ? (s(), d("button", {
                 key: 0,
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
-                onClick: C[2] || (C[2] = (j) => g.value = !1)
+                onClick: k[2] || (k[2] = (j) => g.value = !1)
               }, " ✕ ")) : b("", !0)
             ])) : e.showSearch && y.value ? (s(), d("button", {
               key: 2,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: C[3] || (C[3] = (j) => g.value = !0)
-            }, [...C[8] || (C[8] = [
+              onClick: k[3] || (k[3] = (j) => g.value = !0)
+            }, [...k[8] || (k[8] = [
               o("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -12826,7 +12842,7 @@ const nc = {
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: V
             }, [
-              C[9] || (C[9] = o("svg", {
+              k[9] || (k[9] = o("svg", {
                 class: "w-5 h-5",
                 fill: "none",
                 stroke: "currentColor",
@@ -12855,7 +12871,7 @@ const nc = {
                     o("h3", iv, w(e.notificationsTitle), 1)
                   ]),
                   o("div", uv, [
-                    e.notifications.length === 0 ? (s(), d("div", dv, [...C[10] || (C[10] = [
+                    e.notifications.length === 0 ? (s(), d("div", dv, [...k[10] || (k[10] = [
                       o("svg", {
                         class: "w-12 h-12 mx-auto text-gray-300 mb-2",
                         fill: "none",
@@ -12870,13 +12886,13 @@ const nc = {
                         })
                       ], -1),
                       o("p", { class: "text-sm text-gray-500" }, " No notifications ", -1)
-                    ])])) : (s(!0), d(G, { key: 1 }, Q(e.notifications, (j) => (s(), d("div", {
+                    ])])) : (s(!0), d(K, { key: 1 }, Q(e.notifications, (j) => (s(), d("div", {
                       key: j.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer",
-                      onClick: (A) => $(j)
+                      onClick: (A) => C(j)
                     }, [
                       o("div", fv, [
-                        C[11] || (C[11] = o("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
+                        k[11] || (k[11] = o("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                         o("div", mv, [
                           o("p", gv, w(j.title), 1),
                           o("p", vv, w(j.time), 1)
@@ -12906,7 +12922,7 @@ const nc = {
                   o("p", wv, w(e.user.name), 1),
                   o("p", kv, w(I.value), 1)
                 ])) : b("", !0),
-                C[12] || (C[12] = o("svg", {
+                k[12] || (k[12] = o("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -12935,10 +12951,10 @@ const nc = {
                       o("p", zv, w(e.user.email), 1)
                     ]),
                     o("div", Av, [
-                      (s(!0), d(G, null, Q(e.profileMenuItems, (j) => (s(), d(G, {
+                      (s(!0), d(K, null, Q(e.profileMenuItems, (j) => (s(), d(K, {
                         key: j.name
                       }, [
-                        j.route ? (s(), _(N, {
+                        j.route ? (s(), _(L, {
                           key: 0,
                           to: j.route,
                           class: h(U(P)(
@@ -12989,7 +13005,7 @@ const nc = {
                       o("button", {
                         class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-red-600 hover:bg-red-50 border border-transparent",
                         onClick: x
-                      }, [...C[13] || (C[13] = [
+                      }, [...k[13] || (k[13] = [
                         o("div", { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-1 flex-shrink-0 transition-colors ml-2 bg-red-100 text-red-600 group-hover:bg-red-200" }, [
                           o("svg", {
                             class: "w-4 h-4",
@@ -13061,7 +13077,7 @@ const nc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = R(!1), l = R(""), u = R(null), m = R([...t.options]), g = R(null), y = R({}), k = p(() => t.options.filter((i) => t.modelValue.includes(i.value)).map((i) => i.label)), S = () => {
+    const t = e, n = a, r = R(!1), l = R(""), u = R(null), m = R([...t.options]), g = R(null), y = R({}), $ = p(() => t.options.filter((i) => t.modelValue.includes(i.value)).map((i) => i.label)), S = () => {
       if (!g.value) return;
       const i = g.value.getBoundingClientRect(), c = window.innerHeight, x = c - i.bottom, B = 320;
       x < B && i.top > B ? y.value = {
@@ -13123,8 +13139,8 @@ const nc = {
         onClick: I,
         onKeydown: v
       }, [
-        k.value.length === 0 ? (s(), d("div", Iv, w(e.placeholder || "Select options"), 1)) : (s(), d("div", Fv, [
-          (s(!0), d(G, null, Q(k.value, (x) => (s(), _(Vr, {
+        $.value.length === 0 ? (s(), d("div", Iv, w(e.placeholder || "Select options"), 1)) : (s(), d("div", Fv, [
+          (s(!0), d(K, null, Q($.value, (x) => (s(), _(Vr, {
             key: x,
             variant: "primary",
             size: "sm"
@@ -13179,7 +13195,7 @@ const nc = {
                 ])
               ]),
               m.value.length > 0 ? (s(), d("div", Dv, [
-                (s(!0), d(G, null, Q(m.value, (x) => (s(), d("button", {
+                (s(!0), d(K, null, Q(m.value, (x) => (s(), d("button", {
                   key: x.value,
                   type: "button",
                   class: h(["cursor-pointer select-none relative py-2.5 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50": e.modelValue.includes(x.value) }]),
@@ -13363,7 +13379,7 @@ const nc = {
       },
       { deep: !0 }
     );
-    const k = () => {
+    const $ = () => {
       if (m.value = {}, t.fields.forEach((f) => {
         if (f.required && !f.disabled && f.type !== "hidden") {
           const i = u.value[f.name];
@@ -13402,7 +13418,7 @@ const nc = {
         }
     }, z = async () => {
       try {
-        if (!k()) {
+        if (!$()) {
           ze.error("Please fix the validation errors before submitting");
           return;
         }
@@ -13440,7 +13456,7 @@ const nc = {
           class: "space-y-6 overflow-y-auto",
           onSubmit: pe(z, ["prevent"])
         }, [
-          (s(!0), d(G, null, Q(e.fields, (c) => (s(), d("div", {
+          (s(!0), d(K, null, Q(e.fields, (c) => (s(), d("div", {
             key: c.name
           }, [
             c.type === "hidden" ? Ie((s(), d("input", {
@@ -13457,7 +13473,7 @@ const nc = {
               error: m.value[c.name],
               "error-message": m.value[c.name]
             }, {
-              default: q(({ fieldId: x, hasError: B, ariaDescribedBy: $ }) => [
+              default: q(({ fieldId: x, hasError: B, ariaDescribedBy: C }) => [
                 ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(c.type) ? (s(), _(ve, {
                   key: 0,
                   id: x,
@@ -13468,7 +13484,7 @@ const nc = {
                   disabled: l.value || c.disabled,
                   readonly: c.disabled,
                   class: h(B ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby"])) : c.type === "textarea" ? (s(), _(Fa, {
                   key: 1,
                   id: x,
@@ -13481,7 +13497,7 @@ const nc = {
                     "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
                     B ? "border-red-500" : "border-slate-300"
                   ]),
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "class", "aria-describedby"])) : c.type === "select" ? (s(), _(je, {
                   key: 2,
                   id: x,
@@ -13490,7 +13506,7 @@ const nc = {
                   placeholder: c.placeholder || "Select an option",
                   disabled: l.value || c.disabled,
                   "has-error": B,
-                  "aria-describedby": $,
+                  "aria-describedby": C,
                   "onUpdate:modelValue": (O) => S(c, O)
                 }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : c.type === "multiselect" ? (s(), _(Dr, {
                   key: 3,
@@ -13500,7 +13516,7 @@ const nc = {
                   disabled: l.value || c.disabled,
                   placeholder: c.placeholder || "Select options",
                   "has-error": B,
-                  "aria-describedby": $,
+                  "aria-describedby": C,
                   "onUpdate:modelValue": (O) => u.value[c.name] = O
                 }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : c.type === "combobox" ? (s(), _(je, {
                   key: 4,
@@ -13510,7 +13526,7 @@ const nc = {
                   placeholder: c.placeholder || "Select or type to add new",
                   disabled: l.value || c.disabled,
                   "has-error": B,
-                  "aria-describedby": $,
+                  "aria-describedby": C,
                   "allow-create": c.allowCreate,
                   "onUpdate:modelValue": (O) => S(c, O)
                 }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : c.type === "checkbox" ? (s(), d("div", Wv, [
@@ -13521,7 +13537,7 @@ const nc = {
                     type: "checkbox",
                     disabled: l.value || c.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
-                    "aria-describedby": $
+                    "aria-describedby": C
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "aria-describedby"]),
                   T(Ee, {
                     for: x,
@@ -13563,19 +13579,19 @@ const nc = {
                     _: 2
                   }, 1032, ["for"])
                 ])) : c.type === "radio" ? (s(), d("div", Xv, [
-                  (s(!0), d(G, null, Q(c.options, (O) => (s(), d("div", {
+                  (s(!0), d(K, null, Q(c.options, (O) => (s(), d("div", {
                     key: O.value,
                     class: "flex items-center"
                   }, [
                     T(ve, {
                       id: `${x}-${O.value}`,
                       modelValue: u.value[c.name],
-                      "onUpdate:modelValue": (K) => u.value[c.name] = K,
+                      "onUpdate:modelValue": (X) => u.value[c.name] = X,
                       type: "radio",
                       value: O.value,
                       disabled: l.value || c.disabled,
                       class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
-                      "aria-describedby": $
+                      "aria-describedby": C
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "value", "disabled", "aria-describedby"]),
                     T(Ee, {
                       for: `${x}-${O.value}`,
@@ -13597,7 +13613,7 @@ const nc = {
                       "w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100",
                       B ? "border-red-500" : "border-slate-300"
                     ]),
-                    "aria-describedby": $,
+                    "aria-describedby": C,
                     onChange: (O) => V(c, O)
                   }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
                   c.helpText ? (s(), d("p", Jv, w(c.helpText), 1)) : b("", !0)
@@ -13621,7 +13637,7 @@ const nc = {
                       step: c.step || 1,
                       disabled: l.value || c.disabled,
                       class: "flex-1",
-                      "aria-describedby": $
+                      "aria-describedby": C
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
                     o("span", th, w(u.value[c.name]), 1)
                   ])
@@ -13639,7 +13655,7 @@ const nc = {
                   clearable: c.clearable !== !1,
                   "show-today": c.showToday !== !1,
                   "calendar-position": c.calendarPosition || "left-0 bottom-full",
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "show-today", "calendar-position", "aria-describedby"])) : c.type === "time" ? (s(), _(ve, {
                   key: 12,
                   id: x,
@@ -13648,7 +13664,7 @@ const nc = {
                   type: "time",
                   disabled: l.value || c.disabled,
                   class: h(B ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : c.type === "datetime-local" ? (s(), _(ve, {
                   key: 13,
                   id: x,
@@ -13657,7 +13673,7 @@ const nc = {
                   type: "datetime-local",
                   disabled: l.value || c.disabled,
                   class: h(B ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : c.type === "month" ? (s(), _(ve, {
                   key: 14,
                   id: x,
@@ -13666,7 +13682,7 @@ const nc = {
                   type: "month",
                   disabled: l.value || c.disabled,
                   class: h(B ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : c.type === "week" ? (s(), _(ve, {
                   key: 15,
                   id: x,
@@ -13675,7 +13691,7 @@ const nc = {
                   type: "week",
                   disabled: l.value || c.disabled,
                   class: h(B ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": $
+                  "aria-describedby": C
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : b("", !0)
               ]),
               _: 2
@@ -13844,7 +13860,7 @@ const nc = {
         v && Object.keys(v).length > 0 && (u.value = { ...u.value, ...v });
       }
       return Object.keys(u.value).length === 0;
-    }, k = async (v, f) => {
+    }, $ = async (v, f) => {
       if (l.value[v.name] = f, v.onChange && typeof v.onChange == "function")
         try {
           await v.onChange(f, l.value);
@@ -13894,7 +13910,7 @@ const nc = {
         class: "space-y-8",
         onSubmit: pe(V, ["prevent"])
       }, [
-        (s(!0), d(G, null, Q(e.fields, (i) => (s(), d("div", {
+        (s(!0), d(K, null, Q(e.fields, (i) => (s(), d("div", {
           key: i.name
         }, [
           i.type === "hidden" ? Ie((s(), d("input", {
@@ -13916,7 +13932,7 @@ const nc = {
                 key: 0,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 type: i.type,
                 placeholder: i.placeholder,
                 disabled: r.value || i.disabled,
@@ -13927,7 +13943,7 @@ const nc = {
                 key: 1,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 placeholder: i.placeholder,
                 disabled: r.value || i.disabled,
                 rows: i.rows || 3,
@@ -13945,7 +13961,7 @@ const nc = {
                 disabled: r.value || i.disabled,
                 "has-error": x,
                 "aria-describedby": B,
-                "onUpdate:modelValue": ($) => k(i, $)
+                "onUpdate:modelValue": (C) => $(i, C)
               }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : i.type === "multiselect" ? (s(), _(Dr, {
                 key: 3,
                 id: c,
@@ -13955,12 +13971,12 @@ const nc = {
                 placeholder: i.placeholder || "Select options",
                 "has-error": x,
                 "aria-describedby": B,
-                "onUpdate:modelValue": ($) => l.value[i.name] = $
+                "onUpdate:modelValue": (C) => l.value[i.name] = C
               }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : i.type === "checkbox" ? (s(), d("div", ih, [
                 T(ve, {
                   id: c,
                   modelValue: l.value[i.name],
-                  "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                  "onUpdate:modelValue": (C) => l.value[i.name] = C,
                   type: "checkbox",
                   disabled: r.value || i.disabled,
                   class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
@@ -13987,7 +14003,7 @@ const nc = {
                     l.value[i.name] ? "bg-blue-600" : "bg-gray-200",
                     r.value || i.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
                   ]),
-                  onClick: ($) => l.value[i.name] = !l.value[i.name]
+                  onClick: (C) => l.value[i.name] = !l.value[i.name]
                 }, [
                   o("span", {
                     class: h([
@@ -14006,26 +14022,26 @@ const nc = {
                   _: 2
                 }, 1032, ["for"])
               ])) : i.type === "radio" ? (s(), d("div", ch, [
-                (s(!0), d(G, null, Q(i.options, ($) => (s(), d("div", {
-                  key: $.value,
+                (s(!0), d(K, null, Q(i.options, (C) => (s(), d("div", {
+                  key: C.value,
                   class: "flex items-center"
                 }, [
                   T(ve, {
-                    id: `${c}-${$.value}`,
+                    id: `${c}-${C.value}`,
                     modelValue: l.value[i.name],
                     "onUpdate:modelValue": (O) => l.value[i.name] = O,
                     type: "radio",
-                    value: $.value,
+                    value: C.value,
                     disabled: r.value || i.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
                     "aria-describedby": B
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "value", "disabled", "aria-describedby"]),
                   T(Ee, {
-                    for: `${c}-${$.value}`,
+                    for: `${c}-${C.value}`,
                     class: "ml-2 text-sm text-gray-700"
                   }, {
                     default: q(() => [
-                      ae(w($.label), 1)
+                      ae(w(C.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["for"])
@@ -14041,7 +14057,7 @@ const nc = {
                     x ? "border-red-500" : "border-slate-300"
                   ]),
                   "aria-describedby": B,
-                  onChange: ($) => I(i, $)
+                  onChange: (C) => I(i, C)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
                 i.helpText ? (s(), d("p", mh, w(i.helpText), 1)) : b("", !0)
               ])) : i.type === "slider" ? (s(), _(Ea, {
@@ -14051,13 +14067,13 @@ const nc = {
                 max: i.max,
                 step: i.step,
                 disabled: r.value || i.disabled,
-                "onUpdate:modelValue": ($) => S(i, $)
+                "onUpdate:modelValue": (C) => S(i, C)
               }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : i.type === "range" ? (s(), d("div", gh, [
                 o("div", vh, [
                   T(ve, {
                     id: c,
                     modelValue: l.value[i.name],
-                    "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                    "onUpdate:modelValue": (C) => l.value[i.name] = C,
                     type: "range",
                     min: i.min,
                     max: i.max,
@@ -14072,7 +14088,7 @@ const nc = {
                 key: 10,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 disabled: r.value || i.disabled,
                 required: i.required,
                 min: i.min,
@@ -14087,7 +14103,7 @@ const nc = {
                 key: 11,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 type: "time",
                 disabled: r.value || i.disabled,
                 class: h(x ? "border-red-500" : "border-slate-300"),
@@ -14096,7 +14112,7 @@ const nc = {
                 key: 12,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 type: "datetime-local",
                 disabled: r.value || i.disabled,
                 class: h(x ? "border-red-500" : "border-slate-300"),
@@ -14105,7 +14121,7 @@ const nc = {
                 key: 13,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 type: "month",
                 disabled: r.value || i.disabled,
                 class: h(x ? "border-red-500" : "border-slate-300"),
@@ -14114,7 +14130,7 @@ const nc = {
                 key: 14,
                 id: c,
                 modelValue: l.value[i.name],
-                "onUpdate:modelValue": ($) => l.value[i.name] = $,
+                "onUpdate:modelValue": (C) => l.value[i.name] = C,
                 type: "week",
                 disabled: r.value || i.disabled,
                 class: h(x ? "border-red-500" : "border-slate-300"),
@@ -14222,25 +14238,25 @@ const nc = {
     "update:mobileOpen"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = e, r = t, l = R(!1), u = R(!1), m = R(null), g = R(!1), y = p(() => n.mobileOpen), k = p(() => l.value ? {} : {
+    const n = e, r = t, l = R(!1), u = R(!1), m = R(null), g = R(!1), y = p(() => n.mobileOpen), $ = p(() => l.value ? {} : {
       left: `${n.sidebarWidth}px`
     }), S = p(() => l.value ? {} : {
       left: `${n.sidebarWidth}px`
     }), I = p(() => {
       if (l.value)
         return 0;
-      let C = n.sidebarWidth;
-      return u.value && (C += 220), g.value && (C += 220), C;
-    }), V = (C) => {
-      r("navigate", C), l.value && z();
-      const N = u.value && m.value && m.value.subItems.some((A) => A.route === C.route), j = g.value && n.managementSettings.some((A) => A.route === C.route);
-      (l.value || !(N || j)) && B();
+      let k = n.sidebarWidth;
+      return u.value && (k += 220), g.value && (k += 220), k;
+    }), V = (k) => {
+      r("navigate", k), l.value && z();
+      const L = u.value && m.value && m.value.subItems.some((A) => A.route === k.route), j = g.value && n.managementSettings.some((A) => A.route === k.route);
+      (l.value || !(L || j)) && B();
     }, z = () => {
       r("update:mobileOpen", !1);
-    }, v = (C) => C.subItems && C.subItems.length > 0, f = (C) => {
-      g.value && x(), u.value && m.value !== C ? (c(), setTimeout(() => {
-        m.value = C, u.value = !0;
-      }, 300)) : u.value ? m.value === C && c() : (m.value = C, u.value = !0), l.value && z();
+    }, v = (k) => k.subItems && k.subItems.length > 0, f = (k) => {
+      g.value && x(), u.value && m.value !== k ? (c(), setTimeout(() => {
+        m.value = k, u.value = !0;
+      }, 300)) : u.value ? m.value === k && c() : (m.value = k, u.value = !0), l.value && z();
     }, i = () => {
       u.value && c(), g.value ? x() : g.value = !0, l.value && z();
     }, c = () => {
@@ -14251,23 +14267,23 @@ const nc = {
       g.value = !1;
     }, B = () => {
       c(), x();
-    }, $ = (C) => {
-      V(C);
-    }, O = (C) => {
-      V(C);
-    }, K = (C) => {
-      const N = n.currentPath;
-      return C.route ? !!(N === C.route || N.startsWith(C.route + "/")) : C.subItems && C.subItems.length > 0 ? C.subItems.some((j) => j.route ? N === j.route || N.startsWith(j.route + "/") : !1) : !1;
+    }, C = (k) => {
+      V(k);
+    }, O = (k) => {
+      V(k);
+    }, X = (k) => {
+      const L = n.currentPath;
+      return k.route ? !!(L === k.route || L.startsWith(k.route + "/")) : k.subItems && k.subItems.length > 0 ? k.subItems.some((j) => j.route ? L === j.route || L.startsWith(j.route + "/") : !1) : !1;
     }, se = () => {
-      const C = l.value;
-      l.value = window.innerWidth < 1024, C && !l.value && y.value && z();
-    }, X = (C) => {
-      C.key === "Escape" && (u.value || g.value ? B() : l.value && y.value && z());
+      const k = l.value;
+      l.value = window.innerWidth < 1024, k && !l.value && y.value && z();
+    }, G = (k) => {
+      k.key === "Escape" && (u.value || g.value ? B() : l.value && y.value && z());
     };
     return $e(() => {
-      se(), window.addEventListener("resize", se), document.addEventListener("keydown", X);
+      se(), window.addEventListener("resize", se), document.addEventListener("keydown", G);
     }), Be(() => {
-      window.removeEventListener("resize", se), document.removeEventListener("keydown", X);
+      window.removeEventListener("resize", se), document.removeEventListener("keydown", G);
     }), a({
       isMobile: l,
       isMobileOpen: y,
@@ -14275,7 +14291,7 @@ const nc = {
       managementSettingsOpen: g,
       contentMarginLeft: I,
       closeAllMenus: B
-    }), (C, N) => {
+    }), (k, L) => {
       const j = he("router-link");
       return s(), d("div", null, [
         T(ge, {
@@ -14310,7 +14326,7 @@ const nc = {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
               onClick: z
-            }, [...N[0] || (N[0] = [
+            }, [...L[0] || (L[0] = [
               o("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -14328,7 +14344,7 @@ const nc = {
           ])) : b("", !0),
           o("nav", wh, [
             o("div", kh, [
-              (s(!0), d(G, null, Q(e.navigationItems, (A) => (s(), d(G, {
+              (s(!0), d(K, null, Q(e.navigationItems, (A) => (s(), d(K, {
                 key: A.name || A.label
               }, [
                 A.type === "link" ? (s(), d("div", $h, [
@@ -14336,15 +14352,15 @@ const nc = {
                     key: 1,
                     class: h(U(P)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      K(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      X(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
-                    onClick: (D) => f(A)
+                    onClick: (E) => f(A)
                   }, [
                     o("div", {
                       class: h(U(P)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        K(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                        X(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
                       T(te, {
@@ -14355,26 +14371,26 @@ const nc = {
                     o("span", {
                       class: h(U(P)(
                         "text-xs font-medium text-center",
-                        K(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        X(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, w(A.label), 3),
                     A.badge ? (s(), d("span", zh, w(A.badge), 1)) : b("", !0),
-                    K(A) && v(A) ? (s(), d("div", Ah)) : b("", !0)
+                    X(A) && v(A) ? (s(), d("div", Ah)) : b("", !0)
                   ], 10, Sh)) : (s(), _(j, {
                     key: 0,
                     to: A.route,
                     class: h(U(P)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      K(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      X(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
-                    onClick: (D) => V(A)
+                    onClick: (E) => V(A)
                   }, {
                     default: q(() => [
                       o("div", {
                         class: h(U(P)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          K(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                          X(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
                         T(te, {
@@ -14385,7 +14401,7 @@ const nc = {
                       o("span", {
                         class: h(U(P)(
                           "text-xs font-medium text-center",
-                          K(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          X(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, w(A.label), 3),
                       A.badge ? (s(), d("span", Ch, w(A.badge), 1)) : b("", !0)
@@ -14443,7 +14459,7 @@ const nc = {
                   l.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
               ),
-              style: ce(k.value)
+              style: ce($.value)
             }, [
               o("div", Bh, [
                 o("div", Th, [
@@ -14451,7 +14467,7 @@ const nc = {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
                     onClick: c
-                  }, [...N[1] || (N[1] = [
+                  }, [...L[1] || (L[1] = [
                     o("svg", {
                       class: "w-5 h-5",
                       fill: "none",
@@ -14471,24 +14487,24 @@ const nc = {
               ]),
               o("nav", jh, [
                 o("div", Mh, [
-                  (s(!0), d(G, null, Q(m.value?.subItems, (A) => (s(), _(j, {
+                  (s(!0), d(K, null, Q(m.value?.subItems, (A) => (s(), _(j, {
                     key: A.name,
                     to: A.route,
                     class: h(
                       U(P)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        K(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        X(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     ),
-                    onClick: (D) => $(A)
+                    onClick: (E) => C(A)
                   }, {
                     default: q(() => [
-                      K(A) ? (s(), d("div", Ih)) : b("", !0),
+                      X(A) ? (s(), d("div", Ih)) : b("", !0),
                       o("div", {
                         class: h(
                           U(P)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            K(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            X(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
@@ -14501,7 +14517,7 @@ const nc = {
                       o("span", {
                         class: h(U(P)(
                           "flex-1 truncate font-semibold",
-                          K(A) ? "text-blue-700" : "text-gray-700"
+                          X(A) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, w(A.label), 3),
                       A.badge ? (s(), d("span", Fh, w(A.badge), 1)) : b("", !0)
@@ -14539,7 +14555,7 @@ const nc = {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close management settings",
                     onClick: x
-                  }, [...N[2] || (N[2] = [
+                  }, [...L[2] || (L[2] = [
                     o("svg", {
                       class: "w-5 h-5",
                       fill: "none",
@@ -14554,12 +14570,12 @@ const nc = {
                       })
                     ], -1)
                   ])]),
-                  N[3] || (N[3] = o("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
+                  L[3] || (L[3] = o("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
               o("nav", Lh, [
                 o("div", Dh, [
-                  (s(!0), d(G, null, Q(e.managementSettings, (A) => (s(), d(G, {
+                  (s(!0), d(K, null, Q(e.managementSettings, (A) => (s(), d(K, {
                     key: A.name
                   }, [
                     A.type === "section" ? (s(), d("div", Eh, w(A.label), 1)) : A.route ? (s(), _(j, {
@@ -14568,18 +14584,18 @@ const nc = {
                       class: h(
                         U(P)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                          K(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                          X(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                         )
                       ),
-                      onClick: (D) => O(A)
+                      onClick: (E) => O(A)
                     }, {
                       default: q(() => [
-                        K(A) ? (s(), d("div", Nh)) : b("", !0),
+                        X(A) ? (s(), d("div", Nh)) : b("", !0),
                         o("div", {
                           class: h(
                             U(P)(
                               "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
-                              K(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                              X(A) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                             )
                           )
                         }, [
@@ -14592,7 +14608,7 @@ const nc = {
                         o("span", {
                           class: h(U(P)(
                             "flex-1 truncate font-semibold",
-                            K(A) ? "text-blue-700" : "text-gray-700"
+                            X(A) ? "text-blue-700" : "text-gray-700"
                           ))
                         }, w(A.label), 3)
                       ]),
@@ -14641,7 +14657,7 @@ const nc = {
         e.orientation === "vertical" ? "flex-col" : "flex-row"
       ])
     }, [
-      L(a.$slots, "default")
+      D(a.$slots, "default")
     ], 2));
   }
 }, Uh = {
@@ -14676,7 +14692,7 @@ const nc = {
     }, [
       e.orientation === "vertical" ? (s(), d("div", Uh)) : b("", !0),
       o("div", qh, [
-        L(a.$slots, "icon", {}, () => [
+        D(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = o("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
       ]),
@@ -14687,17 +14703,17 @@ const nc = {
         ])
       }, [
         o("h3", Hh, [
-          L(a.$slots, "title", {}, () => [
+          D(a.$slots, "title", {}, () => [
             ae(w(e.title), 1)
           ])
         ]),
         e.subtitle ? (s(), d("p", Yh, [
-          L(a.$slots, "subtitle", {}, () => [
+          D(a.$slots, "subtitle", {}, () => [
             ae(w(e.subtitle), 1)
           ])
         ])) : b("", !0),
         o("div", Wh, [
-          L(a.$slots, "default")
+          D(a.$slots, "default")
         ])
       ], 2)
     ], 2));
@@ -14846,7 +14862,7 @@ function $b(e, a, t, n, r, l) {
         o("div", rb, [
           o("div", sb, [
             e.$slots["card-header"] || t.title ? (s(), d("div", lb, [
-              L(e.$slots, "card-header", {}, () => [
+              D(e.$slots, "card-header", {}, () => [
                 o("div", ob, [
                   o("h1", ib, w(t.title), 1),
                   t.subtitle ? (s(), d("p", ub, w(t.subtitle), 1)) : b("", !0)
@@ -14857,11 +14873,11 @@ function $b(e, a, t, n, r, l) {
               T(u)
             ]),
             e.$slots["card-footer"] ? (s(), d("div", cb, [
-              L(e.$slots, "card-footer")
+              D(e.$slots, "card-footer")
             ])) : b("", !0)
           ]),
           e.$slots.links ? (s(), d("div", fb, [
-            L(e.$slots, "links")
+            D(e.$slots, "links")
           ])) : b("", !0)
         ])
       ])
@@ -14881,7 +14897,7 @@ function $b(e, a, t, n, r, l) {
       ])
     ]),
     o("div", wb, [
-      (s(!0), d(G, null, Q(t.socialLinks, (g) => (s(), d("a", {
+      (s(!0), d(K, null, Q(t.socialLinks, (g) => (s(), d("a", {
         key: g.name,
         href: g.url,
         class: h([
@@ -14926,17 +14942,17 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       return s(), d("div", Sb, [
         T(u, null, {
           logo: q(() => [
-            L(a.$slots, "logo", {}, () => [
+            D(a.$slots, "logo", {}, () => [
               T(n)
             ])
           ]),
           navigation: q(() => [
-            L(a.$slots, "navigation", {}, () => [
+            D(a.$slots, "navigation", {}, () => [
               T(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
           actions: q(() => [
-            L(a.$slots, "header-actions", {}, () => [
+            D(a.$slots, "header-actions", {}, () => [
               T(l, {
                 variant: "ghost",
                 size: "sm"
@@ -14959,18 +14975,18 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
         o("main", zb, [
           e.showBreadcrumb ? (s(), d("div", Ab, [
             o("div", Vb, [
-              L(a.$slots, "breadcrumb", {}, () => [
+              D(a.$slots, "breadcrumb", {}, () => [
                 T(m, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : b("", !0),
           o("div", Pb, [
-            L(a.$slots, "default")
+            D(a.$slots, "default")
           ])
         ]),
         T(y, null, {
           brand: q(() => [
-            L(a.$slots, "footer-brand", {}, () => [
+            D(a.$slots, "footer-brand", {}, () => [
               T(n, { class: "mb-4" }),
               T(g, { class: "text-gray-600 max-w-md" }, {
                 default: q(() => [...t[2] || (t[2] = [
@@ -15079,7 +15095,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
     }), Be(() => {
       window.removeEventListener("online", y), window.removeEventListener("offline", y);
     });
-    const k = p(() => {
+    const $ = p(() => {
       const le = {
         404: {
           title: "Page Not Found",
@@ -15173,7 +15189,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
         }
       };
       return le[e.errorType] || le[404];
-    }), S = p(() => k.value), I = p(() => e.errorTitle || S.value.title), V = p(() => e.errorMessage || S.value.message), z = p(() => S.value.homeButtonIcon || "🏠"), v = p(() => e.showAdditionalInfo ? S.value.additionalInfo : null), f = () => {
+    }), S = p(() => $.value), I = p(() => e.errorTitle || S.value.title), V = p(() => e.errorMessage || S.value.message), z = p(() => S.value.homeButtonIcon || "🏠"), v = p(() => e.showAdditionalInfo ? S.value.additionalInfo : null), f = () => {
       n ? n.push(e.homeUrl) : window.location.href = e.homeUrl;
     }, i = () => {
       n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : f(), a("back");
@@ -15192,25 +15208,25 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       "px-4 sm:px-6 lg:px-8"
     ]), B = p(() => [
       "absolute inset-0 -z-10"
-    ]), $ = p(() => [
+    ]), C = p(() => [
       "w-full max-w-2xl mx-auto text-center"
     ]), O = p(() => [
       "mb-8"
-    ]), K = p(() => [
+    ]), X = p(() => [
       "space-y-8"
     ]), se = p(() => [
       "flex justify-center mb-6"
-    ]), X = p(() => [
+    ]), G = p(() => [
       "w-32 h-32 flex items-center justify-center"
-    ]), C = p(() => [
+    ]), k = p(() => [
       "space-y-4"
-    ]), N = p(() => [
+    ]), L = p(() => [
       "text-6xl font-bold text-slate-300 mb-4"
     ]), j = p(() => [
       "text-3xl font-bold text-slate-900"
     ]), A = p(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
-    ]), D = p(() => [
+    ]), E = p(() => [
       "mt-8"
     ]), ee = p(() => [
       "mt-8"
@@ -15237,16 +15253,16 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       // Classes
       layoutClasses: x,
       backgroundClasses: B,
-      contentClasses: $,
+      contentClasses: C,
       headerClasses: O,
-      errorContentClasses: K,
+      errorContentClasses: X,
       illustrationClasses: se,
-      iconContainerClasses: X,
-      detailsClasses: C,
-      codeClasses: N,
+      iconContainerClasses: G,
+      detailsClasses: k,
+      codeClasses: L,
       titleClasses: j,
       messageClasses: A,
-      actionsClasses: D,
+      actionsClasses: E,
       additionalInfoClasses: ee,
       helpClasses: ie
     };
@@ -15272,7 +15288,7 @@ function Xb(e, a, t, n, r, l) {
       key: 0,
       class: h(n.backgroundClasses)
     }, [
-      L(e.$slots, "background", {}, () => [
+      D(e.$slots, "background", {}, () => [
         a[4] || (a[4] = o("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
     ], 2)) : b("", !0),
@@ -15283,9 +15299,9 @@ function Xb(e, a, t, n, r, l) {
         key: 0,
         class: h(n.headerClasses)
       }, [
-        L(e.$slots, "header", {}, () => [
+        D(e.$slots, "header", {}, () => [
           o("div", Ob, [
-            L(e.$slots, "logo", {}, () => [
+            D(e.$slots, "logo", {}, () => [
               o("div", jb, [
                 a[5] || (a[5] = o("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   o("span", { class: "text-white font-bold text-lg" }, "STL")
@@ -15303,7 +15319,7 @@ function Xb(e, a, t, n, r, l) {
           key: 0,
           class: h(n.illustrationClasses)
         }, [
-          L(e.$slots, "illustration", {}, () => [
+          D(e.$slots, "illustration", {}, () => [
             o("div", {
               class: h(n.iconContainerClasses)
             }, [
@@ -15324,14 +15340,14 @@ function Xb(e, a, t, n, r, l) {
           o("h1", {
             class: h(n.titleClasses)
           }, [
-            L(e.$slots, "title", {}, () => [
+            D(e.$slots, "title", {}, () => [
               ae(w(n.title), 1)
             ])
           ], 2),
           o("p", {
             class: h(n.messageClasses)
           }, [
-            L(e.$slots, "message", {}, () => [
+            D(e.$slots, "message", {}, () => [
               ae(w(n.message), 1)
             ])
           ], 2)
@@ -15346,7 +15362,7 @@ function Xb(e, a, t, n, r, l) {
           key: 2,
           class: h(n.actionsClasses)
         }, [
-          L(e.$slots, "actions", {}, () => [
+          D(e.$slots, "actions", {}, () => [
             o("div", Fb, [
               t.showHomeButton ? (s(), d("button", {
                 key: 0,
@@ -15389,12 +15405,12 @@ function Xb(e, a, t, n, r, l) {
           key: 3,
           class: h(n.additionalInfoClasses)
         }, [
-          L(e.$slots, "additional-info", {}, () => [
+          D(e.$slots, "additional-info", {}, () => [
             n.additionalInfoConfig ? (s(), d("div", Ub, [
               o("div", qb, [
                 o("h3", Hb, w(n.additionalInfoConfig.title), 1),
                 o("ul", Yb, [
-                  (s(!0), d(G, null, Q(n.additionalInfoConfig.items, (u, m) => (s(), d("li", {
+                  (s(!0), d(K, null, Q(n.additionalInfoConfig.items, (u, m) => (s(), d("li", {
                     key: m,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
@@ -15412,7 +15428,7 @@ function Xb(e, a, t, n, r, l) {
           key: 4,
           class: h(n.helpClasses)
         }, [
-          L(e.$slots, "help", {}, () => [
+          D(e.$slots, "help", {}, () => [
             o("p", Wb, [
               ae(w(t.helpText) + " ", 1),
               t.supportUrl ? (s(), d("a", {
@@ -15529,55 +15545,55 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       value: 0,
       percentage: "0",
       color: ""
-    }), l = p(() => t.data.reduce((B, $) => B + ($ || 0), 0) || 0), u = p(() => t.data.length > 0 && l.value > 0), m = p(() => t.showLegend && t.legendPosition === "right" ? t.width / 3 : t.width / 2), g = p(() => {
+    }), l = p(() => t.data.reduce((B, C) => B + (C || 0), 0) || 0), u = p(() => t.data.length > 0 && l.value > 0), m = p(() => t.showLegend && t.legendPosition === "right" ? t.width / 3 : t.width / 2), g = p(() => {
       const x = t.showLegend && t.legendPosition === "bottom" ? Math.ceil(t.data.length / 2) * 25 : 0;
       return (t.height - x) / 2;
     }), y = p(() => {
-      const x = t.showLegend && t.legendPosition === "bottom" ? Math.ceil(t.data.length / 2) * 25 : 0, B = t.height - x, $ = t.showLegend && t.legendPosition === "right" ? t.width * 0.6 : t.width;
-      return Math.min($, B) / 2 - 40;
-    }), k = p(() => t.doughnut ? y.value * t.innerRadiusRatio : 0), S = p(() => {
+      const x = t.showLegend && t.legendPosition === "bottom" ? Math.ceil(t.data.length / 2) * 25 : 0, B = t.height - x, C = t.showLegend && t.legendPosition === "right" ? t.width * 0.6 : t.width;
+      return Math.min(C, B) / 2 - 40;
+    }), $ = p(() => t.doughnut ? y.value * t.innerRadiusRatio : 0), S = p(() => {
       if (!u.value) return [];
       const x = l.value;
       let B = -Math.PI / 2;
-      return t.data.map(($, O) => {
-        const K = $ || 0, se = (K / x * 100).toFixed(1), X = K / x * 2 * Math.PI, C = B + X, N = I(
+      return t.data.map((C, O) => {
+        const X = C || 0, se = (X / x * 100).toFixed(1), G = X / x * 2 * Math.PI, k = B + G, L = I(
           m.value,
           g.value,
           y.value,
-          k.value,
+          $.value,
           B,
-          C
-        ), j = t.doughnut ? (y.value + k.value) / 2 : y.value * 0.7, A = B + X / 2, D = m.value + Math.cos(A) * j, ee = g.value + Math.sin(A) * j, ie = {
-          value: K,
+          k
+        ), j = t.doughnut ? (y.value + $.value) / 2 : y.value * 0.7, A = B + G / 2, E = m.value + Math.cos(A) * j, ee = g.value + Math.sin(A) * j, ie = {
+          value: X,
           percentage: se,
-          path: N,
-          labelX: D,
+          path: L,
+          labelX: E,
           labelY: ee,
           label: t.labels[O] || `Item ${O + 1}`,
           startAngle: B,
-          endAngle: C
+          endAngle: k
         };
-        return B = C, ie;
-      }).filter(($) => $.value > 0);
-    }), I = (x, B, $, O, K, se) => {
-      const X = x + $ * Math.cos(K), C = B + $ * Math.sin(K), N = x + $ * Math.cos(se), j = B + $ * Math.sin(se), A = se - K > Math.PI ? 1 : 0;
+        return B = k, ie;
+      }).filter((C) => C.value > 0);
+    }), I = (x, B, C, O, X, se) => {
+      const G = x + C * Math.cos(X), k = B + C * Math.sin(X), L = x + C * Math.cos(se), j = B + C * Math.sin(se), A = se - X > Math.PI ? 1 : 0;
       if (O === 0)
-        return `M ${x} ${B} L ${X} ${C} A ${$} ${$} 0 ${A} 1 ${N} ${j} Z`;
+        return `M ${x} ${B} L ${G} ${k} A ${C} ${C} 0 ${A} 1 ${L} ${j} Z`;
       {
-        const D = x + O * Math.cos(se), ee = B + O * Math.sin(se), ie = x + O * Math.cos(K), le = B + O * Math.sin(K);
-        return `M ${X} ${C} A ${$} ${$} 0 ${A} 1 ${N} ${j} L ${D} ${ee} A ${O} ${O} 0 ${A} 0 ${ie} ${le} Z`;
+        const E = x + O * Math.cos(se), ee = B + O * Math.sin(se), ie = x + O * Math.cos(X), le = B + O * Math.sin(X);
+        return `M ${G} ${k} A ${C} ${C} 0 ${A} 1 ${L} ${j} L ${E} ${ee} A ${O} ${O} 0 ${A} 0 ${ie} ${le} Z`;
       }
     }, V = (x) => t.colors[x % t.colors.length], z = (x) => {
       if (t.legendPosition === "right")
         return t.width * 0.65;
-      const $ = x % 2;
-      return t.width / 4 + $ * (t.width / 2);
+      const C = x % 2;
+      return t.width / 4 + C * (t.width / 2);
     }, v = (x) => {
       if (t.legendPosition === "right")
         return 40 + x * 25;
-      const $ = Math.floor(x / 2), O = Math.ceil(t.data.length / 2) * 25;
-      return t.height - O + 20 + $ * 25;
-    }, f = (x, B, $) => {
+      const C = Math.floor(x / 2), O = Math.ceil(t.data.length / 2) * 25;
+      return t.height - O + 20 + C * 25;
+    }, f = (x, B, C) => {
       r.value = {
         visible: !0,
         x: x.clientX,
@@ -15585,10 +15601,10 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         label: B.label,
         value: B.value,
         percentage: B.percentage,
-        color: V($)
+        color: V(C)
       }, n("slice-hover", {
         value: B.value,
-        index: $,
+        index: C,
         label: B.label,
         percentage: B.percentage
       });
@@ -15611,23 +15627,23 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         class: "overflow-visible"
       }, [
         o("g", null, [
-          (s(!0), d(G, null, Q(S.value, ($, O) => (s(), d("path", {
+          (s(!0), d(K, null, Q(S.value, (C, O) => (s(), d("path", {
             key: `slice-${O}`,
-            d: $.path,
+            d: C.path,
             fill: V(O),
             stroke: e.strokeColor,
             "stroke-width": e.strokeWidth,
             class: h(e.sliceClasses),
-            onMouseenter: (K) => f(K, $, O),
+            onMouseenter: (X) => f(X, C, O),
             onMouseleave: i,
-            onClick: (K) => c($, O)
+            onClick: (X) => c(C, O)
           }, null, 42, tp))), 128))
         ]),
         e.doughnut ? (s(), d("circle", {
           key: 0,
           cx: m.value,
           cy: g.value,
-          r: k.value,
+          r: $.value,
           fill: e.centerFill
         }, null, 8, ap)) : b("", !0),
         e.doughnut && e.showCenterText ? (s(), d("g", np, [
@@ -15647,17 +15663,17 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           }, " Total ", 10, sp)
         ])) : b("", !0),
         e.showValues ? (s(), d("g", lp, [
-          (s(!0), d(G, null, Q(S.value, ($, O) => (s(), d("text", {
+          (s(!0), d(K, null, Q(S.value, (C, O) => (s(), d("text", {
             key: `value-${O}`,
-            x: $.labelX,
-            y: $.labelY,
+            x: C.labelX,
+            y: C.labelY,
             class: h(e.valueLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(e.showPercentages ? `${$.percentage}%` : $.value), 11, op))), 128))
+          }, w(e.showPercentages ? `${C.percentage}%` : C.value), 11, op))), 128))
         ])) : b("", !0),
         e.showLegend ? (s(), d("g", ip, [
-          (s(!0), d(G, null, Q(S.value, ($, O) => (s(), d("g", {
+          (s(!0), d(K, null, Q(S.value, (C, O) => (s(), d("g", {
             key: `legend-${O}`,
             transform: `translate(${z(O)}, ${v(O)})`
           }, [
@@ -15671,7 +15687,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
               x: 18,
               y: 10,
               class: h(e.legendTextClasses)
-            }, w($.label), 3)
+            }, w(C.label), 3)
           ], 8, up))), 128))
         ])) : b("", !0)
       ], 8, ep)) : (s(), d("div", Zb, [...B[0] || (B[0] = [
@@ -15765,17 +15781,17 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       large: "p-6"
     }, m = R(!1), g = R({});
     $e(() => {
-      t.customizationOptions.forEach((C) => {
-        g.value[C.id] = C.default ?? !0;
+      t.customizationOptions.forEach((k) => {
+        g.value[k.id] = k.default ?? !0;
       });
     });
     const y = () => {
       m.value = !m.value;
-    }, k = (C, N) => {
-      g.value[C] = N, n("customize", { ...g.value });
-    }, S = R(null), I = R(!1), V = (C) => {
+    }, $ = (k, L) => {
+      g.value[k] = L, n("customize", { ...g.value });
+    }, S = R(null), I = R(!1), V = (k) => {
       if (!I.value) return;
-      const N = {
+      const L = {
         r: () => n("refresh"),
         R: () => n("refresh"),
         c: () => y(),
@@ -15785,7 +15801,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         H: () => f.value = !f.value,
         "?": () => f.value = !f.value
       };
-      N[C.key] && (C.preventDefault(), N[C.key](), n("keypress", C.key));
+      L[k.key] && (k.preventDefault(), L[k.key](), n("keypress", k.key));
     }, z = () => {
       I.value = !0;
     }, v = () => {
@@ -15797,31 +15813,31 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       { key: "?", description: "Toggle help" }
     ], c = R(!1);
     let x = null;
-    const B = (C) => {
-      if (!C.dataTransfer) return;
+    const B = (k) => {
+      if (!k.dataTransfer) return;
       c.value = !0, n("dragstart", t.id);
-      const N = C.target.getBoundingClientRect();
-      x = C.target.cloneNode(!0), Object.assign(x.style, {
+      const L = k.target.getBoundingClientRect();
+      x = k.target.cloneNode(!0), Object.assign(x.style, {
         position: "fixed",
-        width: `${N.width}px`,
-        height: `${N.height}px`,
+        width: `${L.width}px`,
+        height: `${L.height}px`,
         pointerEvents: "none",
         opacity: "0.8",
         zIndex: "1000",
-        left: `${C.clientX - N.width / 2}px`,
-        top: `${C.clientY - N.height / 2}px`
-      }), document.body.appendChild(x), C.dataTransfer.setDragImage(x, N.width / 2, N.height / 2), C.dataTransfer.effectAllowed = "move", C.dataTransfer.setData("text/plain", t.id);
-    }, $ = (C) => {
-      x && C.clientX && C.clientY && (x.style.left = `${C.clientX - x.offsetWidth / 2}px`, x.style.top = `${C.clientY - x.offsetHeight / 2}px`);
+        left: `${k.clientX - L.width / 2}px`,
+        top: `${k.clientY - L.height / 2}px`
+      }), document.body.appendChild(x), k.dataTransfer.setDragImage(x, L.width / 2, L.height / 2), k.dataTransfer.effectAllowed = "move", k.dataTransfer.setData("text/plain", t.id);
+    }, C = (k) => {
+      x && k.clientX && k.clientY && (x.style.left = `${k.clientX - x.offsetWidth / 2}px`, x.style.top = `${k.clientY - x.offsetHeight / 2}px`);
     }, O = () => {
       c.value = !1, n("dragend", t.id), x && (document.body.removeChild(x), x = null);
-    }, K = p(() => {
+    }, X = p(() => {
       if (!t.chartType || !t.chartData) return null;
-      const C = t.chartData.datasets?.[0]?.data || t.chartData.data || [], N = t.chartData.labels || [], j = C.filter((D) => D != null && !isNaN(D));
+      const k = t.chartData.datasets?.[0]?.data || t.chartData.data || [], L = t.chartData.labels || [], j = k.filter((E) => E != null && !isNaN(E));
       if (j.length === 0) return null;
       const A = {
         data: j,
-        labels: N.slice(0, j.length),
+        labels: L.slice(0, j.length),
         ...t.chartOptions
       };
       return g.value.legend !== void 0 && (A.showLegend = g.value.legend), g.value.grid !== void 0 && (A.showGrid = g.value.grid), g.value.values !== void 0 && (A.showValues = g.value.values), g.value.percentages !== void 0 && (A.showPercentages = g.value.percentages), g.value.points !== void 0 && (A.showPoints = g.value.points), g.value.fillArea !== void 0 && (A.fillArea = g.value.fillArea), t.chartData.datasets?.[0]?.backgroundColor && (A.colors = t.chartData.datasets[0].backgroundColor), t.chartData.datasets?.[0]?.borderColor && (A.lineColor = t.chartData.datasets[0].borderColor), A;
@@ -15838,12 +15854,12 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         default:
           return null;
       }
-    }), X = p(() => t.chartType === "doughnut");
+    }), G = p(() => t.chartType === "doughnut");
     return $e(() => {
-      window.addEventListener("dragover", $), window.addEventListener("keydown", V);
+      window.addEventListener("dragover", C), window.addEventListener("keydown", V);
     }), Be(() => {
-      window.removeEventListener("dragover", $), window.removeEventListener("keydown", V), x && document.body.removeChild(x);
-    }), (C, N) => r.value ? (s(), d("div", {
+      window.removeEventListener("dragover", C), window.removeEventListener("keydown", V), x && document.body.removeChild(x);
+    }), (k, L) => r.value ? (s(), d("div", {
       key: 0,
       ref_key: "widgetRef",
       ref: S,
@@ -15870,11 +15886,11 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           o("h3", xp, w(e.title), 1)
         ]),
         o("div", wp, [
-          L(C.$slots, "header-actions"),
+          D(k.$slots, "header-actions"),
           o("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             title: "Keyboard shortcuts (?)",
-            onClick: N[0] || (N[0] = (j) => f.value = !f.value)
+            onClick: L[0] || (L[0] = (j) => f.value = !f.value)
           }, [
             T(te, {
               icon: "circle-info",
@@ -15897,7 +15913,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             disabled: e.loading,
             title: "Refresh (R)",
-            onClick: N[1] || (N[1] = (j) => C.$emit("refresh"))
+            onClick: L[1] || (L[1] = (j) => k.$emit("refresh"))
           }, [
             T(te, {
               icon: "refresh",
@@ -15911,10 +15927,10 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       ])) : b("", !0),
       m.value ? (s(), d("div", $p, [
         o("div", Cp, [
-          N[4] || (N[4] = o("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
+          L[4] || (L[4] = o("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
           o("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: N[2] || (N[2] = (j) => m.value = !1)
+            onClick: L[2] || (L[2] = (j) => m.value = !1)
           }, [
             T(te, {
               icon: "x",
@@ -15923,7 +15939,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           ])
         ]),
         o("div", Sp, [
-          (s(!0), d(G, null, Q(e.customizationOptions, (j) => (s(), d("div", {
+          (s(!0), d(K, null, Q(e.customizationOptions, (j) => (s(), d("div", {
             key: j.id,
             class: "flex items-center justify-between"
           }, [
@@ -15937,7 +15953,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
                 "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
                 g.value[j.id] ? "bg-blue-600" : "bg-slate-300"
               ]),
-              onClick: (A) => k(j.id, !g.value[j.id])
+              onClick: (A) => $(j.id, !g.value[j.id])
             }, [
               o("span", {
                 class: h([
@@ -15951,10 +15967,10 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       ])) : b("", !0),
       f.value ? (s(), d("div", Vp, [
         o("div", Pp, [
-          N[5] || (N[5] = o("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
+          L[5] || (L[5] = o("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
           o("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: N[3] || (N[3] = (j) => f.value = !1)
+            onClick: L[3] || (L[3] = (j) => f.value = !1)
           }, [
             T(te, {
               icon: "x",
@@ -15963,7 +15979,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           ])
         ]),
         o("div", Bp, [
-          (s(), d(G, null, Q(i, (j) => o("div", {
+          (s(), d(K, null, Q(i, (j) => o("div", {
             key: j.key,
             class: "flex items-center justify-between text-sm"
           }, [
@@ -15980,20 +15996,20 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             color: "#3b82f6"
           })
         ])) : b("", !0),
-        e.chartType && e.chartData && se.value && K.value ? (s(), d("div", {
+        e.chartType && e.chartData && se.value && X.value ? (s(), d("div", {
           key: 1,
           class: h(["w-full h-full", u[e.padding]])
         }, [
-          (s(), _(ke(se.value), gt(K.value, { doughnut: X.value }), null, 16, ["doughnut"]))
+          (s(), _(ke(se.value), gt(X.value, { doughnut: G.value }), null, 16, ["doughnut"]))
         ], 2)) : (s(), d("div", {
           key: 2,
           class: h(["overflow-auto h-full", u[e.padding]])
         }, [
-          L(C.$slots, "default")
+          D(k.$slots, "default")
         ], 2))
       ]),
-      C.$slots.footer ? (s(), d("div", Ip, [
-        L(C.$slots, "footer")
+      k.$slots.footer ? (s(), d("div", Ip, [
+        D(k.$slots, "footer")
       ])) : b("", !0)
     ], 38)) : b("", !0);
   }
@@ -16023,7 +16039,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
     `, n.appendChild(r), e._tooltipEl = n, e._tooltipArrow = r, e._tooltipPosition = t;
     const l = () => {
       if (!n.parentNode) return;
-      const y = e.getBoundingClientRect(), k = n.getBoundingClientRect();
+      const y = e.getBoundingClientRect(), $ = n.getBoundingClientRect();
       if (y.width === 0 || y.height === 0) {
         n.style.opacity = "0";
         return;
@@ -16031,19 +16047,19 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       let S, I;
       switch (t) {
         case "bottom":
-          I = y.left + y.width / 2 - k.width / 2, S = y.bottom + 8;
+          I = y.left + y.width / 2 - $.width / 2, S = y.bottom + 8;
           break;
         case "left":
-          I = y.left - k.width - 8, S = y.top + y.height / 2 - k.height / 2;
+          I = y.left - $.width - 8, S = y.top + y.height / 2 - $.height / 2;
           break;
         case "right":
-          I = y.right + 8, S = y.top + y.height / 2 - k.height / 2;
+          I = y.right + 8, S = y.top + y.height / 2 - $.height / 2;
           break;
         default:
-          I = y.left + y.width / 2 - k.width / 2, S = y.top - k.height - 8;
+          I = y.left + y.width / 2 - $.width / 2, S = y.top - $.height - 8;
       }
       const V = 8;
-      I = Math.max(V, Math.min(I, window.innerWidth - k.width - V)), S = Math.max(V, Math.min(S, window.innerHeight - k.height - V)), n.style.left = `${I}px`, n.style.top = `${S}px`;
+      I = Math.max(V, Math.min(I, window.innerWidth - $.width - V)), S = Math.max(V, Math.min(S, window.innerHeight - $.height - V)), n.style.left = `${I}px`, n.style.top = `${S}px`;
     }, u = () => {
       const y = `
         position: absolute;