@stlhorizon/vue-ui 2.10.2 → 2.10.3

package/dist/index.esm.js

@@ -5842,15 +5842,40 @@ const Q = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, su = { class: "text-lg font-semibold leading-tight text-foreground" }, lu = {
+}, su = {
   key: 0,
-  class: "text-sm text-muted-foreground"
+  class: "text-lg font-semibold leading-tight text-black"
+}, lu = {
+  key: 1,
+  class: "text-lg font-semibold leading-tight text-black"
 }, ou = {
+  key: 2,
+  class: "text-sm text-gray-600"
+}, iu = {
+  key: 3,
+  class: "text-sm text-gray-600"
+}, uu = {
   key: 0,
   class: "flex items-center gap-2"
-}, iu = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, du = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "CardHeader",
   props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    titleClass: {
+      type: String,
+      default: ""
+    },
+    subtitleClass: {
+      type: String,
+      default: ""
+    },
     padding: {
       type: String,
       default: "p-4 md:p-6"
@@ -5863,7 +5888,7 @@ const Q = {
   setup(e) {
     return (a, t) => (s(), u("header", {
       class: m(L(S)(
-        "flex items-center justify-between border-b border-border bg-card/30 backdrop-blur-sm",
+        "flex items-center justify-between border-b border-border bg-white text-black",
         e.padding,
         a.$attrs.class
       ))
@@ -5871,19 +5896,19 @@ const Q = {
       i("div", {
         class: m(L(S)("flex flex-col", e.textSpacing))
       }, [
-        i("h2", su, [
+        e.title ? (s(), u("h2", su, x(e.title), 1)) : (s(), u("h2", lu, [
           F(a.$slots, "title")
-        ]),
-        a.$slots.description ? (s(), u("p", lu, [
+        ])),
+        e.subtitle ? (s(), u("p", ou, x(e.subtitle), 1)) : a.$slots.description ? (s(), u("p", iu, [
           F(a.$slots, "description")
         ])) : h("", !0)
       ], 2),
-      a.$slots.actions ? (s(), u("div", ou, [
+      a.$slots.actions ? (s(), u("div", uu, [
         F(a.$slots, "actions")
       ])) : h("", !0)
     ], 2));
   }
-}), uu = {
+}), cu = {
   __name: "CardBody",
   props: {
     variant: {
@@ -5910,7 +5935,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, du = {
+}, fu = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -5937,7 +5962,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, cu = /* @__PURE__ */ Object.assign({
+}, mu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -5948,7 +5973,7 @@ const Q = {
       F(a.$slots, "default")
     ], 2));
   }
-}), fu = /* @__PURE__ */ Object.assign({
+}), gu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -5959,7 +5984,7 @@ const Q = {
       F(a.$slots, "default")
     ], 2));
   }
-}), mu = { class: "relative w-full" }, gu = { class: "relative" }, vu = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], bu = { class: "flex items-center justify-between mb-4" }, hu = { class: "text-base font-semibold text-slate-900" }, pu = { class: "grid grid-cols-7 gap-1 mb-2" }, yu = { class: "grid grid-cols-7 gap-1" }, xu = ["disabled", "onClick"], wu = {
+}), vu = { class: "relative w-full" }, bu = { class: "relative" }, hu = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], pu = { class: "flex items-center justify-between mb-4" }, yu = { class: "text-base font-semibold text-slate-900" }, xu = { class: "grid grid-cols-7 gap-1 mb-2" }, wu = { class: "grid grid-cols-7 gap-1" }, ku = ["disabled", "onClick"], Su = {
   key: 0,
   class: "mt-4 pt-3 border-t border-slate-200"
 }, xa = {
@@ -6085,8 +6110,8 @@ const Q = {
       document.addEventListener("keydown", J);
     }), nn(() => {
       document.removeEventListener("keydown", J);
-    }), ($, M) => (s(), u("div", mu, [
-      i("div", gu, [
+    }), ($, M) => (s(), u("div", vu, [
+      i("div", bu, [
         i("input", {
           id: e.id,
           type: "text",
@@ -6098,7 +6123,7 @@ const Q = {
           "aria-describedby": e.ariaDescribedby,
           class: "w-full px-3 py-2 pr-10 border border-slate-300 rounded-md bg-white text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
           onClick: j
-        }, null, 8, vu),
+        }, null, 8, hu),
         M[2] || (M[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           i("svg", {
             class: "w-5 h-5 text-slate-400",
@@ -6151,7 +6176,7 @@ const Q = {
             onClick: M[0] || (M[0] = Ne(() => {
             }, ["stop"]))
           }, [
-            i("div", bu, [
+            i("div", pu, [
               i("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
@@ -6172,7 +6197,7 @@ const Q = {
                   })
                 ], -1)
               ])]),
-              i("div", hu, x(w.value) + " " + x(d.value), 1),
+              i("div", yu, x(w.value) + " " + x(d.value), 1),
               i("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
@@ -6194,13 +6219,13 @@ const Q = {
                 ], -1)
               ])])
             ]),
-            i("div", pu, [
+            i("div", xu, [
               (s(), u(G, null, X(p, (Y) => i("div", {
                 key: Y,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
               }, x(Y), 1)), 64))
             ]),
-            i("div", yu, [
+            i("div", wu, [
               (s(!0), u(G, null, X(C.value, (Y, oe) => (s(), u("div", {
                 key: "prev-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
@@ -6216,13 +6241,13 @@ const Q = {
                   O(Y) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
                 ]),
                 onClick: (oe) => te(Y)
-              }, x(Y), 11, xu))), 128)),
+              }, x(Y), 11, ku))), 128)),
               (s(!0), u(G, null, X(z.value, (Y, oe) => (s(), u("div", {
                 key: "next-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
               }, x(Y), 1))), 128))
             ]),
-            e.showToday ? (s(), u("div", wu, [
+            e.showToday ? (s(), u("div", Su, [
               i("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
@@ -6240,7 +6265,7 @@ const Q = {
       })) : h("", !0)
     ]));
   }
-}, ku = ["aria-expanded"], Su = {
+}, $u = ["aria-expanded"], Cu = {
   __name: "Dropdown",
   props: {
     triggerText: {
@@ -6313,7 +6338,7 @@ const Q = {
             class: "ml-2 h-4 w-4"
           })
         ])
-      ], 10, ku),
+      ], 10, $u),
       P(fe, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
@@ -6336,10 +6361,10 @@ const Q = {
       })
     ], 512));
   }
-}, $u = {
+}, zu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Cu = {
+}, Au = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -6383,18 +6408,18 @@ const Q = {
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : h("", !0),
         F(d.$slots, "default"),
-        e.shortcut ? (s(), u("span", $u, x(e.shortcut), 1)) : h("", !0)
+        e.shortcut ? (s(), u("span", zu, x(e.shortcut), 1)) : h("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, zu = { class: "w-full" }, Au = ["multiple", "accept"], Iu = { class: "flex flex-col items-center justify-center py-6" }, Tu = {
+}, Iu = { class: "w-full" }, Tu = ["multiple", "accept"], Pu = { class: "flex flex-col items-center justify-center py-6" }, ju = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
-}, Pu = {
+}, Bu = {
   key: 0,
   class: "mt-4 space-y-2"
-}, ju = { class: "flex items-center space-x-2" }, Bu = { class: "text-sm" }, Ou = { class: "text-xs text-muted-foreground" }, Fu = ["onClick"], Vu = {
+}, Ou = { class: "flex items-center space-x-2" }, Fu = { class: "text-sm" }, Vu = { class: "text-xs text-muted-foreground" }, Mu = ["onClick"], Du = {
   __name: "FileUpload",
   props: {
     multiple: Boolean,
@@ -6453,7 +6478,7 @@ const Q = {
       const A = 1024, O = ["Bytes", "KB", "MB", "GB"], j = Math.floor(Math.log(y) / Math.log(A));
       return parseFloat((y / Math.pow(A, j)).toFixed(2)) + " " + O[j];
     };
-    return (y, A) => (s(), u("div", zu, [
+    return (y, A) => (s(), u("div", Iu, [
       i("div", {
         class: m(c.value),
         onDrop: p,
@@ -6470,8 +6495,8 @@ const Q = {
           accept: e.accept,
           class: "hidden",
           onChange: z
-        }, null, 40, Au),
-        i("div", Iu, [
+        }, null, 40, Tu),
+        i("div", Pu, [
           P(Q, {
             icon: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
@@ -6480,21 +6505,21 @@ const Q = {
             i("span", { class: "font-semibold" }, "Click to upload"),
             ee(" or drag and drop ")
           ], -1)),
-          e.accept ? (s(), u("p", Tu, x(e.accept), 1)) : h("", !0)
+          e.accept ? (s(), u("p", ju, x(e.accept), 1)) : h("", !0)
         ])
       ], 34),
-      r.value.length > 0 ? (s(), u("div", Pu, [
+      r.value.length > 0 ? (s(), u("div", Bu, [
         (s(!0), u(G, null, X(r.value, (O, j) => (s(), u("div", {
           key: j,
           class: "flex items-center justify-between p-2 bg-gray-300 rounded-md"
         }, [
-          i("div", ju, [
+          i("div", Ou, [
             P(Q, {
               icon: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            i("span", Bu, x(O.name), 1),
-            i("span", Ou, "(" + x(f(O.size)) + ")", 1)
+            i("span", Fu, x(O.name), 1),
+            i("span", Vu, "(" + x(f(O.size)) + ")", 1)
           ]),
           i("button", {
             class: "text-muted-foreground hover:text-foreground",
@@ -6504,16 +6529,16 @@ const Q = {
               icon: "x",
               class: "h-4 w-4"
             })
-          ], 8, Fu)
+          ], 8, Mu)
         ]))), 128))
       ])) : h("", !0)
     ]));
   }
-}, Mu = ["for"], Du = {
+}, Eu = ["for"], Lu = {
   key: 0,
   class: "text-red-500 ml-1",
   "aria-label": "required"
-}, Eu = { class: "relative" }, Lu = ["aria-label"], Nu = ["id"], Ru = ["id"], fr = {
+}, Nu = { class: "relative" }, Ru = ["aria-label"], _u = ["id"], qu = ["id"], fr = {
   __name: "FormField",
   props: {
     label: String,
@@ -6600,13 +6625,13 @@ const Q = {
           class: m(L(S)(L(k)({ size: e.size })))
         }, [
           ee(x(e.label) + " ", 1),
-          e.required ? (s(), u("span", Du, "*")) : h("", !0)
-        ], 10, Mu)) : h("", !0),
+          e.required ? (s(), u("span", Lu, "*")) : h("", !0)
+        ], 10, Eu)) : h("", !0),
         e.description ? (s(), u("p", {
           key: 1,
           class: m(L(S)(L(V)({ size: e.size })))
         }, x(e.description), 3)) : h("", !0),
-        i("div", Eu, [
+        i("div", Nu, [
           e.type === "date" ? (s(), U(xa, {
             key: 0,
             id: l.value,
@@ -6634,7 +6659,7 @@ const Q = {
               icon: d.value ? "eye-slash" : "eye",
               class: "w-4 h-4"
             }, null, 8, ["icon"])
-          ], 8, Lu)) : h("", !0)
+          ], 8, Ru)) : h("", !0)
         ]),
         P(fe, {
           "enter-active-class": "transition-all duration-200",
@@ -6657,7 +6682,7 @@ const Q = {
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
               i("span", null, x(e.error), 1)
-            ], 10, Nu)) : h("", !0)
+            ], 10, _u)) : h("", !0)
           ]),
           _: 1
         }),
@@ -6665,7 +6690,7 @@ const Q = {
           key: 2,
           id: `${l.value}-help`,
           class: m(L(S)(L(z)({ size: e.size })))
-        }, x(e.helpText), 11, Ru)) : h("", !0),
+        }, x(e.helpText), 11, qu)) : h("", !0),
         P(fe, {
           "enter-active-class": "transition-all duration-200",
           "enter-from-class": "opacity-0 -translate-y-1",
@@ -6691,13 +6716,13 @@ const Q = {
       ], 2);
     };
   }
