@stlhorizon/vue-ui 2.10.2 → 2.10.4

package/dist/index.esm.js

@@ -5842,48 +5842,43 @@ const Q = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, su = { class: "text-lg font-semibold leading-tight text-foreground" }, lu = {
-  key: 0,
-  class: "text-sm text-muted-foreground"
-}, ou = {
-  key: 0,
-  class: "flex items-center gap-2"
-}, iu = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, su = { class: "flex flex-col" }, lu = { key: 0 }, ou = { key: 1 }, iu = { key: 0 }, uu = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "CardHeader",
   props: {
-    padding: {
+    title: {
       type: String,
-      default: "p-4 md:p-6"
+      default: ""
     },
-    textSpacing: {
+    subtitle: {
       type: String,
-      default: "space-y-1"
+      default: ""
     }
   },
   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",
-        e.padding,
+        "flex items-center justify-between",
         a.$attrs.class
       ))
     }, [
-      i("div", {
-        class: m(L(S)("flex flex-col", e.textSpacing))
-      }, [
-        i("h2", su, [
-          F(a.$slots, "title")
-        ]),
-        a.$slots.description ? (s(), u("p", lu, [
-          F(a.$slots, "description")
+      i("div", su, [
+        e.title || a.$slots.title ? (s(), u("h2", lu, [
+          F(a.$slots, "title", {}, () => [
+            ee(x(e.title), 1)
+          ])
+        ])) : h("", !0),
+        e.subtitle || a.$slots.description ? (s(), u("p", ou, [
+          F(a.$slots, "description", {}, () => [
+            ee(x(e.subtitle), 1)
+          ])
         ])) : h("", !0)
-      ], 2),
-      a.$slots.actions ? (s(), u("div", ou, [
+      ]),
+      a.$slots.actions ? (s(), u("div", iu, [
         F(a.$slots, "actions")
       ])) : h("", !0)
     ], 2));
   }
-}), uu = {
+}), du = {
   __name: "CardBody",
   props: {
     variant: {
@@ -5910,7 +5905,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, du = {
+}, cu = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -5937,7 +5932,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, cu = /* @__PURE__ */ Object.assign({
+}, fu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -5948,7 +5943,7 @@ const Q = {
       F(a.$slots, "default")
     ], 2));
   }
-}), fu = /* @__PURE__ */ Object.assign({
+}), mu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -5959,7 +5954,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 = {
+}), gu = { class: "relative w-full" }, vu = { class: "relative" }, bu = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], hu = { class: "flex items-center justify-between mb-4" }, pu = { class: "text-base font-semibold text-slate-900" }, yu = { class: "grid grid-cols-7 gap-1 mb-2" }, xu = { class: "grid grid-cols-7 gap-1" }, wu = ["disabled", "onClick"], ku = {
   key: 0,
   class: "mt-4 pt-3 border-t border-slate-200"
 }, xa = {
@@ -6085,8 +6080,8 @@ const Q = {
       document.addEventListener("keydown", J);
     }), nn(() => {
       document.removeEventListener("keydown", J);
-    }), ($, M) => (s(), u("div", mu, [
-      i("div", gu, [
+    }), ($, M) => (s(), u("div", gu, [
+      i("div", vu, [
         i("input", {
           id: e.id,
           type: "text",
@@ -6098,7 +6093,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, bu),
         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 +6146,7 @@ const Q = {
             onClick: M[0] || (M[0] = Ne(() => {
             }, ["stop"]))
           }, [
-            i("div", bu, [
+            i("div", hu, [
               i("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
@@ -6172,7 +6167,7 @@ const Q = {
                   })
                 ], -1)
               ])]),
-              i("div", hu, x(w.value) + " " + x(d.value), 1),
+              i("div", pu, x(w.value) + " " + x(d.value), 1),
               i("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
@@ -6194,13 +6189,13 @@ const Q = {
                 ], -1)
               ])])
             ]),
-            i("div", pu, [
+            i("div", yu, [
               (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", xu, [
               (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 +6211,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, wu))), 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", ku, [
               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 +6235,7 @@ const Q = {
       })) : h("", !0)
     ]));
   }
-}, ku = ["aria-expanded"], Su = {
+}, Su = ["aria-expanded"], $u = {
   __name: "Dropdown",
   props: {
     triggerText: {
@@ -6313,7 +6308,7 @@ const Q = {
             class: "ml-2 h-4 w-4"
           })
         ])
-      ], 10, ku),
+      ], 10, Su),
       P(fe, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
@@ -6336,10 +6331,10 @@ const Q = {
       })
     ], 512));
   }
-}, $u = {
+}, Cu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Cu = {
+}, zu = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -6383,18 +6378,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", Cu, 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 = {
+}, Au = { class: "w-full" }, Iu = ["multiple", "accept"], Tu = { class: "flex flex-col items-center justify-center py-6" }, Pu = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
-}, Pu = {
+}, ju = {
   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 = {
+}, Bu = { class: "flex items-center space-x-2" }, Ou = { class: "text-sm" }, Fu = { class: "text-xs text-muted-foreground" }, Vu = ["onClick"], Mu = {
   __name: "FileUpload",
   props: {
     multiple: Boolean,
@@ -6453,7 +6448,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", Au, [
       i("div", {
         class: m(c.value),
         onDrop: p,
@@ -6470,8 +6465,8 @@ const Q = {
           accept: e.accept,
           class: "hidden",
           onChange: z
-        }, null, 40, Au),
-        i("div", Iu, [
+        }, null, 40, Iu),
+        i("div", Tu, [
           P(Q, {
             icon: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
@@ -6480,21 +6475,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", Pu, x(e.accept), 1)) : h("", !0)
         ])
       ], 34),
-      r.value.length > 0 ? (s(), u("div", Pu, [
+      r.value.length > 0 ? (s(), u("div", ju, [
         (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", Bu, [
             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", Ou, x(O.name), 1),
+            i("span", Fu, "(" + x(f(O.size)) + ")", 1)
           ]),
           i("button", {
             class: "text-muted-foreground hover:text-foreground",
@@ -6504,16 +6499,16 @@ const Q = {
               icon: "x",
               class: "h-4 w-4"
             })
-          ], 8, Fu)
+          ], 8, Vu)
         ]))), 128))
       ])) : h("", !0)
     ]));
   }
-}, Mu = ["for"], Du = {
+}, Du = ["for"], Eu = {
   key: 0,
   class: "text-red-500 ml-1",
   "aria-label": "required"
-}, Eu = { class: "relative" }, Lu = ["aria-label"], Nu = ["id"], Ru = ["id"], fr = {
+}, Lu = { class: "relative" }, Nu = ["aria-label"], Ru = ["id"], _u = ["id"], fr = {
   __name: "FormField",
   props: {
     label: String,
@@ -6600,13 +6595,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", Eu, "*")) : h("", !0)
+        ], 10, Du)) : 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", Lu, [
           e.type === "date" ? (s(), U(xa, {
             key: 0,
             id: l.value,
@@ -6634,7 +6629,7 @@ const Q = {
               icon: d.value ? "eye-slash" : "eye",
               class: "w-4 h-4"
             }, null, 8, ["icon"])
-          ], 8, Lu)) : h("", !0)
+          ], 8, Nu)) : h("", !0)
         ]),
         P(fe, {
           "enter-active-class": "transition-all duration-200",
@@ -6657,7 +6652,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, Ru)) : h("", !0)
           ]),
           _: 1
         }),
@@ -6665,7 +6660,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, _u)) : h("", !0),
         P(fe, {
           "enter-active-class": "transition-all duration-200",
           "enter-from-class": "opacity-0 -translate-y-1",
@@ -6691,13 +6686,13 @@ const Q = {
       ], 2);
     };
   }
-}, _u = {
+}, qu = {
   key: 0,
   class: "flex items-center px-3 bg-muted border border-r-0 rounded-l-md"
-}, qu = {
+}, Wu = {
   key: 1,
   class: "flex items-center px-3 bg-muted border border-l-0 rounded-r-md"
-}, Wu = {
+}, Yu = {
   __name: "InputGroup",
   props: {
     variant: {
@@ -6720,28 +6715,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", qu, [
         F(r.$slots, "prefix")
       ])) : h("", !0),
       F(r.$slots, "default"),
-      r.$slots.suffix ? (s(), u("div", qu, [
+      r.$slots.suffix ? (s(), u("div", Wu, [
         F(r.$slots, "suffix")
       ])) : h("", !0)
     ], 2));
   }
