npm - @stlhorizon/vue-ui - Versions diffs - 2.10.3 → 2.10.4 - Mend

@stlhorizon/vue-ui 2.10.3 → 2.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.esm.js +596 -626
package/dist/index.js +5 -5
package/dist/src/components/CardHeader.vue.d.ts +0 -8
package/dist/src/components/CardHeader.vue.d.ts.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/dist/vue-ui.css +1 -1
package/package.json +1 -1

package/dist/index.esm.js CHANGED Viewed

@@ -5842,22 +5842,7 @@ const Q = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, su = {
-  key: 0,
-  class: "text-lg font-semibold leading-tight text-black"
-}, lu = {
-  key: 1,
-  class: "text-lg font-semibold leading-tight text-black"
-}, ou = {
-  key: 2,
-  class: "text-sm text-gray-600"
-}, iu = {
-  key: 3,
-  class: "text-sm text-gray-600"
-}, uu = {
-  key: 0,
-  class: "flex items-center gap-2"
-}, du = /* @__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: {
     title: {
@@ -5867,48 +5852,33 @@ const Q = {
     subtitle: {
       type: String,
       default: ""
-    },
-    titleClass: {
-      type: String,
-      default: ""
-    },
-    subtitleClass: {
-      type: String,
-      default: ""
-    },
-    padding: {
-      type: String,
-      default: "p-4 md:p-6"
-    },
-    textSpacing: {
-      type: String,
-      default: "space-y-1"
     }
   },
   setup(e) {
     return (a, t) => (s(), u("header", {
       class: m(L(S)(
-        "flex items-center justify-between border-b border-border bg-white text-black",
-        e.padding,
+        "flex items-center justify-between",
         a.$attrs.class
       ))
     }, [
-      i("div", {
-        class: m(L(S)("flex flex-col", e.textSpacing))
-      }, [
-        e.title ? (s(), u("h2", su, x(e.title), 1)) : (s(), u("h2", lu, [
-          F(a.$slots, "title")
-        ])),
-        e.subtitle ? (s(), u("p", ou, x(e.subtitle), 1)) : a.$slots.description ? (s(), u("p", iu, [
-          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", uu, [
+      ]),
+      a.$slots.actions ? (s(), u("div", iu, [
         F(a.$slots, "actions")
       ])) : h("", !0)
     ], 2));
   }
-}), cu = {
+}), du = {
   __name: "CardBody",
   props: {
     variant: {
@@ -5935,7 +5905,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, fu = {
+}, cu = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -5962,7 +5932,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, mu = /* @__PURE__ */ Object.assign({
+}, fu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -5973,7 +5943,7 @@ const Q = {
       F(a.$slots, "default")
     ], 2));
   }
-}), gu = /* @__PURE__ */ Object.assign({
+}), mu = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -5984,7 +5954,7 @@ const Q = {
       F(a.$slots, "default")
     ], 2));
   }
-}), vu = { class: "relative w-full" }, bu = { class: "relative" }, hu = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], pu = { class: "flex items-center justify-between mb-4" }, yu = { class: "text-base font-semibold text-slate-900" }, xu = { class: "grid grid-cols-7 gap-1 mb-2" }, wu = { class: "grid grid-cols-7 gap-1" }, ku = ["disabled", "onClick"], Su = {
+}), 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 = {
@@ -6110,8 +6080,8 @@ const Q = {
       document.addEventListener("keydown", J);
     }), nn(() => {
       document.removeEventListener("keydown", J);
-    }), ($, M) => (s(), u("div", vu, [
-      i("div", bu, [
+    }), ($, M) => (s(), u("div", gu, [
+      i("div", vu, [
         i("input", {
           id: e.id,
           type: "text",
@@ -6123,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, hu),
+        }, 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",
@@ -6176,7 +6146,7 @@ const Q = {
             onClick: M[0] || (M[0] = Ne(() => {
             }, ["stop"]))
           }, [
-            i("div", pu, [
+            i("div", hu, [
               i("button", {
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors",
@@ -6197,7 +6167,7 @@ const Q = {
                   })
                 ], -1)
               ])]),
-              i("div", yu, 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",
@@ -6219,13 +6189,13 @@ const Q = {
                 ], -1)
               ])])
             ]),
-            i("div", xu, [
+            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", wu, [
+            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"
@@ -6241,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, ku))), 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", Su, [
+            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",
@@ -6265,7 +6235,7 @@ const Q = {
       })) : h("", !0)
     ]));
   }
-}, $u = ["aria-expanded"], Cu = {
+}, Su = ["aria-expanded"], $u = {
   __name: "Dropdown",
   props: {
     triggerText: {
@@ -6338,7 +6308,7 @@ const Q = {
             class: "ml-2 h-4 w-4"
           })
         ])
-      ], 10, $u),
+      ], 10, Su),
       P(fe, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
@@ -6361,10 +6331,10 @@ const Q = {
       })
     ], 512));
   }
-}, zu = {
+}, Cu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Au = {
+}, zu = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -6408,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", zu, x(e.shortcut), 1)) : h("", !0)
+        e.shortcut ? (s(), u("span", Cu, x(e.shortcut), 1)) : h("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, Iu = { class: "w-full" }, Tu = ["multiple", "accept"], Pu = { class: "flex flex-col items-center justify-center py-6" }, ju = {
+}, 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"
-}, Bu = {
+}, ju = {
   key: 0,
   class: "mt-4 space-y-2"
-}, Ou = { class: "flex items-center space-x-2" }, Fu = { class: "text-sm" }, Vu = { class: "text-xs text-muted-foreground" }, Mu = ["onClick"], Du = {
+}, 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,
@@ -6478,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", Iu, [
+    return (y, A) => (s(), u("div", Au, [
       i("div", {
         class: m(c.value),
         onDrop: p,
@@ -6495,8 +6465,8 @@ const Q = {
           accept: e.accept,
           class: "hidden",
           onChange: z
-        }, null, 40, Tu),
-        i("div", Pu, [
+        }, null, 40, Iu),
+        i("div", Tu, [
           P(Q, {
             icon: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
@@ -6505,21 +6475,21 @@ const Q = {
             i("span", { class: "font-semibold" }, "Click to upload"),
             ee(" or drag and drop ")
           ], -1)),
-          e.accept ? (s(), u("p", ju, 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", Bu, [
+      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", Ou, [
+          i("div", Bu, [
             P(Q, {
               icon: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            i("span", Fu, x(O.name), 1),
-            i("span", Vu, "(" + 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",
@@ -6529,16 +6499,16 @@ const Q = {
               icon: "x",
               class: "h-4 w-4"
             })
-          ], 8, Mu)
+          ], 8, Vu)
         ]))), 128))
       ])) : h("", !0)
     ]));
   }
-}, Eu = ["for"], Lu = {
+}, Du = ["for"], Eu = {
   key: 0,
   class: "text-red-500 ml-1",
   "aria-label": "required"
-}, Nu = { class: "relative" }, Ru = ["aria-label"], _u = ["id"], qu = ["id"], fr = {
+}, Lu = { class: "relative" }, Nu = ["aria-label"], Ru = ["id"], _u = ["id"], fr = {
   __name: "FormField",
   props: {
     label: String,
@@ -6625,13 +6595,13 @@ const Q = {
           class: m(L(S)(L(k)({ size: e.size })))
         }, [
           ee(x(e.label) + " ", 1),
-          e.required ? (s(), u("span", Lu, "*")) : h("", !0)
-        ], 10, Eu)) : 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", Nu, [
+        i("div", Lu, [
           e.type === "date" ? (s(), U(xa, {
             key: 0,
             id: l.value,
@@ -6659,7 +6629,7 @@ const Q = {
               icon: d.value ? "eye-slash" : "eye",
               class: "w-4 h-4"
             }, null, 8, ["icon"])
-          ], 8, Ru)) : h("", !0)
+          ], 8, Nu)) : h("", !0)
         ]),
         P(fe, {
           "enter-active-class": "transition-all duration-200",
@@ -6682,7 +6652,7 @@ const Q = {
                 class: "w-4 h-4 flex-shrink-0 mt-0.5"
               }),
               i("span", null, x(e.error), 1)
-            ], 10, _u)) : h("", !0)
+            ], 10, Ru)) : h("", !0)
           ]),
           _: 1
         }),
@@ -6690,7 +6660,7 @@ const Q = {
           key: 2,
           id: `${l.value}-help`,
           class: m(L(S)(L(z)({ size: e.size })))
-        }, x(e.helpText), 11, qu)) : 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",
@@ -6716,13 +6686,13 @@ const Q = {
       ], 2);
     };
   }
