npm - @stlhorizon/vue-ui - Versions diffs - 3.4.0 → 3.4.2 - Mend

@stlhorizon/vue-ui 3.4.0 → 3.4.2

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 +711 -707
package/dist/index.js +14 -14
package/dist/src/components/CircularProgress.vue.d.ts +6 -4
package/dist/src/components/CircularProgress.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,7 +1,7 @@
 import { defineComponent as ua, computed as b, watch as ve, h as cn, createBlock as _, openBlock as s, unref as N, normalizeClass as v, ref as W, createElementBlock as u, toDisplayString as p, createCommentVNode as h, renderSlot as O, resolveDynamicComponent as ye, createVNode as B, mergeProps as Ke, createElementVNode as i, useId as da, createTextVNode as te, withCtx as R, normalizeStyle as me, nextTick as Ut, Teleport as ca, Transition as ge, Fragment as K, renderList as X, withKeys as Pa, withModifiers as je, onMounted as Te, onBeforeUnmount as fn, onUnmounted as Ne, resolveComponent as fe, markRaw as mn, TransitionGroup as Pr, provide as Tr, inject as gn, withDirectives as Xe, vShow as vn, vModelText as wt, createSlots as Ir, getCurrentInstance as jr } from "vue";
 import { cva as E } from "class-variance-authority";
 import { clsx as Vr } from "clsx";