-}, Yu = ["role"], Uu = {
+}, Uu = ["role"], Hu = {
   key: 0,
   class: "flex-shrink-0"
-}, Hu = { class: "flex-1 min-w-0" }, Gu = {
+}, Gu = { class: "flex-1 min-w-0" }, Xu = {
   key: 0,
   class: "text-sm font-medium text-foreground"
-}, Xu = {
+}, Ku = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Ku = {
+}, Ju = {
   key: 1,
   class: "flex-shrink-0"
-}, Ju = {
+}, Qu = {
   __name: "ListItem",
   props: {
     title: String,
@@ -6788,7 +6783,7 @@ const Q = {
         onClick: c
       }, {
         default: N(() => [
-          p.$slots.icon || e.icon ? (s(), u("div", Uu, [
+          p.$slots.icon || e.icon ? (s(), u("div", Hu, [
             F(p.$slots, "icon", {}, () => [
               e.icon ? (s(), U(Q, {
                 key: 0,
@@ -6797,23 +6792,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", Gu, [
+            e.title ? (s(), u("div", Xu, x(e.title), 1)) : h("", !0),
+            e.description ? (s(), u("div", Ku, x(e.description), 1)) : h("", !0),
             F(p.$slots, "default")
           ]),
-          p.$slots.action ? (s(), u("div", Ku, [
+          p.$slots.action ? (s(), u("div", Ju, [
             F(p.$slots, "action")
           ])) : h("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
-    ], 10, Yu));
+    ], 10, Uu));
   }
-}, Qu = {
+}, Zu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Zu = {
+}, ed = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -6858,7 +6853,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", Zu, x(e.shortcut), 1)) : h("", !0),
         e.hasSubmenu ? (s(), U(Q, {
           key: 2,
           name: "chevron-right",
@@ -6965,26 +6960,26 @@ const Q = {
       })
     ]));
   }
-}, ed = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, td = {
+}, td = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, ad = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, ad = {
+}, nd = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, nd = {
+}, rd = {
   __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", td, [
+      e.title ? (s(), u("h2", ad, x(e.title), 1)) : h("", !0),
+      e.description ? (s(), u("p", nd, x(e.description), 1)) : h("", !0),
       F(a.$slots, "default")
     ]));
   }
-}, rd = {
+}, sd = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -7010,7 +7005,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, sd = {
+}, ld = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -7036,13 +7031,13 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, ld = ["aria-live"], od = { class: "flex items-start space-x-3" }, id = {
+}, od = ["aria-live"], id = { class: "flex items-start space-x-3" }, ud = {
   key: 0,
   class: "flex-shrink-0"
-}, ud = { class: "flex-1 min-w-0" }, dd = {
+}, dd = { class: "flex-1 min-w-0" }, cd = {
   key: 0,
   class: "text-sm font-medium"
-}, cd = {
+}, fd = {
   __name: "Notification",
   props: {
     title: String,
@@ -7118,15 +7113,15 @@ const Q = {
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
-          i("div", od, [
-            e.showIcon ? (s(), u("div", id, [
+          i("div", id, [
+            e.showIcon ? (s(), u("div", ud, [
               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", dd, [
+              e.title ? (s(), u("div", cd, x(e.title), 1)) : h("", !0),
               e.message ? (s(), u("div", {
                 key: 1,
                 class: m(["text-sm", { "mt-1": e.title }])
@@ -7144,23 +7139,23 @@ const Q = {
               })
             ])) : h("", !0)
           ])
-        ], 10, ld)) : h("", !0)
+        ], 10, od)) : h("", !0)
       ]),
       _: 3
     }));
   }
 }, it = W([]);