-}, Wu = {
+}, qu = {
   key: 0,
   class: "flex items-center px-3 bg-muted border border-r-0 rounded-l-md"
-}, Yu = {
+}, Wu = {
   key: 1,
   class: "flex items-center px-3 bg-muted border border-l-0 rounded-r-md"
-}, Uu = {
+}, Yu = {
   __name: "InputGroup",
   props: {
     variant: {
@@ -6745,28 +6715,28 @@ const Q = {
     return (r, l) => (s(), u("div", {
       class: m(n.value)
     }, [
-      r.$slots.prefix ? (s(), u("div", Wu, [
+      r.$slots.prefix ? (s(), u("div", qu, [
         F(r.$slots, "prefix")
       ])) : h("", !0),
       F(r.$slots, "default"),
-      r.$slots.suffix ? (s(), u("div", Yu, [
+      r.$slots.suffix ? (s(), u("div", Wu, [
         F(r.$slots, "suffix")
       ])) : h("", !0)
     ], 2));
   }
-}, Hu = ["role"], Gu = {
+}, Uu = ["role"], Hu = {
   key: 0,
   class: "flex-shrink-0"
-}, Xu = { class: "flex-1 min-w-0" }, Ku = {
+}, Gu = { class: "flex-1 min-w-0" }, Xu = {
   key: 0,
   class: "text-sm font-medium text-foreground"
-}, Ju = {
+}, Ku = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Qu = {
+}, Ju = {
   key: 1,
   class: "flex-shrink-0"
-}, Zu = {
+}, Qu = {
   __name: "ListItem",
   props: {
     title: String,
@@ -6813,7 +6783,7 @@ const Q = {
         onClick: c
       }, {
         default: N(() => [
-          p.$slots.icon || e.icon ? (s(), u("div", Gu, [
+          p.$slots.icon || e.icon ? (s(), u("div", Hu, [
             F(p.$slots, "icon", {}, () => [
               e.icon ? (s(), U(Q, {
                 key: 0,
@@ -6822,23 +6792,23 @@ const Q = {
               }, null, 8, ["name"])) : h("", !0)
             ])
           ])) : h("", !0),
-          i("div", Xu, [
-            e.title ? (s(), u("div", Ku, x(e.title), 1)) : h("", !0),
-            e.description ? (s(), u("div", Ju, x(e.description), 1)) : h("", !0),
+          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", Qu, [
+          p.$slots.action ? (s(), u("div", Ju, [
             F(p.$slots, "action")
           ])) : h("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
-    ], 10, Hu));
+    ], 10, Uu));
   }
-}, ed = {
+}, Zu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, td = {
+}, ed = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -6883,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", ed, 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",
@@ -6990,26 +6960,26 @@ const Q = {
       })
     ]));
   }
-}, ad = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, nd = {
+}, 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"
-}, rd = {
+}, nd = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, sd = {
+}, rd = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(e) {
-    return (a, t) => (s(), u("div", ad, [
-      e.title ? (s(), u("h2", nd, x(e.title), 1)) : h("", !0),
-      e.description ? (s(), u("p", rd, x(e.description), 1)) : h("", !0),
+    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")
     ]));
   }
-}, ld = {
+}, sd = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -7035,7 +7005,7 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, od = {
+}, ld = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -7061,13 +7031,13 @@ const Q = {
       F(r.$slots, "default")
     ], 2));
   }
-}, id = ["aria-live"], ud = { class: "flex items-start space-x-3" }, dd = {
+}, od = ["aria-live"], id = { class: "flex items-start space-x-3" }, ud = {
   key: 0,
   class: "flex-shrink-0"
-}, cd = { class: "flex-1 min-w-0" }, fd = {
+}, dd = { class: "flex-1 min-w-0" }, cd = {
   key: 0,
   class: "text-sm font-medium"
-}, md = {
+}, fd = {
   __name: "Notification",
   props: {
     title: String,
@@ -7143,15 +7113,15 @@ const Q = {
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
-          i("div", ud, [
-            e.showIcon ? (s(), u("div", dd, [
+          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", cd, [
-              e.title ? (s(), u("div", fd, 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 }])
@@ -7169,23 +7139,23 @@ const Q = {
               })
             ])) : h("", !0)
           ])
-        ], 10, id)) : h("", !0)
+        ], 10, od)) : h("", !0)
       ]),
       _: 3
     }));
   }
 }, it = W([]);
-let gd = 0;
-const vd = {
+let md = 0;
+const gd = {
   duration: 3e3,
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, bd = () => `toast-${++gd}-${Date.now()}`, Te = (e, a = {}) => {
-  const t = bd(), n = {
+}, vd = () => `toast-${++md}-${Date.now()}`, Te = (e, a = {}) => {
+  const t = vd(), n = {
     id: t,
     message: e,
-    ...vd,
+    ...gd,
     ...a,
     createdAt: Date.now()
   };
@@ -7245,20 +7215,20 @@ const vd = {
       component: sn(e)
     })
   }
-), hd = () => ({
+), bd = () => ({
   toasts: it,
   dismiss: st,
   dismissAll: gr
-}), pd = ["aria-live"], yd = { class: "flex-1 grid gap-1" }, xd = {
+}), hd = ["aria-live"], pd = { class: "flex-1 grid gap-1" }, yd = {
   key: 0,
   class: "text-lg font-extrabold"
-}, wd = {
+}, xd = {
   key: 1,
   class: "text-md opacity-90"
-}, kd = {
+}, wd = {
   key: 2,
   class: "text-md opacity-90"
-}, Sd = ["onClick"], $d = ["onClick"], Cd = {
+}, kd = ["onClick"], Sd = ["onClick"], $d = {
   __name: "Toast",
   props: {
     position: {
@@ -7295,7 +7265,7 @@ const vd = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = hd(), 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",
@@ -7367,10 +7337,10 @@ const vd = {
                 icon: w(g),
                 class: m([k(g), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : h("", !0),
-              i("div", yd, [
-                g.title ? (s(), u("div", xd, x(g.title), 1)) : h("", !0),
-                g.message ? (s(), u("div", wd, x(g.message), 1)) : h("", !0),
-                g.description ? (s(), u("div", kd, x(g.description), 1)) : h("", !0),
+              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
@@ -7380,7 +7350,7 @@ const vd = {
                 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, Sd)) : 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",
@@ -7390,36 +7360,36 @@ const vd = {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, $d)) : h("", !0)
-            ], 10, pd))), 128))
+              ], 8, Sd)) : h("", !0)
+            ], 10, hd))), 128))
           ]),
           _: 1
         })
       ], 2)
     ]));
   }
-}, zd = { class: "relative" }, Ad = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Id = ["value", "placeholder", "disabled"], Td = {
+}, 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"
-}, Pd = ["aria-label"], jd = {
+}, Td = ["aria-label"], Pd = {
   key: 1,
   class: "animate-spin"
-}, Bd = {
+}, jd = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, Od = ["onClick", "onMouseenter"], Fd = { class: "flex-1 text-left" }, Vd = { class: "font-medium text-slate-900" }, Md = {
+}, 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"
-}, Dd = {
+}, Md = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, Ed = {
+}, Dd = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, Ld = {
+}, Ed = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, Nd = {
+}, Ld = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -7533,8 +7503,8 @@ const vd = {
       ref: d,
       class: "relative"
     }, [
-      i("div", zd, [
-        i("div", Ad, [
+      i("div", Cd, [
+        i("div", zd, [
           P(t, {
             class: m(se.value)
           }, null, 8, ["class"])
@@ -7550,8 +7520,8 @@ const vd = {
           onFocus: C,
           onBlur: z,
           onKeydown: f
-        }, null, 42, Id),
-        e.modelValue || e.loading ? (s(), u("div", Td, [
+        }, 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",
@@ -7559,7 +7529,7 @@ const vd = {
             onClick: v
           }, [
             P(n, { class: "w-4 h-4" })
-          ], 8, Pd)) : e.loading ? (s(), u("div", jd, [
+          ], 8, Td)) : e.loading ? (s(), u("div", Pd, [
             P(r, { class: "w-4 h-4 text-slate-400" })
           ])) : h("", !0)
         ])) : h("", !0)
@@ -7577,7 +7547,7 @@ const vd = {
             key: 0,
             class: m(H.value)
           }, [
-            e.results.length > 0 ? (s(), u("div", Bd, [
+            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($)),
@@ -7588,14 +7558,14 @@ const vd = {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : h("", !0),
-                i("div", Fd, [
-                  i("div", Vd, x(y(J.title)), 1),
-                  J.description ? (s(), u("div", Md, x(y(J.description)), 1)) : h("", !0)
+                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", Dd, x(J.category), 1)) : h("", !0)
-              ], 42, Od))), 128))
-            ])) : e.showNoResults ? (s(), u("div", Ed, x(e.noResultsText), 1)) : h("", !0),
-            B.$slots.footer ? (s(), u("div", Ld, [
+                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)
@@ -7604,7 +7574,7 @@ const vd = {
       })
     ], 512));
   }
-}, Rd = { class: "w-full" }, _d = ["min", "max", "step", "value"], qd = { 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 },
@@ -7617,7 +7587,7 @@ const vd = {
     const t = a, n = (r) => {
       t("update:modelValue", Number(r.target.value));
     };
-    return (r, l) => (s(), u("div", Rd, [
+    return (r, l) => (s(), u("div", Nd, [
       i("input", {
         type: "range",
         min: e.min,
@@ -7626,25 +7596,25 @@ const vd = {
         value: e.modelValue,
         class: "w-full accent-blue-500 cursor-pointer",
         onInput: n
-      }, null, 40, _d),
-      i("div", qd, [
+      }, 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)
       ])
     ]));
   }
-}, Wd = { class: "flex items-center space-x-4" }, Yd = {
+}, qd = { class: "flex items-center space-x-4" }, Wd = {
   __name: "Stepper",
   setup(e) {
-    return (a, t) => (s(), u("div", Wd, [
+    return (a, t) => (s(), u("div", qd, [
       F(a.$slots, "default")
     ]));
   }
-}, Ud = { class: "flex items-center" }, Hd = { class: "ml-2" }, Gd = { class: "font-medium" }, Xd = {
+}, Yd = { class: "flex items-center" }, Ud = { class: "ml-2" }, Hd = { class: "font-medium" }, Gd = {
   key: 0,
   class: "text-sm text-slate-400"
-}, Kd = {
+}, Xd = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -7654,7 +7624,7 @@ const vd = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (s(), u("div", Ud, [
+    return (a, t) => (s(), u("div", Yd, [
       i("div", {
         class: m([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -7663,16 +7633,16 @@ const vd = {
       }, [
         i("span", null, x(e.step), 1)
       ], 2),
-      i("div", Hd, [
-        i("div", Gd, x(e.title), 1),
-        e.description ? (s(), u("div", Xd, 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)
       ])
     ]));
   }
-}, Jd = { class: "w-full" }, Qd = {
+}, Kd = { class: "w-full" }, Jd = {
   class: "flex space-x-1 border-b border-slate-200",
   role: "tablist"
-}, Zd = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], ec = { class: "mt-4" }, tc = {
+}, Qd = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Zd = { class: "mt-4" }, ec = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 },
@@ -7710,8 +7680,8 @@ const vd = {
       unregisterTab: (c) => {
         l.value.splice(c, 1);
       }
-    }), (c, p) => (s(), u("div", Jd, [
-      i("div", Qd, [
+    }), (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,
@@ -7725,17 +7695,17 @@ const vd = {
           "aria-controls": `panel-${k}`,
           role: "tab",
           onClick: (V) => !t.loading && o(k)
-        }, x(w.label), 11, Zd))), 128))
+        }, x(w.label), 11, Qd))), 128))
       ]),
