@stlhorizon/vue-ui 1.5.8 → 1.5.9

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Dt, computed as f, watch as ge, h as Ma, createBlock as N, openBlock as o, unref as F, normalizeClass as m, ref as M, createElementBlock as d, toDisplayString as x, createCommentVNode as p, renderSlot as $, resolveDynamicComponent as ie, createVNode as z, mergeProps as Re, createElementVNode as u, useId as lt, createTextVNode as D, withCtx as O, normalizeStyle as ke, nextTick as ta, Transition as he, Fragment as Y, renderList as X, onMounted as Ee, onUnmounted as ot, resolveComponent as ee, Teleport as La, markRaw as Ra, TransitionGroup as ar, withDirectives as it, vModelText as Wa, provide as nr, inject as Ha, vShow as Ua, createSlots as rr, withModifiers as aa } from "vue";
+import { defineComponent as Dt, computed as f, watch as ge, h as Ma, createBlock as N, openBlock as o, unref as F, normalizeClass as m, ref as M, createElementBlock as d, toDisplayString as x, createCommentVNode as p, renderSlot as $, resolveDynamicComponent as ie, createVNode as A, mergeProps as Re, createElementVNode as u, useId as lt, createTextVNode as D, withCtx as O, normalizeStyle as ke, nextTick as ta, Transition as he, Fragment as Y, renderList as X, onMounted as Ee, onUnmounted as ot, resolveComponent as ee, Teleport as La, markRaw as Ra, TransitionGroup as ar, withDirectives as it, vModelText as Wa, provide as nr, inject as Ha, vShow as Ua, createSlots as rr, withModifiers as aa } from "vue";
 import { cva as T } from "class-variance-authority";
 import { clsx as sr } from "clsx";
 function k(...e) {
@@ -1704,19 +1704,19 @@ function ft(e) {
     return !ba.includes(j);
   })), i = s.filter(function(j) {
     return r = j, !Qa.includes(j);
-  }), c = ut(i, 1), v = c[0], h = v === void 0 ? null : v, S = ul(s), I = C(C({}, cl(l)), {}, {
+  }), c = ut(i, 1), v = c[0], h = v === void 0 ? null : v, S = ul(s), P = C(C({}, cl(l)), {}, {
     prefix: dt(h, {
       family: S
     })
   });