-}, _u = {
+}, Wu = {
   key: 0,
   class: "flex items-center px-3 bg-muted border border-r-0 rounded-l-md"
-}, qu = {
+}, Yu = {
   key: 1,
   class: "flex items-center px-3 bg-muted border border-l-0 rounded-r-md"
-}, Wu = {
+}, Uu = {
   __name: "InputGroup",
   props: {
     variant: {
@@ -6720,28 +6745,28 @@ const Q = {
     return (r, l) => (s(), u("div", {
       class: m(n.value)
     }, [
-      r.$slots.prefix ? (s(), u("div", _u, [
+      r.$slots.prefix ? (s(), u("div", Wu, [
         F(r.$slots, "prefix")
       ])) : h("", !0),
       F(r.$slots, "default"),
-      r.$slots.suffix ? (s(), u("div", qu, [
+      r.$slots.suffix ? (s(), u("div", Yu, [
         F(r.$slots, "suffix")
       ])) : h("", !0)
     ], 2));
   }
-}, Yu = ["role"], Uu = {
+}, Hu = ["role"], Gu = {
   key: 0,
   class: "flex-shrink-0"
-}, Hu = { class: "flex-1 min-w-0" }, Gu = {
+}, Xu = { class: "flex-1 min-w-0" }, Ku = {
   key: 0,
   class: "text-sm font-medium text-foreground"
-}, Xu = {
+}, Ju = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Ku = {
+}, Qu = {
   key: 1,
   class: "flex-shrink-0"
-}, Ju = {
+}, Zu = {
   __name: "ListItem",
   props: {
     title: String,
@@ -6788,7 +6813,7 @@ const Q = {
         onClick: c
       }, {
         default: N(() => [
-          p.$slots.icon || e.icon ? (s(), u("div", Uu, [
+          p.$slots.icon || e.icon ? (s(), u("div", Gu, [
             F(p.$slots, "icon", {}, () => [
               e.icon ? (s(), U(Q, {
                 key: 0,
@@ -6797,23 +6822,23 @@ const Q = {
               }, null, 8, ["name"])) : h("", !0)
             ])
           ])) : h("", !0),
-          i("div", Hu, [
-            e.title ? (s(), u("div", Gu, x(e.title), 1)) : h("", !0),
-            e.description ? (s(), u("div", Xu, x(e.description), 1)) : h("", !0),
+          i("div", Xu, [
+            e.title ? (s(), u("div", Ku, x(e.title), 1)) : h("", !0),
+            e.description ? (s(), u("div", Ju, x(e.description), 1)) : h("", !0),
             F(p.$slots, "default")
           ]),
-          p.$slots.action ? (s(), u("div", Ku, [
+          p.$slots.action ? (s(), u("div", Qu, [
             F(p.$slots, "action")
           ])) : h("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
-    ], 10, Yu));
+    ], 10, Hu));
   }
-}, Qu = {
+}, ed = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Zu = {
+}, td = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -6858,7 +6883,7 @@ const Q = {
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : h("", !0),
         F(d.$slots, "default"),
-        e.shortcut ? (s(), u("span", Qu, x(e.shortcut), 1)) : h("", !0),
+        e.shortcut ? (s(), u("span", ed, x(e.shortcut), 1)) : h("", !0),
         e.hasSubmenu ? (s(), U(Q, {
           key: 2,
           name: "chevron-right",
@@ -6965,26 +6990,26 @@ const Q = {
       })
     ]));
   }
-}, ed = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, td = {
+}, ad = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, nd = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, ad = {
+}, rd = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, nd = {
+}, sd = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(e) {
-    return (a, t) => (s(), u("div", ed, [
-      e.title ? (s(), u("h2", td, x(e.title), 1)) : h("", !0),
-      e.description ? (s(), u("p", ad, x(e.description), 1)) : h("", !0),
+    return (a, t) => (s(), u("div", ad, [
+      e.title ? (s(), u("h2", nd, x(e.title), 1)) : h("", !0),
+      e.description ? (s(), u("p", rd, x(e.description), 1)) : h("", !0),
       F(a.$slots, "default")
     ]));
   }
-}, rd = {
+}, ld = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -7010,7 +7035,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, sd = {
+}, od = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -7036,13 +7061,13 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, ld = ["aria-live"], od = { class: "flex items-start space-x-3" }, id = {
+}, id = ["aria-live"], ud = { class: "flex items-start space-x-3" }, dd = {
   key: 0,
   class: "flex-shrink-0"
-}, ud = { class: "flex-1 min-w-0" }, dd = {
+}, cd = { class: "flex-1 min-w-0" }, fd = {
   key: 0,
   class: "text-sm font-medium"
-}, cd = {
+}, md = {
   __name: "Notification",
   props: {
     title: String,
@@ -7118,15 +7143,15 @@ const Q = {
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
-          i("div", od, [
-            e.showIcon ? (s(), u("div", id, [
+          i("div", ud, [
+            e.showIcon ? (s(), u("div", dd, [
               P(Q, {
                 name: p.value,
                 class: m(w.value)
               }, null, 8, ["name", "class"])
             ])) : h("", !0),
-            i("div", ud, [
-              e.title ? (s(), u("div", dd, x(e.title), 1)) : h("", !0),
+            i("div", cd, [
+              e.title ? (s(), u("div", fd, x(e.title), 1)) : h("", !0),
               e.message ? (s(), u("div", {
                 key: 1,
                 class: m(["text-sm", { "mt-1": e.title }])
@@ -7144,23 +7169,23 @@ const Q = {
               })
             ])) : h("", !0)
           ])
-        ], 10, ld)) : h("", !0)
+        ], 10, id)) : h("", !0)
       ]),
       _: 3
     }));
   }
 }, it = W([]);
-let fd = 0;
-const md = {
+let gd = 0;
+const vd = {
   duration: 3e3,
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, gd = () => `toast-${++fd}-${Date.now()}`, Te = (e, a = {}) => {
-  const t = gd(), n = {
+}, bd = () => `toast-${++gd}-${Date.now()}`, Te = (e, a = {}) => {
+  const t = bd(), n = {
     id: t,
     message: e,
-    ...md,
+    ...vd,
     ...a,
     createdAt: Date.now()
   };
@@ -7220,20 +7245,20 @@ const md = {
       component: sn(e)
     })
   }
-), vd = () => ({
+), hd = () => ({
   toasts: it,
   dismiss: st,
   dismissAll: gr
-}), bd = ["aria-live"], hd = { class: "flex-1 grid gap-1" }, pd = {
+}), pd = ["aria-live"], yd = { class: "flex-1 grid gap-1" }, xd = {
   key: 0,
   class: "text-lg font-extrabold"
-}, yd = {
+}, wd = {
   key: 1,
   class: "text-md opacity-90"
-}, xd = {
+}, kd = {
   key: 2,
   class: "text-md opacity-90"
-}, wd = ["onClick"], kd = ["onClick"], Sd = {
+}, Sd = ["onClick"], $d = ["onClick"], Cd = {
   __name: "Toast",
   props: {
     position: {
@@ -7270,7 +7295,7 @@ const md = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = vd(), r = {
+    const a = e, { toasts: t, dismiss: n } = hd(), r = {
       "top-left": "top-0 left-0 flex-col",
       "top-center": "top-0 left-1/2 -translate-x-1/2 flex-col",
       "top-right": "top-0 right-0 flex-col",
@@ -7342,10 +7367,10 @@ const md = {
                 icon: w(g),
                 class: m([k(g), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : h("", !0),
-              i("div", hd, [
-                g.title ? (s(), u("div", pd, x(g.title), 1)) : h("", !0),
-                g.message ? (s(), u("div", yd, x(g.message), 1)) : h("", !0),
-                g.description ? (s(), u("div", xd, x(g.description), 1)) : h("", !0),
+              i("div", yd, [
+                g.title ? (s(), u("div", xd, x(g.title), 1)) : h("", !0),
+                g.message ? (s(), u("div", wd, x(g.message), 1)) : h("", !0),
+                g.description ? (s(), u("div", kd, x(g.description), 1)) : h("", !0),
                 g.component ? (s(), U(pe(g.component), Xe({
                   key: 3,
                   ref_for: !0
@@ -7355,7 +7380,7 @@ const md = {
                 key: 1,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
                 onClick: g.action.onClick
-              }, x(g.action.label), 9, wd)) : h("", !0),
+              }, x(g.action.label), 9, Sd)) : h("", !0),
               C(g) ? (s(), u("button", {
                 key: 2,
                 class: "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
@@ -7365,36 +7390,36 @@ const md = {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, kd)) : h("", !0)
-            ], 10, bd))), 128))
+              ], 8, $d)) : h("", !0)
+            ], 10, pd))), 128))
           ]),
           _: 1
         })
       ], 2)
     ]));
   }
-}, $d = { class: "relative" }, Cd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, zd = ["value", "placeholder", "disabled"], Ad = {
+}, zd = { class: "relative" }, Ad = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Id = ["value", "placeholder", "disabled"], Td = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, Id = ["aria-label"], Td = {
+}, Pd = ["aria-label"], jd = {
   key: 1,
   class: "animate-spin"
-}, Pd = {
+}, Bd = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, jd = ["onClick", "onMouseenter"], Bd = { class: "flex-1 text-left" }, Od = { class: "font-medium text-slate-900" }, Fd = {
+}, Od = ["onClick", "onMouseenter"], Fd = { class: "flex-1 text-left" }, Vd = { class: "font-medium text-slate-900" }, Md = {
   key: 0,
   class: "text-sm text-slate-500 truncate"
-}, Vd = {
+}, Dd = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, Md = {
+}, Ed = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, Dd = {
+}, Ld = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, Ed = {
+}, Nd = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -7508,8 +7533,8 @@ const md = {
       ref: d,
       class: "relative"
     }, [
-      i("div", $d, [
-        i("div", Cd, [
+      i("div", zd, [
+        i("div", Ad, [
           P(t, {
             class: m(se.value)
           }, null, 8, ["class"])
@@ -7525,8 +7550,8 @@ const md = {
           onFocus: C,
           onBlur: z,
           onKeydown: f
-        }, null, 42, zd),
-        e.modelValue || e.loading ? (s(), u("div", Ad, [
+        }, null, 42, Id),
+        e.modelValue || e.loading ? (s(), u("div", Td, [
           !e.loading && e.clearable ? (s(), u("button", {
             key: 0,
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
@@ -7534,7 +7559,7 @@ const md = {
             onClick: v
           }, [
             P(n, { class: "w-4 h-4" })
-          ], 8, Id)) : e.loading ? (s(), u("div", Td, [
+          ], 8, Pd)) : e.loading ? (s(), u("div", jd, [
             P(r, { class: "w-4 h-4 text-slate-400" })
           ])) : h("", !0)
         ])) : h("", !0)
@@ -7552,7 +7577,7 @@ const md = {
             key: 0,
             class: m(H.value)
           }, [
-            e.results.length > 0 ? (s(), u("div", Pd, [
+            e.results.length > 0 ? (s(), u("div", Bd, [
               (s(!0), u(G, null, X(e.results, (J, $) => (s(), u("button", {
                 key: J.id || $,
                 class: m(le($)),
@@ -7563,14 +7588,14 @@ const md = {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : h("", !0),
-                i("div", Bd, [
-                  i("div", Od, x(y(J.title)), 1),
-                  J.description ? (s(), u("div", Fd, x(y(J.description)), 1)) : h("", !0)
+                i("div", Fd, [
+                  i("div", Vd, x(y(J.title)), 1),
+                  J.description ? (s(), u("div", Md, x(y(J.description)), 1)) : h("", !0)
                 ]),
-                J.category ? (s(), u("div", Vd, x(J.category), 1)) : h("", !0)
-              ], 42, jd))), 128))
-            ])) : e.showNoResults ? (s(), u("div", Md, x(e.noResultsText), 1)) : h("", !0),
-            B.$slots.footer ? (s(), u("div", Dd, [
+                J.category ? (s(), u("div", Dd, x(J.category), 1)) : h("", !0)
+              ], 42, Od))), 128))
+            ])) : e.showNoResults ? (s(), u("div", Ed, x(e.noResultsText), 1)) : h("", !0),
+            B.$slots.footer ? (s(), u("div", Ld, [
               F(B.$slots, "footer")
             ])) : h("", !0)
           ], 2)) : h("", !0)
@@ -7579,7 +7604,7 @@ const md = {
       })
     ], 512));
   }
-}, Ld = { class: "w-full" }, Nd = ["min", "max", "step", "value"], Rd = { class: "flex justify-between text-xs text-slate-500 mt-1" }, vr = {
+}, Rd = { class: "w-full" }, _d = ["min", "max", "step", "value"], qd = { class: "flex justify-between text-xs text-slate-500 mt-1" }, vr = {
   __name: "Slider",
   props: {
     modelValue: { type: [Number, String], default: 0 },
@@ -7592,7 +7617,7 @@ const md = {
     const t = a, n = (r) => {
       t("update:modelValue", Number(r.target.value));
     };
-    return (r, l) => (s(), u("div", Ld, [
+    return (r, l) => (s(), u("div", Rd, [
       i("input", {
         type: "range",
         min: e.min,
@@ -7601,25 +7626,25 @@ const md = {
         value: e.modelValue,
         class: "w-full accent-blue-500 cursor-pointer",
         onInput: n
-      }, null, 40, Nd),
-      i("div", Rd, [
+      }, null, 40, _d),
+      i("div", qd, [
         i("span", null, x(e.min), 1),
         i("span", null, x(e.modelValue), 1),
         i("span", null, x(e.max), 1)
       ])
     ]));
   }
-}, _d = { class: "flex items-center space-x-4" }, qd = {
+}, Wd = { class: "flex items-center space-x-4" }, Yd = {
   __name: "Stepper",
   setup(e) {
-    return (a, t) => (s(), u("div", _d, [
+    return (a, t) => (s(), u("div", Wd, [
       F(a.$slots, "default")
     ]));
   }
-}, Wd = { class: "flex items-center" }, Yd = { class: "ml-2" }, Ud = { class: "font-medium" }, Hd = {
+}, Ud = { class: "flex items-center" }, Hd = { class: "ml-2" }, Gd = { class: "font-medium" }, Xd = {
   key: 0,
   class: "text-sm text-slate-400"
-}, Gd = {
+}, Kd = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -7629,7 +7654,7 @@ const md = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (s(), u("div", Wd, [
+    return (a, t) => (s(), u("div", Ud, [
       i("div", {
         class: m([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -7638,16 +7663,16 @@ const md = {
       }, [
         i("span", null, x(e.step), 1)
       ], 2),
-      i("div", Yd, [
-        i("div", Ud, x(e.title), 1),
-        e.description ? (s(), u("div", Hd, x(e.description), 1)) : h("", !0)
+      i("div", Hd, [
+        i("div", Gd, x(e.title), 1),
+        e.description ? (s(), u("div", Xd, x(e.description), 1)) : h("", !0)
       ])
     ]));
   }
-}, Xd = { class: "w-full" }, Kd = {
+}, Jd = { class: "w-full" }, Qd = {
   class: "flex space-x-1 border-b border-slate-200",
   role: "tablist"
-}, Jd = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Qd = { class: "mt-4" }, Zd = {
+}, Zd = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], ec = { class: "mt-4" }, tc = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 },
@@ -7685,8 +7710,8 @@ const md = {
       unregisterTab: (c) => {
         l.value.splice(c, 1);
       }
-    }), (c, p) => (s(), u("div", Xd, [
-      i("div", Kd, [
+    }), (c, p) => (s(), u("div", Jd, [
+      i("div", Qd, [
         (s(!0), u(G, null, X(l.value, (w, k) => (s(), u("button", {
           id: `tab-${k}`,
           key: k,
@@ -7700,17 +7725,17 @@ const md = {
           "aria-controls": `panel-${k}`,
           role: "tab",
           onClick: (V) => !t.loading && o(k)
-        }, x(w.label), 11, Jd))), 128))
+        }, x(w.label), 11, Zd))), 128))
       ]),
-      i("div", Qd, [
+      i("div", ec, [
         F(c.$slots, "default")
       ])
     ]));
   }
-}, ec = ["id", "aria-labelledby"], tc = {
+}, ac = ["id", "aria-labelledby"], nc = {
   key: 0,
   class: "flex items-center justify-center p-8"
-}, ac = {
+}, rc = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 },
@@ -7732,17 +7757,17 @@ const md = {
       role: "tabpanel",
       "aria-labelledby": `tab-${n.value}`
     }, [
-      e.loading ? (s(), u("div", tc, [
+      e.loading ? (s(), u("div", nc, [
         P(pa, {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
       ])) : F(l.$slots, "default", { key: 1 })
-    ], 8, ec)), [
+    ], 8, ac)), [
       [on, r.value]
     ]);
   }
-}, nc = ["id", "aria-expanded", "aria-controls", "onClick"], rc = { class: "flex items-center flex-1 min-w-0" }, sc = { key: 0 }, lc = ["id", "aria-labelledby"], oc = { key: 0 }, ic = {
+}, sc = ["id", "aria-expanded", "aria-controls", "onClick"], lc = { class: "flex items-center flex-1 min-w-0" }, oc = { key: 0 }, ic = ["id", "aria-labelledby"], uc = { key: 0 }, dc = {
   __name: "Accordion",
   props: {
     items: {
@@ -7869,13 +7894,13 @@ const md = {
           "aria-controls": `panel-${O.id || j}`,
           onClick: (se) => o(j)
         }, [
-          i("div", rc, [
+          i("div", lc, [
             F(y.$slots, `header-${j}`, {
               item: O,
               index: j,
               isExpanded: d(j)
             }, () => [
-              O.title ? (s(), u("div", sc, x(O.title), 1)) : h("", !0)
+              O.title ? (s(), u("div", oc, x(O.title), 1)) : h("", !0)
             ])
           ]),
           i("div", {
@@ -7883,7 +7908,7 @@ const md = {
           }, [
             P(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, nc),
+        ], 10, sc),
         P(fe, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -7908,17 +7933,17 @@ const md = {
                   item: O,
                   index: j
                 }, () => [
-                  O.content ? (s(), u("div", oc, x(O.content), 1)) : h("", !0)
+                  O.content ? (s(), u("div", uc, x(O.content), 1)) : h("", !0)
                 ])
               ])
-            ], 10, lc)) : h("", !0)
+            ], 10, ic)) : h("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, uc = {
+}, cc = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -8010,10 +8035,10 @@ const md = {
       })
     ], 2));
   }
-}, dc = { class: "relative w-full" }, cc = { class: "relative" }, fc = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], mc = { class: "flex items-center justify-between mb-3" }, gc = { class: "text-sm font-medium" }, vc = { class: "grid grid-cols-7 gap-1 mb-2" }, bc = { class: "grid grid-cols-7 gap-1" }, hc = ["disabled", "onClick"], pc = {
+}, fc = { class: "relative w-full" }, mc = { class: "relative" }, gc = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], vc = { class: "flex items-center justify-between mb-3" }, bc = { class: "text-sm font-medium" }, hc = { class: "grid grid-cols-7 gap-1 mb-2" }, pc = { class: "grid grid-cols-7 gap-1" }, yc = ["disabled", "onClick"], xc = {
   key: 0,
   class: "mt-4 pt-3 border-t border-slate-200"
-}, yc = {
+}, wc = {
   __name: "Calendar",
   props: {
     id: String,
@@ -8122,8 +8147,8 @@ const md = {
       document.addEventListener("keydown", K);
     }), nn(() => {
       document.removeEventListener("keydown", K);
-    }), (J, $) => (s(), u("div", dc, [
-      i("div", cc, [
+    }), (J, $) => (s(), u("div", fc, [
+      i("div", mc, [
         i("input", {
           id: e.id,
           type: "text",
@@ -8135,7 +8160,7 @@ const md = {
           "aria-describedby": e.ariaDescribedby,
           class: "w-full px-3 py-2 pr-10 border border-slate-300 rounded-md bg-white text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
           onClick: O
-        }, null, 8, fc),
+        }, null, 8, gc),
         $[2] || ($[2] = i("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           i("svg", {
             class: "w-5 h-5 text-slate-400",
@@ -8188,7 +8213,7 @@ const md = {
             onClick: $[0] || ($[0] = Ne(() => {
             }, ["stop"]))
           }, [
-            i("div", mc, [
+            i("div", vc, [
               i("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8209,7 +8234,7 @@ const md = {
                   })
                 ], -1)
               ])]),
-              i("div", gc, x(w.value) + " " + x(d.value), 1),
+              i("div", bc, x(w.value) + " " + x(d.value), 1),
               i("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8231,13 +8256,13 @@ const md = {
                 ], -1)
               ])])
             ]),
-            i("div", vc, [
+            i("div", hc, [
               (s(), u(G, null, X(p, (M) => i("div", {
                 key: M,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
               }, x(M), 1)), 64))
             ]),
-            i("div", bc, [
+            i("div", pc, [
               (s(!0), u(G, null, X(C.value, (M, Y) => (s(), u("div", {
                 key: "prev-" + Y,
                 class: "text-center text-sm text-slate-300 py-2"
@@ -8252,13 +8277,13 @@ const md = {
                   A(M) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
                 onClick: (Y) => le(M)
-              }, x(M), 11, hc))), 128)),
+              }, x(M), 11, yc))), 128)),
               (s(!0), u(G, null, X(z.value, (M, Y) => (s(), u("div", {
                 key: "next-" + Y,
                 class: "text-center text-sm text-slate-300 py-2"
               }, x(M), 1))), 128))
             ]),