-      i("div", ec, [
+      i("div", Zd, [
         F(c.$slots, "default")
       ])
     ]));
   }
-}, ac = ["id", "aria-labelledby"], nc = {
+}, tc = ["id", "aria-labelledby"], ac = {
   key: 0,
   class: "flex items-center justify-center p-8"
-}, rc = {
+}, nc = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 },
@@ -7757,17 +7727,17 @@ const vd = {
       role: "tabpanel",
       "aria-labelledby": `tab-${n.value}`
     }, [
-      e.loading ? (s(), u("div", nc, [
+      e.loading ? (s(), u("div", ac, [
         P(pa, {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
       ])) : F(l.$slots, "default", { key: 1 })
-    ], 8, ac)), [
+    ], 8, tc)), [
       [on, r.value]
     ]);
   }
-}, sc = ["id", "aria-expanded", "aria-controls", "onClick"], lc = { class: "flex items-center flex-1 min-w-0" }, oc = { key: 0 }, ic = ["id", "aria-labelledby"], uc = { key: 0 }, dc = {
+}, 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: {
@@ -7894,13 +7864,13 @@ const vd = {
           "aria-controls": `panel-${O.id || j}`,
           onClick: (se) => o(j)
         }, [
-          i("div", lc, [
+          i("div", sc, [
             F(y.$slots, `header-${j}`, {
               item: O,
               index: j,
               isExpanded: d(j)
             }, () => [
-              O.title ? (s(), u("div", oc, x(O.title), 1)) : h("", !0)
+              O.title ? (s(), u("div", lc, x(O.title), 1)) : h("", !0)
             ])
           ]),
           i("div", {
@@ -7908,7 +7878,7 @@ const vd = {
           }, [
             P(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, sc),
+        ], 10, rc),
         P(fe, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -7933,17 +7903,17 @@ const vd = {
                   item: O,
                   index: j
                 }, () => [
-                  O.content ? (s(), u("div", uc, x(O.content), 1)) : h("", !0)
+                  O.content ? (s(), u("div", ic, x(O.content), 1)) : h("", !0)
                 ])
               ])
-            ], 10, ic)) : h("", !0)
+            ], 10, oc)) : h("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, cc = {
+}, dc = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -8035,10 +8005,10 @@ const vd = {
       })
     ], 2));
   }
-}, fc = { class: "relative w-full" }, mc = { class: "relative" }, gc = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], vc = { class: "flex items-center justify-between mb-3" }, bc = { class: "text-sm font-medium" }, hc = { class: "grid grid-cols-7 gap-1 mb-2" }, pc = { class: "grid grid-cols-7 gap-1" }, yc = ["disabled", "onClick"], xc = {
+}, 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"
-}, wc = {
+}, xc = {
   __name: "Calendar",
   props: {
     id: String,
@@ -8147,8 +8117,8 @@ const vd = {
       document.addEventListener("keydown", K);
     }), nn(() => {
       document.removeEventListener("keydown", K);
-    }), (J, $) => (s(), u("div", fc, [
-      i("div", mc, [
+    }), (J, $) => (s(), u("div", cc, [
+      i("div", fc, [
         i("input", {
           id: e.id,
           type: "text",
@@ -8160,7 +8130,7 @@ const vd = {
           "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, gc),
+        }, 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",
@@ -8213,7 +8183,7 @@ const vd = {
             onClick: $[0] || ($[0] = Ne(() => {
             }, ["stop"]))
           }, [
-            i("div", vc, [
+            i("div", gc, [
               i("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8234,7 +8204,7 @@ const vd = {
                   })
                 ], -1)
               ])]),
-              i("div", bc, 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",
@@ -8256,13 +8226,13 @@ const vd = {
                 ], -1)
               ])])
             ]),
-            i("div", hc, [
+            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", pc, [
+            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"
@@ -8277,13 +8247,13 @@ const vd = {
                   A(M) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
                 onClick: (Y) => le(M)
-              }, x(M), 11, yc))), 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", xc, [
+            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",
@@ -8301,10 +8271,10 @@ const vd = {
       })) : h("", !0)
     ]));
   }
-}, kc = { class: "flex items-start justify-between" }, Sc = { class: "flex-1 min-w-0" }, $c = {
+}, wc = { class: "flex items-start justify-between" }, kc = { class: "flex-1 min-w-0" }, Sc = {
   key: 0,
   class: "flex-shrink-0 ml-4"
-}, Cc = "text-lg font-semibold text-slate-900 truncate", zc = "text-sm text-slate-600 mt-1", Ac = {
+}, $c = "text-lg font-semibold text-slate-900 truncate", Cc = "text-sm text-slate-600 mt-1", zc = {
   __name: "Graph",
   props: {
     variant: {
@@ -8415,18 +8385,18 @@ const vd = {
         class: m(L(S)(L(t)({ padding: e.padding })))
       }, [
         F(d.$slots, "header", {}, () => [
-          i("div", kc, [
-            i("div", Sc, [
+          i("div", wc, [
+            i("div", kc, [
               e.title ? (s(), u("h3", {
                 key: 0,
-                class: m(Cc)
+                class: m($c)
               }, x(e.title), 1)) : h("", !0),
               e.description ? (s(), u("p", {
                 key: 1,
-                class: m(zc)
+                class: m(Cc)
               }, x(e.description), 1)) : h("", !0)
             ]),
-            d.$slots.actions ? (s(), u("div", $c, [
+            d.$slots.actions ? (s(), u("div", Sc, [
               F(d.$slots, "actions")
             ])) : h("", !0)
           ])
@@ -8458,7 +8428,7 @@ const vd = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, Ic = { class: "w-full h-full" }, Tc = ["width", "height", "viewBox"], Pc = { key: 0 }, jc = ["x1", "y1", "x2", "y2", "stroke"], Bc = ["x", "y", "width", "height", "fill", "onMouseenter"], Oc = { key: 1 }, Fc = ["x", "y"], Vc = { key: 2 }, Mc = ["x", "y"], Dc = { key: 3 }, Ec = ["x", "y", "width", "height", "fill", "stroke"], Lc = ["x", "y"], Nc = {
+}, 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: {
@@ -8564,14 +8534,14 @@ const vd = {
     }, v = () => {
       r.value.visible = !1;
     };
-    return (g, f) => (s(), u("div", Ic, [
+    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", Pc, [
+        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,
@@ -8581,7 +8551,7 @@ const vd = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, jc))), 128))
+          }, null, 8, Pc))), 128))
         ])) : h("", !0),
         i("g", null, [
           (s(!0), u(G, null, X(e.data, (y, A) => (s(), u("rect", {
@@ -8594,27 +8564,27 @@ const vd = {
             class: m(e.barClasses),
             onMouseenter: (O) => z(O, y, A),
             onMouseleave: v
-          }, null, 42, Bc))), 128))
+          }, null, 42, jc))), 128))
         ]),
-        e.showXAxis ? (s(), u("g", Oc, [
+        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, Fc))), 128))
+          }, x(y), 11, Oc))), 128))
         ])) : h("", !0),
-        e.showYAxis ? (s(), u("g", Vc, [
+        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, Mc))), 128))
+          }, x(C(y)), 11, Vc))), 128))
         ])) : h("", !0),
-        r.value.visible ? (s(), u("g", Dc, [
+        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,
@@ -8624,18 +8594,18 @@ const vd = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, Ec),
+          }, 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, Lc)
+          }, x(r.value.content), 11, Ec)
         ])) : h("", !0)
-      ], 8, Tc))
+      ], 8, Ic))
     ]));
   }
-}, Rc = { class: "w-full h-full" }, _c = ["width", "height", "viewBox"], qc = { key: 0 }, Wc = ["x1", "y1", "x2", "y2", "stroke"], Yc = ["d", "stroke", "stroke-width"], Uc = { key: 1 }, Hc = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], Gc = ["d", "fill", "fill-opacity"], Xc = { key: 3 }, Kc = ["x", "y"], Jc = { key: 4 }, Qc = ["x", "y"], Zc = { key: 5 }, ef = ["x", "y", "width", "height", "fill", "stroke"], tf = ["x", "y"], af = {
+}, 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: {
@@ -8781,14 +8751,14 @@ const vd = {
     }, z = () => {
       r.value.visible = !1;
     };
-    return (v, g) => (s(), u("div", Rc, [
+    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", qc, [
+        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,
@@ -8798,7 +8768,7 @@ const vd = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, Wc))), 128))
+          }, null, 8, qc))), 128))
         ])) : h("", !0),
         i("path", {
           d: d.value,
@@ -8806,8 +8776,8 @@ const vd = {
           "stroke-width": e.strokeWidth,
           fill: "none",
           class: m(e.lineClasses)
-        }, null, 10, Yc),
-        e.showPoints ? (s(), u("g", Uc, [
+        }, 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,
@@ -8819,33 +8789,33 @@ const vd = {
             class: m(e.pointClasses),
             onMouseenter: (A) => C(A, f.value, y),
             onMouseleave: z
-          }, null, 42, Hc))), 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, Gc)) : h("", !0),
-        e.showXAxis ? (s(), u("g", Xc, [
+        }, 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, Kc))), 128))
+          }, x(f), 11, Xc))), 128))
         ])) : h("", !0),
-        e.showYAxis ? (s(), u("g", Jc, [
+        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, Qc))), 128))
+          }, x(V(f)), 11, Jc))), 128))
         ])) : h("", !0),
-        r.value.visible ? (s(), u("g", Zc, [
+        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,
@@ -8855,30 +8825,30 @@ const vd = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, ef),
+          }, 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, tf)
+          }, x(r.value.content), 11, ef)
         ])) : h("", !0)
-      ], 8, _c))
+      ], 8, Rc))
     ]));
   }