-function S(...e) {
+function C(...e) {
   return Vr(e);
 }
 /*!
@@ -1704,19 +1704,19 @@ function Tt(e) {
     return !Ua.includes($);
   })), c = o.filter(function($) {
     return r = $, !kn.includes($);
-  }), f = At(c, 1), y = f[0], w = y === void 0 ? null : y, k = Dl(o), P = D(D({}, El(l)), {}, {
+  }), f = At(c, 1), y = f[0], w = y === void 0 ? null : y, k = Dl(o), I = D(D({}, El(l)), {}, {
     prefix: Pt(w, {
       family: k
     })
   });
-  return D(D(D({}, P), _l({
+  return D(D(D({}, I), _l({
     values: e,
     family: k,
     styles: ut,
     config: ee,
-    canonical: P,
+    canonical: I,
     givenPrefix: r
-  })), Ll(n, r, P));
+  })), Ll(n, r, I));
 }
 function Ll(e, a, t) {
   var n = t.prefix, r = t.iconName;
@@ -1739,12 +1739,12 @@ var Nl = Mn.filter(function(e) {
   return Object.keys(Yt[e]);
 }).flat();
 function _l(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, o = r === void 0 ? "" : r, l = e.styles, c = l === void 0 ? {} : l, f = e.config, y = f === void 0 ? {} : f, w = t === ct, k = a.includes("fa-duotone") || a.includes("fad"), P = y.familyDefault === "duotone", $ = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!w && (k || P || $) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Nl.includes(t)) {
-    var A = Object.keys(c).find(function(m) {
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, o = r === void 0 ? "" : r, l = e.styles, c = l === void 0 ? {} : l, f = e.config, y = f === void 0 ? {} : f, w = t === ct, k = a.includes("fa-duotone") || a.includes("fad"), I = y.familyDefault === "duotone", $ = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!w && (k || I || $) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && Nl.includes(t)) {
+    var S = Object.keys(c).find(function(m) {
       return Rl.includes(m);
     });
-    if (A || y.autoFetchSvg) {
+    if (S || y.autoFetchSvg) {
       var x = cs.get(t).defaultShortPrefixId;
       n.prefix = x, n.iconName = qe(n.prefix, n.iconName) || n.iconName;
     }
@@ -1952,7 +1952,7 @@ function Ql(e) {
   });
 }
 function wa(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, o = e.iconName, l = e.transform, c = e.symbol, f = e.maskId, y = e.extra, w = e.watchable, k = w === void 0 ? !1 : w, P = n.found ? n : t, $ = P.width, A = P.height, x = [ee.replacementClass, o ? "".concat(ee.cssPrefix, "-").concat(o) : ""].filter(function(V) {
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, o = e.iconName, l = e.transform, c = e.symbol, f = e.maskId, y = e.extra, w = e.watchable, k = w === void 0 ? !1 : w, I = n.found ? n : t, $ = I.width, S = I.height, x = [ee.replacementClass, o ? "".concat(ee.cssPrefix, "-").concat(o) : ""].filter(function(V) {
     return y.classes.indexOf(V) === -1;
   }).filter(function(V) {
     return V !== "" || !!V;
@@ -1963,7 +1963,7 @@ function wa(e) {
       "data-icon": o,
       class: x,
       role: y.attributes.role || "img",
-      viewBox: "0 0 ".concat($, " ").concat(A)
+      viewBox: "0 0 ".concat($, " ").concat(S)
     })
   };
   !Ql(y.attributes) && !y.attributes["aria-hidden"] && (m.attributes["aria-hidden"] = "true"), k && (m.attributes[Ue] = "");
@@ -1982,8 +1982,8 @@ function wa(e) {
   } : Le("generateAbstractIcon", g) || {
     children: [],
     attributes: {}
-  }, C = d.children, F = d.attributes;
-  return g.children = C, g.attributes = F, c ? Jl(g) : Xl(g);
+  }, z = d.children, F = d.attributes;
+  return g.children = z, g.attributes = F, c ? Jl(g) : Xl(g);
 }
 function Ya(e) {
   var a = e.content, t = e.width, n = e.height, r = e.transform, o = e.extra, l = e.watchable, c = l === void 0 ? !1 : l, f = D(D({}, o.attributes), {}, {
@@ -2199,8 +2199,8 @@ function Xa(e) {
         Qe(y).forEach(function(k) {
           if (k.type === "childList" && k.addedNodes.length > 0 && !Ga(k.addedNodes[0]) && (ee.searchPseudoElements && l(k.target), t(k.target)), k.type === "attributes" && k.target.parentNode && ee.searchPseudoElements && l([k.target], !0), k.type === "attributes" && Ga(k.target) && ~hl.indexOf(k.attributeName))
             if (k.attributeName === "class" && no(k.target)) {
-              var P = Tt(ha(k.target)), $ = P.prefix, A = P.iconName;
-              k.target.setAttribute(ga, $ || w), A && k.target.setAttribute(va, A);
+              var I = Tt(ha(k.target)), $ = I.prefix, S = I.iconName;
+              k.target.setAttribute(ga, $ || w), S && k.target.setAttribute(va, S);
             } else ro(k.target) && r(k.target);
         });
       }
@@ -2308,20 +2308,20 @@ function Qa(e) {
     return Promise.resolve();
   var f = ka.begin("onTree"), y = c.reduce(function(w, k) {
     try {
-      var P = fr(k);
-      P && w.push(P);
+      var I = fr(k);
+      I && w.push(I);
     } catch ($) {
       qn || $.name === "MissingIcon" && console.error($);
     }
     return w;
   }, []);
   return new Promise(function(w, k) {
-    Promise.all(y).then(function(P) {
-      dr(P, function() {
+    Promise.all(y).then(function(I) {
+      dr(I, function() {
         n("active"), n("complete"), r("pending"), typeof a == "function" && a(), f(), w();
       });
-    }).catch(function(P) {
-      f(), k(P);
+    }).catch(function(I) {
+      f(), k(I);
     });
   });
 }
@@ -2340,9 +2340,9 @@ function yo(e) {
   };
 }
 var po = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? Pe : n, o = t.symbol, l = o === void 0 ? !1 : o, c = t.mask, f = c === void 0 ? null : c, y = t.maskId, w = y === void 0 ? null : y, k = t.classes, P = k === void 0 ? [] : k, $ = t.attributes, A = $ === void 0 ? {} : $, x = t.styles, m = x === void 0 ? {} : x;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? Pe : n, o = t.symbol, l = o === void 0 ? !1 : o, c = t.mask, f = c === void 0 ? null : c, y = t.maskId, w = y === void 0 ? null : y, k = t.classes, I = k === void 0 ? [] : k, $ = t.attributes, S = $ === void 0 ? {} : $, x = t.styles, m = x === void 0 ? {} : x;
   if (a) {
-    var g = a.prefix, d = a.iconName, C = a.icon;
+    var g = a.prefix, d = a.iconName, z = a.icon;
     return It(D({
       type: "icon"
     }, a), function() {
@@ -2351,7 +2351,7 @@ var po = function(a) {
         params: t
       }), wa({
         icons: {
-          main: ta(C),
+          main: ta(z),
           mask: f ? ta(f.icon) : {
             found: !1,
             width: null,
@@ -2365,9 +2365,9 @@ var po = function(a) {
         symbol: l,
         maskId: w,
         extra: {
-          attributes: A,
+          attributes: S,
           styles: m,
-          classes: P
+          classes: I
         }
       });
     });
@@ -2392,14 +2392,14 @@ var po = function(a) {
       return Qa(r, l);
     }, a.generateSvgReplacementMutation = function(t, n) {
       var r = n.iconName, o = n.prefix, l = n.transform, c = n.symbol, f = n.mask, y = n.maskId, w = n.extra;
-      return new Promise(function(k, P) {
+      return new Promise(function(k, I) {
         Promise.all([aa(r, o), f.iconName ? aa(f.iconName, f.prefix) : Promise.resolve({
           found: !1,
           width: 512,
           height: 512,
           icon: {}
         })]).then(function($) {
-          var A = At($, 2), x = A[0], m = A[1];
+          var S = At($, 2), x = S[0], m = S[1];
           k([t, wa({
             icons: {
               main: x,
@@ -2413,7 +2413,7 @@ var po = function(a) {
             extra: w,
             watchable: !0
           })]);
-        }).catch(P);
+        }).catch(I);
       });
     }, a.generateAbstractIcon = function(t) {
       var n = t.children, r = t.attributes, o = t.main, l = t.transform, c = t.styles, f = Bt(c);
@@ -2560,10 +2560,10 @@ function tn(e, a) {
     if (l && !y)
       return e.removeChild(l), n();
     if (y && k !== "none" && k !== "") {
-      var P = c.getPropertyValue("content"), $ = Ao(f, w), A = Co(P), x = y[0].startsWith("FontAwesome"), m = zo(c), g = xa($, A), d = g;
+      var I = c.getPropertyValue("content"), $ = Ao(f, w), S = Co(I), x = y[0].startsWith("FontAwesome"), m = zo(c), g = xa($, S), d = g;
       if (x) {
-        var C = Ml(A);
-        C.iconName && C.prefix && (g = C.iconName, $ = C.prefix);
+        var z = Ml(S);
+        z.iconName && z.prefix && (g = z.iconName, $ = z.prefix);
       }
       if (g && !m && (!l || l.getAttribute(ga) !== $ || l.getAttribute(va) !== d)) {
         e.setAttribute(t, d), l && e.removeChild(l);
@@ -2645,10 +2645,10 @@ function an(e) {
             var c = ht(l.cssRules), f;
             try {
               for (c.s(); !(f = c.n()).done; ) {
-                var y = f.value, w = Io(y.selectorText), k = ht(w), P;
+                var y = f.value, w = Io(y.selectorText), k = ht(w), I;
                 try {
-                  for (k.s(); !(P = k.n()).done; ) {
-                    var $ = P.value;
+                  for (k.s(); !(I = k.n()).done; ) {
+                    var $ = I.value;
                     n.add($);
                   }
                 } catch (x) {
@@ -2673,9 +2673,9 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
         r.f();
       }
       if (!n.size) return;
-      var A = Array.from(n).join(", ");
+      var S = Array.from(n).join(", ");
       try {
-        t = e.querySelectorAll(A);
+        t = e.querySelectorAll(S);
       } catch {
       }
     }
@@ -2795,12 +2795,12 @@ var jo = {
         transform: "translate(".concat(o / 2, " 256)")
       }, f = "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), ") "), w = "rotate(".concat(r.rotate, " 0 0)"), k = {
         transform: "".concat(f, " ").concat(y, " ").concat(w)
-      }, P = {
+      }, I = {
         transform: "translate(".concat(l / 2 * -1, " -256)")
       }, $ = {
         outer: c,
         inner: k,
-        path: P
+        path: I
       };
       return {
         tag: "g",
@@ -2843,11 +2843,11 @@ var Mo = {
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, r = t.attributes, o = t.main, l = t.mask, c = t.maskId, f = t.transform, y = o.width, w = o.icon, k = l.width, P = l.icon, $ = zl({
+      var n = t.children, r = t.attributes, o = t.main, l = t.mask, c = t.maskId, f = t.transform, y = o.width, w = o.icon, k = l.width, I = l.icon, $ = zl({
         transform: f,
         containerWidth: k,
         iconWidth: y
-      }), A = {
+      }), S = {
         tag: "rect",
         attributes: D(D({}, qt), {}, {
           fill: "white"
@@ -2865,29 +2865,29 @@ var Mo = {
         tag: "g",
         attributes: D({}, $.outer),
         children: [m]
-      }, d = "mask-".concat(c || La()), C = "clip-".concat(c || La()), F = {
+      }, d = "mask-".concat(c || La()), z = "clip-".concat(c || La()), F = {
         tag: "mask",
         attributes: D(D({}, qt), {}, {
           id: d,
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
-        children: [A, g]
+        children: [S, g]
       }, V = {
         tag: "defs",
         children: [{
           tag: "clipPath",
           attributes: {
-            id: C
+            id: z
           },
-          children: Fo(P)
+          children: Fo(I)
         }, F]
       };
       return n.push(V, {
         tag: "rect",
         attributes: D({
           fill: "currentColor",
-          "clip-path": "url(#".concat(C, ")"),
+          "clip-path": "url(#".concat(z, ")"),
           mask: "url(#".concat(d, ")")
         }, qt)
       }), {
@@ -3111,26 +3111,26 @@ function Xo(e) {
 var Jo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, vr = { exports: {} };
 (function(e) {
   (function(a) {
-    var t = function(g, d, C) {
-      if (!y(d) || k(d) || P(d) || $(d) || f(d))
+    var t = function(g, d, z) {
+      if (!y(d) || k(d) || I(d) || $(d) || f(d))
         return d;
       var F, V = 0, Y = 0;
       if (w(d))
         for (F = [], Y = d.length; V < Y; V++)
-          F.push(t(g, d[V], C));
+          F.push(t(g, d[V], z));
       else {
         F = {};
         for (var G in d)
-          Object.prototype.hasOwnProperty.call(d, G) && (F[g(G, C)] = t(g, d[G], C));
+          Object.prototype.hasOwnProperty.call(d, G) && (F[g(G, z)] = t(g, d[G], z));
       }
       return F;
     }, n = function(g, d) {
       d = d || {};
-      var C = d.separator || "_", F = d.split || /(?=[A-Z])/;
-      return g.split(F).join(C);
+      var z = d.separator || "_", F = d.split || /(?=[A-Z])/;
+      return g.split(F).join(z);
     }, r = function(g) {
-      return A(g) ? g : (g = g.replace(/[\-_\s]+(.)?/g, function(d, C) {
-        return C ? C.toUpperCase() : "";
+      return S(g) ? g : (g = g.replace(/[\-_\s]+(.)?/g, function(d, z) {
+        return z ? z.toUpperCase() : "";
       }), g.substr(0, 1).toLowerCase() + g.substr(1));
     }, o = function(g) {
       var d = r(g);
@@ -3145,16 +3145,16 @@ var Jo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return c.call(g) == "[object Array]";
     }, k = function(g) {
       return c.call(g) == "[object Date]";
-    }, P = function(g) {
+    }, I = function(g) {
       return c.call(g) == "[object RegExp]";
     }, $ = function(g) {
       return c.call(g) == "[object Boolean]";
-    }, A = function(g) {
+    }, S = function(g) {
       return g = g - 0, g === g;
     }, x = function(g, d) {
-      var C = d && "process" in d ? d.process : d;
-      return typeof C != "function" ? g : function(F, V) {
-        return C(F, g, V);
+      var z = d && "process" in d ? d.process : d;
+      return typeof z != "function" ? g : function(F, V) {
+        return z(F, g, V);
       };
     }, m = {
       camelize: r,
@@ -3553,9 +3553,9 @@ const Q = {
         }
       }
     ), r = b(
-      () => S(n({ size: a.size, variant: a.variant }), a.class)
+      () => C(n({ size: a.size, variant: a.variant }), a.class)
     ), o = b(() => "aspect-square h-full w-full object-cover"), l = b(
-      () => S(
+      () => C(
         "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
         {
           "text-xs": a.size === "xs",
@@ -3566,7 +3566,7 @@ const Q = {
         }
       )
     ), c = b(
-      () => S("h-4 w-4 text-muted-foreground", {
+      () => C("h-4 w-4 text-muted-foreground", {
         "h-3 w-3": a.size === "xs",
         "h-4 w-4": a.size === "sm" || a.size === "md",
         "h-5 w-5": a.size === "lg",
@@ -3675,7 +3675,7 @@ const Q = {
       lg: "w-5 h-5"
     }[t.size]]);
     return (c, f) => (s(), u("span", {
-      class: v(N(S)(N(o)({ variant: e.variant, size: e.size, shape: e.shape }), c.$attrs.class))
+      class: v(N(C)(N(o)({ variant: e.variant, size: e.size, shape: e.shape }), c.$attrs.class))
     }, [
       e.icon ? (s(), _(ye(e.icon), {
         key: 0,
@@ -3784,7 +3784,7 @@ const Q = {
       }
     );
     return (t, n) => (s(), u("button", Ke({
-      class: N(S)(N(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
+      class: N(C)(N(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
       disabled: e.disabled || e.loading,
       "aria-disabled": e.disabled || e.loading,
       "aria-busy": e.loading
@@ -3878,14 +3878,14 @@ const Q = {
     }, r = e, o = a, l = W(null), c = b(() => r.id || da()), f = b(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), y = (g) => {
       const d = g.target.checked;
       if (Array.isArray(r.modelValue)) {
-        const C = [...r.modelValue];
+        const z = [...r.modelValue];
         if (d)
-          C.push(r.value);
+          z.push(r.value);
         else {
-          const F = C.indexOf(r.value);
-          F > -1 && C.splice(F, 1);
+          const F = z.indexOf(r.value);
+          F > -1 && z.splice(F, 1);
         }
-        o("update:modelValue", C);
+        o("update:modelValue", z);
       } else
         o("update:modelValue", d);
       o("change", d);
@@ -3893,7 +3893,7 @@ const Q = {
       !r.disabled && l.value && l.value.click();
     }, k = b(() => {
       if (r.error) return `${c.value}-error`;
-    }), P = b(() => ({
+    }), I = b(() => ({
       sm: "w-4 h-4",
       md: "w-5 h-5",
       lg: "w-6 h-6"
@@ -3902,10 +3902,10 @@ const Q = {
       {
         "cursor-not-allowed": r.disabled
       }
-    ]), A = b(() => [
+    ]), S = b(() => [
       "flex items-center justify-center rounded border-2 transition-all duration-200",
       "cursor-pointer select-none",
-      P.value,
+      I.value,
       {
         "bg-blue-600 border-blue-600 text-white": f.value && !r.disabled && r.variant === "default",
         "bg-red-600 border-red-600 text-white": f.value && !r.disabled && r.variant === "error",
@@ -3945,7 +3945,7 @@ const Q = {
           onChange: y
         }, null, 42, mi),
         i("div", {
-          class: v(A.value),
+          class: v(S.value),
           onClick: w
         }, [
           f.value && !e.indeterminate ? (s(), _(t, {
@@ -4064,7 +4064,7 @@ const Q = {
       }
     }), n = b(() => a.spacing ? a.spacing : "");
     return (r, o) => (s(), u("div", {
-      class: v(N(S)(N(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
+      class: v(N(C)(N(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
     }, [
       e.label && e.orientation === "horizontal" ? (s(), u("span", bi, p(e.label), 1)) : h("", !0)
     ], 2));
@@ -4117,7 +4117,7 @@ const Q = {
         }
       }
     ), r = b(
-      () => S(t({ variant: a.variant }), a.class)
+      () => C(t({ variant: a.variant }), a.class)
     ), o = b(
       () => n({ size: a.size })
     );
@@ -4197,9 +4197,9 @@ const Q = {
         }
       }
     ), c = b(
-      () => S(l({ aspectRatio: t.aspectRatio }), t.class)
+      () => C(l({ aspectRatio: t.aspectRatio }), t.class)
     ), f = b(
-      () => S(
+      () => C(
         "h-full w-full transition-opacity duration-300",
         {
           "object-cover": t.objectFit === "cover",
@@ -4217,10 +4217,10 @@ const Q = {
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
     ), k = ($) => {
       r.value = !1, o.value = !1, n("load", $);
-    }, P = ($) => {
+    }, I = ($) => {
       r.value = !1, o.value = !0, n("error", $);
     };
-    return ($, A) => (s(), u("div", {
+    return ($, S) => (s(), u("div", {
       class: v(c.value)
     }, [
       i("img", {
@@ -4229,7 +4229,7 @@ const Q = {
         class: v(f.value),
         loading: e.loading,
         onLoad: k,
-        onError: P
+        onError: I
       }, null, 42, xi),
       r.value ? (s(), u("div", {
         key: 0,
@@ -4248,7 +4248,7 @@ const Q = {
           name: "ImageOff",
           class: "h-8 w-8 text-muted-foreground"
         }),
-        A[0] || (A[0] = i("span", { class: "text-sm text-muted-foreground" }, "Failed to load image", -1))
+        S[0] || (S[0] = i("span", { class: "text-sm text-muted-foreground" }, "Failed to load image", -1))
       ], 2)) : h("", !0)
     ], 2));
   }
@@ -4337,9 +4337,9 @@ const Q = {
       r("keydown", d);
     }, k = () => {
       r("update:modelValue", ""), r("clear"), o.value?.focus();
-    }, P = b(() => !!n.error || n.variant === "error"), $ = b(() => {
+    }, I = b(() => !!n.error || n.variant === "error"), $ = b(() => {
       if (n.error) return `${l.value}-error`;
-    }), A = b(() => ({
+    }), S = b(() => ({
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
@@ -4357,7 +4357,7 @@ const Q = {
       "disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
       "placeholder:text-slate-400",
       n.type === "color" ? "w-20 h-12 cursor-pointer" : "w-full",
-      A.value,
+      S.value,
       x.value,
       {
         "pl-10": n.iconLeft,
@@ -4368,7 +4368,7 @@ const Q = {
       focus: () => o.value?.focus(),
       blur: () => o.value?.blur(),
       select: () => o.value?.select()
-    }), (d, C) => (s(), u("div", ki, [
+    }), (d, z) => (s(), u("div", ki, [
       e.iconLeft ? (s(), u("div", $i, [
         (s(), _(ye(e.iconLeft), {
           class: v(m.value)
@@ -4387,7 +4387,7 @@ const Q = {
         autocomplete: e.autocomplete,
         class: v(g.value),
         "aria-describedby": $.value,
-        "aria-invalid": P.value,
+        "aria-invalid": I.value,
         onInput: c,
         onBlur: f,
         onFocus: y,
@@ -4438,7 +4438,7 @@ const Q = {
         }
       }
     ), n = b(
-      () => S(
+      () => C(
         t({ size: a.size }),
         a.disabled && "cursor-not-allowed opacity-70",
         a.class
@@ -4538,7 +4538,7 @@ const Q = {
       to: n.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: v(N(S)(N(o)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), f.$attrs.class)),
+      class: v(N(C)(N(o)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), f.$attrs.class)),
       onClick: l
     }, {
       default: R(() => [
@@ -4594,11 +4594,11 @@ const Q = {
         }
       }
     ), n = b(
-      () => S(t({ size: a.size }), a.class)
+      () => C(t({ size: a.size }), a.class)
     ), r = b(
-      () => S("h-full w-auto object-contain")
+      () => C("h-full w-auto object-contain")
     ), o = b(
-      () => S(
+      () => C(
         "font-bold text-foreground",
         {
           "text-lg": a.size === "sm",
@@ -4711,10 +4711,10 @@ const Q = {
       }
     );
     return (o, l) => (s(), u("div", {
-      class: v(N(S)(N(n)({ size: e.size }), o.$attrs.class))
+      class: v(N(C)(N(n)({ size: e.size }), o.$attrs.class))
     }, [
       i("div", {
-        class: v(N(S)(N(r)({ variant: e.variant }))),
+        class: v(N(C)(N(r)({ variant: e.variant }))),
         style: me({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -4775,7 +4775,7 @@ const Q = {
         }
       }
     ), o = b(
-      () => S(n({ size: a.size }), a.class)
+      () => C(n({ size: a.size }), a.class)
     ), l = b(
       () => r({ variant: a.variant })
     ), c = b(
@@ -4805,11 +4805,11 @@ const Q = {
   __name: "CircularProgress",
   props: {
     value: {
-      type: Number,
+      type: [Number, String],
       default: 0
     },
     max: {
-      type: Number,
+      type: [Number, String],
       default: 100
     },
     size: {
@@ -4826,6 +4826,10 @@ const Q = {
       type: Boolean,
       default: !0
     },
+    showRawValue: {
+      type: Boolean,
+      default: !1
+    },
     strokeLinecap: {
       type: String,
       default: "round",
@@ -4833,72 +4837,72 @@ const Q = {
     }
   },
   setup(e) {
-    const a = e, t = b(() => {
-      const P = a.value / a.max * 100;
-      return Math.min(Math.max(P, 0), 100);
-    }), n = b(() => ({
+    const a = e, t = b(() => parseFloat(a.value) || 0), n = b(() => parseFloat(a.max) || 100), r = b(() => {
+      const S = t.value / n.value * 100;
+      return Math.min(Math.max(S, 0), 100);
+    }), o = b(() => ({
       xs: 32,
       sm: 48,
       md: 64,
       lg: 80,
       xl: 96
-    })[a.size] || 64), r = b(() => ({
+    })[a.size] || 64), l = b(() => ({
       xs: 3,
       sm: 4,
       md: 5,
       lg: 6,
       xl: 7
-    })[a.size] || 5), o = b(() => n.value / 2), l = b(() => o.value - r.value / 2), c = b(() => 2 * Math.PI * l.value), f = b(() => c.value - t.value / 100 * c.value), y = b(() => {
-      const P = {
+    })[a.size] || 5), c = b(() => o.value / 2), f = b(() => c.value - l.value / 2), y = b(() => 2 * Math.PI * f.value), w = b(() => y.value - r.value / 100 * y.value), k = b(() => {
+      const S = {
         default: "#3b82f6",
         success: "#10b981",
         warning: "#f59e0b",
         danger: "#ef4444"
       };
-      return P[a.variant] || P.default;
-    }), w = b(() => "#e5e7eb"), k = b(() => {
-      const P = {
+      return S[a.variant] || S.default;
+    }), I = b(() => "#e5e7eb"), $ = b(() => {
+      const S = {
         default: "text-blue-600",
         success: "text-green-600",
         warning: "text-yellow-600",
         danger: "text-red-600"
       };
-      return P[a.variant] || P.default;
+      return S[a.variant] || S.default;
     });
-    return (P, $) => (s(), u("div", {
-      class: v(N(S)("relative inline-flex items-center justify-center", P.$attrs.class))
+    return (S, x) => (s(), u("div", {
+      class: v(N(C)("relative inline-flex items-center justify-center", S.$attrs.class))
     }, [
       (s(), u("svg", {
-        width: n.value,
-        height: n.value,
-        viewBox: `0 0 ${n.value} ${n.value}`,
+        width: o.value,
+        height: o.value,
+        viewBox: `0 0 ${o.value} ${o.value}`,
         class: "transform -rotate-90"
       }, [
         i("circle", {
-          cx: o.value,
-          cy: o.value,
-          r: l.value,
-          stroke: w.value,
-          "stroke-width": r.value,
+          cx: c.value,
+          cy: c.value,
+          r: f.value,
+          stroke: I.value,
+          "stroke-width": l.value,
           fill: "none"
         }, null, 8, Di),
         i("circle", {
-          cx: o.value,
-          cy: o.value,
-          r: l.value,
-          stroke: y.value,
-          "stroke-width": r.value,
+          cx: c.value,
+          cy: c.value,
+          r: f.value,
+          stroke: k.value,
+          "stroke-width": l.value,
           fill: "none",
-          "stroke-dasharray": c.value,
-          "stroke-dashoffset": f.value,
+          "stroke-dasharray": y.value,
+          "stroke-dashoffset": w.value,
           "stroke-linecap": e.strokeLinecap,
           class: "transition-all duration-300 ease-in-out"
         }, null, 8, Ei)
       ], 8, Mi)),
       e.showValue ? (s(), u("div", Li, [
         i("span", {
-          class: v(N(S)("text-sm font-medium", k.value))
-        }, p(Math.round(t.value)) + "% ", 3)
+          class: v(N(C)("text-xs font-medium", $.value))
+        }, p(e.showRawValue ? t.value.toFixed(2) : Math.round(r.value) + "%"), 3)
       ])) : h("", !0)
     ], 2));
   }
@@ -4933,13 +4937,13 @@ const Q = {
         }
       }
     ), l = b(
-      () => S(
+      () => C(
         o({ size: t.size }),
         t.disabled && "cursor-not-allowed opacity-50",
         t.class
       )
     ), c = b(
-      () => S(
+      () => C(
         "flex items-center justify-center rounded-full bg-primary",
         {
           "h-2 w-2": t.size === "sm",
@@ -4948,7 +4952,7 @@ const Q = {
         }
       )
     ), f = b(
-      () => S(
+      () => C(
         "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         !t.disabled && "cursor-pointer"
       )
@@ -5014,7 +5018,7 @@ const Q = {
         }
       }
     ), n = b(
-      () => S(
+      () => C(
         t({ disabled: a.disabled }),
         "px-3 py-2",
         a.class
@@ -5110,7 +5114,7 @@ const Q = {
         ]
       }
     ), l = b(
-      () => S(
+      () => C(
         r({
           size: t.size,
           checked: t.modelValue
@@ -5199,7 +5203,7 @@ const Q = {
         }
       }
     ), n = b(
-      () => S(t({
+      () => C(t({
         size: a.size,
         variant: a.variant,
         weight: a.weight,
@@ -5248,7 +5252,7 @@ const Q = {
   setup(e, { expose: a, emit: t }) {
     const n = e, r = t, o = W(null), l = b(() => n.id || da()), c = (m) => {
       r("update:modelValue", m.target.value), n.autoResize && Ut(() => x());
-    }, f = (m) => r("blur", m), y = (m) => r("focus", m), w = (m) => r("keydown", m), k = b(() => !!n.error || n.variant === "error"), P = b(
+    }, f = (m) => r("blur", m), y = (m) => r("focus", m), w = (m) => r("keydown", m), k = b(() => !!n.error || n.variant === "error"), I = b(
       () => n.error ? `${l.value}-error` : void 0
     ), $ = E(
       "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",
@@ -5277,8 +5281,8 @@ const Q = {
           resize: "vertical"
         }
       }
-    ), A = b(
-      () => S($({ size: n.size, variant: n.variant, resize: n.resize }))
+    ), S = b(
+      () => C($({ size: n.size, variant: n.variant, resize: n.resize }))
     ), x = () => {
       if (!o.value || !n.autoResize) return;
       const m = o.value;
@@ -5301,8 +5305,8 @@ const Q = {
       required: e.required,
       rows: e.rows,
       maxlength: e.maxlength,
-      class: v(A.value),
-      "aria-describedby": P.value,
+      class: v(S.value),
+      "aria-describedby": I.value,
       "aria-invalid": k.value,
       onInput: c,
       onBlur: f,
@@ -5356,48 +5360,48 @@ const Q = {
         }
       }
     ), y = b(
-      () => S(c({ placement: a.placement }), a.class)
+      () => C(c({ placement: a.placement }), a.class)
     ), w = b(
       () => f({ placement: a.placement })
     ), k = () => {
       if (!n.value || !r.value) return;
-      const A = n.value.getBoundingClientRect(), x = r.value.getBoundingClientRect();
+      const S = n.value.getBoundingClientRect(), x = r.value.getBoundingClientRect();
       let m = 0, g = 0;
       const d = 8;
       switch (a.placement) {
         case "top":
-          m = A.top - x.height - d, g = A.left + A.width / 2 - x.width / 2;
+          m = S.top - x.height - d, g = S.left + S.width / 2 - x.width / 2;
           break;
         case "bottom":
-          m = A.bottom + d, g = A.left + A.width / 2 - x.width / 2;
+          m = S.bottom + d, g = S.left + S.width / 2 - x.width / 2;
           break;
         case "left":
-          m = A.top + A.height / 2 - x.height / 2, g = A.left - x.width - d;
+          m = S.top + S.height / 2 - x.height / 2, g = S.left - x.width - d;
           break;
         case "right":
-          m = A.top + A.height / 2 - x.height / 2, g = A.right + d;
+          m = S.top + S.height / 2 - x.height / 2, g = S.right + d;
           break;
       }
-      const C = 8;
-      g < C && (g = C), g + x.width > window.innerWidth - C && (g = window.innerWidth - x.width - C), m < C && (m = C), m + x.height > window.innerHeight - C && (m = window.innerHeight - x.height - C), o.value = {
+      const z = 8;
+      g < z && (g = z), g + x.width > window.innerWidth - z && (g = window.innerWidth - x.width - z), m < z && (m = z), m + x.height > window.innerHeight - z && (m = window.innerHeight - x.height - z), o.value = {
         top: `${m}px`,
         left: `${g}px`
       };
-    }, P = () => {
+    }, I = () => {
       l && clearTimeout(l), l = setTimeout(async () => {
         t.value = !0, await Ut(), k();
       }, a.delay);
     }, $ = () => {
       l && clearTimeout(l), t.value = !1;
     };
-    return (A, x) => (s(), u("div", {
+    return (S, x) => (s(), u("div", {
       ref_key: "triggerRef",
       ref: n,
       class: "relative inline-block",
-      onMouseenter: P,
+      onMouseenter: I,
       onMouseleave: $
     }, [
-      O(A.$slots, "default"),
+      O(S.$slots, "default"),
       (s(), _(ca, { to: "body" }, [
         B(ge, {
           "enter-active-class": "transition-opacity duration-200",
@@ -5615,7 +5619,7 @@ const Q = {
         d="M6 18L18 6M6 6l12 12" />
     </svg>
   `
-    }, P = b(() => ({
+    }, I = b(() => ({
       info: c,
       success: f,
       warning: y,
@@ -5637,7 +5641,7 @@ const Q = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), A = b(() => ["w-5 h-5", {
+    ), S = b(() => ["w-5 h-5", {
       info: "text-blue-500",
       success: "text-green-500",
       warning: "text-yellow-500",
@@ -5663,13 +5667,13 @@ const Q = {
       default: R(() => [
         r.value ? (s(), u("div", {
           key: 0,
-          class: v(N(S)(N($)({ variant: e.variant }), m.$attrs.class)),
+          class: v(N(C)(N($)({ variant: e.variant }), m.$attrs.class)),
           role: "alert"
         }, [
           i("div", Xi, [
             e.showIcon ? (s(), u("div", Ji, [
-              (s(), _(ye(P.value), {
-                class: v(A.value)
+              (s(), _(ye(I.value), {
+                class: v(S.value)
               }, null, 8, ["class"]))
             ])) : h("", !0),
             i("div", Qi, [
@@ -5687,7 +5691,7 @@ const Q = {
                     key: d.label,
                     variant: d.variant || "outline",
                     size: d.size || "sm",
-                    onClick: (C) => l(d)
+                    onClick: (z) => l(d)
                   }, {
                     default: R(() => [
                       te(p(d.label), 1)
@@ -5742,7 +5746,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
     return (r, o) => (s(), u("nav", {
       "aria-label": e.ariaLabel,
@@ -5804,7 +5808,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ orientation: a.orientation }))
+      () => C(t({ orientation: a.orientation }))
     );
     return (r, o) => (s(), u("div", {
       class: v(n.value),
@@ -5996,7 +6000,7 @@ const Q = {
           xl: "px-8 pb-8 pt-6"
         }
       }
-    }), P = E("overflow-hidden", {
+    }), I = E("overflow-hidden", {
       variants: {
         padding: {
           none: "",
@@ -6033,8 +6037,8 @@ const Q = {
         }
       ]
     });
-    return ($, A) => (s(), _(ye(e.as), {
-      class: v(N(S)(N(f)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading, bordered: e.bordered }))),
+    return ($, S) => (s(), _(ye(e.as), {
+      class: v(N(C)(N(f)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading, bordered: e.bordered }))),
       disabled: e.disabled || e.loading,
       "aria-busy": e.loading,
       "aria-disabled": e.disabled,
@@ -6047,19 +6051,19 @@ const Q = {
       ]
     }, {
       default: R(() => [
-        e.loading ? (s(), u("div", iu, [...A[0] || (A[0] = [
+        e.loading ? (s(), u("div", iu, [...S[0] || (S[0] = [
           i("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-slate-900" }, null, -1)
         ])])) : h("", !0),
         $.$slots.header || e.title || e.subtitle || $.$slots.actions ? (s(), u("div", {
           key: 1,
-          class: v(N(S)(N(y)({ padding: e.padding, hasBorder: !!($.$slots.default || $.$slots.footer) })))
+          class: v(N(C)(N(y)({ padding: e.padding, hasBorder: !!($.$slots.default || $.$slots.footer) })))
         }, [
           O($.$slots, "header", {}, () => [
             i("div", uu, [
               i("div", du, [
                 e.title ? (s(), _(ye(e.titleTag), {
                   key: 0,
-                  class: v(N(S)(bu, l.value))
+                  class: v(N(C)(bu, l.value))
                 }, {
                   default: R(() => [
                     te(p(e.title), 1)
@@ -6079,27 +6083,27 @@ const Q = {
         ], 2)) : h("", !0),
         $.$slots.image || e.image ? (s(), u("div", {
           key: 2,
-          class: v(N(S)(N(P)({ padding: e.padding, hasHeader: !!($.$slots.header || e.title) })))
+          class: v(N(C)(N(I)({ padding: e.padding, hasHeader: !!($.$slots.header || e.title) })))
         }, [
           O($.$slots, "image", {}, () => [
             e.image ? (s(), u("img", {
               key: 0,
               src: e.image,
               alt: e.imageAlt,
-              class: v(N(S)(vu, c.value)),
+              class: v(N(C)(vu, c.value)),
               loading: e.imageLazy ? "lazy" : "eager"
             }, null, 10, fu)) : h("", !0)
           ])
         ], 2)) : h("", !0),
         $.$slots.default ? (s(), u("div", {
           key: 3,
-          class: v(N(S)(N(w)({ padding: e.padding })))
+          class: v(N(C)(N(w)({ padding: e.padding })))
         }, [
           O($.$slots, "default")
         ], 2)) : h("", !0),
         $.$slots.footer ? (s(), u("div", {
           key: 4,
-          class: v(N(S)(N(k)({ padding: e.padding })))
+          class: v(N(C)(N(k)({ padding: e.padding })))
         }, [
           O($.$slots, "footer")
         ], 2)) : h("", !0),
@@ -6124,7 +6128,7 @@ const Q = {
   },
   setup(e) {
     return (a, t) => (s(), u("header", {
-      class: v(N(S)(
+      class: v(N(C)(
         "flex items-center justify-between",
         a.$attrs.class
       ))
@@ -6165,7 +6169,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
     return (r, o) => (s(), u("div", {
       class: v(n.value)
@@ -6192,7 +6196,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
     return (r, o) => (s(), u("div", {
       class: v(n.value)
@@ -6206,7 +6210,7 @@ const Q = {
   __name: "CardContent",
   setup(e) {
     return (a, t) => (s(), u("div", {
-      class: v(N(S)("p-6 pt-0", a.$attrs.class))
+      class: v(N(C)("p-6 pt-0", a.$attrs.class))
     }, [
       O(a.$slots, "default")
     ], 2));
@@ -6217,7 +6221,7 @@ const Q = {
   __name: "CardTitle",
   setup(e) {
     return (a, t) => (s(), u("h3", {
-      class: v(N(S)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
+      class: v(N(C)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
     }, [
       O(a.$slots, "default")
     ], 2));
@@ -6262,41 +6266,41 @@ const Q = {
       () => new Date(c.value, l.value).toLocaleString("default", {
         month: "long"
       })
-    ), k = b(() => new Date(c.value, l.value + 1, 0).getDate()), P = b(() => new Date(c.value, l.value, 1).getDay()), $ = b(() => {
-      const z = new Date(c.value, l.value, 0).getDate(), M = P.value;
-      return Array.from({ length: M }, (H, oe) => z - M + oe + 1);
-    }), A = b(() => {
-      const z = $.value.length + k.value, M = z % 7 === 0 ? 0 : 7 - z % 7;
+    ), k = b(() => new Date(c.value, l.value + 1, 0).getDate()), I = b(() => new Date(c.value, l.value, 1).getDay()), $ = b(() => {
+      const A = new Date(c.value, l.value, 0).getDate(), M = I.value;
+      return Array.from({ length: M }, (H, oe) => A - M + oe + 1);
+    }), S = b(() => {
+      const A = $.value.length + k.value, M = A % 7 === 0 ? 0 : 7 - A % 7;
       return Array.from({ length: M }, (H, oe) => oe + 1);
     }), x = b(() => f.value ? m(f.value) : "");
-    function m(z) {
-      if (!z) return "";
-      const M = new Date(z), H = String(M.getMonth() + 1).padStart(2, "0"), oe = String(M.getDate()).padStart(2, "0"), re = M.getFullYear();
+    function m(A) {
+      if (!A) return "";
+      const M = new Date(A), H = String(M.getMonth() + 1).padStart(2, "0"), oe = String(M.getDate()).padStart(2, "0"), re = M.getFullYear();
       return t.format.replace("MM", H).replace("DD", oe).replace("YYYY", re);
     }
-    function g(z) {
-      if (!z) return null;
-      if (z instanceof Date) return z;
-      if (typeof z == "string") {
-        const H = z.split("-");
+    function g(A) {
+      if (!A) return null;
+      if (A instanceof Date) return A;
+      if (typeof A == "string") {
+        const H = A.split("-");
         if (H.length === 3) {
           const oe = parseInt(H[0], 10), re = parseInt(H[1], 10) - 1, $e = parseInt(H[2], 10);
           return new Date(oe, re, $e);
         }
       }
-      const M = new Date(z);
+      const M = new Date(A);
       return isNaN(M.getTime()) ? null : M;
     }
-    function d(z) {
-      return o.getDate() === z && o.getMonth() === l.value && o.getFullYear() === c.value;
+    function d(A) {
+      return o.getDate() === A && o.getMonth() === l.value && o.getFullYear() === c.value;
     }
-    function C(z) {
+    function z(A) {
       if (!f.value) return !1;
       const M = new Date(f.value);
-      return M.getDate() === z && M.getMonth() === l.value && M.getFullYear() === c.value;
+      return M.getDate() === A && M.getMonth() === l.value && M.getFullYear() === c.value;
     }
-    function F(z) {
-      const M = new Date(c.value, l.value, z);
+    function F(A) {
+      const M = new Date(c.value, l.value, A);
       if (t.min) {
         const H = g(t.min);
         if (H && M < H) return !0;
@@ -6319,9 +6323,9 @@ const Q = {
     function le() {
       l.value === 11 ? (l.value = 0, c.value++) : l.value++;
     }
-    function ne(z) {
-      if (F(z)) return;
-      const M = new Date(c.value, l.value, z);
+    function ne(A) {
+      if (F(A)) return;
+      const M = new Date(c.value, l.value, A);
       f.value = M;
       const H = M.getFullYear(), oe = String(M.getMonth() + 1).padStart(2, "0"), re = String(M.getDate()).padStart(2, "0"), $e = `${H}-${oe}-${re}`;
       n("update:modelValue", $e), setTimeout(() => {
@@ -6334,21 +6338,21 @@ const Q = {
     function Z() {
       f.value = null, n("update:modelValue", "");
     }
-    ve(() => t.modelValue, (z) => {
-      if (z) {
-        const M = g(z);
+    ve(() => t.modelValue, (A) => {
+      if (A) {
+        const M = g(A);
         M && (f.value = M, l.value = M.getMonth(), c.value = M.getFullYear());
       } else
         f.value = null;
     }, { immediate: !0 });
-    function J(z) {
-      z.key === "Escape" && r.value && Y();
+    function J(A) {
+      A.key === "Escape" && r.value && Y();
     }
     return Te(() => {
       document.addEventListener("keydown", J);
     }), fn(() => {
       document.removeEventListener("keydown", J);
-    }), (z, M) => (s(), u("div", Bu, [
+    }), (A, M) => (s(), u("div", Bu, [
       i("div", Pu, [
         i("input", {
           id: e.id,
@@ -6474,13 +6478,13 @@ const Q = {
                 disabled: F(H),
                 class: v([
                   "w-9 h-9 rounded-lg text-sm font-medium transition-colors",
-                  d(H) && !C(H) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
-                  C(H) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
+                  d(H) && !z(H) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
+                  z(H) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
                   F(H) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
                 ]),
                 onClick: (oe) => ne(H)
               }, p(H), 11, Fu))), 128)),
-              (s(!0), u(K, null, X(A.value, (H, oe) => (s(), u("div", {
+              (s(!0), u(K, null, X(S.value, (H, oe) => (s(), u("div", {
                 key: "next-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
               }, p(H), 1))), 128))
@@ -6546,9 +6550,9 @@ const Q = {
         }
       }
     ), l = b(
-      () => S(r({ variant: a.variant }), "h-10 px-4 py-2")
+      () => C(r({ variant: a.variant }), "h-10 px-4 py-2")
     ), c = b(
-      () => S(o({ placement: a.placement }))
+      () => C(o({ placement: a.placement }))
     ), f = () => {
       t.value = !t.value;
     }, y = (w) => {
@@ -6628,7 +6632,7 @@ const Q = {
         }
       }
     ), o = b(
-      () => S(r({ variant: t.variant }))
+      () => C(r({ variant: t.variant }))
     ), l = (c) => {
       t.disabled || n("click", c);
     };
@@ -6683,7 +6687,7 @@ const Q = {
         }
       }
     ), f = b(
-      () => S(
+      () => C(
         c({ variant: t.variant }),
         {
           "border-green-500 bg-green-50/50": r.value.length > 0 && !o.value,
@@ -6693,36 +6697,36 @@ const Q = {
       )
     ), y = (d) => {
       d.preventDefault(), o.value = !1;
-      const C = Array.from(d.dataTransfer.files);
-      x(C);
+      const z = Array.from(d.dataTransfer.files);
+      x(z);
     }, w = (d) => {
       d.preventDefault();
     }, k = (d) => {
       d.preventDefault(), o.value = !0;
-    }, P = (d) => {
+    }, I = (d) => {
       d.preventDefault(), o.value = !1;
     }, $ = () => {
       l.value?.click();
-    }, A = (d) => {
-      const C = Array.from(d.target.files);
-      x(C);
+    }, S = (d) => {
+      const z = Array.from(d.target.files);
+      x(z);
     }, x = (d) => {
-      const C = d.filter((F) => !(t.maxSize && F.size > t.maxSize));
-      t.multiple ? r.value.push(...C) : r.value = C.slice(0, 1), n("files-selected", r.value);
+      const z = d.filter((F) => !(t.maxSize && F.size > t.maxSize));
+      t.multiple ? r.value.push(...z) : r.value = z.slice(0, 1), n("files-selected", r.value);
     }, m = (d) => {
       r.value.splice(d, 1), n("file-removed", r.value);
     }, g = (d) => {
       if (d === 0) return "0 Bytes";
-      const C = 1024, F = ["Bytes", "KB", "MB", "GB"], V = Math.floor(Math.log(d) / Math.log(C));
-      return parseFloat((d / Math.pow(C, V)).toFixed(2)) + " " + F[V];
+      const z = 1024, F = ["Bytes", "KB", "MB", "GB"], V = Math.floor(Math.log(d) / Math.log(z));
+      return parseFloat((d / Math.pow(z, V)).toFixed(2)) + " " + F[V];
     };
-    return (d, C) => (s(), u("div", Ru, [
+    return (d, z) => (s(), u("div", Ru, [
       i("div", {
         class: v(f.value),
         onDrop: y,
         onDragover: w,
         onDragenter: k,
-        onDragleave: P,
+        onDragleave: I,
         onClick: $
       }, [
         i("input", {
@@ -6732,14 +6736,14 @@ const Q = {
           multiple: e.multiple,
           accept: e.accept,
           class: "hidden",
-          onChange: A
+          onChange: S
         }, null, 40, _u),
         i("div", qu, [
           B(Q, {
             icon: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
           }),
-          C[0] || (C[0] = i("p", { class: "text-sm text-muted-foreground text-center" }, [
+          z[0] || (z[0] = i("p", { class: "text-sm text-muted-foreground text-center" }, [
             i("span", { class: "font-semibold" }, "Click to upload"),
             te(" or drag and drop ")
           ], -1)),
@@ -6820,7 +6824,7 @@ const Q = {
         }
       },
       defaultVariants: { size: "md" }
-    }), P = E("text-slate-600", {
+    }), I = E("text-slate-600", {
       variants: {
         size: {
           sm: "text-xs",
@@ -6842,7 +6846,7 @@ const Q = {
         }
       },
       defaultVariants: { size: "md", intent: "error" }
-    }), A = E("text-slate-500", {
+    }), S = E("text-slate-500", {
       variants: {
         size: {
           sm: "text-xs",
@@ -6855,19 +6859,19 @@ const Q = {
     return (x, m) => {
       const g = fe("font-awesome-icon");
       return s(), u("div", {
-        class: v(N(S)(N(w)({ size: e.size }), x.$attrs.class))
+        class: v(N(C)(N(w)({ size: e.size }), x.$attrs.class))
       }, [
         e.label ? (s(), u("label", {
           key: 0,
           for: o.value,
-          class: v(N(S)(N(k)({ size: e.size })))
+          class: v(N(C)(N(k)({ size: e.size })))
         }, [
           te(p(e.label) + " ", 1),
           e.required ? (s(), u("span", Qu, "*")) : h("", !0)
         ], 10, Ju)) : h("", !0),
         e.description ? (s(), u("p", {
           key: 1,
-          class: v(N(S)(N(P)({ size: e.size })))
+          class: v(N(C)(N(I)({ size: e.size })))
         }, p(e.description), 3)) : h("", !0),
         i("div", Zu, [
           e.type === "date" ? (s(), _(Aa, {
@@ -6911,7 +6915,7 @@ const Q = {
             l.value ? (s(), u("div", {
               key: 0,
               id: `${o.value}-error`,
-              class: v(N(S)(N($)({ size: e.size, intent: "error" }))),
+              class: v(N(C)(N($)({ size: e.size, intent: "error" }))),
               role: "alert",
               "aria-live": "polite"
             }, [
@@ -6927,7 +6931,7 @@ const Q = {
         e.helpText && !l.value ? (s(), u("p", {
           key: 2,
           id: `${o.value}-help`,
-          class: v(N(S)(N(A)({ size: e.size })))
+          class: v(N(C)(N(S)({ size: e.size })))
         }, p(e.helpText), 11, ad)) : h("", !0),
         B(ge, {
           "enter-active-class": "transition-all duration-200",
@@ -6940,7 +6944,7 @@ const Q = {
           default: R(() => [
             e.success && !l.value ? (s(), u("div", {
               key: 0,
-              class: v(N(S)(N($)({ size: e.size, intent: "success" })))
+              class: v(N(C)(N($)({ size: e.size, intent: "success" })))
             }, [
               B(g, {
                 icon: "check",
@@ -6978,7 +6982,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
     return (r, o) => (s(), u("div", {
       class: v(n.value)
@@ -7035,9 +7039,9 @@ const Q = {
         }
       }
     }), l = b(
-      () => S(r({ variant: t.variant }))
+      () => C(r({ variant: t.variant }))
     ), c = b(
-      () => S(o({ variant: t.variant }))
+      () => C(o({ variant: t.variant }))
     ), f = (y) => {
       n("click", y);
     };
@@ -7103,7 +7107,7 @@ const Q = {
         }
       }
     ), o = b(
-      () => S(r({ variant: t.variant }))
+      () => C(r({ variant: t.variant }))
     ), l = (c) => {
       t.disabled || n("click", c);
     };
@@ -7205,7 +7209,7 @@ const Q = {
             onClick: l
           }, [
             i("div", {
-              class: v(N(S)(N(t)({ size: e.size }), e.resizable ? "resize" : "")),
+              class: v(N(C)(N(t)({ size: e.size }), e.resizable ? "resize" : "")),
               style: me(e.resizable ? "min-width: 400px; min-height: 200px;" : "")
             }, [
               e.showClose ? (s(), u("button", {
@@ -7265,7 +7269,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
     return (r, o) => (s(), u("div", {
       class: v(n.value)
@@ -7291,7 +7295,7 @@ const Q = {
         }
       }
     }), n = b(
-      () => S(t({ variant: a.variant }))
+      () => C(t({ variant: a.variant }))
     );
     return (r, o) => (s(), u("div", {
       class: v(n.value)
@@ -7358,7 +7362,7 @@ const Q = {
         }
       }
     }), f = b(
-      () => S(o({ variant: t.variant }), "p-4")
+      () => C(o({ variant: t.variant }), "p-4")
     ), y = b(() => l[t.variant]), w = b(() => c({ variant: t.variant })), k = () => {
       r.value = !1, n("dismiss");
     };
@@ -7366,7 +7370,7 @@ const Q = {
       t.autoClose > 0 && setTimeout(() => {
         k();
       }, t.autoClose);
-    }), (P, $) => (s(), _(ge, {
+    }), (I, $) => (s(), _(ge, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "transform translate-x-full opacity-0",
       "enter-to-class": "transform translate-x-0 opacity-100",
@@ -7394,7 +7398,7 @@ const Q = {
                 key: 1,
                 class: v(["text-sm", { "mt-1": e.title }])
               }, p(e.message), 3)) : h("", !0),
-              O(P.$slots, "default")
+              O(I.$slots, "default")
             ]),
             e.dismissible ? (s(), u("button", {
               key: 1,
@@ -7541,7 +7545,7 @@ const Bd = {
       "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 flex-col-reverse",
       "bottom-right": "bottom-0 right-0 flex-col-reverse"
     }, o = b(
-      () => S(r[a.position])
+      () => C(r[a.position])
     ), l = E(
       "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",
       {
@@ -7557,7 +7561,7 @@ const Bd = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), c = (A) => S(l({ variant: A.variant })), f = {
+    ), c = (S) => C(l({ variant: S.variant })), f = {
       default: "bell",
       info: "info",
       success: "check-circle",
@@ -7571,13 +7575,13 @@ const Bd = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, w = (A) => A.icon || f[A.variant] || f.default, k = (A) => {
-      const x = y[A.variant] || y.default;
-      return A.variant === "loading" ? `${x} animate-spin` : x;
-    }, P = (A) => A.icon !== !1, $ = (A) => A.dismissible !== !1 && (A.closeButton || a.closeButton || A.dismissible);
-    return (A, x) => (s(), _(ca, { to: "body" }, [
+    }, w = (S) => S.icon || f[S.variant] || f.default, k = (S) => {
+      const x = y[S.variant] || y.default;
+      return S.variant === "loading" ? `${x} animate-spin` : x;
+    }, I = (S) => S.icon !== !1, $ = (S) => S.dismissible !== !1 && (S.closeButton || a.closeButton || S.dismissible);
+    return (S, x) => (s(), _(ca, { to: "body" }, [
       i("div", {
-        class: v(N(S)(
+        class: v(N(C)(
           o.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
@@ -7600,7 +7604,7 @@ const Bd = {
               role: "alert",
               "aria-live": m.variant === "error" ? "assertive" : "polite"
             }, [
-              P(m) ? (s(), _(Q, {
+              I(m) ? (s(), _(Q, {
                 key: 0,
                 icon: w(m),
                 class: v([k(m), "h-4 w-4 shrink-0"])
@@ -7700,14 +7704,14 @@ const Bd = {
     <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>`
-    }, o = e, l = a, c = W(null), f = W(null), y = W(!1), w = W(-1), k = W(null), P = (j) => {
+    }, o = e, l = a, c = W(null), f = W(null), y = W(!1), w = W(-1), k = W(null), I = (j) => {
       const Z = j.target.value;
       l("update:modelValue", Z), k.value && clearTimeout(k.value), k.value = setTimeout(() => {
         Z.length >= o.minLength ? (l("search", Z), y.value = !0) : y.value = !1;
       }, o.debounce);
     }, $ = (j) => {
       l("focus", j), o.modelValue.length >= o.minLength && (y.value = !0);
-    }, A = (j) => {
+    }, S = (j) => {
       l("blur", j), setTimeout(() => {
         y.value = !1, w.value = -1;
       }, 150);
@@ -7735,7 +7739,7 @@ const Bd = {
       if (!o.highlightMatches || !o.modelValue || !j) return j;
       const Z = new RegExp(`(${o.modelValue})`, "gi");
       return j.replace(Z, "$1");
-    }, C = E(
+    }, z = E(
       "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",
       {
         variants: {
@@ -7756,9 +7760,9 @@ const Bd = {
         }
       },
       defaultVariants: { size: "md" }
-    }), V = b(() => S(C({ size: o.size }))), Y = b(() => S(F({ size: o.size }))), G = b(
-      () => S("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), le = (j) => S(
+    }), V = b(() => C(z({ size: o.size }))), Y = b(() => C(F({ size: o.size }))), G = b(
+      () => C("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
+    ), le = (j) => C(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
       { "bg-slate-50": w.value === j }
     ), ne = (j) => {
@@ -7784,9 +7788,9 @@ const Bd = {
           placeholder: e.placeholder,
           disabled: e.disabled,
           class: v(V.value),
-          onInput: P,
+          onInput: I,
           onFocus: $,
-          onBlur: A,
+          onBlur: S,
           onKeydown: g
         }, null, 42, Rd),
         e.modelValue || e.loading ? (s(), u("div", _d, [
@@ -7816,11 +7820,11 @@ const Bd = {
             class: v(G.value)
           }, [
             e.results.length > 0 ? (s(), u("div", Wd, [
-              (s(!0), u(K, null, X(e.results, (J, z) => (s(), u("button", {
-                key: J.id || z,
-                class: v(le(z)),
+              (s(!0), u(K, null, X(e.results, (J, A) => (s(), u("button", {
+                key: J.id || A,
+                class: v(le(A)),
                 onClick: (M) => m(J),
-                onMouseenter: (M) => w.value = z
+                onMouseenter: (M) => w.value = A
               }, [
                 J.icon ? (s(), _(ye(J.icon), {
                   key: 0,
@@ -7954,7 +7958,7 @@ const Bd = {
           id: `tab-${k}`,
           key: k,
           disabled: t.loading,
-          class: v(N(S)(
+          class: v(N(C)(
             N(n)({ size: t.size, variant: t.variant }),
             r.value === k ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300",
             t.loading && "cursor-not-allowed opacity-50"
@@ -7962,7 +7966,7 @@ const Bd = {
           "aria-selected": r.value === k,
           "aria-controls": `panel-${k}`,
           role: "tab",
-          onClick: (P) => !t.loading && l(k)
+          onClick: (I) => !t.loading && l(k)
         }, p(w.label), 11, fc))), 128))
       ]),
       i("div", mc, [
@@ -8042,11 +8046,11 @@ const Bd = {
     ), l = (d) => {
       if (!(n.disabled || n.items[d]?.disabled)) {
         if (n.multiple) {
-          const C = o.value.indexOf(d);
-          C > -1 ? o.value.splice(C, 1) : o.value.push(d), r("update:modelValue", [...o.value]);
+          const z = o.value.indexOf(d);
+          z > -1 ? o.value.splice(z, 1) : o.value.push(d), r("update:modelValue", [...o.value]);
         } else {
-          const C = o.value.includes(d) ? null : d;
-          o.value = C !== null ? [C] : [], r("update:modelValue", C);
+          const z = o.value.includes(d) ? null : d;
+          o.value = z !== null ? [z] : [], r("update:modelValue", z);
         }
         r("change", { index: d, expanded: o.value.includes(d) });
       }
@@ -8092,7 +8096,7 @@ const Bd = {
           false: ""
         }
       }
-    }), P = E("overflow-hidden text-slate-600 bg-white", {
+    }), I = E("overflow-hidden text-slate-600 bg-white", {
       variants: {
         size: {
           sm: "px-4 py-3 text-sm",
@@ -8101,29 +8105,29 @@ const Bd = {
         }
       }
     }), $ = b(
-      () => S(f({ variant: n.variant }))
-    ), A = b(
-      () => S(y({ variant: n.variant }))
-    ), x = (d) => S(
+      () => C(f({ variant: n.variant }))
+    ), S = b(
+      () => C(y({ variant: n.variant }))
+    ), x = (d) => C(
       w({ variant: n.variant, size: n.size }),
       c(d) && n.variant === "bordered" && "bg-blue-50/30 border-blue-300",
       c(d) && n.variant === "filled" && "bg-white",
       c(d) && n.variant === "default" && "bg-slate-50",
       (n.disabled || n.items[d]?.disabled) && "cursor-not-allowed opacity-50"
-    ), m = (d) => S(k({ expanded: c(d) })), g = b(
-      () => S(P({ size: n.size }))
+    ), m = (d) => C(k({ expanded: c(d) })), g = b(
+      () => C(I({ size: n.size }))
     );
     return ve(
       () => n.modelValue,
       (d) => {
         n.multiple ? o.value = Array.isArray(d) ? [...d] : [] : o.value = typeof d == "number" ? [d] : [];
       }
-    ), (d, C) => (s(), u("div", {
+    ), (d, z) => (s(), u("div", {
       class: v($.value)
     }, [
       (s(!0), u(K, null, X(e.items, (F, V) => (s(), u("div", {
         key: F.id || V,
-        class: v(A.value)
+        class: v(S.value)
       }, [
         i("button", {
           id: `header-${F.id || V}`,
@@ -8231,13 +8235,13 @@ const Bd = {
         }
       }
     }), f = b(
-      () => S(o({ variant: t.variant }))
+      () => C(o({ variant: t.variant }))
     ), y = b(
-      () => S(l({ size: t.size }))
+      () => C(l({ size: t.size }))
     ), w = b(
-      () => S(c({ size: t.size }))
+      () => C(c({ size: t.size }))
     );
-    return (k, P) => (s(), u("div", {
+    return (k, I) => (s(), u("div", {
       class: v(f.value)
     }, [
       B(xe, {
@@ -8248,7 +8252,7 @@ const Bd = {
         default: R(() => [
           O(k.$slots, "header", { isOpen: n.value }),
           B(a, {
-            class: v(N(S)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
+            class: v(N(C)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
@@ -8313,38 +8317,38 @@ const Bd = {
       () => new Date(c.value, l.value).toLocaleString("default", {
         month: "long"
       })
-    ), k = b(() => new Date(c.value, l.value + 1, 0).getDate()), P = b(() => new Date(c.value, l.value, 1).getDay()), $ = b(() => {
-      const J = new Date(c.value, l.value, 0).getDate(), z = P.value;
-      return Array.from({ length: z }, (M, H) => J - z + H + 1);
-    }), A = b(() => {
-      const J = $.value.length + k.value, z = J % 7 === 0 ? 0 : 7 - J % 7;
-      return Array.from({ length: z }, (M, H) => H + 1);
+    ), k = b(() => new Date(c.value, l.value + 1, 0).getDate()), I = b(() => new Date(c.value, l.value, 1).getDay()), $ = b(() => {
+      const J = new Date(c.value, l.value, 0).getDate(), A = I.value;
+      return Array.from({ length: A }, (M, H) => J - A + H + 1);
+    }), S = b(() => {
+      const J = $.value.length + k.value, A = J % 7 === 0 ? 0 : 7 - J % 7;
+      return Array.from({ length: A }, (M, H) => H + 1);
     }), x = b(() => f.value ? m(f.value) : "");
     function m(J) {
       if (!J) return "";
-      const z = new Date(J), M = String(z.getMonth() + 1).padStart(2, "0"), H = String(z.getDate()).padStart(2, "0"), oe = z.getFullYear();
+      const A = new Date(J), M = String(A.getMonth() + 1).padStart(2, "0"), H = String(A.getDate()).padStart(2, "0"), oe = A.getFullYear();
       return t.format.replace("MM", M).replace("DD", H).replace("YYYY", oe);
     }
     function g(J) {
       if (!J) return null;
       if (J instanceof Date) return J;
-      const z = new Date(J);
-      return isNaN(z.getTime()) ? null : z;
+      const A = new Date(J);
+      return isNaN(A.getTime()) ? null : A;
     }
     function d(J) {
       if (!f.value) return !1;
-      const z = new Date(f.value);
-      return z.getDate() === J && z.getMonth() === l.value && z.getFullYear() === c.value;
+      const A = new Date(f.value);
+      return A.getDate() === J && A.getMonth() === l.value && A.getFullYear() === c.value;
     }
-    function C(J) {
-      const z = new Date(c.value, l.value, J);
+    function z(J) {
+      const A = new Date(c.value, l.value, J);
       if (t.min) {
         const M = g(t.min);
-        if (M && z < M) return !0;
+        if (M && A < M) return !0;
       }
       if (t.max) {
         const M = g(t.max);
-        if (M && z > M) return !0;
+        if (M && A > M) return !0;
       }
       return !1;
     }
@@ -8361,9 +8365,9 @@ const Bd = {
       l.value === 11 ? (l.value = 0, c.value++) : l.value++;
     }
     function le(J) {
-      if (C(J)) return;
-      const z = new Date(c.value, l.value, J);
-      f.value = z, n("update:modelValue", z.toISOString().split("T")[0]), r.value = !1;
+      if (z(J)) return;
+      const A = new Date(c.value, l.value, J);
+      f.value = A, n("update:modelValue", A.toISOString().split("T")[0]), r.value = !1;
     }
     function ne() {
       l.value = o.getMonth(), c.value = o.getFullYear(), le(o.getDate());
@@ -8373,8 +8377,8 @@ const Bd = {
     }
     ve(() => t.modelValue, (J) => {
       if (J) {
-        const z = g(J);
-        z && (f.value = z, l.value = z.getMonth(), c.value = z.getFullYear());
+        const A = g(J);
+        A && (f.value = A, l.value = A.getMonth(), c.value = A.getFullYear());
       } else
         f.value = null;
     }, { immediate: !0 });
@@ -8385,7 +8389,7 @@ const Bd = {
       document.addEventListener("keydown", Z);
     }), fn(() => {
       document.removeEventListener("keydown", Z);
-    }), (J, z) => (s(), u("div", Cc, [
+    }), (J, A) => (s(), u("div", Cc, [
       i("div", zc, [
         i("input", {
           id: e.id,
@@ -8399,7 +8403,7 @@ const Bd = {
           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: F
         }, null, 8, Ac),
-        z[2] || (z[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
+        A[2] || (A[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           i("svg", {
             class: "w-5 h-5 text-slate-400",
             fill: "none",
@@ -8420,7 +8424,7 @@ const Bd = {
           class: "absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-slate-100 rounded",
           "aria-label": "Clear date",
           onClick: je(j, ["stop"])
-        }, [...z[1] || (z[1] = [
+        }, [...A[1] || (A[1] = [
           i("svg", {
             class: "w-4 h-4 text-slate-500",
             fill: "none",
@@ -8448,7 +8452,7 @@ const Bd = {
           r.value ? (s(), u("div", {
             key: 0,
             class: v(["absolute z-[99999] mt-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
-            onClick: z[0] || (z[0] = je(() => {
+            onClick: A[0] || (A[0] = je(() => {
             }, ["stop"]))
           }, [
             i("div", Bc, [
@@ -8457,7 +8461,7 @@ const Bd = {
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Previous Month",
                 onClick: Y
-              }, [...z[3] || (z[3] = [
+              }, [...A[3] || (A[3] = [
                 i("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -8478,7 +8482,7 @@ const Bd = {
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Next Month",
                 onClick: G
-              }, [...z[4] || (z[4] = [
+              }, [...A[4] || (A[4] = [
                 i("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -8508,15 +8512,15 @@ const Bd = {
               (s(!0), u(K, null, X(k.value, (M) => (s(), u("button", {
                 key: M,
                 type: "button",
-                disabled: C(M),
+                disabled: z(M),
                 class: v([
                   "w-8 h-8 text-sm rounded flex items-center justify-center",
                   d(M) ? "bg-blue-500 text-white" : "hover:bg-gray-100",
-                  C(M) ? "text-gray-300 cursor-not-allowed" : ""
+                  z(M) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
                 onClick: (H) => le(M)
               }, p(M), 11, jc))), 128)),
-              (s(!0), u(K, null, X(A.value, (M, H) => (s(), u("div", {
+              (s(!0), u(K, null, X(S.value, (M, H) => (s(), u("div", {
                 key: "next-" + H,
                 class: "text-center text-sm text-slate-300 py-2"
               }, p(M), 1))), 128))
@@ -8646,11 +8650,11 @@ const Bd = {
       }
     );
     return (c, f) => (s(), u("div", {
-      class: v(N(S)(N(a)({ variant: e.variant, padding: e.padding })))
+      class: v(N(C)(N(a)({ variant: e.variant, padding: e.padding })))
     }, [
       c.$slots.header || e.title || e.description ? (s(), u("div", {
         key: 0,
-        class: v(N(S)(N(t)({ padding: e.padding })))
+        class: v(N(C)(N(t)({ padding: e.padding })))
       }, [
         O(c.$slots, "header", {}, () => [
           i("div", Fc, [
@@ -8672,25 +8676,25 @@ const Bd = {
       ], 2)) : h("", !0),
       c.$slots.filters ? (s(), u("div", {
         key: 1,
-        class: v(N(S)(N(n)({ padding: e.padding })))
+        class: v(N(C)(N(n)({ padding: e.padding })))
       }, [
         O(c.$slots, "filters")
       ], 2)) : h("", !0),
       c.$slots.default ? (s(), u("div", {
         key: 2,
-        class: v(N(S)(N(r)({ padding: e.padding })))
+        class: v(N(C)(N(r)({ padding: e.padding })))
       }, [
         O(c.$slots, "default")
       ], 2)) : h("", !0),
       c.$slots.legend ? (s(), u("div", {
         key: 3,
-        class: v(N(S)(N(o)({ padding: e.padding })))
+        class: v(N(C)(N(o)({ padding: e.padding })))
       }, [
         O(c.$slots, "legend")
       ], 2)) : h("", !0),
       c.$slots.footer ? (s(), u("div", {
         key: 4,
-        class: v(N(S)(N(l)({ padding: e.padding })))
+        class: v(N(C)(N(l)({ padding: e.padding })))
       }, [
         O(c.$slots, "footer")
       ], 2)) : h("", !0)
@@ -8775,8 +8779,8 @@ const Bd = {
       content: ""
     }), o = b(() => t.maxValue || Math.max(...t.data)), l = b(() => (t.width - t.padding.left - t.padding.right) / t.data.length * 0.8), c = b(() => (t.width - t.padding.left - t.padding.right) / t.data.length * 0.2), f = b(() => {
       const m = [], g = t.height - t.padding.top - t.padding.bottom, d = 5;
-      for (let C = 0; C <= d; C++) {
-        const F = t.padding.top + g / d * C;
+      for (let z = 0; z <= d; z++) {
+        const F = t.padding.top + g / d * z;
         m.push(F);
       }
       return m;
@@ -8786,15 +8790,15 @@ const Bd = {
     }, k = (m) => {
       const d = (t.height - t.padding.top - t.padding.bottom) / o.value;
       return m * d;
-    }, P = (m) => t.colors[m % t.colors.length], $ = (m) => {
+    }, I = (m) => t.colors[m % t.colors.length], $ = (m) => {
       const g = t.height - t.padding.top - t.padding.bottom, d = (t.height - t.padding.bottom - m) / g * o.value;
       return Math.round(d);
-    }, A = (m, g, d) => {
-      const C = m.target.getBoundingClientRect(), F = t.labels[d] || `Item ${d + 1}`;
+    }, S = (m, g, d) => {
+      const z = m.target.getBoundingClientRect(), F = t.labels[d] || `Item ${d + 1}`;
       r.value = {
         visible: !0,
-        x: C.left + C.width / 2,
-        y: C.top,
+        x: z.left + z.width / 2,
+        y: z.top,
         width: 80,
         height: 24,
         content: `${F}: ${g}`
@@ -8822,22 +8826,22 @@ const Bd = {
           }, null, 8, Uc))), 128))
         ])) : h("", !0),
         i("g", null, [
-          (s(!0), u(K, null, X(e.data, (d, C) => (s(), u("rect", {
-            key: `bar-${C}`,
-            x: y(C),
+          (s(!0), u(K, null, X(e.data, (d, z) => (s(), u("rect", {
+            key: `bar-${z}`,
+            x: y(z),
             y: w(d),
             width: l.value,
             height: k(d),
-            fill: P(C),
+            fill: I(z),
             class: v(e.barClasses),
-            onMouseenter: (F) => A(F, d, C),
+            onMouseenter: (F) => S(F, d, z),
             onMouseleave: x
           }, null, 42, Wc))), 128))
         ]),
         e.showXAxis ? (s(), u("g", Yc, [
-          (s(!0), u(K, null, X(e.labels, (d, C) => (s(), u("text", {
-            key: `xlabel-${C}`,
-            x: y(C) + l.value / 2,
+          (s(!0), u(K, null, X(e.labels, (d, z) => (s(), u("text", {
+            key: `xlabel-${z}`,
+            x: y(z) + l.value / 2,
             y: e.height - e.padding.bottom + 20,
             class: v(e.axisLabelClasses),
             "text-anchor": "middle"
@@ -8988,13 +8992,13 @@ const Bd = {
       value: x
     }))), c = b(() => l.value.length === 0 ? "" : l.value.map((m, g) => `${g === 0 ? "M" : "L"} ${m.x} ${m.y}`).join(" ")), f = b(() => {
       if (l.value.length === 0) return "";
-      const x = l.value.map((d, C) => `${C === 0 ? "M" : "L"} ${d.x} ${d.y}`).join(" "), m = t.height - t.padding.bottom, g = `L ${l.value[l.value.length - 1].x} ${m} L ${l.value[0].x} ${m} Z`;
+      const x = l.value.map((d, z) => `${z === 0 ? "M" : "L"} ${d.x} ${d.y}`).join(" "), m = t.height - t.padding.bottom, g = `L ${l.value[l.value.length - 1].x} ${m} L ${l.value[0].x} ${m} Z`;
       return x + " " + g;
     }), y = b(() => {
       const x = [], m = t.height - t.padding.top - t.padding.bottom, g = 5;
       for (let d = 0; d <= g; d++) {
-        const C = t.padding.top + m / g * d;
-        x.push(C);
+        const z = t.padding.top + m / g * d;
+        x.push(z);
       }
       return x;
     }), w = (x) => {
@@ -9003,20 +9007,20 @@ const Bd = {
     }, k = (x) => {
       const m = t.height - t.padding.top - t.padding.bottom, g = m / o.value;
       return t.padding.top + m - x * g;
-    }, P = (x) => {
+    }, I = (x) => {
       const m = t.height - t.padding.top - t.padding.bottom, g = (t.height - t.padding.bottom - x) / m * o.value;
       return Math.round(g);
     }, $ = (x, m, g) => {
-      const d = x.target.getBoundingClientRect(), C = t.labels[g] || `Point ${g + 1}`;
+      const d = x.target.getBoundingClientRect(), z = t.labels[g] || `Point ${g + 1}`;
       r.value = {
         visible: !0,
         x: d.left + d.width / 2,
         y: d.top,
         width: 80,
         height: 24,
-        content: `${C}: ${m}`
-      }, n("point-hover", { value: m, index: g, label: C });
-    }, A = () => {
+        content: `${z}: ${m}`
+      }, n("point-hover", { value: m, index: g, label: z });
+    }, S = () => {
       r.value.visible = !1;
     };
     return (x, m) => (s(), u("div", ef, [
@@ -9055,8 +9059,8 @@ const Bd = {
             stroke: e.lineColor,
             "stroke-width": 2,
             class: v(e.pointClasses),
-            onMouseenter: (C) => $(C, g.value, d),
-            onMouseleave: A
+            onMouseenter: (z) => $(z, g.value, d),
+            onMouseleave: S
           }, null, 42, lf))), 128))
         ])) : h("", !0),
         e.fillArea ? (s(), u("path", {
@@ -9081,7 +9085,7 @@ const Bd = {
             y: g + 4,
             class: v(e.axisLabelClasses),
             "text-anchor": "end"
-          }, p(P(g)), 11, ff))), 128))
+          }, p(I(g)), 11, ff))), 128))
         ])) : h("", !0),
         r.value.visible ? (s(), u("g", mf, [
           i("rect", {
@@ -9199,15 +9203,15 @@ const Bd = {
       }
       return ne;
     }), k = b(
-      () => S(f({
+      () => C(f({
         variant: t.variant,
         padding: t.padding
       }))
-    ), P = b(
+    ), I = b(
       () => "w-full pl-10 pr-3 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
     ), $ = b(
       () => "w-full pr-8 appearance-none border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm py-2 pl-3"
-    ), A = b(
+    ), S = b(
       () => "text-gray-700 hover:text-gray-900 border border-gray-200 hover:bg-gray-50 bg-white px-3 py-2 rounded-lg text-sm font-medium transition-all"
     ), x = b(
       () => "text-white bg-blue-600 hover:bg-blue-700 border border-blue-600 px-3 py-2 rounded-lg text-sm font-medium transition-all"
@@ -9217,7 +9221,7 @@ const Bd = {
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
     ), d = b(
       () => "text-sm font-semibold text-blue-800"
-    ), C = b(
+    ), z = b(
       () => "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"
     ), F = b(
       () => "text-blue-600 hover:text-blue-800 ml-1 hover:bg-blue-100 rounded-full p-0.5 transition-all"
@@ -9254,7 +9258,7 @@ const Bd = {
             Xe(i("input", {
               "onUpdate:modelValue": j[0] || (j[0] = (Z) => r.value = Z),
               type: "date",
-              class: v(P.value),
+              class: v(I.value),
               placeholder: "From date"
             }, null, 2), [
               [wt, r.value]
@@ -9269,7 +9273,7 @@ const Bd = {
             Xe(i("input", {
               "onUpdate:modelValue": j[1] || (j[1] = (Z) => o.value = Z),
               type: "date",
-              class: v(P.value),
+              class: v(I.value),
               placeholder: "To date"
             }, null, 2), [
               [wt, o.value]
@@ -9326,7 +9330,7 @@ const Bd = {
         i("div", Af, [
           y.value ? (s(), _(xe, {
             key: 0,
-            class: v(A.value),
+            class: v(S.value),
             onClick: G
           }, {
             default: R(() => [
@@ -9378,7 +9382,7 @@ const Bd = {
           }, "Active filters:", 2),
           (s(!0), u(K, null, X(w.value, (Z) => (s(), u("div", {
             key: Z.key,
-            class: v(C.value)
+            class: v(z.value)
           }, [
             B(Q, {
               icon: Z.icon,
@@ -9465,14 +9469,14 @@ const Bd = {
         size: "md"
       }
     }), o = b(
-      () => S(t({
+      () => C(t({
         variant: a.variant,
         padding: a.padding
       }))
     ), l = b(
-      () => S(n({ size: "md" }))
+      () => C(n({ size: "md" }))
     ), c = b(
-      () => S(r({ size: "md" }))
+      () => C(r({ size: "md" }))
     );
     return (f, y) => e.title || e.description || f.$slots.header ? (s(), u("div", {
       key: 0,
@@ -9612,23 +9616,23 @@ const Bd = {
       }
     }), l = (x) => typeof x == "string" ? x : x?.key || x?.field || "unknown", c = (x, m) => {
       const g = l(m);
-      return typeof m == "object" && m.accessor ? m.accessor(x) : g && g.includes(".") ? g.split(".").reduce((d, C) => d?.[C], x) : x?.[g];
+      return typeof m == "object" && m.accessor ? m.accessor(x) : g && g.includes(".") ? g.split(".").reduce((d, z) => d?.[z], x) : x?.[g];
     }, f = (x, m) => {
       const g = c(x, m);
       return typeof m == "object" && m.formatter ? m.formatter(g, x) : g == null ? "" : g instanceof Date ? g.toLocaleDateString() : Array.isArray(g) ? g.join(", ") : g;
     }, y = () => {
       t.clickableRows && n("row-click", { item: t.item, index: t.index });
     }, w = (x) => typeof x == "object" && x.align ? x.align : "left", k = b(
-      () => S(r({
+      () => C(r({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
         clickable: t.clickableRows,
         selected: t.isSelected,
         variant: t.variant
       }))
-    ), P = (x) => {
+    ), I = (x) => {
       const m = w(x);
-      return S(
+      return C(
         o({
           density: t.density,
           align: m
@@ -9636,12 +9640,12 @@ const Bd = {
         x.cellClasses
       );
     }, $ = b(
-      () => S(
+      () => C(
         o({ density: t.density }),
         "w-12"
       )
-    ), A = b(
-      () => S(
+    ), S = b(
+      () => C(
         o({
           density: t.density,
           align: "right"
@@ -9664,7 +9668,7 @@ const Bd = {
       ], 2)) : h("", !0),
       (s(!0), u(K, null, X(e.columns, (g) => (s(), u("td", {
         key: l(g),
-        class: v(P(g))
+        class: v(I(g))
       }, [
         O(x.$slots, `cell-${l(g)}`, {
           item: e.item,
@@ -9677,7 +9681,7 @@ const Bd = {
       ], 2))), 128)),
       x.$slots.actions ? (s(), u("td", {
         key: 1,
-        class: v(A.value)
+        class: v(S.value)
       }, [
         O(x.$slots, "actions", {
           item: e.item,
@@ -9807,35 +9811,35 @@ const Bd = {
         size: "sm"
       }
     }), l = b(() => (a.currentPage - 1) * a.pageSize + 1), c = b(() => Math.min(a.currentPage * a.pageSize, a.total)), f = b(() => {
-      const $ = [], A = a.totalPages, x = a.currentPage, m = a.maxVisiblePages;
-      if (A <= m)
-        for (let g = 1; g <= A; g++)
+      const $ = [], S = a.totalPages, x = a.currentPage, m = a.maxVisiblePages;
+      if (S <= m)
+        for (let g = 1; g <= S; g++)
           $.push(g);
       else {
         const g = Math.floor(m / 2);
-        let d = Math.max(1, x - g), C = Math.min(A, d + m - 1);
-        C - d + 1 < m && (d = Math.max(1, C - m + 1));
-        for (let F = d; F <= C; F++)
+        let d = Math.max(1, x - g), z = Math.min(S, d + m - 1);
+        z - d + 1 < m && (d = Math.max(1, z - m + 1));
+        for (let F = d; F <= z; F++)
           $.push(F);
       }
       return $;
     }), y = b(
-      () => S(t({
+      () => C(t({
         variant: a.variant,
         padding: a.padding
       }))
     ), w = b(
-      () => S(r({ size: "md" }))
+      () => C(r({ size: "md" }))
     ), k = b(
-      () => S(o({ size: "sm" }))
-    ), P = ($, A) => {
+      () => C(o({ size: "sm" }))
+    ), I = ($, S) => {
       let x = "inactive";
-      return A ? x = "disabled" : $ && (x = "active"), S(n({
+      return S ? x = "disabled" : $ && (x = "active"), C(n({
         state: x,
         size: "md"
       }));
     };
-    return ($, A) => e.showPagination || $.$slots.footer ? (s(), u("div", {
+    return ($, S) => e.showPagination || $.$slots.footer ? (s(), u("div", {
       key: 0,
       class: v(y.value)
     }, [
@@ -9851,7 +9855,7 @@ const Bd = {
               class: v(w.value),
               inline: !0
             }, {
-              default: R(() => [...A[5] || (A[5] = [
+              default: R(() => [...S[5] || (S[5] = [
                 te("Show:", -1)
               ])]),
               _: 1
@@ -9860,7 +9864,7 @@ const Bd = {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
               class: v(k.value),
-              "onUpdate:modelValue": A[0] || (A[0] = (x) => $.$emit("update:pageSize", parseInt(x)))
+              "onUpdate:modelValue": S[0] || (S[0] = (x) => $.$emit("update:pageSize", parseInt(x)))
             }, {
               default: R(() => [
                 (s(!0), u(K, null, X(e.pageSizeOptions, (x) => (s(), _(hr, {
@@ -9875,10 +9879,10 @@ const Bd = {
           i("div", Lf, [
             i("button", {
               disabled: e.currentPage === 1,
-              class: v(P(!1, e.currentPage === 1)),
+              class: v(I(!1, e.currentPage === 1)),
               title: "First page",
-              onClick: A[1] || (A[1] = (x) => $.$emit("update:currentPage", 1))
-            }, [...A[6] || (A[6] = [
+              onClick: S[1] || (S[1] = (x) => $.$emit("update:currentPage", 1))
+            }, [...S[6] || (S[6] = [
               i("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -9895,10 +9899,10 @@ const Bd = {
             ])], 10, Nf),
             i("button", {
               disabled: e.currentPage === 1,
-              class: v(P(!1, e.currentPage === 1)),
+              class: v(I(!1, e.currentPage === 1)),
               title: "Previous page",
-              onClick: A[2] || (A[2] = (x) => $.$emit("update:currentPage", e.currentPage - 1))
-            }, [...A[7] || (A[7] = [
+              onClick: S[2] || (S[2] = (x) => $.$emit("update:currentPage", e.currentPage - 1))
+            }, [...S[7] || (S[7] = [
               i("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -9916,16 +9920,16 @@ const Bd = {
             i("div", _f, [
               (s(!0), u(K, null, X(f.value, (x) => (s(), u("button", {
                 key: x,
-                class: v(P(x === e.currentPage, !1)),
+                class: v(I(x === e.currentPage, !1)),
                 onClick: (m) => $.$emit("update:currentPage", x)
               }, p(x), 11, qf))), 128))
             ]),
             i("button", {
               disabled: e.currentPage === e.totalPages,
-              class: v(P(!1, e.currentPage === e.totalPages)),
+              class: v(I(!1, e.currentPage === e.totalPages)),
               title: "Next page",
-              onClick: A[3] || (A[3] = (x) => $.$emit("update:currentPage", e.currentPage + 1))
-            }, [...A[8] || (A[8] = [
+              onClick: S[3] || (S[3] = (x) => $.$emit("update:currentPage", e.currentPage + 1))
+            }, [...S[8] || (S[8] = [
               i("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -9942,10 +9946,10 @@ const Bd = {
             ])], 10, Uf),
             i("button", {
               disabled: e.currentPage === e.totalPages,
-              class: v(P(!1, e.currentPage === e.totalPages)),
+              class: v(I(!1, e.currentPage === e.totalPages)),
               title: "Last page",
-              onClick: A[4] || (A[4] = (x) => $.$emit("update:currentPage", e.totalPages))
-            }, [...A[9] || (A[9] = [
+              onClick: S[4] || (S[4] = (x) => $.$emit("update:currentPage", e.totalPages))
+            }, [...S[9] || (S[9] = [
               i("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -10330,7 +10334,7 @@ const Bd = {
       defaultVariants: {
         variant: "default"
       }
-    }), P = E("divide-y", {
+    }), I = E("divide-y", {
       variants: {
         variant: {
           default: "bg-white divide-slate-200",
@@ -10351,15 +10355,15 @@ const Bd = {
         });
       }
       return L;
-    }), A = b(() => Math.ceil($.value.length / l.value)), x = b(() => {
+    }), S = b(() => Math.ceil($.value.length / l.value)), x = b(() => {
       if (!n.showPagination) return $.value;
       const L = (o.value - 1) * l.value, ae = L + l.value;
       return $.value.slice(L, ae);
     }), m = b(() => {
       let L = n.columns.length;
       return n.selectable && L++, (n.$slots?.actions || n.actions.length > 0 && n.showActionsColumn) && L++, L;
-    }), g = (L) => n.actions.filter((ae) => ae.visible && typeof ae.visible == "function" ? ae.visible(L) : !0), d = (L, ae) => L.permission && typeof L.permission == "function" ? L.permission(ae) : !0, C = (L, ae) => L.disabled && typeof L.disabled == "function" ? L.disabled(ae) : !1, F = (L, ae) => {
-      C(L, ae) || !d(L, ae) || (r("action", { action: L.key, item: ae, actionConfig: L }), L.onClick && typeof L.onClick == "function" && L.onClick(ae));
+    }), g = (L) => n.actions.filter((ae) => ae.visible && typeof ae.visible == "function" ? ae.visible(L) : !0), d = (L, ae) => L.permission && typeof L.permission == "function" ? L.permission(ae) : !0, z = (L, ae) => L.disabled && typeof L.disabled == "function" ? L.disabled(ae) : !1, F = (L, ae) => {
+      z(L, ae) || !d(L, ae) || (r("action", { action: L.key, item: ae, actionConfig: L }), L.onClick && typeof L.onClick == "function" && L.onClick(ae));
     }, V = (L) => ({
       default: "default",
       primary: "gradient",
@@ -10391,7 +10395,7 @@ const Bd = {
       if (n.loading || n.dataLoading) return;
       const L = Y.value ? [] : [...$.value];
       r("selection-change", L);
-    }, z = async (L) => {
+    }, A = async (L) => {
       !L.sortable || n.loading || n.sortLoading || (c.value === L.key ? f.value = f.value === "asc" ? "desc" : "asc" : (c.value = L.key, f.value = "asc"), r("sort-change", { column: L.key, direction: f.value }));
     }, M = (L) => {
       n.loading || r("row-click", L);
@@ -10400,14 +10404,14 @@ const Bd = {
     }, oe = async (L) => {
       n.paginationLoading || n.loading || (l.value = L, o.value = 1, r("page-size-change", L));
     }, re = b(
-      () => S(y({ variant: n.variant }))
+      () => C(y({ variant: n.variant }))
     ), $e = b(
-      () => S(w({ variant: n.variant }))
+      () => C(w({ variant: n.variant }))
     ), Vt = b(
-      () => S(k({ variant: n.variant }))
+      () => C(k({ variant: n.variant }))
     ), Ze = b(
-      () => S(P({ variant: n.variant }))
-    ), Ot = (L) => S(
+      () => C(I({ variant: n.variant }))
+    ), Ot = (L) => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-3",
@@ -10418,35 +10422,35 @@ const Bd = {
         "cursor-pointer hover:bg-slate-100 transition-colors": L.sortable && !n.loading && !n.sortLoading,
         "cursor-not-allowed opacity-50": n.loading || n.sortLoading && c.value === L.key
       }
-    ), Ft = () => S(
+    ), Ft = () => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900"
-    ), gt = b(() => S(
+    ), gt = b(() => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900 w-12"
-    )), Re = b(() => S(
+    )), Re = b(() => C(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-4",
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm font-medium text-center"
-    )), et = b(() => S(
+    )), et = b(() => C(
       {
         compact: "px-4 py-4",
         normal: "px-6 py-6",
         comfortable: "px-8 py-8"
       }[n.density],
       "text-center"
-    )), tt = (L, ae) => S(
+    )), tt = (L, ae) => C(
       {
         "text-blue-600": c.value === L.key && f.value === ae,
         "text-slate-300": c.value !== L.key || f.value !== ae
@@ -10469,7 +10473,7 @@ const Bd = {
         r("selection-change", []);
       },
       getCurrentPage: () => o.value,
-      getTotalPages: () => A.value,
+      getTotalPages: () => S.value,
       getSelectedItems: () => n.selectedItems
     }), (L, ae) => (s(), u("div", {
       class: v(re.value)
@@ -10535,7 +10539,7 @@ const Bd = {
                 (s(!0), u(K, null, X(e.columns, (ue) => (s(), u("th", {
                   key: ue.key,
                   class: v(Ot(ue)),
-                  onClick: (pe) => z(ue)
+                  onClick: (pe) => A(ue)
                 }, [
                   i("div", um, [
                     i("span", null, p(ue.label), 1),
@@ -10639,7 +10643,7 @@ const Bd = {
                         B(xe, {
                           variant: V(ce.variant),
                           size: "xs",
-                          disabled: C(ce, we.item) || !d(ce, we.item),
+                          disabled: z(ce, we.item) || !d(ce, we.item),
                           class: "h-8 w-8",
                           onClick: je((Ba) => F(ce, we.item), ["stop"])
                         }, {
@@ -10691,7 +10695,7 @@ const Bd = {
       e.showPagination || L.$slots.footer ? (s(), _(zr, {
         key: 1,
         "current-page": o.value,
-        "total-pages": A.value,
+        "total-pages": S.value,
         total: $.value.length,
         "page-size": l.value,
         "show-pagination": e.showPagination,
@@ -10780,7 +10784,7 @@ const Bd = {
       }
     }), o = b(() => {
       const l = a.align || a.column.align || "left", c = `text-${a.textColor}`, f = a.width ? `w-${a.width}` : "";
-      return S(
+      return C(
         r({
           align: l,
           padding: a.padding,
@@ -10978,7 +10982,7 @@ const Bd = {
       defaultVariants: {
         size: "md"
       }
-    }), P = E("rounded-lg flex items-center font-medium transition-all", {
+    }), I = E("rounded-lg flex items-center font-medium transition-all", {
       variants: {
         variant: {
           default: "text-gray-700 hover:text-gray-900 border border-gray-200 hover:bg-gray-50 hover:border-gray-300 bg-white",
@@ -10996,61 +11000,61 @@ const Bd = {
         variant: "default",
         size: "md"
       }
-    }), $ = (q, I) => {
-      const T = t.selectFilters.map(
-        (U) => U.key === q ? { ...U, value: I } : U
+    }), $ = (q, T) => {
+      const P = t.selectFilters.map(
+        (U) => U.key === q ? { ...U, value: T } : U
       );
-      n("update:selectFilters", T);
-    }, A = (q) => !!(q.from || q.to), x = (q) => {
-      const I = t.dateFilters.map(
-        (T) => T.key === q ? { ...T, from: "", to: "" } : T
+      n("update:selectFilters", P);
+    }, S = (q) => !!(q.from || q.to), x = (q) => {
+      const T = t.dateFilters.map(
+        (P) => P.key === q ? { ...P, from: "", to: "" } : P
       );
-      n("update:dateFilters", I);
-    }, m = (q) => `text-xs px-2 py-1 rounded ${A(q) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, g = (q, I, T) => {
+      n("update:dateFilters", T);
+    }, m = (q) => `text-xs px-2 py-1 rounded ${S(q) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, g = (q, T, P) => {
       const U = t.dateFilters.map(
-        (ie) => ie.key === q ? { ...ie, [I]: T } : ie
+        (ie) => ie.key === q ? { ...ie, [T]: P } : ie
       );
       n("update:dateFilters", U);
-    }, d = (q) => !!(q.min || q.max), C = (q) => {
-      const I = t.numberFilters.map(
-        (T) => T.key === q ? { ...T, min: "", max: "" } : T
+    }, d = (q) => !!(q.min || q.max), z = (q) => {
+      const T = t.numberFilters.map(
+        (P) => P.key === q ? { ...P, min: "", max: "" } : P
       );
-      n("update:numberFilters", I);
-    }, F = (q) => `text-xs px-2 py-1 rounded ${d(q) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, V = (q, I, T) => {
+      n("update:numberFilters", T);
+    }, F = (q) => `text-xs px-2 py-1 rounded ${d(q) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, V = (q, T, P) => {
       const U = t.numberFilters.map(
-        (ie) => ie.key === q ? { ...ie, [I]: T } : ie
+        (ie) => ie.key === q ? { ...ie, [T]: P } : ie
       );
       n("update:numberFilters", U);
-    }, Y = (q) => q.selected && q.selected.length > 0, G = (q) => `text-xs px-2 py-1 rounded ${Y(q) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, le = (q, I) => {
-      if (!I) return;
-      const T = t.multiSelectFilters.map((U) => {
+    }, Y = (q) => q.selected && q.selected.length > 0, G = (q) => `text-xs px-2 py-1 rounded ${Y(q) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, le = (q, T) => {
+      if (!T) return;
+      const P = t.multiSelectFilters.map((U) => {
         if (U.key === q) {
-          const ie = U.selected || [], at = ie.includes(I);
+          const ie = U.selected || [], at = ie.includes(T);
           return {
             ...U,
-            selected: at ? ie.filter((Mt) => Mt !== I) : [...ie, I]
+            selected: at ? ie.filter((Mt) => Mt !== T) : [...ie, T]
           };
         }
         return U;
       });
-      n("update:multiSelectFilters", T);
-    }, ne = (q, I) => {
-      const T = t.multiSelectFilters.map((U) => U.key === q ? {
+      n("update:multiSelectFilters", P);
+    }, ne = (q, T) => {
+      const P = t.multiSelectFilters.map((U) => U.key === q ? {
         ...U,
-        selected: U.selected.filter((ie) => ie !== I)
+        selected: U.selected.filter((ie) => ie !== T)
       } : U);
-      n("update:multiSelectFilters", T);
-    }, j = (q, I) => {
-      const T = q.options.find((U) => U.value === I);
-      return T ? T.label : I;
+      n("update:multiSelectFilters", P);
+    }, j = (q, T) => {
+      const P = q.options.find((U) => U.value === T);
+      return P ? P.label : T;
     }, Z = () => {
       r.value = !r.value;
-    }, J = b(() => t.numberFilters.length > 0 || t.multiSelectFilters.length > 0), z = b(() => {
-      const q = t.searchQuery, I = t.selectedStatus, T = t.dateFrom || t.dateTo, U = t.selectFilters.some((Ae) => Ae.value), ie = t.dateFilters.some((Ae) => Ae.from || Ae.to), at = t.numberFilters.some((Ae) => Ae.min || Ae.max), Mt = t.multiSelectFilters.some((Ae) => Ae.selected && Ae.selected.length > 0);
-      return q || I || T || U || ie || at || Mt;
+    }, J = b(() => t.numberFilters.length > 0 || t.multiSelectFilters.length > 0), A = b(() => {
+      const q = t.searchQuery, T = t.selectedStatus, P = t.dateFrom || t.dateTo, U = t.selectFilters.some((Ae) => Ae.value), ie = t.dateFilters.some((Ae) => Ae.from || Ae.to), at = t.numberFilters.some((Ae) => Ae.min || Ae.max), Mt = t.multiSelectFilters.some((Ae) => Ae.selected && Ae.selected.length > 0);
+      return q || T || P || U || ie || at || Mt;
     }), M = b(() => {
       let q = 0;
-      return t.searchQuery && q++, t.selectedStatus && q++, (t.dateFrom || t.dateTo) && q++, q += t.selectFilters.filter((I) => I.value).length, q += t.dateFilters.filter((I) => I.from || I.to).length, q += t.numberFilters.filter((I) => I.min || I.max).length, q += t.multiSelectFilters.filter((I) => I.selected && I.selected.length > 0).length, q;
+      return t.searchQuery && q++, t.selectedStatus && q++, (t.dateFrom || t.dateTo) && q++, q += t.selectFilters.filter((T) => T.value).length, q += t.dateFilters.filter((T) => T.from || T.to).length, q += t.numberFilters.filter((T) => T.min || T.max).length, q += t.multiSelectFilters.filter((T) => T.selected && T.selected.length > 0).length, q;
     }), H = b(() => {
       const q = [];
       if (t.searchQuery && t.searchQuery.trim() && q.push({
@@ -11059,90 +11063,90 @@ const Bd = {
         value: `"${t.searchQuery}"`,
         icon: "magnifying-glass"
       }), t.selectedStatus) {
-        const I = t.statusOptions.find((T) => T.value === t.selectedStatus);
+        const T = t.statusOptions.find((P) => P.value === t.selectedStatus);
         q.push({
           key: "status",
           label: "Status",
-          value: I?.label || t.selectedStatus,
+          value: T?.label || t.selectedStatus,
           icon: "filter"
         });
       }
-      if (t.selectFilters.forEach((I) => {
-        if (I.value) {
-          const T = I.options.find((U) => U.value === I.value);
+      if (t.selectFilters.forEach((T) => {
+        if (T.value) {
+          const P = T.options.find((U) => U.value === T.value);
           q.push({
-            key: `select-${I.key}`,
-            label: I.label,
-            value: T?.label || I.value,
+            key: `select-${T.key}`,
+            label: T.label,
+            value: P?.label || T.value,
             icon: "filter"
           });
         }
       }), t.dateFrom || t.dateTo) {
-        let I = "";
-        t.dateFrom && t.dateTo ? I = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? I = `From ${t.dateFrom}` : t.dateTo && (I = `Until ${t.dateTo}`), I && q.push({
+        let T = "";
+        t.dateFrom && t.dateTo ? T = `${t.dateFrom} to ${t.dateTo}` : t.dateFrom ? T = `From ${t.dateFrom}` : t.dateTo && (T = `Until ${t.dateTo}`), T && q.push({
           key: "date",
           label: "Date Range",
-          value: I,
+          value: T,
           icon: "calendar"
         });
       }
-      return t.dateFilters.forEach((I) => {
-        if (I.from || I.to) {
-          let T = "";
-          I.from && I.to ? T = `${I.from} to ${I.to}` : I.from ? T = `From ${I.from}` : I.to && (T = `Until ${I.to}`), T && q.push({
-            key: `date-${I.key}`,
-            label: I.label,
-            value: T,
+      return t.dateFilters.forEach((T) => {
+        if (T.from || T.to) {
+          let P = "";
+          T.from && T.to ? P = `${T.from} to ${T.to}` : T.from ? P = `From ${T.from}` : T.to && (P = `Until ${T.to}`), P && q.push({
+            key: `date-${T.key}`,
+            label: T.label,
+            value: P,
             icon: "calendar"
           });
         }
-      }), t.numberFilters.forEach((I) => {
-        if (I.min || I.max) {
-          let T = "";
-          I.min && I.max ? T = `${I.min} to ${I.max}` : I.min ? T = `Min ${I.min}` : I.max && (T = `Max ${I.max}`), T && q.push({
-            key: `number-${I.key}`,
-            label: I.label,
-            value: T,
+      }), t.numberFilters.forEach((T) => {
+        if (T.min || T.max) {
+          let P = "";
+          T.min && T.max ? P = `${T.min} to ${T.max}` : T.min ? P = `Min ${T.min}` : T.max && (P = `Max ${T.max}`), P && q.push({
+            key: `number-${T.key}`,
+            label: T.label,
+            value: P,
             icon: "hashtag"
           });
         }
-      }), t.multiSelectFilters.forEach((I) => {
-        if (I.selected && I.selected.length > 0) {
-          const T = I.selected.map((U) => {
-            const ie = I.options.find((at) => at.value === U);
+      }), t.multiSelectFilters.forEach((T) => {
+        if (T.selected && T.selected.length > 0) {
+          const P = T.selected.map((U) => {
+            const ie = T.options.find((at) => at.value === U);
             return ie ? ie.label : U;
           });
           q.push({
-            key: `multi-${I.key}`,
-            label: I.label,
-            value: T.join(", "),
+            key: `multi-${T.key}`,
+            label: T.label,
+            value: P.join(", "),
             icon: "list"
           });
         }
       }), q;
     }), oe = b(
-      () => S(w({
+      () => C(w({
         variant: t.variant,
         padding: t.padding
       }))
     ), re = b(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 group-hover:text-gray-600 transition-colors"
     ), $e = b(
-      () => S(
+      () => C(
         k({ size: "md" }),
         "w-full pl-10 pr-10 hover:border-gray-300"
       )
     ), Vt = b(
       () => "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-full transition-all"
     ), Ze = b(
-      () => S(
+      () => C(
         k({ size: "md" }),
         "w-full pr-8 appearance-none hover:border-gray-300"
       )
     ), Ot = b(() => {
-      const q = r.value || z.value;
-      return S(
-        P({
+      const q = r.value || A.value;
+      return C(
+        I({
           variant: q ? "primary" : "default",
           size: "lg"
         }),
@@ -11153,7 +11157,7 @@ const Bd = {
     ), gt = b(
       () => "px-6 py-4 border-t border-gray-100 bg-gray-50"
     ), Re = b(
-      () => S(k({ size: "md" }), "pl-10 pr-3")
+      () => C(k({ size: "md" }), "pl-10 pr-3")
     ), et = b(
       () => "text-sm font-semibold text-gray-700"
     ), tt = b(
@@ -11161,9 +11165,9 @@ const Bd = {
     ), L = b(
       () => "text-gray-400 hover:text-gray-600 p-1.5 hover:bg-gray-200 rounded-full transition-all"
     ), ae = b(
-      () => S(P({ variant: "ghost", size: "md" }))
+      () => C(I({ variant: "ghost", size: "md" }))
     ), ue = b(
-      () => S(P({ variant: "default", size: "lg" }))
+      () => C(I({ variant: "default", size: "lg" }))
     ), pe = b(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
     ), we = b(
@@ -11179,18 +11183,18 @@ const Bd = {
         value: ""
       }));
       n("update:selectFilters", q);
-      const I = t.dateFilters.map((ie) => ({
+      const T = t.dateFilters.map((ie) => ({
         ...ie,
         from: "",
         to: ""
       }));
-      n("update:dateFilters", I);
-      const T = t.numberFilters.map((ie) => ({
+      n("update:dateFilters", T);
+      const P = t.numberFilters.map((ie) => ({
         ...ie,
         min: "",
         max: ""
       }));
-      n("update:numberFilters", T);
+      n("update:numberFilters", P);
       const U = t.multiSelectFilters.map((ie) => ({
         ...ie,
         selected: []
@@ -11209,30 +11213,30 @@ const Bd = {
           break;
         default:
           if (q.startsWith("select-")) {
-            const I = q.replace("select-", ""), T = t.selectFilters.map(
-              (U) => U.key === I ? { ...U, value: "" } : U
+            const T = q.replace("select-", ""), P = t.selectFilters.map(
+              (U) => U.key === T ? { ...U, value: "" } : U
             );
-            n("update:selectFilters", T);
+            n("update:selectFilters", P);
           } else if (q.startsWith("date-")) {
-            const I = q.replace("date-", ""), T = t.dateFilters.map(
-              (U) => U.key === I ? { ...U, from: "", to: "" } : U
+            const T = q.replace("date-", ""), P = t.dateFilters.map(
+              (U) => U.key === T ? { ...U, from: "", to: "" } : U
             );
-            n("update:dateFilters", T);
+            n("update:dateFilters", P);
           } else if (q.startsWith("number-")) {
-            const I = q.replace("number-", ""), T = t.numberFilters.map(
-              (U) => U.key === I ? { ...U, min: "", max: "" } : U
+            const T = q.replace("number-", ""), P = t.numberFilters.map(
+              (U) => U.key === T ? { ...U, min: "", max: "" } : U
             );
-            n("update:numberFilters", T);
+            n("update:numberFilters", P);
           } else if (q.startsWith("multi-")) {
-            const I = q.replace("multi-", ""), T = t.multiSelectFilters.map(
-              (U) => U.key === I ? { ...U, selected: [] } : U
+            const T = q.replace("multi-", ""), P = t.multiSelectFilters.map(
+              (U) => U.key === T ? { ...U, selected: [] } : U
             );
-            n("update:multiSelectFilters", T);
+            n("update:multiSelectFilters", P);
           }
           break;
       }
     };
-    return (q, I) => (s(), u("div", km, [
+    return (q, T) => (s(), u("div", km, [
       i("div", {
         class: v(oe.value)
       }, [
@@ -11246,12 +11250,12 @@ const Bd = {
               "model-value": e.searchQuery,
               placeholder: e.searchPlaceholder,
               class: v($e.value),
-              onInput: I[0] || (I[0] = (T) => q.$emit("update:searchQuery", T.target.value))
+              onInput: T[0] || (T[0] = (P) => q.$emit("update:searchQuery", P.target.value))
             }, null, 42, Cm),
             e.searchQuery ? (s(), u("button", {
               key: 0,
               class: v(Vt.value),
-              onClick: I[1] || (I[1] = (T) => q.$emit("update:searchQuery", ""))
+              onClick: T[1] || (T[1] = (P) => q.$emit("update:searchQuery", ""))
             }, [
               B(Q, {
                 icon: "xmark",
@@ -11260,19 +11264,19 @@ const Bd = {
             ], 2)) : h("", !0)
           ])
         ])) : h("", !0),
-        (s(!0), u(K, null, X(e.selectFilters, (T) => (s(), u("div", {
-          key: T.key,
+        (s(!0), u(K, null, X(e.selectFilters, (P) => (s(), u("div", {
+          key: P.key,
           class: "min-w-36"
         }, [
           i("div", zm, [
             B(Me, {
-              "model-value": T.value,
+              "model-value": P.value,
               class: v(Ze.value),
-              onChange: (U) => $(T.key, U.target.value)
+              onChange: (U) => $(P.key, U.target.value)
             }, {
               default: R(() => [
-                i("option", Am, p(T.placeholder || `All ${T.label}`), 1),
-                (s(!0), u(K, null, X(T.options, (U) => (s(), u("option", {
+                i("option", Am, p(P.placeholder || `All ${P.label}`), 1),
+                (s(!0), u(K, null, X(P.options, (U) => (s(), u("option", {
                   key: U.value,
                   value: U.value
                 }, p(U.label), 9, Bm))), 128))
@@ -11290,14 +11294,14 @@ const Bd = {
             B(Me, {
               "model-value": e.selectedStatus,
               class: v(Ze.value),
-              onChange: I[2] || (I[2] = (T) => q.$emit("update:selectedStatus", T.target.value))
+              onChange: T[2] || (T[2] = (P) => q.$emit("update:selectedStatus", P.target.value))
             }, {
               default: R(() => [
-                I[5] || (I[5] = i("option", { value: "" }, " All Status ", -1)),
-                (s(!0), u(K, null, X(e.statusOptions, (T) => (s(), u("option", {
-                  key: T.value,
-                  value: T.value
-                }, p(T.label), 9, Im))), 128))
+                T[5] || (T[5] = i("option", { value: "" }, " All Status ", -1)),
+                (s(!0), u(K, null, X(e.statusOptions, (P) => (s(), u("option", {
+                  key: P.value,
+                  value: P.value
+                }, p(P.label), 9, Im))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"]),
@@ -11316,7 +11320,7 @@ const Bd = {
             icon: "filter",
             class: "w-4 h-4"
           }),
-          I[6] || (I[6] = te(" Filters ", -1)),
+          T[6] || (T[6] = te(" Filters ", -1)),
           M.value > 0 ? (s(), u("span", {
             key: 0,
             class: v(Ft.value)
@@ -11330,7 +11334,7 @@ const Bd = {
           O(q.$slots, "filters")
         ])) : h("", !0),
         i("div", Vm, [
-          z.value ? (s(), _(xe, {
+          A.value ? (s(), _(xe, {
             key: 0,
             class: v(ae.value),
             onClick: Ar
@@ -11340,21 +11344,21 @@ const Bd = {
                 icon: "rotate-left",
                 class: "w-4 h-4 mr-2"
               }),
-              I[7] || (I[7] = te(" Clear All ", -1))
+              T[7] || (T[7] = te(" Clear All ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0),
           e.showExport ? (s(), _(xe, {
             key: 1,
             class: v(ue.value),
-            onClick: I[3] || (I[3] = (T) => q.$emit("export"))
+            onClick: T[3] || (T[3] = (P) => q.$emit("export"))
           }, {
             default: R(() => [
               B(Q, {
                 icon: "download",
                 class: "w-4 h-4 mr-2"
               }),
-              I[8] || (I[8] = te(" Export ", -1))
+              T[8] || (T[8] = te(" Export ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : h("", !0),
@@ -11380,14 +11384,14 @@ const Bd = {
               B(xe, {
                 variant: "success",
                 size: "lg",
-                onClick: I[4] || (I[4] = (T) => q.$emit("add"))
+                onClick: T[4] || (T[4] = (P) => q.$emit("add"))
               }, {
                 default: R(() => [
                   B(Q, {
                     icon: "plus",
                     class: "w-4 h-4 mr-2"
                   }),
-                  I[9] || (I[9] = te(" Add ", -1))
+                  T[9] || (T[9] = te(" Add ", -1))
                 ]),
                 _: 1
               })
@@ -11400,17 +11404,17 @@ const Bd = {
         class: v(gt.value)
       }, [
         i("div", Fm, [
-          (s(!0), u(K, null, X(e.dateFilters, (T) => (s(), u("div", {
-            key: T.key,
+          (s(!0), u(K, null, X(e.dateFilters, (P) => (s(), u("div", {
+            key: P.key,
             class: "space-y-3"
           }, [
             i("div", Mm, [
               i("label", {
                 class: v(et.value)
-              }, p(T.label), 3),
+              }, p(P.label), 3),
               i("span", {
-                class: v(m(T))
-              }, p(A(T) ? "Active" : "Inactive"), 3)
+                class: v(m(P))
+              }, p(S(P) ? "Active" : "Inactive"), 3)
             ]),
             i("div", Dm, [
               i("div", Em, [
@@ -11420,10 +11424,10 @@ const Bd = {
                 }),
                 i("input", {
                   type: "date",
-                  "model-value": T.from,
+                  "model-value": P.from,
                   class: v(Re.value),
-                  placeholder: `From ${T.label}`,
-                  onInput: (U) => g(T.key, "from", U.target.value)
+                  placeholder: `From ${P.label}`,
+                  onInput: (U) => g(P.key, "from", U.target.value)
                 }, null, 42, Lm)
               ]),
               i("span", {
@@ -11436,17 +11440,17 @@ const Bd = {
                 }),
                 i("input", {
                   type: "date",
-                  "model-value": T.to,
+                  "model-value": P.to,
                   class: v(Re.value),
-                  placeholder: `To ${T.label}`,
-                  onInput: (U) => g(T.key, "to", U.target.value)
+                  placeholder: `To ${P.label}`,
+                  onInput: (U) => g(P.key, "to", U.target.value)
                 }, null, 42, Rm)
               ]),
-              A(T) ? (s(), u("button", {
+              S(P) ? (s(), u("button", {
                 key: 0,
                 class: v(L.value),
                 title: "Clear this filter",
-                onClick: (U) => x(T.key)
+                onClick: (U) => x(P.key)
               }, [
                 B(Q, {
                   icon: "xmark",
@@ -11455,27 +11459,27 @@ const Bd = {
               ], 10, _m)) : h("", !0)
             ])
           ]))), 128)),
-          (s(!0), u(K, null, X(e.numberFilters, (T) => (s(), u("div", {
-            key: T.key,
+          (s(!0), u(K, null, X(e.numberFilters, (P) => (s(), u("div", {
+            key: P.key,
             class: "space-y-3"
           }, [
             i("div", qm, [
               i("label", {
                 class: v(et.value)
-              }, p(T.label), 3),
+              }, p(P.label), 3),
               i("span", {
-                class: v(F(T))
-              }, p(d(T) ? "Active" : "Inactive"), 3)
+                class: v(F(P))
+              }, p(d(P) ? "Active" : "Inactive"), 3)
             ]),
             i("div", Um, [
               i("div", Wm, [
                 i("input", {
                   type: "number",
-                  "model-value": T.min,
+                  "model-value": P.min,
                   class: v(Re.value),
-                  placeholder: `Min ${T.label}`,
-                  step: T.step || 1,
-                  onInput: (U) => V(T.key, "min", U.target.value)
+                  placeholder: `Min ${P.label}`,
+                  step: P.step || 1,
+                  onInput: (U) => V(P.key, "min", U.target.value)
                 }, null, 42, Ym)
               ]),
               i("span", {
@@ -11484,18 +11488,18 @@ const Bd = {
               i("div", Hm, [
                 i("input", {
                   type: "number",
-                  "model-value": T.max,
+                  "model-value": P.max,
                   class: v(Re.value),
-                  placeholder: `Max ${T.label}`,
-                  step: T.step || 1,
-                  onInput: (U) => V(T.key, "max", U.target.value)
+                  placeholder: `Max ${P.label}`,
+                  step: P.step || 1,
+                  onInput: (U) => V(P.key, "max", U.target.value)
                 }, null, 42, Gm)
               ]),
-              d(T) ? (s(), u("button", {
+              d(P) ? (s(), u("button", {
                 key: 0,
                 class: v(L.value),
                 title: "Clear this filter",
-                onClick: (U) => C(T.key)
+                onClick: (U) => z(P.key)
               }, [
                 B(Q, {
                   icon: "xmark",
@@ -11504,27 +11508,27 @@ const Bd = {
               ], 10, Km)) : h("", !0)
             ])
           ]))), 128)),
-          (s(!0), u(K, null, X(e.multiSelectFilters, (T) => (s(), u("div", {
-            key: T.key,
+          (s(!0), u(K, null, X(e.multiSelectFilters, (P) => (s(), u("div", {
+            key: P.key,
             class: "space-y-3"
           }, [
             i("div", Xm, [
               i("label", {
                 class: v(et.value)
-              }, p(T.label), 3),
+              }, p(P.label), 3),
               i("span", {
-                class: v(G(T))
-              }, p(Y(T) ? `${T.selected.length} selected` : "None"), 3)
+                class: v(G(P))
+              }, p(Y(P) ? `${P.selected.length} selected` : "None"), 3)
             ]),
             i("div", Jm, [
               B(Me, {
                 "model-value": "",
                 class: v(Ze.value),
-                onChange: (U) => le(T.key, U.target.value)
+                onChange: (U) => le(P.key, U.target.value)
               }, {
                 default: R(() => [
-                  i("option", Qm, " Select " + p(T.label), 1),
-                  (s(!0), u(K, null, X(T.options, (U) => (s(), u("option", {
+                  i("option", Qm, " Select " + p(P.label), 1),
+                  (s(!0), u(K, null, X(P.options, (U) => (s(), u("option", {
                     key: U.value,
                     value: U.value
                   }, p(U.label), 9, Zm))), 128))
@@ -11536,15 +11540,15 @@ const Bd = {
                 class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
             ]),
-            T.selected.length > 0 ? (s(), u("div", eg, [
-              (s(!0), u(K, null, X(T.selected, (U) => (s(), u("span", {
+            P.selected.length > 0 ? (s(), u("div", eg, [
+              (s(!0), u(K, null, X(P.selected, (U) => (s(), u("span", {
                 key: U,
                 class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
               }, [
-                te(p(j(T, U)) + " ", 1),
+                te(p(j(P, U)) + " ", 1),
                 i("button", {
                   class: "hover:bg-blue-200 rounded-full p-0.5",
-                  onClick: (ie) => ne(T.key, U)
+                  onClick: (ie) => ne(P.key, U)
                 }, [
                   B(Q, {
                     icon: "xmark",
@@ -11564,18 +11568,18 @@ const Bd = {
           i("span", {
             class: v(we.value)
           }, "Active filters:", 2),
-          (s(!0), u(K, null, X(H.value, (T) => (s(), u("div", {
-            key: T.key,
+          (s(!0), u(K, null, X(H.value, (P) => (s(), u("div", {
+            key: P.key,
             class: v(ce.value)
           }, [
             B(Q, {
-              icon: T.icon,
+              icon: P.icon,
               class: "w-3 h-3"
             }, null, 8, ["icon"]),
-            i("span", null, p(T.label) + ": " + p(T.value), 1),
+            i("span", null, p(P.label) + ": " + p(P.value), 1),
             i("button", {
               class: v(Ba.value),
-              onClick: (U) => Br(T.key)
+              onClick: (U) => Br(P.key)
             }, [
               B(Q, {
                 icon: "xmark",
@@ -11702,7 +11706,7 @@ const Bd = {
         active: !1,
         position: "middle"
       }
-    }), P = E("px-3 py-2 text-sm border border-slate-300 rounded-md flex items-center gap-2 transition-colors", {
+    }), I = E("px-3 py-2 text-sm border border-slate-300 rounded-md flex items-center gap-2 transition-colors", {
       variants: {
         state: {
           normal: "text-slate-600 hover:text-slate-800 hover:bg-slate-50",
@@ -11713,17 +11717,17 @@ const Bd = {
         state: "normal"
       }
     }), $ = b(
-      () => S(y({
+      () => C(y({
         variant: t.variant,
         padding: t.padding
       }))
-    ), A = b(() => "text-sm text-slate-600"), x = b(() => "flex items-center"), m = b(
+    ), S = b(() => "text-sm text-slate-600"), x = b(() => "flex items-center"), m = b(
       () => "flex items-center gap-2 px-3 py-2 text-sm text-slate-600 hover:text-slate-800 border border-slate-300 rounded-md hover:bg-slate-50 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1"
     ), g = b(
       () => "absolute right-0 top-full mt-1 w-56 bg-white border border-slate-200 rounded-lg shadow-lg z-50 max-h-64 overflow-y-auto"
     ), d = b(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
-    ), C = b(
+    ), z = b(
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
     ), F = b(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
@@ -11733,17 +11737,17 @@ const Bd = {
       o.value && l.value && !o.value.contains(M.target) && !l.value.contains(M.target) && (r.value = !1);
     }, G = () => {
       r.value = !r.value;
-    }, le = (M) => S(w({ variant: M.variant || "secondary" })), ne = (M) => {
+    }, le = (M) => C(w({ variant: M.variant || "secondary" })), ne = (M) => {
       let H = "middle";
-      return M === "compact" ? H = "first" : M === "comfortable" && (H = "last"), S(k({
+      return M === "compact" ? H = "first" : M === "comfortable" && (H = "last"), C(k({
         active: t.density === M,
         position: H
       }));
-    }, j = () => S(P({
+    }, j = () => C(I({
       state: t.isRefreshing ? "refreshing" : "normal"
-    })), Z = () => S("w-4 h-4", {
+    })), Z = () => C("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), J = (M) => t.visibleColumns.includes(M), z = (M, H) => {
+    }), J = (M) => t.visibleColumns.includes(M), A = (M, H) => {
       n("toggle-column", { column: M, visible: H });
     };
     return Te(() => {
@@ -11777,7 +11781,7 @@ const Bd = {
             ])
           ])) : e.totalItems > 0 ? (s(), u("div", {
             key: 1,
-            class: v(A.value)
+            class: v(S.value)
           }, p(e.totalItems) + " " + p(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
         i("div", gg, [
@@ -11826,14 +11830,14 @@ const Bd = {
                 i("div", yg, [
                   (s(!0), u(K, null, X(e.toggleableColumns, (re) => (s(), u("div", {
                     key: re.key,
-                    class: v(C.value)
+                    class: v(z.value)
                   }, [
                     i("label", pg, [
                       i("input", {
                         type: "checkbox",
                         checked: J(re.key),
                         class: v(F.value),
-                        onChange: ($e) => z(re.key, $e.target.checked)
+                        onChange: ($e) => A(re.key, $e.target.checked)
                       }, null, 42, xg),
                       i("span", {
                         class: v(V.value)
@@ -11878,7 +11882,7 @@ const Bd = {
     return (a, t) => {
       const n = fe("Logo"), r = fe("Text"), o = fe("Typography"), l = fe("Link"), c = fe("Icon"), f = fe("Divider");
       return s(), u("footer", {
-        class: v(N(S)("bg-gray-50 border-t border-gray-200", e.className))
+        class: v(N(C)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
         i("div", zg, [
           i("div", Ag, [
@@ -12049,11 +12053,11 @@ const Bd = {
   },
   emits: ["search", "profile-action", "logout", "navigate", "toggle-mobile-sidebar"],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = W(""), o = W(!1), l = W(!1), c = W(t.notifications.length), f = W(!1), y = W(!1), w = b(() => (t.user?.name || "Guest").split(" ").map((V) => V[0] || "").join("").toUpperCase()), k = b(() => t.user?.roles?.length ? t.user.roles.map((F) => F.name).join(", ") : "No role"), P = () => {
+    const t = e, n = a, r = W(""), o = W(!1), l = W(!1), c = W(t.notifications.length), f = W(!1), y = W(!1), w = b(() => (t.user?.name || "Guest").split(" ").map((V) => V[0] || "").join("").toUpperCase()), k = b(() => t.user?.roles?.length ? t.user.roles.map((F) => F.name).join(", ") : "No role"), I = () => {
       o.value = !o.value, l.value = !1;
     }, $ = () => {
       l.value = !l.value, o.value = !1;
-    }, A = (F) => {
+    }, S = (F) => {
       n("navigate", F), l.value = !1;
     }, x = (F) => F.route ? !!(t.currentRoute === F.route || t.currentRoute.startsWith(F.route + "/")) : !1, m = (F) => {
       n("profile-action", F), l.value = !1;
@@ -12061,17 +12065,17 @@ const Bd = {
       n("logout"), l.value = !1;
     }, d = (F) => {
       !F.target.closest(".absolute") && !F.target.closest("button") && (o.value = !1, l.value = !1);
-    }, C = () => {
+    }, z = () => {
       y.value = window.innerWidth < 768;
     };
     return Te(() => {
-      document.addEventListener("click", d), C(), window.addEventListener("resize", C);
+      document.addEventListener("click", d), z(), window.addEventListener("resize", z);
     }), Ne(() => {
-      document.removeEventListener("click", d), window.removeEventListener("resize", C);
+      document.removeEventListener("click", d), window.removeEventListener("resize", z);
     }), ve(r, (F) => n("search", F)), (F, V) => {
       const Y = fe("router-link");
       return s(), u("header", {
-        class: v(N(S)(
+        class: v(N(C)(
           "fixed top-0 z-50 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out w-full"
         )),
         style: { left: "0" }
@@ -12170,7 +12174,7 @@ const Bd = {
             ])])) : h("", !0),
             i("button", {
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
-              onClick: P
+              onClick: I
             }, [
               V[8] || (V[8] = i("svg", {
                 class: "w-5 h-5",
@@ -12274,16 +12278,16 @@ const Bd = {
                         G.route ? (s(), _(Y, {
                           key: 0,
                           to: G.route,
-                          class: v(N(S)(
+                          class: v(N(C)(
                             "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
                             x(G) ? "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: (le) => A(G)
+                          onClick: (le) => S(G)
                         }, {
                           default: R(() => [
                             x(G) ? (s(), u("div", iv)) : h("", !0),
                             i("div", {
-                              class: v(N(S)(
+                              class: v(N(C)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
                                 x(G) ? "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"
                               ))
@@ -12295,7 +12299,7 @@ const Bd = {
                               }, null, 8, ["icon"])) : h("", !0)
                             ], 2),
                             i("span", {
-                              class: v(N(S)(
+                              class: v(N(C)(
                                 "flex-1 truncate font-semibold",
                                 x(G) ? "text-blue-700" : "text-gray-700"
                               ))
@@ -12525,7 +12529,7 @@ const Bd = {
         } catch (d) {
           console.error("Error in onChange handler:", d), _e.error("An error occurred while processing the change");
         }
-    }, P = (m, g) => {
+    }, I = (m, g) => {
       if (l.value[m.name] = g, m.onChange && typeof m.onChange == "function")
         try {
           m.onChange(g, l.value);
@@ -12537,10 +12541,10 @@ const Bd = {
       if (l.value[m.name] = d, m.onChange && typeof m.onChange == "function")
         try {
           m.onChange(d, l.value);
-        } catch (C) {
-          console.error("Error in onChange handler:", C), _e.error("An error occurred while processing the file");
+        } catch (z) {
+          console.error("Error in onChange handler:", z), _e.error("An error occurred while processing the file");
         }
-    }, A = async () => {
+    }, S = async () => {
       try {
         if (!w()) {
           _e.error("Please fix the validation errors before submitting");
@@ -12577,14 +12581,14 @@ const Bd = {
         ]),
         i("form", {
           class: "space-y-4",
-          onSubmit: je(A, ["prevent"])
+          onSubmit: je(S, ["prevent"])
         }, [
           (s(!0), u(K, null, X(e.fields, (d) => (s(), u("div", {
             key: d.name
           }, [
             d.type === "hidden" ? Xe((s(), u("input", {
               key: 0,
-              "onUpdate:modelValue": (C) => l.value[d.name] = C,
+              "onUpdate:modelValue": (z) => l.value[d.name] = z,
               type: "hidden"
             }, null, 8, bv)), [
               [wt, l.value[d.name]]
@@ -12596,10 +12600,10 @@ const Bd = {
               error: c.value[d.name],
               "error-message": c.value[d.name]
             }, {
-              default: R(({ fieldId: C, hasError: F, ariaDescribedBy: V }) => [
+              default: R(({ fieldId: z, hasError: F, ariaDescribedBy: V }) => [
                 ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(d.type) ? (s(), _(Be, {
                   key: 0,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   type: d.type,
@@ -12610,7 +12614,7 @@ const Bd = {
                   "aria-describedby": V
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby"])) : d.type === "textarea" ? (s(), _(yr, {
                   key: 1,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   placeholder: d.placeholder,
@@ -12623,7 +12627,7 @@ const Bd = {
                   "aria-describedby": V
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "class", "aria-describedby"])) : d.type === "select" ? (s(), _(Me, {
                   key: 2,
-                  id: C,
+                  id: z,
                   "model-value": l.value[d.name],
                   disabled: o.value || d.disabled,
                   class: v([
@@ -12643,7 +12647,7 @@ const Bd = {
                   _: 2
                 }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : d.type === "checkbox" ? (s(), u("div", pv, [
                   B(Be, {
-                    id: C,
+                    id: z,
                     modelValue: l.value[d.name],
                     "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                     type: "checkbox",
@@ -12652,7 +12656,7 @@ const Bd = {
                     "aria-describedby": V
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "aria-describedby"]),
                   B(ot, {
-                    for: C,
+                    for: z,
                     class: "ml-2 text-sm text-gray-700"
                   }, {
                     default: R(() => [
@@ -12662,7 +12666,7 @@ const Bd = {
                   }, 1032, ["for"])
                 ])) : d.type === "switch" ? (s(), u("div", xv, [
                   i("button", {
-                    id: C,
+                    id: z,
                     type: "button",
                     role: "switch",
                     "aria-checked": l.value[d.name],
@@ -12682,7 +12686,7 @@ const Bd = {
                     }, null, 2)
                   ], 10, wv),
                   B(ot, {
-                    for: C,
+                    for: z,
                     class: "ml-3 text-sm text-gray-700"
                   }, {
                     default: R(() => [
@@ -12696,7 +12700,7 @@ const Bd = {
                     class: "flex items-center"
                   }, [
                     B(Be, {
-                      id: `${C}-${Y.value}`,
+                      id: `${z}-${Y.value}`,
                       modelValue: l.value[d.name],
                       "onUpdate:modelValue": (G) => l.value[d.name] = G,
                       type: "radio",
@@ -12706,7 +12710,7 @@ const Bd = {
                       "aria-describedby": V
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "value", "disabled", "aria-describedby"]),
                     B(ot, {
-                      for: `${C}-${Y.value}`,
+                      for: `${z}-${Y.value}`,
                       class: "ml-2 text-sm text-gray-700"
                     }, {
                       default: R(() => [
@@ -12717,7 +12721,7 @@ const Bd = {
                   ]))), 128))
                 ])) : d.type === "file" ? (s(), u("div", $v, [
                   B(Be, {
-                    id: C,
+                    id: z,
                     type: "file",
                     accept: d.accept,
                     disabled: o.value || d.disabled,
@@ -12736,11 +12740,11 @@ const Bd = {
                   max: d.max,
                   step: d.step,
                   disabled: o.value || d.disabled,
-                  "onUpdate:modelValue": (Y) => P(d, Y)
+                  "onUpdate:modelValue": (Y) => I(d, Y)
                 }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : d.type === "range" ? (s(), u("div", Cv, [
                   i("div", zv, [
                     B(Be, {
-                      id: C,
+                      id: z,
                       modelValue: l.value[d.name],
                       "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                       type: "range",
@@ -12755,7 +12759,7 @@ const Bd = {
                   ])
                 ])) : d.type === "date" ? (s(), _(Aa, {
                   key: 9,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   disabled: o.value || d.disabled,
@@ -12770,7 +12774,7 @@ const Bd = {
                   "aria-describedby": V
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "show-today", "calendar-position", "aria-describedby"])) : d.type === "time" ? (s(), _(Be, {
                   key: 10,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   type: "time",
@@ -12779,7 +12783,7 @@ const Bd = {
                   "aria-describedby": V
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : d.type === "datetime-local" ? (s(), _(Be, {
                   key: 11,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   type: "datetime-local",
@@ -12788,7 +12792,7 @@ const Bd = {
                   "aria-describedby": V
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : d.type === "month" ? (s(), _(Be, {
                   key: 12,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   type: "month",
@@ -12797,7 +12801,7 @@ const Bd = {
                   "aria-describedby": V
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "class", "aria-describedby"])) : d.type === "week" ? (s(), _(Be, {
                   key: 13,
-                  id: C,
+                  id: z,
                   modelValue: l.value[d.name],
                   "onUpdate:modelValue": (Y) => l.value[d.name] = Y,
                   type: "week",
@@ -12913,31 +12917,31 @@ const Bd = {
       left: `${n.sidebarWidth}px`
     }), k = b(() => o.value ? {} : {
       left: `${n.sidebarWidth}px`
-    }), P = b(() => {
+    }), I = b(() => {
       if (o.value)
         return 0;
       let j = n.sidebarWidth;
       return l.value && (j += 220), f.value && (j += 220), j;
     }), $ = (j) => {
-      r("navigate", j), o.value && A();
-      const Z = l.value && c.value && c.value.subItems.some((z) => z.route === j.route), J = f.value && n.managementSettings.some((z) => z.route === j.route);
+      r("navigate", j), o.value && S();
+      const Z = l.value && c.value && c.value.subItems.some((A) => A.route === j.route), J = f.value && n.managementSettings.some((A) => A.route === j.route);
       (o.value || !(Z || J)) && F();
-    }, A = () => {
+    }, S = () => {
       r("update:mobileOpen", !1);
     }, x = (j) => j.subItems && j.subItems.length > 0, m = (j) => {
-      f.value && C(), l.value && c.value !== j ? (d(), setTimeout(() => {
+      f.value && z(), l.value && c.value !== j ? (d(), setTimeout(() => {
         c.value = j, l.value = !0;
-      }, 300)) : l.value ? c.value === j && d() : (c.value = j, l.value = !0), o.value && A();
+      }, 300)) : l.value ? c.value === j && d() : (c.value = j, l.value = !0), o.value && S();
     }, g = () => {
-      l.value && d(), f.value ? C() : f.value = !0, o.value && A();
+      l.value && d(), f.value ? z() : f.value = !0, o.value && S();
     }, d = () => {
       l.value = !1, setTimeout(() => {
         c.value = null;
       }, 300);
-    }, C = () => {
+    }, z = () => {
       f.value = !1;
     }, F = () => {
-      d(), C();
+      d(), z();
     }, V = (j) => {
       $(j);
     }, Y = (j) => {
@@ -12947,9 +12951,9 @@ const Bd = {
       return j.route ? !!(Z === j.route || Z.startsWith(j.route + "/")) : j.subItems && j.subItems.length > 0 ? j.subItems.some((J) => J.route ? Z === J.route || Z.startsWith(J.route + "/") : !1) : !1;
     }, le = () => {
       const j = o.value;
-      o.value = window.innerWidth < 1024, j && !o.value && y.value && A();
+      o.value = window.innerWidth < 1024, j && !o.value && y.value && S();
     }, ne = (j) => {
-      j.key === "Escape" && (l.value || f.value ? F() : o.value && y.value && A());
+      j.key === "Escape" && (l.value || f.value ? F() : o.value && y.value && S());
     };
     return Te(() => {
       le(), window.addEventListener("resize", le), document.addEventListener("keydown", ne);
@@ -12960,7 +12964,7 @@ const Bd = {
       isMobileOpen: y,
       submenuOpen: l,
       managementSettingsOpen: f,
-      contentMarginLeft: P,
+      contentMarginLeft: I,
       closeAllMenus: F
     }), (j, Z) => {
       const J = fe("router-link");
@@ -12977,17 +12981,17 @@ const Bd = {
             y.value && o.value ? (s(), u("div", {
               key: 0,
               class: "fixed inset-0 z-30 lg:hidden",
-              onClick: A
+              onClick: S
             })) : h("", !0)
           ]),
           _: 1
         }),
         i("aside", {
-          class: v(N(S)(
+          class: v(N(C)(
             "fixed left-0 z-40 border-r overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             "bg-white border-gray-200",
-            o.value ? N(S)("transform h-screen", y.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
+            o.value ? N(C)("transform h-screen", y.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
           )),
           style: me({ width: e.sidebarWidth + "px", top: o.value ? "0px" : "4rem" })
         }, [
@@ -12996,7 +13000,7 @@ const Bd = {
             i("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
-              onClick: A
+              onClick: S
             }, [...Z[0] || (Z[0] = [
               i("svg", {
                 class: "w-5 h-5",
@@ -13015,67 +13019,67 @@ const Bd = {
           ])) : h("", !0),
           i("nav", jv, [
             i("div", Vv, [
-              (s(!0), u(K, null, X(e.navigationItems, (z) => (s(), u(K, {
-                key: z.name || z.label
+              (s(!0), u(K, null, X(e.navigationItems, (A) => (s(), u(K, {
+                key: A.name || A.label
               }, [
-                z.type === "link" ? (s(), u("div", Ov, [
-                  x(z) ? (s(), u("div", {
+                A.type === "link" ? (s(), u("div", Ov, [
+                  x(A) ? (s(), u("div", {
                     key: 1,
-                    class: v(N(S)(
+                    class: v(N(C)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      G(z) ? "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"
+                      G(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: (M) => m(z)
+                    onClick: (M) => m(A)
                   }, [
                     i("div", {
-                      class: v(N(S)(
+                      class: v(N(C)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        G(z) ? "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"
+                        G(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"
                       ))
                     }, [
                       B(Q, {
-                        icon: z.icon,
+                        icon: A.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
                     ], 2),
                     i("span", {
-                      class: v(N(S)(
+                      class: v(N(C)(
                         "text-xs font-medium text-center",
-                        G(z) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        G(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
-                    }, p(z.label), 3),
-                    z.badge ? (s(), u("span", Dv, p(z.badge), 1)) : h("", !0),
-                    G(z) && x(z) ? (s(), u("div", Ev)) : h("", !0)
+                    }, p(A.label), 3),
+                    A.badge ? (s(), u("span", Dv, p(A.badge), 1)) : h("", !0),
+                    G(A) && x(A) ? (s(), u("div", Ev)) : h("", !0)
                   ], 10, Mv)) : (s(), _(J, {
                     key: 0,
-                    to: z.route,
-                    class: v(N(S)(
+                    to: A.route,
+                    class: v(N(C)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      G(z) ? "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"
+                      G(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: (M) => $(z)
+                    onClick: (M) => $(A)
                   }, {
                     default: R(() => [
                       i("div", {
-                        class: v(N(S)(
+                        class: v(N(C)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          G(z) ? "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"
+                          G(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"
                         ))
                       }, [
                         B(Q, {
-                          icon: z.icon,
+                          icon: A.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
                       ], 2),
                       i("span", {
-                        class: v(N(S)(
+                        class: v(N(C)(
                           "text-xs font-medium text-center",
-                          G(z) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          G(A) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
-                      }, p(z.label), 3),
-                      z.badge ? (s(), u("span", Fv, p(z.badge), 1)) : h("", !0)
+                      }, p(A.label), 3),
+                      A.badge ? (s(), u("span", Fv, p(A.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -13085,14 +13089,14 @@ const Bd = {
           ]),
           e.showManagementSettings ? (s(), u("div", Lv, [
             i("div", {
-              class: v(N(S)(
+              class: v(N(C)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
                 e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
               )),
               onClick: g
             }, [
               i("div", {
-                class: v(N(S)(
+                class: v(N(C)(
                   "flex items-center justify-center rounded-lg transition-colors mb-2",
                   "w-12 h-12",
                   e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
@@ -13104,7 +13108,7 @@ const Bd = {
                 })
               ], 2),
               i("span", {
-                class: v(N(S)(
+                class: v(N(C)(
                   "text-xs font-medium text-center",
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
@@ -13125,7 +13129,7 @@ const Bd = {
             l.value ? (s(), u("aside", {
               key: 0,
               class: v(
-                N(S)(
+                N(C)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
                   o.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
@@ -13158,40 +13162,40 @@ const Bd = {
               ]),
               i("nav", Uv, [
                 i("div", Wv, [
-                  (s(!0), u(K, null, X(c.value?.subItems, (z) => (s(), _(J, {
-                    key: z.name,
-                    to: z.route,
+                  (s(!0), u(K, null, X(c.value?.subItems, (A) => (s(), _(J, {
+                    key: A.name,
+                    to: A.route,
                     class: v(
-                      N(S)(
+                      N(C)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        G(z) ? "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"
+                        G(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: (M) => V(z)
+                    onClick: (M) => V(A)
                   }, {
                     default: R(() => [
-                      G(z) ? (s(), u("div", Yv)) : h("", !0),
+                      G(A) ? (s(), u("div", Yv)) : h("", !0),
                       i("div", {
                         class: v(
-                          N(S)(
+                          N(C)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            G(z) ? "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"
+                            G(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"
                           )
                         )
                       }, [
-                        z.icon ? (s(), _(Q, {
+                        A.icon ? (s(), _(Q, {
                           key: 0,
-                          icon: z.icon,
+                          icon: A.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : h("", !0)
                       ], 2),
                       i("span", {
-                        class: v(N(S)(
+                        class: v(N(C)(
                           "flex-1 truncate font-semibold",
-                          G(z) ? "text-blue-700" : "text-gray-700"
+                          G(A) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, p(z.label), 3),
-                      z.badge ? (s(), u("span", Hv, p(z.badge), 1)) : h("", !0)
+                      }, p(A.label), 3),
+                      A.badge ? (s(), u("span", Hv, p(A.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -13213,7 +13217,7 @@ const Bd = {
             f.value ? (s(), u("aside", {
               key: 0,
               class: v(
-                N(S)(
+                N(C)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
                   o.value ? "left-0 w-52 top-20 h-full" : "w-58 h-[calc(100vh-4rem)]"
                 )
@@ -13225,7 +13229,7 @@ const Bd = {
                   i("button", {
                     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: C
+                    onClick: z
                   }, [...Z[2] || (Z[2] = [
                     i("svg", {
                       class: "w-5 h-5",
@@ -13246,42 +13250,42 @@ const Bd = {
               ]),
               i("nav", Gv, [
                 i("div", Kv, [
-                  (s(!0), u(K, null, X(e.managementSettings, (z) => (s(), u(K, {
-                    key: z.name
+                  (s(!0), u(K, null, X(e.managementSettings, (A) => (s(), u(K, {
+                    key: A.name
                   }, [
-                    z.type === "section" ? (s(), u("div", Xv, p(z.label), 1)) : z.route ? (s(), _(J, {
+                    A.type === "section" ? (s(), u("div", Xv, p(A.label), 1)) : A.route ? (s(), _(J, {
                       key: 1,
-                      to: z.route,
+                      to: A.route,
                       class: v(
-                        N(S)(
+                        N(C)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                          G(z) ? "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"
+                          G(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: (M) => Y(z)
+                      onClick: (M) => Y(A)
                     }, {
                       default: R(() => [
-                        G(z) ? (s(), u("div", Jv)) : h("", !0),
+                        G(A) ? (s(), u("div", Jv)) : h("", !0),
                         i("div", {
                           class: v(
-                            N(S)(
+                            N(C)(
                               "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
-                              G(z) ? "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"
+                              G(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"
                             )
                           )
                         }, [
-                          z.icon ? (s(), _(Q, {
+                          A.icon ? (s(), _(Q, {
                             key: 0,
-                            icon: z.icon,
+                            icon: A.icon,
                             class: "w-4 h-4"
                           }, null, 8, ["icon"])) : h("", !0)
                         ], 2),
                         i("span", {
-                          class: v(N(S)(
+                          class: v(N(C)(
                             "flex-1 truncate font-semibold",
-                            G(z) ? "text-blue-700" : "text-gray-700"
+                            G(A) ? "text-blue-700" : "text-gray-700"
                           ))
-                        }, p(z.label), 3)
+                        }, p(A.label), 3)
                       ]),
                       _: 2
                     }, 1032, ["to", "class", "onClick"])) : h("", !0)
@@ -13860,7 +13864,7 @@ const F0 = /* @__PURE__ */ jt(l0, [["render", O0]]), M0 = { class: "min-h-screen
         }
       };
       return re[e.errorType] || re[404];
