@stlhorizon/vue-ui 3.25.10 → 3.25.11

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 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 { 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 { 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(H, null, X(x.value, (R) => (s(), i("button", {
+            (s(!0), i(Y, 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(H, null, X(e.actions, (z) => (s(), W(Se, {
+                  (s(!0), i(Y, 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(H, null, X(e.items, (u, d) => (s(), i("li", {
+        (s(!0), i(Y, 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 Y() {
+    function H() {
       r.value = !1;
     }
     function b() {
@@ -6860,7 +6860,7 @@ const Q = {
       r.value && ne();
     }
     function f(K) {
-      K.key === "Escape" && r.value && Y();
+      K.key === "Escape" && r.value && H();
     }
     return Oe(() => {
       document.addEventListener("keydown", f), window.addEventListener("resize", p);
@@ -6985,17 +6985,17 @@ const Q = {
                 ])])
               ]),
               l("div", od, [
-                (s(), i(H, null, X(_, (ce) => l("div", {
+                (s(), i(Y, 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(H, null, X(S.value, (ce, ae) => (s(), i("div", {
+                (s(!0), i(Y, 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(H, null, X(j.value, (ce) => (s(), i("button", {
+                (s(!0), i(Y, 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(H, null, X(k.value, (ce, ae) => (s(), i("div", {
+                (s(!0), i(Y, 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: Y
+          onClick: H
         })) : 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), 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));
+        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));
         }, 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(H, null, X(d.value, (V, F) => (s(), i("div", {
+        (s(!0), i(Y, 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(H, null, X(r.value, (V, F) => (s(), i("div", {
+        (s(!0), i(Y, 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(H, null, X(Z(t), (S) => (s(), i("div", {
+            (s(!0), i(Y, 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 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;
+      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;
       }, 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 Y = new RegExp(`(${o.modelValue})`, "gi");
-      return E.replace(Y, "$1");
+      const H = new RegExp(`(${o.modelValue})`, "gi");
+      return E.replace(H, "$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, Y) => (s(), i("div", {
+    }), ye(() => o.results, () => C.value = -1), (E, H) => (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(H, null, X(e.results, (b, $) => (s(), i("button", {
+              (s(!0), i(Y, 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(H, null, X(o.value, (C, A) => (s(), i("button", {
+        (s(!0), i(Y, 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(H, null, X(e.items, (L, V) => (s(), i("div", {
+      (s(!0), i(Y, 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 Y(b) {
+    function H(b) {
       b.key === "Escape" && r.value && V();
     }
     return Oe(() => {
-      document.addEventListener("keydown", Y);
+      document.addEventListener("keydown", H);
     }), Tn(() => {
-      document.removeEventListener("keydown", Y);
+      document.removeEventListener("keydown", H);
     }), (b, $) => (s(), i("div", of, [
       l("div", uf, [
         l("input", {
@@ -9135,17 +9135,17 @@ const dc = {
               ])])
             ]),
             l("div", mf, [
-              (s(), i(H, null, X(x, (h) => l("div", {
+              (s(), i(Y, 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(H, null, X(T.value, (h, B) => (s(), i("div", {
+              (s(!0), i(Y, 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(H, null, X(A.value, (h) => (s(), i("button", {
+              (s(!0), i(Y, 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(H, null, X(j.value, (h, B) => (s(), i("div", {
+              (s(!0), i(Y, 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(H, null, X(C.value, (V) => (s(), i("line", {
+          (s(!0), i(Y, 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(H, null, X(e.data, (V, F) => (s(), i("linearGradient", {
+          (s(!0), i(Y, 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(H, null, X(e.data, (V, F) => (s(), i("rect", {
+          (s(!0), i(Y, 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(H, null, X(e.labels, (V, F) => (s(), i("text", {
+          (s(!0), i(Y, 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(H, null, X(C.value, (V) => (s(), i("text", {
+          (s(!0), i(Y, 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(H, null, X(x.value, (k) => (s(), i("line", {
+          (s(!0), i(Y, 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(H, null, X(u.value, (k, z) => (s(), i("circle", {
+          (s(!0), i(Y, 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(H, null, X(e.labels, (k, z) => (s(), i("text", {
+          (s(!0), i(Y, 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(H, null, X(x.value, (k) => (s(), i("text", {
+          (s(!0), i(Y, 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((Y) => Y.value === d.value);
+        const E = t.dataSources.find((H) => H.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] = (Y) => r.value = Y),
+              "onUpdate:modelValue": E[0] || (E[0] = (H) => r.value = H),
               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] = (Y) => o.value = Y),
+              "onUpdate:modelValue": E[1] || (E[1] = (H) => o.value = H),
               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] = (Y) => u.value = Y),
+              "onUpdate:modelValue": E[2] || (E[2] = (H) => u.value = H),
               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] = (Y) => d.value = Y),
+              "onUpdate:modelValue": E[3] || (E[3] = (H) => d.value = H),
               class: m(T.value),
               onChange: F
             }, {
               default: J(() => [
                 E[8] || (E[8] = l("option", { value: "" }, " All Sources ", -1)),
-                (s(!0), i(H, null, X(e.dataSources, (Y) => (s(), i("option", {
-                  key: Y.value,
-                  value: Y.value
-                }, w(Y.label), 9, pm))), 128))
+                (s(!0), i(Y, null, X(e.dataSources, (H) => (s(), i("option", {
+                  key: H.value,
+                  value: H.value
+                }, w(H.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] = (Y) => ne.$emit("export"))
+            onClick: E[4] || (E[4] = (H) => 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] = (Y) => ne.$emit("refresh"))
+            onClick: E[5] || (E[5] = (H) => 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(H, null, X(C.value, (Y) => (s(), i("div", {
-            key: Y.key,
+          (s(!0), i(Y, null, X(C.value, (H) => (s(), i("div", {
+            key: H.key,
             class: m(D.value)
           }, [
             P(Q, {
-              icon: Y.icon,
+              icon: H.icon,
               class: "w-3 h-3"
             }, null, 8, ["icon"]),
-            l("span", null, w(Y.label) + ": " + w(Y.value), 1),
+            l("span", null, w(H.label) + ": " + w(H.value), 1),
             l("button", {
               class: m(L.value),
-              onClick: (b) => re(Y.key)
+              onClick: (b) => re(H.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(H, null, X(e.pageSizeOptions, (M) => (s(), W(Es, {
+                (s(!0), i(Y, 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(H, null, X(c.value, (M) => (s(), i("button", {
+              (s(!0), i(Y, 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(H, null, X(3, (n) => l("div", {
+          (s(), i(Y, 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(H, null, X(2, (n) => l("div", {
+          (s(), i(Y, 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(H, null, X(5, (n) => l("div", {
+          (s(), i(Y, 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(H, null, X(3, (n) => l("div", {
+          (s(), i(Y, 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 = Y(de, le), it = Y(Fe, le);
+          const ge = H(de, le), it = H(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;
-    }), 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(
+    }), 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(
       (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 = Y(G, le);
+      const de = H(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(H, null, X(e.columns, (de) => (s(), i("th", {
+                (s(!0), i(Y, 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(H, { key: 0 }, X(e.skeletonRows, (de) => (s(), i("tr", {
+              e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), i(Y, { 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(H, null, X(e.columns, (Fe) => (s(), i("td", {
+                (s(!0), i(Y, 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(H, { key: 1 }, X(k.value, (de, Fe) => (s(), i("tr", {
+              ]))), 128)) : k.value.length > 0 ? (s(!0), i(Y, { 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(H, null, X(e.columns, (ge) => (s(), i("td", {
+                (s(!0), i(Y, null, X(e.columns, (ge) => (s(), i("td", {
                   key: ge.key,
                   class: m(ze())
                 }, [
                   q(G.$slots, `cell-${ge.key}`, {
                     item: de,
-                    value: Y(de, ge),
+                    value: H(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(H, null, X(L(de), (ge) => (s(), W(Ns, {
+                    (s(!0), i(Y, 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(H, null, X(e.columns, (k) => (s(), i("td", {
+      (s(!0), i(Y, 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);
-    }, 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) => {
+    }, 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) => {
       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(H, null, [
+    return (se, I) => (s(), i(Y, null, [
       l("div", w0, [
         l("div", {
           class: m(ce.value)
@@ -12069,7 +12069,7 @@ const dc = {
               ], 2)) : v("", !0)
             ])
           ])) : v("", !0),
-          (s(!0), i(H, null, X(e.selectFilters, (N) => (s(), i("div", {
+          (s(!0), i(Y, 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(H, null, X(N.options, (ue) => (s(), i("option", {
+                  (s(!0), i(Y, 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(H, null, X(e.statusOptions, (N) => (s(), i("option", {
+                  (s(!0), i(Y, 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(H, null, X(e.dateFilters, (N) => (s(), i("div", {
+            (s(!0), i(Y, 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(H, null, X(e.numberFilters, (N) => (s(), i("div", {
+            (s(!0), i(Y, 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(H, null, X(e.multiSelectFilters, (N) => (s(), i("div", {
+            (s(!0), i(Y, 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(Y(N) ? `${N.selected.length} selected` : "None"), 3)
+                }, w(H(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(H, null, X(N.options, (ue) => (s(), i("option", {
+                    (s(!0), i(Y, 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(H, null, X(N.selected, (ue) => (s(), i("span", {
+                (s(!0), i(Y, 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(H, null, X(ie.value, (N) => (s(), i("div", {
+            (s(!0), i(Y, 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"
-    })), Y = () => O("w-4 h-4", {
+    })), H = () => 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(H, null, X(e.bulkActions, (p) => (s(), W(Se, {
+              (s(!0), i(Y, 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(H, null, X(c, (p) => l("button", {
+            (s(), i(Y, 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(H, null, X(e.toggleableColumns, (p) => (s(), i("div", {
+                  (s(!0), i(Y, 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(Y())
+              class: m(H())
             }, 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;
-    }, Y = (h) => {
+    }, H = (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(H, null, X(e.organisations, (p) => (s(), i("button", {
+                      (s(!0), i(Y, 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(H, { key: 1 }, X(e.notifications, (p) => (s(), i("div", {
+                    ])) : (s(!0), i(Y, { 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(Y(p.model)), 1)
+                              l("span", _v, w(H(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(H, null, X(e.profileMenuItems, (p) => (s(), i(H, {
+                      (s(!0), i(Y, null, X(e.profileMenuItems, (p) => (s(), i(Y, {
                         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(H, null, X(C.value, (D) => (s(), W(Ls, {
+          (s(!0), i(Y, 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(H, null, X(d.value, (D) => (s(), i("button", {
+                (s(!0), i(Y, 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) }]),
@@ -13669,31 +13669,31 @@ const dc = {
       ]))
     ]));
   }
-}, gh = { class: "mb-6" }, vh = { class: "text-xl font-semibold text-gray-900" }, hh = { class: "text-sm text-gray-600 mt-1" }, bh = ["value"], ph = {
+}, gh = { class: "mb-6" }, vh = { class: "text-xl font-semibold text-gray-900" }, hh = { class: "text-sm text-gray-600 mt-1" }, bh = { class: "grid grid-cols-12 gap-6" }, ph = ["value"], yh = {
   key: 5,
   class: "flex items-center"
-}, yh = {
+}, xh = {
   key: 6,
   class: "flex items-center"
-}, xh = ["id", "aria-checked", "disabled", "onClick"], wh = {
+}, wh = ["id", "aria-checked", "disabled", "onClick"], kh = {
   key: 7,
   class: "space-y-2"
-}, kh = {
+}, $h = {
   key: 8,
   class: "w-full"
-}, $h = {
+}, Ch = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, Ch = {
+}, Sh = {
   key: 9,
   class: "w-full"
-}, Sh = {
+}, zh = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, zh = {
+}, Ah = {
   key: 11,
   class: "space-y-2"
-}, Ah = { class: "flex items-center gap-4" }, Dh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Mh = { class: "flex justify-end gap-3 pt-6" }, Vh = {
+}, Dh = { class: "flex items-center gap-4" }, Mh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Vh = { class: "flex justify-end gap-3 pt-6" }, Fh = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -13919,7 +13919,7 @@ const dc = {
         } catch (h) {
           console.error("Error in onChange handler:", h);
         }
-    }, Y = (b, $) => {
+    }, H = (b, $) => {
       if (R(b.name, $), b.onChange && typeof b.onChange == "function")
         try {
           b.onChange($, u.value);
@@ -13943,256 +13943,263 @@ const dc = {
           l("p", hh, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         l("form", {
-          class: "space-y-6 overflow-y-auto",
+          class: "overflow-y-auto",
           onSubmit: $e(D, ["prevent"])
         }, [
-          (s(!0), i(H, null, X(e.fields, (h) => (s(), i("div", {
-            key: h.name
-          }, [
-            h.type === "hidden" ? (s(), i("input", {
-              key: 0,
-              value: F(h.name),
-              type: "hidden"
-            }, null, 8, bh)) : (s(), W(qa, {
-              key: 1,
-              id: `form-${e.entityName}-${h.name}-${Math.random().toString(36).slice(2, 5)}`,
-              label: h.label,
-              required: h.required && !h.disabled,
-              error: d.value[h.name],
-              "error-message": d.value[h.name]
-            }, {
-              default: J(({ fieldId: B, hasError: g, ariaDescribedBy: p }) => [
-                ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(h.type) ? (s(), W(Ae, {
-                  key: 0,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: h.type,
-                  placeholder: h.placeholder,
-                  disabled: o.value || h.disabled,
-                  readonly: h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "textarea" ? (s(), W(Ua, {
-                  key: 1,
-                  id: B,
-                  "model-value": F(h.name),
-                  placeholder: h.placeholder,
-                  disabled: o.value || h.disabled,
-                  rows: h.rows || 3,
-                  class: m([
-                    "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
-                    g ? "border-red-500" : "border-slate-300"
-                  ]),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "placeholder", "disabled", "rows", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "select" ? (s(), W(Ye, {
-                  key: 2,
-                  id: B,
-                  "model-value": F(h.name),
-                  options: h.options,
-                  placeholder: h.placeholder || "Select an option",
-                  disabled: o.value || h.disabled,
-                  "has-error": g,
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => k(h, f)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "multiselect" ? (s(), W(Ws, {
-                  key: 3,
-                  id: B,
-                  "model-value": F(h.name),
-                  options: h.options,
-                  disabled: o.value || h.disabled,
-                  placeholder: h.placeholder || "Select options",
-                  "has-error": g,
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "combobox" ? (s(), W(Ye, {
-                  key: 4,
-                  id: B,
-                  "model-value": F(h.name),
-                  options: h.options,
-                  placeholder: h.placeholder || "Select or type to add new",
-                  disabled: o.value || h.disabled,
-                  "has-error": g,
-                  "aria-describedby": p,
-                  "allow-create": h.allowCreate,
-                  "onUpdate:modelValue": (f) => k(h, f)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : h.type === "checkbox" ? (s(), i("div", ph, [
-                  P(Ae, {
+          l("div", bh, [
+            (s(!0), i(Y, null, X(e.fields, (h) => (s(), i("div", {
+              key: h.name,
+              class: m(h.wrapperClass || "col-span-12")
+            }, [
+              h.type === "hidden" ? (s(), i("input", {
+                key: 0,
+                value: F(h.name),
+                type: "hidden"
+              }, null, 8, ph)) : (s(), W(qa, {
+                key: 1,
+                id: `form-${e.entityName}-${h.name}-${Math.random().toString(36).slice(2, 5)}`,
+                label: h.label,
+                required: h.required && !h.disabled,
+                error: d.value[h.name],
+                "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,
                     "model-value": F(h.name),
-                    type: "checkbox",
+                    type: h.type,
+                    placeholder: h.placeholder,
                     disabled: o.value || h.disabled,
-                    class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
+                    readonly: h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
                     "aria-describedby": p,
                     "onUpdate:modelValue": (f) => R(h.name, f)
-                  }, null, 8, ["id", "model-value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
-                  P(Qe, {
-                    for: B,
-                    class: "ml-2 text-sm text-gray-700"
-                  }, {
-                    default: J(() => [
-                      oe(w(h.checkboxLabel || h.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["for"])
-                ])) : h.type === "switch" ? (s(), i("div", yh, [
-                  l("button", {
+                  }, null, 8, ["id", "model-value", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "textarea" ? (s(), W(Ua, {
+                    key: 1,
                     id: B,
-                    type: "button",
-                    role: "switch",
-                    "aria-checked": F(h.name),
+                    "model-value": F(h.name),
+                    placeholder: h.placeholder,
                     disabled: o.value || h.disabled,
+                    rows: h.rows || 3,
                     class: m([
-                      "relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
-                      F(h.name) ? "bg-blue-600" : "bg-gray-200",
-                      o.value || h.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+                      "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
+                      g ? "border-red-500" : "border-slate-300"
                     ]),
-                    onClick: (f) => R(h.name, !F(h.name))
-                  }, [
-                    l("span", {
-                      class: m([
-                        "inline-block h-4 w-4 transform rounded-full bg-white transition-transform",
-                        F(h.name) ? "translate-x-6" : "translate-x-1"
-                      ])
-                    }, null, 2)
-                  ], 10, xh),
-                  P(Qe, {
-                    for: B,
-                    class: "ml-3 text-sm text-gray-700"
-                  }, {
-                    default: J(() => [
-                      oe(w(h.checkboxLabel || h.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["for"])
-                ])) : h.type === "radio" ? (s(), i("div", wh, [
-                  (s(!0), i(H, null, X(h.options, (f) => (s(), i("div", {
-                    key: f.value,
-                    class: "flex items-center"
-                  }, [
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "placeholder", "disabled", "rows", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "select" ? (s(), W(Ye, {
+                    key: 2,
+                    id: B,
+                    "model-value": F(h.name),
+                    options: h.options,
+                    placeholder: h.placeholder || "Select an option",
+                    disabled: o.value || h.disabled,
+                    "has-error": g,
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => k(h, f)
+                  }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "multiselect" ? (s(), W(Ws, {
+                    key: 3,
+                    id: B,
+                    "model-value": F(h.name),
+                    options: h.options,
+                    disabled: o.value || h.disabled,
+                    placeholder: h.placeholder || "Select options",
+                    "has-error": g,
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "combobox" ? (s(), W(Ye, {
+                    key: 4,
+                    id: B,
+                    "model-value": F(h.name),
+                    options: h.options,
+                    placeholder: h.placeholder || "Select or type to add new",
+                    disabled: o.value || h.disabled,
+                    "has-error": g,
+                    "aria-describedby": p,
+                    "allow-create": h.allowCreate,
+                    "onUpdate:modelValue": (f) => k(h, f)
+                  }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : h.type === "checkbox" ? (s(), i("div", yh, [
                     P(Ae, {
-                      id: `${B}-${f.value}`,
+                      id: B,
                       "model-value": F(h.name),
-                      type: "radio",
-                      value: f.value,
+                      type: "checkbox",
                       disabled: o.value || h.disabled,
-                      class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
+                      class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
                       "aria-describedby": p,
-                      "onUpdate:modelValue": (K) => R(h.name, K)
-                    }, null, 8, ["id", "model-value", "value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
+                      "onUpdate:modelValue": (f) => R(h.name, f)
+                    }, null, 8, ["id", "model-value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
                     P(Qe, {
-                      for: `${B}-${f.value}`,
+                      for: B,
                       class: "ml-2 text-sm text-gray-700"
                     }, {
                       default: J(() => [
-                        oe(w(f.label), 1)
+                        oe(w(h.checkboxLabel || h.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["for"])
-                  ]))), 128))
-                ])) : h.type === "file" ? (s(), i("div", kh, [
-                  P(qt, {
-                    multiple: !1,
-                    accept: h.accept,
-                    "max-size": h.maxSize,
-                    variant: h.variant || "default",
-                    onFilesSelected: (f) => re(h, f),
-                    onFileRemoved: (f) => ne(h, f)
-                  }, null, 8, ["accept", "max-size", "variant", "onFilesSelected", "onFileRemoved"]),
-                  h.helpText ? (s(), i("p", $h, w(h.helpText), 1)) : v("", !0)
-                ])) : h.type === "multifile" ? (s(), i("div", Ch, [
-                  P(qt, {
-                    multiple: h.multiple !== !1,
-                    accept: h.accept,
-                    "max-size": h.maxSize,
-                    "max-files": h.maxFiles,
-                    variant: h.variant || "default",
-                    onFilesSelected: (f) => E(h, f),
-                    onFileRemoved: (f) => Y(h, f)
-                  }, null, 8, ["multiple", "accept", "max-size", "max-files", "variant", "onFilesSelected", "onFileRemoved"]),
-                  h.helpText ? (s(), i("p", Sh, w(h.helpText), 1)) : v("", !0)
-                ])) : h.type === "slider" ? (s(), W(Ha, {
-                  key: 10,
-                  "model-value": F(h.name),
-                  min: h.min,
-                  max: h.max,
-                  step: h.step,
-                  disabled: o.value || h.disabled,
-                  "onUpdate:modelValue": (f) => z(h, f)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : h.type === "range" ? (s(), i("div", zh, [
-                  l("div", Ah, [
-                    P(Ae, {
+                  ])) : h.type === "switch" ? (s(), i("div", xh, [
+                    l("button", {
                       id: B,
-                      "model-value": F(h.name),
-                      type: "range",
-                      min: h.min,
-                      max: h.max,
-                      step: h.step || 1,
+                      type: "button",
+                      role: "switch",
+                      "aria-checked": F(h.name),
                       disabled: o.value || h.disabled,
-                      class: "flex-1",
-                      "aria-describedby": p,
-                      "onUpdate:modelValue": (f) => R(h.name, f)
-                    }, null, 8, ["id", "model-value", "min", "max", "step", "disabled", "aria-describedby", "onUpdate:modelValue"]),
-                    l("span", Dh, w(F(h.name)), 1)
-                  ])
-                ])) : h.type === "date" ? (s(), W(Xt, {
-                  key: 12,
-                  id: B,
-                  "model-value": F(h.name),
-                  disabled: o.value || h.disabled,
-                  required: h.required,
-                  min: h.min,
-                  max: h.max,
-                  placeholder: h.placeholder || "Select date",
-                  format: h.format || "MM/DD/YYYY",
-                  clearable: h.clearable !== !1,
-                  "show-today": h.showToday !== !1,
-                  "calendar-position": h.calendarPosition || "left-0 bottom-full",
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "show-today", "calendar-position", "aria-describedby", "onUpdate:modelValue"])) : h.type === "time" ? (s(), W(Ae, {
-                  key: 13,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "time",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "datetime-local" ? (s(), W(Ae, {
-                  key: 14,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "datetime-local",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "month" ? (s(), W(Ae, {
-                  key: 15,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "month",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "week" ? (s(), W(Ae, {
-                  key: 16,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "week",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : v("", !0)
-              ]),
-              _: 2
-            }, 1032, ["id", "label", "required", "error", "error-message"]))
-          ]))), 128)),
-          l("div", Mh, [
+                      class: m([
+                        "relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
+                        F(h.name) ? "bg-blue-600" : "bg-gray-200",
+                        o.value || h.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+                      ]),
+                      onClick: (f) => R(h.name, !F(h.name))
+                    }, [
+                      l("span", {
+                        class: m([
+                          "inline-block h-4 w-4 transform rounded-full bg-white transition-transform",
+                          F(h.name) ? "translate-x-6" : "translate-x-1"
+                        ])
+                      }, null, 2)
+                    ], 10, wh),
+                    P(Qe, {
+                      for: B,
+                      class: "ml-3 text-sm text-gray-700"
+                    }, {
+                      default: J(() => [
+                        oe(w(h.checkboxLabel || h.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["for"])
+                  ])) : h.type === "radio" ? (s(), i("div", kh, [
+                    (s(!0), i(Y, null, X(h.options, (f) => (s(), i("div", {
+                      key: f.value,
+                      class: "flex items-center"
+                    }, [
+                      P(Ae, {
+                        id: `${B}-${f.value}`,
+                        "model-value": F(h.name),
+                        type: "radio",
+                        value: f.value,
+                        disabled: o.value || h.disabled,
+                        class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
+                        "aria-describedby": p,
+                        "onUpdate:modelValue": (K) => R(h.name, K)
+                      }, null, 8, ["id", "model-value", "value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
+                      P(Qe, {
+                        for: `${B}-${f.value}`,
+                        class: "ml-2 text-sm text-gray-700"
+                      }, {
+                        default: J(() => [
+                          oe(w(f.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["for"])
+                    ]))), 128))
+                  ])) : h.type === "file" ? (s(), i("div", $h, [
+                    P(qt, {
+                      multiple: !1,
+                      accept: h.accept,
+                      "max-size": h.maxSize,
+                      variant: h.variant || "default",
+                      onFilesSelected: (f) => re(h, f),
+                      onFileRemoved: (f) => ne(h, f)
+                    }, null, 8, ["accept", "max-size", "variant", "onFilesSelected", "onFileRemoved"]),
+                    h.helpText ? (s(), i("p", Ch, w(h.helpText), 1)) : v("", !0)
+                  ])) : h.type === "multifile" ? (s(), i("div", Sh, [
+                    P(qt, {
+                      multiple: h.multiple !== !1,
+                      accept: h.accept,
+                      "max-size": h.maxSize,
+                      "max-files": h.maxFiles,
+                      variant: h.variant || "default",
+                      onFilesSelected: (f) => E(h, f),
+                      onFileRemoved: (f) => H(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, {
+                    key: 10,
+                    "model-value": F(h.name),
+                    min: h.min,
+                    max: h.max,
+                    step: h.step,
+                    disabled: o.value || h.disabled,
+                    "onUpdate:modelValue": (f) => z(h, f)
+                  }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : h.type === "range" ? (s(), i("div", Ah, [
+                    l("div", Dh, [
+                      P(Ae, {
+                        id: B,
+                        "model-value": F(h.name),
+                        type: "range",
+                        min: h.min,
+                        max: h.max,
+                        step: h.step || 1,
+                        disabled: o.value || h.disabled,
+                        class: "flex-1",
+                        "aria-describedby": p,
+                        "onUpdate:modelValue": (f) => R(h.name, f)
+                      }, null, 8, ["id", "model-value", "min", "max", "step", "disabled", "aria-describedby", "onUpdate:modelValue"]),
+                      l("span", Mh, w(F(h.name)), 1)
+                    ])
+                  ])) : h.type === "date" ? (s(), W(Xt, {
+                    key: 12,
+                    id: B,
+                    "model-value": F(h.name),
+                    disabled: o.value || h.disabled,
+                    required: h.required,
+                    min: h.min,
+                    max: h.max,
+                    placeholder: h.placeholder || "Select date",
+                    format: h.format || "MM/DD/YYYY",
+                    clearable: h.clearable !== !1,
+                    "show-today": h.showToday !== !1,
+                    "calendar-position": h.calendarPosition || "left-0 bottom-full",
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "show-today", "calendar-position", "aria-describedby", "onUpdate:modelValue"])) : h.type === "time" ? (s(), W(Ae, {
+                    key: 13,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "time",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "datetime-local" ? (s(), W(Ae, {
+                    key: 14,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "datetime-local",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "month" ? (s(), W(Ae, {
+                    key: 15,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "month",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "week" ? (s(), W(Ae, {
+                    key: 16,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "week",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : v("", !0)
+                ]),
+                _: 2
+              }, 1032, ["id", "label", "required", "error", "error-message"]))
+            ], 2))), 128))
+          ]),
+          l("div", Vh, [
             P(Se, {
               type: "button",
               variant: "outline",
@@ -14221,72 +14228,72 @@ const dc = {
       _: 1
     }, 8, ["modelValue", "size", "class", "resizable"]));
   }
-}, Fh = { class: "w-full p-2" }, Th = {
+}, Th = { class: "w-full p-2" }, Bh = {
   key: 0,
   class: "mb-6"
-}, Bh = { class: "text-xl font-semibold text-gray-900" }, jh = {
+}, jh = { class: "text-xl font-semibold text-gray-900" }, Ph = {
   key: 0,
   class: "text-sm text-gray-600 mt-1"
-}, Ph = ["onUpdate:modelValue"], Oh = {
+}, Oh = ["onUpdate:modelValue"], _h = {
   key: 4,
   class: "flex items-center"
-}, _h = {
+}, Lh = {
   key: 5,
   class: "flex items-center"
-}, Lh = ["id", "aria-checked", "disabled", "onClick"], Eh = {
+}, Eh = ["id", "aria-checked", "disabled", "onClick"], Ih = {
   key: 6,
   class: "space-y-2"
-}, Ih = {
+}, Nh = {
   key: 7,
   class: "space-y-2"
-}, Nh = {
+}, Rh = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Rh = {
+}, Uh = {
   key: 8,
   class: "space-y-3"
-}, Uh = ["onDrop", "onDragenter", "onDragleave", "onClick"], qh = ["multiple", "accept", "disabled", "onChange"], Yh = { class: "flex items-center justify-center px-4 py-4" }, Hh = { class: "flex flex-col" }, Wh = { class: "text-xs text-gray-500" }, Gh = {
+}, qh = ["onDrop", "onDragenter", "onDragleave", "onClick"], Yh = ["multiple", "accept", "disabled", "onChange"], Hh = { class: "flex items-center justify-center px-4 py-4" }, Wh = { class: "flex flex-col" }, Gh = { class: "text-xs text-gray-500" }, Kh = {
   key: 0,
   class: "ml-1"
-}, Kh = {
+}, Xh = {
   key: 1,
   class: "ml-1"
-}, Xh = {
+}, Jh = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Jh = {
+}, Qh = {
   key: 1,
   class: "space-y-2"
-}, Qh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Zh = { class: "relative h-10 w-10 shrink-0" }, eb = {
+}, Zh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, eb = { class: "relative h-10 w-10 shrink-0" }, tb = {
   class: "h-10 w-10 text-gray-300",
   viewBox: "0 0 36 36"
-}, tb = ["stroke-dasharray"], ab = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, nb = { class: "flex flex-col min-w-0" }, sb = { class: "text-sm font-medium text-gray-900 truncate" }, rb = ["onClick"], lb = {
+}, ab = ["stroke-dasharray"], nb = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, sb = { class: "flex flex-col min-w-0" }, rb = { class: "text-sm font-medium text-gray-900 truncate" }, lb = ["onClick"], ob = {
   key: 2,
   class: "space-y-2"
-}, ob = { class: "flex items-center space-x-3 flex-1 min-w-0" }, ib = {
+}, ib = { class: "flex items-center space-x-3 flex-1 min-w-0" }, ub = {
   class: "h-5 w-5",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, ub = {
+}, db = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
-}, db = {
+}, cb = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
-}, cb = { class: "flex flex-col min-w-0" }, fb = { class: "text-sm font-medium text-gray-900 truncate" }, mb = { class: "text-xs text-gray-500" }, gb = ["disabled", "onClick"], vb = {
+}, fb = { class: "flex flex-col min-w-0" }, mb = { class: "text-sm font-medium text-gray-900 truncate" }, gb = { class: "text-xs text-gray-500" }, vb = ["disabled", "onClick"], hb = {
   key: 3,
   class: "text-xs text-blue-600 font-medium"
-}, hb = { key: 0 }, bb = {
+}, bb = { key: 0 }, pb = {
   key: 10,
   class: "space-y-2"
-}, pb = { class: "flex items-center gap-4" }, yb = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, xb = { class: "flex justify-end gap-3 pt-6" }, wb = {
+}, yb = { class: "flex items-center gap-4" }, xb = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, wb = { class: "flex justify-end gap-3 pt-6" }, kb = {
   __name: "ReusableForm",
   props: {
     title: {
@@ -14493,7 +14500,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];
-    }, Y = (g) => {
+    }, H = (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) => {
@@ -14525,23 +14532,23 @@ const dc = {
     }, B = () => {
       n("cancel");
     };
-    return (g, p) => (s(), i("div", Fh, [
-      e.title ? (s(), i("div", Th, [
-        l("h2", Bh, w(e.title), 1),
-        e.description ? (s(), i("p", jh, w(e.description), 1)) : v("", !0)
+    return (g, p) => (s(), i("div", Th, [
+      e.title ? (s(), i("div", Bh, [
+        l("h2", jh, w(e.title), 1),
+        e.description ? (s(), i("p", Ph, w(e.description), 1)) : v("", !0)
       ])) : v("", !0),
       l("form", {
         class: "space-y-6",
         onSubmit: $e($, ["prevent"])
       }, [
-        (s(!0), i(H, null, X(e.fields, (f) => (s(), i("div", {
+        (s(!0), i(Y, null, X(e.fields, (f) => (s(), i("div", {
           key: f.name
         }, [
           f.type === "hidden" ? Ge((s(), i("input", {
             key: 0,
             "onUpdate:modelValue": (K) => o.value[f.name] = K,
             type: "hidden"
-          }, null, 8, Ph)), [
+          }, null, 8, Oh)), [
             [rt, o.value[f.name]]
           ]) : (s(), W(qa, {
             key: 1,
@@ -14596,7 +14603,7 @@ const dc = {
                 "has-error": ie,
                 "aria-describedby": ce,
                 "onUpdate:modelValue": (ae) => o.value[f.name] = ae
-              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), i("div", Oh, [
+              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), i("div", _h, [
                 P(Ae, {
                   id: K,
                   modelValue: o.value[f.name],
@@ -14615,7 +14622,7 @@ const dc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : f.type === "switch" ? (s(), i("div", _h, [
+              ])) : f.type === "switch" ? (s(), i("div", Lh, [
                 l("button", {
                   id: K,
                   type: "button",
@@ -14635,7 +14642,7 @@ const dc = {
                       o.value[f.name] ? "translate-x-6" : "translate-x-1"
                     ])
                   }, null, 2)
-                ], 10, Lh),
+                ], 10, Eh),
                 P(Qe, {
                   for: K,
                   class: "ml-3 text-sm text-gray-700"
@@ -14645,8 +14652,8 @@ const dc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : f.type === "radio" ? (s(), i("div", Eh, [
-                (s(!0), i(H, null, X(f.options, (ae) => (s(), i("div", {
+              ])) : f.type === "radio" ? (s(), i("div", Ih, [
+                (s(!0), i(Y, null, X(f.options, (ae) => (s(), i("div", {
                   key: ae.value,
                   class: "flex items-center"
                 }, [
@@ -14670,7 +14677,7 @@ const dc = {
                     _: 2
                   }, 1032, ["for"])
                 ]))), 128))
-              ])) : f.type === "file" ? (s(), i("div", Ih, [
+              ])) : f.type === "file" ? (s(), i("div", Nh, [
                 P(Ae, {
                   id: K,
                   type: "file",
@@ -14683,8 +14690,8 @@ const dc = {
                   "aria-describedby": ce,
                   onChange: (ae) => k(f, ae)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                f.helpText ? (s(), i("p", Nh, w(f.helpText), 1)) : v("", !0)
-              ])) : f.type === "multifile" ? (s(), i("div", Rh, [
+                f.helpText ? (s(), i("p", Rh, w(f.helpText), 1)) : v("", !0)
+              ])) : f.type === "multifile" ? (s(), i("div", Uh, [
                 l("div", {
                   class: m([
                     "border-2 border-dashed rounded-xl cursor-pointer transition-all duration-200",
@@ -14706,8 +14713,8 @@ const dc = {
                     class: "hidden",
                     disabled: r.value || f.disabled,
                     onChange: (ae) => F(f, ae)
-                  }, null, 40, qh),
-                  l("div", Yh, [
+                  }, null, 40, Yh),
+                  l("div", Hh, [
                     p[1] || (p[1] = l("div", { class: "bg-gray-100 rounded-full p-2.5 mr-3" }, [
                       l("svg", {
                         class: "h-6 w-6 text-gray-600",
@@ -14724,28 +14731,28 @@ const dc = {
                         })
                       ])
                     ], -1)),
-                    l("div", Hh, [
+                    l("div", Wh, [
                       p[0] || (p[0] = l("p", { class: "text-sm font-medium text-gray-700" }, [
                         l("span", { class: "text-blue-600 font-semibold" }, "Click to upload"),
                         oe(" or drag and drop ")
                       ], -1)),
-                      l("p", Wh, [
+                      l("p", Gh, [
                         oe(w(f.maxSize ? `Up to ${E(f.maxSize)}` : "No size limit") + " ", 1),
-                        f.accept ? (s(), i("span", Gh, "• " + w(f.accept), 1)) : v("", !0),
-                        f.maxFiles ? (s(), i("span", Kh, "• Max " + w(f.maxFiles) + " files", 1)) : v("", !0)
+                        f.accept ? (s(), i("span", Kh, "• " + w(f.accept), 1)) : v("", !0),
+                        f.maxFiles ? (s(), i("span", Xh, "• Max " + w(f.maxFiles) + " files", 1)) : v("", !0)
                       ])
                     ])
                   ])
-                ], 42, Uh),
-                f.helpText ? (s(), i("p", Xh, w(f.helpText), 1)) : v("", !0),
-                c.value[f.name]?.length > 0 ? (s(), i("div", Jh, [
-                  (s(!0), i(H, null, X(c.value[f.name], (ae) => (s(), i("div", {
+                ], 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", {
                     key: ae.id,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg"
                   }, [
-                    l("div", Qh, [
-                      l("div", Zh, [
-                        (s(), i("svg", eb, [
+                    l("div", Zh, [
+                      l("div", eb, [
+                        (s(), i("svg", tb, [
                           p[2] || (p[2] = l("circle", {
                             cx: "18",
                             cy: "18",
@@ -14764,12 +14771,12 @@ const dc = {
                             "stroke-linecap": "round",
                             "stroke-dasharray": `${ae.progress} 100`,
                             transform: "rotate(-90 18 18)"
-                          }, null, 8, tb)
+                          }, null, 8, ab)
                         ])),
-                        l("span", ab, w(Math.round(ae.progress)) + "% ", 1)
+                        l("span", nb, w(Math.round(ae.progress)) + "% ", 1)
                       ]),
-                      l("div", nb, [
-                        l("span", sb, w(ae.file.name), 1),
+                      l("div", sb, [
+                        l("span", rb, w(ae.file.name), 1),
                         p[3] || (p[3] = l("span", { class: "text-xs text-gray-500" }, "Uploading...", -1))
                       ])
                     ]),
@@ -14792,28 +14799,28 @@ const dc = {
                           d: "M6 18L18 6M6 6l12 12"
                         })
                       ], -1)
-                    ])], 8, rb)
+                    ])], 8, lb)
                   ]))), 128))
                 ])) : v("", !0),
-                o.value[f.name]?.length > 0 ? (s(), i("div", lb, [
-                  (s(!0), i(H, null, X(o.value[f.name], (ae, xe) => (s(), i("div", {
+                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", {
                     key: `uploaded-${xe}`,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"
                   }, [
-                    l("div", ob, [
+                    l("div", ib, [
                       l("div", {
                         class: m([
                           "rounded-lg p-2 shrink-0",
                           b(ae)
                         ])
                       }, [
-                        (s(), i("svg", ib, [
-                          Y(ae) === "image" ? (s(), i("path", ub)) : (s(), i("path", db))
+                        (s(), i("svg", ub, [
+                          H(ae) === "image" ? (s(), i("path", db)) : (s(), i("path", cb))
                         ]))
                       ], 2),
-                      l("div", cb, [
-                        l("span", fb, w(ae.name), 1),
-                        l("span", mb, w(E(ae.size)), 1)
+                      l("div", fb, [
+                        l("span", mb, w(ae.name), 1),
+                        l("span", gb, w(E(ae.size)), 1)
                       ])
                     ]),
                     l("button", {
@@ -14836,12 +14843,12 @@ const dc = {
                           d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
                         })
                       ], -1)
-                    ])], 8, gb)
+                    ])], 8, vb)
                   ]))), 128))
                 ])) : v("", !0),
-                o.value[f.name]?.length > 0 ? (s(), i("p", vb, [
+                o.value[f.name]?.length > 0 ? (s(), i("p", hb, [
                   oe(w(o.value[f.name].length) + " file(s) uploaded ", 1),
-                  f.maxFiles ? (s(), i("span", hb, " of " + w(f.maxFiles) + " max", 1)) : v("", !0)
+                  f.maxFiles ? (s(), i("span", bb, " of " + w(f.maxFiles) + " max", 1)) : v("", !0)
                 ])) : v("", !0)
               ])) : f.type === "slider" ? (s(), W(Ha, {
                 key: 9,
@@ -14851,8 +14858,8 @@ const dc = {
                 step: f.step,
                 disabled: r.value || f.disabled,
                 "onUpdate:modelValue": (ae) => S(f, ae)
-              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "range" ? (s(), i("div", bb, [
-                l("div", pb, [
+              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "range" ? (s(), i("div", pb, [
+                l("div", yb, [
                   P(Ae, {
                     id: K,
                     modelValue: o.value[f.name],
@@ -14865,7 +14872,7 @@ const dc = {
                     class: "flex-1",
                     "aria-describedby": ce
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                  l("span", yb, w(o.value[f.name]), 1)
+                  l("span", xb, w(o.value[f.name]), 1)
                 ])
               ])) : f.type === "date" ? (s(), W(Xt, {
                 key: 11,
@@ -14923,7 +14930,7 @@ const dc = {
             _: 2
           }, 1032, ["id", "label", "required", "error", "error-message"]))
         ]))), 128)),
-        l("div", xb, [
+        l("div", wb, [
           e.showReset ? (s(), W(Se, {
             key: 0,
             type: "button",
@@ -14963,49 +14970,49 @@ const dc = {
       ], 32)
     ]));
   }
-}, kb = {
+}, $b = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 shrink-0 lg:hidden"
-}, $b = { class: "text-lg font-bold text-gray-900" }, Cb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, Sb = { class: "space-y-2" }, zb = { key: 0 }, Ab = {
+}, Cb = { class: "text-lg font-bold text-gray-900" }, Sb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, zb = { class: "space-y-2" }, Ab = { key: 0 }, Db = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Db = ["onClick"], Mb = {
+}, Mb = ["onClick"], Vb = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Vb = {
+}, Fb = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Fb = {
+}, Tb = {
   key: 1,
   class: "border-t border-gray-200 p-4 shrink-0"
-}, Tb = {
+}, Bb = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Bb = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, jb = { class: "flex items-center justify-between p-4" }, Pb = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Ob = {
+}, jb = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Pb = { class: "flex items-center justify-between p-4" }, Ob = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, _b = {
   key: 0,
   class: "px-4 pb-3"
-}, _b = { class: "relative" }, Lb = ["placeholder"], Eb = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, Ib = {
+}, Lb = { class: "relative" }, Eb = ["placeholder"], Ib = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, Nb = {
   key: 0,
   class: "mt-2 text-xs text-gray-500 px-1"
-}, Nb = { class: "p-3" }, Rb = {
+}, Rb = { class: "p-3" }, Ub = {
   key: 0,
   class: "px-3 py-8 text-center"
-}, Ub = {
+}, qb = {
   key: 1,
   class: "space-y-1"
-}, qb = {
+}, Yb = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Yb = {
+}, Hb = {
   key: 1,
   class: "ml-2 inline-flex items-center justify-center px-2 py-0.5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Hb = { class: "p-3" }, Wb = { class: "space-y-1" }, Gb = {
+}, Wb = { class: "p-3" }, Gb = { class: "space-y-1" }, Kb = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Kb = {
+}, Xb = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Xb = {
+}, Jb = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -15111,7 +15118,7 @@ const dc = {
       S(B);
     }, E = (B) => {
       x.value = B, r("search", { query: B, menu: d.value?.name });
-    }, Y = () => {
+    }, H = () => {
       x.value = "";
     }, b = (B) => {
       const g = n.currentPath;
@@ -15162,8 +15169,8 @@ const dc = {
           )),
           style: be({ width: e.sidebarWidth + "px", top: o.value ? "0px" : "4rem" })
         }, [
-          o.value ? (s(), i("div", kb, [
-            l("h2", $b, w(e.header?.title), 1),
+          o.value ? (s(), i("div", $b, [
+            l("h2", Cb, w(e.header?.title), 1),
             l("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -15184,12 +15191,12 @@ const dc = {
               ], -1)
             ])])
           ])) : v("", !0),
-          l("nav", Cb, [
-            l("div", Sb, [
-              (s(!0), i(H, null, X(e.navigationItems, (f) => (s(), i(H, {
+          l("nav", Sb, [
+            l("div", zb, [
+              (s(!0), i(Y, null, X(e.navigationItems, (f) => (s(), i(Y, {
                 key: f.name || f.label
               }, [
-                f.type === "link" ? (s(), i("div", zb, [
+                f.type === "link" ? (s(), i("div", Ab, [
                   z(f) ? (s(), i("div", {
                     key: 1,
                     class: m(Z(O)(
@@ -15216,9 +15223,9 @@ const dc = {
                         b(f) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, w(f.label), 3),
-                    f.badge ? (s(), i("span", Mb, w(f.badge), 1)) : v("", !0),
-                    b(f) && z(f) ? (s(), i("div", Vb)) : v("", !0)
-                  ], 10, Db)) : (s(), W(p, {
+                    f.badge ? (s(), i("span", Vb, w(f.badge), 1)) : v("", !0),
+                    b(f) && z(f) ? (s(), i("div", Fb)) : v("", !0)
+                  ], 10, Mb)) : (s(), W(p, {
                     key: 0,
                     to: f.route,
                     class: m(Z(O)(
@@ -15246,7 +15253,7 @@ const dc = {
                           b(f) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, w(f.label), 3),
-                      f.badge ? (s(), i("span", Ab, w(f.badge), 1)) : v("", !0)
+                      f.badge ? (s(), i("span", Db, w(f.badge), 1)) : v("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -15254,7 +15261,7 @@ const dc = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), i("div", Fb, [
+          e.showManagementSettings ? (s(), i("div", Tb, [
             l("div", {
               class: m(Z(O)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -15280,7 +15287,7 @@ const dc = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), i("div", Tb)) : v("", !0)
+              e.isManagementSettingsActive ? (s(), i("div", Bb)) : v("", !0)
             ], 2)
           ])) : v("", !0)
         ], 6),
@@ -15303,8 +15310,8 @@ const dc = {
               ),
               style: be(A.value)
             }, [
-              l("div", Bb, [
-                l("div", jb, [
+              l("div", jb, [
+                l("div", Pb, [
                   l("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -15324,20 +15331,20 @@ const dc = {
                       })
                     ], -1)
                   ])]),
-                  l("h3", Pb, w(d.value?.label), 1)
+                  l("h3", Ob, w(d.value?.label), 1)
                 ]),
-                T.value ? (s(), i("div", Ob, [
-                  l("div", _b, [
+                T.value ? (s(), i("div", _b, [
+                  l("div", Lb, [
                     Ge(l("input", {
                       "onUpdate:modelValue": g[0] || (g[0] = (f) => x.value = f),
                       type: "text",
                       placeholder: e.searchPlaceholder,
                       class: "w-full px-3 py-2 pl-9 pr-9 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all",
                       onInput: g[1] || (g[1] = (f) => E(x.value))
-                    }, null, 40, Lb), [
+                    }, null, 40, Eb), [
                       [rt, x.value]
                     ]),
-                    l("div", Eb, [
+                    l("div", Ib, [
                       P(Q, {
                         icon: "search",
                         class: "w-4 h-4"
@@ -15346,7 +15353,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: Y
+                      onClick: H
                     }, [
                       P(Q, {
                         icon: "times",
@@ -15354,19 +15361,19 @@ const dc = {
                       })
                     ])) : v("", !0)
                   ]),
-                  x.value ? (s(), i("div", Ib, w(j.value.length) + " result" + w(j.value.length !== 1 ? "s" : "") + " found ", 1)) : v("", !0)
+                  x.value ? (s(), i("div", Nb, w(j.value.length) + " result" + w(j.value.length !== 1 ? "s" : "") + " found ", 1)) : v("", !0)
                 ])) : v("", !0)
               ]),
-              l("nav", Nb, [
-                T.value && x.value && j.value.length === 0 ? (s(), i("div", Rb, [
+              l("nav", Rb, [
+                T.value && x.value && j.value.length === 0 ? (s(), i("div", Ub, [
                   P(Q, {
                     icon: "search",
                     class: "w-12 h-12 mx-auto text-gray-300 mb-3"
                   }),
                   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", Ub, [
-                  (s(!0), i(H, null, X(j.value, (f) => (s(), W(p, {
+                ])) : (s(), i("div", qb, [
+                  (s(!0), i(Y, null, X(j.value, (f) => (s(), W(p, {
                     key: f.name,
                     to: f.route,
                     class: m(
@@ -15378,7 +15385,7 @@ const dc = {
                     onClick: (K) => re(f)
                   }, {
                     default: J(() => [
-                      b(f) ? (s(), i("div", qb)) : v("", !0),
+                      b(f) ? (s(), i("div", Yb)) : v("", !0),
                       l("div", {
                         class: m(
                           Z(O)(
@@ -15399,7 +15406,7 @@ const dc = {
                           b(f) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, w(f.label), 3),
-                      f.badge ? (s(), i("span", Yb, w(f.badge), 1)) : v("", !0)
+                      f.badge ? (s(), i("span", Hb, w(f.badge), 1)) : v("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -15452,12 +15459,12 @@ const dc = {
                   g[7] || (g[7] = l("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              l("nav", Hb, [
-                l("div", Wb, [
-                  (s(!0), i(H, null, X(e.managementSettings, (f) => (s(), i(H, {
+              l("nav", Wb, [
+                l("div", Gb, [
+                  (s(!0), i(Y, null, X(e.managementSettings, (f) => (s(), i(Y, {
                     key: f.name
                   }, [
-                    f.type === "section" ? (s(), i("div", Gb, w(f.label), 1)) : f.route ? (s(), W(p, {
+                    f.type === "section" ? (s(), i("div", Kb, w(f.label), 1)) : f.route ? (s(), W(p, {
                       key: 1,
                       to: f.route,
                       class: m(
@@ -15469,7 +15476,7 @@ const dc = {
                       onClick: (K) => ne(f)
                     }, {
                       default: J(() => [
-                        b(f) ? (s(), i("div", Kb)) : v("", !0),
+                        b(f) ? (s(), i("div", Xb)) : v("", !0),
                         l("div", {
                           class: m(
                             Z(O)(
@@ -15520,7 +15527,7 @@ const dc = {
       ]);
     };
   }
-}, Jb = {
+}, Qb = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -15539,13 +15546,13 @@ const dc = {
       q(a.$slots, "default")
     ], 2));
   }
-}, Qb = {
+}, Zb = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Zb = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, ep = { class: "text-slate-900 font-medium" }, tp = {
+}, ep = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, tp = { class: "text-slate-900 font-medium" }, ap = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, ap = { class: "mt-2 text-slate-600 text-sm" }, np = {
+}, np = { class: "mt-2 text-slate-600 text-sm" }, sp = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -15569,8 +15576,8 @@ const dc = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), i("div", Qb)) : v("", !0),
-      l("div", Zb, [
+      e.orientation === "vertical" ? (s(), i("div", Zb)) : v("", !0),
+      l("div", ep, [
         q(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = l("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -15581,23 +15588,23 @@ const dc = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        l("h3", ep, [
+        l("h3", tp, [
           q(a.$slots, "title", {}, () => [
             oe(w(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), i("p", tp, [
+        e.subtitle ? (s(), i("p", ap, [
           q(a.$slots, "subtitle", {}, () => [
             oe(w(e.subtitle), 1)
           ])
         ])) : v("", !0),
-        l("div", ap, [
+        l("div", np, [
           q(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, sp = {
+}, rp = {
   name: "AuthLayout",
   props: {
     title: {
@@ -15663,26 +15670,26 @@ const dc = {
       currentYear: y(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, rp = { class: "container mx-auto px-4 py-10 lg:py-0 relative z-10 w-full" }, lp = { class: "grid lg:grid-cols-10 gap-6 lg:gap-8 items-center min-h-screen" }, op = { class: "hidden lg:block lg:col-span-6 text-white text-center lg:text-left space-y-6" }, ip = { class: "mb-6 flex justify-center lg:justify-start" }, up = ["src"], dp = {
+}, lp = { class: "container mx-auto px-4 py-10 lg:py-0 relative z-10 w-full" }, op = { class: "grid lg:grid-cols-10 gap-6 lg:gap-8 items-center min-h-screen" }, ip = { class: "hidden lg:block lg:col-span-6 text-white text-center lg:text-left space-y-6" }, up = { class: "mb-6 flex justify-center lg:justify-start" }, dp = ["src"], cp = {
   key: 0,
   class: "max-w-md mx-auto lg:mx-0"
-}, cp = { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" }, fp = { class: "lg:col-span-4 w-full" }, mp = { class: "lg:hidden mb-6 flex justify-center" }, gp = ["src"], vp = { class: "bg-white rounded-lg shadow-xl p-4 sm:p-6 lg:p-8 max-w-md mx-auto w-full" }, hp = {
+}, fp = { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" }, mp = { class: "lg:col-span-4 w-full" }, gp = { class: "lg:hidden mb-6 flex justify-center" }, vp = ["src"], hp = { class: "bg-white rounded-lg shadow-xl p-4 sm:p-6 lg:p-8 max-w-md mx-auto w-full" }, bp = {
   key: 0,
   class: "mb-4 sm:mb-6"
-}, bp = { class: "text-center" }, pp = { class: "text-xl sm:text-2xl font-bold text-gray-900" }, yp = {
+}, pp = { class: "text-center" }, yp = { class: "text-xl sm:text-2xl font-bold text-gray-900" }, xp = {
   key: 0,
   class: "text-sm sm:text-base text-gray-600 mt-2"
-}, xp = { class: "space-y-4 sm:space-y-6" }, wp = {
+}, wp = { class: "space-y-4 sm:space-y-6" }, kp = {
   key: 1,
   class: "mt-4 sm:mt-6"
-}, kp = {
+}, $p = {
   key: 0,
   class: "mt-4 sm:mt-6 text-center"
-}, $p = {
+}, Cp = {
   key: 0,
   class: "absolute bottom-2 right-2 sm:bottom-4 sm:right-4 text-right"
-}, Cp = ["src"], Sp = { class: "text-white/90 text-[10px] sm:text-xs bg-black/30 sm:bg-transparent px-2 py-1 sm:p-0 rounded" }, zp = { class: "font-medium" }, Ap = { class: "hidden sm:block" }, Dp = { class: "hidden sm:block" }, Mp = { class: "absolute bottom-2 left-2 sm:bottom-4 sm:left-4 flex gap-1.5 sm:gap-2" }, Vp = ["href"];
-function Fp(e, a, t, n, r, o) {
+}, Sp = ["src"], zp = { class: "text-white/90 text-[10px] sm:text-xs bg-black/30 sm:bg-transparent px-2 py-1 sm:p-0 rounded" }, Ap = { class: "font-medium" }, Dp = { class: "hidden sm:block" }, Mp = { class: "hidden sm:block" }, Vp = { class: "absolute bottom-2 left-2 sm:bottom-4 sm:left-4 flex gap-1.5 sm:gap-2" }, Fp = ["href"];
+function Tp(e, a, t, n, r, o) {
   const u = Ce("router-view"), d = Ce("font-awesome-icon");
   return s(), i("div", {
     class: "min-h-screen relative flex items-center justify-center overflow-x-hidden",
@@ -15695,64 +15702,64 @@ function Fp(e, a, t, n, r, o) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    l("div", rp, [
-      l("div", lp, [
-        l("div", op, [
-          l("div", ip, [
+    l("div", lp, [
+      l("div", op, [
+        l("div", ip, [
+          l("div", up, [
             l("img", {
               src: t.logoUrl,
               alt: "Company Logo",
               class: "h-52 lg:h-72 w-auto object-contain"
-            }, null, 8, up)
+            }, null, 8, dp)
           ]),
-          t.quote ? (s(), i("div", dp, [
-            l("p", cp, ' "' + w(t.quote) + '" ', 1)
+          t.quote ? (s(), i("div", cp, [
+            l("p", fp, ' "' + w(t.quote) + '" ', 1)
           ])) : v("", !0)
         ]),
-        l("div", fp, [
-          l("div", mp, [
+        l("div", mp, [
+          l("div", gp, [
             l("img", {
               src: t.logoUrl,
               alt: "Company Logo",
               class: "h-24 w-auto object-contain"
-            }, null, 8, gp)
+            }, null, 8, vp)
           ]),
-          l("div", vp, [
-            e.$slots["card-header"] || t.title ? (s(), i("div", hp, [
+          l("div", hp, [
+            e.$slots["card-header"] || t.title ? (s(), i("div", bp, [
               q(e.$slots, "card-header", {}, () => [
-                l("div", bp, [
-                  l("h1", pp, w(t.title), 1),
-                  t.subtitle ? (s(), i("p", yp, w(t.subtitle), 1)) : v("", !0)
+                l("div", pp, [
+                  l("h1", yp, w(t.title), 1),
+                  t.subtitle ? (s(), i("p", xp, w(t.subtitle), 1)) : v("", !0)
                 ])
               ])
             ])) : v("", !0),
-            l("div", xp, [
+            l("div", wp, [
               P(u)
             ]),
-            e.$slots["card-footer"] ? (s(), i("div", wp, [
+            e.$slots["card-footer"] ? (s(), i("div", kp, [
               q(e.$slots, "card-footer")
             ])) : v("", !0)
           ]),
-          e.$slots.links ? (s(), i("div", kp, [
+          e.$slots.links ? (s(), i("div", $p, [
             q(e.$slots, "links")
           ])) : v("", !0)
         ])
       ])
     ]),
-    t.showFooter ? (s(), i("div", $p, [
+    t.showFooter ? (s(), i("div", Cp, [
       l("img", {
         src: t.logoUrl,
         alt: "Company Logo",
         class: "hidden sm:block h-20 sm:h-32 lg:h-40 w-auto object-contain ml-auto mb-2"
-      }, null, 8, Cp),
-      l("div", Sp, [
-        l("div", zp, w(t.appName), 1),
-        l("div", Ap, "(" + w(t.appVersion) + ")", 1),
-        l("div", Dp, w(t.copyright), 1)
+      }, null, 8, Sp),
+      l("div", zp, [
+        l("div", Ap, w(t.appName), 1),
+        l("div", Dp, "(" + w(t.appVersion) + ")", 1),
+        l("div", Mp, w(t.copyright), 1)
       ])
     ])) : v("", !0),
-    l("div", Mp, [
-      (s(!0), i(H, null, X(t.socialLinks, (c) => (s(), i("a", {
+    l("div", Vp, [
+      (s(!0), i(Y, null, X(t.socialLinks, (c) => (s(), i("a", {
         key: c.name,
         href: c.url,
         class: m([
@@ -15763,14 +15770,14 @@ function Fp(e, a, t, n, r, o) {
         P(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, Vp))), 128))
+      ], 10, Fp))), 128))
     ])
   ], 4);
 }
-const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen bg-gray-50" }, jp = { class: "flex-1" }, Pp = {
+const Bp = /* @__PURE__ */ Vt(rp, [["render", Tp]]), jp = { class: "min-h-screen bg-gray-50" }, Pp = { class: "flex-1" }, Op = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, Op = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, _p = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Lp = {
+}, _p = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Lp = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Ep = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -15794,7 +15801,7 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = Ce("Logo"), r = Ce("MainNavigation"), o = Ce("Button"), u = Ce("Header"), d = Ce("Breadcrumb"), c = Ce("Text"), x = Ce("Footer");
-      return s(), i("div", Bp, [
+      return s(), i("div", jp, [
         P(u, null, {
           logo: J(() => [
             q(a.$slots, "logo", {}, () => [
@@ -15827,15 +15834,15 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
           ]),
           _: 3
         }),
-        l("main", jp, [
-          e.showBreadcrumb ? (s(), i("div", Pp, [
-            l("div", Op, [
+        l("main", Pp, [
+          e.showBreadcrumb ? (s(), i("div", Op, [
+            l("div", _p, [
               q(a.$slots, "breadcrumb", {}, () => [
                 P(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : v("", !0),
-          l("div", _p, [
+          l("div", Lp, [
             q(a.$slots, "default")
           ])
         ]),
@@ -15856,7 +15863,7 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
       ]);
     };
   }
-}, Ep = {
+}, Ip = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -16075,7 +16082,7 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
       "w-32 h-32 flex items-center justify-center"
     ]), E = y(() => [
       "space-y-4"
-    ]), Y = y(() => [
+    ]), H = y(() => [
       "text-6xl font-bold text-slate-300 mb-4"
     ]), b = y(() => [
       "text-3xl font-bold text-slate-900"
@@ -16114,7 +16121,7 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
       illustrationClasses: re,
       iconContainerClasses: ne,
       detailsClasses: E,
-      codeClasses: Y,
+      codeClasses: H,
       titleClasses: b,
       messageClasses: $,
       actionsClasses: h,
@@ -16122,20 +16129,20 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
       helpClasses: g
     };
   }
-}, Ip = { class: "flex justify-center" }, Np = { class: "flex items-center gap-3" }, Rp = { class: "text-2xl font-bold text-slate-900" }, Up = {
+}, Np = { class: "flex justify-center" }, Rp = { class: "flex items-center gap-3" }, Up = { class: "text-2xl font-bold text-slate-900" }, qp = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, qp = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Yp = ["disabled"], Hp = {
+}, Yp = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Hp = ["disabled"], Wp = {
   key: 0,
   class: "animate-spin"
-}, Wp = { key: 1 }, Gp = ["disabled"], Kp = { key: 0 }, Xp = { key: 1 }, Jp = {
+}, Gp = { key: 1 }, Kp = ["disabled"], Xp = { key: 0 }, Jp = { key: 1 }, Qp = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Qp = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Zp = { class: "text-lg font-semibold text-slate-900 mb-4" }, ey = { class: "space-y-3" }, ty = { class: "text-sm text-slate-600" }, ay = ["href"], ny = {
+}, Zp = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, ey = { class: "text-lg font-semibold text-slate-900 mb-4" }, ty = { class: "space-y-3" }, ay = { class: "text-sm text-slate-600" }, ny = ["href"], sy = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function sy(e, a, t, n, r, o) {
+function ry(e, a, t, n, r, o) {
   return s(), i("div", {
     class: m(n.layoutClasses)
   }, [
@@ -16155,13 +16162,13 @@ function sy(e, a, t, n, r, o) {
         class: m(n.headerClasses)
       }, [
         q(e.$slots, "header", {}, () => [
-          l("div", Ip, [
+          l("div", Np, [
             q(e.$slots, "logo", {}, () => [
-              l("div", Np, [
+              l("div", Rp, [
                 a[5] || (a[5] = l("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   l("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                l("span", Rp, w(t.brandName), 1)
+                l("span", Up, w(t.brandName), 1)
               ])
             ])
           ])
@@ -16207,7 +16214,7 @@ function sy(e, a, t, n, r, o) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? v("", !0) : (s(), i("div", Up, [...a[6] || (a[6] = [
+        n.isOnline ? v("", !0) : (s(), i("div", qp, [...a[6] || (a[6] = [
           l("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             l("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             l("span", { class: "font-medium" }, "No Internet Connection")
@@ -16218,7 +16225,7 @@ function sy(e, a, t, n, r, o) {
           class: m(n.actionsClasses)
         }, [
           q(e.$slots, "actions", {}, () => [
-            l("div", qp, [
+            l("div", Yp, [
               t.showHomeButton ? (s(), i("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
@@ -16241,18 +16248,18 @@ function sy(e, a, t, n, r, o) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...u) => n.retry && n.retry(...u))
               }, [
-                n.isRetrying ? (s(), i("span", Hp, "↻")) : (s(), i("span", Wp, "🔄")),
+                n.isRetrying ? (s(), i("span", Wp, "↻")) : (s(), i("span", Gp, "🔄")),
                 oe(" " + w(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Yp)) : v("", !0),
+              ], 8, Hp)) : v("", !0),
               t.showSupportButton ? (s(), i("button", {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[3] || (a[3] = (u) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (s(), i("span", Kp, "✓")) : (s(), i("span", Xp, "📝")),
+                n.reportSent ? (s(), i("span", Xp, "✓")) : (s(), i("span", Jp, "📝")),
                 oe(" " + w(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Gp)) : v("", !0)
+              ], 8, Kp)) : v("", !0)
             ])
           ])
         ], 2)) : v("", !0),
@@ -16261,11 +16268,11 @@ function sy(e, a, t, n, r, o) {
           class: m(n.additionalInfoClasses)
         }, [
           q(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), i("div", Jp, [
-              l("div", Qp, [
-                l("h3", Zp, w(n.additionalInfoConfig.title), 1),
-                l("ul", ey, [
-                  (s(!0), i(H, null, X(n.additionalInfoConfig.items, (u, d) => (s(), i("li", {
+            n.additionalInfoConfig ? (s(), i("div", Qp, [
+              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", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
@@ -16284,7 +16291,7 @@ function sy(e, a, t, n, r, o) {
           class: m(n.helpClasses)
         }, [
           q(e.$slots, "help", {}, () => [
-            l("p", ty, [
+            l("p", ay, [
               oe(w(t.helpText) + " ", 1),
               t.supportUrl ? (s(), i("a", {
                 key: 0,
@@ -16293,19 +16300,19 @@ function sy(e, a, t, n, r, o) {
               }, [...a[8] || (a[8] = [
                 l("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 oe(" Get Help ", -1)
-              ])], 8, ay)) : v("", !0)
+              ])], 8, ny)) : v("", !0)
             ])
           ])
         ], 2)) : v("", !0),
-        n.isDev ? (s(), i("div", ny, " Error ID: " + w(n.errorId), 1)) : v("", !0)
+        n.isDev ? (s(), i("div", sy, " Error ID: " + w(n.errorId), 1)) : v("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-full relative" }, oy = {
+const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-full relative" }, iy = {
   key: 0,
   class: "w-full h-full flex items-center justify-center"
-}, iy = ["width", "height", "viewBox"], uy = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], dy = ["cx", "cy", "r", "fill"], cy = { key: 1 }, fy = ["x", "y"], my = ["x", "y"], gy = { key: 2 }, vy = ["x", "y"], hy = { key: 3 }, by = ["transform"], py = ["fill"], yy = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, xy = { class: "flex items-center gap-2 mb-1.5" }, wy = { class: "font-semibold text-sm" }, ky = { class: "flex items-baseline gap-2 ml-5" }, $y = { class: "text-2xl font-bold" }, Cy = { class: "mt-1 ml-5" }, Sy = { class: "text-xs text-slate-300" }, zn = {
+}, uy = ["width", "height", "viewBox"], dy = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], cy = ["cx", "cy", "r", "fill"], fy = { key: 1 }, my = ["x", "y"], gy = ["x", "y"], vy = { key: 2 }, hy = ["x", "y"], by = { key: 3 }, py = ["transform"], yy = ["fill"], xy = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, wy = { class: "flex items-center gap-2 mb-1.5" }, ky = { class: "font-semibold text-sm" }, $y = { class: "flex items-baseline gap-2 ml-5" }, Cy = { class: "text-2xl font-bold" }, Sy = { class: "mt-1 ml-5" }, zy = { class: "text-xs text-slate-300" }, zn = {
   __name: "PieChart",
   props: {
     data: {
@@ -16411,7 +16418,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { 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, Y = _(
+        const R = V || 0, re = (R / D * 100).toFixed(1), ne = R / D * 2 * Math.PI, E = L + ne, H = _(
           d.value,
           c.value,
           x.value,
@@ -16421,7 +16428,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { 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: Y,
+          path: H,
           labelX: h,
           labelY: B,
           label: t.labels[F] || `Item ${F + 1}`,
@@ -16431,12 +16438,12 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { 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), Y = 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), H = 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 ${Y} ${b} Z`;
+        return `M ${D} ${L} L ${ne} ${E} A ${V} ${V} 0 ${$} 1 ${H} ${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 ${Y} ${b} L ${h} ${B} A ${F} ${F} 0 ${$} 0 ${g} ${p} Z`;
+        return `M ${ne} ${E} A ${V} ${V} 0 ${$} 1 ${H} ${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")
@@ -16473,7 +16480,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
         percentage: D.percentage
       });
     };
-    return (D, L) => (s(), i("div", ly, [
+    return (D, L) => (s(), i("div", oy, [
       u.value ? (s(), i("svg", {
         key: 1,
         width: e.width,
@@ -16482,7 +16489,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
         class: "overflow-visible"
       }, [
         l("g", null, [
-          (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("path", {
+          (s(!0), i(Y, null, X(A.value, (V, F) => (s(), i("path", {
             key: `slice-${F}`,
             d: V.path,
             fill: T(F),
@@ -16492,7 +16499,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             onMouseenter: (R) => S(R, V, F),
             onMouseleave: k,
             onClick: (R) => z(V, F)
-          }, null, 42, uy))), 128))
+          }, null, 42, dy))), 128))
         ]),
         e.doughnut ? (s(), i("circle", {
           key: 0,
@@ -16500,35 +16507,35 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
           cy: c.value,
           r: C.value,
           fill: e.centerFill
-        }, null, 8, dy)) : v("", !0),
-        e.doughnut && e.showCenterText ? (s(), i("g", cy, [
+        }, null, 8, cy)) : v("", !0),
+        e.doughnut && e.showCenterText ? (s(), i("g", fy, [
           l("text", {
             x: d.value,
             y: c.value - 5,
             class: m(e.centerTextClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(o.value), 11, fy),
+          }, w(o.value), 11, my),
           l("text", {
             x: d.value,
             y: c.value + 15,
             class: m(e.centerLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, " Total ", 10, my)
+          }, " Total ", 10, gy)
         ])) : v("", !0),
-        e.showValues ? (s(), i("g", gy, [
-          (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("text", {
+        e.showValues ? (s(), i("g", vy, [
+          (s(!0), i(Y, null, X(A.value, (V, F) => (s(), i("text", {
             key: `value-${F}`,
             x: V.labelX,
             y: V.labelY,
             class: m(e.valueLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(e.showPercentages ? `${V.percentage}%` : V.value), 11, vy))), 128))
+          }, w(e.showPercentages ? `${V.percentage}%` : V.value), 11, hy))), 128))
         ])) : v("", !0),
-        e.showLegend ? (s(), i("g", hy, [
-          (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("g", {
+        e.showLegend ? (s(), i("g", by, [
+          (s(!0), i(Y, null, X(A.value, (V, F) => (s(), i("g", {
             key: `legend-${F}`,
             transform: `translate(${j(F)}, ${M(F)})`
           }, [
@@ -16537,15 +16544,15 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
               height: 12,
               fill: T(F),
               rx: "2"
-            }, null, 8, py),
+            }, null, 8, yy),
             l("text", {
               x: 18,
               y: 10,
               class: m(e.legendTextClasses)
             }, w(V.label), 3)
-          ], 8, by))), 128))
+          ], 8, py))), 128))
         ])) : v("", !0)
-      ], 8, iy)) : (s(), i("div", oy, [...L[0] || (L[0] = [
+      ], 8, uy)) : (s(), i("div", iy, [...L[0] || (L[0] = [
         Qs('<div class="text-center"><div class="text-slate-300 mb-2"><svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path></svg></div><p class="text-sm text-slate-500"> No data available </p></div>', 1)
       ])])),
       r.value.visible ? (s(), i("div", {
@@ -16560,42 +16567,42 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", yy, [
-          l("div", xy, [
+        l("div", xy, [
+          l("div", wy, [
             l("div", {
               style: be({ backgroundColor: r.value.color }),
               class: "w-3 h-3 rounded-full shadow-sm"
             }, null, 4),
-            l("p", wy, w(r.value.label), 1)
+            l("p", ky, w(r.value.label), 1)
           ]),
-          l("div", ky, [
-            l("span", $y, w(r.value.value), 1),
+          l("div", $y, [
+            l("span", Cy, w(r.value.value), 1),
             L[1] || (L[1] = l("span", { class: "text-xs text-slate-400" }, "tasks", -1))
           ]),
-          l("div", Cy, [
-            l("span", Sy, w(r.value.percentage) + "% of total", 1)
+          l("div", Sy, [
+            l("span", zy, w(r.value.percentage) + "% of total", 1)
           ]),
           L[2] || (L[2] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
       ], 4)) : v("", !0)
     ]));
   }
-}, zy = {
+}, Ay = {
   key: 0,
   class: "flex items-center justify-between px-6 py-4 border-b border-slate-200 bg-linear-to-r from-slate-50 to-slate-100 shrink-0"
-}, Ay = { class: "flex items-center gap-3" }, Dy = { class: "font-semibold text-lg text-slate-900" }, My = { class: "flex items-center gap-2" }, Vy = ["disabled"], Fy = {
+}, Dy = { class: "flex items-center gap-3" }, My = { class: "font-semibold text-lg text-slate-900" }, Vy = { class: "flex items-center gap-2" }, Fy = ["disabled"], Ty = {
   key: 1,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[250px]"
-}, Ty = { class: "flex items-center justify-between mb-3" }, By = { class: "space-y-3" }, jy = ["for"], Py = ["id", "onClick"], Oy = {
+}, By = { class: "flex items-center justify-between mb-3" }, jy = { class: "space-y-3" }, Py = ["for"], Oy = ["id", "onClick"], _y = {
   key: 2,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[280px]"
-}, _y = { class: "flex items-center justify-between mb-3" }, Ly = { class: "space-y-2" }, Ey = { class: "text-slate-700" }, Iy = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Ny = { class: "relative flex-1 overflow-hidden" }, Ry = {
+}, Ly = { class: "flex items-center justify-between mb-3" }, Ey = { class: "space-y-2" }, Iy = { class: "text-slate-700" }, Ny = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Ry = { class: "relative flex-1 overflow-hidden" }, Uy = {
   key: 0,
   class: "absolute inset-0 bg-white/90 backdrop-blur-sm z-10 flex items-center justify-center"
-}, Uy = { class: "w-full h-full flex items-center justify-center" }, qy = {
+}, qy = { class: "w-full h-full flex items-center justify-center" }, Yy = {
   key: 3,
   class: "border-t border-slate-200 px-6 py-3 bg-slate-50 shrink-0"
-}, Yy = {
+}, Hy = {
   __name: "DashboardWidget",
   props: {
     id: { type: String, required: !0 },
@@ -16642,11 +16649,11 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
     });
     const x = () => {
       d.value = !d.value;
-    }, C = (E, Y) => {
-      c.value[E] = Y, n("customize", { ...c.value });
+    }, C = (E, H) => {
+      c.value[E] = H, n("customize", { ...c.value });
     }, A = U(null), _ = U(!1), T = (E) => {
       if (!_.value) return;
-      const Y = {
+      const H = {
         r: () => n("refresh"),
         R: () => n("refresh"),
         c: () => x(),
@@ -16656,7 +16663,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
         H: () => S.value = !S.value,
         "?": () => S.value = !S.value
       };
-      Y[E.key] && (E.preventDefault(), Y[E.key](), n("keypress", E.key));
+      H[E.key] && (E.preventDefault(), H[E.key](), n("keypress", E.key));
     }, j = () => {
       _.value = !0;
     }, M = () => {
@@ -16671,28 +16678,28 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
     const L = (E) => {
       if (!E.dataTransfer) return;
       z.value = !0, n("dragstart", t.id);
-      const Y = E.target.getBoundingClientRect();
+      const H = E.target.getBoundingClientRect();
       D = E.target.cloneNode(!0), Object.assign(D.style, {
         position: "fixed",
-        width: `${Y.width}px`,
-        height: `${Y.height}px`,
+        width: `${H.width}px`,
+        height: `${H.height}px`,
         pointerEvents: "none",
         opacity: "0.8",
         zIndex: "1000",
-        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);
+        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);
     }, 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 || [], Y = t.chartData.labels || [], b = E.filter((p) => p != null && !isNaN(p));
+      const E = t.chartData.datasets?.[0]?.data || t.chartData.data || [], H = 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: Y.slice(0, b.length),
+        labels: H.slice(0, b.length),
         width: h,
         height: B,
         ...t.chartOptions
@@ -16720,7 +16727,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { 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, Y) => r.value ? (s(), i("div", {
+    }), (E, H) => r.value ? (s(), i("div", {
       key: 0,
       ref_key: "widgetRef",
       ref: A,
@@ -16737,21 +16744,21 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
       onFocus: j,
       onBlur: M
     }, [
-      e.showHeader ? (s(), i("div", zy, [
-        l("div", Ay, [
+      e.showHeader ? (s(), i("div", Ay, [
+        l("div", Dy, [
           e.icon ? (s(), W(Q, {
             key: 0,
             icon: e.icon,
             class: "w-5 h-5 text-slate-700"
           }, null, 8, ["icon"])) : v("", !0),
-          l("h3", Dy, w(e.title), 1)
+          l("h3", My, w(e.title), 1)
         ]),
-        l("div", My, [
+        l("div", Vy, [
           q(E.$slots, "header-actions"),
           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: Y[0] || (Y[0] = (b) => S.value = !S.value)
+            onClick: H[0] || (H[0] = (b) => S.value = !S.value)
           }, [
             P(Q, {
               icon: "circle-info",
@@ -16774,7 +16781,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { 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: Y[1] || (Y[1] = (b) => E.$emit("refresh"))
+            onClick: H[1] || (H[1] = (b) => E.$emit("refresh"))
           }, [
             P(Q, {
               icon: "refresh",
@@ -16783,15 +16790,15 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
                 { "animate-spin": e.loading }
               ])
             }, null, 8, ["class"])
-          ], 8, Vy)) : v("", !0)
+          ], 8, Fy)) : v("", !0)
         ])
       ])) : v("", !0),
-      d.value ? (s(), i("div", Fy, [
-        l("div", Ty, [
-          Y[4] || (Y[4] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
+      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)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: Y[2] || (Y[2] = (b) => d.value = !1)
+            onClick: H[2] || (H[2] = (b) => d.value = !1)
           }, [
             P(Q, {
               icon: "x",
@@ -16799,15 +16806,15 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", By, [
-          (s(!0), i(H, null, X(e.customizationOptions, (b) => (s(), i("div", {
+        l("div", jy, [
+          (s(!0), i(Y, null, X(e.customizationOptions, (b) => (s(), i("div", {
             key: b.id,
             class: "flex items-center justify-between"
           }, [
             l("label", {
               for: `setting-${b.id}`,
               class: "text-sm text-slate-700 cursor-pointer"
-            }, w(b.label), 9, jy),
+            }, w(b.label), 9, Py),
             l("button", {
               id: `setting-${b.id}`,
               class: m([
@@ -16822,16 +16829,16 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
                   c.value[b.id] ? "translate-x-6" : "translate-x-1"
                 ])
               }, null, 2)
-            ], 10, Py)
+            ], 10, Oy)
           ]))), 128))
         ])
       ])) : v("", !0),
-      S.value ? (s(), i("div", Oy, [
-        l("div", _y, [
-          Y[5] || (Y[5] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
+      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)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
-            onClick: Y[3] || (Y[3] = (b) => S.value = !1)
+            onClick: H[3] || (H[3] = (b) => S.value = !1)
           }, [
             P(Q, {
               icon: "x",
@@ -16839,18 +16846,18 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", Ly, [
-          (s(), i(H, null, X(k, (b) => l("div", {
+        l("div", Ey, [
+          (s(), i(Y, null, X(k, (b) => l("div", {
             key: b.key,
             class: "flex items-center justify-between text-sm"
           }, [
-            l("span", Ey, w(b.description), 1),
-            l("kbd", Iy, w(b.key), 1)
+            l("span", Iy, w(b.description), 1),
+            l("kbd", Ny, w(b.key), 1)
           ])), 64))
         ])
       ])) : v("", !0),
-      l("div", Ny, [
-        e.loading ? (s(), i("div", Ry, [
+      l("div", Ry, [
+        e.loading ? (s(), i("div", Uy, [
           P($t, {
             type: "spin",
             size: "medium",
@@ -16861,7 +16868,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
           key: 1,
           class: m(["w-full h-full flex items-center justify-center p-4", u[e.padding]])
         }, [
-          l("div", Uy, [
+          l("div", qy, [
             (s(), W(Be(re.value), zt(R.value, { doughnut: ne.value }), null, 16, ["doughnut"]))
           ])
         ], 2)) : (s(), i("div", {
@@ -16871,7 +16878,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
           q(E.$slots, "default")
         ], 2))
       ]),
-      E.$slots.footer ? (s(), i("div", qy, [
+      E.$slots.footer ? (s(), i("div", Yy, [
         q(E.$slots, "footer")
       ])) : v("", !0)
     ], 38)) : v("", !0);
@@ -16997,7 +17004,7 @@ function Ze(e) {
   }
   return null;
 }
-function Hy(e) {
+function Wy(e) {
   if (!e) return null;
   if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
     const [a, t, n] = e.split("-").map(Number);
@@ -17014,7 +17021,7 @@ function Gs(e) {
   const n = new Date(t);
   return n.setDate(t.getDate() + 6), { startDate: t, endDate: n };
 }
-function Wy(e) {
+function Gy(e) {
   const { startDate: a } = Gs(e), t = [];
   for (let n = 0; n < 7; n++) {
     const r = new Date(a);
@@ -17059,7 +17066,7 @@ function Dn(e) {
 }
 function Mn(e, a = "full") {
   if (!e) return "";
-  const t = Hy(e);
+  const t = Wy(e);
   if (!t) return String(e);
   const n = {
     full: {
@@ -17080,7 +17087,7 @@ function Mn(e, a = "full") {
   };
   return t.toLocaleDateString("en-US", n[a] || n.full);
 }
-function Gy(e = 0, a = 23, t = 60) {
+function Ky(e = 0, a = 23, t = 60) {
   const n = [];
   for (let r = e; r <= a; r++)
     for (let o = 0; o < 60; o += t) {
@@ -17099,7 +17106,7 @@ function la(e, a = "long") {
 function oa(e) {
   return e.getFullYear();
 }
-const Ky = {
+const Xy = {
   name: "EventsCalendar",
   props: {
     events: {
@@ -17120,7 +17127,7 @@ const Ky = {
       selectedEvent: null,
       weekDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
       weekDaysShort: ["S", "M", "T", "W", "T", "F", "S"],
-      timeSlots: Gy(0, 23, 60),
+      timeSlots: Ky(0, 23, 60),
       monthNames: [
         "January",
         "February",
@@ -17156,7 +17163,7 @@ const Ky = {
       }));
     },
     weekViewDays() {
-      return Wy(this.currentDate).map((a) => {
+      return Gy(this.currentDate).map((a) => {
         const t = Ze(a);
         return {
           dateObj: a,
@@ -17273,66 +17280,66 @@ const Ky = {
       this.currentDate = new Date(this.currentDate.getFullYear(), e, 1), this.viewMode = "month";
     }
   }
-}, Xy = { class: "flex gap-0 h-full bg-white rounded-lg shadow-sm border border-gray-200" }, Jy = { class: "flex-1 flex flex-col" }, Qy = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-200" }, Zy = { class: "flex items-center gap-3" }, e1 = { class: "flex items-center gap-1" }, t1 = { class: "text-xl font-semibold text-gray-900 ml-2" }, a1 = { class: "flex items-center gap-2" }, n1 = { class: "flex-1 flex flex-col p-4" }, s1 = {
+}, Jy = { class: "flex gap-0 h-full bg-white rounded-lg shadow-sm border border-gray-200" }, Qy = { class: "flex-1 flex flex-col" }, Zy = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-200" }, e1 = { class: "flex items-center gap-3" }, t1 = { class: "flex items-center gap-1" }, a1 = { class: "text-xl font-semibold text-gray-900 ml-2" }, n1 = { class: "flex items-center gap-2" }, s1 = { class: "flex-1 flex flex-col p-4" }, r1 = {
   key: 0,
   class: "flex-1 overflow-y-auto"
-}, r1 = { class: "grid grid-cols-3 gap-6 pb-6" }, l1 = ["onClick"], o1 = { class: "bg-linear-to-r from-blue-500 to-blue-600 px-3 py-3" }, i1 = { class: "text-sm font-bold text-white text-center" }, u1 = { class: "p-3" }, d1 = { class: "grid grid-cols-7 mb-2" }, c1 = { class: "grid grid-cols-7 gap-1" }, f1 = {
+}, l1 = { class: "grid grid-cols-3 gap-6 pb-6" }, o1 = ["onClick"], i1 = { class: "bg-linear-to-r from-blue-500 to-blue-600 px-3 py-3" }, u1 = { class: "text-sm font-bold text-white text-center" }, d1 = { class: "p-3" }, c1 = { class: "grid grid-cols-7 mb-2" }, f1 = { class: "grid grid-cols-7 gap-1" }, m1 = {
   key: 1,
   class: "flex-1 flex flex-col"
-}, m1 = { class: "grid grid-cols-7 border-b border-gray-200" }, g1 = { class: "grid grid-cols-7 flex-1 border-l border-t border-gray-200" }, v1 = ["onClick"], h1 = { class: "flex items-center justify-between mb-1 px-1" }, b1 = { class: "space-y-1" }, p1 = ["onClick"], y1 = {
+}, g1 = { class: "grid grid-cols-7 border-b border-gray-200" }, v1 = { class: "grid grid-cols-7 flex-1 border-l border-t border-gray-200" }, h1 = ["onClick"], b1 = { class: "flex items-center justify-between mb-1 px-1" }, p1 = { class: "space-y-1" }, y1 = ["onClick"], x1 = {
   key: 0,
   class: "text-xs px-2 py-1 text-gray-600 font-medium cursor-pointer hover:text-gray-900"
-}, x1 = {
+}, w1 = {
   key: 2,
   class: "flex-1 flex flex-col overflow-hidden"
-}, w1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50" }, k1 = { class: "text-xs font-semibold text-gray-600 uppercase" }, $1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50 min-h-[60px]" }, C1 = ["onClick"], S1 = { class: "font-semibold truncate" }, z1 = { class: "flex-1 overflow-y-auto" }, A1 = { class: "grid grid-cols-8" }, D1 = { class: "border-r border-gray-200 bg-gray-50" }, M1 = ["onClick"], V1 = { class: "font-semibold truncate" }, F1 = { class: "text-xs opacity-90 truncate" }, T1 = {
+}, k1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50" }, $1 = { class: "text-xs font-semibold text-gray-600 uppercase" }, C1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50 min-h-[60px]" }, S1 = ["onClick"], z1 = { class: "font-semibold truncate" }, A1 = { class: "flex-1 overflow-y-auto" }, D1 = { class: "grid grid-cols-8" }, M1 = { class: "border-r border-gray-200 bg-gray-50" }, V1 = ["onClick"], F1 = { class: "font-semibold truncate" }, T1 = { class: "text-xs opacity-90 truncate" }, B1 = {
   key: 3,
   class: "flex-1 flex flex-col overflow-hidden"
-}, B1 = { class: "border-b border-gray-200 bg-gray-50 p-4" }, j1 = { class: "text-center" }, P1 = { class: "text-sm font-semibold text-gray-600 uppercase" }, O1 = {
+}, j1 = { class: "border-b border-gray-200 bg-gray-50 p-4" }, P1 = { class: "text-center" }, O1 = { class: "text-sm font-semibold text-gray-600 uppercase" }, _1 = {
   key: 0,
   class: "border-b border-gray-200 bg-gray-50 p-4"
-}, _1 = { class: "space-y-2" }, L1 = ["onClick"], E1 = { class: "font-semibold" }, I1 = {
+}, L1 = { class: "space-y-2" }, E1 = ["onClick"], I1 = { class: "font-semibold" }, N1 = {
   key: 0,
   class: "text-xs opacity-80 mt-1"
-}, N1 = { class: "flex-1 overflow-y-auto" }, R1 = { class: "flex" }, U1 = { class: "w-24 border-r border-gray-200 bg-gray-50 shrink-0" }, q1 = { class: "flex-1 relative" }, Y1 = ["onClick"], H1 = { class: "font-semibold" }, W1 = { class: "text-xs opacity-90 mt-1" }, G1 = {
+}, R1 = { class: "flex-1 overflow-y-auto" }, U1 = { class: "flex" }, q1 = { class: "w-24 border-r border-gray-200 bg-gray-50 shrink-0" }, Y1 = { class: "flex-1 relative" }, H1 = ["onClick"], W1 = { class: "font-semibold" }, G1 = { class: "text-xs opacity-90 mt-1" }, K1 = {
   key: 0,
   class: "text-xs opacity-80 mt-1 line-clamp-2"
-}, K1 = {
+}, X1 = {
   key: 0,
   class: "w-80 border-l border-gray-200 bg-white flex flex-col"
-}, X1 = { class: "px-6 py-4 border-b border-gray-200 flex items-start justify-between" }, J1 = { class: "flex-1 overflow-y-auto px-6 py-4 space-y-4" }, Q1 = { class: "text-xl font-bold text-gray-900" }, Z1 = { key: 0 }, ex = {
+}, J1 = { class: "px-6 py-4 border-b border-gray-200 flex items-start justify-between" }, Q1 = { class: "flex-1 overflow-y-auto px-6 py-4 space-y-4" }, Z1 = { class: "text-xl font-bold text-gray-900" }, ex = { key: 0 }, tx = {
   key: 0,
   class: "w-4 h-4 mr-1.5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, tx = {
+}, ax = {
   key: 1,
   class: "w-4 h-4 mr-1.5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, ax = { class: "space-y-3 pt-2" }, nx = { class: "flex items-start gap-3" }, sx = { class: "text-sm font-medium text-gray-900" }, rx = { class: "flex items-start gap-3" }, lx = { class: "text-sm text-gray-600" }, ox = {
+}, nx = { class: "space-y-3 pt-2" }, sx = { class: "flex items-start gap-3" }, rx = { class: "text-sm font-medium text-gray-900" }, lx = { class: "flex items-start gap-3" }, ox = { class: "text-sm text-gray-600" }, ix = {
   key: 1,
   class: "pt-4 border-t border-gray-200"
-}, ix = { class: "text-sm text-gray-600 leading-relaxed" }, ux = {
+}, ux = { class: "text-sm text-gray-600 leading-relaxed" }, dx = {
   key: 2,
   class: "pt-4 border-t border-gray-200 space-y-3"
-}, dx = {
+}, cx = {
   key: 0,
   class: "text-sm"
-}, cx = { class: "text-gray-600 mt-1" }, fx = {
+}, fx = { class: "text-gray-600 mt-1" }, mx = {
   key: 1,
   class: "text-sm"
-}, mx = { class: "text-gray-600 mt-1" };
-function gx(e, a, t, n, r, o) {
-  return s(), i("div", Xy, [
-    l("div", Jy, [
-      l("div", Qy, [
-        l("div", Zy, [
+}, gx = { class: "text-gray-600 mt-1" };
+function vx(e, a, t, n, r, o) {
+  return s(), i("div", Jy, [
+    l("div", Qy, [
+      l("div", Zy, [
+        l("div", e1, [
           l("button", {
             class: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors",
             onClick: a[0] || (a[0] = (...u) => o.goToToday && o.goToToday(...u))
           }, " Today "),
-          l("div", e1, [
+          l("div", t1, [
             l("button", {
               class: "p-2 text-gray-600 hover:bg-gray-100 rounded transition-colors",
               onClick: a[1] || (a[1] = (...u) => o.previousPeriod && o.previousPeriod(...u))
@@ -17370,9 +17377,9 @@ function gx(e, a, t, n, r, o) {
               ], -1)
             ])])
           ]),
-          l("h2", t1, w(o.displayTitle), 1)
+          l("h2", a1, w(o.displayTitle), 1)
         ]),
-        l("div", a1, [
+        l("div", n1, [
           l("button", {
             class: m(["px-3 py-2 text-sm font-medium rounded transition-colors", r.viewMode === "year" ? "bg-blue-100 text-blue-700" : "text-gray-700 hover:bg-gray-100"]),
             onClick: a[3] || (a[3] = (u) => r.viewMode = "year")
@@ -17391,26 +17398,26 @@ function gx(e, a, t, n, r, o) {
           }, " Day ", 2)
         ])
       ]),
-      l("div", n1, [
-        r.viewMode === "year" ? (s(), i("div", s1, [
-          l("div", r1, [
-            (s(!0), i(H, null, X(o.yearViewMonths, (u) => (s(), i("div", {
+      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", {
               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)
             }, [
-              l("div", o1, [
-                l("h3", i1, w(u.name), 1)
+              l("div", i1, [
+                l("h3", u1, w(u.name), 1)
               ]),
-              l("div", u1, [
-                l("div", d1, [
-                  (s(!0), i(H, null, X(r.weekDaysShort, (d) => (s(), i("div", {
+              l("div", d1, [
+                l("div", c1, [
+                  (s(!0), i(Y, 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", c1, [
-                  (s(!0), i(H, null, X(u.days, (d, c) => (s(), i("div", {
+                l("div", f1, [
+                  (s(!0), i(Y, 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
@@ -17431,18 +17438,18 @@ function gx(e, a, t, n, r, o) {
                   ], 2))), 128))
                 ])
               ])
-            ], 8, l1))), 128))
+            ], 8, o1))), 128))
           ])
         ])) : v("", !0),
-        r.viewMode === "month" ? (s(), i("div", f1, [
-          l("div", m1, [
-            (s(!0), i(H, null, X(r.weekDays, (u) => (s(), i("div", {
+        r.viewMode === "month" ? (s(), i("div", m1, [
+          l("div", g1, [
+            (s(!0), i(Y, 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", g1, [
-            (s(!0), i(H, null, X(o.calendarDays, (u, d) => (s(), i("div", {
+          l("div", v1, [
+            (s(!0), i(Y, 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",
@@ -17451,7 +17458,7 @@ function gx(e, a, t, n, r, o) {
               ]]),
               onClick: (c) => o.selectDay(u)
             }, [
-              l("div", h1, [
+              l("div", b1, [
                 l("span", {
                   class: m(["text-sm font-medium", [
                     u.isCurrentMonth ? "text-gray-900" : "text-gray-400",
@@ -17459,24 +17466,24 @@ function gx(e, a, t, n, r, o) {
                   ]])
                 }, w(u.dayNumber), 3)
               ]),
-              l("div", b1, [
-                (s(!0), i(H, null, X(u.events.slice(0, 3), (c, x) => (s(), i("div", {
+              l("div", p1, [
+                (s(!0), i(Y, 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"])
-                }, w(c.title), 11, p1))), 128)),
-                u.events.length > 3 ? (s(), i("div", y1, " +" + w(u.events.length - 3) + " more ", 1)) : v("", !0)
+                }, w(c.title), 11, y1))), 128)),
+                u.events.length > 3 ? (s(), i("div", x1, " +" + w(u.events.length - 3) + " more ", 1)) : v("", !0)
               ])
-            ], 10, v1))), 128))
+            ], 10, h1))), 128))
           ])
-        ])) : r.viewMode === "week" ? (s(), i("div", x1, [
-          l("div", w1, [
+        ])) : 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(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
+            (s(!0), i(Y, 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" : ""])
             }, [
-              l("div", k1, w(u.dayName), 1),
+              l("div", $1, w(u.dayName), 1),
               l("div", {
                 class: m(["text-lg font-bold mt-1", [
                   u.isToday ? "bg-blue-600 text-white w-8 h-8 flex items-center justify-center rounded-full mx-auto" : "text-gray-900"
@@ -17484,53 +17491,53 @@ function gx(e, a, t, n, r, o) {
               }, w(u.dayNumber), 3)
             ], 2))), 128))
           ]),
-          l("div", $1, [
+          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(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
+            (s(!0), i(Y, 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(H, null, X(o.getAllDayEvents(u.events), (d) => (s(), i("div", {
+              (s(!0), i(Y, 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)
               }, [
-                l("div", S1, w(d.title), 1)
-              ], 10, C1))), 128))
+                l("div", z1, w(d.title), 1)
+              ], 10, S1))), 128))
             ], 2))), 128))
           ]),
-          l("div", z1, [
-            l("div", A1, [
-              l("div", D1, [
-                (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
+          l("div", A1, [
+            l("div", D1, [
+              l("div", M1, [
+                (s(!0), i(Y, 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(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
+              (s(!0), i(Y, null, X(o.weekViewDays, (u) => (s(), i("div", {
                 key: u.date,
                 class: "border-r border-gray-200 relative"
               }, [
-                (s(!0), i(H, null, X(r.timeSlots, (d) => (s(), i("div", {
+                (s(!0), i(Y, 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(H, null, X(o.getEventsAtTime(u.events, d), (c) => (s(), i("div", {
+                  (s(!0), i(Y, 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)
                   }, [
-                    l("div", V1, w(c.title), 1),
-                    l("div", F1, w(c.time), 1)
-                  ], 10, M1))), 128))
+                    l("div", F1, w(c.title), 1),
+                    l("div", T1, w(c.time), 1)
+                  ], 10, V1))), 128))
                 ], 2))), 128))
               ]))), 128))
             ])
           ])
-        ])) : r.viewMode === "day" ? (s(), i("div", T1, [
-          l("div", B1, [
-            l("div", j1, [
-              l("div", P1, w(o.dayViewDate.dayName), 1),
+        ])) : r.viewMode === "day" ? (s(), i("div", B1, [
+          l("div", j1, [
+            l("div", P1, [
+              l("div", O1, w(o.dayViewDate.dayName), 1),
               l("div", {
                 class: m(["text-3xl font-bold mt-2", [
                   o.dayViewDate.isToday ? "text-blue-600" : "text-gray-900"
@@ -17538,41 +17545,41 @@ function gx(e, a, t, n, r, o) {
               }, w(o.dayViewDate.dayNumber), 3)
             ])
           ]),
-          o.getAllDayEvents(o.dayViewDate.events).length > 0 ? (s(), i("div", O1, [
+          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", _1, [
-              (s(!0), i(H, null, X(o.getAllDayEvents(o.dayViewDate.events), (u) => (s(), i("div", {
+            l("div", L1, [
+              (s(!0), i(Y, 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)
               }, [
-                l("div", E1, w(u.title), 1),
-                u.description ? (s(), i("div", I1, w(u.description), 1)) : v("", !0)
-              ], 10, L1))), 128))
+                l("div", I1, w(u.title), 1),
+                u.description ? (s(), i("div", N1, w(u.description), 1)) : v("", !0)
+              ], 10, E1))), 128))
             ])
           ])) : v("", !0),
-          l("div", N1, [
-            l("div", R1, [
-              l("div", U1, [
-                (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
+          l("div", R1, [
+            l("div", U1, [
+              l("div", q1, [
+                (s(!0), i(Y, 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", q1, [
-                (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
+              l("div", Y1, [
+                (s(!0), i(Y, 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(H, null, X(o.getEventsAtTime(o.dayViewDate.events, u), (d) => (s(), i("div", {
+                  (s(!0), i(Y, 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)
                   }, [
-                    l("div", H1, w(d.title), 1),
-                    l("div", W1, w(d.time), 1),
-                    d.description ? (s(), i("div", G1, w(d.description), 1)) : v("", !0)
-                  ], 10, Y1))), 128))
+                    l("div", W1, w(d.title), 1),
+                    l("div", G1, w(d.time), 1),
+                    d.description ? (s(), i("div", K1, w(d.description), 1)) : v("", !0)
+                  ], 10, H1))), 128))
                 ], 2))), 128))
               ])
             ])
@@ -17591,8 +17598,8 @@ function gx(e, a, t, n, r, o) {
         "leave-to-class": "opacity-0 translate-x-4"
       }, {
         default: J(() => [
-          r.selectedEvent ? (s(), i("div", K1, [
-            l("div", X1, [
+          r.selectedEvent ? (s(), i("div", X1, [
+            l("div", J1, [
               a[14] || (a[14] = l("h3", { class: "text-lg font-semibold text-gray-900" }, " Event Details ", -1)),
               l("button", {
                 class: "text-gray-400 hover:text-gray-600 transition-colors",
@@ -17613,24 +17620,24 @@ function gx(e, a, t, n, r, o) {
                 ], -1)
               ])])
             ]),
-            l("div", J1, [
+            l("div", Q1, [
               l("div", {
                 class: m(["h-1 w-full rounded-full", o.getEventColorClass(r.selectedEvent.color)])
               }, null, 2),
               l("div", null, [
-                l("h4", Q1, w(r.selectedEvent.title), 1)
+                l("h4", Z1, w(r.selectedEvent.title), 1)
               ]),
-              r.selectedEvent.status ? (s(), i("div", Z1, [
+              r.selectedEvent.status ? (s(), i("div", ex, [
                 l("span", {
                   class: m(["inline-flex items-center px-3 py-1.5 rounded-full text-sm font-medium", r.selectedEvent.status === "complied" ? "bg-green-100 text-green-800 border border-green-200" : "bg-orange-100 text-orange-800 border border-orange-200"])
                 }, [
-                  r.selectedEvent.status === "complied" ? (s(), i("svg", ex, [...a[15] || (a[15] = [
+                  r.selectedEvent.status === "complied" ? (s(), i("svg", tx, [...a[15] || (a[15] = [
                     l("path", {
                       "fill-rule": "evenodd",
                       d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
                       "clip-rule": "evenodd"
                     }, null, -1)
-                  ])])) : (s(), i("svg", tx, [...a[16] || (a[16] = [
+                  ])])) : (s(), i("svg", ax, [...a[16] || (a[16] = [
                     l("path", {
                       "fill-rule": "evenodd",
                       d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",
@@ -17640,8 +17647,8 @@ function gx(e, a, t, n, r, o) {
                   oe(" " + w(r.selectedEvent.status === "complied" ? "Complied" : "Pending"), 1)
                 ], 2)
               ])) : v("", !0),
-              l("div", ax, [
-                l("div", nx, [
+              l("div", nx, [
+                l("div", sx, [
                   a[17] || (a[17] = l("svg", {
                     class: "w-5 h-5 text-gray-400 mt-0.5",
                     fill: "none",
@@ -17656,10 +17663,10 @@ function gx(e, a, t, n, r, o) {
                     })
                   ], -1)),
                   l("div", null, [
-                    l("p", sx, w(o.formatEventDate(r.selectedEvent.date, "full")), 1)
+                    l("p", rx, w(o.formatEventDate(r.selectedEvent.date, "full")), 1)
                   ])
                 ]),
-                l("div", rx, [
+                l("div", lx, [
                   a[18] || (a[18] = l("svg", {
                     class: "w-5 h-5 text-gray-400 mt-0.5",
                     fill: "none",
@@ -17673,22 +17680,22 @@ function gx(e, a, t, n, r, o) {
                       d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
                     })
                   ], -1)),
-                  l("p", lx, w(r.selectedEvent.time), 1)
+                  l("p", ox, w(r.selectedEvent.time), 1)
                 ])
               ]),
-              r.selectedEvent.description ? (s(), i("div", ox, [
+              r.selectedEvent.description ? (s(), i("div", ix, [
                 a[19] || (a[19] = l("h5", { class: "text-sm font-semibold text-gray-900 mb-2" }, " Description ", -1)),
-                l("p", ix, w(r.selectedEvent.description), 1)
+                l("p", ux, w(r.selectedEvent.description), 1)
               ])) : v("", !0),
-              r.selectedEvent.compliance ? (s(), i("div", ux, [
+              r.selectedEvent.compliance ? (s(), i("div", dx, [
                 a[22] || (a[22] = l("h5", { class: "text-sm font-semibold text-gray-900 mb-2" }, " Compliance Details ", -1)),
-                r.selectedEvent.compliance.remarks ? (s(), i("div", dx, [
+                r.selectedEvent.compliance.remarks ? (s(), i("div", cx, [
                   a[20] || (a[20] = l("span", { class: "font-medium text-gray-700" }, "Remarks:", -1)),
-                  l("p", cx, w(r.selectedEvent.compliance.remarks), 1)
+                  l("p", fx, w(r.selectedEvent.compliance.remarks), 1)
                 ])) : v("", !0),
-                r.selectedEvent.compliance.compliance_documents?.length ? (s(), i("div", fx, [
+                r.selectedEvent.compliance.compliance_documents?.length ? (s(), i("div", mx, [
                   a[21] || (a[21] = l("span", { class: "font-medium text-gray-700" }, "Documents:", -1)),
-                  l("p", mx, w(r.selectedEvent.compliance.compliance_documents.length) + " document(s) attached ", 1)
+                  l("p", gx, w(r.selectedEvent.compliance.compliance_documents.length) + " document(s) attached ", 1)
                 ])) : v("", !0)
               ])) : v("", !0)
             ])
@@ -17699,7 +17706,7 @@ function gx(e, a, t, n, r, o) {
     ], !0)
   ]);
 }
-const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab614"]]), hx = { class: "w-full h-full relative" }, bx = ["width", "height", "viewBox"], px = { key: 0 }, yx = ["x1", "y1", "x2", "y2", "stroke"], xx = ["id"], wx = ["stop-color"], kx = ["stop-color"], $x = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Cx = ["to", "begin"], Sx = ["from", "to", "begin"], zx = { key: 1 }, Ax = ["x", "y"], Dx = { key: 2 }, Mx = ["x", "y"], Vx = { key: 3 }, Fx = ["x", "y"], Tx = { key: 4 }, Bx = ["x", "y"], jx = ["x1", "y1", "x2", "y2"], Px = ["x1", "y1", "x2", "y2"], Ox = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, _x = { class: "flex items-center gap-2 mb-2" }, Lx = { class: "font-semibold text-sm" }, Ex = { class: "ml-5" }, Ix = { class: "text-xs text-slate-300 mb-1" }, Nx = { class: "text-2xl font-bold" }, Rx = {
+const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab614"]]), bx = { class: "w-full h-full relative" }, px = ["width", "height", "viewBox"], yx = { key: 0 }, xx = ["x1", "y1", "x2", "y2", "stroke"], wx = ["id"], kx = ["stop-color"], $x = ["stop-color"], Cx = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Sx = ["to", "begin"], zx = ["from", "to", "begin"], Ax = { key: 1 }, Dx = ["x", "y"], Mx = { key: 2 }, Vx = ["x", "y"], Fx = { key: 3 }, Tx = ["x", "y"], Bx = { key: 4 }, jx = ["x", "y"], Px = ["x1", "y1", "x2", "y2"], Ox = ["x1", "y1", "x2", "y2"], _x = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, Lx = { class: "flex items-center gap-2 mb-2" }, Ex = { class: "font-semibold text-sm" }, Ix = { class: "ml-5" }, Nx = { class: "text-xs text-slate-300 mb-1" }, Rx = { class: "text-2xl font-bold" }, Ux = {
   __name: "StackedBarChart",
   props: {
     data: {
@@ -17798,31 +17805,31 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__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], Y = ne[E] || 0, b = t.labels[R] || `Item ${R + 1}`, $ = z(E);
+      const ne = t.data[R], E = t.groupKeys[re], H = 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: Y,
+        value: H,
         color: S(re)
-      }, n("bar-hover", { dataIndex: R, barIndex: re, key: E, value: Y, label: b });
+      }, n("bar-hover", { dataIndex: R, barIndex: re, key: E, value: H, label: b });
     }, L = () => {
       r.value.visible = !1;
     }, V = (F, R) => {
-      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 });
+      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 });
     };
-    return (F, R) => (s(), i("div", hx, [
+    return (F, R) => (s(), i("div", bx, [
       (s(), i("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (s(), i("g", px, [
-          (s(!0), i(H, null, X(A.value, (re) => (s(), i("line", {
+        e.showGrid ? (s(), i("g", yx, [
+          (s(!0), i(Y, null, X(A.value, (re) => (s(), i("line", {
             key: `grid-${re}`,
             x1: e.padding.left,
             y1: re,
@@ -17832,10 +17839,10 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
             "stroke-width": "1",
             "stroke-dasharray": "4,4",
             opacity: "0.3"
-          }, null, 8, yx))), 128))
+          }, null, 8, xx))), 128))
         ])) : v("", !0),
         l("defs", null, [
-          (s(!0), i(H, null, X(e.groupKeys, (re, ne) => (s(), i("linearGradient", {
+          (s(!0), i(Y, null, X(e.groupKeys, (re, ne) => (s(), i("linearGradient", {
             id: `barGradient-${ne}`,
             key: `gradient-${ne}`,
             x1: "0%",
@@ -17847,84 +17854,84 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
               offset: "0%",
               "stop-color": S(ne),
               "stop-opacity": "0.95"
-            }, null, 8, wx),
+            }, null, 8, kx),
             l("stop", {
               offset: "100%",
               "stop-color": S(ne),
               "stop-opacity": "0.85"
-            }, null, 8, kx)
-          ], 8, xx))), 128))
+            }, null, 8, $x)
+          ], 8, wx))), 128))
         ]),
         l("g", null, [
-          (s(!0), i(H, null, X(e.data, (re, ne) => (s(), i("g", {
+          (s(!0), i(Y, null, X(e.data, (re, ne) => (s(), i("g", {
             key: `bar-group-${ne}`
           }, [
-            (s(!0), i(H, null, X(e.groupKeys, (E, Y) => (s(), i("rect", {
-              key: `bar-${ne}-${Y}`,
-              x: T(ne, Y),
+            (s(!0), i(Y, null, X(e.groupKeys, (E, H) => (s(), i("rect", {
+              key: `bar-${ne}-${H}`,
+              x: T(ne, H),
               y: j(re[E] || 0),
               width: x.value,
               height: M(re[E] || 0),
-              fill: `url(#barGradient-${Y})`,
+              fill: `url(#barGradient-${H})`,
               class: m(e.barClasses),
               rx: "4",
-              onMouseenter: (b) => D(b, ne, Y),
+              onMouseenter: (b) => D(b, ne, H),
               onMouseleave: L,
-              onClick: (b) => V(ne, Y)
+              onClick: (b) => V(ne, H)
             }, [
               l("animate", {
                 attributeName: "height",
                 from: 0,
                 to: M(re[E] || 0),
                 dur: "0.6s",
-                begin: `${Y * 0.1}s`,
+                begin: `${H * 0.1}s`,
                 fill: "freeze"
-              }, null, 8, Cx),
+              }, null, 8, Sx),
               l("animate", {
                 attributeName: "y",
                 from: e.padding.top + o.value,
                 to: j(re[E] || 0),
                 dur: "0.6s",
-                begin: `${Y * 0.1}s`,
+                begin: `${H * 0.1}s`,
                 fill: "freeze"
-              }, null, 8, Sx)
-            ], 42, $x))), 128))
+              }, null, 8, zx)
+            ], 42, Cx))), 128))
           ]))), 128))
         ]),
-        e.showXAxis ? (s(), i("g", zx, [
-          (s(!0), i(H, null, X(e.labels, (re, ne) => (s(), i("text", {
+        e.showXAxis ? (s(), i("g", Ax, [
+          (s(!0), i(Y, null, X(e.labels, (re, ne) => (s(), i("text", {
             key: `xlabel-${ne}`,
             x: _(ne) + d.value / 2,
             y: e.height - e.padding.bottom + 20,
             class: m(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, w(re), 11, Ax))), 128))
+          }, w(re), 11, Dx))), 128))
         ])) : v("", !0),
-        e.xAxisLabel ? (s(), i("g", Dx, [
+        e.xAxisLabel ? (s(), i("g", Mx, [
           l("text", {
             x: e.padding.left + u.value / 2,
             y: e.height - 10,
             class: "fill-slate-700 text-sm font-semibold",
             "text-anchor": "middle"
-          }, w(e.xAxisLabel), 9, Mx)
+          }, w(e.xAxisLabel), 9, Vx)
         ])) : v("", !0),
-        e.showYAxis ? (s(), i("g", Vx, [
-          (s(!0), i(H, null, X(A.value, (re) => (s(), i("text", {
+        e.showYAxis ? (s(), i("g", Fx, [
+          (s(!0), i(Y, null, X(A.value, (re) => (s(), i("text", {
             key: `ylabel-${re}`,
             x: e.padding.left - 10,
             y: re + 4,
             class: m(e.axisLabelClasses),
             "text-anchor": "end"
-          }, w(k(re)), 11, Fx))), 128))
+          }, w(k(re)), 11, Tx))), 128))
         ])) : v("", !0),
-        e.yAxisLabel ? (s(), i("g", Tx, [
+        e.yAxisLabel ? (s(), i("g", Bx, [
           l("text", {
             x: -(e.padding.top + o.value / 2),
             y: e.padding.left - 40,
             class: "fill-slate-700 text-sm font-semibold",
             "text-anchor": "middle",
             transform: "rotate(-90)"
-          }, w(e.yAxisLabel), 9, Bx)
+          }, w(e.yAxisLabel), 9, jx)
         ])) : v("", !0),
         l("line", {
           x1: e.padding.left,
@@ -17933,7 +17940,7 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
           y2: e.height - e.padding.bottom,
           stroke: "#cbd5e1",
           "stroke-width": "2"
-        }, null, 8, jx),
+        }, null, 8, Px),
         l("line", {
           x1: e.padding.left,
           y1: e.height - e.padding.bottom,
@@ -17941,8 +17948,8 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
           y2: e.height - e.padding.bottom,
           stroke: "#cbd5e1",
           "stroke-width": "2"
-        }, null, 8, Px)
-      ], 8, bx)),
+        }, null, 8, Ox)
+      ], 8, px)),
       r.value.visible ? (s(), i("div", {
         key: 0,
         style: be({
@@ -17955,17 +17962,17 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", Ox, [
-          l("div", _x, [
+        l("div", _x, [
+          l("div", Lx, [
             l("div", {
               style: be({ backgroundColor: r.value.color }),
               class: "w-3 h-3 rounded shadow-sm"
             }, null, 4),
-            l("p", Lx, w(r.value.label), 1)
+            l("p", Ex, w(r.value.label), 1)
           ]),
-          l("div", Ex, [
-            l("p", Ix, w(r.value.barLabel), 1),
-            l("span", Nx, w(r.value.value) + "%", 1)
+          l("div", Ix, [
+            l("p", Nx, w(r.value.barLabel), 1),
+            l("span", Rx, w(r.value.value) + "%", 1)
           ]),
           R[0] || (R[0] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
@@ -18028,13 +18035,13 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
   TabPanel: Zc,
   BarChart: Us,
   LineChart: qs,
-  StackedBarChart: Rx,
+  StackedBarChart: Ux,
   GraphFilters: $m,
   Accordion: rf,
   AccordionItem: lf,
   Graph: $f,
   Calendar: bf,
-  EventsCalendar: vx,
+  EventsCalendar: hx,
   DataTable: p0,
   DataTableHeader: Ys,
   DataTableRow: y0,
@@ -18044,16 +18051,16 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
   DataTableToolBar: Dg,
   Footer: Og,
   Header: nh,
-  ReusableFormModal: Vh,
-  ReusableForm: wb,
-  Sidebar: Xb,
-  Timeline: Jb,
-  TimelineItem: np,
-  AuthLayout: Tp,
-  DefaultLayout: Lp,
-  ErrorLayout: ry,
-  DashboardWidget: Yy
-}, Hx = {
+  ReusableFormModal: Fh,
+  ReusableForm: kb,
+  Sidebar: Jb,
+  Timeline: Qb,
+  TimelineItem: sp,
+  AuthLayout: Bp,
+  DefaultLayout: Ep,
+  ErrorLayout: ly,
+  DashboardWidget: Hy
+}, Wx = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Fn).forEach((n) => {
@@ -18066,7 +18073,7 @@ export {
   rf as Accordion,
   lf as AccordionItem,
   Fu as Alert,
-  Tp as AuthLayout,
+  Bp as AuthLayout,
   Si as Avatar,
   Ls as Badge,
   Us as BarChart,
@@ -18082,7 +18089,7 @@ export {
   td as CardTitle,
   Ut as Checkbox,
   Is as CircularProgress,
-  Yy as DashboardWidget,
+  Hy as DashboardWidget,
   p0 as DataTable,
   x0 as DataTableCell,
   fg as DataTableFilters,
@@ -18091,12 +18098,12 @@ export {
   y0 as DataTableRow,
   Dg as DataTableToolBar,
   Xt as DatePicker,
-  Lp as DefaultLayout,
+  Ep as DefaultLayout,
   Pi as Divider,
   fd as Dropdown,
   gd as DropdownItem,
-  ry as ErrorLayout,
-  vx as EventsCalendar,
+  ly as ErrorLayout,
+  hx as EventsCalendar,
   qt as FileUpload,
   Og as Footer,
   qa as FormField,
@@ -18123,14 +18130,14 @@ export {
   Ji as Progress,
   Zi as ProgressBar,
   lu as Radio,
-  wb as ReusableForm,
-  Vh as ReusableFormModal,
+  kb as ReusableForm,
+  Fh as ReusableFormModal,
   Pc as Search,
   Ye as Select,
-  Xb as Sidebar,
+  Jb as Sidebar,
   Ha as Slider,
   Ra as Spinner,
-  Rx as StackedBarChart,
+  Ux as StackedBarChart,
   Ic as Stepper,
   Yc as StepperItem,
   wu as Switch,
@@ -18138,13 +18145,13 @@ export {
   Zc as TabPanel,
   ku as Text,
   Ua as Textarea,
-  Jb as Timeline,
-  np as TimelineItem,
+  Qb as Timeline,
+  sp as TimelineItem,
   xc as Toast,
   Ns as Tooltip,
   za as Typography,
   O as cn,
-  Hx as default,
+  Wx as default,
   De as toast,
   An as tooltip,
   fc as useToaster