-}, nf = { class: "bg-white border-b border-gray-200" }, rf = {
+}, af = { class: "bg-white border-b border-gray-200" }, nf = {
   key: 0,
   class: "flex items-center gap-3 min-w-64"
-}, sf = { class: "relative flex-1" }, lf = { class: "relative flex-1" }, of = {
+}, rf = { class: "relative flex-1" }, sf = { class: "relative flex-1" }, lf = {
   key: 1,
   class: "min-w-40"
-}, uf = { class: "relative" }, df = {
+}, of = { class: "relative" }, uf = {
   key: 2,
   class: "min-w-40"
-}, cf = { class: "relative" }, ff = ["value"], mf = {
+}, df = { class: "relative" }, cf = ["value"], ff = {
   key: 3,
   class: "flex items-center gap-2"
-}, gf = { class: "flex items-center gap-3 ml-auto" }, vf = { class: "flex items-center gap-3 flex-wrap" }, bf = ["onClick"], hf = {
+}, 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: {
@@ -9003,12 +8973,12 @@ const vd = {
       n("update:dateFrom", te);
     }), ge(() => l.value, (te) => {
       n("update:dateTo", te);
-    }), (te, B) => (s(), u("div", nf, [
+    }), (te, B) => (s(), u("div", af, [
       i("div", {
         class: m(k.value)
       }, [
-        e.showDateFilter ? (s(), u("div", rf, [
-          i("div", sf, [
+        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"
@@ -9023,7 +8993,7 @@ const vd = {
             ])
           ]),
           B[6] || (B[6] = i("span", { class: "text-gray-500 text-sm" }, "to", -1)),
-          i("div", lf, [
+          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"
@@ -9038,8 +9008,8 @@ const vd = {
             ])
           ])
         ])) : h("", !0),
-        e.showChartTypeFilter ? (s(), u("div", of, [
-          i("div", uf, [
+        e.showChartTypeFilter ? (s(), u("div", lf, [
+          i("div", of, [
             P(Oe, {
               modelValue: o.value,
               "onUpdate:modelValue": B[2] || (B[2] = (K) => o.value = K),
@@ -9059,8 +9029,8 @@ const vd = {
             })
           ])
         ])) : h("", !0),
-        e.dataSources.length > 0 ? (s(), u("div", df, [
-          i("div", cf, [
+        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),
@@ -9072,7 +9042,7 @@ const vd = {
                 (s(!0), u(G, null, X(e.dataSources, (K) => (s(), u("option", {
                   key: K.value,
                   value: K.value
-                }, x(K.label), 9, ff))), 128))
+                }, x(K.label), 9, cf))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -9082,10 +9052,10 @@ const vd = {
             })
           ])
         ])) : h("", !0),
-        te.$slots.filters ? (s(), u("div", mf, [
+        te.$slots.filters ? (s(), u("div", ff, [
           F(te.$slots, "filters")
         ])) : h("", !0),
-        i("div", gf, [
+        i("div", mf, [
           p.value ? (s(), U(we, {
             key: 0,
             class: m(z.value),
@@ -9134,7 +9104,7 @@ const vd = {
         key: 0,
         class: m(f.value)
       }, [
-        i("div", vf, [
+        i("div", gf, [
           i("span", {
             class: m(y.value)
           }, "Active filters:", 2),
@@ -9155,13 +9125,13 @@ const vd = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, bf)
+            ], 10, vf)
           ], 2))), 128))
         ])
       ], 2)) : h("", !0)
     ]));
   }
-}, pf = { class: "flex items-start justify-between" }, yf = {
+}, hf = { class: "flex items-start justify-between" }, pf = {
   key: 0,
   class: "flex items-center gap-2"
 }, br = {
@@ -9241,7 +9211,7 @@ const vd = {
       class: m(l.value)
     }, [
       F(c.$slots, "header", {}, () => [
-        i("div", pf, [
+        i("div", hf, [
           i("div", null, [
             e.title ? (s(), U(ta, {
               key: 0,
@@ -9262,7 +9232,7 @@ const vd = {
               _: 1
             }, 8, ["class"])) : h("", !0)
           ]),
-          c.$slots.filters ? (s(), u("div", yf, [
+          c.$slots.filters ? (s(), u("div", pf, [
             F(c.$slots, "filters")
           ])) : h("", !0)
         ])
@@ -9448,19 +9418,19 @@ const vd = {
       ], 2)) : h("", !0)
     ], 2));
   }
-}, xf = { class: "flex items-center justify-between" }, wf = {
+}, yf = { class: "flex items-center justify-between" }, xf = {
   key: 0,
   class: "text-sm text-slate-600"
-}, kf = {
+}, wf = {
   key: 1,
   class: "text-sm text-slate-600"
-}, Sf = {
+}, kf = {
   key: 2,
   class: "flex items-center gap-4"
-}, $f = {
+}, Sf = {
   key: 3,
   class: "flex items-center gap-4"
-}, Cf = { class: "flex items-center gap-2" }, zf = { class: "flex items-center gap-1" }, Af = ["disabled"], If = ["disabled"], Tf = { class: "flex items-center gap-1" }, Pf = ["onClick"], jf = ["disabled"], Bf = ["disabled"], Of = { class: "text-sm text-slate-600 ml-4" }, pr = {
+}, $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: {
@@ -9601,13 +9571,13 @@ const vd = {
       key: 0,
       class: m(p.value)
     }, [
-      i("div", xf, [
-        e.selectable && e.selectedCount > 0 ? (s(), u("div", wf, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (s(), u("div", kf, " Showing " + x(o.value) + " to " + x(d.value) + " of " + x(e.total) + " entries ", 1)),
-        C.$slots.footer ? (s(), u("div", Sf, [
+      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", $f, [
-          i("div", Cf, [
+        e.showPagination ? (s(), u("div", Sf, [
+          i("div", $f, [
             P(ya, {
               for: "pageSize",
               class: m(w.value),
@@ -9634,7 +9604,7 @@ const vd = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          i("div", zf, [
+          i("div", Cf, [
             i("button", {
               disabled: e.currentPage === 1,
               class: m(V(!1, e.currentPage === 1)),
@@ -9654,7 +9624,7 @@ const vd = {
                   d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
                 })
               ], -1)
-            ])], 10, Af),
+            ])], 10, zf),
             i("button", {
               disabled: e.currentPage === 1,
               class: m(V(!1, e.currentPage === 1)),
@@ -9674,13 +9644,13 @@ const vd = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, If),
-            i("div", Tf, [
+            ])], 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, Pf))), 128))
+              }, x(v), 11, Tf))), 128))
             ]),
             i("button", {
               disabled: e.currentPage === e.totalPages,
@@ -9701,7 +9671,7 @@ const vd = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, jf),
+            ])], 10, Pf),
             i("button", {
               disabled: e.currentPage === e.totalPages,
               class: m(V(!1, e.currentPage === e.totalPages)),
@@ -9721,9 +9691,9 @@ const vd = {
                   d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Bf)
+            ])], 10, jf)
           ]),