-    }), k = b(() => w.value), P = b(() => e.errorTitle || k.value.title), $ = b(() => e.errorMessage || k.value.message), A = b(() => k.value.homeButtonIcon || "🏠"), x = b(() => e.showAdditionalInfo ? k.value.additionalInfo : null), m = () => {
+    }), k = b(() => w.value), I = b(() => e.errorTitle || k.value.title), $ = b(() => e.errorMessage || k.value.message), S = b(() => k.value.homeButtonIcon || "🏠"), x = b(() => e.showAdditionalInfo ? k.value.additionalInfo : null), m = () => {
       n ? n.push(e.homeUrl) : window.location.href = e.homeUrl;
     }, g = () => {
       n && window.history.length > 1 ? n.back() : window.history.length > 1 ? window.history.back() : m(), a("back");
@@ -13874,7 +13878,7 @@ const F0 = /* @__PURE__ */ jt(l0, [["render", O0]]), M0 = { class: "min-h-screen
         r.value = !1;
       }
       a("retry");
-    }, C = b(() => [
+    }, z = b(() => [
       "min-h-screen relative flex items-center justify-center",
       "px-4 sm:px-6 lg:px-8"
     ]), F = b(() => [
@@ -13895,7 +13899,7 @@ const F0 = /* @__PURE__ */ jt(l0, [["render", O0]]), M0 = { class: "min-h-screen
       "text-6xl font-bold text-slate-300 mb-4"
     ]), J = b(() => [
       "text-3xl font-bold text-slate-900"
-    ]), z = b(() => [
+    ]), A = b(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), M = b(() => [
       "mt-8"
@@ -13913,16 +13917,16 @@ const F0 = /* @__PURE__ */ jt(l0, [["render", O0]]), M0 = { class: "min-h-screen
       isDev: f,
       // Computed
       errorConfig: k,
-      title: P,
+      title: I,
       message: $,
-      homeButtonIcon: A,
+      homeButtonIcon: S,
       additionalInfoConfig: x,
       // Methods
       goHome: m,
       goBack: g,
       retry: d,
       // Classes
-      layoutClasses: C,
+      layoutClasses: z,
       backgroundClasses: F,
       contentClasses: V,
       headerClasses: Y,
@@ -13932,7 +13936,7 @@ const F0 = /* @__PURE__ */ jt(l0, [["render", O0]]), M0 = { class: "min-h-screen
       detailsClasses: j,
       codeClasses: Z,
       titleClasses: J,
-      messageClasses: z,
+      messageClasses: A,
       actionsClasses: M,
       additionalInfoClasses: H,
       helpClasses: oe
@@ -14149,22 +14153,22 @@ const ib = /* @__PURE__ */ jt(_0, [["render", ob]]), un = {
         n.style.opacity = "0";
         return;
       }
-      let k, P;
+      let k, I;
       switch (t) {
         case "bottom":
-          P = y.left + y.width / 2 - w.width / 2, k = y.bottom + 8;
+          I = y.left + y.width / 2 - w.width / 2, k = y.bottom + 8;
           break;
         case "left":
-          P = y.left - w.width - 8, k = y.top + y.height / 2 - w.height / 2;
+          I = y.left - w.width - 8, k = y.top + y.height / 2 - w.height / 2;
           break;
         case "right":
-          P = y.right + 8, k = y.top + y.height / 2 - w.height / 2;
+          I = y.right + 8, k = y.top + y.height / 2 - w.height / 2;
           break;
         default:
-          P = y.left + y.width / 2 - w.width / 2, k = y.top - w.height - 8;
+          I = y.left + y.width / 2 - w.width / 2, k = y.top - w.height - 8;
       }
       const $ = 8;
-      P = Math.max($, Math.min(P, window.innerWidth - w.width - $)), k = Math.max($, Math.min(k, window.innerHeight - w.height - $)), n.style.left = `${P}px`, n.style.top = `${k}px`;
+      I = Math.max($, Math.min(I, window.innerWidth - w.width - $)), k = Math.max($, Math.min(k, window.innerHeight - w.height - $)), n.style.left = `${I}px`, n.style.top = `${k}px`;
     }, l = () => {
       const y = `
         position: absolute;
@@ -14392,7 +14396,7 @@ export {
   Ed as Toast,
   pr as Tooltip,
   ia as Typography,
-  S as cn,
+  C as cn,
   fb as default,
   _e as toast,
   un as tooltip,