-            e.showToday ? (s(), u("div", pc, [
+            e.showToday ? (s(), u("div", xc, [
               i("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
@@ -8276,10 +8301,10 @@ const md = {
       })) : h("", !0)
     ]));
   }
-}, xc = { class: "flex items-start justify-between" }, wc = { class: "flex-1 min-w-0" }, kc = {
+}, kc = { class: "flex items-start justify-between" }, Sc = { class: "flex-1 min-w-0" }, $c = {
   key: 0,
   class: "flex-shrink-0 ml-4"
-}, Sc = "text-lg font-semibold text-slate-900 truncate", $c = "text-sm text-slate-600 mt-1", Cc = {
+}, Cc = "text-lg font-semibold text-slate-900 truncate", zc = "text-sm text-slate-600 mt-1", Ac = {
   __name: "Graph",
   props: {
     variant: {
@@ -8390,18 +8415,18 @@ const md = {
         class: m(L(S)(L(t)({ padding: e.padding })))
       }, [
         F(d.$slots, "header", {}, () => [
-          i("div", xc, [
-            i("div", wc, [
+          i("div", kc, [
+            i("div", Sc, [
               e.title ? (s(), u("h3", {
                 key: 0,
-                class: m(Sc)
+                class: m(Cc)
               }, x(e.title), 1)) : h("", !0),
               e.description ? (s(), u("p", {
                 key: 1,
-                class: m($c)
+                class: m(zc)
               }, x(e.description), 1)) : h("", !0)
             ]),
-            d.$slots.actions ? (s(), u("div", kc, [
+            d.$slots.actions ? (s(), u("div", $c, [
               F(d.$slots, "actions")
             ])) : h("", !0)
           ])
@@ -8433,7 +8458,7 @@ const md = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, zc = { class: "w-full h-full" }, Ac = ["width", "height", "viewBox"], Ic = { key: 0 }, Tc = ["x1", "y1", "x2", "y2", "stroke"], Pc = ["x", "y", "width", "height", "fill", "onMouseenter"], jc = { key: 1 }, Bc = ["x", "y"], Oc = { key: 2 }, Fc = ["x", "y"], Vc = { key: 3 }, Mc = ["x", "y", "width", "height", "fill", "stroke"], Dc = ["x", "y"], Ec = {
+}, Ic = { class: "w-full h-full" }, Tc = ["width", "height", "viewBox"], Pc = { key: 0 }, jc = ["x1", "y1", "x2", "y2", "stroke"], Bc = ["x", "y", "width", "height", "fill", "onMouseenter"], Oc = { key: 1 }, Fc = ["x", "y"], Vc = { key: 2 }, Mc = ["x", "y"], Dc = { key: 3 }, Ec = ["x", "y", "width", "height", "fill", "stroke"], Lc = ["x", "y"], Nc = {
   __name: "BarChart",
   props: {
     data: {
@@ -8539,14 +8564,14 @@ const md = {
     }, v = () => {
       r.value.visible = !1;
     };
-    return (g, f) => (s(), u("div", zc, [
+    return (g, f) => (s(), u("div", Ic, [
       (s(), u("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (s(), u("g", Ic, [
+        e.showGrid ? (s(), u("g", Pc, [
           (s(!0), u(G, null, X(c.value, (y) => (s(), u("line", {
             key: `grid-${y}`,
             x1: e.padding.left,
@@ -8556,7 +8581,7 @@ const md = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, Tc))), 128))
+          }, null, 8, jc))), 128))
         ])) : h("", !0),
         i("g", null, [
           (s(!0), u(G, null, X(e.data, (y, A) => (s(), u("rect", {
@@ -8569,27 +8594,27 @@ const md = {
             class: m(e.barClasses),
             onMouseenter: (O) => z(O, y, A),
             onMouseleave: v
-          }, null, 42, Pc))), 128))
+          }, null, 42, Bc))), 128))
         ]),
-        e.showXAxis ? (s(), u("g", jc, [
+        e.showXAxis ? (s(), u("g", Oc, [
           (s(!0), u(G, null, X(e.labels, (y, A) => (s(), u("text", {
             key: `xlabel-${A}`,
             x: p(A) + o.value / 2,
             y: e.height - e.padding.bottom + 20,
             class: m(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, x(y), 11, Bc))), 128))
+          }, x(y), 11, Fc))), 128))
         ])) : h("", !0),
-        e.showYAxis ? (s(), u("g", Oc, [
+        e.showYAxis ? (s(), u("g", Vc, [
           (s(!0), u(G, null, X(c.value, (y) => (s(), u("text", {
             key: `ylabel-${y}`,
             x: e.padding.left - 10,
             y: y + 4,
             class: m(e.axisLabelClasses),
             "text-anchor": "end"
-          }, x(C(y)), 11, Fc))), 128))
+          }, x(C(y)), 11, Mc))), 128))
         ])) : h("", !0),
-        r.value.visible ? (s(), u("g", Vc, [
+        r.value.visible ? (s(), u("g", Dc, [
           i("rect", {
             x: r.value.x - r.value.width / 2,
             y: r.value.y - r.value.height - 10,
@@ -8599,18 +8624,18 @@ const md = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, Mc),
+          }, null, 8, Ec),
           i("text", {
             x: r.value.x,
             y: r.value.y - r.value.height / 2 - 2,
             class: m(e.tooltipTextClasses),
             "text-anchor": "middle"
-          }, x(r.value.content), 11, Dc)
+          }, x(r.value.content), 11, Lc)
         ])) : h("", !0)
-      ], 8, Ac))
+      ], 8, Tc))
     ]));
   }
-}, Lc = { class: "w-full h-full" }, Nc = ["width", "height", "viewBox"], Rc = { key: 0 }, _c = ["x1", "y1", "x2", "y2", "stroke"], qc = ["d", "stroke", "stroke-width"], Wc = { key: 1 }, Yc = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], Uc = ["d", "fill", "fill-opacity"], Hc = { key: 3 }, Gc = ["x", "y"], Xc = { key: 4 }, Kc = ["x", "y"], Jc = { key: 5 }, Qc = ["x", "y", "width", "height", "fill", "stroke"], Zc = ["x", "y"], ef = {
+}, Rc = { class: "w-full h-full" }, _c = ["width", "height", "viewBox"], qc = { key: 0 }, Wc = ["x1", "y1", "x2", "y2", "stroke"], Yc = ["d", "stroke", "stroke-width"], Uc = { key: 1 }, Hc = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], Gc = ["d", "fill", "fill-opacity"], Xc = { key: 3 }, Kc = ["x", "y"], Jc = { key: 4 }, Qc = ["x", "y"], Zc = { key: 5 }, ef = ["x", "y", "width", "height", "fill", "stroke"], tf = ["x", "y"], af = {
   __name: "LineChart",
   props: {
     data: {
@@ -8756,14 +8781,14 @@ const md = {
     }, z = () => {
       r.value.visible = !1;
     };
-    return (v, g) => (s(), u("div", Lc, [
+    return (v, g) => (s(), u("div", Rc, [
       (s(), u("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (s(), u("g", Rc, [
+        e.showGrid ? (s(), u("g", qc, [
           (s(!0), u(G, null, X(p.value, (f) => (s(), u("line", {
             key: `grid-${f}`,
             x1: e.padding.left,
@@ -8773,7 +8798,7 @@ const md = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, _c))), 128))
+          }, null, 8, Wc))), 128))
         ])) : h("", !0),
         i("path", {
           d: d.value,
@@ -8781,8 +8806,8 @@ const md = {
           "stroke-width": e.strokeWidth,
           fill: "none",
           class: m(e.lineClasses)
-        }, null, 10, qc),
-        e.showPoints ? (s(), u("g", Wc, [
+        }, null, 10, Yc),
+        e.showPoints ? (s(), u("g", Uc, [
           (s(!0), u(G, null, X(o.value, (f, y) => (s(), u("circle", {
             key: `point-${y}`,
             cx: f.x,
@@ -8794,33 +8819,33 @@ const md = {
             class: m(e.pointClasses),
             onMouseenter: (A) => C(A, f.value, y),
             onMouseleave: z
-          }, null, 42, Yc))), 128))
+          }, null, 42, Hc))), 128))
         ])) : h("", !0),
         e.fillArea ? (s(), u("path", {
           key: 2,
           d: c.value,
           fill: e.fillColor,
           "fill-opacity": e.fillOpacity
-        }, null, 8, Uc)) : h("", !0),
-        e.showXAxis ? (s(), u("g", Hc, [
+        }, null, 8, Gc)) : h("", !0),
+        e.showXAxis ? (s(), u("g", Xc, [
           (s(!0), u(G, null, X(e.labels, (f, y) => (s(), u("text", {
             key: `xlabel-${y}`,
             x: w(y),
             y: e.height - e.padding.bottom + 20,
             class: m(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, x(f), 11, Gc))), 128))
+          }, x(f), 11, Kc))), 128))
         ])) : h("", !0),