-          i("div", Of, " 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);
@@ -9733,40 +9703,40 @@ const vd = {
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, Ff = {
+}, Of = {
   key: 0,
   class: "loader__backdrop"
-}, Vf = { class: "loader__container" }, Mf = {
+}, Ff = { class: "loader__container" }, Vf = {
   key: 0,
   class: "loader__text loader__text--top"
-}, Df = {
+}, Mf = {
   key: 1,
   class: "loader__spin"
-}, Ef = {
+}, Df = {
   key: 2,
   class: "loader__pulse"
-}, Lf = {
+}, Ef = {
   key: 3,
   class: "loader__bounce"
-}, Nf = {
+}, Lf = {
   key: 4,
   class: "loader__ripple"
-}, Rf = {
+}, Nf = {
   key: 5,
   class: "loader__bars"
-}, _f = {
+}, Rf = {
   key: 6,
   class: "loader__dots"
-}, qf = {
+}, _f = {
   key: 7,
   class: "loader__ring"
-}, Wf = {
+}, qf = {
   key: 8,
   class: "loader__spinner-text"
-}, Yf = {
+}, Wf = {
   key: 9,
   class: "loader__text loader__text--bottom"
-}, Uf = {
+}, Yf = {
   __name: "Loader",
   props: {
     loading: {
@@ -9833,47 +9803,47 @@ const vd = {
         "--loader-bg": e.backgroundColor
       })
     }, [
-      e.overlay ? (s(), u("div", Ff)) : h("", !0),
-      i("div", Vf, [
-        e.text && e.textPosition === "top" ? (s(), u("div", Mf, x(e.text), 1)) : h("", !0),
-        e.type === "spin" ? (s(), u("div", Df)) : e.type === "pulse" ? (s(), u("div", Ef)) : e.type === "bounce" ? (s(), u("div", Lf, [
+      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", Nf, [
+        ])) : 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", Rf, [
+        ])) : 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", _f, [
+        ])) : 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", qf, [...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", Wf, [...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", Yf, 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(Uf, [["__scopeId", "data-v-68532350"]]), Hf = { class: "relative" }, Gf = { class: "flex items-center justify-center" }, Xf = ["onClick"], Kf = { class: "flex items-center gap-2" }, Jf = {
+}, 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"
-}, Qf = { key: 0 }, Zf = ["colspan"], em = { class: "flex justify-center items-center" }, tm = { key: 2 }, am = ["colspan"], nm = { class: "text-center" }, rm = { class: "text-slate-400 mb-4" }, sm = { class: "text-slate-600 text-lg font-medium mb-2" }, lm = { class: "text-slate-500 text-sm" }, om = {
+}, 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: {
@@ -10207,7 +10177,7 @@ const vd = {
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
-      i("div", Hf, [
+      i("div", Uf, [
         e.loading ? (s(), U(tt, {
           key: 0,
           loading: !0,
@@ -10234,7 +10204,7 @@ const vd = {
                   key: 0,
                   class: m(xe.value)
                 }, [
-                  i("div", Gf, [
+                  i("div", Hf, [
                     e.bulkLoading ? (s(), U(tt, {
                       key: 0,
                       loading: !0,
@@ -10255,7 +10225,7 @@ const vd = {
                   class: m(oe(ue)),
                   onClick: (he) => le(ue)
                 }, [
-                  i("div", Kf, [
+                  i("div", Xf, [
                     i("span", null, x(ue.label), 1),
                     e.sortLoading && d.value === ue.key ? (s(), U(tt, {
                       key: 0,
@@ -10263,7 +10233,7 @@ const vd = {
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : ue.sortable ? (s(), u("div", Jf, [
+                    }, 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",
@@ -10292,7 +10262,7 @@ const vd = {
                       ])], 2))
                     ])) : h("", !0)
                   ])
-                ], 10, Xf))), 128)),
+                ], 10, Gf))), 128)),
                 q.$slots.actions ? (s(), u("th", {
                   key: 1,
                   class: m(Ee.value)
@@ -10302,12 +10272,12 @@ const vd = {
             i("tbody", {
               class: m(Y.value)
             }, [
-              e.dataLoading && !e.loading ? (s(), u("tr", Qf, [
+              e.dataLoading && !e.loading ? (s(), u("tr", Jf, [
                 i("td", {
                   colspan: g.value,
                   class: m(qe.value)
                 }, [
-                  i("div", em, [
+                  i("div", Zf, [
                     P(tt, {
                       loading: !0,
                       type: "dots",
@@ -10315,7 +10285,7 @@ const vd = {
                       color: e.loadingColor
                     }, null, 8, ["color"])
                   ])
-                ], 10, Zf)
+                ], 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,
@@ -10343,24 +10313,24 @@ const vd = {
                     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", tm, [
+              ]), 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", nm, [
-                      i("div", rm, [
+                    i("div", am, [
+                      i("div", nm, [
                         P(Q, {
                           name: "search",
                           class: "w-12 h-12"
                         })
                       ]),
-                      i("p", sm, x(e.emptyText), 1),
-                      i("p", lm, x(e.emptySubtitle), 1)
+                      i("p", rm, x(e.emptyText), 1),
+                      i("p", sm, x(e.emptySubtitle), 1)
                     ])
                   ], !0)
-                ], 10, am)
+                ], 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}`,
@@ -10415,7 +10385,7 @@ const vd = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : h("", !0)
     ], 2));
   }
-}, im = /* @__PURE__ */ At(om, [["__scopeId", "data-v-a9cdb37e"]]), um = {
+}, om = /* @__PURE__ */ At(lm, [["__scopeId", "data-v-a9cdb37e"]]), im = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -10503,22 +10473,22 @@ const vd = {
       ])
     ], 2));
   }
-}, dm = { class: "bg-white border-b border-gray-200" }, cm = {
+}, um = { class: "bg-white border-b border-gray-200" }, dm = {
   key: 0,
   class: "flex-1 min-w-80 max-w-md"
-}, fm = { class: "relative group" }, mm = ["model-value", "placeholder"], gm = { class: "relative" }, vm = { value: "" }, bm = ["value"], hm = {
+}, cm = { class: "relative group" }, fm = ["model-value", "placeholder"], mm = { class: "relative" }, gm = { value: "" }, vm = ["value"], bm = {
   key: 1,
   class: "min-w-36"
-}, pm = { class: "relative" }, ym = ["value"], xm = {
+}, hm = { class: "relative" }, pm = ["value"], ym = {
   key: 3,
   class: "flex items-center gap-2"
-}, wm = { class: "flex items-center gap-3 ml-auto" }, km = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Sm = { class: "flex items-center justify-between" }, $m = { class: "flex items-center gap-3" }, Cm = { class: "relative flex-1" }, zm = ["model-value", "placeholder", "onInput"], Am = { class: "relative flex-1" }, Im = ["model-value", "placeholder", "onInput"], Tm = ["onClick"], Pm = { class: "flex items-center justify-between" }, jm = { class: "flex items-center gap-3" }, Bm = { class: "relative flex-1" }, Om = ["model-value", "placeholder", "step", "onInput"], Fm = { class: "relative flex-1" }, Vm = ["model-value", "placeholder", "step", "onInput"], Mm = ["onClick"], Dm = { class: "flex items-center justify-between" }, Em = { class: "relative" }, Lm = { value: "" }, Nm = ["value"], Rm = {
+}, 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"
-}, _m = ["onClick"], qm = { class: "flex items-center gap-3 flex-wrap" }, Wm = ["onClick"], Ym = {
+}, 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"
-}, Um = { class: "flex items-center justify-between" }, Hm = { class: "flex items-center gap-4" }, Gm = { class: "text-sm text-gray-600" }, Xm = { class: "font-medium" }, Km = {
+}, 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: {
@@ -10917,12 +10887,12 @@ const vd = {
           break;
       }
     };
-    return (R, T) => (s(), u("div", dm, [
+    return (R, T) => (s(), u("div", um, [
       i("div", {
         class: m(K.value)
       }, [
-        e.showSearch ? (s(), u("div", cm, [
-          i("div", fm, [
+        e.showSearch ? (s(), u("div", dm, [
+          i("div", cm, [
             P(Q, {
               icon: "magnifying-glass",
               class: m(J.value)
@@ -10932,7 +10902,7 @@ const vd = {
               placeholder: e.searchPlaceholder,
               class: m($.value),
               onInput: T[0] || (T[0] = (I) => R.$emit("update:searchQuery", I.target.value))
-            }, null, 42, mm),
+            }, null, 42, fm),
             e.searchQuery ? (s(), u("button", {
               key: 0,
               class: m(M.value),
@@ -10949,18 +10919,18 @@ const vd = {
           key: I.key,
           class: "min-w-36"
         }, [
-          i("div", gm, [
+          i("div", mm, [
             P(Oe, {
               "model-value": I.value,
               class: m(Y.value),
               onChange: (_) => c(I.key, _.target.value)
             }, {
               default: N(() => [
-                i("option", vm, 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, bm))), 128))
+                }, x(_.label), 9, vm))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "class", "onChange"]),
@@ -10970,8 +10940,8 @@ const vd = {
             })
           ])
         ]))), 128)),
-        e.showFilters && e.statusOptions.length > 0 ? (s(), u("div", hm, [
-          i("div", pm, [
+        e.showFilters && e.statusOptions.length > 0 ? (s(), u("div", bm, [
+          i("div", hm, [
             P(Oe, {
               "model-value": e.selectedStatus,
               class: m(Y.value),
@@ -10982,7 +10952,7 @@ const vd = {
                 (s(!0), u(G, null, X(e.statusOptions, (I) => (s(), u("option", {
                   key: I.value,
                   value: I.value
-                }, x(I.label), 9, ym))), 128))
+                }, x(I.label), 9, pm))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"]),
@@ -11011,10 +10981,10 @@ const vd = {
             class: "w-4 h-4 ml-1"
           }, null, 8, ["icon"])
         ], 2)) : h("", !0),
-        R.$slots.filters ? (s(), u("div", xm, [
+        R.$slots.filters ? (s(), u("div", ym, [
           F(R.$slots, "filters")
         ])) : h("", !0),
-        i("div", wm, [
+        i("div", xm, [
           le.value ? (s(), U(we, {
             key: 0,
             class: m(ae.value),
@@ -11066,12 +11036,12 @@ const vd = {
         key: 0,
         class: m(xe.value)
       }, [
-        i("div", km, [
+        i("div", wm, [
           (s(!0), u(G, null, X(e.dateFilters, (I) => (s(), u("div", {
             key: I.key,
             class: "space-y-3"
           }, [
-            i("div", Sm, [
+            i("div", km, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11079,8 +11049,8 @@ const vd = {
                 class: m(k(I))
               }, x(p(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", $m, [
-              i("div", Cm, [
+            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"
@@ -11091,12 +11061,12 @@ const vd = {
                   class: m(Ee.value),
                   placeholder: `From ${I.label}`,
                   onInput: (_) => V(I.key, "from", _.target.value)
-                }, null, 42, zm)
+                }, null, 42, Cm)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Am, [
+              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"
@@ -11107,7 +11077,7 @@ const vd = {
                   class: m(Ee.value),
                   placeholder: `To ${I.label}`,
                   onInput: (_) => V(I.key, "to", _.target.value)
-                }, null, 42, Im)
+                }, null, 42, Am)
               ]),
               p(I) ? (s(), u("button", {
                 key: 0,
@@ -11119,14 +11089,14 @@ const vd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Tm)) : 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", Pm, [
+            i("div", Tm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11134,8 +11104,8 @@ const vd = {
                 class: m(v(I))
               }, x(C(I) ? "Active" : "Inactive"), 3)
             ]),
-            i("div", jm, [
-              i("div", Bm, [
+            i("div", Pm, [
+              i("div", jm, [
                 i("input", {
                   type: "number",
                   "model-value": I.min,
@@ -11143,12 +11113,12 @@ const vd = {
                   placeholder: `Min ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "min", _.target.value)
-                }, null, 42, Om)
+                }, null, 42, Bm)
               ]),
               i("span", {
                 class: m(Qe.value)
               }, "to", 2),
-              i("div", Fm, [
+              i("div", Om, [
                 i("input", {
                   type: "number",
                   "model-value": I.max,
@@ -11156,7 +11126,7 @@ const vd = {
                   placeholder: `Max ${I.label}`,
                   step: I.step || 1,
                   onInput: (_) => g(I.key, "max", _.target.value)
-                }, null, 42, Vm)
+                }, null, 42, Fm)
               ]),
               C(I) ? (s(), u("button", {
                 key: 0,
@@ -11168,14 +11138,14 @@ const vd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, Mm)) : 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", Dm, [
+            i("div", Mm, [
               i("label", {
                 class: m(qe.value)
               }, x(I.label), 3),
@@ -11183,18 +11153,18 @@ const vd = {
                 class: m(y(I))
               }, x(f(I) ? `${I.selected.length} selected` : "None"), 3)
             ]),
-            i("div", Em, [
+            i("div", Dm, [
               P(Oe, {
                 "model-value": "",
                 class: m(Y.value),
                 onChange: (_) => A(I.key, _.target.value)
               }, {
                 default: N(() => [
-                  i("option", Lm, " 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, Nm))), 128))
+                  }, x(_.label), 9, Lm))), 128))
                 ]),
                 _: 2
               }, 1032, ["class", "onChange"]),
@@ -11203,7 +11173,7 @@ const vd = {
                 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", Rm, [
+            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"
@@ -11217,7 +11187,7 @@ const vd = {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
-                ], 8, _m)
+                ], 8, Rm)
               ]))), 128))
             ])) : h("", !0)
           ]))), 128))