-let fd = 0;
-const md = {
+let md = 0;
+const gd = {
   duration: 3e3,
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, gd = () => `toast-${++fd}-${Date.now()}`, Te = (e, a = {}) => {
-  const t = gd(), n = {
+}, vd = () => `toast-${++md}-${Date.now()}`, Te = (e, a = {}) => {
+  const t = vd(), n = {
     id: t,
     message: e,
-    ...md,
+    ...gd,
     ...a,
     createdAt: Date.now()
   };
@@ -7220,20 +7215,20 @@ const md = {
       component: sn(e)
     })
   }
-), vd = () => ({
+), bd = () => ({
   toasts: it,
   dismiss: st,
   dismissAll: gr
-}), bd = ["aria-live"], hd = { class: "flex-1 grid gap-1" }, pd = {
+}), hd = ["aria-live"], pd = { class: "flex-1 grid gap-1" }, yd = {
   key: 0,
   class: "text-lg font-extrabold"
-}, yd = {
+}, xd = {
   key: 1,
   class: "text-md opacity-90"
-}, xd = {
+}, wd = {
   key: 2,
   class: "text-md opacity-90"
-}, wd = ["onClick"], kd = ["onClick"], Sd = {
+}, kd = ["onClick"], Sd = ["onClick"], $d = {
   __name: "Toast",
   props: {
     position: {
@@ -7270,7 +7265,7 @@ const md = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = vd(), r = {
+    const a = e, { toasts: t, dismiss: n } = bd(), 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 +7337,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", pd, [
+                g.title ? (s(), u("div", yd, x(g.title), 1)) : h("", !0),
+                g.message ? (s(), u("div", xd, x(g.message), 1)) : h("", !0),
+                g.description ? (s(), u("div", wd, x(g.description), 1)) : h("", !0),
                 g.component ? (s(), U(pe(g.component), Xe({
                   key: 3,
                   ref_for: !0
@@ -7355,7 +7350,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, kd)) : 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 +7360,36 @@ const md = {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, kd)) : h("", !0)
-            ], 10, bd))), 128))
+              ], 8, Sd)) : h("", !0)
+            ], 10, hd))), 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 = {
+}, Cd = { class: "relative" }, zd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Ad = ["value", "placeholder", "disabled"], Id = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, Id = ["aria-label"], Td = {
+}, Td = ["aria-label"], Pd = {
   key: 1,
   class: "animate-spin"
-}, Pd = {
+}, jd = {
   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 = {
+}, Bd = ["onClick", "onMouseenter"], Od = { class: "flex-1 text-left" }, Fd = { class: "font-medium text-slate-900" }, Vd = {
   key: 0,
   class: "text-sm text-slate-500 truncate"
-}, Vd = {
+}, Md = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, Md = {
+}, Dd = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, Dd = {
+}, Ed = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, Ed = {
+}, Ld = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -7508,8 +7503,8 @@ const md = {
       ref: d,
       class: "relative"
     }, [
-      i("div", $d, [
-        i("div", Cd, [
+      i("div", Cd, [
+        i("div", zd, [
           P(t, {
             class: m(se.value)
           }, null, 8, ["class"])
@@ -7525,8 +7520,8 @@ const md = {
           onFocus: C,
           onBlur: z,
           onKeydown: f
-        }, null, 42, zd),
-        e.modelValue || e.loading ? (s(), u("div", Ad, [
+        }, null, 42, Ad),
+        e.modelValue || e.loading ? (s(), u("div", Id, [
           !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 +7529,7 @@ const md = {
             onClick: v
           }, [
             P(n, { class: "w-4 h-4" })
-          ], 8, Id)) : e.loading ? (s(), u("div", Td, [
+          ], 8, Td)) : e.loading ? (s(), u("div", Pd, [
             P(r, { class: "w-4 h-4 text-slate-400" })
           ])) : h("", !0)
         ])) : h("", !0)
@@ -7552,7 +7547,7 @@ const md = {
             key: 0,
             class: m(H.value)
           }, [
-            e.results.length > 0 ? (s(), u("div", Pd, [
+            e.results.length > 0 ? (s(), u("div", jd, [
               (s(!0), u(G, null, X(e.results, (J, $) => (s(), u("button", {
                 key: J.id || $,
                 class: m(le($)),
@@ -7563,14 +7558,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", Od, [
+                  i("div", Fd, x(y(J.title)), 1),
+                  J.description ? (s(), u("div", Vd, 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", Md, x(J.category), 1)) : h("", !0)
+              ], 42, Bd))), 128))
+            ])) : e.showNoResults ? (s(), u("div", Dd, x(e.noResultsText), 1)) : h("", !0),
+            B.$slots.footer ? (s(), u("div", Ed, [
               F(B.$slots, "footer")
             ])) : h("", !0)
           ], 2)) : h("", !0)
@@ -7579,7 +7574,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 = {
+}, Nd = { class: "w-full" }, Rd = ["min", "max", "step", "value"], _d = { class: "flex justify-between text-xs text-slate-500 mt-1" }, vr = {
   __name: "Slider",
   props: {
     modelValue: { type: [Number, String], default: 0 },
@@ -7592,7 +7587,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", Nd, [
       i("input", {
         type: "range",
         min: e.min,
@@ -7601,25 +7596,25 @@ const md = {
         value: e.modelValue,
         class: "w-full accent-blue-500 cursor-pointer",
         onInput: n
-      }, null, 40, Nd),
-      i("div", Rd, [
+      }, null, 40, Rd),
+      i("div", _d, [
         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 = {
+}, qd = { class: "flex items-center space-x-4" }, Wd = {
   __name: "Stepper",
   setup(e) {
-    return (a, t) => (s(), u("div", _d, [
+    return (a, t) => (s(), u("div", qd, [
       F(a.$slots, "default")
     ]));
   }
-}, Wd = { class: "flex items-center" }, Yd = { class: "ml-2" }, Ud = { class: "font-medium" }, Hd = {
+}, Yd = { class: "flex items-center" }, Ud = { class: "ml-2" }, Hd = { class: "font-medium" }, Gd = {
   key: 0,
   class: "text-sm text-slate-400"
-}, Gd = {
+}, Xd = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -7629,7 +7624,7 @@ const md = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (s(), u("div", Wd, [
+    return (a, t) => (s(), u("div", Yd, [
       i("div", {
         class: m([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -7638,16 +7633,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", Ud, [
+        i("div", Hd, x(e.title), 1),
+        e.description ? (s(), u("div", Gd, x(e.description), 1)) : h("", !0)
       ])
     ]));
   }
-}, Xd = { class: "w-full" }, Kd = {
+}, Kd = { class: "w-full" }, Jd = {
   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 = {
+}, Qd = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Zd = { class: "mt-4" }, ec = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 },
@@ -7685,8 +7680,8 @@ const md = {
       unregisterTab: (c) => {
         l.value.splice(c, 1);
       }
-    }), (c, p) => (s(), u("div", Xd, [
-      i("div", Kd, [
+    }), (c, p) => (s(), u("div", Kd, [
+      i("div", Jd, [
         (s(!0), u(G, null, X(l.value, (w, k) => (s(), u("button", {
           id: `tab-${k}`,
           key: k,
@@ -7700,17 +7695,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, Qd))), 128))
       ]),
-      i("div", Qd, [
+      i("div", Zd, [
         F(c.$slots, "default")
       ])
     ]));
   }
-}, ec = ["id", "aria-labelledby"], tc = {
+}, tc = ["id", "aria-labelledby"], ac = {
   key: 0,
   class: "flex items-center justify-center p-8"
-}, ac = {
+}, nc = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 },
@@ -7732,17 +7727,17 @@ const md = {
       role: "tabpanel",
       "aria-labelledby": `tab-${n.value}`
     }, [
-      e.loading ? (s(), u("div", tc, [
+      e.loading ? (s(), u("div", ac, [
         P(pa, {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
       ])) : F(l.$slots, "default", { key: 1 })
-    ], 8, ec)), [
+    ], 8, tc)), [
       [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 = {
+}, rc = ["id", "aria-expanded", "aria-controls", "onClick"], sc = { class: "flex items-center flex-1 min-w-0" }, lc = { key: 0 }, oc = ["id", "aria-labelledby"], ic = { key: 0 }, uc = {
   __name: "Accordion",
   props: {
     items: {
@@ -7869,13 +7864,13 @@ const md = {
           "aria-controls": `panel-${O.id || j}`,
           onClick: (se) => o(j)
         }, [
-          i("div", rc, [
+          i("div", sc, [
             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", lc, x(O.title), 1)) : h("", !0)
             ])
           ]),
           i("div", {
@@ -7883,7 +7878,7 @@ const md = {
           }, [
             P(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, nc),
+        ], 10, rc),
         P(fe, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -7908,17 +7903,17 @@ const md = {
                   item: O,
                   index: j
                 }, () => [
-                  O.content ? (s(), u("div", oc, x(O.content), 1)) : h("", !0)
+                  O.content ? (s(), u("div", ic, x(O.content), 1)) : h("", !0)
                 ])
               ])
-            ], 10, lc)) : h("", !0)
+            ], 10, oc)) : h("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, uc = {
+}, dc = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -8010,10 +8005,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 = {
+}, cc = { class: "relative w-full" }, fc = { class: "relative" }, mc = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], gc = { class: "flex items-center justify-between mb-3" }, vc = { class: "text-sm font-medium" }, bc = { class: "grid grid-cols-7 gap-1 mb-2" }, hc = { class: "grid grid-cols-7 gap-1" }, pc = ["disabled", "onClick"], yc = {
   key: 0,
   class: "mt-4 pt-3 border-t border-slate-200"
-}, yc = {
+}, xc = {
   __name: "Calendar",
   props: {
     id: String,
@@ -8122,8 +8117,8 @@ const md = {
       document.addEventListener("keydown", K);
     }), nn(() => {
       document.removeEventListener("keydown", K);
-    }), (J, $) => (s(), u("div", dc, [
-      i("div", cc, [
+    }), (J, $) => (s(), u("div", cc, [
+      i("div", fc, [
         i("input", {
           id: e.id,
           type: "text",
@@ -8135,7 +8130,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, mc),
         $[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 +8183,7 @@ const md = {
             onClick: $[0] || ($[0] = Ne(() => {
             }, ["stop"]))
           }, [
-            i("div", mc, [
+            i("div", gc, [
               i("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8209,7 +8204,7 @@ const md = {
                   })
                 ], -1)
               ])]),
-              i("div", gc, x(w.value) + " " + x(d.value), 1),
+              i("div", vc, x(w.value) + " " + x(d.value), 1),
               i("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8231,13 +8226,13 @@ const md = {
                 ], -1)
               ])])
             ]),
-            i("div", vc, [
+            i("div", bc, [
               (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", hc, [
               (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 +8247,13 @@ const md = {
                   A(M) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
                 onClick: (Y) => le(M)
-              }, x(M), 11, hc))), 128)),
+              }, x(M), 11, pc))), 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", yc, [
               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 +8271,10 @@ const md = {
       })) : h("", !0)
     ]));
   }
-}, xc = { class: "flex items-start justify-between" }, wc = { class: "flex-1 min-w-0" }, kc = {
+}, wc = { class: "flex items-start justify-between" }, kc = { class: "flex-1 min-w-0" }, Sc = {
   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 = {
+}, $c = "text-lg font-semibold text-slate-900 truncate", Cc = "text-sm text-slate-600 mt-1", zc = {
   __name: "Graph",
   props: {
     variant: {
@@ -8390,18 +8385,18 @@ const md = {
         class: m(L(S)(L(t)({ padding: e.padding })))
       }, [
         F(d.$slots, "header", {}, () => [
-          i("div", xc, [
-            i("div", wc, [
+          i("div", wc, [
+            i("div", kc, [
               e.title ? (s(), u("h3", {
                 key: 0,
-                class: m(Sc)
+                class: m($c)
               }, x(e.title), 1)) : h("", !0),
               e.description ? (s(), u("p", {
                 key: 1,
-                class: m($c)
+                class: m(Cc)
               }, x(e.description), 1)) : h("", !0)
             ]),
-            d.$slots.actions ? (s(), u("div", kc, [
+            d.$slots.actions ? (s(), u("div", Sc, [
               F(d.$slots, "actions")
             ])) : h("", !0)
           ])
@@ -8433,7 +8428,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 = {
+}, Ac = { class: "w-full h-full" }, Ic = ["width", "height", "viewBox"], Tc = { key: 0 }, Pc = ["x1", "y1", "x2", "y2", "stroke"], jc = ["x", "y", "width", "height", "fill", "onMouseenter"], Bc = { key: 1 }, Oc = ["x", "y"], Fc = { key: 2 }, Vc = ["x", "y"], Mc = { key: 3 }, Dc = ["x", "y", "width", "height", "fill", "stroke"], Ec = ["x", "y"], Lc = {
   __name: "BarChart",
   props: {
     data: {
@@ -8539,14 +8534,14 @@ const md = {
     }, v = () => {
       r.value.visible = !1;
     };
-    return (g, f) => (s(), u("div", zc, [
+    return (g, f) => (s(), u("div", Ac, [
       (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", Tc, [
           (s(!0), u(G, null, X(c.value, (y) => (s(), u("line", {
             key: `grid-${y}`,
             x1: e.padding.left,
@@ -8556,7 +8551,7 @@ const md = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, Tc))), 128))
+          }, null, 8, Pc))), 128))
         ])) : h("", !0),
         i("g", null, [
           (s(!0), u(G, null, X(e.data, (y, A) => (s(), u("rect", {
@@ -8569,27 +8564,27 @@ const md = {
             class: m(e.barClasses),
             onMouseenter: (O) => z(O, y, A),
             onMouseleave: v
-          }, null, 42, Pc))), 128))
+          }, null, 42, jc))), 128))
         ]),
-        e.showXAxis ? (s(), u("g", jc, [
+        e.showXAxis ? (s(), u("g", Bc, [
           (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, Oc))), 128))
         ])) : h("", !0),
-        e.showYAxis ? (s(), u("g", Oc, [
+        e.showYAxis ? (s(), u("g", Fc, [
           (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, Vc))), 128))
         ])) : h("", !0),
-        r.value.visible ? (s(), u("g", Vc, [
+        r.value.visible ? (s(), u("g", Mc, [
           i("rect", {
             x: r.value.x - r.value.width / 2,
             y: r.value.y - r.value.height - 10,
@@ -8599,18 +8594,18 @@ const md = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, Mc),
+          }, null, 8, Dc),
           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, Ec)
         ])) : h("", !0)
-      ], 8, Ac))
+      ], 8, Ic))
     ]));
   }
-}, 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 = {
+}, Nc = { class: "w-full h-full" }, Rc = ["width", "height", "viewBox"], _c = { key: 0 }, qc = ["x1", "y1", "x2", "y2", "stroke"], Wc = ["d", "stroke", "stroke-width"], Yc = { key: 1 }, Uc = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], Hc = ["d", "fill", "fill-opacity"], Gc = { key: 3 }, Xc = ["x", "y"], Kc = { key: 4 }, Jc = ["x", "y"], Qc = { key: 5 }, Zc = ["x", "y", "width", "height", "fill", "stroke"], ef = ["x", "y"], tf = {
   __name: "LineChart",
   props: {
     data: {
@@ -8756,14 +8751,14 @@ const md = {
     }, z = () => {
       r.value.visible = !1;
     };
-    return (v, g) => (s(), u("div", Lc, [
+    return (v, g) => (s(), u("div", Nc, [
       (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", _c, [
           (s(!0), u(G, null, X(p.value, (f) => (s(), u("line", {
             key: `grid-${f}`,
             x1: e.padding.left,
@@ -8773,7 +8768,7 @@ const md = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, _c))), 128))
+          }, null, 8, qc))), 128))
         ])) : h("", !0),
         i("path", {
           d: d.value,
@@ -8781,8 +8776,8 @@ const md = {
           "stroke-width": e.strokeWidth,
           fill: "none",
           class: m(e.lineClasses)
-        }, null, 10, qc),
-        e.showPoints ? (s(), u("g", Wc, [
+        }, null, 10, Wc),
+        e.showPoints ? (s(), u("g", Yc, [
           (s(!0), u(G, null, X(o.value, (f, y) => (s(), u("circle", {
             key: `point-${y}`,
             cx: f.x,
@@ -8794,33 +8789,33 @@ const md = {
             class: m(e.pointClasses),
             onMouseenter: (A) => C(A, f.value, y),
             onMouseleave: z
-          }, null, 42, Yc))), 128))
+          }, null, 42, Uc))), 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, Hc)) : h("", !0),
+        e.showXAxis ? (s(), u("g", Gc, [
           (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, Xc))), 128))
         ])) : h("", !0),
-        e.showYAxis ? (s(), u("g", Xc, [
+        e.showYAxis ? (s(), u("g", Kc, [
           (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, Jc))), 128))
         ])) : h("", !0),
-        r.value.visible ? (s(), u("g", Jc, [
+        r.value.visible ? (s(), u("g", Qc, [
           i("rect", {
             x: r.value.x - r.value.width / 2,
             y: r.value.y - r.value.height - 10,
@@ -8830,30 +8825,30 @@ const md = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, Qc),
+          }, null, 8, Zc),
           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, ef)
         ])) : h("", !0)
-      ], 8, Nc))
+      ], 8, Rc))
     ]));
   }
-}, tf = { class: "bg-white border-b border-gray-200" }, af = {
+}, af = { class: "bg-white border-b border-gray-200" }, nf = {
   key: 0,
   class: "flex items-center gap-3 min-w-64"
-}, nf = { class: "relative flex-1" }, rf = { class: "relative flex-1" }, sf = {
+}, rf = { class: "relative flex-1" }, sf = { class: "relative flex-1" }, lf = {
   key: 1,
   class: "min-w-40"
-}, lf = { class: "relative" }, of = {
+}, of = { class: "relative" }, uf = {
   key: 2,
   class: "min-w-40"
-}, uf = { class: "relative" }, df = ["value"], cf = {
+}, df = { class: "relative" }, cf = ["value"], ff = {
   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 = {
+}, mf = { class: "flex items-center gap-3 ml-auto" }, gf = { class: "flex items-center gap-3 flex-wrap" }, vf = ["onClick"], bf = {
   __name: "GraphFilters",
   props: {
     showDateFilter: {
@@ -8978,12 +8973,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", af, [
       i("div", {
         class: m(k.value)
       }, [
-        e.showDateFilter ? (s(), u("div", af, [
-          i("div", nf, [
+        e.showDateFilter ? (s(), u("div", nf, [
+          i("div", rf, [
             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 +8993,7 @@ const md = {
             ])
           ]),
           B[6] || (B[6] = i("span", { class: "text-gray-500 text-sm" }, "to", -1)),
-          i("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"
@@ -9013,8 +9008,8 @@ const md = {
             ])
           ])
         ])) : h("", !0),
-        e.showChartTypeFilter ? (s(), u("div", sf, [
-          i("div", lf, [
+        e.showChartTypeFilter ? (s(), u("div", lf, [
+          i("div", of, [
             P(Oe, {
               modelValue: o.value,
               "onUpdate:modelValue": B[2] || (B[2] = (K) => o.value = K),
@@ -9034,8 +9029,8 @@ const md = {
             })
           ])
         ])) : h("", !0),
-        e.dataSources.length > 0 ? (s(), u("div", of, [
-          i("div", uf, [
+        e.dataSources.length > 0 ? (s(), u("div", uf, [
+          i("div", df, [
             P(Oe, {
               modelValue: d.value,
               "onUpdate:modelValue": B[3] || (B[3] = (K) => d.value = K),
@@ -9047,7 +9042,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, cf))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -9057,10 +9052,10 @@ const md = {
             })
           ])
         ])) : h("", !0),
-        te.$slots.filters ? (s(), u("div", cf, [
+        te.$slots.filters ? (s(), u("div", ff, [
           F(te.$slots, "filters")
         ])) : h("", !0),
-        i("div", ff, [
+        i("div", mf, [
           p.value ? (s(), U(we, {
             key: 0,
             class: m(z.value),
@@ -9109,7 +9104,7 @@ const md = {
         key: 0,
         class: m(f.value)
       }, [
-        i("div", mf, [
+        i("div", gf, [
           i("span", {
             class: m(y.value)
           }, "Active filters:", 2),
@@ -9130,13 +9125,13 @@ const md = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, gf)
+            ], 10, vf)
           ], 2))), 128))
         ])
       ], 2)) : h("", !0)
     ]));
   }
-}, bf = { class: "flex items-start justify-between" }, hf = {
+}, hf = { class: "flex items-start justify-between" }, pf = {
   key: 0,
   class: "flex items-center gap-2"
 }, br = {
@@ -9216,7 +9211,7 @@ const md = {
       class: m(l.value)
     }, [
       F(c.$slots, "header", {}, () => [
-        i("div", bf, [
+        i("div", hf, [
           i("div", null, [
             e.title ? (s(), U(ta, {
               key: 0,
@@ -9237,7 +9232,7 @@ const md = {
               _: 1
             }, 8, ["class"])) : h("", !0)
           ]),
-          c.$slots.filters ? (s(), u("div", hf, [
+          c.$slots.filters ? (s(), u("div", pf, [
             F(c.$slots, "filters")
           ])) : h("", !0)
         ])
@@ -9423,19 +9418,19 @@ const md = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, pf = { class: "flex items-center justify-between" }, yf = {
+}, yf = { class: "flex items-center justify-between" }, xf = {
   key: 0,
   class: "text-sm text-slate-600"
-}, xf = {
+}, wf = {
   key: 1,
   class: "text-sm text-slate-600"
-}, wf = {
+}, kf = {
   key: 2,
   class: "flex items-center gap-4"
-}, kf = {
+}, Sf = {
   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 = {
+}, $f = { class: "flex items-center gap-2" }, Cf = { class: "flex items-center gap-1" }, zf = ["disabled"], Af = ["disabled"], If = { class: "flex items-center gap-1" }, Tf = ["onClick"], Pf = ["disabled"], jf = ["disabled"], Bf = { class: "text-sm text-slate-600 ml-4" }, pr = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -9576,13 +9571,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", yf, [
+        e.selectable && e.selectedCount > 0 ? (s(), u("div", xf, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (s(), u("div", wf, " Showing " + x(o.value) + " to " + x(d.value) + " of " + x(e.total) + " entries ", 1)),
+        C.$slots.footer ? (s(), u("div", kf, [
           F(C.$slots, "footer")
         ])) : h("", !0),
-        e.showPagination ? (s(), u("div", kf, [
-          i("div", Sf, [
+        e.showPagination ? (s(), u("div", Sf, [
+          i("div", $f, [
             P(ya, {
               for: "pageSize",
               class: m(w.value),
@@ -9609,7 +9604,7 @@ const md = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          i("div", $f, [
+          i("div", Cf, [
             i("button", {
               disabled: e.currentPage === 1,
               class: m(V(!1, e.currentPage === 1)),
@@ -9629,7 +9624,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, zf),
             i("button", {
               disabled: e.currentPage === 1,
               class: m(V(!1, e.currentPage === 1)),
@@ -9649,13 +9644,13 @@ const md = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, zf),
-            i("div", Af, [
+            ])], 10, Af),
+            i("div", If, [
               (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, Tf))), 128))
             ]),
             i("button", {
               disabled: e.currentPage === e.totalPages,
@@ -9676,7 +9671,7 @@ const md = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Tf),
+            ])], 10, Pf),
             i("button", {
               disabled: e.currentPage === e.totalPages,
               class: m(V(!1, e.currentPage === e.totalPages)),
@@ -9696,9 +9691,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, jf)
           ]),
-          i("div", jf, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
+          i("div", Bf, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
         ])) : h("", !0)
       ])
     ], 2)) : h("", !0);
@@ -9708,40 +9703,40 @@ const md = {
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, Bf = {
+}, Of = {
   key: 0,
   class: "loader__backdrop"
-}, Of = { class: "loader__container" }, Ff = {
+}, Ff = { class: "loader__container" }, Vf = {
   key: 0,
   class: "loader__text loader__text--top"
-}, Vf = {
+}, Mf = {
   key: 1,
   class: "loader__spin"
-}, Mf = {
+}, Df = {
   key: 2,
   class: "loader__pulse"
-}, Df = {
+}, Ef = {
   key: 3,
   class: "loader__bounce"
-}, Ef = {
+}, Lf = {
   key: 4,
   class: "loader__ripple"
-}, Lf = {
+}, Nf = {
   key: 5,
   class: "loader__bars"
-}, Nf = {
+}, Rf = {
   key: 6,
   class: "loader__dots"
-}, Rf = {
+}, _f = {
   key: 7,
   class: "loader__ring"
-}, _f = {
+}, qf = {
   key: 8,
   class: "loader__spinner-text"
-}, qf = {
+}, Wf = {
   key: 9,
   class: "loader__text loader__text--bottom"
-}, Wf = {
+}, Yf = {
   __name: "Loader",
   props: {
     loading: {
@@ -9808,47 +9803,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", Of)) : h("", !0),
+      i("div", Ff, [
+        e.text && e.textPosition === "top" ? (s(), u("div", Vf, x(e.text), 1)) : h("", !0),
+        e.type === "spin" ? (s(), u("div", Mf)) : e.type === "pulse" ? (s(), u("div", Df)) : e.type === "bounce" ? (s(), u("div", Ef, [
           (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", Lf, [
           (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", Nf, [
           (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", Rf, [
           (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", _f, [...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", qf, [...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", Wf, 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(Yf, [["__scopeId", "data-v-68532350"]]), Uf = { class: "relative" }, Hf = { class: "flex items-center justify-center" }, Gf = ["onClick"], Xf = { class: "flex items-center gap-2" }, Kf = {
   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 = {
+}, Jf = { key: 0 }, Qf = ["colspan"], Zf = { class: "flex justify-center items-center" }, em = { key: 2 }, tm = ["colspan"], am = { class: "text-center" }, nm = { class: "text-slate-400 mb-4" }, rm = { class: "text-slate-600 text-lg font-medium mb-2" }, sm = { class: "text-slate-500 text-sm" }, lm = {
   __name: "DataTable",
   props: {
     data: {
@@ -10182,7 +10177,7 @@ const md = {
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
-      i("div", Yf, [
+      i("div", Uf, [
         e.loading ? (s(), U(tt, {
           key: 0,
           loading: !0,
@@ -10209,7 +10204,7 @@ const md = {
                   key: 0,
                   class: m(xe.value)
                 }, [
-                  i("div", Uf, [
+                  i("div", Hf, [
                     e.bulkLoading ? (s(), U(tt, {
                       key: 0,
                       loading: !0,
@@ -10230,7 +10225,7 @@ const md = {
                   class: m(oe(ue)),
                   onClick: (he) => le(ue)
                 }, [
-                  i("div", Gf, [
+                  i("div", Xf, [
                     i("span", null, x(ue.label), 1),
                     e.sortLoading && d.value === ue.key ? (s(), U(tt, {
                       key: 0,
@@ -10238,7 +10233,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", Kf, [
                       (s(), u("svg", {
                         class: m([Qe(ue, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
@@ -10267,7 +10262,7 @@ const md = {
                       ])], 2))
                     ])) : h("", !0)
                   ])
-                ], 10, Hf))), 128)),
+                ], 10, Gf))), 128)),
                 q.$slots.actions ? (s(), u("th", {
                   key: 1,
                   class: m(Ee.value)
@@ -10277,12 +10272,12 @@ const md = {
             i("tbody", {
               class: m(Y.value)
             }, [
-              e.dataLoading && !e.loading ? (s(), u("tr", Kf, [
+              e.dataLoading && !e.loading ? (s(), u("tr", Jf, [
                 i("td", {
                   colspan: g.value,
                   class: m(qe.value)
                 }, [
-                  i("div", Qf, [
+                  i("div", Zf, [
                     P(tt, {
                       loading: !0,
                       type: "dots",
@@ -10290,7 +10285,7 @@ const md = {
                       color: e.loadingColor
                     }, null, 8, ["color"])
                   ])
-                ], 10, Jf)
+                ], 10, Qf)
               ])) : 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 +10313,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", em, [
                 i("td", {
                   colspan: g.value,
                   class: m(qe.value)
                 }, [
                   F(q.$slots, "empty", {}, () => [
-                    i("div", tm, [
-                      i("div", am, [
+                    i("div", am, [
+                      i("div", nm, [
                         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", rm, x(e.emptyText), 1),
+                      i("p", sm, x(e.emptySubtitle), 1)
                     ])
                   ], !0)
-                ], 10, em)
+                ], 10, tm)
               ])) : 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 +10385,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 = {
+}, om = /* @__PURE__ */ At(lm, [["__scopeId", "data-v-a9cdb37e"]]), im = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -10478,22 +10473,22 @@ const md = {
       ])
     ], 2));
   }
-}, im = { class: "bg-white border-b border-gray-200" }, um = {
+}, um = { class: "bg-white border-b border-gray-200" }, dm = {
   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 = {
+}, cm = { class: "relative group" }, fm = ["model-value", "placeholder"], mm = { class: "relative" }, gm = { value: "" }, vm = ["value"], bm = {
   key: 1,
   class: "min-w-36"
-}, bm = { class: "relative" }, hm = ["value"], pm = {
+}, hm = { class: "relative" }, pm = ["value"], ym = {
   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 = {
+}, xm = { class: "flex items-center gap-3 ml-auto" }, wm = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, km = { class: "flex items-center justify-between" }, Sm = { class: "flex items-center gap-3" }, $m = { class: "relative flex-1" }, Cm = ["model-value", "placeholder", "onInput"], zm = { class: "relative flex-1" }, Am = ["model-value", "placeholder", "onInput"], Im = ["onClick"], Tm = { class: "flex items-center justify-between" }, Pm = { class: "flex items-center gap-3" }, jm = { class: "relative flex-1" }, Bm = ["model-value", "placeholder", "step", "onInput"], Om = { class: "relative flex-1" }, Fm = ["model-value", "placeholder", "step", "onInput"], Vm = ["onClick"], Mm = { class: "flex items-center justify-between" }, Dm = { class: "relative" }, Em = { value: "" }, Lm = ["value"], Nm = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
-}, Nm = ["onClick"], Rm = { class: "flex items-center gap-3 flex-wrap" }, _m = ["onClick"], qm = {
+}, Rm = ["onClick"], _m = { class: "flex items-center gap-3 flex-wrap" }, qm = ["onClick"], Wm = {
   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 = {
+}, Ym = { class: "flex items-center justify-between" }, Um = { class: "flex items-center gap-4" }, Hm = { class: "text-sm text-gray-600" }, Gm = { class: "font-medium" }, Xm = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -10892,12 +10887,12 @@ const md = {
           break;
       }
     };
-    return (R, T) => (s(), u("div", im, [
+    return (R, T) => (s(), u("div", um, [
       i("div", {
         class: m(K.value)
       }, [
-        e.showSearch ? (s(), u("div", um, [
-          i("div", dm, [
+        e.showSearch ? (s(), u("div", dm, [
+          i("div", cm, [
             P(Q, {
               icon: "magnifying-glass",
               class: m(J.value)
@@ -10907,7 +10902,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, fm),
             e.searchQuery ? (s(), u("button", {
               key: 0,
               class: m(M.value),
@@ -10924,18 +10919,18 @@ const md = {
           key: I.key,
           class: "min-w-36"
         }, [
-          i("div", fm, [
+          i("div", mm, [
             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", gm, 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, vm))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "class", "onChange"]),
@@ -10945,8 +10940,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", bm, [
+          i("div", hm, [
             P(Oe, {
               "model-value": e.selectedStatus,
               class: m(Y.value),
@@ -10957,7 +10952,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, pm))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"]),
@@ -10986,10 +10981,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", ym, [
           F(R.$slots, "filters")
         ])) : h("", !0),
-        i("div", ym, [
+        i("div", xm, [
           le.value ? (s(), U(we, {
             key: 0,
             class: m(ae.value),
@@ -11041,12 +11036,12 @@ const md = {
         key: 0,
         class: m(xe.value)
       }, [
-        i("div", xm, [
+        i("div", wm, [
           (s(!0), u(G, null, X(e.dateFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", wm, [
+            i("div", km, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11054,8 +11049,8 @@ const md = {
                 class: m(k(I))
               }, x(p(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", km, [
-              i("div", Sm, [
+            i("div", Sm, [
+              i("div", $m, [
                 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 +11061,12 @@ const md = {
                   class: m(Ee.value),
                   placeholder: `From ${I.label}`,
                   onInput: (_) => V(I.key, "from", _.target.value)
-                }, null, 42, $m)
+                }, null, 42, Cm)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Cm, [
+              i("div", zm, [
                 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 +11077,7 @@ const md = {
                   class: m(Ee.value),
                   placeholder: `To ${I.label}`,
                   onInput: (_) => V(I.key, "to", _.target.value)
-                }, null, 42, zm)
+                }, null, 42, Am)
               ]),
               p(I) ? (s(), u("button", {
                 key: 0,
@@ -11094,14 +11089,14 @@ const md = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Am)) : h("", !0)
+              ], 10, Im)) : 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", Tm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11109,8 +11104,8 @@ const md = {
                 class: m(v(I))
               }, x(C(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", Tm, [
-              i("div", Pm, [
+            i("div", Pm, [
+              i("div", jm, [
                 i("input", {
                   type: "number",
                   "model-value": I.min,
@@ -11118,12 +11113,12 @@ const md = {
                   placeholder: `Min ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "min", _.target.value)
-                }, null, 42, jm)
+                }, null, 42, Bm)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Bm, [
+              i("div", Om, [
                 i("input", {
                   type: "number",
                   "model-value": I.max,
@@ -11131,7 +11126,7 @@ const md = {
                   placeholder: `Max ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "max", _.target.value)
-                }, null, 42, Om)
+                }, null, 42, Fm)
               ]),
               C(I) ? (s(), u("button", {
                 key: 0,
@@ -11143,14 +11138,14 @@ const md = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Fm)) : h("", !0)
+              ], 10, Vm)) : 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", Mm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11158,18 +11153,18 @@ const md = {
                 class: m(y(I))
               }, x(f(I) ? `${I.selected.length} selected` : "None"), 3)
             ]),
-            i("div", Mm, [
+            i("div", Dm, [
               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", Em, " 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, Lm))), 128))
                 ]),
                 _: 2
               }, 1032, ["class", "onChange"]),
@@ -11178,7 +11173,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", Nm, [
               (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 +11187,7 @@ const md = {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
-                ], 8, Nm)
+                ], 8, Rm)
               ]))), 128))
             ])) : h("", !0)
           ]))), 128))
@@ -11202,7 +11197,7 @@ const md = {
         key: 1,
         class: m(he.value)
       }, [
-        i("div", Rm, [
+        i("div", _m, [
           i("span", {
             class: m(Ie.value)
           }, "Active filters:", 2),
@@ -11223,15 +11218,15 @@ const md = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, _m)
+            ], 10, qm)
           ], 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", Wm, [
+        i("div", Ym, [
+          i("div", Um, [
+            i("span", Hm, [
+              i("span", Gm, x(e.totalItems || 0), 1),
               ee(" " + x(e.itemLabel || "items") + " found ", 1)
             ])
           ])
@@ -11239,16 +11234,16 @@ const md = {
       ])) : h("", !0)
     ]));
   }
-}, Xm = { class: "flex items-center gap-3" }, Km = {
+}, Km = { class: "flex items-center gap-3" }, Jm = {
   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 = {
+}, Qm = { class: "text-sm text-slate-600" }, Zm = { class: "flex items-center gap-2" }, eg = { class: "flex items-center gap-3" }, tg = ["title", "onClick"], ag = {
   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 = {
+}, ng = { class: "p-3" }, rg = { class: "space-y-1" }, sg = { class: "flex items-center gap-2 cursor-pointer w-full" }, lg = ["checked", "onChange"], og = ["disabled"], ig = {
   key: 3,
   class: "flex items-center gap-2"
-}, ig = [
+}, ug = [
   {
     key: "delete",
     label: "Delete",
@@ -11265,13 +11260,13 @@ const md = {
     },
     variant: "primary"
   }
-], ug = {
+], dg = {
   name: "DataTableToolBar"
-}, dg = /* @__PURE__ */ Object.assign(ug, {
+}, cg = /* @__PURE__ */ Object.assign(dg, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => ig },
+    bulkActions: { type: Array, default: () => ug },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -11397,10 +11392,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", Km, [
+          d.value > 0 ? (s(), u("div", Jm, [
+            i("span", Qm, x(d.value) + " selected ", 1),
+            i("div", Zm, [
               (s(!0), u(G, null, X(e.bulkActions, (ne) => (s(), U(we, {
                 key: ne.key,
                 class: m(le(ne)),
@@ -11422,7 +11417,7 @@ const md = {
             class: m(z.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
-        i("div", Zm, [
+        i("div", eg, [
           e.showDensityToggle ? (s(), u("div", {
             key: 0,
             class: m(v.value)
@@ -11438,9 +11433,9 @@ const md = {
                 icon: ne.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, eg)), 64))
+            ], 10, tg)), 64))
           ], 2)) : h("", !0),
-          e.showColumnToggle ? (s(), u("div", tg, [
+          e.showColumnToggle ? (s(), u("div", ag, [
             i("button", {
               ref_key: "columnToggleButton",
               ref: l,
@@ -11461,22 +11456,22 @@ const md = {
               onClick: Y[0] || (Y[0] = Ne(() => {
               }, ["stop"]))
             }, [
-              i("div", ag, [
+              i("div", ng, [
                 i("div", {
                   class: m(y.value)
                 }, " Show Columns ", 2),
-                i("div", ng, [
+                i("div", rg, [
                   (s(!0), u(G, null, X(e.toggleableColumns, (ne) => (s(), u("div", {
                     key: ne.key,
                     class: m(A.value)
                   }, [
-                    i("label", rg, [
+                    i("label", sg, [
                       i("input", {
                         type: "checkbox",
                         checked: J(ne.key),
                         class: m(O.value),
                         onChange: (xe) => $(ne.key, xe.target.checked)
-                      }, null, 42, sg),
+                      }, null, 42, lg),
                       i("span", {
                         class: m(j.value)
                       }, x(ne.label), 3)
@@ -11500,15 +11495,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, og)) : h("", !0),
+          M.$slots.actions ? (s(), u("div", ig, [
             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 = {
+}), fg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, mg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, gg = { class: "col-span-1 md:col-span-2" }, vg = { class: "space-y-2" }, bg = { class: "flex space-x-4" }, hg = { class: "flex flex-col md:flex-row justify-between items-center" }, pg = { class: "flex space-x-6 mt-4 md:mt-0" }, yg = {
   __name: "Footer",
   props: {
     className: {
@@ -11522,9 +11517,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", fg, [
+          i("div", mg, [
+            i("div", gg, [
               F(a.$slots, "brand", {}, () => [
                 P(n, { class: "mb-4" }),
                 P(r, { class: "text-gray-600 max-w-md" }, {
@@ -11546,7 +11541,7 @@ const md = {
                   ])]),
                   _: 1
                 }),
-                i("div", gg, [
+                i("div", vg, [
                   P(o, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -11588,7 +11583,7 @@ const md = {
                   ])]),
                   _: 1
                 }),
-                i("div", vg, [
+                i("div", bg, [
                   P(o, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -11618,7 +11613,7 @@ const md = {
             ])
           ]),
           P(c, { class: "my-8" }),
-          i("div", bg, [
+          i("div", hg, [
             F(a.$slots, "copyright", {}, () => [
               P(r, { class: "text-gray-600" }, {
                 default: N(() => [
@@ -11628,7 +11623,7 @@ const md = {
               })
             ]),
             F(a.$slots, "legal", {}, () => [
-              i("div", hg, [
+              i("div", pg, [
                 P(o, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -11654,28 +11649,28 @@ const md = {
       ], 2);
     };
   }
-}, yg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, xg = { class: "flex items-center" }, wg = {
+}, xg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, wg = { class: "flex items-center" }, kg = {
   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 = {
+}, Sg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, $g = {
   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 = {
+}, Cg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, zg = { class: "text-gray-500 truncate" }, Ag = { class: "text-gray-900 font-medium truncate" }, Ig = { class: "flex items-center space-x-3 md:space-x-4" }, Tg = {
   key: 1,
   class: "relative"
-}, Tg = {
+}, Pg = {
   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 = {
+}, jg = {
   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 = {
+}, Bg = { class: "max-h-96 overflow-y-auto" }, Og = { class: "flex items-start space-x-3" }, Fg = { class: "flex-1" }, Vg = { class: "text-sm text-gray-900" }, Mg = { class: "text-xs text-gray-500 mt-1" }, Dg = { class: "relative" }, Eg = { 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" }, Lg = { class: "text-blue-700 text-sm font-medium" }, Ng = { class: "hidden md:block text-left max-w-[160px] truncate" }, Rg = { class: "text-sm font-medium text-gray-900 truncate" }, _g = { class: "text-xs text-gray-500 truncate leading-tight" }, qg = {
   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 = {
+}, Wg = { class: "p-4 border-b border-gray-200" }, Yg = { class: "text-sm font-medium text-gray-900" }, Ug = { class: "text-xs text-gray-500" }, Hg = { class: "py-2" }, Gg = {
   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 = {
+}, Xg = ["onClick"], Kg = { 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" }, Jg = { class: "flex-1 truncate font-semibold text-gray-700" }, Qg = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -11718,14 +11713,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", xg, [
+          i("div", wg, [
+            e.currentOrganisation ? (s(), u("div", kg, [
+              i("p", Sg, x(e.currentOrganisation.organisation_name), 1),
+              e.currentOrganisation.role ? (s(), u("p", $g, x(e.currentOrganisation.role), 1)) : h("", !0)
             ])) : h("", !0),
-            i("nav", $g, [
-              i("span", Cg, x(e.currentSection), 1),
+            i("nav", Cg, [
+              i("span", zg, 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 +11734,10 @@ const md = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", zg, x(e.currentPage), 1)
+              i("span", Ag, x(e.currentPage), 1)
             ])
           ]),
-          i("div", Ag, [
+          i("div", Ig, [
             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 +11757,7 @@ const md = {
                 })
               ], -1)
             ])])) : h("", !0),
-            !p.value || c.value ? (s(), u("div", Ig, [
+            !p.value || c.value ? (s(), u("div", Tg, [
               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 +11828,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", Pg, x(d.value), 1)) : h("", !0)
             ]),
             P(fe, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -11844,20 +11839,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", jg, [
                   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", Bg, [
                     (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", Og, [
                         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", Fg, [
+                          i("p", Vg, x(H.title), 1),
+                          i("p", Mg, x(H.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -11869,17 +11864,17 @@ const md = {
               ]),
               _: 1
             }),
-            i("div", Mg, [
+            i("div", Dg, [
               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", Eg, [
+                  i("span", Lg, x(w.value), 1)
                 ]),
-                i("div", Lg, [
-                  i("p", Ng, x(e.user.name), 1),
-                  i("p", Rg, x(k.value), 1)
+                i("div", Ng, [
+                  i("p", Rg, x(e.user.name), 1),
+                  i("p", _g, x(k.value), 1)
                 ]),
                 j[12] || (j[12] = i("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -11904,12 +11899,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", qg, [
+                    i("div", Wg, [
+                      i("p", Yg, x(e.user.name), 1),
+                      i("p", Ug, x(e.user.email), 1)
                     ]),
-                    i("div", Ug, [
+                    i("div", Hg, [
                       (s(!0), u(G, null, X(e.profileMenuItems, (H) => (s(), u(G, {
                         key: H.name
                       }, [
@@ -11923,7 +11918,7 @@ const md = {
                           onClick: (le) => z(H)
                         }, {
                           default: N(() => [
-                            v(H) ? (s(), u("div", Hg)) : h("", !0),
+                            v(H) ? (s(), u("div", Gg)) : 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 +11944,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", Kg, [
                             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", Jg, x(H.label), 1)
+                        ], 8, Xg))
                       ], 64))), 128))
                     ]),
                     i("div", { class: "border-t border-gray-200 py-2" }, [
@@ -11993,13 +11988,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 = {
+}, Zg = { class: "mb-4" }, ev = { class: "text-lg font-semibold text-gray-900" }, tv = { class: "text-sm text-gray-600" }, av = {
   value: "",
   disabled: ""
-}, av = ["value"], nv = {
+}, nv = ["value"], rv = {
   key: 3,
   class: "flex items-center"
-}, rv = { class: "flex justify-end gap-3 pt-4" }, sv = {
+}, sv = { class: "flex justify-end gap-3 pt-4" }, lv = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12154,9 +12149,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", Zg, [
+          i("h2", ev, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          i("p", tv, 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 +12205,14 @@ const md = {
                   "onUpdate:modelValue": (j) => k(f, j)
                 }, {
                   default: N(() => [
-                    i("option", tv, x(f.placeholder || "Select an option"), 1),
+                    i("option", av, 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, nv))), 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", rv, [
                   P(ea, {
                     id: y,
                     modelValue: o.value[f.name],
@@ -12264,7 +12259,7 @@ const md = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"])
           ]))), 128)),
-          i("div", rv, [
+          i("div", sv, [
             P(we, {
               type: "button",
               variant: "outline",
@@ -12293,37 +12288,37 @@ const md = {
       _: 1
     }, 8, ["modelValue", "size", "resizable"]));
   }
-}, lv = {
+}, ov = {
   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 = {
+}, iv = { class: "text-lg font-bold text-gray-900" }, uv = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, dv = { class: "space-y-2" }, cv = { key: 0 }, fv = {
   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 = {
+}, mv = ["onClick"], gv = {
   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 = {
+}, vv = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, vv = {
+}, bv = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, bv = {
+}, hv = {
   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 = {
+}, pv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, yv = { class: "flex items-center justify-between p-4" }, xv = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, wv = { class: "p-3" }, kv = { class: "space-y-1" }, Sv = {
   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 = {
+}, $v = {
   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 = {
+}, Cv = { class: "p-3" }, zv = { class: "space-y-1" }, Av = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Av = {
+}, Iv = {
   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 = {
+}, Tv = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -12446,8 +12441,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", ov, [
+            i("h2", iv, 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 +12463,12 @@ const md = {
               ], -1)
             ])])
           ])) : h("", !0),
-          i("nav", iv, [
-            i("div", uv, [
+          i("nav", uv, [
+            i("div", dv, [
               (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", cv, [
                   v($) ? (s(), u("div", {
                     key: 1,
                     class: m(L(S)(
@@ -12500,9 +12495,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", gv, x($.badge), 1)) : h("", !0),
+                    H($) && v($) ? (s(), u("div", vv)) : h("", !0)
+                  ], 10, mv)) : (s(), U(J, {
                     key: 0,
                     to: $.route,
                     class: m(L(S)(
@@ -12530,7 +12525,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", fv, x($.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -12538,7 +12533,7 @@ const md = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), u("div", vv, [
+          e.showManagementSettings ? (s(), u("div", bv, [
             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 +12559,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", hv)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -12587,8 +12582,8 @@ const md = {
               ),
               style: me(w.value)
             }, [
-              i("div", hv, [
-                i("div", pv, [
+              i("div", pv, [
+                i("div", yv, [
                   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 +12603,11 @@ const md = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", yv, x(d.value?.label), 1)
+                  i("h3", xv, x(d.value?.label), 1)
                 ])
               ]),
-              i("nav", xv, [
-                i("div", wv, [
+              i("nav", wv, [
+                i("div", kv, [
                   (s(!0), u(G, null, X(d.value?.subItems, ($) => (s(), U(J, {
                     key: $.name,
                     to: $.route,
@@ -12625,7 +12620,7 @@ const md = {
                     onClick: (M) => j($)
                   }, {
                     default: N(() => [
-                      H($) ? (s(), u("div", kv)) : h("", !0),
+                      H($) ? (s(), u("div", Sv)) : h("", !0),
                       i("div", {
                         class: m(
                           L(S)(
@@ -12646,7 +12641,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", $v, x($.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -12699,12 +12694,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", Cv, [
+                i("div", zv, [
                   (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", Av, x($.label), 1)) : $.route ? (s(), U(J, {
                       key: 1,
                       to: $.route,
                       class: m(
@@ -12716,7 +12711,7 @@ const md = {
                       onClick: (M) => se($)
                     }, {
                       default: N(() => [
-                        H($) ? (s(), u("div", Av)) : h("", !0),
+                        H($) ? (s(), u("div", Iv)) : h("", !0),
                         i("div", {
                           class: m(
                             L(S)(
@@ -12767,7 +12762,7 @@ const md = {
       ]);
     };
   }
-}, Tv = {
+}, Pv = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -12786,13 +12781,13 @@ const md = {
       F(a.$slots, "default")
     ], 2));
   }
-}, Pv = {
+}, jv = {
   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 = {
+}, Bv = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Ov = { class: "text-slate-900 font-medium" }, Fv = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Fv = { class: "mt-2 text-slate-600 text-sm" }, Vv = {
+}, Vv = { class: "mt-2 text-slate-600 text-sm" }, Mv = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -12816,8 +12811,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", jv)) : h("", !0),
+      i("div", Bv, [
         F(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -12828,23 +12823,23 @@ const md = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Bv, [
+        i("h3", Ov, [
           F(a.$slots, "title", {}, () => [
             ee(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), u("p", Ov, [
+        e.subtitle ? (s(), u("p", Fv, [
           F(a.$slots, "subtitle", {}, () => [
             ee(x(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        i("div", Fv, [
+        i("div", Vv, [
           F(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Mv = {
+}, Dv = {
   name: "AuthLayout",
   props: {
     title: {
@@ -12933,20 +12928,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 = {
+}, Ev = { class: "container mx-auto px-4 relative z-10" }, Lv = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Nv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Rv = { class: "mb-6" }, _v = { class: "text-4xl lg:text-6xl font-bold mb-2" }, qv = { class: "text-white" }, Wv = { class: "flex items-center justify-center lg:justify-start mb-6" }, Yv = { class: "text-3xl lg:text-4xl font-bold text-white" }, Uv = { class: "lg:col-span-4" }, Hv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Gv = {
   key: 0,
   class: "mb-6"
-}, Gv = { class: "text-center" }, Xv = { class: "text-2xl font-bold text-gray-900" }, Kv = {
+}, Xv = { class: "text-center" }, Kv = { class: "text-2xl font-bold text-gray-900" }, Jv = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Jv = { class: "space-y-6" }, Qv = {
+}, Qv = { class: "space-y-6" }, Zv = {
   key: 1,
   class: "mt-6"
-}, Zv = {
+}, e0 = {
   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) {
+}, t0 = { class: "absolute bottom-4 right-4 text-right" }, a0 = { class: "flex items-end justify-end mb-2" }, n0 = { class: "text-right mr-3" }, r0 = { class: "text-red-500 font-bold text-xs" }, s0 = { class: "text-white text-xs" }, l0 = { class: "text-white/70 text-xs" }, o0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, i0 = { class: "text-white/70 text-xs" }, u0 = { class: "absolute bottom-4 left-4 flex gap-2" }, d0 = ["href"];
+function c0(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 +12954,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", Ev, [
+      i("div", Lv, [
+        i("div", Nv, [
+          i("div", Rv, [
+            i("div", _v, [
               i("span", {
                 style: me({ color: t.primaryColor })
               }, x(t.primaryLogoPrefix), 5),
-              i("span", _v, x(t.primaryLogoText), 1)
+              i("span", qv, 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", Wv, [
             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", Yv, 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", Uv, [
+          i("div", Hv, [
+            e.$slots["card-header"] || t.title ? (s(), u("div", Gv, [
               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", Xv, [
+                  i("h1", Kv, x(t.title), 1),
+                  t.subtitle ? (s(), u("p", Jv, x(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            i("div", Jv, [
+            i("div", Qv, [
               P(o)
             ]),
-            e.$slots["card-footer"] ? (s(), u("div", Qv, [
+            e.$slots["card-footer"] ? (s(), u("div", Zv, [
               F(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (s(), u("div", Zv, [
+          e.$slots.links ? (s(), u("div", e0, [
             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", t0, [
+      i("div", a0, [
+        i("div", n0, [
+          i("div", r0, x(t.companyName), 1),
+          i("div", s0, x(t.companyType), 1),
+          i("div", l0, x(t.companyTagline), 1)
         ]),
-        i("div", l0, x(t.companyInitials), 1)
+        i("div", o0, x(t.companyInitials), 1)
       ]),
-      i("div", o0, [
+      i("div", i0, [
         i("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         i("div", null, x(t.copyright), 1)
       ])
     ]),
-    i("div", i0, [
+    i("div", u0, [
       (s(!0), u(G, null, X(t.socialLinks, (c) => (s(), u("a", {
         key: c.name,
         href: c.url,
@@ -13034,14 +13029,14 @@ function d0(e, a, t, n, r, l) {
         P(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, u0))), 128))
+      ], 10, d0))), 128))
     ])
   ], 4);
 }
-const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen bg-gray-50" }, m0 = { class: "flex-1" }, g0 = {
+const f0 = /* @__PURE__ */ At(Dv, [["render", c0]]), m0 = { class: "min-h-screen bg-gray-50" }, g0 = { class: "flex-1" }, v0 = {
   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 = {
+}, b0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, h0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, p0 = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -13065,7 +13060,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", m0, [
         P(o, null, {
           logo: N(() => [
             F(a.$slots, "logo", {}, () => [
@@ -13098,15 +13093,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", g0, [
+          e.showBreadcrumb ? (s(), u("div", v0, [
+            i("div", b0, [
               F(a.$slots, "breadcrumb", {}, () => [
                 P(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          i("div", b0, [
+          i("div", h0, [
             F(a.$slots, "default")
           ])
         ]),
@@ -13127,7 +13122,7 @@ const c0 = /* @__PURE__ */ At(Mv, [["render", d0]]), f0 = { class: "min-h-screen
       ]);
     };
   }
-}, p0 = {
+}, y0 = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -13393,20 +13388,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 = {
+}, x0 = { class: "flex justify-center" }, w0 = { class: "flex items-center gap-3" }, k0 = { class: "text-2xl font-bold text-slate-900" }, S0 = {
   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 = {
+}, $0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, C0 = ["disabled"], z0 = {
   key: 0,
   class: "animate-spin"
-}, z0 = { key: 1 }, A0 = ["disabled"], I0 = { key: 0 }, T0 = { key: 1 }, P0 = {
+}, A0 = { key: 1 }, I0 = ["disabled"], T0 = { key: 0 }, P0 = { key: 1 }, j0 = {
   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 = {
+}, B0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, O0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, F0 = { class: "space-y-3" }, V0 = { class: "text-sm text-slate-600" }, M0 = ["href"], D0 = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function D0(e, a, t, n, r, l) {
+function E0(e, a, t, n, r, l) {
   return s(), u("div", {
     class: m(n.layoutClasses)
   }, [
@@ -13426,13 +13421,13 @@ function D0(e, a, t, n, r, l) {
         class: m(n.headerClasses)
       }, [
         F(e.$slots, "header", {}, () => [
-          i("div", y0, [
+          i("div", x0, [
             F(e.$slots, "logo", {}, () => [
-              i("div", x0, [
+              i("div", w0, [
                 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", k0, x(t.brandName), 1)
               ])
             ])
           ])
@@ -13478,7 +13473,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", S0, [...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 +13484,7 @@ function D0(e, a, t, n, r, l) {
           class: m(n.actionsClasses)
         }, [
           F(e.$slots, "actions", {}, () => [
-            i("div", S0, [
+            i("div", $0, [
               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 +13507,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", z0, "↻")) : (s(), u("span", A0, "🔄")),
                 ee(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, $0)) : h("", !0),
+              ], 8, C0)) : 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", T0, "✓")) : (s(), u("span", P0, "📝")),
                 ee(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, A0)) : h("", !0)
+              ], 8, I0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -13532,10 +13527,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", j0, [
+              i("div", B0, [
+                i("h3", O0, x(n.additionalInfoConfig.title), 1),
+                i("ul", F0, [
                   (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 +13550,7 @@ function D0(e, a, t, n, r, l) {
           class: m(n.helpClasses)
         }, [
           F(e.$slots, "help", {}, () => [
-            i("p", F0, [
+            i("p", V0, [
               ee(x(t.helpText) + " ", 1),
               t.supportUrl ? (s(), u("a", {
                 key: 0,
@@ -13564,16 +13559,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, M0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (s(), u("div", M0, " Error ID: " + x(n.errorId), 1)) : h("", !0)
+        n.isDev ? (s(), u("div", D0, " Error ID: " + x(n.errorId), 1)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const E0 = /* @__PURE__ */ At(p0, [["render", D0]]), en = {
+const L0 = /* @__PURE__ */ At(y0, [["render", E0]]), en = {
   mounted(e, a) {
     if (!a.value) return;
     const t = Object.keys(a.modifiers)[0] || "top", n = document.createElement("div");
@@ -13712,55 +13707,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: uu,
+  CardBody: du,
+  CardFooter: cu,
+  CardContent: fu,
+  CardTitle: mu,
   DatePicker: xa,
-  Dropdown: Su,
-  DropdownItem: Cu,
-  FileUpload: Vu,
+  Dropdown: $u,
+  DropdownItem: zu,
+  FileUpload: Mu,
   FormField: fr,
-  InputGroup: Wu,
-  ListItem: Ju,
-  MenuItem: Zu,
+  InputGroup: Yu,
+  ListItem: Qu,
+  MenuItem: ed,
   Modal: mr,
-  ModalHeader: nd,
-  ModalBody: rd,
-  ModalFooter: sd,
-  Notification: cd,
-  Toast: Sd,
-  Search: Ed,
+  ModalHeader: rd,
+  ModalBody: sd,
+  ModalFooter: ld,
+  Notification: fd,
+  Toast: $d,
+  Search: Ld,
   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: Wd,
+  StepperItem: Xd,
+  Tab: ec,
+  TabPanel: nc,
+  BarChart: Lc,
+  LineChart: tf,
+  GraphFilters: bf,
+  Accordion: uc,
+  AccordionItem: dc,
+  Graph: zc,
+  Calendar: xc,
+  DataTable: om,
   DataTableHeader: br,
   DataTableRow: hr,
-  DataTableCell: om,
+  DataTableCell: im,
   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: Xm,
+  DataTableToolBar: cg,
+  Footer: yg,
+  Header: Qg,
+  ReusableFormModal: lv,
+  Sidebar: Tv,
+  Timeline: Pv,
+  TimelineItem: Mv,
+  AuthLayout: f0,
+  DefaultLayout: p0,
+  ErrorLayout: L0
+}, q0 = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(tn).forEach((n) => {
@@ -13770,84 +13765,84 @@ const E0 = /* @__PURE__ */ At(p0, [["render", D0]]), en = {
   }
 };
 export {
-  ic as Accordion,
-  uc as AccordionItem,
+  uc as Accordion,
+  dc as AccordionItem,
   Yi as Alert,
-  c0 as AuthLayout,
+  f0 as AuthLayout,
   Qo as Avatar,
   ei as Badge,
-  Ec as BarChart,
+  Lc as BarChart,
   Gi as Breadcrumb,
   we as Button,
   Ki as ButtonGroup,
-  yc as Calendar,
+  xc as Calendar,
   ru as Card,
-  uu as CardBody,
-  cu as CardContent,
-  du as CardFooter,
-  iu as CardHeader,
-  fu as CardTitle,
+  du as CardBody,
+  fu as CardContent,
+  cu as CardFooter,
+  uu as CardHeader,
+  mu as CardTitle,
   ha as Checkbox,
-  lm as DataTable,
-  om as DataTableCell,
-  Gm as DataTableFilters,
+  om as DataTable,
+  im as DataTableCell,
+  Xm as DataTableFilters,
   br as DataTableHeader,
   pr as DataTablePagination,
   hr as DataTableRow,
-  dg as DataTableToolBar,
+  cg as DataTableToolBar,
   xa as DatePicker,
-  h0 as DefaultLayout,
+  p0 as DefaultLayout,
   di as Divider,
-  Su as Dropdown,
-  Cu as DropdownItem,
-  E0 as ErrorLayout,
-  Vu as FileUpload,
-  pg as Footer,
+  $u as Dropdown,
+  zu as DropdownItem,
+  L0 as ErrorLayout,
+  Mu as FileUpload,
+  yg as Footer,
   fr as FormField,
-  Cc as Graph,
-  vf as GraphFilters,
-  Jg as Header,
+  zc as Graph,
+  bf as GraphFilters,
+  Qg as Header,
   Q as Icon,
   gi as Image,
   ea as Input,
-  Wu as InputGroup,
+  Yu as InputGroup,
   ya as Label,
-  ef as LineChart,
+  tf as LineChart,
   wi as Link,
-  Ju as ListItem,
+  Qu as ListItem,
   tt as Loader,
   Si as Logo,
-  Zu as MenuItem,
+  ed as MenuItem,
   mr as Modal,
-  rd as ModalBody,
-  sd as ModalFooter,
-  nd as ModalHeader,
-  cd as Notification,
+  sd as ModalBody,
+  ld as ModalFooter,
+  rd as ModalHeader,
+  fd as Notification,
   dr as Option,
   zi as Progress,
   Ii as ProgressBar,
   ji as Radio,
-  sv as ReusableFormModal,
-  Ed as Search,
+  lv as ReusableFormModal,
+  Ld as Search,
   Oe as Select,
-  Iv as Sidebar,
+  Tv as Sidebar,
   vr as Slider,
   pa as Spinner,
-  qd as Stepper,
-  Gd as StepperItem,
+  Wd as Stepper,
+  Xd as StepperItem,
   Fi as Switch,
-  Zd as Tab,
-  ac as TabPanel,
+  ec as Tab,
+  nc as TabPanel,
   Vi as Text,
   cr as Textarea,
-  Tv as Timeline,
-  Vv as TimelineItem,
-  Sd as Toast,
+  Pv as Timeline,
+  Mv as TimelineItem,
+  $d as Toast,
   Di as Tooltip,
   ta as Typography,
   S as cn,
-  _0 as default,
+  q0 as default,
   He as toast,
   en as tooltip,
-  vd as useToaster
+  bd as useToaster
 };