-        e.showYAxis ? (s(), u("g", Xc, [
+        e.showYAxis ? (s(), u("g", Jc, [
           (s(!0), u(G, null, X(p.value, (f) => (s(), u("text", {
             key: `ylabel-${f}`,
             x: e.padding.left - 10,
             y: f + 4,
             class: m(e.axisLabelClasses),
             "text-anchor": "end"
-          }, x(V(f)), 11, Kc))), 128))
+          }, x(V(f)), 11, Qc))), 128))
         ])) : h("", !0),
-        r.value.visible ? (s(), u("g", Jc, [
+        r.value.visible ? (s(), u("g", Zc, [
           i("rect", {
             x: r.value.x - r.value.width / 2,
             y: r.value.y - r.value.height - 10,
@@ -8830,30 +8855,30 @@ const md = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, Qc),
+          }, null, 8, ef),
           i("text", {
             x: r.value.x,
             y: r.value.y - r.value.height / 2 - 2,
             class: m(e.tooltipTextClasses),
             "text-anchor": "middle"
-          }, x(r.value.content), 11, Zc)
+          }, x(r.value.content), 11, tf)
         ])) : h("", !0)
-      ], 8, Nc))
+      ], 8, _c))
     ]));
   }
-}, tf = { class: "bg-white border-b border-gray-200" }, af = {
+}, nf = { class: "bg-white border-b border-gray-200" }, rf = {
   key: 0,
   class: "flex items-center gap-3 min-w-64"
-}, nf = { class: "relative flex-1" }, rf = { class: "relative flex-1" }, sf = {
+}, sf = { class: "relative flex-1" }, lf = { class: "relative flex-1" }, of = {
   key: 1,
   class: "min-w-40"
-}, lf = { class: "relative" }, of = {
+}, uf = { class: "relative" }, df = {
   key: 2,
   class: "min-w-40"
-}, uf = { class: "relative" }, df = ["value"], cf = {
+}, cf = { class: "relative" }, ff = ["value"], mf = {
   key: 3,
   class: "flex items-center gap-2"
-}, ff = { class: "flex items-center gap-3 ml-auto" }, mf = { class: "flex items-center gap-3 flex-wrap" }, gf = ["onClick"], vf = {
+}, gf = { class: "flex items-center gap-3 ml-auto" }, vf = { class: "flex items-center gap-3 flex-wrap" }, bf = ["onClick"], hf = {
   __name: "GraphFilters",
   props: {
     showDateFilter: {
@@ -8978,12 +9003,12 @@ const md = {
       n("update:dateFrom", te);
     }), ge(() => l.value, (te) => {
       n("update:dateTo", te);
-    }), (te, B) => (s(), u("div", tf, [
+    }), (te, B) => (s(), u("div", nf, [
       i("div", {
         class: m(k.value)
       }, [
-        e.showDateFilter ? (s(), u("div", af, [
-          i("div", nf, [
+        e.showDateFilter ? (s(), u("div", rf, [
+          i("div", sf, [
             P(Q, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -8998,7 +9023,7 @@ const md = {
             ])
           ]),
           B[6] || (B[6] = i("span", { class: "text-gray-500 text-sm" }, "to", -1)),
-          i("div", rf, [
+          i("div", lf, [
             P(Q, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9013,8 +9038,8 @@ const md = {
             ])
           ])
         ])) : h("", !0),
-        e.showChartTypeFilter ? (s(), u("div", sf, [
-          i("div", lf, [
+        e.showChartTypeFilter ? (s(), u("div", of, [
+          i("div", uf, [
             P(Oe, {
               modelValue: o.value,
               "onUpdate:modelValue": B[2] || (B[2] = (K) => o.value = K),
@@ -9034,8 +9059,8 @@ const md = {
             })
           ])
         ])) : h("", !0),
-        e.dataSources.length > 0 ? (s(), u("div", of, [
-          i("div", uf, [
+        e.dataSources.length > 0 ? (s(), u("div", df, [
+          i("div", cf, [
             P(Oe, {
               modelValue: d.value,
               "onUpdate:modelValue": B[3] || (B[3] = (K) => d.value = K),
@@ -9047,7 +9072,7 @@ const md = {
                 (s(!0), u(G, null, X(e.dataSources, (K) => (s(), u("option", {
                   key: K.value,
                   value: K.value
-                }, x(K.label), 9, df))), 128))
+                }, x(K.label), 9, ff))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -9057,10 +9082,10 @@ const md = {
             })
           ])
         ])) : h("", !0),
-        te.$slots.filters ? (s(), u("div", cf, [
+        te.$slots.filters ? (s(), u("div", mf, [
           F(te.$slots, "filters")
         ])) : h("", !0),
-        i("div", ff, [
+        i("div", gf, [
           p.value ? (s(), U(we, {
             key: 0,
             class: m(z.value),
@@ -9109,7 +9134,7 @@ const md = {
         key: 0,
         class: m(f.value)
       }, [
-        i("div", mf, [
+        i("div", vf, [
           i("span", {
             class: m(y.value)
           }, "Active filters:", 2),
@@ -9130,13 +9155,13 @@ const md = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, gf)
+            ], 10, bf)
           ], 2))), 128))
         ])
       ], 2)) : h("", !0)
     ]));
   }
-}, bf = { class: "flex items-start justify-between" }, hf = {
+}, pf = { class: "flex items-start justify-between" }, yf = {
   key: 0,
   class: "flex items-center gap-2"
 }, br = {
@@ -9216,7 +9241,7 @@ const md = {
       class: m(l.value)
     }, [
       F(c.$slots, "header", {}, () => [
-        i("div", bf, [
+        i("div", pf, [
           i("div", null, [
             e.title ? (s(), U(ta, {
               key: 0,
@@ -9237,7 +9262,7 @@ const md = {
               _: 1
             }, 8, ["class"])) : h("", !0)
           ]),
-          c.$slots.filters ? (s(), u("div", hf, [
+          c.$slots.filters ? (s(), u("div", yf, [
             F(c.$slots, "filters")
           ])) : h("", !0)
         ])
@@ -9423,19 +9448,19 @@ const md = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, pf = { class: "flex items-center justify-between" }, yf = {
+}, xf = { class: "flex items-center justify-between" }, wf = {
   key: 0,
   class: "text-sm text-slate-600"
-}, xf = {
+}, kf = {
   key: 1,
   class: "text-sm text-slate-600"
-}, wf = {
+}, Sf = {
   key: 2,
   class: "flex items-center gap-4"
-}, kf = {
+}, $f = {
   key: 3,
   class: "flex items-center gap-4"
-}, Sf = { class: "flex items-center gap-2" }, $f = { class: "flex items-center gap-1" }, Cf = ["disabled"], zf = ["disabled"], Af = { class: "flex items-center gap-1" }, If = ["onClick"], Tf = ["disabled"], Pf = ["disabled"], jf = { class: "text-sm text-slate-600 ml-4" }, pr = {
+}, Cf = { class: "flex items-center gap-2" }, zf = { class: "flex items-center gap-1" }, Af = ["disabled"], If = ["disabled"], Tf = { class: "flex items-center gap-1" }, Pf = ["onClick"], jf = ["disabled"], Bf = ["disabled"], Of = { class: "text-sm text-slate-600 ml-4" }, pr = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -9576,13 +9601,13 @@ const md = {
       key: 0,
       class: m(p.value)
     }, [
-      i("div", pf, [
-        e.selectable && e.selectedCount > 0 ? (s(), u("div", yf, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (s(), u("div", xf, " Showing " + x(o.value) + " to " + x(d.value) + " of " + x(e.total) + " entries ", 1)),
-        C.$slots.footer ? (s(), u("div", wf, [
+      i("div", xf, [
+        e.selectable && e.selectedCount > 0 ? (s(), u("div", wf, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (s(), u("div", kf, " Showing " + x(o.value) + " to " + x(d.value) + " of " + x(e.total) + " entries ", 1)),
+        C.$slots.footer ? (s(), u("div", Sf, [
           F(C.$slots, "footer")
         ])) : h("", !0),
-        e.showPagination ? (s(), u("div", kf, [
-          i("div", Sf, [
+        e.showPagination ? (s(), u("div", $f, [
+          i("div", Cf, [
             P(ya, {
               for: "pageSize",
               class: m(w.value),
@@ -9609,7 +9634,7 @@ const md = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          i("div", $f, [
+          i("div", zf, [
             i("button", {
               disabled: e.currentPage === 1,
               class: m(V(!1, e.currentPage === 1)),
@@ -9629,7 +9654,7 @@ const md = {
                   d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
                 })
               ], -1)
-            ])], 10, Cf),
+            ])], 10, Af),
             i("button", {
               disabled: e.currentPage === 1,
               class: m(V(!1, e.currentPage === 1)),
@@ -9649,13 +9674,13 @@ const md = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, zf),
-            i("div", Af, [
+            ])], 10, If),
+            i("div", Tf, [
               (s(!0), u(G, null, X(c.value, (v) => (s(), u("button", {
                 key: v,
                 class: m(V(v === e.currentPage, !1)),
                 onClick: (g) => C.$emit("update:currentPage", v)
-              }, x(v), 11, If))), 128))
+              }, x(v), 11, Pf))), 128))
             ]),
             i("button", {
               disabled: e.currentPage === e.totalPages,
@@ -9676,7 +9701,7 @@ const md = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Tf),
+            ])], 10, jf),
             i("button", {
               disabled: e.currentPage === e.totalPages,
               class: m(V(!1, e.currentPage === e.totalPages)),
@@ -9696,9 +9721,9 @@ const md = {
                   d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Pf)
+            ])], 10, Bf)
           ]),
-          i("div", jf, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
+          i("div", Of, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
         ])) : h("", !0)
       ])
     ], 2)) : h("", !0);
@@ -9708,40 +9733,40 @@ const md = {
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, Bf = {
+}, Ff = {
   key: 0,
   class: "loader__backdrop"
-}, Of = { class: "loader__container" }, Ff = {
+}, Vf = { class: "loader__container" }, Mf = {
   key: 0,
   class: "loader__text loader__text--top"
-}, Vf = {
+}, Df = {
   key: 1,
   class: "loader__spin"
-}, Mf = {
+}, Ef = {
   key: 2,
   class: "loader__pulse"
-}, Df = {
+}, Lf = {
   key: 3,
   class: "loader__bounce"
-}, Ef = {
+}, Nf = {
   key: 4,
   class: "loader__ripple"
-}, Lf = {
+}, Rf = {
   key: 5,
   class: "loader__bars"
-}, Nf = {
+}, _f = {
   key: 6,
   class: "loader__dots"
-}, Rf = {
+}, qf = {
   key: 7,
   class: "loader__ring"
-}, _f = {
+}, Wf = {
   key: 8,
   class: "loader__spinner-text"
-}, qf = {
+}, Yf = {
   key: 9,
   class: "loader__text loader__text--bottom"
-}, Wf = {
+}, Uf = {
   __name: "Loader",
   props: {
     loading: {
@@ -9808,47 +9833,47 @@ const md = {
         "--loader-bg": e.backgroundColor
       })
     }, [
-      e.overlay ? (s(), u("div", Bf)) : h("", !0),
-      i("div", Of, [
-        e.text && e.textPosition === "top" ? (s(), u("div", Ff, x(e.text), 1)) : h("", !0),
-        e.type === "spin" ? (s(), u("div", Vf)) : e.type === "pulse" ? (s(), u("div", Mf)) : e.type === "bounce" ? (s(), u("div", Df, [
+      e.overlay ? (s(), u("div", Ff)) : h("", !0),
+      i("div", Vf, [
+        e.text && e.textPosition === "top" ? (s(), u("div", Mf, x(e.text), 1)) : h("", !0),
+        e.type === "spin" ? (s(), u("div", Df)) : e.type === "pulse" ? (s(), u("div", Ef)) : e.type === "bounce" ? (s(), u("div", Lf, [
           (s(), u(G, null, X(3, (n) => i("div", {
             key: n,
             class: "loader__bounce-dot",
             style: me({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
-        ])) : e.type === "ripple" ? (s(), u("div", Ef, [
+        ])) : e.type === "ripple" ? (s(), u("div", Nf, [
           (s(), u(G, null, X(2, (n) => i("div", {
             key: n,
             class: "loader__ripple-ring",
             style: me({ animationDelay: `${(n - 1) * 0.5}s` })
           }, null, 4)), 64))
-        ])) : e.type === "bars" ? (s(), u("div", Lf, [
+        ])) : e.type === "bars" ? (s(), u("div", Rf, [
           (s(), u(G, null, X(5, (n) => i("div", {
             key: n,
             class: "loader__bar",
             style: me({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
-        ])) : e.type === "dots" ? (s(), u("div", Nf, [
+        ])) : e.type === "dots" ? (s(), u("div", _f, [
           (s(), u(G, null, X(3, (n) => i("div", {
             key: n,
             class: "loader__dot",
             style: me({ animationDelay: `${(n - 1) * 0.16}s` })
           }, null, 4)), 64))
-        ])) : e.type === "ring" ? (s(), u("div", Rf, [...t[0] || (t[0] = [
+        ])) : e.type === "ring" ? (s(), u("div", qf, [...t[0] || (t[0] = [
           i("div", { class: "loader__ring-track" }, null, -1),
           i("div", { class: "loader__ring-fill" }, null, -1)
-        ])])) : e.type === "spinner-text" ? (s(), u("div", _f, [...t[1] || (t[1] = [
+        ])])) : e.type === "spinner-text" ? (s(), u("div", Wf, [...t[1] || (t[1] = [
           i("div", { class: "loader__spinner" }, null, -1)
         ])])) : h("", !0),
-        e.text && e.textPosition === "bottom" ? (s(), u("div", qf, x(e.text), 1)) : h("", !0)
+        e.text && e.textPosition === "bottom" ? (s(), u("div", Yf, x(e.text), 1)) : h("", !0)
       ])
     ], 6)) : h("", !0);
   }
-}, tt = /* @__PURE__ */ At(Wf, [["__scopeId", "data-v-68532350"]]), Yf = { class: "relative" }, Uf = { class: "flex items-center justify-center" }, Hf = ["onClick"], Gf = { class: "flex items-center gap-2" }, Xf = {
+}, tt = /* @__PURE__ */ At(Uf, [["__scopeId", "data-v-68532350"]]), Hf = { class: "relative" }, Gf = { class: "flex items-center justify-center" }, Xf = ["onClick"], Kf = { class: "flex items-center gap-2" }, Jf = {
   key: 1,
   class: "flex flex-col"
-}, Kf = { key: 0 }, Jf = ["colspan"], Qf = { class: "flex justify-center items-center" }, Zf = { key: 2 }, em = ["colspan"], tm = { class: "text-center" }, am = { class: "text-slate-400 mb-4" }, nm = { class: "text-slate-600 text-lg font-medium mb-2" }, rm = { class: "text-slate-500 text-sm" }, sm = {
+}, Qf = { key: 0 }, Zf = ["colspan"], em = { class: "flex justify-center items-center" }, tm = { key: 2 }, am = ["colspan"], nm = { class: "text-center" }, rm = { class: "text-slate-400 mb-4" }, sm = { class: "text-slate-600 text-lg font-medium mb-2" }, lm = { class: "text-slate-500 text-sm" }, om = {
   __name: "DataTable",
   props: {
     data: {
@@ -10182,7 +10207,7 @@ const md = {
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
-      i("div", Yf, [
+      i("div", Hf, [
         e.loading ? (s(), U(tt, {
           key: 0,
           loading: !0,
@@ -10209,7 +10234,7 @@ const md = {
                   key: 0,
                   class: m(xe.value)
                 }, [
-                  i("div", Uf, [
+                  i("div", Gf, [
                     e.bulkLoading ? (s(), U(tt, {
                       key: 0,
                       loading: !0,
@@ -10230,7 +10255,7 @@ const md = {
                   class: m(oe(ue)),
                   onClick: (he) => le(ue)
                 }, [
-                  i("div", Gf, [
+                  i("div", Kf, [
                     i("span", null, x(ue.label), 1),
                     e.sortLoading && d.value === ue.key ? (s(), U(tt, {
                       key: 0,
@@ -10238,7 +10263,7 @@ const md = {
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : ue.sortable ? (s(), u("div", Xf, [
+                    }, null, 8, ["color"])) : ue.sortable ? (s(), u("div", Jf, [
                       (s(), u("svg", {
                         class: m([Qe(ue, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
@@ -10267,7 +10292,7 @@ const md = {
                       ])], 2))
                     ])) : h("", !0)
                   ])
-                ], 10, Hf))), 128)),
+                ], 10, Xf))), 128)),
                 q.$slots.actions ? (s(), u("th", {
                   key: 1,
                   class: m(Ee.value)
@@ -10277,12 +10302,12 @@ const md = {
             i("tbody", {
               class: m(Y.value)
             }, [
-              e.dataLoading && !e.loading ? (s(), u("tr", Kf, [
+              e.dataLoading && !e.loading ? (s(), u("tr", Qf, [
                 i("td", {
                   colspan: g.value,
                   class: m(qe.value)
                 }, [
-                  i("div", Qf, [
+                  i("div", em, [
                     P(tt, {
                       loading: !0,
                       type: "dots",
@@ -10290,7 +10315,7 @@ const md = {
                       color: e.loadingColor
                     }, null, 8, ["color"])
                   ])
-                ], 10, Jf)
+                ], 10, Zf)
               ])) : v.value.length > 0 && !e.loading ? (s(!0), u(G, { key: 1 }, X(v.value, (ue, he) => (s(), U(hr, {
                 key: O(ue, he),
                 item: ue,
@@ -10318,24 +10343,24 @@ const md = {
                     F(q.$slots, `cell-${Ie.key}`, Xe({ ref_for: !0 }, We), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading && e.hasLoaded ? (s(), u("tr", Zf, [
+              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : !e.loading && !e.dataLoading && e.hasLoaded ? (s(), u("tr", tm, [
                 i("td", {
                   colspan: g.value,
                   class: m(qe.value)
                 }, [
                   F(q.$slots, "empty", {}, () => [
-                    i("div", tm, [
-                      i("div", am, [
+                    i("div", nm, [
+                      i("div", rm, [
                         P(Q, {
                           name: "search",
                           class: "w-12 h-12"
                         })
                       ]),
-                      i("p", nm, x(e.emptyText), 1),
-                      i("p", rm, x(e.emptySubtitle), 1)
+                      i("p", sm, x(e.emptyText), 1),
+                      i("p", lm, x(e.emptySubtitle), 1)
                     ])
                   ], !0)
-                ], 10, em)
+                ], 10, am)
               ])) : h("", !0),
               e.showSkeleton && (e.loading || e.dataLoading) ? (s(!0), u(G, { key: 3 }, X(e.skeletonRows, (ue) => (s(), u("tr", {
                 key: `skeleton-${ue}`,
@@ -10390,7 +10415,7 @@ const md = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : h("", !0)
     ], 2));
   }
-}, lm = /* @__PURE__ */ At(sm, [["__scopeId", "data-v-a9cdb37e"]]), om = {
+}, im = /* @__PURE__ */ At(om, [["__scopeId", "data-v-a9cdb37e"]]), um = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -10478,22 +10503,22 @@ const md = {
       ])
     ], 2));
   }
-}, im = { class: "bg-white border-b border-gray-200" }, um = {
+}, dm = { class: "bg-white border-b border-gray-200" }, cm = {
   key: 0,
   class: "flex-1 min-w-80 max-w-md"
-}, dm = { class: "relative group" }, cm = ["model-value", "placeholder"], fm = { class: "relative" }, mm = { value: "" }, gm = ["value"], vm = {
+}, fm = { class: "relative group" }, mm = ["model-value", "placeholder"], gm = { class: "relative" }, vm = { value: "" }, bm = ["value"], hm = {
   key: 1,
   class: "min-w-36"
-}, bm = { class: "relative" }, hm = ["value"], pm = {
+}, pm = { class: "relative" }, ym = ["value"], xm = {
   key: 3,
   class: "flex items-center gap-2"
-}, ym = { class: "flex items-center gap-3 ml-auto" }, xm = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, wm = { class: "flex items-center justify-between" }, km = { class: "flex items-center gap-3" }, Sm = { class: "relative flex-1" }, $m = ["model-value", "placeholder", "onInput"], Cm = { class: "relative flex-1" }, zm = ["model-value", "placeholder", "onInput"], Am = ["onClick"], Im = { class: "flex items-center justify-between" }, Tm = { class: "flex items-center gap-3" }, Pm = { class: "relative flex-1" }, jm = ["model-value", "placeholder", "step", "onInput"], Bm = { class: "relative flex-1" }, Om = ["model-value", "placeholder", "step", "onInput"], Fm = ["onClick"], Vm = { class: "flex items-center justify-between" }, Mm = { class: "relative" }, Dm = { value: "" }, Em = ["value"], Lm = {
+}, wm = { class: "flex items-center gap-3 ml-auto" }, km = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Sm = { class: "flex items-center justify-between" }, $m = { class: "flex items-center gap-3" }, Cm = { class: "relative flex-1" }, zm = ["model-value", "placeholder", "onInput"], Am = { class: "relative flex-1" }, Im = ["model-value", "placeholder", "onInput"], Tm = ["onClick"], Pm = { class: "flex items-center justify-between" }, jm = { class: "flex items-center gap-3" }, Bm = { class: "relative flex-1" }, Om = ["model-value", "placeholder", "step", "onInput"], Fm = { class: "relative flex-1" }, Vm = ["model-value", "placeholder", "step", "onInput"], Mm = ["onClick"], Dm = { class: "flex items-center justify-between" }, Em = { class: "relative" }, Lm = { value: "" }, Nm = ["value"], Rm = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
-}, Nm = ["onClick"], Rm = { class: "flex items-center gap-3 flex-wrap" }, _m = ["onClick"], qm = {
+}, _m = ["onClick"], qm = { class: "flex items-center gap-3 flex-wrap" }, Wm = ["onClick"], Ym = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
-}, Wm = { class: "flex items-center justify-between" }, Ym = { class: "flex items-center gap-4" }, Um = { class: "text-sm text-gray-600" }, Hm = { class: "font-medium" }, Gm = {
+}, Um = { class: "flex items-center justify-between" }, Hm = { class: "flex items-center gap-4" }, Gm = { class: "text-sm text-gray-600" }, Xm = { class: "font-medium" }, Km = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -10892,12 +10917,12 @@ const md = {
           break;
       }
     };
-    return (R, T) => (s(), u("div", im, [
+    return (R, T) => (s(), u("div", dm, [
       i("div", {
         class: m(K.value)
       }, [
-        e.showSearch ? (s(), u("div", um, [
-          i("div", dm, [
+        e.showSearch ? (s(), u("div", cm, [
+          i("div", fm, [
             P(Q, {
               icon: "magnifying-glass",
               class: m(J.value)
@@ -10907,7 +10932,7 @@ const md = {
               placeholder: e.searchPlaceholder,
               class: m($.value),
               onInput: T[0] || (T[0] = (I) => R.$emit("update:searchQuery", I.target.value))
-            }, null, 42, cm),
+            }, null, 42, mm),
             e.searchQuery ? (s(), u("button", {
               key: 0,
               class: m(M.value),
@@ -10924,18 +10949,18 @@ const md = {
           key: I.key,
           class: "min-w-36"
         }, [
-          i("div", fm, [
+          i("div", gm, [
             P(Oe, {
               "model-value": I.value,
               class: m(Y.value),
               onChange: (_) => c(I.key, _.target.value)
             }, {
               default: N(() => [
-                i("option", mm, x(I.placeholder || `All ${I.label}`), 1),
+                i("option", vm, x(I.placeholder || `All ${I.label}`), 1),
                 (s(!0), u(G, null, X(I.options, (_) => (s(), u("option", {
                   key: _.value,
                   value: _.value
-                }, x(_.label), 9, gm))), 128))
+                }, x(_.label), 9, bm))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "class", "onChange"]),
@@ -10945,8 +10970,8 @@ const md = {
             })
           ])
         ]))), 128)),
-        e.showFilters && e.statusOptions.length > 0 ? (s(), u("div", vm, [
-          i("div", bm, [
+        e.showFilters && e.statusOptions.length > 0 ? (s(), u("div", hm, [
+          i("div", pm, [
             P(Oe, {
               "model-value": e.selectedStatus,
               class: m(Y.value),
@@ -10957,7 +10982,7 @@ const md = {
                 (s(!0), u(G, null, X(e.statusOptions, (I) => (s(), u("option", {
                   key: I.value,
                   value: I.value
-                }, x(I.label), 9, hm))), 128))
+                }, x(I.label), 9, ym))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"]),
@@ -10986,10 +11011,10 @@ const md = {
             class: "w-4 h-4 ml-1"
           }, null, 8, ["icon"])
         ], 2)) : h("", !0),
-        R.$slots.filters ? (s(), u("div", pm, [
+        R.$slots.filters ? (s(), u("div", xm, [
           F(R.$slots, "filters")
         ])) : h("", !0),
-        i("div", ym, [
+        i("div", wm, [
           le.value ? (s(), U(we, {
             key: 0,
             class: m(ae.value),
@@ -11041,12 +11066,12 @@ const md = {
         key: 0,
         class: m(xe.value)
       }, [
-        i("div", xm, [
+        i("div", km, [
           (s(!0), u(G, null, X(e.dateFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", wm, [
+            i("div", Sm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11054,8 +11079,8 @@ const md = {
                 class: m(k(I))
               }, x(p(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", km, [
-              i("div", Sm, [
+            i("div", $m, [
+              i("div", Cm, [
                 P(Q, {
                   icon: "calendar",
                   class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -11066,12 +11091,12 @@ const md = {
                   class: m(Ee.value),
                   placeholder: `From ${I.label}`,
                   onInput: (_) => V(I.key, "from", _.target.value)
-                }, null, 42, $m)
+                }, null, 42, zm)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Cm, [
+              i("div", Am, [
                 P(Q, {
                   icon: "calendar",
                   class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -11082,7 +11107,7 @@ const md = {
                   class: m(Ee.value),
                   placeholder: `To ${I.label}`,
                   onInput: (_) => V(I.key, "to", _.target.value)
-                }, null, 42, zm)
+                }, null, 42, Im)
               ]),
               p(I) ? (s(), u("button", {
                 key: 0,
@@ -11094,14 +11119,14 @@ const md = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Am)) : h("", !0)
+              ], 10, Tm)) : h("", !0)
             ])
           ]))), 128)),
           (s(!0), u(G, null, X(e.numberFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", Im, [
+            i("div", Pm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11109,8 +11134,8 @@ const md = {
                 class: m(v(I))
               }, x(C(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", Tm, [
-              i("div", Pm, [
+            i("div", jm, [
+              i("div", Bm, [
                 i("input", {
                   type: "number",
                   "model-value": I.min,
@@ -11118,12 +11143,12 @@ const md = {
                   placeholder: `Min ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "min", _.target.value)
-                }, null, 42, jm)
+                }, null, 42, Om)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Bm, [
+              i("div", Fm, [
                 i("input", {
                   type: "number",
                   "model-value": I.max,
@@ -11131,7 +11156,7 @@ const md = {
                   placeholder: `Max ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "max", _.target.value)
-                }, null, 42, Om)
+                }, null, 42, Vm)
               ]),
               C(I) ? (s(), u("button", {
                 key: 0,
@@ -11143,14 +11168,14 @@ const md = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Fm)) : h("", !0)
+              ], 10, Mm)) : h("", !0)
             ])
           ]))), 128)),
           (s(!0), u(G, null, X(e.multiSelectFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", Vm, [
+            i("div", Dm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11158,18 +11183,18 @@ const md = {
                 class: m(y(I))
               }, x(f(I) ? `${I.selected.length} selected` : "None"), 3)
             ]),
-            i("div", Mm, [
+            i("div", Em, [
               P(Oe, {
                 "model-value": "",
                 class: m(Y.value),
                 onChange: (_) => A(I.key, _.target.value)
               }, {
                 default: N(() => [
-                  i("option", Dm, " Select " + x(I.label), 1),
+                  i("option", Lm, " Select " + x(I.label), 1),
                   (s(!0), u(G, null, X(I.options, (_) => (s(), u("option", {
                     key: _.value,
                     value: _.value
-                  }, x(_.label), 9, Em))), 128))
+                  }, x(_.label), 9, Nm))), 128))
                 ]),
                 _: 2
               }, 1032, ["class", "onChange"]),
@@ -11178,7 +11203,7 @@ const md = {
                 class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
             ]),
-            I.selected.length > 0 ? (s(), u("div", Lm, [
+            I.selected.length > 0 ? (s(), u("div", Rm, [
               (s(!0), u(G, null, X(I.selected, (_) => (s(), u("span", {
                 key: _,
                 class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
@@ -11192,7 +11217,7 @@ const md = {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
-                ], 8, Nm)
+                ], 8, _m)
               ]))), 128))
             ])) : h("", !0)
           ]))), 128))
@@ -11202,7 +11227,7 @@ const md = {
         key: 1,
         class: m(he.value)
       }, [
-        i("div", Rm, [
+        i("div", qm, [
           i("span", {
             class: m(Ie.value)
           }, "Active filters:", 2),
@@ -11223,15 +11248,15 @@ const md = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, _m)
+            ], 10, Wm)
           ], 2))), 128))
         ])
       ], 2)) : h("", !0),
-      e.showTableInfo ? (s(), u("div", qm, [
-        i("div", Wm, [
-          i("div", Ym, [
-            i("span", Um, [
-              i("span", Hm, x(e.totalItems || 0), 1),
+      e.showTableInfo ? (s(), u("div", Ym, [
+        i("div", Um, [
+          i("div", Hm, [
+            i("span", Gm, [
+              i("span", Xm, x(e.totalItems || 0), 1),
               ee(" " + x(e.itemLabel || "items") + " found ", 1)
             ])
           ])
@@ -11239,16 +11264,16 @@ const md = {
       ])) : h("", !0)
     ]));
   }
-}, Xm = { class: "flex items-center gap-3" }, Km = {
+}, Jm = { class: "flex items-center gap-3" }, Qm = {
   key: 0,
   class: "flex items-center gap-3"
-}, Jm = { class: "text-sm text-slate-600" }, Qm = { class: "flex items-center gap-2" }, Zm = { class: "flex items-center gap-3" }, eg = ["title", "onClick"], tg = {
+}, Zm = { class: "text-sm text-slate-600" }, eg = { class: "flex items-center gap-2" }, tg = { class: "flex items-center gap-3" }, ag = ["title", "onClick"], ng = {
   key: 1,
   class: "relative"
-}, ag = { class: "p-3" }, ng = { class: "space-y-1" }, rg = { class: "flex items-center gap-2 cursor-pointer w-full" }, sg = ["checked", "onChange"], lg = ["disabled"], og = {
+}, rg = { class: "p-3" }, sg = { class: "space-y-1" }, lg = { class: "flex items-center gap-2 cursor-pointer w-full" }, og = ["checked", "onChange"], ig = ["disabled"], ug = {
   key: 3,
   class: "flex items-center gap-2"
-}, ig = [
+}, dg = [
   {
     key: "delete",
     label: "Delete",
@@ -11265,13 +11290,13 @@ const md = {
     },
     variant: "primary"
   }
-], ug = {
+], cg = {
   name: "DataTableToolBar"
-}, dg = /* @__PURE__ */ Object.assign(ug, {
+}, fg = /* @__PURE__ */ Object.assign(cg, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => ig },
+    bulkActions: { type: Array, default: () => dg },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -11397,10 +11422,10 @@ const md = {
       return s(), u("div", {
         class: m(C.value)
       }, [
-        i("div", Xm, [
-          d.value > 0 ? (s(), u("div", Km, [
-            i("span", Jm, x(d.value) + " selected ", 1),
-            i("div", Qm, [
+        i("div", Jm, [
+          d.value > 0 ? (s(), u("div", Qm, [
+            i("span", Zm, x(d.value) + " selected ", 1),
+            i("div", eg, [
               (s(!0), u(G, null, X(e.bulkActions, (ne) => (s(), U(we, {
                 key: ne.key,
                 class: m(le(ne)),
@@ -11422,7 +11447,7 @@ const md = {
             class: m(z.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
-        i("div", Zm, [
+        i("div", tg, [
           e.showDensityToggle ? (s(), u("div", {
             key: 0,
             class: m(v.value)
@@ -11438,9 +11463,9 @@ const md = {
                 icon: ne.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, eg)), 64))
+            ], 10, ag)), 64))
           ], 2)) : h("", !0),
-          e.showColumnToggle ? (s(), u("div", tg, [
+          e.showColumnToggle ? (s(), u("div", ng, [
             i("button", {
               ref_key: "columnToggleButton",
               ref: l,
@@ -11461,22 +11486,22 @@ const md = {
               onClick: Y[0] || (Y[0] = Ne(() => {
               }, ["stop"]))
             }, [
-              i("div", ag, [
+              i("div", rg, [
                 i("div", {
                   class: m(y.value)
                 }, " Show Columns ", 2),
-                i("div", ng, [
+                i("div", sg, [
                   (s(!0), u(G, null, X(e.toggleableColumns, (ne) => (s(), u("div", {
                     key: ne.key,
                     class: m(A.value)
                   }, [
-                    i("label", rg, [
+                    i("label", lg, [
                       i("input", {
                         type: "checkbox",
                         checked: J(ne.key),
                         class: m(O.value),
                         onChange: (xe) => $(ne.key, xe.target.checked)
-                      }, null, 42, sg),
+                      }, null, 42, og),
                       i("span", {
                         class: m(j.value)
                       }, x(ne.label), 3)
@@ -11500,15 +11525,15 @@ const md = {
               class: m(K())
             }, null, 8, ["class"]),
             Y[3] || (Y[3] = i("span", null, "Refresh", -1))
-          ], 10, lg)) : h("", !0),
-          M.$slots.actions ? (s(), u("div", og, [
+          ], 10, ig)) : h("", !0),
+          M.$slots.actions ? (s(), u("div", ug, [
             F(M.$slots, "actions")
           ])) : h("", !0)
         ])
       ], 2);
     };
   }
-}), cg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, fg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, mg = { class: "col-span-1 md:col-span-2" }, gg = { class: "space-y-2" }, vg = { class: "flex space-x-4" }, bg = { class: "flex flex-col md:flex-row justify-between items-center" }, hg = { class: "flex space-x-6 mt-4 md:mt-0" }, pg = {
+}), mg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, gg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, vg = { class: "col-span-1 md:col-span-2" }, bg = { class: "space-y-2" }, hg = { class: "flex space-x-4" }, pg = { class: "flex flex-col md:flex-row justify-between items-center" }, yg = { class: "flex space-x-6 mt-4 md:mt-0" }, xg = {
   __name: "Footer",
   props: {
     className: {
@@ -11522,9 +11547,9 @@ const md = {
       return s(), u("footer", {
         class: m(L(S)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        i("div", cg, [
-          i("div", fg, [
-            i("div", mg, [
+        i("div", mg, [
+          i("div", gg, [
+            i("div", vg, [
               F(a.$slots, "brand", {}, () => [
                 P(n, { class: "mb-4" }),
                 P(r, { class: "text-gray-600 max-w-md" }, {
@@ -11546,7 +11571,7 @@ const md = {
                   ])]),
                   _: 1
                 }),
-                i("div", gg, [
+                i("div", bg, [
                   P(o, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -11588,7 +11613,7 @@ const md = {
                   ])]),
                   _: 1
                 }),
-                i("div", vg, [
+                i("div", hg, [
                   P(o, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -11618,7 +11643,7 @@ const md = {
             ])
           ]),
           P(c, { class: "my-8" }),
-          i("div", bg, [
+          i("div", pg, [
             F(a.$slots, "copyright", {}, () => [
               P(r, { class: "text-gray-600" }, {
                 default: N(() => [
@@ -11628,7 +11653,7 @@ const md = {
               })
             ]),
             F(a.$slots, "legal", {}, () => [
-              i("div", hg, [
+              i("div", yg, [
                 P(o, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -11654,28 +11679,28 @@ const md = {
       ], 2);
     };
   }
-}, yg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, xg = { class: "flex items-center" }, wg = {
+}, wg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, kg = { class: "flex items-center" }, Sg = {
   key: 0,
   class: "mr-4 flex-shrink-0 bg-gradient-to-r from-blue-50 to-indigo-50 px-3 py-2 rounded-lg border border-blue-100"
-}, kg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Sg = {
+}, $g = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Cg = {
   key: 0,
   class: "text-xs text-blue-600 truncate font-medium"
-}, $g = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Cg = { class: "text-gray-500 truncate" }, zg = { class: "text-gray-900 font-medium truncate" }, Ag = { class: "flex items-center space-x-3 md:space-x-4" }, Ig = {
+}, zg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Ag = { class: "text-gray-500 truncate" }, Ig = { class: "text-gray-900 font-medium truncate" }, Tg = { class: "flex items-center space-x-3 md:space-x-4" }, Pg = {
   key: 1,
   class: "relative"
-}, Tg = {
+}, jg = {
   key: 0,
   class: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center"
-}, Pg = {
+}, Bg = {
   key: 0,
   class: "absolute right-4 md:right-6 top-16 mt-2 w-72 md:w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, jg = { class: "max-h-96 overflow-y-auto" }, Bg = { class: "flex items-start space-x-3" }, Og = { class: "flex-1" }, Fg = { class: "text-sm text-gray-900" }, Vg = { class: "text-xs text-gray-500 mt-1" }, Mg = { class: "relative" }, Dg = { class: "w-8 h-8 bg-gradient-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, Eg = { class: "text-blue-700 text-sm font-medium" }, Lg = { class: "hidden md:block text-left max-w-[160px] truncate" }, Ng = { class: "text-sm font-medium text-gray-900 truncate" }, Rg = { class: "text-xs text-gray-500 truncate leading-tight" }, _g = {
+}, Og = { class: "max-h-96 overflow-y-auto" }, Fg = { class: "flex items-start space-x-3" }, Vg = { class: "flex-1" }, Mg = { class: "text-sm text-gray-900" }, Dg = { class: "text-xs text-gray-500 mt-1" }, Eg = { class: "relative" }, Lg = { class: "w-8 h-8 bg-gradient-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, Ng = { class: "text-blue-700 text-sm font-medium" }, Rg = { class: "hidden md:block text-left max-w-[160px] truncate" }, _g = { class: "text-sm font-medium text-gray-900 truncate" }, qg = { class: "text-xs text-gray-500 truncate leading-tight" }, Wg = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, qg = { class: "p-4 border-b border-gray-200" }, Wg = { class: "text-sm font-medium text-gray-900" }, Yg = { class: "text-xs text-gray-500" }, Ug = { class: "py-2" }, Hg = {
+}, Yg = { class: "p-4 border-b border-gray-200" }, Ug = { class: "text-sm font-medium text-gray-900" }, Hg = { class: "text-xs text-gray-500" }, Gg = { class: "py-2" }, Xg = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Gg = ["onClick"], Xg = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, Kg = { class: "flex-1 truncate font-semibold text-gray-700" }, Jg = {
+}, Kg = ["onClick"], Jg = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, Qg = { class: "flex-1 truncate font-semibold text-gray-700" }, Zg = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -11718,14 +11743,14 @@ const md = {
         )),
         style: { left: "0" }
       }, [
-        i("div", yg, [
-          i("div", xg, [
-            e.currentOrganisation ? (s(), u("div", wg, [
-              i("p", kg, x(e.currentOrganisation.organisation_name), 1),
-              e.currentOrganisation.role ? (s(), u("p", Sg, x(e.currentOrganisation.role), 1)) : h("", !0)
+        i("div", wg, [
+          i("div", kg, [
+            e.currentOrganisation ? (s(), u("div", Sg, [
+              i("p", $g, x(e.currentOrganisation.organisation_name), 1),
+              e.currentOrganisation.role ? (s(), u("p", Cg, x(e.currentOrganisation.role), 1)) : h("", !0)
             ])) : h("", !0),
-            i("nav", $g, [
-              i("span", Cg, x(e.currentSection), 1),
+            i("nav", zg, [
+              i("span", Ag, x(e.currentSection), 1),
               j[4] || (j[4] = i("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -11739,10 +11764,10 @@ const md = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", zg, x(e.currentPage), 1)
+              i("span", Ig, x(e.currentPage), 1)
             ])
           ]),
-          i("div", Ag, [
+          i("div", Tg, [
             p.value ? (s(), u("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
@@ -11762,7 +11787,7 @@ const md = {
                 })
               ], -1)
             ])])) : h("", !0),
-            !p.value || c.value ? (s(), u("div", Ig, [
+            !p.value || c.value ? (s(), u("div", Pg, [
               j[6] || (j[6] = i("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -11833,7 +11858,7 @@ const md = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              d.value > 0 ? (s(), u("span", Tg, x(d.value), 1)) : h("", !0)
+              d.value > 0 ? (s(), u("span", jg, x(d.value), 1)) : h("", !0)
             ]),
             P(fe, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -11844,20 +11869,20 @@ const md = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: N(() => [
-                l.value ? (s(), u("div", Pg, [
+                l.value ? (s(), u("div", Bg, [
                   j[10] || (j[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, " Notifications ")
                   ], -1)),
-                  i("div", jg, [
+                  i("div", Og, [
                     (s(!0), u(G, null, X(e.notifications, (H) => (s(), u("div", {
                       key: H.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
-                      i("div", Bg, [
+                      i("div", Fg, [
                         j[9] || (j[9] = i("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                        i("div", Og, [
-                          i("p", Fg, x(H.title), 1),
-                          i("p", Vg, x(H.time), 1)
+                        i("div", Vg, [
+                          i("p", Mg, x(H.title), 1),
+                          i("p", Dg, x(H.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -11869,17 +11894,17 @@ const md = {
               ]),
               _: 1
             }),
-            i("div", Mg, [
+            i("div", Eg, [
               i("button", {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors",
                 onClick: C
               }, [
-                i("div", Dg, [
-                  i("span", Eg, x(w.value), 1)
-                ]),
                 i("div", Lg, [
-                  i("p", Ng, x(e.user.name), 1),
-                  i("p", Rg, x(k.value), 1)
+                  i("span", Ng, x(w.value), 1)
+                ]),
+                i("div", Rg, [
+                  i("p", _g, x(e.user.name), 1),
+                  i("p", qg, x(k.value), 1)
                 ]),
                 j[12] || (j[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -11904,12 +11929,12 @@ const md = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: N(() => [
-                  o.value ? (s(), u("div", _g, [
-                    i("div", qg, [
-                      i("p", Wg, x(e.user.name), 1),
-                      i("p", Yg, x(e.user.email), 1)
+                  o.value ? (s(), u("div", Wg, [
+                    i("div", Yg, [
+                      i("p", Ug, x(e.user.name), 1),
+                      i("p", Hg, x(e.user.email), 1)
                     ]),
-                    i("div", Ug, [
+                    i("div", Gg, [
                       (s(!0), u(G, null, X(e.profileMenuItems, (H) => (s(), u(G, {
                         key: H.name
                       }, [
@@ -11923,7 +11948,7 @@ const md = {
                           onClick: (le) => z(H)
                         }, {
                           default: N(() => [
-                            v(H) ? (s(), u("div", Hg)) : h("", !0),
+                            v(H) ? (s(), u("div", Xg)) : h("", !0),
                             i("div", {
                               class: m(L(S)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -11949,15 +11974,15 @@ const md = {
                           class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent",
                           onClick: (le) => g(H)
                         }, [
-                          i("div", Xg, [
+                          i("div", Jg, [
                             H.icon ? (s(), U(Q, {
                               key: 0,
                               icon: H.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : h("", !0)
                           ]),
-                          i("span", Kg, x(H.label), 1)
-                        ], 8, Gg))
+                          i("span", Qg, x(H.label), 1)
+                        ], 8, Kg))
                       ], 64))), 128))
                     ]),
                     i("div", { class: "border-t border-gray-200 py-2" }, [
@@ -11993,13 +12018,13 @@ const md = {
       ], 2);
     };
   }
-}, Qg = { class: "mb-4" }, Zg = { class: "text-lg font-semibold text-gray-900" }, ev = { class: "text-sm text-gray-600" }, tv = {
+}, ev = { class: "mb-4" }, tv = { class: "text-lg font-semibold text-gray-900" }, av = { class: "text-sm text-gray-600" }, nv = {
   value: "",
   disabled: ""
-}, av = ["value"], nv = {
+}, rv = ["value"], sv = {
   key: 3,
   class: "flex items-center"
-}, rv = { class: "flex justify-end gap-3 pt-4" }, sv = {
+}, lv = { class: "flex justify-end gap-3 pt-4" }, ov = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12154,9 +12179,9 @@ const md = {
       onClose: z
     }, {
       default: N(() => [
-        i("div", Qg, [
-          i("h2", Zg, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          i("p", ev, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        i("div", ev, [
+          i("h2", tv, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          i("p", av, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         i("form", {
           class: "space-y-4",
@@ -12210,14 +12235,14 @@ const md = {
                   "onUpdate:modelValue": (j) => k(f, j)
                 }, {
                   default: N(() => [
-                    i("option", tv, x(f.placeholder || "Select an option"), 1),
+                    i("option", nv, x(f.placeholder || "Select an option"), 1),
                     (s(!0), u(G, null, X(f.options, (j) => (s(), u("option", {
                       key: j.value,
                       value: j.value
-                    }, x(j.label), 9, av))), 128))
+                    }, x(j.label), 9, rv))), 128))
                   ]),
                   _: 2
-                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), u("div", nv, [
+                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), u("div", sv, [
                   P(ea, {
                     id: y,
                     modelValue: o.value[f.name],
@@ -12264,7 +12289,7 @@ const md = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"])
           ]))), 128)),
-          i("div", rv, [
+          i("div", lv, [
             P(we, {
               type: "button",
               variant: "outline",
@@ -12293,37 +12318,37 @@ const md = {
       _: 1
     }, 8, ["modelValue", "size", "resizable"]));
   }
-}, lv = {
+}, iv = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, ov = { class: "text-lg font-bold text-gray-900" }, iv = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, uv = { class: "space-y-2" }, dv = { key: 0 }, cv = {
+}, uv = { class: "text-lg font-bold text-gray-900" }, dv = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, cv = { class: "space-y-2" }, fv = { key: 0 }, mv = {
   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"
-}, fv = ["onClick"], mv = {
+}, gv = ["onClick"], vv = {
   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"
-}, gv = {
+}, bv = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, vv = {
+}, hv = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, bv = {
+}, pv = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, hv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, pv = { class: "flex items-center justify-between p-4" }, yv = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, xv = { class: "p-3" }, wv = { class: "space-y-1" }, kv = {
+}, yv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, xv = { class: "flex items-center justify-between p-4" }, wv = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, kv = { class: "p-3" }, Sv = { class: "space-y-1" }, $v = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Sv = {
+}, Cv = {
   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"
-}, $v = { class: "p-3" }, Cv = { class: "space-y-1" }, zv = {
+}, zv = { class: "p-3" }, Av = { class: "space-y-1" }, Iv = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Av = {
+}, Tv = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Iv = {
+}, Pv = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -12446,8 +12471,8 @@ const md = {
           )),
           style: me({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
-          l.value ? (s(), u("div", lv, [
-            i("h2", ov, x(e.header?.title), 1),
+          l.value ? (s(), u("div", iv, [
+            i("h2", uv, x(e.header?.title), 1),
             i("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -12468,12 +12493,12 @@ const md = {
               ], -1)
             ])])
           ])) : h("", !0),
-          i("nav", iv, [
-            i("div", uv, [
+          i("nav", dv, [
+            i("div", cv, [
               (s(!0), u(G, null, X(e.navigationItems, ($) => (s(), u(G, {
                 key: $.name || $.label
               }, [
-                $.type === "link" ? (s(), u("div", dv, [
+                $.type === "link" ? (s(), u("div", fv, [
                   v($) ? (s(), u("div", {
                     key: 1,
                     class: m(L(S)(
@@ -12500,9 +12525,9 @@ const md = {
                         H($) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, x($.label), 3),
-                    $.badge ? (s(), u("span", mv, x($.badge), 1)) : h("", !0),
-                    H($) && v($) ? (s(), u("div", gv)) : h("", !0)
-                  ], 10, fv)) : (s(), U(J, {
+                    $.badge ? (s(), u("span", vv, x($.badge), 1)) : h("", !0),
+                    H($) && v($) ? (s(), u("div", bv)) : h("", !0)
+                  ], 10, gv)) : (s(), U(J, {
                     key: 0,
                     to: $.route,
                     class: m(L(S)(
@@ -12530,7 +12555,7 @@ const md = {
                           H($) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, x($.label), 3),
-                      $.badge ? (s(), u("span", cv, x($.badge), 1)) : h("", !0)
+                      $.badge ? (s(), u("span", mv, x($.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -12538,7 +12563,7 @@ const md = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), u("div", vv, [
+          e.showManagementSettings ? (s(), u("div", hv, [
             i("div", {
               class: m(L(S)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -12564,7 +12589,7 @@ const md = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), u("div", bv)) : h("", !0)
+              e.isManagementSettingsActive ? (s(), u("div", pv)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -12587,8 +12612,8 @@ const md = {
               ),
               style: me(w.value)
             }, [
-              i("div", hv, [
-                i("div", pv, [
+              i("div", yv, [
+                i("div", xv, [
                   i("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -12608,11 +12633,11 @@ const md = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", yv, x(d.value?.label), 1)
+                  i("h3", wv, x(d.value?.label), 1)
                 ])
               ]),
-              i("nav", xv, [
-                i("div", wv, [
+              i("nav", kv, [
+                i("div", Sv, [
                   (s(!0), u(G, null, X(d.value?.subItems, ($) => (s(), U(J, {
                     key: $.name,
                     to: $.route,
@@ -12625,7 +12650,7 @@ const md = {
                     onClick: (M) => j($)
                   }, {
                     default: N(() => [
-                      H($) ? (s(), u("div", kv)) : h("", !0),
+                      H($) ? (s(), u("div", $v)) : h("", !0),
                       i("div", {
                         class: m(
                           L(S)(
@@ -12646,7 +12671,7 @@ const md = {
                           H($) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, x($.label), 3),
-                      $.badge ? (s(), u("span", Sv, x($.badge), 1)) : h("", !0)
+                      $.badge ? (s(), u("span", Cv, x($.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -12699,12 +12724,12 @@ const md = {
                   K[3] || (K[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              i("nav", $v, [
-                i("div", Cv, [
+              i("nav", zv, [
+                i("div", Av, [
                   (s(!0), u(G, null, X(e.managementSettings, ($) => (s(), u(G, {
                     key: $.name
                   }, [
-                    $.type === "section" ? (s(), u("div", zv, x($.label), 1)) : $.route ? (s(), U(J, {
+                    $.type === "section" ? (s(), u("div", Iv, x($.label), 1)) : $.route ? (s(), U(J, {
                       key: 1,
                       to: $.route,
                       class: m(
@@ -12716,7 +12741,7 @@ const md = {
                       onClick: (M) => se($)
                     }, {
                       default: N(() => [
-                        H($) ? (s(), u("div", Av)) : h("", !0),
+                        H($) ? (s(), u("div", Tv)) : h("", !0),
                         i("div", {
                           class: m(
                             L(S)(
@@ -12767,7 +12792,7 @@ const md = {
       ]);
     };
   }
-}, Tv = {
+}, jv = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -12786,13 +12811,13 @@ const md = {
       F(a.$slots, "default")
     ], 2));
   }
-}, Pv = {
+}, Bv = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, jv = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Bv = { class: "text-slate-900 font-medium" }, Ov = {
+}, Ov = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Fv = { class: "text-slate-900 font-medium" }, Vv = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Fv = { class: "mt-2 text-slate-600 text-sm" }, Vv = {
+}, Mv = { class: "mt-2 text-slate-600 text-sm" }, Dv = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -12816,8 +12841,8 @@ const md = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), u("div", Pv)) : h("", !0),
-      i("div", jv, [
+      e.orientation === "vertical" ? (s(), u("div", Bv)) : h("", !0),
+      i("div", Ov, [
         F(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -12828,23 +12853,23 @@ const md = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Bv, [
+        i("h3", Fv, [
           F(a.$slots, "title", {}, () => [
             ee(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), u("p", Ov, [
+        e.subtitle ? (s(), u("p", Vv, [
           F(a.$slots, "subtitle", {}, () => [
             ee(x(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        i("div", Fv, [
+        i("div", Mv, [
           F(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Mv = {
+}, Ev = {
   name: "AuthLayout",
   props: {
     title: {
@@ -12933,20 +12958,20 @@ const md = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Dv = { class: "container mx-auto px-4 relative z-10" }, Ev = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Lv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Nv = { class: "mb-6" }, Rv = { class: "text-4xl lg:text-6xl font-bold mb-2" }, _v = { class: "text-white" }, qv = { class: "flex items-center justify-center lg:justify-start mb-6" }, Wv = { class: "text-3xl lg:text-4xl font-bold text-white" }, Yv = { class: "lg:col-span-4" }, Uv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Hv = {
+}, Lv = { class: "container mx-auto px-4 relative z-10" }, Nv = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Rv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, _v = { class: "mb-6" }, qv = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Wv = { class: "text-white" }, Yv = { class: "flex items-center justify-center lg:justify-start mb-6" }, Uv = { class: "text-3xl lg:text-4xl font-bold text-white" }, Hv = { class: "lg:col-span-4" }, Gv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Xv = {
   key: 0,
   class: "mb-6"
-}, Gv = { class: "text-center" }, Xv = { class: "text-2xl font-bold text-gray-900" }, Kv = {
+}, Kv = { class: "text-center" }, Jv = { class: "text-2xl font-bold text-gray-900" }, Qv = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Jv = { class: "space-y-6" }, Qv = {
+}, Zv = { class: "space-y-6" }, e0 = {
   key: 1,
   class: "mt-6"
-}, Zv = {
+}, t0 = {
   key: 0,
   class: "mt-6 text-center"
-}, e0 = { class: "absolute bottom-4 right-4 text-right" }, t0 = { class: "flex items-end justify-end mb-2" }, a0 = { class: "text-right mr-3" }, n0 = { class: "text-red-500 font-bold text-xs" }, r0 = { class: "text-white text-xs" }, s0 = { class: "text-white/70 text-xs" }, l0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, o0 = { class: "text-white/70 text-xs" }, i0 = { class: "absolute bottom-4 left-4 flex gap-2" }, u0 = ["href"];
-function d0(e, a, t, n, r, l) {
+}, a0 = { class: "absolute bottom-4 right-4 text-right" }, n0 = { class: "flex items-end justify-end mb-2" }, r0 = { class: "text-right mr-3" }, s0 = { class: "text-red-500 font-bold text-xs" }, l0 = { class: "text-white text-xs" }, o0 = { class: "text-white/70 text-xs" }, i0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, u0 = { class: "text-white/70 text-xs" }, d0 = { class: "absolute bottom-4 left-4 flex gap-2" }, c0 = ["href"];
+function f0(e, a, t, n, r, l) {
   const o = ce("router-view"), d = ce("font-awesome-icon");
   return s(), u("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -12959,70 +12984,70 @@ function d0(e, a, t, n, r, l) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", Dv, [
-      i("div", Ev, [
-        i("div", Lv, [
-          i("div", Nv, [
-            i("div", Rv, [
+    i("div", Lv, [
+      i("div", Nv, [
+        i("div", Rv, [
+          i("div", _v, [
+            i("div", qv, [
               i("span", {
                 style: me({ color: t.primaryColor })
               }, x(t.primaryLogoPrefix), 5),
-              i("span", _v, x(t.primaryLogoText), 1)
+              i("span", Wv, x(t.primaryLogoText), 1)
             ]),
             i("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: me({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          i("div", qv, [
+          i("div", Yv, [
             i("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: me({ backgroundColor: t.primaryColor })
             }, x(t.secondaryLogoPrefix), 5),
-            i("span", Wv, x(t.secondaryLogoText), 1)
+            i("span", Uv, x(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = i("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             i("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        i("div", Yv, [
-          i("div", Uv, [
-            e.$slots["card-header"] || t.title ? (s(), u("div", Hv, [
+        i("div", Hv, [
+          i("div", Gv, [
+            e.$slots["card-header"] || t.title ? (s(), u("div", Xv, [
               F(e.$slots, "card-header", {}, () => [
-                i("div", Gv, [
-                  i("h1", Xv, x(t.title), 1),
-                  t.subtitle ? (s(), u("p", Kv, x(t.subtitle), 1)) : h("", !0)
+                i("div", Kv, [
+                  i("h1", Jv, x(t.title), 1),
+                  t.subtitle ? (s(), u("p", Qv, x(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            i("div", Jv, [
+            i("div", Zv, [
               P(o)
             ]),
-            e.$slots["card-footer"] ? (s(), u("div", Qv, [
+            e.$slots["card-footer"] ? (s(), u("div", e0, [
               F(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (s(), u("div", Zv, [
+          e.$slots.links ? (s(), u("div", t0, [
             F(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    i("div", e0, [
-      i("div", t0, [
-        i("div", a0, [
-          i("div", n0, x(t.companyName), 1),
-          i("div", r0, x(t.companyType), 1),
-          i("div", s0, x(t.companyTagline), 1)
+    i("div", a0, [
+      i("div", n0, [
+        i("div", r0, [
+          i("div", s0, x(t.companyName), 1),
+          i("div", l0, x(t.companyType), 1),
+          i("div", o0, x(t.companyTagline), 1)
         ]),
-        i("div", l0, x(t.companyInitials), 1)
+        i("div", i0, x(t.companyInitials), 1)
       ]),
-      i("div", o0, [
+      i("div", u0, [
         i("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         i("div", null, x(t.copyright), 1)
       ])
     ]),
-    i("div", i0, [
+    i("div", d0, [
       (s(!0), u(G, null, X(t.socialLinks, (c) => (s(), u("a", {
         key: c.name,
         href: c.url,
@@ -13034,14 +13059,14 @@ function d0(e, a, t, n, r, l) {
         P(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, u0))), 128))
+      ], 10, c0))), 128))
     ])
   ], 4);
 }
-const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen bg-gray-50" }, m0 = { class: "flex-1" }, g0 = {
+const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { class: "min-h-screen bg-gray-50" }, v0 = { class: "flex-1" }, b0 = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, v0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, b0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, h0 = {
+}, h0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, p0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, y0 = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -13065,7 +13090,7 @@ const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = ce("Logo"), r = ce("MainNavigation"), l = ce("Button"), o = ce("Header"), d = ce("Breadcrumb"), c = ce("Text"), p = ce("Footer");
-      return s(), u("div", f0, [
+      return s(), u("div", g0, [
         P(o, null, {
           logo: N(() => [
             F(a.$slots, "logo", {}, () => [
@@ -13098,15 +13123,15 @@ const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", m0, [
-          e.showBreadcrumb ? (s(), u("div", g0, [
-            i("div", v0, [
+        i("main", v0, [
+          e.showBreadcrumb ? (s(), u("div", b0, [
+            i("div", h0, [
               F(a.$slots, "breadcrumb", {}, () => [
                 P(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          i("div", b0, [
+          i("div", p0, [
             F(a.$slots, "default")
           ])
         ]),
@@ -13127,7 +13152,7 @@ const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen
       ]);
     };
   }
-}, p0 = {
+}, x0 = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -13393,20 +13418,20 @@ const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen
       helpClasses: oe
     };
   }
-}, y0 = { class: "flex justify-center" }, x0 = { class: "flex items-center gap-3" }, w0 = { class: "text-2xl font-bold text-slate-900" }, k0 = {
+}, w0 = { class: "flex justify-center" }, k0 = { class: "flex items-center gap-3" }, S0 = { class: "text-2xl font-bold text-slate-900" }, $0 = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, S0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, $0 = ["disabled"], C0 = {
+}, C0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, z0 = ["disabled"], A0 = {
   key: 0,
   class: "animate-spin"
-}, z0 = { key: 1 }, A0 = ["disabled"], I0 = { key: 0 }, T0 = { key: 1 }, P0 = {
+}, I0 = { key: 1 }, T0 = ["disabled"], P0 = { key: 0 }, j0 = { key: 1 }, B0 = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, j0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, B0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, O0 = { class: "space-y-3" }, F0 = { class: "text-sm text-slate-600" }, V0 = ["href"], M0 = {
+}, O0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, F0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, V0 = { class: "space-y-3" }, M0 = { class: "text-sm text-slate-600" }, D0 = ["href"], E0 = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function D0(e, a, t, n, r, l) {
+function L0(e, a, t, n, r, l) {
   return s(), u("div", {
     class: m(n.layoutClasses)
   }, [
@@ -13426,13 +13451,13 @@ function D0(e, a, t, n, r, l) {
         class: m(n.headerClasses)
       }, [
         F(e.$slots, "header", {}, () => [
-          i("div", y0, [
+          i("div", w0, [
             F(e.$slots, "logo", {}, () => [
-              i("div", x0, [
+              i("div", k0, [
                 a[5] || (a[5] = i("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   i("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                i("span", w0, x(t.brandName), 1)
+                i("span", S0, x(t.brandName), 1)
               ])
             ])
           ])
@@ -13478,7 +13503,7 @@ function D0(e, a, t, n, r, l) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (s(), u("div", k0, [...a[6] || (a[6] = [
+        n.isOnline ? h("", !0) : (s(), u("div", $0, [...a[6] || (a[6] = [
           i("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             i("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             i("span", { class: "font-medium" }, "No Internet Connection")
@@ -13489,7 +13514,7 @@ function D0(e, a, t, n, r, l) {
           class: m(n.actionsClasses)
         }, [
           F(e.$slots, "actions", {}, () => [
-            i("div", S0, [
+            i("div", C0, [
               t.showHomeButton ? (s(), u("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",
@@ -13512,18 +13537,18 @@ function D0(e, a, t, n, r, l) {
                 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] = (...o) => n.retry && n.retry(...o))
               }, [
-                n.isRetrying ? (s(), u("span", C0, "↻")) : (s(), u("span", z0, "🔄")),
+                n.isRetrying ? (s(), u("span", A0, "↻")) : (s(), u("span", I0, "🔄")),
                 ee(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, $0)) : h("", !0),
+              ], 8, z0)) : h("", !0),
               t.showSupportButton ? (s(), u("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] = (o) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (s(), u("span", I0, "✓")) : (s(), u("span", T0, "📝")),
+                n.reportSent ? (s(), u("span", P0, "✓")) : (s(), u("span", j0, "📝")),
                 ee(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, A0)) : h("", !0)
+              ], 8, T0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -13532,10 +13557,10 @@ function D0(e, a, t, n, r, l) {
           class: m(n.additionalInfoClasses)
         }, [
           F(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), u("div", P0, [
-              i("div", j0, [
-                i("h3", B0, x(n.additionalInfoConfig.title), 1),
-                i("ul", O0, [
+            n.additionalInfoConfig ? (s(), u("div", B0, [
+              i("div", O0, [
+                i("h3", F0, x(n.additionalInfoConfig.title), 1),
+                i("ul", V0, [
                   (s(!0), u(G, null, X(n.additionalInfoConfig.items, (o, d) => (s(), u("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -13555,7 +13580,7 @@ function D0(e, a, t, n, r, l) {
           class: m(n.helpClasses)
         }, [
           F(e.$slots, "help", {}, () => [
-            i("p", F0, [
+            i("p", M0, [
               ee(x(t.helpText) + " ", 1),
               t.supportUrl ? (s(), u("a", {
                 key: 0,
@@ -13564,16 +13589,16 @@ function D0(e, a, t, n, r, l) {
               }, [...a[8] || (a[8] = [
                 i("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 ee(" Get Help ", -1)
-              ])], 8, V0)) : h("", !0)
+              ])], 8, D0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (s(), u("div", M0, " Error ID: " + x(n.errorId), 1)) : h("", !0)
+        n.isDev ? (s(), u("div", E0, " Error ID: " + x(n.errorId), 1)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const E0 = /* @__PURE__ */ At(p0, [["render", D0]]), en = {
+const N0 = /* @__PURE__ */ At(x0, [["render", L0]]), en = {
   mounted(e, a) {
     if (!a.value) return;
     const t = Object.keys(a.modifiers)[0] || "top", n = document.createElement("div");
@@ -13712,55 +13737,55 @@ const E0 = /* @__PURE__ */ At(p0, [["render", D0]]), en = {
   Breadcrumb: Gi,
   ButtonGroup: Ki,
   Card: ru,
-  CardHeader: iu,
-  CardBody: uu,
-  CardFooter: du,
-  CardContent: cu,
-  CardTitle: fu,
+  CardHeader: du,
+  CardBody: cu,
+  CardFooter: fu,
+  CardContent: mu,
+  CardTitle: gu,
   DatePicker: xa,
-  Dropdown: Su,
-  DropdownItem: Cu,
-  FileUpload: Vu,
+  Dropdown: Cu,
+  DropdownItem: Au,
+  FileUpload: Du,
   FormField: fr,
-  InputGroup: Wu,
-  ListItem: Ju,
-  MenuItem: Zu,
+  InputGroup: Uu,
+  ListItem: Zu,
+  MenuItem: td,
   Modal: mr,
-  ModalHeader: nd,
-  ModalBody: rd,
-  ModalFooter: sd,
-  Notification: cd,
-  Toast: Sd,
-  Search: Ed,
+  ModalHeader: sd,
+  ModalBody: ld,
+  ModalFooter: od,
+  Notification: md,
+  Toast: Cd,
+  Search: Nd,
   Slider: vr,
-  Stepper: qd,
-  StepperItem: Gd,
-  Tab: Zd,
-  TabPanel: ac,
-  BarChart: Ec,
-  LineChart: ef,
-  GraphFilters: vf,
-  Accordion: ic,
-  AccordionItem: uc,
-  Graph: Cc,
-  Calendar: yc,
-  DataTable: lm,
+  Stepper: Yd,
+  StepperItem: Kd,
+  Tab: tc,
+  TabPanel: rc,
+  BarChart: Nc,
+  LineChart: af,
+  GraphFilters: hf,
+  Accordion: dc,
+  AccordionItem: cc,
+  Graph: Ac,
+  Calendar: wc,
+  DataTable: im,
   DataTableHeader: br,
   DataTableRow: hr,
-  DataTableCell: om,
+  DataTableCell: um,
   DataTablePagination: pr,
-  DataTableFilters: Gm,
-  DataTableToolBar: dg,
-  Footer: pg,
-  Header: Jg,
-  ReusableFormModal: sv,
-  Sidebar: Iv,
-  Timeline: Tv,
-  TimelineItem: Vv,
-  AuthLayout: c0,
-  DefaultLayout: h0,
-  ErrorLayout: E0
-}, _0 = {
+  DataTableFilters: Km,
+  DataTableToolBar: fg,
+  Footer: xg,
+  Header: Zg,
+  ReusableFormModal: ov,
+  Sidebar: Pv,
+  Timeline: jv,
+  TimelineItem: Dv,
+  AuthLayout: m0,
+  DefaultLayout: y0,
+  ErrorLayout: N0
+}, W0 = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(tn).forEach((n) => {
@@ -13770,84 +13795,84 @@ const E0 = /* @__PURE__ */ At(p0, [["render", D0]]), en = {
   }
 };
 export {
-  ic as Accordion,
-  uc as AccordionItem,
+  dc as Accordion,
+  cc as AccordionItem,
   Yi as Alert,
-  c0 as AuthLayout,
+  m0 as AuthLayout,
   Qo as Avatar,
   ei as Badge,
-  Ec as BarChart,
+  Nc as BarChart,
   Gi as Breadcrumb,
   we as Button,
   Ki as ButtonGroup,
-  yc as Calendar,
+  wc as Calendar,
   ru as Card,
-  uu as CardBody,
-  cu as CardContent,
-  du as CardFooter,
-  iu as CardHeader,
-  fu as CardTitle,
+  cu as CardBody,
+  mu as CardContent,
+  fu as CardFooter,
+  du as CardHeader,
+  gu as CardTitle,
   ha as Checkbox,
-  lm as DataTable,
-  om as DataTableCell,
-  Gm as DataTableFilters,
+  im as DataTable,
+  um as DataTableCell,
+  Km as DataTableFilters,
   br as DataTableHeader,
   pr as DataTablePagination,
   hr as DataTableRow,
-  dg as DataTableToolBar,
+  fg as DataTableToolBar,
   xa as DatePicker,
-  h0 as DefaultLayout,
+  y0 as DefaultLayout,
   di as Divider,
-  Su as Dropdown,
-  Cu as DropdownItem,
-  E0 as ErrorLayout,
-  Vu as FileUpload,
-  pg as Footer,
+  Cu as Dropdown,
+  Au as DropdownItem,
+  N0 as ErrorLayout,
+  Du as FileUpload,
+  xg as Footer,
   fr as FormField,
-  Cc as Graph,
-  vf as GraphFilters,
-  Jg as Header,
+  Ac as Graph,
+  hf as GraphFilters,
+  Zg as Header,
   Q as Icon,
   gi as Image,
   ea as Input,
-  Wu as InputGroup,
+  Uu as InputGroup,
   ya as Label,
-  ef as LineChart,
+  af as LineChart,
   wi as Link,
-  Ju as ListItem,
+  Zu as ListItem,
   tt as Loader,
   Si as Logo,
-  Zu as MenuItem,
+  td as MenuItem,
   mr as Modal,
-  rd as ModalBody,
-  sd as ModalFooter,
-  nd as ModalHeader,
-  cd as Notification,
+  ld as ModalBody,
+  od as ModalFooter,
+  sd as ModalHeader,
+  md as Notification,
   dr as Option,
   zi as Progress,
   Ii as ProgressBar,
   ji as Radio,
-  sv as ReusableFormModal,
-  Ed as Search,
+  ov as ReusableFormModal,
+  Nd as Search,
   Oe as Select,
-  Iv as Sidebar,
+  Pv as Sidebar,
   vr as Slider,
   pa as Spinner,
-  qd as Stepper,
-  Gd as StepperItem,
+  Yd as Stepper,
+  Kd as StepperItem,
   Fi as Switch,
-  Zd as Tab,
-  ac as TabPanel,
+  tc as Tab,
+  rc as TabPanel,
   Vi as Text,
   cr as Textarea,
-  Tv as Timeline,
-  Vv as TimelineItem,
-  Sd as Toast,
+  jv as Timeline,
+  Dv as TimelineItem,
+  Cd as Toast,
   Di as Tooltip,
   ta as Typography,
   S as cn,
-  _0 as default,
+  W0 as default,
   He as toast,
   en as tooltip,
-  vd as useToaster
+  hd as useToaster
 };