@@ -11227,7 +11197,7 @@ const vd = {
         key: 1,
         class: m(he.value)
       }, [
-        i("div", qm, [
+        i("div", _m, [
           i("span", {
             class: m(Ie.value)
           }, "Active filters:", 2),
@@ -11248,15 +11218,15 @@ const vd = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, Wm)
+            ], 10, qm)
           ], 2))), 128))
         ])
       ], 2)) : h("", !0),
-      e.showTableInfo ? (s(), u("div", Ym, [
-        i("div", Um, [
-          i("div", Hm, [
-            i("span", Gm, [
-              i("span", Xm, 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)
             ])
           ])
@@ -11264,16 +11234,16 @@ const vd = {
       ])) : h("", !0)
     ]));
   }
-}, Jm = { class: "flex items-center gap-3" }, Qm = {
+}, Km = { class: "flex items-center gap-3" }, Jm = {
   key: 0,
   class: "flex items-center gap-3"
-}, Zm = { class: "text-sm text-slate-600" }, eg = { class: "flex items-center gap-2" }, tg = { class: "flex items-center gap-3" }, ag = ["title", "onClick"], ng = {
+}, 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"
-}, rg = { class: "p-3" }, sg = { class: "space-y-1" }, lg = { class: "flex items-center gap-2 cursor-pointer w-full" }, og = ["checked", "onChange"], ig = ["disabled"], ug = {
+}, 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"
-}, dg = [
+}, ug = [
   {
     key: "delete",
     label: "Delete",
@@ -11290,13 +11260,13 @@ const vd = {
     },
     variant: "primary"
   }
-], cg = {
+], dg = {
   name: "DataTableToolBar"
-}, fg = /* @__PURE__ */ Object.assign(cg, {
+}, cg = /* @__PURE__ */ Object.assign(dg, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => dg },
+    bulkActions: { type: Array, default: () => ug },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -11422,10 +11392,10 @@ const vd = {
       return s(), u("div", {
         class: m(C.value)
       }, [
-        i("div", Jm, [
-          d.value > 0 ? (s(), u("div", Qm, [
-            i("span", Zm, x(d.value) + " selected ", 1),
-            i("div", eg, [
+        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)),
@@ -11447,7 +11417,7 @@ const vd = {
             class: m(z.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : h("", !0)
         ]),
-        i("div", tg, [
+        i("div", eg, [
           e.showDensityToggle ? (s(), u("div", {
             key: 0,
             class: m(v.value)
@@ -11463,9 +11433,9 @@ const vd = {
                 icon: ne.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, ag)), 64))
+            ], 10, tg)), 64))
           ], 2)) : h("", !0),
-          e.showColumnToggle ? (s(), u("div", ng, [
+          e.showColumnToggle ? (s(), u("div", ag, [
             i("button", {
               ref_key: "columnToggleButton",
               ref: l,
@@ -11486,22 +11456,22 @@ const vd = {
               onClick: Y[0] || (Y[0] = Ne(() => {
               }, ["stop"]))
             }, [
-              i("div", rg, [
+              i("div", ng, [
                 i("div", {
                   class: m(y.value)
                 }, " Show Columns ", 2),
-                i("div", sg, [
+                i("div", rg, [
                   (s(!0), u(G, null, X(e.toggleableColumns, (ne) => (s(), u("div", {
                     key: ne.key,
                     class: m(A.value)
                   }, [
-                    i("label", lg, [
+                    i("label", sg, [
                       i("input", {
                         type: "checkbox",
                         checked: J(ne.key),
                         class: m(O.value),
                         onChange: (xe) => $(ne.key, xe.target.checked)
-                      }, null, 42, og),
+                      }, null, 42, lg),
                       i("span", {
                         class: m(j.value)
                       }, x(ne.label), 3)
@@ -11525,15 +11495,15 @@ const vd = {
               class: m(K())
             }, null, 8, ["class"]),
             Y[3] || (Y[3] = i("span", null, "Refresh", -1))
-          ], 10, ig)) : h("", !0),
-          M.$slots.actions ? (s(), u("div", ug, [
+          ], 10, og)) : h("", !0),
+          M.$slots.actions ? (s(), u("div", ig, [
             F(M.$slots, "actions")
           ])) : h("", !0)
         ])
       ], 2);
     };
   }
-}), mg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, gg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, vg = { class: "col-span-1 md:col-span-2" }, bg = { class: "space-y-2" }, hg = { class: "flex space-x-4" }, pg = { class: "flex flex-col md:flex-row justify-between items-center" }, yg = { class: "flex space-x-6 mt-4 md:mt-0" }, xg = {
+}), 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: {
@@ -11547,9 +11517,9 @@ const vd = {
       return s(), u("footer", {
         class: m(L(S)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        i("div", mg, [
-          i("div", gg, [
-            i("div", vg, [
+        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" }, {
@@ -11571,7 +11541,7 @@ const vd = {
                   ])]),
                   _: 1
                 }),
-                i("div", bg, [
+                i("div", vg, [
                   P(o, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -11613,7 +11583,7 @@ const vd = {
                   ])]),
                   _: 1
                 }),
-                i("div", hg, [
+                i("div", bg, [
                   P(o, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -11643,7 +11613,7 @@ const vd = {
             ])
           ]),
           P(c, { class: "my-8" }),
-          i("div", pg, [
+          i("div", hg, [
             F(a.$slots, "copyright", {}, () => [
               P(r, { class: "text-gray-600" }, {
                 default: N(() => [
@@ -11653,7 +11623,7 @@ const vd = {
               })
             ]),
             F(a.$slots, "legal", {}, () => [
-              i("div", yg, [
+              i("div", pg, [
                 P(o, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -11679,28 +11649,28 @@ const vd = {
       ], 2);
     };
   }
-}, wg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, kg = { class: "flex items-center" }, Sg = {
+}, 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"
-}, $g = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Cg = {
+}, 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"
-}, zg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Ag = { class: "text-gray-500 truncate" }, Ig = { class: "text-gray-900 font-medium truncate" }, Tg = { class: "flex items-center space-x-3 md:space-x-4" }, Pg = {
+}, 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"
-}, jg = {
+}, 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"
-}, Bg = {
+}, 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"
-}, Og = { class: "max-h-96 overflow-y-auto" }, Fg = { class: "flex items-start space-x-3" }, Vg = { class: "flex-1" }, Mg = { class: "text-sm text-gray-900" }, Dg = { class: "text-xs text-gray-500 mt-1" }, Eg = { class: "relative" }, Lg = { class: "w-8 h-8 bg-gradient-to-br from-blue-100 to-indigo-100 rounded-full flex items-center justify-center transition-colors shadow-sm" }, Ng = { class: "text-blue-700 text-sm font-medium" }, Rg = { class: "hidden md:block text-left max-w-[160px] truncate" }, _g = { class: "text-sm font-medium text-gray-900 truncate" }, qg = { class: "text-xs text-gray-500 truncate leading-tight" }, Wg = {
+}, 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"
-}, Yg = { class: "p-4 border-b border-gray-200" }, Ug = { class: "text-sm font-medium text-gray-900" }, Hg = { class: "text-xs text-gray-500" }, Gg = { class: "py-2" }, Xg = {
+}, 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"
-}, Kg = ["onClick"], Jg = { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2 bg-gray-100 text-gray-600 group-hover:bg-gray-200" }, Qg = { class: "flex-1 truncate font-semibold text-gray-700" }, Zg = {
+}, 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 },
@@ -11743,14 +11713,14 @@ const vd = {
         )),
         style: { left: "0" }
       }, [
-        i("div", wg, [
-          i("div", kg, [
-            e.currentOrganisation ? (s(), u("div", Sg, [
-              i("p", $g, x(e.currentOrganisation.organisation_name), 1),
-              e.currentOrganisation.role ? (s(), u("p", Cg, x(e.currentOrganisation.role), 1)) : h("", !0)
+        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", zg, [
-              i("span", Ag, 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",
@@ -11764,10 +11734,10 @@ const vd = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              i("span", Ig, x(e.currentPage), 1)
+              i("span", Ag, x(e.currentPage), 1)
             ])
           ]),
-          i("div", Tg, [
+          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",
@@ -11787,7 +11757,7 @@ const vd = {
                 })
               ], -1)
             ])])) : h("", !0),
-            !p.value || c.value ? (s(), u("div", Pg, [
+            !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",
@@ -11858,7 +11828,7 @@ const vd = {
                   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", jg, 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",
@@ -11869,20 +11839,20 @@ const vd = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: N(() => [
-                l.value ? (s(), u("div", Bg, [
+                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", Og, [
+                  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", Fg, [
+                      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", Vg, [
-                          i("p", Mg, x(H.title), 1),
-                          i("p", Dg, x(H.time), 1)
+                        i("div", Fg, [
+                          i("p", Vg, x(H.title), 1),
+                          i("p", Mg, x(H.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -11894,17 +11864,17 @@ const vd = {
               ]),
               _: 1
             }),
-            i("div", Eg, [
+            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", Lg, [
-                  i("span", Ng, x(w.value), 1)
+                i("div", Eg, [
+                  i("span", Lg, x(w.value), 1)
                 ]),
-                i("div", Rg, [
-                  i("p", _g, x(e.user.name), 1),
-                  i("p", qg, 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",
@@ -11929,12 +11899,12 @@ const vd = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: N(() => [
-                  o.value ? (s(), u("div", Wg, [
-                    i("div", Yg, [
-                      i("p", Ug, x(e.user.name), 1),
-                      i("p", Hg, x(e.user.email), 1)
+                  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", Gg, [
+                    i("div", Hg, [
                       (s(!0), u(G, null, X(e.profileMenuItems, (H) => (s(), u(G, {
                         key: H.name
                       }, [
@@ -11948,7 +11918,7 @@ const vd = {
                           onClick: (le) => z(H)
                         }, {
                           default: N(() => [
-                            v(H) ? (s(), u("div", Xg)) : 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",
@@ -11974,15 +11944,15 @@ const vd = {
                           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", Jg, [
+                          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", Qg, x(H.label), 1)
-                        ], 8, Kg))
+                          i("span", Jg, x(H.label), 1)
+                        ], 8, Xg))
                       ], 64))), 128))
                     ]),
                     i("div", { class: "border-t border-gray-200 py-2" }, [
@@ -12018,13 +11988,13 @@ const vd = {
       ], 2);
     };
   }
-}, ev = { class: "mb-4" }, tv = { class: "text-lg font-semibold text-gray-900" }, av = { class: "text-sm text-gray-600" }, nv = {
+}, Zg = { class: "mb-4" }, ev = { class: "text-lg font-semibold text-gray-900" }, tv = { class: "text-sm text-gray-600" }, av = {
   value: "",
   disabled: ""
-}, rv = ["value"], sv = {
+}, nv = ["value"], rv = {
   key: 3,
   class: "flex items-center"
-}, lv = { class: "flex justify-end gap-3 pt-4" }, ov = {
+}, sv = { class: "flex justify-end gap-3 pt-4" }, lv = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12179,9 +12149,9 @@ const vd = {
       onClose: z
     }, {
       default: N(() => [
-        i("div", ev, [
-          i("h2", tv, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          i("p", av, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        i("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",
@@ -12235,14 +12205,14 @@ const vd = {
                   "onUpdate:modelValue": (j) => k(f, j)
                 }, {
                   default: N(() => [
-                    i("option", nv, 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, rv))), 128))
+                    }, x(j.label), 9, nv))), 128))
                   ]),
                   _: 2
-                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), u("div", sv, [
+                }, 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],
@@ -12289,7 +12259,7 @@ const vd = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"])
           ]))), 128)),
-          i("div", lv, [
+          i("div", sv, [
             P(we, {
               type: "button",
               variant: "outline",
@@ -12318,37 +12288,37 @@ const vd = {
       _: 1
     }, 8, ["modelValue", "size", "resizable"]));
   }
-}, iv = {
+}, ov = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, uv = { class: "text-lg font-bold text-gray-900" }, dv = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, cv = { class: "space-y-2" }, fv = { key: 0 }, mv = {
+}, 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"
-}, gv = ["onClick"], vv = {
+}, 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"
-}, bv = {
+}, vv = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, hv = {
+}, bv = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, pv = {
+}, hv = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, yv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, xv = { class: "flex items-center justify-between p-4" }, wv = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, kv = { class: "p-3" }, Sv = { class: "space-y-1" }, $v = {
+}, 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"
-}, Cv = {
+}, $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"
-}, zv = { class: "p-3" }, Av = { class: "space-y-1" }, Iv = {
+}, 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"
-}, Tv = {
+}, 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"
-}, Pv = {
+}, Tv = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -12471,8 +12441,8 @@ const vd = {
           )),
           style: me({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
-          l.value ? (s(), u("div", iv, [
-            i("h2", uv, 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",
@@ -12493,12 +12463,12 @@ const vd = {
               ], -1)
             ])])
           ])) : h("", !0),
-          i("nav", dv, [
-            i("div", cv, [
+          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", fv, [
+                $.type === "link" ? (s(), u("div", cv, [
                   v($) ? (s(), u("div", {
                     key: 1,
                     class: m(L(S)(
@@ -12525,9 +12495,9 @@ const vd = {
                         H($) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, x($.label), 3),
-                    $.badge ? (s(), u("span", vv, x($.badge), 1)) : h("", !0),
-                    H($) && v($) ? (s(), u("div", bv)) : h("", !0)
-                  ], 10, gv)) : (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)(
@@ -12555,7 +12525,7 @@ const vd = {
                           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)
+                      $.badge ? (s(), u("span", fv, x($.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -12563,7 +12533,7 @@ const vd = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), u("div", hv, [
+          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",
@@ -12589,7 +12559,7 @@ const vd = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), u("div", pv)) : h("", !0)
+              e.isManagementSettingsActive ? (s(), u("div", hv)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -12612,8 +12582,8 @@ const vd = {
               ),
               style: me(w.value)
             }, [
-              i("div", yv, [
-                i("div", xv, [
+              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",
@@ -12633,11 +12603,11 @@ const vd = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", wv, x(d.value?.label), 1)
+                  i("h3", xv, x(d.value?.label), 1)
                 ])
               ]),
-              i("nav", kv, [
-                i("div", Sv, [
+              i("nav", wv, [
+                i("div", kv, [
                   (s(!0), u(G, null, X(d.value?.subItems, ($) => (s(), U(J, {
                     key: $.name,
                     to: $.route,
@@ -12650,7 +12620,7 @@ const vd = {
                     onClick: (M) => j($)
                   }, {
                     default: N(() => [
-                      H($) ? (s(), u("div", $v)) : h("", !0),
+                      H($) ? (s(), u("div", Sv)) : h("", !0),
                       i("div", {
                         class: m(
                           L(S)(
@@ -12671,7 +12641,7 @@ const vd = {
                           H($) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, x($.label), 3),
-                      $.badge ? (s(), u("span", Cv, x($.badge), 1)) : h("", !0)
+                      $.badge ? (s(), u("span", $v, x($.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -12724,12 +12694,12 @@ const vd = {
                   K[3] || (K[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              i("nav", zv, [
-                i("div", Av, [
+              i("nav", Cv, [
+                i("div", zv, [
                   (s(!0), u(G, null, X(e.managementSettings, ($) => (s(), u(G, {
                     key: $.name
                   }, [
-                    $.type === "section" ? (s(), u("div", Iv, 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(
@@ -12741,7 +12711,7 @@ const vd = {
                       onClick: (M) => se($)
                     }, {
                       default: N(() => [
-                        H($) ? (s(), u("div", Tv)) : h("", !0),
+                        H($) ? (s(), u("div", Iv)) : h("", !0),
                         i("div", {
                           class: m(
                             L(S)(
@@ -12792,7 +12762,7 @@ const vd = {
       ]);
     };
   }
-}, jv = {
+}, Pv = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -12811,13 +12781,13 @@ const vd = {
       F(a.$slots, "default")
     ], 2));
   }
-}, Bv = {
+}, jv = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Ov = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Fv = { class: "text-slate-900 font-medium" }, Vv = {
+}, 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"
-}, Mv = { class: "mt-2 text-slate-600 text-sm" }, Dv = {
+}, Vv = { class: "mt-2 text-slate-600 text-sm" }, Mv = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -12841,8 +12811,8 @@ const vd = {
         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", Bv)) : h("", !0),
-      i("div", Ov, [
+      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))
         ])
@@ -12853,23 +12823,23 @@ const vd = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Fv, [
+        i("h3", Ov, [
           F(a.$slots, "title", {}, () => [
             ee(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), u("p", Vv, [
+        e.subtitle ? (s(), u("p", Fv, [
           F(a.$slots, "subtitle", {}, () => [
             ee(x(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        i("div", Mv, [
+        i("div", Vv, [
           F(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Ev = {
+}, Dv = {
   name: "AuthLayout",
   props: {
     title: {
@@ -12958,20 +12928,20 @@ const vd = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Lv = { class: "container mx-auto px-4 relative z-10" }, Nv = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Rv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, _v = { class: "mb-6" }, qv = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Wv = { class: "text-white" }, Yv = { class: "flex items-center justify-center lg:justify-start mb-6" }, Uv = { class: "text-3xl lg:text-4xl font-bold text-white" }, Hv = { class: "lg:col-span-4" }, Gv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Xv = {
+}, 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"
-}, Kv = { class: "text-center" }, Jv = { class: "text-2xl font-bold text-gray-900" }, Qv = {
+}, Xv = { class: "text-center" }, Kv = { class: "text-2xl font-bold text-gray-900" }, Jv = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Zv = { class: "space-y-6" }, e0 = {
+}, Qv = { class: "space-y-6" }, Zv = {
   key: 1,
   class: "mt-6"
-}, t0 = {
+}, e0 = {
   key: 0,
   class: "mt-6 text-center"
-}, a0 = { class: "absolute bottom-4 right-4 text-right" }, n0 = { class: "flex items-end justify-end mb-2" }, r0 = { class: "text-right mr-3" }, s0 = { class: "text-red-500 font-bold text-xs" }, l0 = { class: "text-white text-xs" }, o0 = { class: "text-white/70 text-xs" }, i0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, u0 = { class: "text-white/70 text-xs" }, d0 = { class: "absolute bottom-4 left-4 flex gap-2" }, c0 = ["href"];
-function f0(e, a, t, n, r, l) {
+}, 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",
@@ -12984,70 +12954,70 @@ function f0(e, a, t, n, r, l) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", Lv, [
-      i("div", Nv, [
-        i("div", Rv, [
-          i("div", _v, [
-            i("div", qv, [
+    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", Wv, 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", Yv, [
+          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", Uv, 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", Hv, [
-          i("div", Gv, [
-            e.$slots["card-header"] || t.title ? (s(), u("div", Xv, [
+        i("div", Uv, [
+          i("div", Hv, [
+            e.$slots["card-header"] || t.title ? (s(), u("div", Gv, [
               F(e.$slots, "card-header", {}, () => [
-                i("div", Kv, [
-                  i("h1", Jv, x(t.title), 1),
-                  t.subtitle ? (s(), u("p", Qv, 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", Zv, [
+            i("div", Qv, [
               P(o)
             ]),
-            e.$slots["card-footer"] ? (s(), u("div", e0, [
+            e.$slots["card-footer"] ? (s(), u("div", Zv, [
               F(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (s(), u("div", t0, [
+          e.$slots.links ? (s(), u("div", e0, [
             F(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    i("div", a0, [
-      i("div", n0, [
-        i("div", r0, [
-          i("div", s0, x(t.companyName), 1),
-          i("div", l0, x(t.companyType), 1),
-          i("div", o0, x(t.companyTagline), 1)
+    i("div", 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", i0, x(t.companyInitials), 1)
+        i("div", o0, x(t.companyInitials), 1)
       ]),
-      i("div", u0, [
+      i("div", i0, [
         i("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         i("div", null, x(t.copyright), 1)
       ])
     ]),
-    i("div", d0, [
+    i("div", u0, [
       (s(!0), u(G, null, X(t.socialLinks, (c) => (s(), u("a", {
         key: c.name,
         href: c.url,
@@ -13059,14 +13029,14 @@ function f0(e, a, t, n, r, l) {
         P(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, c0))), 128))
+      ], 10, d0))), 128))
     ])
   ], 4);
 }
-const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { class: "min-h-screen bg-gray-50" }, v0 = { class: "flex-1" }, b0 = {
+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"
-}, h0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, p0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, y0 = {
+}, 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: {
@@ -13090,7 +13060,7 @@ const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { 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", g0, [
+      return s(), u("div", m0, [
         P(o, null, {
           logo: N(() => [
             F(a.$slots, "logo", {}, () => [
@@ -13123,15 +13093,15 @@ const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", v0, [
-          e.showBreadcrumb ? (s(), u("div", b0, [
-            i("div", h0, [
+        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", p0, [
+          i("div", h0, [
             F(a.$slots, "default")
           ])
         ]),
@@ -13152,7 +13122,7 @@ const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { class: "min-h-screen
       ]);
     };
   }
-}, x0 = {
+}, y0 = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -13418,20 +13388,20 @@ const m0 = /* @__PURE__ */ At(Ev, [["render", f0]]), g0 = { class: "min-h-screen
       helpClasses: oe
     };
   }
-}, w0 = { class: "flex justify-center" }, k0 = { class: "flex items-center gap-3" }, S0 = { class: "text-2xl font-bold text-slate-900" }, $0 = {
+}, 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"
-}, C0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, z0 = ["disabled"], A0 = {
+}, $0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, C0 = ["disabled"], z0 = {
   key: 0,
   class: "animate-spin"
-}, I0 = { key: 1 }, T0 = ["disabled"], P0 = { key: 0 }, j0 = { key: 1 }, B0 = {
+}, A0 = { key: 1 }, I0 = ["disabled"], T0 = { key: 0 }, P0 = { key: 1 }, j0 = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, O0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, F0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, V0 = { class: "space-y-3" }, M0 = { class: "text-sm text-slate-600" }, D0 = ["href"], E0 = {
+}, 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 L0(e, a, t, n, r, l) {
+function E0(e, a, t, n, r, l) {
   return s(), u("div", {
     class: m(n.layoutClasses)
   }, [
@@ -13451,13 +13421,13 @@ function L0(e, a, t, n, r, l) {
         class: m(n.headerClasses)
       }, [
         F(e.$slots, "header", {}, () => [
-          i("div", w0, [
+          i("div", x0, [
             F(e.$slots, "logo", {}, () => [
-              i("div", k0, [
+              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", S0, x(t.brandName), 1)
+                i("span", k0, x(t.brandName), 1)
               ])
             ])
           ])
@@ -13503,7 +13473,7 @@ function L0(e, a, t, n, r, l) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (s(), u("div", $0, [...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")
@@ -13514,7 +13484,7 @@ function L0(e, a, t, n, r, l) {
           class: m(n.actionsClasses)
         }, [
           F(e.$slots, "actions", {}, () => [
-            i("div", C0, [
+            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",
@@ -13537,18 +13507,18 @@ function L0(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", A0, "↻")) : (s(), u("span", I0, "🔄")),
+                n.isRetrying ? (s(), u("span", z0, "↻")) : (s(), u("span", A0, "🔄")),
                 ee(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, z0)) : 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", P0, "✓")) : (s(), u("span", j0, "📝")),
+                n.reportSent ? (s(), u("span", T0, "✓")) : (s(), u("span", P0, "📝")),
                 ee(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, T0)) : h("", !0)
+              ], 8, I0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -13557,10 +13527,10 @@ function L0(e, a, t, n, r, l) {
           class: m(n.additionalInfoClasses)
         }, [
           F(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), u("div", B0, [
-              i("div", O0, [
-                i("h3", F0, x(n.additionalInfoConfig.title), 1),
-                i("ul", V0, [
+            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"
@@ -13580,7 +13550,7 @@ function L0(e, a, t, n, r, l) {
           class: m(n.helpClasses)
         }, [
           F(e.$slots, "help", {}, () => [
-            i("p", M0, [
+            i("p", V0, [
               ee(x(t.helpText) + " ", 1),
               t.supportUrl ? (s(), u("a", {
                 key: 0,
@@ -13589,16 +13559,16 @@ function L0(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, D0)) : h("", !0)
+              ])], 8, M0)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (s(), u("div", E0, " 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 N0 = /* @__PURE__ */ At(x0, [["render", L0]]), 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");
@@ -13737,55 +13707,55 @@ const N0 = /* @__PURE__ */ At(x0, [["render", L0]]), en = {
   Breadcrumb: Gi,
   ButtonGroup: Ki,
   Card: ru,
-  CardHeader: du,
-  CardBody: cu,
-  CardFooter: fu,
-  CardContent: mu,
-  CardTitle: gu,
+  CardHeader: uu,
+  CardBody: du,
+  CardFooter: cu,
+  CardContent: fu,
+  CardTitle: mu,
   DatePicker: xa,
-  Dropdown: Cu,
-  DropdownItem: Au,
-  FileUpload: Du,
+  Dropdown: $u,
+  DropdownItem: zu,
+  FileUpload: Mu,
   FormField: fr,
-  InputGroup: Uu,
-  ListItem: Zu,
-  MenuItem: td,
+  InputGroup: Yu,
+  ListItem: Qu,
+  MenuItem: ed,
   Modal: mr,
-  ModalHeader: sd,
-  ModalBody: ld,
-  ModalFooter: od,
-  Notification: md,
-  Toast: Cd,
-  Search: Nd,
+  ModalHeader: rd,
+  ModalBody: sd,
+  ModalFooter: ld,
+  Notification: fd,
+  Toast: $d,
+  Search: Ld,
   Slider: vr,
-  Stepper: Yd,
-  StepperItem: Kd,
-  Tab: tc,
-  TabPanel: rc,
-  BarChart: Nc,
-  LineChart: af,
-  GraphFilters: hf,
-  Accordion: dc,
-  AccordionItem: cc,
-  Graph: Ac,
-  Calendar: wc,
-  DataTable: im,
+  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: um,
+  DataTableCell: im,
   DataTablePagination: pr,
-  DataTableFilters: Km,
-  DataTableToolBar: fg,
-  Footer: xg,
-  Header: Zg,
-  ReusableFormModal: ov,
-  Sidebar: Pv,
-  Timeline: jv,
-  TimelineItem: Dv,
-  AuthLayout: m0,
-  DefaultLayout: y0,
-  ErrorLayout: N0
-}, W0 = {
+  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) => {
@@ -13795,84 +13765,84 @@ const N0 = /* @__PURE__ */ At(x0, [["render", L0]]), en = {
   }
 };
 export {
-  dc as Accordion,
-  cc as AccordionItem,
+  uc as Accordion,
+  dc as AccordionItem,
   Yi as Alert,
-  m0 as AuthLayout,
+  f0 as AuthLayout,
   Qo as Avatar,
   ei as Badge,
-  Nc as BarChart,
+  Lc as BarChart,
   Gi as Breadcrumb,
   we as Button,
   Ki as ButtonGroup,
-  wc as Calendar,
+  xc as Calendar,
   ru as Card,
-  cu as CardBody,
-  mu as CardContent,
-  fu as CardFooter,
-  du as CardHeader,
-  gu as CardTitle,
+  du as CardBody,
+  fu as CardContent,
+  cu as CardFooter,
+  uu as CardHeader,
+  mu as CardTitle,
   ha as Checkbox,
-  im as DataTable,
-  um as DataTableCell,
-  Km as DataTableFilters,
+  om as DataTable,
+  im as DataTableCell,
+  Xm as DataTableFilters,
   br as DataTableHeader,
   pr as DataTablePagination,
   hr as DataTableRow,
-  fg as DataTableToolBar,
+  cg as DataTableToolBar,
   xa as DatePicker,
-  y0 as DefaultLayout,
+  p0 as DefaultLayout,
   di as Divider,
-  Cu as Dropdown,
-  Au as DropdownItem,
-  N0 as ErrorLayout,
-  Du as FileUpload,
-  xg as Footer,
+  $u as Dropdown,
+  zu as DropdownItem,
+  L0 as ErrorLayout,
+  Mu as FileUpload,
+  yg as Footer,
   fr as FormField,
-  Ac as Graph,
-  hf as GraphFilters,
-  Zg as Header,
+  zc as Graph,
+  bf as GraphFilters,
+  Qg as Header,
   Q as Icon,
   gi as Image,
   ea as Input,
-  Uu as InputGroup,
+  Yu as InputGroup,
   ya as Label,
-  af as LineChart,
+  tf as LineChart,
   wi as Link,
-  Zu as ListItem,
+  Qu as ListItem,
   tt as Loader,
   Si as Logo,
-  td as MenuItem,
+  ed as MenuItem,
   mr as Modal,
-  ld as ModalBody,
-  od as ModalFooter,
-  sd as ModalHeader,
-  md 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,
-  ov as ReusableFormModal,
-  Nd as Search,
+  lv as ReusableFormModal,
+  Ld as Search,
   Oe as Select,
-  Pv as Sidebar,
+  Tv as Sidebar,
   vr as Slider,
   pa as Spinner,
-  Yd as Stepper,
-  Kd as StepperItem,
+  Wd as Stepper,
+  Xd as StepperItem,
   Fi as Switch,
-  tc as Tab,
-  rc as TabPanel,
+  ec as Tab,
+  nc as TabPanel,
   Vi as Text,
   cr as Textarea,
-  jv as Timeline,
-  Dv as TimelineItem,
-  Cd as Toast,
+  Pv as Timeline,
+  Mv as TimelineItem,
+  $d as Toast,
   Di as Tooltip,
   ta as Typography,
   S as cn,
-  W0 as default,
+  q0 as default,
   He as toast,
   en as tooltip,
-  hd as useToaster
+  bd as useToaster
 };