@stlhorizon/vue-ui 3.25.11 → 3.25.12

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Aa, computed as y, watch as ye, h as ve, createBlock as W, openBlock as s, unref as Z, normalizeClass as m, ref as U, createElementBlock as i, toDisplayString as w, createCommentVNode as v, renderSlot as q, resolveDynamicComponent as Be, createVNode as P, mergeProps as zt, createElementVNode as l, useId as Da, createTextVNode as oe, withCtx as J, normalizeStyle as be, onMounted as Oe, onUnmounted as Ne, Teleport as gt, withDirectives as Ge, withKeys as ia, withModifiers as $e, vModelText as rt, Fragment as Y, renderList as X, nextTick as ft, Transition as we, onBeforeUnmount as Tn, reactive as Bn, resolveComponent as Ce, markRaw as jn, TransitionGroup as Ks, provide as Xs, inject as Pn, vShow as On, getCurrentInstance as Js, createStaticVNode as Qs } from "vue";
+import { defineComponent as Aa, computed as y, watch as ye, h as ve, createBlock as W, openBlock as s, unref as Z, normalizeClass as m, ref as U, createElementBlock as i, toDisplayString as w, createCommentVNode as v, renderSlot as q, resolveDynamicComponent as Be, createVNode as P, mergeProps as zt, createElementVNode as l, useId as Da, createTextVNode as oe, withCtx as J, normalizeStyle as be, onMounted as Oe, onUnmounted as Ne, Teleport as gt, withDirectives as Ge, withKeys as ia, withModifiers as $e, vModelText as rt, Fragment as H, renderList as X, nextTick as ft, Transition as we, onBeforeUnmount as Tn, reactive as Bn, resolveComponent as Ce, markRaw as jn, TransitionGroup as Ks, provide as Xs, inject as Pn, vShow as On, getCurrentInstance as Js, createStaticVNode as Qs } from "vue";
 import { cva as ee } from "class-variance-authority";
 import { clsx as Zs } from "clsx";
 function O(...e) {
@@ -5240,7 +5240,7 @@ const Q = {
             ])
           ]),
           x.value.length > 0 ? (s(), i("div", gu, [
-            (s(!0), i(Y, null, X(x.value, (R) => (s(), i("button", {
+            (s(!0), i(H, null, X(x.value, (R) => (s(), i("button", {
               key: R.value,
               type: "button",
               class: m(["cursor-pointer select-none relative py-2 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50 text-blue-900": e.modelValue === R.value }]),
@@ -6116,7 +6116,7 @@ const Q = {
               ], 2),
               S.$slots.actions || e.actions.length > 0 ? (s(), i("div", Mu, [
                 q(S.$slots, "actions", {}, () => [
-                  (s(!0), i(Y, null, X(e.actions, (z) => (s(), W(Se, {
+                  (s(!0), i(H, null, X(e.actions, (z) => (s(), W(Se, {
                     key: z.label,
                     variant: z.variant || "outline",
                     size: z.size || "sm",
@@ -6182,7 +6182,7 @@ const Q = {
       class: m(["flex", n.value])
     }, [
       l("ol", Bu, [
-        (s(!0), i(Y, null, X(e.items, (u, d) => (s(), i("li", {
+        (s(!0), i(H, null, X(e.items, (u, d) => (s(), i("li", {
           key: d,
           class: "flex items-center"
         }, [
@@ -6823,7 +6823,7 @@ const Q = {
     async function E() {
       t.disabled || (r.value = !r.value, r.value && await ne());
     }
-    function H() {
+    function Y() {
       r.value = !1;
     }
     function b() {
@@ -6860,7 +6860,7 @@ const Q = {
       r.value && ne();
     }
     function f(K) {
-      K.key === "Escape" && r.value && H();
+      K.key === "Escape" && r.value && Y();
     }
     return Oe(() => {
       document.addEventListener("keydown", f), window.addEventListener("resize", p);
@@ -6985,17 +6985,17 @@ const Q = {
                 ])])
               ]),
               l("div", od, [
-                (s(), i(Y, null, X(_, (ce) => l("div", {
+                (s(), i(H, null, X(_, (ce) => l("div", {
                   key: ce,
                   class: "text-center text-xs font-medium text-slate-500 py-1"
                 }, w(ce), 1)), 64))
               ]),
               l("div", id, [
-                (s(!0), i(Y, null, X(S.value, (ce, ae) => (s(), i("div", {
+                (s(!0), i(H, null, X(S.value, (ce, ae) => (s(), i("div", {
                   key: "prev-" + ae,
                   class: "text-center text-xs text-slate-300 py-1.5"
                 }, w(ce), 1))), 128)),
-                (s(!0), i(Y, null, X(j.value, (ce) => (s(), i("button", {
+                (s(!0), i(H, null, X(j.value, (ce) => (s(), i("button", {
                   key: ce,
                   type: "button",
                   disabled: R(ce),
@@ -7007,7 +7007,7 @@ const Q = {
                   ]),
                   onClick: (ae) => h(ce)
                 }, w(ce), 11, ud))), 128)),
-                (s(!0), i(Y, null, X(k.value, (ce, ae) => (s(), i("div", {
+                (s(!0), i(H, null, X(k.value, (ce, ae) => (s(), i("div", {
                   key: "next-" + ae,
                   class: "text-center text-xs text-slate-300 py-1.5"
                 }, w(ce), 1))), 128))
@@ -7026,7 +7026,7 @@ const Q = {
         r.value ? (s(), i("div", {
           key: 0,
           class: "fixed inset-0 z-[9999]",
-          onClick: H
+          onClick: Y
         })) : v("", !0)
       ]))
     ]));
@@ -7252,8 +7252,8 @@ const Q = {
         uploading: !0
       }));
       d.value.push(...V), V.forEach((F) => {
-        const R = 2e3 + Math.random() * 2e3, re = 50, E = 100 / (R / re), H = setInterval(() => {
-          F.progress += E, F.progress >= 100 && (F.progress = 100, F.uploading = !1, clearInterval(H), t.multiple ? (r.value.push(F.file), n("files-selected", r.value)) : (r.value = [F.file], n("files-selected", F.file)), d.value.splice(d.value.indexOf(F), 1));
+        const R = 2e3 + Math.random() * 2e3, re = 50, E = 100 / (R / re), Y = setInterval(() => {
+          F.progress += E, F.progress >= 100 && (F.progress = 100, F.uploading = !1, clearInterval(Y), t.multiple ? (r.value.push(F.file), n("files-selected", r.value)) : (r.value = [F.file], n("files-selected", F.file)), d.value.splice(d.value.indexOf(F), 1));
         }, re);
       });
     }, k = (D) => {
@@ -7302,7 +7302,7 @@ const Q = {
         ])
       ], 34)) : v("", !0),
       r.value.length > 0 || d.value.length > 0 ? (s(), i("div", kd, [
-        (s(!0), i(Y, null, X(d.value, (V, F) => (s(), i("div", {
+        (s(!0), i(H, null, X(d.value, (V, F) => (s(), i("div", {
           key: `uploading-${F}`,
           class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg shadow-sm"
         }, [
@@ -7321,7 +7321,7 @@ const Q = {
             ])
           ])
         ]))), 128)),
-        (s(!0), i(Y, null, X(r.value, (V, F) => (s(), i("div", {
+        (s(!0), i(H, null, X(r.value, (V, F) => (s(), i("div", {
           key: `uploaded-${F}`,
           class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"
         }, [
@@ -8177,7 +8177,7 @@ const dc = {
           class: "space-y-2"
         }, {
           default: J(() => [
-            (s(!0), i(Y, null, X(Z(t), (S) => (s(), i("div", {
+            (s(!0), i(H, null, X(Z(t), (S) => (s(), i("div", {
               key: S.id,
               class: m([d(S), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
@@ -8323,9 +8323,9 @@ const dc = {
         ]);
       }
     }, o = e, u = a, d = U(null), c = U(null), x = U(!1), C = U(-1), A = U(null), _ = (E) => {
-      const H = E.target.value;
-      u("update:modelValue", H), A.value && clearTimeout(A.value), A.value = setTimeout(() => {
-        H.length >= o.minLength ? (u("search", H), x.value = !0) : x.value = !1;
+      const Y = E.target.value;
+      u("update:modelValue", Y), A.value && clearTimeout(A.value), A.value = setTimeout(() => {
+        Y.length >= o.minLength ? (u("search", Y), x.value = !0) : x.value = !1;
       }, o.debounce);
     }, T = (E) => {
       u("focus", E), o.modelValue.length >= o.minLength && (x.value = !0);
@@ -8355,8 +8355,8 @@ const dc = {
         }
     }, z = (E) => {
       if (!o.highlightMatches || !o.modelValue || !E) return E;
-      const H = new RegExp(`(${o.modelValue})`, "gi");
-      return E.replace(H, "$1");
+      const Y = new RegExp(`(${o.modelValue})`, "gi");
+      return E.replace(Y, "$1");
     }, D = ee(
       "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",
       {
@@ -8388,7 +8388,7 @@ const dc = {
     };
     return Oe(() => document.addEventListener("click", ne)), Ne(() => {
       document.removeEventListener("click", ne), A.value && clearTimeout(A.value);
-    }), ye(() => o.results, () => C.value = -1), (E, H) => (s(), i("div", {
+    }), ye(() => o.results, () => C.value = -1), (E, Y) => (s(), i("div", {
       ref_key: "searchRef",
       ref: d,
       class: "relative"
@@ -8438,7 +8438,7 @@ const dc = {
             class: m(R.value)
           }, [
             e.results.length > 0 ? (s(), i("div", Ac, [
-              (s(!0), i(Y, null, X(e.results, (b, $) => (s(), i("button", {
+              (s(!0), i(H, null, X(e.results, (b, $) => (s(), i("button", {
                 key: b.id || $,
                 class: m(re($)),
                 onClick: (h) => S(b),
@@ -8572,7 +8572,7 @@ const dc = {
       }
     }), (c, x) => (s(), i("div", Hc, [
       l("div", Wc, [
-        (s(!0), i(Y, null, X(o.value, (C, A) => (s(), i("button", {
+        (s(!0), i(H, null, X(o.value, (C, A) => (s(), i("button", {
           id: `tab-${A}`,
           key: A,
           disabled: t.loading,
@@ -8752,7 +8752,7 @@ const dc = {
     ), (z, D) => (s(), i("div", {
       class: m(T.value)
     }, [
-      (s(!0), i(Y, null, X(e.items, (L, V) => (s(), i("div", {
+      (s(!0), i(H, null, X(e.items, (L, V) => (s(), i("div", {
         key: L.id || V,
         class: m(j.value)
       }, [
@@ -9018,13 +9018,13 @@ const dc = {
       } else
         c.value = null;
     }, { immediate: !0 });
-    function H(b) {
+    function Y(b) {
       b.key === "Escape" && r.value && V();
     }
     return Oe(() => {
-      document.addEventListener("keydown", H);
+      document.addEventListener("keydown", Y);
     }), Tn(() => {
-      document.removeEventListener("keydown", H);
+      document.removeEventListener("keydown", Y);
     }), (b, $) => (s(), i("div", of, [
       l("div", uf, [
         l("input", {
@@ -9135,17 +9135,17 @@ const dc = {
               ])])
             ]),
             l("div", mf, [
-              (s(), i(Y, null, X(x, (h) => l("div", {
+              (s(), i(H, null, X(x, (h) => l("div", {
                 key: h,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
               }, w(h), 1)), 64))
             ]),
             l("div", gf, [
-              (s(!0), i(Y, null, X(T.value, (h, B) => (s(), i("div", {
+              (s(!0), i(H, null, X(T.value, (h, B) => (s(), i("div", {
                 key: "prev-" + B,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(h), 1))), 128)),
-              (s(!0), i(Y, null, X(A.value, (h) => (s(), i("button", {
+              (s(!0), i(H, null, X(A.value, (h) => (s(), i("button", {
                 key: h,
                 type: "button",
                 disabled: D(h),
@@ -9156,7 +9156,7 @@ const dc = {
                 ]),
                 onClick: (B) => re(h)
               }, w(h), 11, vf))), 128)),
-              (s(!0), i(Y, null, X(j.value, (h, B) => (s(), i("div", {
+              (s(!0), i(H, null, X(j.value, (h, B) => (s(), i("div", {
                 key: "next-" + B,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(h), 1))), 128))
@@ -9449,7 +9449,7 @@ const dc = {
         class: "overflow-visible"
       }, [
         e.showGrid ? (s(), i("g", zf, [
-          (s(!0), i(Y, null, X(C.value, (V) => (s(), i("line", {
+          (s(!0), i(H, null, X(C.value, (V) => (s(), i("line", {
             key: `grid-${V}`,
             x1: e.padding.left,
             y1: V,
@@ -9462,7 +9462,7 @@ const dc = {
           }, null, 8, Af))), 128))
         ])) : v("", !0),
         l("defs", null, [
-          (s(!0), i(Y, null, X(e.data, (V, F) => (s(), i("linearGradient", {
+          (s(!0), i(H, null, X(e.data, (V, F) => (s(), i("linearGradient", {
             id: `barGradient-${F}`,
             key: `gradient-${F}`,
             x1: "0%",
@@ -9483,7 +9483,7 @@ const dc = {
           ], 8, Df))), 128))
         ]),
         l("g", null, [
-          (s(!0), i(Y, null, X(e.data, (V, F) => (s(), i("rect", {
+          (s(!0), i(H, null, X(e.data, (V, F) => (s(), i("rect", {
             key: `bar-${F}`,
             x: A(F),
             y: _(V),
@@ -9513,7 +9513,7 @@ const dc = {
           ], 42, Ff))), 128))
         ]),
         e.showXAxis ? (s(), i("g", jf, [
-          (s(!0), i(Y, null, X(e.labels, (V, F) => (s(), i("text", {
+          (s(!0), i(H, null, X(e.labels, (V, F) => (s(), i("text", {
             key: `xlabel-${F}`,
             x: A(F) + c.value / 2,
             y: e.height - e.padding.bottom + 20,
@@ -9530,7 +9530,7 @@ const dc = {
           }, w(e.xAxisLabel), 9, _f)
         ])) : v("", !0),
         e.showYAxis ? (s(), i("g", Lf, [
-          (s(!0), i(Y, null, X(C.value, (V) => (s(), i("text", {
+          (s(!0), i(H, null, X(C.value, (V) => (s(), i("text", {
             key: `ylabel-${V}`,
             x: e.padding.left - 10,
             y: V + 4,
@@ -9746,7 +9746,7 @@ const dc = {
         class: "overflow-visible"
       }, [
         e.showGrid ? (s(), i("g", Jf, [
-          (s(!0), i(Y, null, X(x.value, (k) => (s(), i("line", {
+          (s(!0), i(H, null, X(x.value, (k) => (s(), i("line", {
             key: `grid-${k}`,
             x1: e.padding.left,
             y1: k,
@@ -9765,7 +9765,7 @@ const dc = {
           class: m(e.lineClasses)
         }, null, 10, Zf),
         e.showPoints ? (s(), i("g", em, [
-          (s(!0), i(Y, null, X(u.value, (k, z) => (s(), i("circle", {
+          (s(!0), i(H, null, X(u.value, (k, z) => (s(), i("circle", {
             key: `point-${z}`,
             cx: k.x,
             cy: k.y,
@@ -9785,7 +9785,7 @@ const dc = {
           "fill-opacity": e.fillOpacity
         }, null, 8, am)) : v("", !0),
         e.showXAxis ? (s(), i("g", nm, [
-          (s(!0), i(Y, null, X(e.labels, (k, z) => (s(), i("text", {
+          (s(!0), i(H, null, X(e.labels, (k, z) => (s(), i("text", {
             key: `xlabel-${z}`,
             x: C(z),
             y: e.height - e.padding.bottom + 20,
@@ -9794,7 +9794,7 @@ const dc = {
           }, w(k), 11, sm))), 128))
         ])) : v("", !0),
         e.showYAxis ? (s(), i("g", rm, [
-          (s(!0), i(Y, null, X(x.value, (k) => (s(), i("text", {
+          (s(!0), i(H, null, X(x.value, (k) => (s(), i("text", {
             key: `ylabel-${k}`,
             x: e.padding.left - 10,
             y: k + 4,
@@ -9908,7 +9908,7 @@ const dc = {
         });
       }
       if (d.value) {
-        const E = t.dataSources.find((H) => H.value === d.value);
+        const E = t.dataSources.find((Y) => Y.value === d.value);
         ne.push({
           key: "dataSource",
           label: "Data Source",
@@ -9971,7 +9971,7 @@ const dc = {
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             Ge(l("input", {
-              "onUpdate:modelValue": E[0] || (E[0] = (H) => r.value = H),
+              "onUpdate:modelValue": E[0] || (E[0] = (Y) => r.value = Y),
               type: "date",
               class: m(_.value),
               placeholder: "From date"
@@ -9986,7 +9986,7 @@ const dc = {
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
             Ge(l("input", {
-              "onUpdate:modelValue": E[1] || (E[1] = (H) => o.value = H),
+              "onUpdate:modelValue": E[1] || (E[1] = (Y) => o.value = Y),
               type: "date",
               class: m(_.value),
               placeholder: "To date"
@@ -9999,7 +9999,7 @@ const dc = {
           l("div", vm, [
             P(Ye, {
               modelValue: u.value,
-              "onUpdate:modelValue": E[2] || (E[2] = (H) => u.value = H),
+              "onUpdate:modelValue": E[2] || (E[2] = (Y) => u.value = Y),
               class: m(T.value),
               onChange: V
             }, {
@@ -10020,16 +10020,16 @@ const dc = {
           l("div", bm, [
             P(Ye, {
               modelValue: d.value,
-              "onUpdate:modelValue": E[3] || (E[3] = (H) => d.value = H),
+              "onUpdate:modelValue": E[3] || (E[3] = (Y) => d.value = Y),
               class: m(T.value),
               onChange: F
             }, {
               default: J(() => [
                 E[8] || (E[8] = l("option", { value: "" }, " All Sources ", -1)),
-                (s(!0), i(Y, null, X(e.dataSources, (H) => (s(), i("option", {
-                  key: H.value,
-                  value: H.value
-                }, w(H.label), 9, pm))), 128))
+                (s(!0), i(H, null, X(e.dataSources, (Y) => (s(), i("option", {
+                  key: Y.value,
+                  value: Y.value
+                }, w(Y.label), 9, pm))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -10060,7 +10060,7 @@ const dc = {
           e.showExport ? (s(), W(Se, {
             key: 1,
             class: m(M.value),
-            onClick: E[4] || (E[4] = (H) => ne.$emit("export"))
+            onClick: E[4] || (E[4] = (Y) => ne.$emit("export"))
           }, {
             default: J(() => [
               P(Q, {
@@ -10074,7 +10074,7 @@ const dc = {
           e.showRefresh ? (s(), W(Se, {
             key: 2,
             class: m(S.value),
-            onClick: E[5] || (E[5] = (H) => ne.$emit("refresh"))
+            onClick: E[5] || (E[5] = (Y) => ne.$emit("refresh"))
           }, {
             default: J(() => [
               P(Q, {
@@ -10095,18 +10095,18 @@ const dc = {
           l("span", {
             class: m(z.value)
           }, "Active filters:", 2),
-          (s(!0), i(Y, null, X(C.value, (H) => (s(), i("div", {
-            key: H.key,
+          (s(!0), i(H, null, X(C.value, (Y) => (s(), i("div", {
+            key: Y.key,
             class: m(D.value)
           }, [
             P(Q, {
-              icon: H.icon,
+              icon: Y.icon,
               class: "w-3 h-3"
             }, null, 8, ["icon"]),
-            l("span", null, w(H.label) + ": " + w(H.value), 1),
+            l("span", null, w(Y.label) + ": " + w(Y.value), 1),
             l("button", {
               class: m(L.value),
-              onClick: (b) => re(H.key)
+              onClick: (b) => re(Y.key)
             }, [
               P(Q, {
                 icon: "xmark",
@@ -10403,7 +10403,7 @@ const dc = {
               "onUpdate:modelValue": j[0] || (j[0] = (M) => T.$emit("update:pageSize", parseInt(M)))
             }, {
               default: J(() => [
-                (s(!0), i(Y, null, X(e.pageSizeOptions, (M) => (s(), W(Es, {
+                (s(!0), i(H, null, X(e.pageSizeOptions, (M) => (s(), W(Es, {
                   key: M,
                   value: M.toString(),
                   label: M.toString()
@@ -10454,7 +10454,7 @@ const dc = {
               ], -1)
             ])], 10, jm),
             l("div", Pm, [
-              (s(!0), i(Y, null, X(c.value, (M) => (s(), i("button", {
+              (s(!0), i(H, null, X(c.value, (M) => (s(), i("button", {
                 key: M,
                 class: m(_(M === e.currentPage, !1)),
                 onClick: (S) => T.$emit("update:currentPage", M)
@@ -10615,25 +10615,25 @@ const dc = {
       l("div", Nm, [
         e.text && e.textPosition === "top" ? (s(), i("div", Rm, w(e.text), 1)) : v("", !0),
         e.type === "spin" ? (s(), i("div", Um)) : e.type === "pulse" ? (s(), i("div", qm)) : e.type === "bounce" ? (s(), i("div", Ym, [
-          (s(), i(Y, null, X(3, (n) => l("div", {
+          (s(), i(H, null, X(3, (n) => l("div", {
             key: n,
             class: "loader__bounce-dot",
             style: be({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
         ])) : e.type === "ripple" ? (s(), i("div", Hm, [
-          (s(), i(Y, null, X(2, (n) => l("div", {
+          (s(), i(H, null, X(2, (n) => l("div", {
             key: n,
             class: "loader__ripple-ring",
             style: be({ animationDelay: `${(n - 1) * 0.5}s` })
           }, null, 4)), 64))
         ])) : e.type === "bars" ? (s(), i("div", Wm, [
-          (s(), i(Y, null, X(5, (n) => l("div", {
+          (s(), i(H, null, X(5, (n) => l("div", {
             key: n,
             class: "loader__bar",
             style: be({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
         ])) : e.type === "dots" ? (s(), i("div", Gm, [
-          (s(), i(Y, null, X(3, (n) => l("div", {
+          (s(), i(H, null, X(3, (n) => l("div", {
             key: n,
             class: "loader__dot",
             style: be({ animationDelay: `${(n - 1) * 0.16}s` })
@@ -10886,7 +10886,7 @@ const dc = {
       if (d.value) {
         const le = n.columns.find((de) => de.key === d.value);
         le && G.sort((de, Fe) => {
-          const ge = H(de, le), it = H(Fe, le);
+          const ge = Y(de, le), it = Y(Fe, le);
           return ge < it ? c.value === "asc" ? -1 : 1 : ge > it ? c.value === "asc" ? 1 : -1 : 0;
         });
       }
@@ -10929,7 +10929,7 @@ const dc = {
     })[G] || "ghost", ne = y(() => M.value.length > 0 && M.value.every((G) => $(G))), E = y(() => {
       const G = M.value.filter((le) => $(le)).length;
       return G > 0 && G < M.value.length;
-    }), H = (G, le) => le.accessor ? le.accessor(G) : le.key.split(".").reduce((de, Fe) => de?.[Fe], G), b = (G, le) => G[n.rowKey] || le, $ = (G) => n.selectedItems.some(
+    }), Y = (G, le) => le.accessor ? le.accessor(G) : le.key.split(".").reduce((de, Fe) => de?.[Fe], G), b = (G, le) => G[n.rowKey] || le, $ = (G) => n.selectedItems.some(
       (le) => b(le) === b(G)
     ), h = (G) => {
       const le = [...n.selectedItems], de = le.findIndex(
@@ -10978,7 +10978,7 @@ const dc = {
       const de = [];
       return n.striped && le % 2 === 1 && de.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && de.push("hover:bg-slate-50"), n.clickableRows && de.push("cursor-pointer hover:bg-slate-100"), n.selectable && $(G) && de.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? de.push("border-b border-slate-200") : n.variant === "minimal" && de.push("border-b border-slate-100"), O("transition-colors", ...de);
     }, je = (G, le) => {
-      const de = H(G, le);
+      const de = Y(G, le);
       return typeof le == "object" && le.formatter ? le.formatter(de, G) : de == null ? "" : de instanceof Date ? de.toLocaleDateString() : Array.isArray(de) ? de.join(", ") : de;
     }, ht = (G, le = 10) => {
       if (!G) return G;
@@ -11095,7 +11095,7 @@ const dc = {
                     }, null, 8, ["model-value", "indeterminate", "disabled"]))
                   ])
                 ], 2)) : v("", !0),
-                (s(!0), i(Y, null, X(e.columns, (de) => (s(), i("th", {
+                (s(!0), i(H, null, X(e.columns, (de) => (s(), i("th", {
                   key: de.key,
                   class: m(ke(de)),
                   onClick: (Fe) => g(de)
@@ -11147,7 +11147,7 @@ const dc = {
             l("tbody", {
               class: m(xe.value)
             }, [
-              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), i(Y, { key: 0 }, X(e.skeletonRows, (de) => (s(), i("tr", {
+              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), i(H, { key: 0 }, X(e.skeletonRows, (de) => (s(), i("tr", {
                 key: `skeleton-${de}`,
                 class: "animate-pulse"
               }, [
@@ -11157,7 +11157,7 @@ const dc = {
                 }, [...le[3] || (le[3] = [
                   l("div", { class: "w-4 h-4 bg-slate-200 rounded" }, null, -1)
                 ])], 2)) : v("", !0),
-                (s(!0), i(Y, null, X(e.columns, (Fe) => (s(), i("td", {
+                (s(!0), i(H, null, X(e.columns, (Fe) => (s(), i("td", {
                   key: Fe.key,
                   class: m(ze())
                 }, [...le[4] || (le[4] = [
@@ -11172,7 +11172,7 @@ const dc = {
                     l("div", { class: "w-6 h-6 bg-slate-200 rounded" })
                   ], -1)
                 ])], 2)) : v("", !0)
-              ]))), 128)) : k.value.length > 0 ? (s(!0), i(Y, { key: 1 }, X(k.value, (de, Fe) => (s(), i("tr", {
+              ]))), 128)) : k.value.length > 0 ? (s(!0), i(H, { key: 1 }, X(k.value, (de, Fe) => (s(), i("tr", {
                 key: b(de, Fe),
                 class: m(Pe(de, Fe)),
                 onClick: (ge) => p({ item: de, index: Fe })
@@ -11186,13 +11186,13 @@ const dc = {
                     "onUpdate:modelValue": (ge) => h(de)
                   }, null, 8, ["model-value", "onUpdate:modelValue"])
                 ], 2)) : v("", !0),
-                (s(!0), i(Y, null, X(e.columns, (ge) => (s(), i("td", {
+                (s(!0), i(H, null, X(e.columns, (ge) => (s(), i("td", {
                   key: ge.key,
                   class: m(ze())
                 }, [
                   q(G.$slots, `cell-${ge.key}`, {
                     item: de,
-                    value: H(de, ge),
+                    value: Y(de, ge),
                     column: ge,
                     index: Fe
                   }, () => [
@@ -11212,7 +11212,7 @@ const dc = {
                     item: de,
                     index: Fe
                   }, void 0, !0) : e.actions.length > 0 ? (s(), i("div", o0, [
-                    (s(!0), i(Y, null, X(L(de), (ge) => (s(), W(Ns, {
+                    (s(!0), i(H, null, X(L(de), (ge) => (s(), W(Ns, {
                       key: ge.key,
                       content: typeof ge.tooltip == "function" ? ge.tooltip(de) : ge.tooltip || ge.label || ge.key,
                       placement: "top"
@@ -11454,7 +11454,7 @@ const dc = {
           "onUpdate:modelValue": S[0] || (S[0] = (k) => M.$emit("toggle-selection", e.item))
         }, null, 8, ["model-value"])
       ], 2)) : v("", !0),
-      (s(!0), i(Y, null, X(e.columns, (k) => (s(), i("td", {
+      (s(!0), i(H, null, X(e.columns, (k) => (s(), i("td", {
         key: u(k),
         class: m(_(k))
       }, [
@@ -11829,7 +11829,7 @@ const dc = {
         (he) => he.key === se ? { ...he, [I]: N } : he
       );
       n("update:numberFilters", ue);
-    }, H = (se) => se.selected && se.selected.length > 0, b = (se) => `text-xs px-2 py-1 rounded ${H(se) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, $ = (se, I) => {
+    }, Y = (se) => se.selected && se.selected.length > 0, b = (se) => `text-xs px-2 py-1 rounded ${Y(se) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, $ = (se, I) => {
       if (!I) return;
       const N = t.multiSelectFilters.map((ue) => {
         if (ue.key === se) {
@@ -12040,7 +12040,7 @@ const dc = {
           break;
       }
     };
-    return (se, I) => (s(), i(Y, null, [
+    return (se, I) => (s(), i(H, null, [
       l("div", w0, [
         l("div", {
           class: m(ce.value)
@@ -12069,7 +12069,7 @@ const dc = {
               ], 2)) : v("", !0)
             ])
           ])) : v("", !0),
-          (s(!0), i(Y, null, X(e.selectFilters, (N) => (s(), i("div", {
+          (s(!0), i(H, null, X(e.selectFilters, (N) => (s(), i("div", {
             key: N.key,
             class: "min-w-36"
           }, [
@@ -12081,7 +12081,7 @@ const dc = {
               }, {
                 default: J(() => [
                   l("option", z0, w(N.placeholder || `All ${N.label}`), 1),
-                  (s(!0), i(Y, null, X(N.options, (ue) => (s(), i("option", {
+                  (s(!0), i(H, null, X(N.options, (ue) => (s(), i("option", {
                     key: ue.value,
                     value: ue.value
                   }, w(ue.label), 9, A0))), 128))
@@ -12103,7 +12103,7 @@ const dc = {
               }, {
                 default: J(() => [
                   I[5] || (I[5] = l("option", { value: "" }, " All Status ", -1)),
-                  (s(!0), i(Y, null, X(e.statusOptions, (N) => (s(), i("option", {
+                  (s(!0), i(H, null, X(e.statusOptions, (N) => (s(), i("option", {
                     key: N.value,
                     value: N.value
                   }, w(N.label), 9, V0))), 128))
@@ -12225,7 +12225,7 @@ const dc = {
           class: m(ht.value)
         }, [
           l("div", P0, [
-            (s(!0), i(Y, null, X(e.dateFilters, (N) => (s(), i("div", {
+            (s(!0), i(H, null, X(e.dateFilters, (N) => (s(), i("div", {
               key: N.key,
               class: "space-y-3"
             }, [
@@ -12280,7 +12280,7 @@ const dc = {
                 ], 10, R0)) : v("", !0)
               ])
             ]))), 128)),
-            (s(!0), i(Y, null, X(e.numberFilters, (N) => (s(), i("div", {
+            (s(!0), i(H, null, X(e.numberFilters, (N) => (s(), i("div", {
               key: N.key,
               class: "space-y-3"
             }, [
@@ -12329,7 +12329,7 @@ const dc = {
                 ], 10, K0)) : v("", !0)
               ])
             ]))), 128)),
-            (s(!0), i(Y, null, X(e.multiSelectFilters, (N) => (s(), i("div", {
+            (s(!0), i(H, null, X(e.multiSelectFilters, (N) => (s(), i("div", {
               key: N.key,
               class: "space-y-3"
             }, [
@@ -12339,7 +12339,7 @@ const dc = {
                 }, w(N.label), 3),
                 l("span", {
                   class: m(b(N))
-                }, w(H(N) ? `${N.selected.length} selected` : "None"), 3)
+                }, w(Y(N) ? `${N.selected.length} selected` : "None"), 3)
               ]),
               l("div", J0, [
                 P(Ye, {
@@ -12349,7 +12349,7 @@ const dc = {
                 }, {
                   default: J(() => [
                     l("option", Q0, " Select " + w(N.label), 1),
-                    (s(!0), i(Y, null, X(N.options, (ue) => (s(), i("option", {
+                    (s(!0), i(H, null, X(N.options, (ue) => (s(), i("option", {
                       key: ue.value,
                       value: ue.value
                     }, w(ue.label), 9, Z0))), 128))
@@ -12362,7 +12362,7 @@ const dc = {
                 })
               ]),
               N.selected.length > 0 ? (s(), i("div", eg, [
-                (s(!0), i(Y, null, X(N.selected, (ue) => (s(), i("span", {
+                (s(!0), i(H, null, X(N.selected, (ue) => (s(), i("span", {
                   key: ue,
                   class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
                 }, [
@@ -12389,7 +12389,7 @@ const dc = {
             l("span", {
               class: m(le.value)
             }, "Active filters:", 2),
-            (s(!0), i(Y, null, X(ie.value, (N) => (s(), i("div", {
+            (s(!0), i(H, null, X(ie.value, (N) => (s(), i("div", {
               key: N.key,
               class: m(de.value)
             }, [
@@ -12632,7 +12632,7 @@ const dc = {
       }));
     }, E = () => O(_({
       state: t.isRefreshing ? "refreshing" : "normal"
-    })), H = () => O("w-4 h-4", {
+    })), Y = () => O("w-4 h-4", {
       "animate-spin": t.isRefreshing
     }), b = (h) => t.visibleColumns.includes(h), $ = (h, B) => {
       n("toggle-column", { column: h, visible: B });
@@ -12650,7 +12650,7 @@ const dc = {
           d.value > 0 ? (s(), i("div", gg, [
             l("span", vg, w(d.value) + " selected ", 1),
             l("div", hg, [
-              (s(!0), i(Y, null, X(e.bulkActions, (p) => (s(), W(Se, {
+              (s(!0), i(H, null, X(e.bulkActions, (p) => (s(), W(Se, {
                 key: p.key,
                 class: m(re(p)),
                 onClick: (f) => h.$emit("bulk-action", { action: p.key, items: e.selectedItems })
@@ -12676,7 +12676,7 @@ const dc = {
             key: 0,
             class: m(M.value)
           }, [
-            (s(), i(Y, null, X(c, (p) => l("button", {
+            (s(), i(H, null, X(c, (p) => l("button", {
               key: p.value,
               class: m(ne(p.value)),
               title: p.label,
@@ -12715,7 +12715,7 @@ const dc = {
                   class: m(z.value)
                 }, " Show Columns ", 2),
                 l("div", wg, [
-                  (s(!0), i(Y, null, X(e.toggleableColumns, (p) => (s(), i("div", {
+                  (s(!0), i(H, null, X(e.toggleableColumns, (p) => (s(), i("div", {
                     key: p.key,
                     class: m(D.value)
                   }, [
@@ -12746,7 +12746,7 @@ const dc = {
           }, [
             P(g, {
               icon: "sync",
-              class: m(H())
+              class: m(Y())
             }, null, 8, ["class"]),
             B[3] || (B[3] = l("span", null, "Refresh", -1))
           ], 10, Cg)) : v("", !0),
@@ -13061,7 +13061,7 @@ const dc = {
         error: "bg-red-100 text-red-600"
       };
       return B[h.type] || B.info;
-    }, H = (h) => {
+    }, Y = (h) => {
       if (!h) return "";
       const B = h.split("\\");
       return B[B.length - 1].replace(/([A-Z])/g, " $1").trim().split(" ").map((p) => p.charAt(0).toUpperCase() + p.slice(1).toLowerCase()).join(" ");
@@ -13171,7 +13171,7 @@ const dc = {
                       l("p", nv, w(e.organisationSwitcherDescription), 1)
                     ]),
                     l("div", sv, [
-                      (s(!0), i(Y, null, X(e.organisations, (p) => (s(), i("button", {
+                      (s(!0), i(H, null, X(e.organisations, (p) => (s(), i("button", {
                         key: p.org_id || p.organisation_name,
                         class: m(Z(O)(
                           "flex items-center w-full px-3 sm:px-4 py-2.5 sm:py-3 text-sm transition-all group",
@@ -13284,7 +13284,7 @@ const dc = {
                         class: "w-10 h-10 sm:w-12 sm:h-12 mx-auto text-gray-300 mb-2"
                       }),
                       B[5] || (B[5] = l("p", { class: "text-sm text-gray-500" }, " No notifications ", -1))
-                    ])) : (s(!0), i(Y, { key: 1 }, X(e.notifications, (p) => (s(), i("div", {
+                    ])) : (s(!0), i(H, { key: 1 }, X(e.notifications, (p) => (s(), i("div", {
                       key: p.id,
                       class: m([
                         "p-3 sm:p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors",
@@ -13338,7 +13338,7 @@ const dc = {
                                 icon: "file",
                                 class: "w-2.5 h-2.5 sm:w-3 sm:h-3 mr-0.5 sm:mr-1"
                               }),
-                              l("span", _v, w(H(p.model)), 1)
+                              l("span", _v, w(Y(p.model)), 1)
                             ])) : v("", !0),
                             p.due_date ? (s(), i("span", {
                               key: 1,
@@ -13407,7 +13407,7 @@ const dc = {
                       l("p", Kv, w(e.user.email), 1)
                     ]),
                     l("div", Xv, [
-                      (s(!0), i(Y, null, X(e.profileMenuItems, (p) => (s(), i(Y, {
+                      (s(!0), i(H, null, X(e.profileMenuItems, (p) => (s(), i(H, {
                         key: p.name
                       }, [
                         p.route ? (s(), W(g, {
@@ -13587,7 +13587,7 @@ const dc = {
         onKeydown: M
       }, [
         C.value.length === 0 ? (s(), i("div", lh, w(e.placeholder || "Select options"), 1)) : (s(), i("div", oh, [
-          (s(!0), i(Y, null, X(C.value, (D) => (s(), W(Ls, {
+          (s(!0), i(H, null, X(C.value, (D) => (s(), W(Ls, {
             key: D,
             variant: "primary",
             size: "sm"
@@ -13642,7 +13642,7 @@ const dc = {
                 ])
               ]),
               d.value.length > 0 ? (s(), i("div", uh, [
-                (s(!0), i(Y, null, X(d.value, (D) => (s(), i("button", {
+                (s(!0), i(H, null, X(d.value, (D) => (s(), i("button", {
                   key: D.value,
                   type: "button",
                   class: m(["cursor-pointer select-none relative py-2.5 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50": e.modelValue.includes(D.value) }]),
@@ -13919,7 +13919,7 @@ const dc = {
         } catch (h) {
           console.error("Error in onChange handler:", h);
         }
-    }, H = (b, $) => {
+    }, Y = (b, $) => {
       if (R(b.name, $), b.onChange && typeof b.onChange == "function")
         try {
           b.onChange($, u.value);
@@ -13947,7 +13947,7 @@ const dc = {
           onSubmit: $e(D, ["prevent"])
         }, [
           l("div", bh, [
-            (s(!0), i(Y, null, X(e.fields, (h) => (s(), i("div", {
+            (s(!0), i(H, null, X(e.fields, (h) => (s(), i("div", {
               key: h.name,
               class: m(h.wrapperClass || "col-span-12")
             }, [
@@ -13964,10 +13964,6 @@ const dc = {
                 "error-message": d.value[h.name]
               }, {
                 default: J(({ fieldId: B, hasError: g, ariaDescribedBy: p }) => [
-                  (s(!0), i(Y, null, X(e.fields, (f) => (s(), i("div", {
-                    key: f.name,
-                    class: m(f.wrapperClass || "col-span-12")
-                  }, null, 2))), 128)),
                   ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(h.type) ? (s(), W(Ae, {
                     key: 0,
                     id: B,
@@ -14073,7 +14069,7 @@ const dc = {
                       _: 2
                     }, 1032, ["for"])
                   ])) : h.type === "radio" ? (s(), i("div", kh, [
-                    (s(!0), i(Y, null, X(h.options, (f) => (s(), i("div", {
+                    (s(!0), i(H, null, X(h.options, (f) => (s(), i("div", {
                       key: f.value,
                       class: "flex items-center"
                     }, [
@@ -14115,7 +14111,7 @@ const dc = {
                       "max-files": h.maxFiles,
                       variant: h.variant || "default",
                       onFilesSelected: (f) => E(h, f),
-                      onFileRemoved: (f) => H(h, f)
+                      onFileRemoved: (f) => Y(h, f)
                     }, null, 8, ["multiple", "accept", "max-size", "max-files", "variant", "onFilesSelected", "onFileRemoved"]),
                     h.helpText ? (s(), i("p", zh, w(h.helpText), 1)) : v("", !0)
                   ])) : h.type === "slider" ? (s(), W(Ha, {
@@ -14500,7 +14496,7 @@ const dc = {
       if (g === 0) return "0 Bytes";
       const p = 1024, f = ["Bytes", "KB", "MB", "GB"], K = Math.floor(Math.log(g) / Math.log(p));
       return parseFloat((g / Math.pow(p, K)).toFixed(2)) + " " + f[K];
-    }, H = (g) => {
+    }, Y = (g) => {
       const p = g.name.split(".").pop()?.toLowerCase();
       return ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(p) ? "image" : ["pdf"].includes(p) || ["doc", "docx"].includes(p) ? "file-text" : ["xls", "xlsx", "csv"].includes(p) ? "table" : ["zip", "rar", "7z", "tar", "gz"].includes(p) ? "archive" : ["mp4", "mov", "avi", "mkv", "webm"].includes(p) ? "video" : ["mp3", "wav", "ogg", "flac"].includes(p) ? "music" : "file";
     }, b = (g) => {
@@ -14541,7 +14537,7 @@ const dc = {
         class: "space-y-6",
         onSubmit: $e($, ["prevent"])
       }, [
-        (s(!0), i(Y, null, X(e.fields, (f) => (s(), i("div", {
+        (s(!0), i(H, null, X(e.fields, (f) => (s(), i("div", {
           key: f.name
         }, [
           f.type === "hidden" ? Ge((s(), i("input", {
@@ -14653,7 +14649,7 @@ const dc = {
                   _: 2
                 }, 1032, ["for"])
               ])) : f.type === "radio" ? (s(), i("div", Ih, [
-                (s(!0), i(Y, null, X(f.options, (ae) => (s(), i("div", {
+                (s(!0), i(H, null, X(f.options, (ae) => (s(), i("div", {
                   key: ae.value,
                   class: "flex items-center"
                 }, [
@@ -14746,7 +14742,7 @@ const dc = {
                 ], 42, qh),
                 f.helpText ? (s(), i("p", Jh, w(f.helpText), 1)) : v("", !0),
                 c.value[f.name]?.length > 0 ? (s(), i("div", Qh, [
-                  (s(!0), i(Y, null, X(c.value[f.name], (ae) => (s(), i("div", {
+                  (s(!0), i(H, null, X(c.value[f.name], (ae) => (s(), i("div", {
                     key: ae.id,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg"
                   }, [
@@ -14803,7 +14799,7 @@ const dc = {
                   ]))), 128))
                 ])) : v("", !0),
                 o.value[f.name]?.length > 0 ? (s(), i("div", ob, [
-                  (s(!0), i(Y, null, X(o.value[f.name], (ae, xe) => (s(), i("div", {
+                  (s(!0), i(H, null, X(o.value[f.name], (ae, xe) => (s(), i("div", {
                     key: `uploaded-${xe}`,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"
                   }, [
@@ -14815,7 +14811,7 @@ const dc = {
                         ])
                       }, [
                         (s(), i("svg", ub, [
-                          H(ae) === "image" ? (s(), i("path", db)) : (s(), i("path", cb))
+                          Y(ae) === "image" ? (s(), i("path", db)) : (s(), i("path", cb))
                         ]))
                       ], 2),
                       l("div", fb, [
@@ -15118,7 +15114,7 @@ const dc = {
       S(B);
     }, E = (B) => {
       x.value = B, r("search", { query: B, menu: d.value?.name });
-    }, H = () => {
+    }, Y = () => {
       x.value = "";
     }, b = (B) => {
       const g = n.currentPath;
@@ -15193,7 +15189,7 @@ const dc = {
           ])) : v("", !0),
           l("nav", Sb, [
             l("div", zb, [
-              (s(!0), i(Y, null, X(e.navigationItems, (f) => (s(), i(Y, {
+              (s(!0), i(H, null, X(e.navigationItems, (f) => (s(), i(H, {
                 key: f.name || f.label
               }, [
                 f.type === "link" ? (s(), i("div", Ab, [
@@ -15353,7 +15349,7 @@ const dc = {
                     x.value ? (s(), i("button", {
                       key: 0,
                       class: "absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 transition-colors p-1",
-                      onClick: H
+                      onClick: Y
                     }, [
                       P(Q, {
                         icon: "times",
@@ -15373,7 +15369,7 @@ const dc = {
                   g[4] || (g[4] = l("p", { class: "text-sm text-gray-500 mb-1" }, " No results found ", -1)),
                   g[5] || (g[5] = l("p", { class: "text-xs text-gray-400" }, " Try a different search term ", -1))
                 ])) : (s(), i("div", qb, [
-                  (s(!0), i(Y, null, X(j.value, (f) => (s(), W(p, {
+                  (s(!0), i(H, null, X(j.value, (f) => (s(), W(p, {
                     key: f.name,
                     to: f.route,
                     class: m(
@@ -15461,7 +15457,7 @@ const dc = {
               ]),
               l("nav", Wb, [
                 l("div", Gb, [
-                  (s(!0), i(Y, null, X(e.managementSettings, (f) => (s(), i(Y, {
+                  (s(!0), i(H, null, X(e.managementSettings, (f) => (s(), i(H, {
                     key: f.name
                   }, [
                     f.type === "section" ? (s(), i("div", Kb, w(f.label), 1)) : f.route ? (s(), W(p, {
@@ -15759,7 +15755,7 @@ function Tp(e, a, t, n, r, o) {
       ])
     ])) : v("", !0),
     l("div", Vp, [
-      (s(!0), i(Y, null, X(t.socialLinks, (c) => (s(), i("a", {
+      (s(!0), i(H, null, X(t.socialLinks, (c) => (s(), i("a", {
         key: c.name,
         href: c.url,
         class: m([
@@ -16082,7 +16078,7 @@ const Bp = /* @__PURE__ */ Vt(rp, [["render", Tp]]), jp = { class: "min-h-screen
       "w-32 h-32 flex items-center justify-center"
     ]), E = y(() => [
       "space-y-4"
-    ]), H = y(() => [
+    ]), Y = y(() => [
       "text-6xl font-bold text-slate-300 mb-4"
     ]), b = y(() => [
       "text-3xl font-bold text-slate-900"
@@ -16121,7 +16117,7 @@ const Bp = /* @__PURE__ */ Vt(rp, [["render", Tp]]), jp = { class: "min-h-screen
       illustrationClasses: re,
       iconContainerClasses: ne,
       detailsClasses: E,
-      codeClasses: H,
+      codeClasses: Y,
       titleClasses: b,
       messageClasses: $,
       actionsClasses: h,
@@ -16272,7 +16268,7 @@ function ry(e, a, t, n, r, o) {
               l("div", Zp, [
                 l("h3", ey, w(n.additionalInfoConfig.title), 1),
                 l("ul", ty, [
-                  (s(!0), i(Y, null, X(n.additionalInfoConfig.items, (u, d) => (s(), i("li", {
+                  (s(!0), i(H, null, X(n.additionalInfoConfig.items, (u, d) => (s(), i("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
@@ -16418,7 +16414,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
       const D = o.value;
       let L = -Math.PI / 2;
       return t.data.map((V, F) => {
-        const R = V || 0, re = (R / D * 100).toFixed(1), ne = R / D * 2 * Math.PI, E = L + ne, H = _(
+        const R = V || 0, re = (R / D * 100).toFixed(1), ne = R / D * 2 * Math.PI, E = L + ne, Y = _(
           d.value,
           c.value,
           x.value,
@@ -16428,7 +16424,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
         ), b = t.doughnut ? (x.value + C.value) / 2 : x.value * 0.7, $ = L + ne / 2, h = d.value + Math.cos($) * b, B = c.value + Math.sin($) * b, g = {
           value: R,
           percentage: re,
-          path: H,
+          path: Y,
           labelX: h,
           labelY: B,
           label: t.labels[F] || `Item ${F + 1}`,
@@ -16438,12 +16434,12 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
         return L = E, g;
       }).filter((V) => V.value > 0);
     }), _ = (D, L, V, F, R, re) => {
-      const ne = D + V * Math.cos(R), E = L + V * Math.sin(R), H = D + V * Math.cos(re), b = L + V * Math.sin(re), $ = re - R > Math.PI ? 1 : 0;
+      const ne = D + V * Math.cos(R), E = L + V * Math.sin(R), Y = D + V * Math.cos(re), b = L + V * Math.sin(re), $ = re - R > Math.PI ? 1 : 0;
       if (F === 0)
-        return `M ${D} ${L} L ${ne} ${E} A ${V} ${V} 0 ${$} 1 ${H} ${b} Z`;
+        return `M ${D} ${L} L ${ne} ${E} A ${V} ${V} 0 ${$} 1 ${Y} ${b} Z`;
       {
         const h = D + F * Math.cos(re), B = L + F * Math.sin(re), g = D + F * Math.cos(R), p = L + F * Math.sin(R);
-        return `M ${ne} ${E} A ${V} ${V} 0 ${$} 1 ${H} ${b} L ${h} ${B} A ${F} ${F} 0 ${$} 0 ${g} ${p} Z`;
+        return `M ${ne} ${E} A ${V} ${V} 0 ${$} 1 ${Y} ${b} L ${h} ${B} A ${F} ${F} 0 ${$} 0 ${g} ${p} Z`;
       }
     }, T = (D) => t.colors[D % t.colors.length], j = (D) => {
       if (t.legendPosition === "right")
@@ -16489,7 +16485,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
         class: "overflow-visible"
       }, [
         l("g", null, [
-          (s(!0), i(Y, null, X(A.value, (V, F) => (s(), i("path", {
+          (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("path", {
             key: `slice-${F}`,
             d: V.path,
             fill: T(F),
@@ -16525,7 +16521,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
           }, " Total ", 10, gy)
         ])) : v("", !0),
         e.showValues ? (s(), i("g", vy, [
-          (s(!0), i(Y, null, X(A.value, (V, F) => (s(), i("text", {
+          (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("text", {
             key: `value-${F}`,
             x: V.labelX,
             y: V.labelY,
@@ -16535,7 +16531,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
           }, w(e.showPercentages ? `${V.percentage}%` : V.value), 11, hy))), 128))
         ])) : v("", !0),
         e.showLegend ? (s(), i("g", by, [
-          (s(!0), i(Y, null, X(A.value, (V, F) => (s(), i("g", {
+          (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("g", {
             key: `legend-${F}`,
             transform: `translate(${j(F)}, ${M(F)})`
           }, [
@@ -16649,11 +16645,11 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
     });
     const x = () => {
       d.value = !d.value;
-    }, C = (E, H) => {
-      c.value[E] = H, n("customize", { ...c.value });
+    }, C = (E, Y) => {
+      c.value[E] = Y, n("customize", { ...c.value });
     }, A = U(null), _ = U(!1), T = (E) => {
       if (!_.value) return;
-      const H = {
+      const Y = {
         r: () => n("refresh"),
         R: () => n("refresh"),
         c: () => x(),
@@ -16663,7 +16659,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
         H: () => S.value = !S.value,
         "?": () => S.value = !S.value
       };
-      H[E.key] && (E.preventDefault(), H[E.key](), n("keypress", E.key));
+      Y[E.key] && (E.preventDefault(), Y[E.key](), n("keypress", E.key));
     }, j = () => {
       _.value = !0;
     }, M = () => {
@@ -16678,28 +16674,28 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
     const L = (E) => {
       if (!E.dataTransfer) return;
       z.value = !0, n("dragstart", t.id);
-      const H = E.target.getBoundingClientRect();
+      const Y = E.target.getBoundingClientRect();
       D = E.target.cloneNode(!0), Object.assign(D.style, {
         position: "fixed",
-        width: `${H.width}px`,
-        height: `${H.height}px`,
+        width: `${Y.width}px`,
+        height: `${Y.height}px`,
         pointerEvents: "none",
         opacity: "0.8",
         zIndex: "1000",
-        left: `${E.clientX - H.width / 2}px`,
-        top: `${E.clientY - H.height / 2}px`
-      }), document.body.appendChild(D), E.dataTransfer.setDragImage(D, H.width / 2, H.height / 2), E.dataTransfer.effectAllowed = "move", E.dataTransfer.setData("text/plain", t.id);
+        left: `${E.clientX - Y.width / 2}px`,
+        top: `${E.clientY - Y.height / 2}px`
+      }), document.body.appendChild(D), E.dataTransfer.setDragImage(D, Y.width / 2, Y.height / 2), E.dataTransfer.effectAllowed = "move", E.dataTransfer.setData("text/plain", t.id);
     }, V = (E) => {
       D && E.clientX && E.clientY && (D.style.left = `${E.clientX - D.offsetWidth / 2}px`, D.style.top = `${E.clientY - D.offsetHeight / 2}px`);
     }, F = () => {
       z.value = !1, n("dragend", t.id), D && (document.body.removeChild(D), D = null);
     }, R = y(() => {
       if (!t.chartType || !t.chartData) return null;
-      const E = t.chartData.datasets?.[0]?.data || t.chartData.data || [], H = t.chartData.labels || [], b = E.filter((p) => p != null && !isNaN(p));
+      const E = t.chartData.datasets?.[0]?.data || t.chartData.data || [], Y = t.chartData.labels || [], b = E.filter((p) => p != null && !isNaN(p));
       if (b.length === 0) return null;
       const $ = t.chartType === "pie" || t.chartType === "doughnut", h = $ ? 450 : 400, B = $ ? 450 : 400, g = {
         data: b,
-        labels: H.slice(0, b.length),
+        labels: Y.slice(0, b.length),
         width: h,
         height: B,
         ...t.chartOptions
@@ -16727,7 +16723,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
       window.addEventListener("dragover", V), window.addEventListener("keydown", T);
     }), Ne(() => {
       window.removeEventListener("dragover", V), window.removeEventListener("keydown", T), D && document.body.removeChild(D);
-    }), (E, H) => r.value ? (s(), i("div", {
+    }), (E, Y) => r.value ? (s(), i("div", {
       key: 0,
       ref_key: "widgetRef",
       ref: A,
@@ -16758,7 +16754,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
           l("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             title: "Keyboard shortcuts (?)",
-            onClick: H[0] || (H[0] = (b) => S.value = !S.value)
+            onClick: Y[0] || (Y[0] = (b) => S.value = !S.value)
           }, [
             P(Q, {
               icon: "circle-info",
@@ -16781,7 +16777,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
             disabled: e.loading,
             title: "Refresh (R)",
-            onClick: H[1] || (H[1] = (b) => E.$emit("refresh"))
+            onClick: Y[1] || (Y[1] = (b) => E.$emit("refresh"))
           }, [
             P(Q, {
               icon: "refresh",
@@ -16795,10 +16791,10 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
       ])) : v("", !0),
       d.value ? (s(), i("div", Ty, [
         l("div", By, [
-          H[4] || (H[4] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
+          Y[4] || (Y[4] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: H[2] || (H[2] = (b) => d.value = !1)
+            onClick: Y[2] || (Y[2] = (b) => d.value = !1)
           }, [
             P(Q, {
               icon: "x",
@@ -16807,7 +16803,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
           ])
         ]),
         l("div", jy, [
-          (s(!0), i(Y, null, X(e.customizationOptions, (b) => (s(), i("div", {
+          (s(!0), i(H, null, X(e.customizationOptions, (b) => (s(), i("div", {
             key: b.id,
             class: "flex items-center justify-between"
           }, [
@@ -16835,10 +16831,10 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
       ])) : v("", !0),
       S.value ? (s(), i("div", _y, [
         l("div", Ly, [
-          H[5] || (H[5] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
+          Y[5] || (Y[5] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: H[3] || (H[3] = (b) => S.value = !1)
+            onClick: Y[3] || (Y[3] = (b) => S.value = !1)
           }, [
             P(Q, {
               icon: "x",
@@ -16847,7 +16843,7 @@ const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-ful
           ])
         ]),
         l("div", Ey, [
-          (s(), i(Y, null, X(k, (b) => l("div", {
+          (s(), i(H, null, X(k, (b) => l("div", {
             key: b.key,
             class: "flex items-center justify-between text-sm"
           }, [
@@ -17401,7 +17397,7 @@ function vx(e, a, t, n, r, o) {
       l("div", s1, [
         r.viewMode === "year" ? (s(), i("div", r1, [
           l("div", l1, [
-            (s(!0), i(Y, null, X(o.yearViewMonths, (u) => (s(), i("div", {
+            (s(!0), i(H, null, X(o.yearViewMonths, (u) => (s(), i("div", {
               key: u.index,
               class: "bg-white rounded-lg border border-gray-200 overflow-hidden hover:shadow-lg transition-shadow cursor-pointer",
               onClick: (d) => o.selectMonthFromYear(u.index)
@@ -17411,13 +17407,13 @@ function vx(e, a, t, n, r, o) {
               ]),
               l("div", d1, [
                 l("div", c1, [
-                  (s(!0), i(Y, null, X(r.weekDaysShort, (d) => (s(), i("div", {
+                  (s(!0), i(H, null, X(r.weekDaysShort, (d) => (s(), i("div", {
                     key: d,
                     class: "text-center text-[10px] font-bold text-gray-600"
                   }, w(d), 1))), 128))
                 ]),
                 l("div", f1, [
-                  (s(!0), i(Y, null, X(u.days, (d, c) => (s(), i("div", {
+                  (s(!0), i(H, null, X(u.days, (d, c) => (s(), i("div", {
                     key: c,
                     class: m(["aspect-square flex items-center justify-center text-xs rounded-md relative transition-all hover:scale-110", [
                       // Base styles
@@ -17443,13 +17439,13 @@ function vx(e, a, t, n, r, o) {
         ])) : v("", !0),
         r.viewMode === "month" ? (s(), i("div", m1, [
           l("div", g1, [
-            (s(!0), i(Y, null, X(r.weekDays, (u) => (s(), i("div", {
+            (s(!0), i(H, null, X(r.weekDays, (u) => (s(), i("div", {
               key: u,
               class: "text-center text-xs font-semibold text-gray-600 py-3 uppercase tracking-wider"
             }, w(u), 1))), 128))
           ]),
           l("div", v1, [
-            (s(!0), i(Y, null, X(o.calendarDays, (u, d) => (s(), i("div", {
+            (s(!0), i(H, null, X(o.calendarDays, (u, d) => (s(), i("div", {
               key: d,
               class: m(["border-r border-b border-gray-200 p-1 min-h-[120px] relative cursor-pointer hover:bg-gray-50 transition-colors", [
                 u.isCurrentMonth ? "bg-white" : "bg-gray-50",
@@ -17467,7 +17463,7 @@ function vx(e, a, t, n, r, o) {
                 }, w(u.dayNumber), 3)
               ]),
               l("div", p1, [
-                (s(!0), i(Y, null, X(u.events.slice(0, 3), (c, x) => (s(), i("div", {
+                (s(!0), i(H, null, X(u.events.slice(0, 3), (c, x) => (s(), i("div", {
                   key: x,
                   class: m(["text-xs px-2 py-1 rounded cursor-pointer truncate border-l-2 text-white font-medium hover:opacity-90 transition-opacity", o.getEventColorClass(c.color)]),
                   onClick: $e((C) => o.selectEvent(c, u), ["stop"])
@@ -17479,7 +17475,7 @@ function vx(e, a, t, n, r, o) {
         ])) : r.viewMode === "week" ? (s(), i("div", w1, [
           l("div", k1, [
             a[10] || (a[10] = l("div", { class: "border-r border-gray-200 p-2" }, null, -1)),
-            (s(!0), i(Y, null, X(o.weekViewDays, (u) => (s(), i("div", {
+            (s(!0), i(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
               key: u.date,
               class: m(["text-center p-2 border-r border-gray-200", u.isToday ? "bg-blue-50" : ""])
             }, [
@@ -17493,11 +17489,11 @@ function vx(e, a, t, n, r, o) {
           ]),
           l("div", C1, [
             a[11] || (a[11] = l("div", { class: "border-r border-gray-200 px-2 py-1 text-xs text-gray-600 text-right flex items-center justify-end" }, " All Day ", -1)),
-            (s(!0), i(Y, null, X(o.weekViewDays, (u) => (s(), i("div", {
+            (s(!0), i(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
               key: "allday-" + u.date,
               class: m(["border-r border-gray-200 p-1 space-y-1", u.isToday ? "bg-blue-50 bg-opacity-30" : ""])
             }, [
-              (s(!0), i(Y, null, X(o.getAllDayEvents(u.events), (d) => (s(), i("div", {
+              (s(!0), i(H, null, X(o.getAllDayEvents(u.events), (d) => (s(), i("div", {
                 key: d.id,
                 class: m(["rounded border-l-2 p-1 text-xs font-medium text-white cursor-pointer hover:opacity-90 transition-opacity", o.getEventColorClass(d.color)]),
                 onClick: (c) => o.selectEvent(d, u)
@@ -17509,20 +17505,20 @@ function vx(e, a, t, n, r, o) {
           l("div", A1, [
             l("div", D1, [
               l("div", M1, [
-                (s(!0), i(Y, null, X(r.timeSlots, (u) => (s(), i("div", {
+                (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
                   key: u.time,
                   class: "h-16 border-b border-gray-200 px-2 py-1 text-xs text-gray-600 text-right"
                 }, w(u.display), 1))), 128))
               ]),
-              (s(!0), i(Y, null, X(o.weekViewDays, (u) => (s(), i("div", {
+              (s(!0), i(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
                 key: u.date,
                 class: "border-r border-gray-200 relative"
               }, [
-                (s(!0), i(Y, null, X(r.timeSlots, (d) => (s(), i("div", {
+                (s(!0), i(H, null, X(r.timeSlots, (d) => (s(), i("div", {
                   key: d.time,
                   class: m(["h-16 border-b border-gray-200 hover:bg-gray-50 transition-colors cursor-pointer relative", u.isToday ? "bg-blue-50 bg-opacity-30" : ""])
                 }, [
-                  (s(!0), i(Y, null, X(o.getEventsAtTime(u.events, d), (c) => (s(), i("div", {
+                  (s(!0), i(H, null, X(o.getEventsAtTime(u.events, d), (c) => (s(), i("div", {
                     key: c.id,
                     class: m(["absolute inset-x-1 top-1 bottom-1 rounded border-l-2 p-1 text-xs font-medium text-white cursor-pointer hover:opacity-90 transition-opacity overflow-hidden", o.getEventColorClass(c.color)]),
                     onClick: (x) => o.selectEvent(c, u)
@@ -17548,7 +17544,7 @@ function vx(e, a, t, n, r, o) {
           o.getAllDayEvents(o.dayViewDate.events).length > 0 ? (s(), i("div", _1, [
             a[12] || (a[12] = l("h4", { class: "text-xs font-semibold text-gray-600 uppercase tracking-wide mb-2" }, " All Day Events ", -1)),
             l("div", L1, [
-              (s(!0), i(Y, null, X(o.getAllDayEvents(o.dayViewDate.events), (u) => (s(), i("div", {
+              (s(!0), i(H, null, X(o.getAllDayEvents(o.dayViewDate.events), (u) => (s(), i("div", {
                 key: u.id,
                 class: m(["rounded border-l-4 p-3 text-sm font-medium text-white cursor-pointer hover:opacity-90 transition-opacity shadow-sm", o.getEventColorClass(u.color)]),
                 onClick: (d) => o.selectEvent(u, o.dayViewDate)
@@ -17561,17 +17557,17 @@ function vx(e, a, t, n, r, o) {
           l("div", R1, [
             l("div", U1, [
               l("div", q1, [
-                (s(!0), i(Y, null, X(r.timeSlots, (u) => (s(), i("div", {
+                (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
                   key: u.time,
                   class: "h-16 border-b border-gray-200 px-2 py-1 text-xs text-gray-600 text-right"
                 }, w(u.display), 1))), 128))
               ]),
               l("div", Y1, [
-                (s(!0), i(Y, null, X(r.timeSlots, (u) => (s(), i("div", {
+                (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
                   key: u.time,
                   class: m(["h-16 border-b border-gray-200 hover:bg-gray-50 transition-colors cursor-pointer relative", o.dayViewDate.isToday ? "bg-blue-50 bg-opacity-30" : ""])
                 }, [
-                  (s(!0), i(Y, null, X(o.getEventsAtTime(o.dayViewDate.events, u), (d) => (s(), i("div", {
+                  (s(!0), i(H, null, X(o.getEventsAtTime(o.dayViewDate.events, u), (d) => (s(), i("div", {
                     key: d.id,
                     class: m(["absolute inset-x-2 top-1 bottom-1 rounded border-l-4 p-2 text-sm font-medium text-white cursor-pointer hover:opacity-90 transition-opacity shadow-sm", o.getEventColorClass(d.color)]),
                     onClick: (c) => o.selectEvent(d, o.dayViewDate)
@@ -17805,21 +17801,21 @@ const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab61
       const R = (t.height - t.padding.bottom - F) / o.value * t.maxValue;
       return Math.round(R);
     }, z = (F) => F.charAt(0).toUpperCase() + F.slice(1), D = (F, R, re) => {
-      const ne = t.data[R], E = t.groupKeys[re], H = ne[E] || 0, b = t.labels[R] || `Item ${R + 1}`, $ = z(E);
+      const ne = t.data[R], E = t.groupKeys[re], Y = ne[E] || 0, b = t.labels[R] || `Item ${R + 1}`, $ = z(E);
       r.value = {
         visible: !0,
         x: F.clientX,
         y: F.clientY,
         label: b,
         barLabel: $,
-        value: H,
+        value: Y,
         color: S(re)
-      }, n("bar-hover", { dataIndex: R, barIndex: re, key: E, value: H, label: b });
+      }, n("bar-hover", { dataIndex: R, barIndex: re, key: E, value: Y, label: b });
     }, L = () => {
       r.value.visible = !1;
     }, V = (F, R) => {
-      const re = t.data[F], ne = t.groupKeys[R], E = re[ne] || 0, H = t.labels[F] || `Item ${F + 1}`;
-      n("bar-click", { dataIndex: F, barIndex: R, key: ne, value: E, label: H });
+      const re = t.data[F], ne = t.groupKeys[R], E = re[ne] || 0, Y = t.labels[F] || `Item ${F + 1}`;
+      n("bar-click", { dataIndex: F, barIndex: R, key: ne, value: E, label: Y });
     };
     return (F, R) => (s(), i("div", bx, [
       (s(), i("svg", {
@@ -17829,7 +17825,7 @@ const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab61
         class: "overflow-visible"
       }, [
         e.showGrid ? (s(), i("g", yx, [
-          (s(!0), i(Y, null, X(A.value, (re) => (s(), i("line", {
+          (s(!0), i(H, null, X(A.value, (re) => (s(), i("line", {
             key: `grid-${re}`,
             x1: e.padding.left,
             y1: re,
@@ -17842,7 +17838,7 @@ const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab61
           }, null, 8, xx))), 128))
         ])) : v("", !0),
         l("defs", null, [
-          (s(!0), i(Y, null, X(e.groupKeys, (re, ne) => (s(), i("linearGradient", {
+          (s(!0), i(H, null, X(e.groupKeys, (re, ne) => (s(), i("linearGradient", {
             id: `barGradient-${ne}`,
             key: `gradient-${ne}`,
             x1: "0%",
@@ -17863,28 +17859,28 @@ const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab61
           ], 8, wx))), 128))
         ]),
         l("g", null, [
-          (s(!0), i(Y, null, X(e.data, (re, ne) => (s(), i("g", {
+          (s(!0), i(H, null, X(e.data, (re, ne) => (s(), i("g", {
             key: `bar-group-${ne}`
           }, [
-            (s(!0), i(Y, null, X(e.groupKeys, (E, H) => (s(), i("rect", {
-              key: `bar-${ne}-${H}`,
-              x: T(ne, H),
+            (s(!0), i(H, null, X(e.groupKeys, (E, Y) => (s(), i("rect", {
+              key: `bar-${ne}-${Y}`,
+              x: T(ne, Y),
               y: j(re[E] || 0),
               width: x.value,
               height: M(re[E] || 0),
-              fill: `url(#barGradient-${H})`,
+              fill: `url(#barGradient-${Y})`,
               class: m(e.barClasses),
               rx: "4",
-              onMouseenter: (b) => D(b, ne, H),
+              onMouseenter: (b) => D(b, ne, Y),
               onMouseleave: L,
-              onClick: (b) => V(ne, H)
+              onClick: (b) => V(ne, Y)
             }, [
               l("animate", {
                 attributeName: "height",
                 from: 0,
                 to: M(re[E] || 0),
                 dur: "0.6s",
-                begin: `${H * 0.1}s`,
+                begin: `${Y * 0.1}s`,
                 fill: "freeze"
               }, null, 8, Sx),
               l("animate", {
@@ -17892,14 +17888,14 @@ const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab61
                 from: e.padding.top + o.value,
                 to: j(re[E] || 0),
                 dur: "0.6s",
-                begin: `${H * 0.1}s`,
+                begin: `${Y * 0.1}s`,
                 fill: "freeze"
               }, null, 8, zx)
             ], 42, Cx))), 128))
           ]))), 128))
         ]),
         e.showXAxis ? (s(), i("g", Ax, [
-          (s(!0), i(Y, null, X(e.labels, (re, ne) => (s(), i("text", {
+          (s(!0), i(H, null, X(e.labels, (re, ne) => (s(), i("text", {
             key: `xlabel-${ne}`,
             x: _(ne) + d.value / 2,
             y: e.height - e.padding.bottom + 20,
@@ -17916,7 +17912,7 @@ const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab61
           }, w(e.xAxisLabel), 9, Vx)
         ])) : v("", !0),
         e.showYAxis ? (s(), i("g", Fx, [
-          (s(!0), i(Y, null, X(A.value, (re) => (s(), i("text", {
+          (s(!0), i(H, null, X(A.value, (re) => (s(), i("text", {
             key: `ylabel-${re}`,
             x: e.padding.left - 10,
             y: re + 4,