-  return C(C(C({}, I), vl({
+  return C(C(C({}, P), vl({
     values: e,
     family: S,
     styles: We,
     config: E,
-    canonical: I,
+    canonical: P,
     givenPrefix: r
-  })), dl(n, r, I));
+  })), dl(n, r, P));
 }
 function dl(e, a, t) {
   var n = t.prefix, r = t.iconName;
@@ -1739,12 +1739,12 @@ var fl = mn.filter(function(e) {
   return Object.keys(kt[e]);
 }).flat();
 function vl(e) {
-  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, s = r === void 0 ? "" : r, l = e.styles, i = l === void 0 ? {} : l, c = e.config, v = c === void 0 ? {} : c, h = t === Ue, S = a.includes("fa-duotone") || a.includes("fad"), I = v.familyDefault === "duotone", j = n.prefix === "fad" || n.prefix === "fa-duotone";
-  if (!h && (S || I || j) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && fl.includes(t)) {
-    var A = Object.keys(i).find(function(g) {
+  var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, s = r === void 0 ? "" : r, l = e.styles, i = l === void 0 ? {} : l, c = e.config, v = c === void 0 ? {} : c, h = t === Ue, S = a.includes("fa-duotone") || a.includes("fad"), P = v.familyDefault === "duotone", j = n.prefix === "fad" || n.prefix === "fa-duotone";
+  if (!h && (S || P || j) && (n.prefix = "fad"), (a.includes("fa-brands") || a.includes("fab")) && (n.prefix = "fab"), !n.prefix && fl.includes(t)) {
+    var I = Object.keys(i).find(function(g) {
       return ml.includes(g);
     });
-    if (A || v.autoFetchSvg) {
+    if (I || v.autoFetchSvg) {
       var w = Fr.get(t).defaultShortPrefixId;
       n.prefix = w, n.iconName = Ae(n.prefix, n.iconName) || n.iconName;
     }
@@ -1952,7 +1952,7 @@ function Cl(e) {
   });
 }
 function Kt(e) {
-  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, s = e.iconName, l = e.transform, i = e.symbol, c = e.maskId, v = e.extra, h = e.watchable, S = h === void 0 ? !1 : h, I = n.found ? n : t, j = I.width, A = I.height, w = [E.replacementClass, s ? "".concat(E.cssPrefix, "-").concat(s) : ""].filter(function(L) {
+  var a = e.icons, t = a.main, n = a.mask, r = e.prefix, s = e.iconName, l = e.transform, i = e.symbol, c = e.maskId, v = e.extra, h = e.watchable, S = h === void 0 ? !1 : h, P = n.found ? n : t, j = P.width, I = P.height, w = [E.replacementClass, s ? "".concat(E.cssPrefix, "-").concat(s) : ""].filter(function(L) {
     return v.classes.indexOf(L) === -1;
   }).filter(function(L) {
     return L !== "" || !!L;
@@ -1963,7 +1963,7 @@ function Kt(e) {
       "data-icon": s,
       class: w,
       role: v.attributes.role || "img",
-      viewBox: "0 0 ".concat(j, " ").concat(A)
+      viewBox: "0 0 ".concat(j, " ").concat(I)
     })
   };
   !Cl(v.attributes) && !v.attributes["aria-hidden"] && (g.attributes["aria-hidden"] = "true"), S && (g.attributes[Ie] = "");
@@ -1982,8 +1982,8 @@ function Kt(e) {
   } : $e("generateAbstractIcon", b) || {
     children: [],
     attributes: {}
-  }, P = y.children, _ = y.attributes;
-  return b.children = P, b.attributes = _, i ? Sl(b) : kl(b);
+  }, z = y.children, _ = y.attributes;
+  return b.children = z, b.attributes = _, i ? Sl(b) : kl(b);
 }
 function ya(e) {
   var a = e.content, t = e.width, n = e.height, r = e.transform, s = e.extra, l = e.watchable, i = l === void 0 ? !1 : l, c = C(C({}, s.attributes), {}, {
@@ -2199,8 +2199,8 @@ function Sa(e) {
         Ne(v).forEach(function(S) {
           if (S.type === "childList" && S.addedNodes.length > 0 && !wa(S.addedNodes[0]) && (E.searchPseudoElements && l(S.target), t(S.target)), S.type === "attributes" && S.target.parentNode && E.searchPseudoElements && l([S.target], !0), S.type === "attributes" && wa(S.target) && ~Ws.indexOf(S.attributeName))
             if (S.attributeName === "class" && Pl(S.target)) {
-              var I = ft(Ut(S.target)), j = I.prefix, A = I.iconName;
-              S.target.setAttribute(Rt, j || h), A && S.target.setAttribute(Wt, A);
+              var P = ft(Ut(S.target)), j = P.prefix, I = P.iconName;
+              S.target.setAttribute(Rt, j || h), I && S.target.setAttribute(Wt, I);
             } else Tl(S.target) && r(S.target);
         });
       }
@@ -2308,20 +2308,20 @@ function $a(e) {
     return Promise.resolve();
   var c = Xt.begin("onTree"), v = i.reduce(function(h, S) {
     try {
-      var I = Wn(S);
-      I && h.push(I);
+      var P = Wn(S);
+      P && h.push(P);
     } catch (j) {
       xn || j.name === "MissingIcon" && console.error(j);
     }
     return h;
   }, []);
   return new Promise(function(h, S) {
-    Promise.all(v).then(function(I) {
-      Ln(I, function() {
+    Promise.all(v).then(function(P) {
+      Ln(P, function() {
         n("active"), n("complete"), r("pending"), typeof a == "function" && a(), c(), h();
       });
-    }).catch(function(I) {
-      c(), S(I);
+    }).catch(function(P) {
+      c(), S(P);
     });
   });
 }
@@ -2340,9 +2340,9 @@ function Wl(e) {
   };
 }
 var Hl = function(a) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? ve : n, s = t.symbol, l = s === void 0 ? !1 : s, i = t.mask, c = i === void 0 ? null : i, v = t.maskId, h = v === void 0 ? null : v, S = t.classes, I = S === void 0 ? [] : S, j = t.attributes, A = j === void 0 ? {} : j, w = t.styles, g = w === void 0 ? {} : w;
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? ve : n, s = t.symbol, l = s === void 0 ? !1 : s, i = t.mask, c = i === void 0 ? null : i, v = t.maskId, h = v === void 0 ? null : v, S = t.classes, P = S === void 0 ? [] : S, j = t.attributes, I = j === void 0 ? {} : j, w = t.styles, g = w === void 0 ? {} : w;
   if (a) {
-    var b = a.prefix, y = a.iconName, P = a.icon;
+    var b = a.prefix, y = a.iconName, z = a.icon;
     return mt(C({
       type: "icon"
     }, a), function() {
@@ -2351,7 +2351,7 @@ var Hl = function(a) {
         params: t
       }), Kt({
         icons: {
-          main: jt(P),
+          main: jt(z),
           mask: c ? jt(c.icon) : {
             found: !1,
             width: null,
@@ -2365,9 +2365,9 @@ var Hl = function(a) {
         symbol: l,
         maskId: h,
         extra: {
-          attributes: A,
+          attributes: I,
           styles: g,
-          classes: I
+          classes: P
         }
       });
     });
@@ -2392,14 +2392,14 @@ var Hl = function(a) {
       return $a(r, l);
     }, a.generateSvgReplacementMutation = function(t, n) {
       var r = n.iconName, s = n.prefix, l = n.transform, i = n.symbol, c = n.mask, v = n.maskId, h = n.extra;
-      return new Promise(function(S, I) {
+      return new Promise(function(S, P) {
         Promise.all([Bt(r, s), c.iconName ? Bt(c.iconName, c.prefix) : Promise.resolve({
           found: !1,
           width: 512,
           height: 512,
           icon: {}
         })]).then(function(j) {
-          var A = ut(j, 2), w = A[0], g = A[1];
+          var I = ut(j, 2), w = I[0], g = I[1];
           S([t, Kt({
             icons: {
               main: w,
@@ -2413,7 +2413,7 @@ var Hl = function(a) {
             extra: h,
             watchable: !0
           })]);
-        }).catch(I);
+        }).catch(P);
       });
     }, a.generateAbstractIcon = function(t) {
       var n = t.children, r = t.attributes, s = t.main, l = t.transform, i = t.styles, c = ct(i);
@@ -2560,10 +2560,10 @@ function Ia(e, a) {
     if (l && !v)
       return e.removeChild(l), n();
     if (v && S !== "none" && S !== "") {
-      var I = i.getPropertyValue("content"), j = Ql(c, h), A = Xl(I), w = v[0].startsWith("FontAwesome"), g = Jl(i), b = Gt(j, A), y = b;
+      var P = i.getPropertyValue("content"), j = Ql(c, h), I = Xl(P), w = v[0].startsWith("FontAwesome"), g = Jl(i), b = Gt(j, I), y = b;
       if (w) {
-        var P = il(A);
-        P.iconName && P.prefix && (b = P.iconName, j = P.prefix);
+        var z = il(I);
+        z.iconName && z.prefix && (b = z.iconName, j = z.prefix);
       }
       if (b && !g && (!l || l.getAttribute(Rt) !== j || l.getAttribute(Wt) !== y)) {
         e.setAttribute(t, y), l && e.removeChild(l);
@@ -2645,10 +2645,10 @@ function Pa(e) {
             var i = Je(l.cssRules), c;
             try {
               for (i.s(); !(c = i.n()).done; ) {
-                var v = c.value, h = ao(v.selectorText), S = Je(h), I;
+                var v = c.value, h = ao(v.selectorText), S = Je(h), P;
                 try {
-                  for (S.s(); !(I = S.n()).done; ) {
-                    var j = I.value;
+                  for (S.s(); !(P = S.n()).done; ) {
+                    var j = P.value;
                     n.add(j);
                   }
                 } catch (w) {
@@ -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 I = Array.from(n).join(", ");
       try {
-        t = e.querySelectorAll(A);
+        t = e.querySelectorAll(I);
       } catch {
       }
     }
@@ -2795,12 +2795,12 @@ var no = {
         transform: "translate(".concat(s / 2, " 256)")
       }, c = "translate(".concat(r.x * 32, ", ").concat(r.y * 32, ") "), v = "scale(".concat(r.size / 16 * (r.flipX ? -1 : 1), ", ").concat(r.size / 16 * (r.flipY ? -1 : 1), ") "), h = "rotate(".concat(r.rotate, " 0 0)"), S = {
         transform: "".concat(c, " ").concat(v, " ").concat(h)
-      }, I = {
+      }, P = {
         transform: "translate(".concat(l / 2 * -1, " -256)")
       }, j = {
         outer: i,
         inner: S,
-        path: I
+        path: P
       };
       return {
         tag: "g",
@@ -2843,11 +2843,11 @@ var oo = {
   },
   provides: function(a) {
     a.generateAbstractMask = function(t) {
-      var n = t.children, r = t.attributes, s = t.main, l = t.mask, i = t.maskId, c = t.transform, v = s.width, h = s.icon, S = l.width, I = l.icon, j = Qs({
+      var n = t.children, r = t.attributes, s = t.main, l = t.mask, i = t.maskId, c = t.transform, v = s.width, h = s.icon, S = l.width, P = l.icon, j = Qs({
         transform: c,
         containerWidth: S,
         iconWidth: v
-      }), A = {
+      }), I = {
         tag: "rect",
         attributes: C(C({}, xt), {}, {
           fill: "white"
@@ -2865,29 +2865,29 @@ var oo = {
         tag: "g",
         attributes: C({}, j.outer),
         children: [g]
-      }, y = "mask-".concat(i || fa()), P = "clip-".concat(i || fa()), _ = {
+      }, y = "mask-".concat(i || fa()), z = "clip-".concat(i || fa()), _ = {
         tag: "mask",
         attributes: C(C({}, xt), {}, {
           id: y,
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
-        children: [A, b]
+        children: [I, b]
       }, L = {
         tag: "defs",
         children: [{
           tag: "clipPath",
           attributes: {
-            id: P
+            id: z
           },
-          children: lo(I)
+          children: lo(P)
         }, _]
       };
       return n.push(L, {
         tag: "rect",
         attributes: C({
           fill: "currentColor",
-          "clip-path": "url(#".concat(P, ")"),
+          "clip-path": "url(#".concat(z, ")"),
           mask: "url(#".concat(y, ")")
         }, xt)
       }), {
@@ -3111,26 +3111,26 @@ function ko(e) {
 var So = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, qn = { exports: {} };
 (function(e) {
   (function(a) {
-    var t = function(b, y, P) {
-      if (!v(y) || S(y) || I(y) || j(y) || c(y))
+    var t = function(b, y, z) {
+      if (!v(y) || S(y) || P(y) || j(y) || c(y))
         return y;
       var _, L = 0, ae = 0;
       if (h(y))
         for (_ = [], ae = y.length; L < ae; L++)
-          _.push(t(b, y[L], P));
+          _.push(t(b, y[L], z));
       else {
         _ = {};
         for (var ne in y)
-          Object.prototype.hasOwnProperty.call(y, ne) && (_[b(ne, P)] = t(b, y[ne], P));
+          Object.prototype.hasOwnProperty.call(y, ne) && (_[b(ne, z)] = t(b, y[ne], z));
       }
       return _;
     }, n = function(b, y) {
       y = y || {};
-      var P = y.separator || "_", _ = y.split || /(?=[A-Z])/;
-      return b.split(_).join(P);
+      var z = y.separator || "_", _ = y.split || /(?=[A-Z])/;
+      return b.split(_).join(z);
     }, r = function(b) {
-      return A(b) ? b : (b = b.replace(/[\-_\s]+(.)?/g, function(y, P) {
-        return P ? P.toUpperCase() : "";
+      return I(b) ? b : (b = b.replace(/[\-_\s]+(.)?/g, function(y, z) {
+        return z ? z.toUpperCase() : "";
       }), b.substr(0, 1).toLowerCase() + b.substr(1));
     }, s = function(b) {
       var y = r(b);
@@ -3145,16 +3145,16 @@ var So = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return i.call(b) == "[object Array]";
     }, S = function(b) {
       return i.call(b) == "[object Date]";
-    }, I = function(b) {
+    }, P = function(b) {
       return i.call(b) == "[object RegExp]";
     }, j = function(b) {
       return i.call(b) == "[object Boolean]";
-    }, A = function(b) {
+    }, I = function(b) {
       return b = b - 0, b === b;
     }, w = function(b, y) {
-      var P = y && "process" in y ? y.process : y;
-      return typeof P != "function" ? b : function(_, L) {
-        return P(_, b, L);
+      var z = y && "process" in y ? y.process : y;
+      return typeof z != "function" ? b : function(_, L) {
+        return z(_, b, L);
       };
     }, g = {
       camelize: r,
@@ -3681,7 +3681,7 @@ const G = {
         class: "ml-1 hover:bg-black/10 rounded-full p-0.5 transition-colors",
         "aria-label": e.dismissLabel
       }, [
-        z(t, { class: "w-3 h-3" })
+        A(t, { class: "w-3 h-3" })
       ], 8, Bo)) : p("", !0)
     ], 2));
   }
@@ -3868,14 +3868,14 @@ const G = {
     }, r = e, s = a, l = M(null), i = f(() => r.id || lt()), c = f(() => Array.isArray(r.modelValue) ? r.modelValue.includes(r.value) : r.modelValue), v = (b) => {
       const y = b.target.checked;
       if (Array.isArray(r.modelValue)) {
-        const P = [...r.modelValue];
+        const z = [...r.modelValue];
         if (y)
-          P.push(r.value);
+          z.push(r.value);
         else {
-          const _ = P.indexOf(r.value);
-          _ > -1 && P.splice(_, 1);
+          const _ = z.indexOf(r.value);
+          _ > -1 && z.splice(_, 1);
         }
-        s("update:modelValue", P);
+        s("update:modelValue", z);
       } else
         s("update:modelValue", y);
       s("change", y);
@@ -3883,7 +3883,7 @@ const G = {
       !r.disabled && l.value && l.value.click();
     }, S = f(() => {
       if (r.error) return `${i.value}-error`;
-    }), I = f(() => ({
+    }), P = f(() => ({
       sm: "w-4 h-4",
       md: "w-5 h-5",
       lg: "w-6 h-6"
@@ -3897,10 +3897,10 @@ const G = {
       {
         "cursor-not-allowed": r.disabled
       }
-    ]), A = f(() => [
+    ]), I = f(() => [
       "flex items-center justify-center rounded border-2 transition-all duration-200",
       "cursor-pointer select-none",
-      I.value,
+      P.value,
       {
         "bg-blue-600 border-blue-600 text-white": c.value && !r.disabled && r.variant === "default",
         "bg-red-600 border-red-600 text-white": c.value && !r.disabled && r.variant === "error",
@@ -3940,7 +3940,7 @@ const G = {
           onChange: v
         }, null, 42, Do),
         u("div", {
-          class: m(A.value),
+          class: m(I.value),
           onClick: h
         }, [
           c.value && !e.indeterminate ? (o(), N(t, {
@@ -4212,10 +4212,10 @@ const G = {
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
     ), S = (j) => {
       r.value = !1, s.value = !1, n("load", j);
-    }, I = (j) => {
+    }, P = (j) => {
       r.value = !1, s.value = !0, n("error", j);
     };
-    return (j, A) => (o(), d("div", {
+    return (j, I) => (o(), d("div", {
       class: m(i.value)
     }, [
       u("img", {
@@ -4224,7 +4224,7 @@ const G = {
         class: m(c.value),
         loading: e.loading,
         onLoad: S,
-        onError: I
+        onError: P
       }, null, 42, qo),
       r.value ? (o(), d("div", {
         key: 0,
@@ -4239,11 +4239,11 @@ const G = {
         key: 1,
         class: m(h.value)
       }, [
-        z(G, {
+        A(G, {
           name: "ImageOff",
           class: "h-8 w-8 text-muted-foreground"
         }),
-        A[0] || (A[0] = u("span", { class: "text-sm text-muted-foreground" }, "Failed to load image", -1))
+        I[0] || (I[0] = u("span", { class: "text-sm text-muted-foreground" }, "Failed to load image", -1))
       ], 2)) : p("", !0)
     ], 2));
   }
@@ -4332,9 +4332,9 @@ const G = {
       r("keydown", y);
     }, S = () => {
       r("update:modelValue", ""), r("clear"), s.value?.focus();
-    }, I = f(() => !!n.error || n.variant === "error"), j = f(() => {
+    }, P = f(() => !!n.error || n.variant === "error"), j = f(() => {
       if (n.error) return `${l.value}-error`;
-    }), A = f(() => ({
+    }), I = f(() => ({
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
@@ -4351,7 +4351,7 @@ const G = {
       "focus:outline-none focus:ring-2 focus:ring-offset-0",
       "disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
       "placeholder:text-slate-400",
-      A.value,
+      I.value,
       w.value,
       {
         "pl-10": n.iconLeft,
@@ -4362,7 +4362,7 @@ const G = {
       focus: () => s.value?.focus(),
       blur: () => s.value?.blur(),
       select: () => s.value?.select()
-    }), (y, P) => (o(), d("div", Go, [
+    }), (y, z) => (o(), d("div", Go, [
       e.iconLeft ? (o(), d("div", Ko, [
         (o(), N(ie(e.iconLeft), {
           class: m(g.value)
@@ -4381,7 +4381,7 @@ const G = {
         autocomplete: e.autocomplete,
         class: m(b.value),
         "aria-describedby": j.value,
-        "aria-invalid": I.value,
+        "aria-invalid": P.value,
         onInput: i,
         onBlur: c,
         onFocus: v,
@@ -4395,7 +4395,7 @@ const G = {
           type: "button",
           "aria-label": e.clearLabel
         }, [
-          z(G, {
+          A(G, {
             name: "x-mark",
             class: "w-5 h-5"
           })
@@ -5051,7 +5051,7 @@ const G = {
   setup(e, { expose: a, emit: t }) {
     const n = e, r = t, s = M(null), l = f(() => n.id || lt()), i = (g) => {
       r("update:modelValue", g.target.value), n.autoResize && ta(() => w());
-    }, c = (g) => r("blur", g), v = (g) => r("focus", g), h = (g) => r("keydown", g), S = f(() => !!n.error || n.variant === "error"), I = f(
+    }, c = (g) => r("blur", g), v = (g) => r("focus", g), h = (g) => r("keydown", g), S = f(() => !!n.error || n.variant === "error"), P = f(
       () => n.error ? `${l.value}-error` : void 0
     ), j = T(
       "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",
@@ -5080,7 +5080,7 @@ const G = {
           resize: "vertical"
         }
       }
-    ), A = f(
+    ), I = f(
       () => k(j({ size: n.size, variant: n.variant, resize: n.resize }))
     ), w = () => {
       if (!s.value || !n.autoResize) return;
@@ -5104,8 +5104,8 @@ const G = {
       required: e.required,
       rows: e.rows,
       maxlength: e.maxlength,
-      class: m(A.value),
-      "aria-describedby": I.value,
+      class: m(I.value),
+      "aria-describedby": P.value,
       "aria-invalid": S.value,
       onInput: i,
       onBlur: c,
@@ -5175,7 +5175,7 @@ const G = {
       onMouseleave: v
     }, [
       $(h.$slots, "default"),
-      z(he, {
+      A(he, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -5386,7 +5386,7 @@ const G = {
         d="M6 18L18 6M6 6l12 12" />
     </svg>
   `
-    }, I = f(() => ({
+    }, P = f(() => ({
       info: i,
       success: c,
       warning: v,
@@ -5408,7 +5408,7 @@ const G = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), A = f(() => ["w-5 h-5", {
+    ), I = f(() => ["w-5 h-5", {
       info: "text-blue-500",
       success: "text-green-500",
       warning: "text-yellow-500",
@@ -5439,8 +5439,8 @@ const G = {
         }, [
           u("div", hi, [
             e.showIcon ? (o(), d("div", bi, [
-              (o(), N(ie(I.value), {
-                class: m(A.value)
+              (o(), N(ie(P.value), {
+                class: m(I.value)
               }, null, 8, ["class"]))
             ])) : p("", !0),
             u("div", pi, [
@@ -5458,7 +5458,7 @@ const G = {
                     key: y.label,
                     variant: y.variant || "outline",
                     size: y.size || "sm",
-                    onClick: (P) => l(y)
+                    onClick: (z) => l(y)
                   }, {
                     default: O(() => [
                       D(x(y.label), 1)
@@ -5474,7 +5474,7 @@ const G = {
               class: m(w.value),
               "aria-label": e.dismissLabel
             }, [
-              z(S, { class: "w-4 h-4" })
+              A(S, { class: "w-4 h-4" })
             ], 10, wi)) : p("", !0)
           ])
         ], 2)) : p("", !0)
@@ -5888,7 +5888,7 @@ const G = {
         max: e.max,
         onInput: s[0] || (s[0] = (l) => r.$emit("update:modelValue", l.target.value))
       }, null, 42, Ri),
-      z(G, {
+      A(G, {
         name: "calendar",
         class: "absolute right-3 top-1/2 transform -translate-y-1/2 w-4 h-4 pointer-events-none text-gray-400"
       })
@@ -5962,13 +5962,13 @@ const G = {
       }, [
         $(h.$slots, "trigger", {}, () => [
           u("span", null, x(e.triggerText), 1),
-          z(G, {
+          A(G, {
             name: "chevron-down",
             class: "ml-2 h-4 w-4"
           })
         ])
       ], 10, Hi),
-      z(he, {
+      A(he, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
         "enter-to-class": "transform opacity-100 scale-100",
@@ -6080,36 +6080,36 @@ const G = {
       )
     ), v = (y) => {
       y.preventDefault(), s.value = !1;
-      const P = Array.from(y.dataTransfer.files);
-      w(P);
+      const z = Array.from(y.dataTransfer.files);
+      w(z);
     }, h = (y) => {
       y.preventDefault();
     }, S = (y) => {
       y.preventDefault(), s.value = !0;
-    }, I = (y) => {
+    }, P = (y) => {
       y.preventDefault(), s.value = !1;
     }, j = () => {
       l.value?.click();
-    }, A = (y) => {
-      const P = Array.from(y.target.files);
-      w(P);
+    }, I = (y) => {
+      const z = Array.from(y.target.files);
+      w(z);
     }, w = (y) => {
-      const P = y.filter((_) => !(t.maxSize && _.size > t.maxSize));
-      t.multiple ? r.value.push(...P) : r.value = P.slice(0, 1), n("files-selected", r.value);
+      const z = y.filter((_) => !(t.maxSize && _.size > t.maxSize));
+      t.multiple ? r.value.push(...z) : r.value = z.slice(0, 1), n("files-selected", r.value);
     }, g = (y) => {
       r.value.splice(y, 1), n("file-removed", r.value);
     }, b = (y) => {
       if (y === 0) return "0 Bytes";
-      const P = 1024, _ = ["Bytes", "KB", "MB", "GB"], L = Math.floor(Math.log(y) / Math.log(P));
-      return parseFloat((y / Math.pow(P, L)).toFixed(2)) + " " + _[L];
+      const z = 1024, _ = ["Bytes", "KB", "MB", "GB"], L = Math.floor(Math.log(y) / Math.log(z));
+      return parseFloat((y / Math.pow(z, L)).toFixed(2)) + " " + _[L];
     };
-    return (y, P) => (o(), d("div", Gi, [
+    return (y, z) => (o(), d("div", Gi, [
       u("div", {
         class: m(c.value),
         onDrop: v,
         onDragover: h,
         onDragenter: S,
-        onDragleave: I,
+        onDragleave: P,
         onClick: j
       }, [
         u("input", {
@@ -6119,14 +6119,14 @@ const G = {
           multiple: e.multiple,
           accept: e.accept,
           class: "hidden",
-          onChange: A
+          onChange: I
         }, null, 40, Ki),
         u("div", Xi, [
-          z(G, {
+          A(G, {
             name: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
           }),
-          P[0] || (P[0] = u("p", { class: "text-sm text-muted-foreground text-center" }, [
+          z[0] || (z[0] = u("p", { class: "text-sm text-muted-foreground text-center" }, [
             u("span", { class: "font-semibold" }, "Click to upload"),
             D(" or drag and drop ")
           ], -1)),
@@ -6139,7 +6139,7 @@ const G = {
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
           u("div", Zi, [
-            z(G, {
+            A(G, {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
@@ -6150,7 +6150,7 @@ const G = {
             onClick: (ae) => g(L),
             class: "text-muted-foreground hover:text-foreground"
           }, [
-            z(G, {
+            A(G, {
               name: "x",
               class: "h-4 w-4"
             })
@@ -6185,8 +6185,8 @@ const G = {
     const a = e, t = lt(), n = f(() => !!a.error), r = M(!1), s = () => {
       r.value = !r.value;
     }, l = f(() => {
-      const I = [];
-      return a.error ? I.push(`${t}-error`) : a.helpText && I.push(`${t}-help`), I.length > 0 ? I.join(" ") : void 0;
+      const P = [];
+      return a.error ? P.push(`${t}-error`) : a.helpText && P.push(`${t}-help`), P.length > 0 ? P.join(" ") : void 0;
     }), i = T("", {
       variants: {
         size: {
@@ -6237,10 +6237,10 @@ const G = {
       },
       defaultVariants: { size: "md" }
     });
-    return (I, j) => {
-      const A = ee("font-awesome-icon");
+    return (P, j) => {
+      const I = ee("font-awesome-icon");
       return o(), d("div", {
-        class: m(F(k)(F(i)({ size: e.size }), I.$attrs.class))
+        class: m(F(k)(F(i)({ size: e.size }), P.$attrs.class))
       }, [
         e.label ? (o(), d("label", {
           key: 0,
@@ -6255,7 +6255,7 @@ const G = {
           class: m(F(k)(F(v)({ size: e.size })))
         }, x(e.description), 3)) : p("", !0),
         u("div", lu, [
-          $(I.$slots, "default", {
+          $(P.$slots, "default", {
             fieldId: F(t),
             hasError: n.value,
             ariaDescribedBy: l.value,
@@ -6269,13 +6269,13 @@ const G = {
             class: "absolute inset-y-0 right-0 pr-3 flex items-center text-slate-400 hover:text-slate-600 transition-colors",
             "aria-label": r.value ? "Hide password" : "Show password"
           }, [
-            z(A, {
+            A(I, {
               icon: r.value ? "eye-slash" : "eye",
               class: "w-4 h-4"
             }, null, 8, ["icon"])
           ], 8, ou)) : p("", !0)
         ]),
-        z(he, {
+        A(he, {
           "enter-active-class": "transition-all duration-200",
           "enter-from-class": "opacity-0 -translate-y-1",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -6291,7 +6291,7 @@ const G = {
               role: "alert",
               "aria-live": "polite"
             }, [
-              z(A, {
+              A(I, {
                 icon: "exclamation-triangle",
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
@@ -6305,7 +6305,7 @@ const G = {
           id: `${F(t)}-help`,
           class: m(F(k)(F(S)({ size: e.size })))
         }, x(e.helpText), 11, uu)) : p("", !0),
-        z(he, {
+        A(he, {
           "enter-active-class": "transition-all duration-200",
           "enter-from-class": "opacity-0 -translate-y-1",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -6318,7 +6318,7 @@ const G = {
               key: 0,
               class: m(F(k)(F(h)({ size: e.size, intent: "success" })))
             }, [
-              z(A, {
+              A(I, {
                 icon: "check",
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
@@ -6537,7 +6537,7 @@ const G = {
         };
       }
     }), (l, i) => (o(), N(La, { to: "body" }, [
-      z(he, {
+      A(he, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -6557,7 +6557,7 @@ const G = {
                 onClick: r,
                 class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
               }, [
-                z(G, {
+                A(G, {
                   icon: "x",
                   class: "h-4 w-4"
                 }),
@@ -6709,7 +6709,7 @@ const G = {
       t.autoClose > 0 && setTimeout(() => {
         S();
       }, t.autoClose);
-    }), (I, j) => (o(), N(he, {
+    }), (P, j) => (o(), N(he, {
       "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",
@@ -6726,7 +6726,7 @@ const G = {
         }, [
           u("div", Bu, [
             e.showIcon ? (o(), d("div", Ou, [
-              z(G, {
+              A(G, {
                 name: v.value,
                 class: m(h.value)
               }, null, 8, ["name", "class"])
@@ -6737,14 +6737,14 @@ const G = {
                 key: 1,
                 class: m(["text-sm", { "mt-1": e.title }])
               }, x(e.message), 3)) : p("", !0),
-              $(I.$slots, "default")
+              $(P.$slots, "default")
             ]),
             e.dismissible ? (o(), d("button", {
               key: 1,
               onClick: S,
               class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2"
             }, [
-              z(G, {
+              A(G, {
                 name: "x",
                 class: "h-4 w-4"
               })
@@ -6900,7 +6900,7 @@ const _u = {
         },
         defaultVariants: { variant: "default" }
       }
-    ), i = (A) => k(l({ variant: A.variant })), c = {
+    ), i = (I) => k(l({ variant: I.variant })), c = {
       default: "bell",
       info: "info",
       success: "check-circle",
@@ -6914,18 +6914,18 @@ const _u = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, h = (A) => A.icon || c[A.variant] || c.default, S = (A) => {
-      const w = v[A.variant] || v.default;
-      return A.variant === "loading" ? `${w} animate-spin` : w;
-    }, I = (A) => A.icon !== !1, j = (A) => A.dismissible !== !1 && (A.closeButton || a.closeButton || A.dismissible);
-    return (A, w) => (o(), N(La, { to: "body" }, [
+    }, h = (I) => I.icon || c[I.variant] || c.default, S = (I) => {
+      const w = v[I.variant] || v.default;
+      return I.variant === "loading" ? `${w} animate-spin` : w;
+    }, P = (I) => I.icon !== !1, j = (I) => I.dismissible !== !1 && (I.closeButton || a.closeButton || I.dismissible);
+    return (I, w) => (o(), N(La, { to: "body" }, [
       u("div", {
         class: m(F(k)(
           s.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
       }, [
-        z(ar, {
+        A(ar, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "transform translate-x-full opacity-0 scale-95",
           "enter-to-class": "transform translate-x-0 opacity-100 scale-100",
@@ -6943,7 +6943,7 @@ const _u = {
               role: "alert",
               "aria-live": g.variant === "error" ? "assertive" : "polite"
             }, [
-              I(g) ? (o(), N(G, {
+              P(g) ? (o(), N(G, {
                 key: 0,
                 icon: h(g),
                 class: m([S(g), "h-4 w-4 shrink-0"])
@@ -6967,7 +6967,7 @@ const _u = {
                 onClick: (b) => F(n)(g.id),
                 class: "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100"
               }, [
-                z(G, {
+                A(G, {
                   icon: "x",
                   class: "h-4 w-4"
                 })
@@ -7040,14 +7040,14 @@ const _u = {
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
     <path class="opacity-75" fill="currentColor" d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
   </svg>`
-    }, s = e, l = a, i = M(null), c = M(null), v = M(!1), h = M(-1), S = M(null), I = (B) => {
+    }, s = e, l = a, i = M(null), c = M(null), v = M(!1), h = M(-1), S = M(null), P = (B) => {
       const q = B.target.value;
       l("update:modelValue", q), S.value && clearTimeout(S.value), S.value = setTimeout(() => {
         q.length >= s.minLength ? (l("search", q), v.value = !0) : v.value = !1;
       }, s.debounce);
     }, j = (B) => {
       l("focus", B), s.modelValue.length >= s.minLength && (v.value = !0);
-    }, A = (B) => {
+    }, I = (B) => {
       l("blur", B), setTimeout(() => {
         v.value = !1, h.value = -1;
       }, 150);
@@ -7075,7 +7075,7 @@ const _u = {
       if (!s.highlightMatches || !s.modelValue || !B) return B;
       const q = new RegExp(`(${s.modelValue})`, "gi");
       return B.replace(q, '<mark class="bg-yellow-200">$1</mark>');
-    }, P = T(
+    }, z = T(
       "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: {
@@ -7096,7 +7096,7 @@ const _u = {
         }
       },
       defaultVariants: { size: "md" }
-    }), L = f(() => k(P({ size: s.size }))), ae = f(() => k(_({ size: s.size }))), ne = f(
+    }), L = f(() => k(z({ size: s.size }))), ae = f(() => k(_({ size: s.size }))), ne = f(
       () => k("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
     ), R = (B) => k(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
@@ -7113,7 +7113,7 @@ const _u = {
     }, [
       u("div", Ku, [
         u("div", Xu, [
-          z(t, {
+          A(t, {
             class: m(ae.value)
           }, null, 8, ["class"])
         ]),
@@ -7124,9 +7124,9 @@ const _u = {
           placeholder: e.placeholder,
           disabled: e.disabled,
           class: m(L.value),
-          onInput: I,
+          onInput: P,
           onFocus: j,
-          onBlur: A,
+          onBlur: I,
           onKeydown: b
         }, null, 42, Ju),
         e.modelValue || e.loading ? (o(), d("div", Qu, [
@@ -7136,13 +7136,13 @@ const _u = {
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
             "aria-label": e.clearLabel
           }, [
-            z(n, { class: "w-4 h-4" })
+            A(n, { class: "w-4 h-4" })
           ], 8, Zu)) : e.loading ? (o(), d("div", ec, [
-            z(r, { class: "w-4 h-4 text-slate-400" })
+            A(r, { class: "w-4 h-4 text-slate-400" })
           ])) : p("", !0)
         ])) : p("", !0)
       ]),
-      z(he, {
+      A(he, {
         "enter-active-class": "transition-all duration-200",
         "enter-from-class": "opacity-0 scale-95 translate-y-1",
         "enter-to-class": "opacity-100 scale-100 translate-y-0",
@@ -7394,7 +7394,7 @@ const _u = {
           lg: "text-lg font-medium"
         }
       }
-    }), I = T("text-slate-500 mt-1", {
+    }), P = T("text-slate-500 mt-1", {
       variants: {
         size: {
           sm: "text-xs",
@@ -7410,7 +7410,7 @@ const _u = {
           lg: "w-6 h-6"
         }
       }
-    }), A = T("ml-4 text-slate-400 transition-transform duration-200", {
+    }), I = T("ml-4 text-slate-400 transition-transform duration-200", {
       variants: {
         expanded: {
           true: "rotate-180",
@@ -7434,13 +7434,13 @@ const _u = {
       n.variant === "bordered" && i(R) && "bg-slate-50",
       n.variant === "filled" && i(R) && "bg-white",
       (n.disabled || n.items[R]?.disabled) && "cursor-not-allowed opacity-50"
-    ), P = f(
+    ), z = f(
       () => k(S({ size: n.size }))
     ), _ = f(
-      () => k(I({ size: n.size }))
+      () => k(P({ size: n.size }))
     ), L = f(
       () => k(j({ size: n.size }))
-    ), ae = (R) => k(A({ expanded: i(R) })), ne = f(
+    ), ae = (R) => k(I({ expanded: i(R) })), ne = f(
       () => k(w({ size: n.size }))
     );
     return ge(
@@ -7469,7 +7469,7 @@ const _u = {
             }, null, 8, ["class"])) : p("", !0),
             u("div", Ic, [
               u("h3", {
-                class: m(P.value)
+                class: m(z.value)
               }, x(B.title), 3),
               B.subtitle ? (o(), d("p", {
                 key: 0,
@@ -7480,10 +7480,10 @@ const _u = {
           u("div", {
             class: m(ae(q))
           }, [
-            z(t, { class: "w-5 h-5 transition-transform duration-200" })
+            A(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
         ], 10, zc),
-        z(he, {
+        A(he, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
           "enter-to-class": "opacity-100 max-h-96",
@@ -7571,23 +7571,23 @@ const _u = {
     ), h = f(
       () => k(i({ size: t.size }))
     );
-    return (S, I) => (o(), d("div", {
+    return (S, P) => (o(), d("div", {
       class: m(c.value)
     }, [
-      z(ue, {
+      A(ue, {
         class: m(v.value),
         "aria-expanded": n.value,
         onClick: r
       }, {
         default: O(() => [
           $(S.$slots, "header", { isOpen: n.value }),
-          z(a, {
+          A(a, {
             class: m(F(k)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
       }, 8, ["class", "aria-expanded"]),
-      z(he, {
+      A(he, {
         "enter-active-class": "transition-all duration-300 ease-out",
         "enter-from-class": "opacity-0 max-h-0",
         "enter-to-class": "opacity-100 max-h-96",
@@ -7620,18 +7620,18 @@ const _u = {
       (g, b) => new Date(n.value, t.value, -b).getDate()
     ).reverse()), h = f(() => {
       const g = v.value.length + i.value, b = g % 7 === 0 ? 0 : 7 - g % 7;
-      return Array.from({ length: b }, (y, P) => P + 1);
+      return Array.from({ length: b }, (y, z) => z + 1);
     });
     function S() {
       t.value === 0 ? (t.value = 11, n.value--) : t.value--;
     }
-    function I() {
+    function P() {
       t.value === 11 ? (t.value = 0, n.value++) : t.value++;
     }
     function j(g) {
       return a.getDate() === g && a.getMonth() === t.value && a.getFullYear() === n.value;
     }
-    function A(g) {
+    function I(g) {
       return r.value && r.value.getDate() === g && r.value.getMonth() === t.value && r.value.getFullYear() === n.value;
     }
     function w(g) {
@@ -7639,13 +7639,13 @@ const _u = {
     }
     return (g, b) => (o(), d("div", Oc, [
       u("div", Vc, [
-        z(ue, {
+        A(ue, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: S,
           "aria-label": "Previous Month"
         }, {
           default: O(() => [
-            z(G, {
+            A(G, {
               icon: g.chevron - g.left,
               class: "w-5 h-5"
             }, null, 8, ["icon"])
@@ -7653,13 +7653,13 @@ const _u = {
           _: 1
         }),
         u("div", Ec, x(l.value) + " " + x(n.value), 1),
-        z(ue, {
+        A(ue, {
           class: "p-2 rounded-lg hover:bg-slate-100",
-          onClick: I,
+          onClick: P,
           "aria-label": "Next Month"
         }, {
           default: O(() => [
-            z(G, {
+            A(G, {
               icon: g.chevron - g.right,
               class: "w-5 h-5"
             }, null, 8, ["icon"])
@@ -7677,11 +7677,11 @@ const _u = {
         }, x(y), 1))), 128)),
         (o(!0), d(Y, null, X(i.value, (y) => (o(), N(ue, {
           key: y,
-          onClick: (P) => w(y),
+          onClick: (z) => w(y),
           class: m([
             "w-10 h-10 rounded-full flex items-center justify-center mx-auto",
             j(y) ? "bg-blue-500 text-white font-semibold" : "",
-            A(y) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
+            I(y) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
           ])
         }, {
           default: O(() => [
@@ -7909,7 +7909,7 @@ const _u = {
       }
     }), l = (w) => typeof w == "string" ? w : w?.key || w?.field || "unknown", i = (w, g) => {
       const b = l(g);
-      return typeof g == "object" && g.accessor ? g.accessor(w) : b && b.includes(".") ? b.split(".").reduce((y, P) => y?.[P], w) : w?.[b];
+      return typeof g == "object" && g.accessor ? g.accessor(w) : b && b.includes(".") ? b.split(".").reduce((y, z) => y?.[z], w) : w?.[b];
     }, c = (w, g) => {
       const b = i(w, g);
       return typeof g == "object" && g.formatter ? g.formatter(b, w) : b == null ? "" : b instanceof Date ? b.toLocaleDateString() : Array.isArray(b) ? b.join(", ") : b;
@@ -7923,7 +7923,7 @@ const _u = {
         selected: t.isSelected,
         variant: t.variant
       }))
-    ), I = (w) => {
+    ), P = (w) => {
       const g = h(w);
       return k(
         s({
@@ -7937,7 +7937,7 @@ const _u = {
         s({ density: t.density }),
         "w-12"
       )
-    ), A = f(
+    ), I = f(
       () => k(
         s({
           density: t.density,
@@ -7954,14 +7954,14 @@ const _u = {
         key: 0,
         class: m(j.value)
       }, [
-        z(Zt, {
+        A(Zt, {
           modelValue: e.isSelected,
           "onUpdate:modelValue": g[0] || (g[0] = (b) => w.$emit("toggle-selection", e.item))
         }, null, 8, ["modelValue"])
       ], 2)) : p("", !0),
       (o(!0), d(Y, null, X(e.columns, (b) => (o(), d("td", {
         key: l(b),
-        class: m(I(b))
+        class: m(P(b))
       }, [
         $(w.$slots, `cell-${l(b)}`, {
           item: e.item,
@@ -7974,7 +7974,7 @@ const _u = {
       ], 2))), 128)),
       w.$slots.actions ? (o(), d("td", {
         key: 1,
-        class: m(A.value)
+        class: m(I.value)
       }, [
         $(w.$slots, "actions", {
           item: e.item,
@@ -8104,18 +8104,18 @@ const _u = {
         size: "sm"
       }
     }), i = f(() => (t.currentPage - 1) * t.pageSize + 1), c = f(() => Math.min(t.currentPage * t.pageSize, t.total)), v = f(() => {
-      const A = [], w = t.totalPages, g = t.currentPage, b = t.maxVisiblePages;
+      const I = [], w = t.totalPages, g = t.currentPage, b = t.maxVisiblePages;
       if (w <= b)
         for (let y = 1; y <= w; y++)
-          A.push(y);
+          I.push(y);
       else {
         const y = Math.floor(b / 2);
-        let P = Math.max(1, g - y), _ = Math.min(w, P + b - 1);
-        _ - P + 1 < b && (P = Math.max(1, _ - b + 1));
-        for (let L = P; L <= _; L++)
-          A.push(L);
+        let z = Math.max(1, g - y), _ = Math.min(w, z + b - 1);
+        _ - z + 1 < b && (z = Math.max(1, _ - b + 1));
+        for (let L = z; L <= _; L++)
+          I.push(L);
       }
-      return A;
+      return I;
     }), h = f(
       () => k(n({
         variant: t.variant,
@@ -8123,27 +8123,27 @@ const _u = {
       }))
     ), S = f(
       () => k(s({ size: "md" }))
-    ), I = f(
+    ), P = f(
       () => k(l({ size: "sm" }))
-    ), j = (A, w) => {
+    ), j = (I, w) => {
       let g = "inactive";
-      return w ? g = "disabled" : A && (g = "active"), k(r({
+      return w ? g = "disabled" : I && (g = "active"), k(r({
         state: g,
         size: "md"
       }));
     };
-    return (A, w) => e.showPagination || A.$slots.footer ? (o(), d("div", {
+    return (I, w) => e.showPagination || I.$slots.footer ? (o(), d("div", {
       key: 0,
       class: m(h.value)
     }, [
       u("div", Lc, [
         e.selectable && e.selectedCount > 0 ? (o(), d("div", Rc, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (o(), d("div", Wc, " Showing " + x(i.value) + " to " + x(c.value) + " of " + x(e.total) + " entries ", 1)),
-        A.$slots.footer ? (o(), d("div", Hc, [
-          $(A.$slots, "footer")
+        I.$slots.footer ? (o(), d("div", Hc, [
+          $(I.$slots, "footer")
         ])) : p("", !0),
         e.showPagination ? (o(), d("div", Uc, [
           u("div", qc, [
-            z(Kn, {
+            A(Kn, {
               for: "pageSize",
               class: m(S.value),
               inline: !0
@@ -8153,11 +8153,11 @@ const _u = {
               ])]),
               _: 1
             }, 8, ["class"]),
-            z(ea, {
+            A(ea, {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
-              "onUpdate:modelValue": w[0] || (w[0] = (g) => A.$emit("update:pageSize", parseInt(g))),
-              class: m(I.value)
+              "onUpdate:modelValue": w[0] || (w[0] = (g) => I.$emit("update:pageSize", parseInt(g))),
+              class: m(P.value)
             }, {
               default: O(() => [
                 (o(!0), d(Y, null, X(e.pageSizeOptions, (g) => (o(), N(Xn, {
@@ -8172,7 +8172,7 @@ const _u = {
           u("div", Yc, [
             u("button", {
               disabled: e.currentPage === 1,
-              onClick: w[1] || (w[1] = (g) => A.$emit("update:currentPage", 1)),
+              onClick: w[1] || (w[1] = (g) => I.$emit("update:currentPage", 1)),
               class: m(j(!1, e.currentPage === 1)),
               title: "First page"
             }, [...w[6] || (w[6] = [
@@ -8192,7 +8192,7 @@ const _u = {
             ])], 10, Gc),
             u("button", {
               disabled: e.currentPage === 1,
-              onClick: w[2] || (w[2] = (g) => A.$emit("update:currentPage", e.currentPage - 1)),
+              onClick: w[2] || (w[2] = (g) => I.$emit("update:currentPage", e.currentPage - 1)),
               class: m(j(!1, e.currentPage === 1)),
               title: "Previous page"
             }, [...w[7] || (w[7] = [
@@ -8213,13 +8213,13 @@ const _u = {
             u("div", Xc, [
               (o(!0), d(Y, null, X(v.value, (g) => (o(), d("button", {
                 key: g,
-                onClick: (b) => A.$emit("update:currentPage", g),
+                onClick: (b) => I.$emit("update:currentPage", g),
                 class: m(j(g === e.currentPage, !1))
               }, x(g), 11, Jc))), 128))
             ]),
             u("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: w[3] || (w[3] = (g) => A.$emit("update:currentPage", e.currentPage + 1)),
+              onClick: w[3] || (w[3] = (g) => I.$emit("update:currentPage", e.currentPage + 1)),
               class: m(j(!1, e.currentPage === e.totalPages)),
               title: "Next page"
             }, [...w[8] || (w[8] = [
@@ -8239,7 +8239,7 @@ const _u = {
             ])], 10, Qc),
             u("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: w[4] || (w[4] = (g) => A.$emit("update:currentPage", e.totalPages)),
+              onClick: w[4] || (w[4] = (g) => I.$emit("update:currentPage", e.totalPages)),
               class: m(j(!1, e.currentPage === e.totalPages)),
               title: "Last page"
             }, [...w[9] || (w[9] = [
@@ -8403,7 +8403,7 @@ const _u = {
       defaultVariants: {
         variant: "default"
       }
-    }), I = f(() => {
+    }), P = f(() => {
       let V = [...t.data];
       if (l.value) {
         const H = t.columns.find((Q) => Q.key === l.value);
@@ -8413,25 +8413,25 @@ const _u = {
         });
       }
       return V;
-    }), j = f(() => Math.ceil(I.value.length / s.value)), A = f(() => {
-      if (!t.showPagination) return I.value;
+    }), j = f(() => Math.ceil(P.value.length / s.value)), I = f(() => {
+      if (!t.showPagination) return P.value;
       const V = (r.value - 1) * s.value, H = V + s.value;
-      return I.value.slice(V, H);
+      return P.value.slice(V, H);
     }), w = f(() => {
       let V = t.columns.length;
       return t.selectable && V++, t.$slots?.actions && V++, V;
-    }), g = f(() => I.value.length > 0 && I.value.every((V) => _(V))), b = f(() => {
-      const V = I.value.filter((H) => _(H)).length;
-      return V > 0 && V < I.value.length;
-    }), y = (V, H) => H.accessor ? H.accessor(V) : H.key.split(".").reduce((Q, be) => Q?.[be], V), P = (V, H) => V[t.rowKey] || H, _ = (V) => t.selectedItems.some(
-      (H) => P(H) === P(V)
+    }), g = f(() => P.value.length > 0 && P.value.every((V) => _(V))), b = f(() => {
+      const V = P.value.filter((H) => _(H)).length;
+      return V > 0 && V < P.value.length;
+    }), y = (V, H) => H.accessor ? H.accessor(V) : H.key.split(".").reduce((Q, be) => Q?.[be], V), z = (V, H) => V[t.rowKey] || H, _ = (V) => t.selectedItems.some(
+      (H) => z(H) === z(V)
     ), L = (V) => {
       const H = [...t.selectedItems], Q = H.findIndex(
-        (be) => P(be) === P(V)
+        (be) => z(be) === z(V)
       );
       Q > -1 ? H.splice(Q, 1) : H.push(V), n("selection-change", H);
     }, ae = () => {
-      const V = g.value ? [] : [...I.value];
+      const V = g.value ? [] : [...P.value];
       n("selection-change", V);
     }, ne = (V) => {
       V.sortable && (l.value === V.key ? i.value = i.value === "asc" ? "desc" : "asc" : (l.value = V.key, i.value = "asc"), n("sort-change", { column: V.key, direction: i.value }));
@@ -8515,7 +8515,7 @@ const _u = {
                 key: 0,
                 class: m(Z.value)
               }, [
-                z(Zt, {
+                A(Zt, {
                   modelValue: g.value,
                   indeterminate: b.value,
                   "onUpdate:modelValue": ae
@@ -8567,8 +8567,8 @@ const _u = {
           u("tbody", {
             class: m(se.value)
           }, [
-            (o(!0), d(Y, null, X(A.value, (Q, be) => (o(), N(Zn, {
-              key: P(Q, be),
+            (o(!0), d(Y, null, X(I.value, (Q, be) => (o(), N(Zn, {
+              key: z(Q, be),
               item: Q,
               columns: e.columns,
               index: be,
@@ -8593,7 +8593,7 @@ const _u = {
                 ])
               }))
             ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density"]))), 128)),
-            A.value.length === 0 ? (o(), d("tr", sd, [
+            I.value.length === 0 ? (o(), d("tr", sd, [
               u("td", {
                 colspan: w.value,
                 class: m(Te.value)
@@ -8627,7 +8627,7 @@ const _u = {
         key: 1,
         "current-page": r.value,
         "total-pages": j.value,
-        total: I.value.length,
+        total: P.value.length,
         "page-size": s.value,
         "show-pagination": e.showPagination,
         selectable: e.selectable,
@@ -8888,14 +8888,14 @@ const _u = {
       }))
     ), S = f(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-slate-400"
-    ), I = f(
+    ), P = f(
       () => k(
         s({ size: "md" }),
         "w-full pl-10 focus:border-transparent"
       )
     ), j = f(
       () => "absolute right-2 top-1/2 transform -translate-y-1/2 text-slate-400 hover:text-slate-300 p-1"
-    ), A = f(
+    ), I = f(
       () => k(
         s({ size: "md" }),
         "w-full focus:border-transparent"
@@ -8912,7 +8912,7 @@ const _u = {
     f(
       () => k(l({ variant: "success", size: "md" }))
     );
-    const P = f(
+    const z = f(
       () => k(i({ variant: t.variant }))
     ), _ = f(
       () => "text-sm text-blue-700 font-medium"
@@ -8943,15 +8943,15 @@ const _u = {
         }, [
           u("div", dd, [
             u("div", fd, [
-              z(q, {
+              A(q, {
                 icon: "magnifying-glass",
                 class: m(S.value)
               }, null, 8, ["class"]),
-              z(et, {
+              A(et, {
                 "model-value": e.searchQuery,
                 onInput: B[0] || (B[0] = (K) => W.$emit("update:searchQuery", K.target.value)),
                 placeholder: e.searchPlaceholder,
-                class: m(I.value)
+                class: m(P.value)
               }, null, 8, ["model-value", "placeholder", "class"]),
               e.searchQuery ? (o(), N(ue, {
                 key: 0,
@@ -8959,7 +8959,7 @@ const _u = {
                 class: m(j.value)
               }, {
                 default: O(() => [
-                  z(q, {
+                  A(q, {
                     icon: "xmark",
                     class: "w-4 h-4"
                   })
@@ -8969,10 +8969,10 @@ const _u = {
             ])
           ]),
           e.statusOptions.length > 0 ? (o(), d("div", md, [
-            z(ea, {
+            A(ea, {
               "model-value": e.selectedStatus,
               onChange: B[2] || (B[2] = (K) => W.$emit("update:selectedStatus", K.target.value)),
-              class: m(A.value)
+              class: m(I.value)
             }, {
               default: O(() => [
                 B[7] || (B[7] = u("option", { value: "" }, "All Status", -1)),
@@ -8985,7 +8985,7 @@ const _u = {
             }, 8, ["model-value", "class"])
           ])) : p("", !0),
           e.showDateFilter ? (o(), d("div", gd, [
-            z(et, {
+            A(et, {
               type: "date",
               "model-value": e.dateFrom,
               onInput: B[3] || (B[3] = (K) => W.$emit("update:dateFrom", K.target.value)),
@@ -8994,7 +8994,7 @@ const _u = {
             u("span", {
               class: m(g.value)
             }, "to", 2),
-            z(et, {
+            A(et, {
               type: "date",
               "model-value": e.dateTo,
               onInput: B[4] || (B[4] = (K) => W.$emit("update:dateTo", K.target.value)),
@@ -9021,7 +9021,7 @@ const _u = {
               class: m(y.value)
             }, {
               default: O(() => [
-                z(q, { icon: "download" }),
+                A(q, { icon: "download" }),
                 B[9] || (B[9] = D(" Export ", -1))
               ]),
               _: 1
@@ -9034,7 +9034,7 @@ const _u = {
                 onClick: B[6] || (B[6] = (K) => W.$emit("add"))
               }, {
                 default: O(() => [
-                  z(se, {
+                  A(se, {
                     icon: "plus",
                     class: "mr-1"
                   }),
@@ -9047,7 +9047,7 @@ const _u = {
         ], 2),
         v.value.length > 0 ? (o(), d("div", {
           key: 0,
-          class: m(P.value)
+          class: m(z.value)
         }, [
           u("div", pd, [
             u("span", {
@@ -9058,12 +9058,12 @@ const _u = {
               class: m(L.value)
             }, [
               u("span", null, x(K.label) + ": " + x(K.value), 1),
-              z(ue, {
+              A(ue, {
                 onClick: (Z) => R(K.key),
                 class: m(ae.value)
               }, {
                 default: O(() => [
-                  z(q, {
+                  A(q, {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
@@ -9181,7 +9181,7 @@ const _u = {
         active: !1,
         position: "middle"
       }
-    }), I = T("px-3 py-2 text-sm border border-slate-300 rounded-md flex items-center gap-2 transition-colors", {
+    }), P = T("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",
@@ -9196,13 +9196,13 @@ const _u = {
         variant: t.variant,
         padding: t.padding
       }))
-    ), A = f(() => "text-sm text-slate-600"), w = f(() => "flex items-center"), g = f(
+    ), I = f(() => "text-sm text-slate-600"), w = f(() => "flex items-center"), g = f(
       () => "flex items-center gap-2 px-3 py-2 text-sm text-slate-600 hover:text-slate-800 border border-slate-300 rounded-md hover:bg-slate-50 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1"
     ), b = f(
       () => "absolute right-0 top-full mt-1 w-56 bg-white border border-slate-200 rounded-lg shadow-lg z-50 max-h-64 overflow-y-auto"
     ), y = f(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
-    ), P = f(
+    ), z = f(
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
     ), _ = f(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
@@ -9218,7 +9218,7 @@ const _u = {
         active: t.density === Z,
         position: le
       }));
-    }, B = () => k(I({
+    }, B = () => k(P({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), q = () => k("w-4 h-4", {
       "animate-spin": t.isRefreshing
@@ -9256,7 +9256,7 @@ const _u = {
             ])
           ])) : e.totalItems > 0 ? (o(), d("div", {
             key: 1,
-            class: m(A.value)
+            class: m(I.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : p("", !0)
         ]),
         u("div", Cd, [
@@ -9271,7 +9271,7 @@ const _u = {
               title: te.label,
               type: "button"
             }, [
-              z(Te, {
+              A(Te, {
                 icon: te.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
@@ -9285,7 +9285,7 @@ const _u = {
               ref_key: "columnToggleButton",
               ref: s
             }, [
-              z(Te, {
+              A(Te, {
                 icon: "columns",
                 class: "w-4 h-4"
               }),
@@ -9305,7 +9305,7 @@ const _u = {
                 u("div", Id, [
                   (o(!0), d(Y, null, X(e.toggleableColumns, (te) => (o(), d("div", {
                     key: te.key,
-                    class: m(P.value)
+                    class: m(z.value)
                   }, [
                     u("label", Pd, [
                       u("input", {
@@ -9332,7 +9332,7 @@ const _u = {
             class: m(B()),
             type: "button"
           }, [
-            z(Te, {
+            A(Te, {
               icon: "sync",
               class: m(q())
             }, null, 8, ["class"]),
@@ -9363,8 +9363,8 @@ const _u = {
           u("div", Fd, [
             u("div", _d, [
               $(a.$slots, "brand", {}, () => [
-                z(n, { class: "mb-4" }),
-                z(r, { class: "text-gray-600 max-w-md" }, {
+                A(n, { class: "mb-4" }),
+                A(r, { class: "text-gray-600 max-w-md" }, {
                   default: O(() => [...t[0] || (t[0] = [
                     D(" Building beautiful applications with modern Vue.js components. ", -1)
                   ])]),
@@ -9374,7 +9374,7 @@ const _u = {
             ]),
             u("div", null, [
               $(a.$slots, "links", {}, () => [
-                z(s, {
+                A(s, {
                   variant: "h6",
                   class: "mb-4"
                 }, {
@@ -9384,7 +9384,7 @@ const _u = {
                   _: 1
                 }),
                 u("div", Dd, [
-                  z(l, {
+                  A(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -9393,7 +9393,7 @@ const _u = {
                     ])]),
                     _: 1
                   }),
-                  z(l, {
+                  A(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -9402,7 +9402,7 @@ const _u = {
                     ])]),
                     _: 1
                   }),
-                  z(l, {
+                  A(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -9416,7 +9416,7 @@ const _u = {
             ]),
             u("div", null, [
               $(a.$slots, "social", {}, () => [
-                z(s, {
+                A(s, {
                   variant: "h6",
                   class: "mb-4"
                 }, {
@@ -9426,24 +9426,24 @@ const _u = {
                   _: 1
                 }),
                 u("div", Md, [
-                  z(l, {
+                  A(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
                     default: O(() => [
-                      z(i, {
+                      A(i, {
                         name: "twitter",
                         class: "h-5 w-5"
                       })
                     ]),
                     _: 1
                   }),
-                  z(l, {
+                  A(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
                     default: O(() => [
-                      z(i, {
+                      A(i, {
                         name: "github",
                         class: "h-5 w-5"
                       })
@@ -9454,10 +9454,10 @@ const _u = {
               ])
             ])
           ]),
-          z(c, { class: "my-8" }),
+          A(c, { class: "my-8" }),
           u("div", Ld, [
             $(a.$slots, "copyright", {}, () => [
-              z(r, { class: "text-gray-600" }, {
+              A(r, { class: "text-gray-600" }, {
                 default: O(() => [
                   D(" © " + x((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
@@ -9466,7 +9466,7 @@ const _u = {
             ]),
             $(a.$slots, "legal", {}, () => [
               u("div", Rd, [
-                z(l, {
+                A(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -9475,7 +9475,7 @@ const _u = {
                   ])]),
                   _: 1
                 }),
-                z(l, {
+                A(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -9533,9 +9533,9 @@ const _u = {
       l.value = !l.value, s.value = !1;
     }, S = (g) => {
       n("navigate", g), l.value = !1;
-    }, I = (g) => g.route ? !!(t.currentRoute === g.route || t.currentRoute.startsWith(g.route + "/")) : !1, j = (g) => {
+    }, P = (g) => g.route ? !!(t.currentRoute === g.route || t.currentRoute.startsWith(g.route + "/")) : !1, j = (g) => {
       n("profile-action", g), l.value = !1;
-    }, A = () => {
+    }, I = () => {
       n("logout"), l.value = !1;
     }, w = (g) => {
       !g.target.closest(".absolute") && !g.target.closest("button") && (s.value = !1, l.value = !1);
@@ -9596,7 +9596,7 @@ const _u = {
                 type: "text",
                 placeholder: "Search...",
                 class: "pl-10 pr-4 py-2 w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none",
-                "onUpdate:modelValue": b[0] || (b[0] = (P) => r.value = P)
+                "onUpdate:modelValue": b[0] || (b[0] = (z) => r.value = z)
               }, null, 512), [
                 [Wa, r.value]
               ])
@@ -9631,15 +9631,15 @@ const _u = {
                 u("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
               ], -1)),
               u("div", ef, [
-                (o(!0), d(Y, null, X(e.notifications, (P) => (o(), d("div", {
-                  key: P.id,
+                (o(!0), d(Y, null, X(e.notifications, (z) => (o(), d("div", {
+                  key: z.id,
                   class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                 }, [
                   u("div", tf, [
                     b[5] || (b[5] = u("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
                     u("div", af, [
-                      u("p", nf, x(P.title), 1),
-                      u("p", rf, x(P.time), 1)
+                      u("p", nf, x(z.title), 1),
+                      u("p", rf, x(z.time), 1)
                     ])
                   ])
                 ]))), 128))
@@ -9658,7 +9658,7 @@ const _u = {
                 ]),
                 u("div", uf, [
                   u("p", cf, x(e.user.name), 1),
-                  u("p", df, x(e.user.roles.name), 1)
+                  u("p", df, x(e.user.roles.map((z) => z.name).join(", ")), 1)
                 ]),
                 b[8] || (b[8] = u("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -9680,42 +9680,42 @@ const _u = {
                   u("p", gf, x(e.user.email), 1)
                 ]),
                 u("div", hf, [
-                  (o(!0), d(Y, null, X(e.profileMenuItems, (P) => (o(), d(Y, {
-                    key: P.name
+                  (o(!0), d(Y, null, X(e.profileMenuItems, (z) => (o(), d(Y, {
+                    key: z.name
                   }, [
-                    P.route ? (o(), N(y, {
+                    z.route ? (o(), N(y, {
                       key: 0,
-                      to: P.route,
+                      to: z.route,
                       class: m(F(k)(
                         "flex items-center px-4 py-2 text-sm transition-colors",
-                        I(P) ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-gray-50"
+                        P(z) ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-gray-50"
                       )),
-                      onClick: (_) => S(P)
+                      onClick: (_) => S(z)
                     }, {
                       default: O(() => [
-                        z(G, {
-                          icon: P.icon,
+                        A(G, {
+                          icon: z.icon,
                           class: "w-4 h-4 mr-3 text-gray-400"
                         }, null, 8, ["icon"]),
-                        D(" " + x(P.label), 1)
+                        D(" " + x(z.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["to", "class", "onClick"])) : (o(), d("button", {
                       key: 1,
-                      onClick: (_) => j(P),
+                      onClick: (_) => j(z),
                       class: "flex items-center w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors"
                     }, [
-                      z(G, {
-                        icon: P.icon,
+                      A(G, {
+                        icon: z.icon,
                         class: "w-4 h-4 mr-3 text-gray-400"
                       }, null, 8, ["icon"]),
-                      D(" " + x(P.label), 1)
+                      D(" " + x(z.label), 1)
                     ], 8, bf))
                   ], 64))), 128))
                 ]),
                 u("div", { class: "border-t border-gray-200 py-2" }, [
                   u("button", {
-                    onClick: A,
+                    onClick: I,
                     class: "flex items-center w-full px-4 py-2 text-sm text-red-600 hover:bg-red-50"
                   }, [...b[9] || (b[9] = [
                     u("svg", {
@@ -9803,7 +9803,7 @@ const _u = {
               ))
             }, {
               default: O(() => [
-                z(G, {
+                A(G, {
                   icon: v.icon,
                   size: "md",
                   class: "mr-3 text-5xl flex-shrink-0"
@@ -10052,7 +10052,7 @@ function im(e, a, t, n, r, s) {
               ])
             ])) : p("", !0),
             u("div", Kf, [
-              z(l)
+              A(l)
             ]),
             e.$slots["card-footer"] ? (o(), d("div", Xf, [
               $(e.$slots, "card-footer")
@@ -10087,7 +10087,7 @@ function im(e, a, t, n, r, s) {
           c.variant === "primary" ? "bg-blue-600 hover:bg-blue-700 text-white" : c.variant === "info" ? "bg-cyan-500 hover:bg-cyan-600 text-white" : "bg-gray-600 hover:bg-gray-700 text-white"
         ])
       }, [
-        z(i, {
+        A(i, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
       ], 10, om))), 128))
@@ -10122,20 +10122,20 @@ const um = /* @__PURE__ */ tr(Vf, [["render", im]]), cm = { class: "min-h-screen
     return (a, t) => {
       const n = ee("Logo"), r = ee("MainNavigation"), s = ee("Button"), l = ee("Header"), i = ee("Breadcrumb"), c = ee("Text"), v = ee("Footer");
       return o(), d("div", cm, [
-        z(l, null, {
+        A(l, null, {
           logo: O(() => [
             $(a.$slots, "logo", {}, () => [
-              z(n)
+              A(n)
             ])
           ]),
           navigation: O(() => [
             $(a.$slots, "navigation", {}, () => [
-              z(r, { items: e.navigationItems }, null, 8, ["items"])
+              A(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
           actions: O(() => [
             $(a.$slots, "header-actions", {}, () => [
-              z(s, {
+              A(s, {
                 variant: "ghost",
                 size: "sm"
               }, {
@@ -10144,7 +10144,7 @@ const um = /* @__PURE__ */ tr(Vf, [["render", im]]), cm = { class: "min-h-screen
                 ])]),
                 _: 1
               }),
-              z(s, { size: "sm" }, {
+              A(s, { size: "sm" }, {
                 default: O(() => [...t[1] || (t[1] = [
                   D("Get Started", -1)
                 ])]),
@@ -10158,7 +10158,7 @@ const um = /* @__PURE__ */ tr(Vf, [["render", im]]), cm = { class: "min-h-screen
           e.showBreadcrumb ? (o(), d("div", fm, [
             u("div", mm, [
               $(a.$slots, "breadcrumb", {}, () => [
-                z(i, { items: e.breadcrumbItems }, null, 8, ["items"])
+                A(i, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : p("", !0),
@@ -10166,11 +10166,11 @@ const um = /* @__PURE__ */ tr(Vf, [["render", im]]), cm = { class: "min-h-screen
             $(a.$slots, "default")
           ])
         ]),
-        z(v, null, {
+        A(v, null, {
           brand: O(() => [
             $(a.$slots, "footer-brand", {}, () => [
-              z(n, { class: "mb-4" }),
-              z(c, { class: "text-gray-600 max-w-md" }, {
+              A(n, { class: "mb-4" }),
+              A(c, { class: "text-gray-600 max-w-md" }, {
                 default: O(() => [...t[2] || (t[2] = [
                   D(" Your application description goes here. ", -1)
                 ])]),
@@ -10400,12 +10400,12 @@ const pm = {
       window.history.length > 1 ? t.back() : t.push(e.homeUrl), a("back");
     }, S = () => {
       window.location.reload(), a("retry");
-    }, I = f(() => [
+    }, P = f(() => [
       "min-h-screen relative flex items-center justify-center",
       "px-4 sm:px-6 lg:px-8"
     ]), j = f(() => [
       "absolute inset-0 -z-10"
-    ]), A = f(() => [
+    ]), I = f(() => [
       "w-full max-w-2xl mx-auto text-center"
     ]), w = f(() => [
       "mb-8"
@@ -10415,7 +10415,7 @@ const pm = {
       "flex justify-center mb-6"
     ]), y = f(() => [
       "w-32 h-32 flex items-center justify-center"
-    ]), P = f(() => [
+    ]), z = f(() => [
       "space-y-4"
     ]), _ = f(() => [
       "text-6xl font-bold text-slate-300 mb-4"
@@ -10439,14 +10439,14 @@ const pm = {
       goHome: v,
       goBack: h,
       retry: S,
-      layoutClasses: I,
+      layoutClasses: P,
       backgroundClasses: j,
-      contentClasses: A,
+      contentClasses: I,
       headerClasses: w,
       errorContentClasses: g,
       illustrationClasses: b,
       iconContainerClasses: y,
-      detailsClasses: P,
+      detailsClasses: z,
       codeClasses: _,
       titleClasses: L,
       messageClasses: ae,
@@ -10503,7 +10503,7 @@ function Pm(e, a, t, n, r, s) {
             u("div", {
               class: m(n.iconContainerClasses)
             }, [
-              z(l, {
+              A(l, {
                 icon: n.errorConfig.icon,
                 size: "xxl",
                 color: n.errorConfig.color,
@@ -10547,7 +10547,7 @@ function Pm(e, a, t, n, r, s) {
                 size: "lg"
               }, {
                 default: O(() => [
-                  z(l, {
+                  A(l, {
                     icon: n.homeButtonIcon,
                     class: "w-4 h-4 mr-2"
                   }, null, 8, ["icon"]),
@@ -10562,7 +10562,7 @@ function Pm(e, a, t, n, r, s) {
                 onClick: n.goBack
               }, {
                 default: O(() => [
-                  z(l, {
+                  A(l, {
                     icon: "arrow-left",
                     class: "w-4 h-4 mr-2"
                   }),
@@ -10577,7 +10577,7 @@ function Pm(e, a, t, n, r, s) {
                 onClick: n.retry
               }, {
                 default: O(() => [
-                  z(l, {
+                  A(l, {
                     icon: "redo",
                     class: "w-4 h-4 mr-2"
                   }),
@@ -10592,7 +10592,7 @@ function Pm(e, a, t, n, r, s) {
                 onClick: a[0] || (a[0] = (c) => e.$emit("contact-support"))
               }, {
                 default: O(() => [
-                  z(l, {
+                  A(l, {
                     icon: "user",
                     class: "w-4 h-4 mr-2"
                   }),
@@ -10616,7 +10616,7 @@ function Pm(e, a, t, n, r, s) {
                     key: v,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
-                    z(l, {
+                    A(l, {
                       icon: c.icon,
                       color: c.iconColor || "slate-400",
                       class: "w-4 h-4 mt-0.5 flex-shrink-0"
@@ -10640,7 +10640,7 @@ function Pm(e, a, t, n, r, s) {
                 href: t.supportUrl,
                 class: "text-blue-600 hover:text-blue-700 underline ml-1"
               }, [
-                z(l, {
+                A(l, {
                   icon: "question-circle",
                   class: "w-4 h-4 inline mr-1"
                 }),