@stlhorizon/vue-ui 3.7.1 → 3.7.2

package/dist/index.esm.js

@@ -7291,9 +7291,6 @@ const Z = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, zd = {
-  key: 1,
-  class: "absolute bottom-0 right-0 w-8 h-8 cursor-se-resize bg-gray-200 hover:bg-gray-300 border border-gray-300 rounded-tl-lg flex items-end justify-end transition-colors"
 }, $r = {
   __name: "Modal",
   props: {
@@ -7408,19 +7405,6 @@ const Z = {
                 }),
                 y[0] || (y[0] = d("span", { class: "sr-only" }, "Close", -1))
               ])) : p("", !0),
-              e.resizable ? (s(), c("div", zd, [...y[1] || (y[1] = [
-                d("svg", {
-                  class: "w-5 h-5 text-gray-600 mb-1 mr-1",
-                  fill: "currentColor",
-                  viewBox: "0 0 20 20"
-                }, [
-                  d("path", {
-                    "fill-rule": "evenodd",
-                    d: "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l.293-.293L9 15.586V3a1 1 0 012 0v12.586l3.414-3.293a1 1 0 011.293-.001z",
-                    "clip-rule": "evenodd"
-                  })
-                ], -1)
-              ])])) : p("", !0),
               M(g.$slots, "default")
             ], 6)
           ], 2)) : p("", !0)
@@ -7429,26 +7413,26 @@ const Z = {
       })
     ]));
   }
-}, Ad = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Vd = {
+}, zd = { 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"
-}, Bd = {
+}, Vd = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Pd = {
+}, Bd = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(e) {
-    return (a, t) => (s(), c("div", Ad, [
-      e.title ? (s(), c("h2", Vd, x(e.title), 1)) : p("", !0),
-      e.description ? (s(), c("p", Bd, x(e.description), 1)) : p("", !0),
+    return (a, t) => (s(), c("div", zd, [
+      e.title ? (s(), c("h2", Ad, x(e.title), 1)) : p("", !0),
+      e.description ? (s(), c("p", Vd, x(e.description), 1)) : p("", !0),
       M(a.$slots, "default")
     ]));
   }
-}, Td = {
+}, Pd = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -7474,7 +7458,7 @@ const Z = {
       M(r.$slots, "default")
     ], 2));
   }
-}, jd = {
+}, Td = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -7500,13 +7484,13 @@ const Z = {
       M(r.$slots, "default")
     ], 2));
   }
-}, Id = ["aria-live"], Od = { class: "flex items-start space-x-3" }, Md = {
+}, jd = ["aria-live"], Id = { class: "flex items-start space-x-3" }, Od = {
   key: 0,
   class: "flex-shrink-0"
-}, Fd = { class: "flex-1 min-w-0" }, Ld = {
+}, Md = { class: "flex-1 min-w-0" }, Fd = {
   key: 0,
   class: "text-sm font-medium"
-}, Ed = {
+}, Ld = {
   __name: "Notification",
   props: {
     title: String,
@@ -7582,15 +7566,15 @@ const Z = {
           role: "alert",
           "aria-live": e.variant === "danger" ? "assertive" : "polite"
         }, [
-          d("div", Od, [
-            e.showIcon ? (s(), c("div", Md, [
+          d("div", Id, [
+            e.showIcon ? (s(), c("div", Od, [
               P(Z, {
                 name: y.value,
                 class: b(k.value)
               }, null, 8, ["name", "class"])
             ])) : p("", !0),
-            d("div", Fd, [
-              e.title ? (s(), c("div", Ld, x(e.title), 1)) : p("", !0),
+            d("div", Md, [
+              e.title ? (s(), c("div", Fd, x(e.title), 1)) : p("", !0),
               e.message ? (s(), c("div", {
                 key: 1,
                 class: b(["text-sm", { "mt-1": e.title }])
@@ -7608,23 +7592,23 @@ const Z = {
               })
             ])) : p("", !0)
           ])
-        ], 10, Id)) : p("", !0)
+        ], 10, jd)) : p("", !0)
       ]),
       _: 3
     }));
   }
 }, ft = U([]);
-let Nd = 0;
-const Dd = {
+let Ed = 0;
+const Nd = {
   duration: 3e3,
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, Rd = () => `toast-${++Nd}-${Date.now()}`, Oe = (e, a = {}) => {
-  const t = Rd(), n = {
+}, Dd = () => `toast-${++Ed}-${Date.now()}`, Oe = (e, a = {}) => {
+  const t = Dd(), n = {
     id: t,
     message: e,
-    ...Dd,
+    ...Nd,
     ...a,
     createdAt: Date.now()
   };
@@ -7684,20 +7668,20 @@ const Dd = {
       component: bn(e)
     })
   }
-), _d = () => ({
+), Rd = () => ({
   toasts: ft,
   dismiss: ut,
   dismissAll: Sr
-}), Ud = ["aria-live"], qd = { class: "flex-1 grid gap-1" }, Hd = {
+}), _d = ["aria-live"], Ud = { class: "flex-1 grid gap-1" }, qd = {
   key: 0,
   class: "text-lg font-extrabold"
-}, Wd = {
+}, Hd = {
   key: 1,
   class: "text-md opacity-90"
-}, Yd = {
+}, Wd = {
   key: 2,
   class: "text-md opacity-90"
-}, Gd = ["onClick"], Kd = ["onClick"], Xd = {
+}, Yd = ["onClick"], Gd = ["onClick"], Kd = {
   __name: "Toast",
   props: {
     position: {
@@ -7734,7 +7718,7 @@ const Dd = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = _d(), r = {
+    const a = e, { toasts: t, dismiss: n } = Rd(), 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",
@@ -7806,10 +7790,10 @@ const Dd = {
                 icon: k(f),
                 class: b([$(f), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : p("", !0),
-              d("div", qd, [
-                f.title ? (s(), c("div", Hd, x(f.title), 1)) : p("", !0),
-                f.message ? (s(), c("div", Wd, x(f.message), 1)) : p("", !0),
-                f.description ? (s(), c("div", Yd, x(f.description), 1)) : p("", !0),
+              d("div", Ud, [
+                f.title ? (s(), c("div", qd, x(f.title), 1)) : p("", !0),
+                f.message ? (s(), c("div", Hd, x(f.message), 1)) : p("", !0),
+                f.description ? (s(), c("div", Wd, x(f.description), 1)) : p("", !0),
                 f.component ? (s(), L(xe(f.component), Je({
                   key: 3,
                   ref_for: !0
@@ -7819,7 +7803,7 @@ const Dd = {
                 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: f.action.onClick
-              }, x(f.action.label), 9, Gd)) : p("", !0),
+              }, x(f.action.label), 9, Yd)) : p("", !0),
               S(f) ? (s(), c("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",
@@ -7829,36 +7813,36 @@ const Dd = {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, Kd)) : p("", !0)
-            ], 10, Ud))), 128))
+              ], 8, Gd)) : p("", !0)
+            ], 10, _d))), 128))
           ]),
           _: 1
         })
       ], 2)
     ]));
   }
-}, Qd = { class: "relative" }, Jd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Zd = ["value", "placeholder", "disabled"], ec = {
+}, Xd = { class: "relative" }, Qd = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Jd = ["value", "placeholder", "disabled"], Zd = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, tc = ["aria-label"], ac = {
+}, ec = ["aria-label"], tc = {
   key: 1,
   class: "animate-spin"
-}, nc = {
+}, ac = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, rc = ["onClick", "onMouseenter"], sc = { class: "flex-1 text-left" }, lc = { class: "font-medium text-slate-900" }, oc = {
+}, nc = ["onClick", "onMouseenter"], rc = { class: "flex-1 text-left" }, sc = { class: "font-medium text-slate-900" }, lc = {
   key: 0,
   class: "text-sm text-slate-500 truncate"
-}, ic = {
+}, oc = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, uc = {
+}, ic = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, dc = {
+}, uc = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, cc = {
+}, dc = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -7972,8 +7956,8 @@ const Dd = {
       ref: m,
       class: "relative"
     }, [
-      d("div", Qd, [
-        d("div", Jd, [
+      d("div", Xd, [
+        d("div", Qd, [
           P(t, {
             class: b(W.value)
           }, null, 8, ["class"])
@@ -7989,8 +7973,8 @@ const Dd = {
           onFocus: S,
           onBlur: C,
           onKeydown: i
-        }, null, 42, Zd),
-        e.modelValue || e.loading ? (s(), c("div", ec, [
+        }, null, 42, Jd),
+        e.modelValue || e.loading ? (s(), c("div", Zd, [
           !e.loading && e.clearable ? (s(), c("button", {
             key: 0,
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
@@ -7998,7 +7982,7 @@ const Dd = {
             onClick: v
           }, [
             P(n, { class: "w-4 h-4" })
-          ], 8, tc)) : e.loading ? (s(), c("div", ac, [
+          ], 8, ec)) : e.loading ? (s(), c("div", tc, [
             P(r, { class: "w-4 h-4 text-slate-400" })
           ])) : p("", !0)
         ])) : p("", !0)
@@ -8016,7 +8000,7 @@ const Dd = {
             key: 0,
             class: b(K.value)
           }, [
-            e.results.length > 0 ? (s(), c("div", nc, [
+            e.results.length > 0 ? (s(), c("div", ac, [
               (s(!0), c(G, null, X(e.results, (J, B) => (s(), c("button", {
                 key: J.id || B,
                 class: b(le(B)),
@@ -8027,14 +8011,14 @@ const Dd = {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : p("", !0),
-                d("div", sc, [
-                  d("div", lc, x(u(J.title)), 1),
-                  J.description ? (s(), c("div", oc, x(u(J.description)), 1)) : p("", !0)
+                d("div", rc, [
+                  d("div", sc, x(u(J.title)), 1),
+                  J.description ? (s(), c("div", lc, x(u(J.description)), 1)) : p("", !0)
                 ]),
-                J.category ? (s(), c("div", ic, x(J.category), 1)) : p("", !0)
-              ], 42, rc))), 128))
-            ])) : e.showNoResults ? (s(), c("div", uc, x(e.noResultsText), 1)) : p("", !0),
-            O.$slots.footer ? (s(), c("div", dc, [
+                J.category ? (s(), c("div", oc, x(J.category), 1)) : p("", !0)
+              ], 42, nc))), 128))
+            ])) : e.showNoResults ? (s(), c("div", ic, x(e.noResultsText), 1)) : p("", !0),
+            O.$slots.footer ? (s(), c("div", uc, [
               M(O.$slots, "footer")
             ])) : p("", !0)
           ], 2)) : p("", !0)
@@ -8043,7 +8027,7 @@ const Dd = {
       })
     ], 512));
   }
-}, fc = { class: "w-full" }, mc = ["min", "max", "step", "value"], gc = { class: "flex justify-between text-xs text-slate-500 mt-1" }, Pa = {
+}, cc = { class: "w-full" }, fc = ["min", "max", "step", "value"], mc = { class: "flex justify-between text-xs text-slate-500 mt-1" }, Pa = {
   __name: "Slider",
   props: {
     modelValue: { type: [Number, String], default: 0 },
@@ -8056,7 +8040,7 @@ const Dd = {
     const t = a, n = (r) => {
       t("update:modelValue", Number(r.target.value));
     };
-    return (r, l) => (s(), c("div", fc, [
+    return (r, l) => (s(), c("div", cc, [
       d("input", {
         type: "range",
         min: e.min,
@@ -8065,25 +8049,25 @@ const Dd = {
         value: e.modelValue,
         class: "w-full accent-blue-500 cursor-pointer",
         onInput: n
-      }, null, 40, mc),
-      d("div", gc, [
+      }, null, 40, fc),
+      d("div", mc, [
         d("span", null, x(e.min), 1),
         d("span", null, x(e.modelValue), 1),
         d("span", null, x(e.max), 1)
       ])
     ]));
   }
-}, vc = { class: "flex items-center space-x-4" }, bc = {
+}, gc = { class: "flex items-center space-x-4" }, vc = {
   __name: "Stepper",
   setup(e) {
-    return (a, t) => (s(), c("div", vc, [
+    return (a, t) => (s(), c("div", gc, [
       M(a.$slots, "default")
     ]));
   }
-}, hc = { class: "flex items-center" }, pc = { class: "ml-2" }, yc = { class: "font-medium" }, xc = {
+}, bc = { class: "flex items-center" }, hc = { class: "ml-2" }, pc = { class: "font-medium" }, yc = {
   key: 0,
   class: "text-sm text-slate-400"
-}, wc = {
+}, xc = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -8093,7 +8077,7 @@ const Dd = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (s(), c("div", hc, [
+    return (a, t) => (s(), c("div", bc, [
       d("div", {
         class: b([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -8102,16 +8086,16 @@ const Dd = {
       }, [
         d("span", null, x(e.step), 1)
       ], 2),
-      d("div", pc, [
-        d("div", yc, x(e.title), 1),
-        e.description ? (s(), c("div", xc, x(e.description), 1)) : p("", !0)
+      d("div", hc, [
+        d("div", pc, x(e.title), 1),
+        e.description ? (s(), c("div", yc, x(e.description), 1)) : p("", !0)
       ])
     ]));
   }
-}, kc = { class: "w-full" }, $c = {
+}, wc = { class: "w-full" }, kc = {
   class: "flex space-x-1 border-b border-slate-200",
   role: "tablist"
-}, Sc = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Cc = { class: "mt-4" }, zc = {
+}, $c = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Sc = { class: "mt-4" }, Cc = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 },
@@ -8149,8 +8133,8 @@ const Dd = {
       unregisterTab: (g) => {
         l.value.splice(g, 1);
       }
-    }), (g, y) => (s(), c("div", kc, [
-      d("div", $c, [
+    }), (g, y) => (s(), c("div", wc, [
+      d("div", kc, [
         (s(!0), c(G, null, X(l.value, (k, $) => (s(), c("button", {
           id: `tab-${$}`,
           key: $,
@@ -8164,17 +8148,17 @@ const Dd = {
           "aria-controls": `panel-${$}`,
           role: "tab",
           onClick: (I) => !t.loading && o($)
-        }, x(k.label), 11, Sc))), 128))
+        }, x(k.label), 11, $c))), 128))
       ]),
-      d("div", Cc, [
+      d("div", Sc, [
         M(g.$slots, "default")
       ])
     ]));
   }
-}, Ac = ["id", "aria-labelledby"], Vc = {
+}, zc = ["id", "aria-labelledby"], Ac = {
   key: 0,
   class: "flex items-center justify-center p-8"
-}, Bc = {
+}, Vc = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 },
@@ -8196,17 +8180,17 @@ const Dd = {
       role: "tabpanel",
       "aria-labelledby": `tab-${n.value}`
     }, [
-      e.loading ? (s(), c("div", Vc, [
+      e.loading ? (s(), c("div", Ac, [
         P(Aa, {
           size: "lg",
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
       ])) : M(l.$slots, "default", { key: 1 })
-    ], 8, Ac)), [
+    ], 8, zc)), [
       [pn, r.value]
     ]);
   }
-}, Pc = ["id", "aria-expanded", "aria-controls", "onClick"], Tc = { class: "flex items-center flex-1 min-w-0" }, jc = { key: 0 }, Ic = ["id", "aria-labelledby"], Oc = { key: 0 }, Mc = {
+}, Bc = ["id", "aria-expanded", "aria-controls", "onClick"], Pc = { class: "flex items-center flex-1 min-w-0" }, Tc = { key: 0 }, jc = ["id", "aria-labelledby"], Ic = { key: 0 }, Oc = {
   __name: "Accordion",
   props: {
     items: {
@@ -8333,13 +8317,13 @@ const Dd = {
           "aria-controls": `panel-${V.id || z}`,
           onClick: (W) => o(z)
         }, [
-          d("div", Tc, [
+          d("div", Pc, [
             M(u.$slots, `header-${z}`, {
               item: V,
               index: z,
               isExpanded: m(z)
             }, () => [
-              V.title ? (s(), c("div", jc, x(V.title), 1)) : p("", !0)
+              V.title ? (s(), c("div", Tc, x(V.title), 1)) : p("", !0)
             ])
           ]),
           d("div", {
@@ -8347,7 +8331,7 @@ const Dd = {
           }, [
             P(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, Pc),
+        ], 10, Bc),
         P(be, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -8372,17 +8356,17 @@ const Dd = {
                   item: V,
                   index: z
                 }, () => [
-                  V.content ? (s(), c("div", Oc, x(V.content), 1)) : p("", !0)
+                  V.content ? (s(), c("div", Ic, x(V.content), 1)) : p("", !0)
                 ])
               ])
-            ], 10, Ic)) : p("", !0)
+            ], 10, jc)) : p("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, Fc = {
+}, Mc = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -8474,10 +8458,10 @@ const Dd = {
       })
     ], 2));
   }
-}, Lc = { class: "relative w-full" }, Ec = { class: "relative" }, Nc = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], Dc = { class: "flex items-center justify-between mb-3" }, Rc = { class: "text-sm font-medium" }, _c = { class: "grid grid-cols-7 gap-1 mb-2" }, Uc = { class: "grid grid-cols-7 gap-1" }, qc = ["disabled", "onClick"], Hc = {
+}, Fc = { class: "relative w-full" }, Lc = { class: "relative" }, Ec = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], Nc = { class: "flex items-center justify-between mb-3" }, Dc = { class: "text-sm font-medium" }, Rc = { class: "grid grid-cols-7 gap-1 mb-2" }, _c = { class: "grid grid-cols-7 gap-1" }, Uc = ["disabled", "onClick"], qc = {
   key: 0,
   class: "mt-4 pt-3 border-t border-slate-200"
-}, Wc = {
+}, Hc = {
   __name: "Calendar",
   props: {
     id: String,
@@ -8586,8 +8570,8 @@ const Dd = {
       document.addEventListener("keydown", ee);
     }), vn(() => {
       document.removeEventListener("keydown", ee);
-    }), (J, B) => (s(), c("div", Lc, [
-      d("div", Ec, [
+    }), (J, B) => (s(), c("div", Fc, [
+      d("div", Lc, [
         d("input", {
           id: e.id,
           type: "text",
@@ -8599,7 +8583,7 @@ const Dd = {
           "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: V
-        }, null, 8, Nc),
+        }, null, 8, Ec),
         B[2] || (B[2] = d("div", { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" }, [
           d("svg", {
             class: "w-5 h-5 text-slate-400",
@@ -8652,7 +8636,7 @@ const Dd = {
             onClick: B[0] || (B[0] = Ce(() => {
             }, ["stop"]))
           }, [
-            d("div", Dc, [
+            d("div", Nc, [
               d("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8673,7 +8657,7 @@ const Dd = {
                   })
                 ], -1)
               ])]),
-              d("div", Rc, x(k.value) + " " + x(m.value), 1),
+              d("div", Dc, x(k.value) + " " + x(m.value), 1),
               d("button", {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
@@ -8695,13 +8679,13 @@ const Dd = {
                 ], -1)
               ])])
             ]),
-            d("div", _c, [
+            d("div", Rc, [
               (s(), c(G, null, X(y, (F) => d("div", {
                 key: F,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
               }, x(F), 1)), 64))
             ]),
-            d("div", Uc, [
+            d("div", _c, [
               (s(!0), c(G, null, X(S.value, (F, Y) => (s(), c("div", {
                 key: "prev-" + Y,
                 class: "text-center text-sm text-slate-300 py-2"
@@ -8716,13 +8700,13 @@ const Dd = {
                   w(F) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
                 onClick: (Y) => le(F)
-              }, x(F), 11, qc))), 128)),
+              }, x(F), 11, Uc))), 128)),
               (s(!0), c(G, null, X(C.value, (F, Y) => (s(), c("div", {
                 key: "next-" + Y,
                 class: "text-center text-sm text-slate-300 py-2"
               }, x(F), 1))), 128))
             ]),
-            e.showToday ? (s(), c("div", Hc, [
+            e.showToday ? (s(), c("div", qc, [
               d("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",
@@ -8740,10 +8724,10 @@ const Dd = {
       })) : p("", !0)
     ]));
   }
-}, Yc = { class: "flex items-start justify-between" }, Gc = { class: "flex-1 min-w-0" }, Kc = {
+}, Wc = { class: "flex items-start justify-between" }, Yc = { class: "flex-1 min-w-0" }, Gc = {
   key: 0,
   class: "flex-shrink-0 ml-4"
-}, Xc = "text-lg font-semibold text-slate-900 truncate", Qc = "text-sm text-slate-600 mt-1", Jc = {
+}, Kc = "text-lg font-semibold text-slate-900 truncate", Xc = "text-sm text-slate-600 mt-1", Qc = {
   __name: "Graph",
   props: {
     variant: {
@@ -8854,18 +8838,18 @@ const Dd = {
         class: b(_(A)(_(t)({ padding: e.padding })))
       }, [
         M(m.$slots, "header", {}, () => [
-          d("div", Yc, [
-            d("div", Gc, [
+          d("div", Wc, [
+            d("div", Yc, [
               e.title ? (s(), c("h3", {
                 key: 0,
-                class: b(Xc)
+                class: b(Kc)
               }, x(e.title), 1)) : p("", !0),
               e.description ? (s(), c("p", {
                 key: 1,
-                class: b(Qc)
+                class: b(Xc)
               }, x(e.description), 1)) : p("", !0)
             ]),
-            m.$slots.actions ? (s(), c("div", Kc, [
+            m.$slots.actions ? (s(), c("div", Gc, [
               M(m.$slots, "actions")
             ])) : p("", !0)
           ])
@@ -8897,7 +8881,7 @@ const Dd = {
       ], 2)) : p("", !0)
     ], 2));
   }
-}, Zc = { class: "w-full h-full" }, ef = ["width", "height", "viewBox"], tf = { key: 0 }, af = ["x1", "y1", "x2", "y2", "stroke"], nf = ["x", "y", "width", "height", "fill", "onMouseenter"], rf = { key: 1 }, sf = ["x", "y"], lf = { key: 2 }, of = ["x", "y"], uf = { key: 3 }, df = ["x", "y", "width", "height", "fill", "stroke"], cf = ["x", "y"], ff = {
+}, Jc = { class: "w-full h-full" }, Zc = ["width", "height", "viewBox"], ef = { key: 0 }, tf = ["x1", "y1", "x2", "y2", "stroke"], af = ["x", "y", "width", "height", "fill", "onMouseenter"], nf = { key: 1 }, rf = ["x", "y"], sf = { key: 2 }, lf = ["x", "y"], of = { key: 3 }, uf = ["x", "y", "width", "height", "fill", "stroke"], df = ["x", "y"], cf = {
   __name: "BarChart",
   props: {
     data: {
@@ -9003,14 +8987,14 @@ const Dd = {
     }, v = () => {
       r.value.visible = !1;
     };
-    return (f, i) => (s(), c("div", Zc, [
+    return (f, i) => (s(), c("div", Jc, [
       (s(), c("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (s(), c("g", tf, [
+        e.showGrid ? (s(), c("g", ef, [
           (s(!0), c(G, null, X(g.value, (u) => (s(), c("line", {
             key: `grid-${u}`,
             x1: e.padding.left,
@@ -9020,7 +9004,7 @@ const Dd = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, af))), 128))
+          }, null, 8, tf))), 128))
         ])) : p("", !0),
         d("g", null, [
           (s(!0), c(G, null, X(e.data, (u, w) => (s(), c("rect", {
@@ -9033,27 +9017,27 @@ const Dd = {
             class: b(e.barClasses),
             onMouseenter: (V) => C(V, u, w),
             onMouseleave: v
-          }, null, 42, nf))), 128))
+          }, null, 42, af))), 128))
         ]),
-        e.showXAxis ? (s(), c("g", rf, [
+        e.showXAxis ? (s(), c("g", nf, [
           (s(!0), c(G, null, X(e.labels, (u, w) => (s(), c("text", {
             key: `xlabel-${w}`,
             x: y(w) + o.value / 2,
             y: e.height - e.padding.bottom + 20,
             class: b(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, x(u), 11, sf))), 128))
+          }, x(u), 11, rf))), 128))
         ])) : p("", !0),
-        e.showYAxis ? (s(), c("g", lf, [
+        e.showYAxis ? (s(), c("g", sf, [
           (s(!0), c(G, null, X(g.value, (u) => (s(), c("text", {
             key: `ylabel-${u}`,
             x: e.padding.left - 10,
             y: u + 4,
             class: b(e.axisLabelClasses),
             "text-anchor": "end"
-          }, x(S(u)), 11, of))), 128))
+          }, x(S(u)), 11, lf))), 128))
         ])) : p("", !0),
-        r.value.visible ? (s(), c("g", uf, [
+        r.value.visible ? (s(), c("g", of, [
           d("rect", {
             x: r.value.x - r.value.width / 2,
             y: r.value.y - r.value.height - 10,
@@ -9063,18 +9047,18 @@ const Dd = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, df),
+          }, null, 8, uf),
           d("text", {
             x: r.value.x,
             y: r.value.y - r.value.height / 2 - 2,
             class: b(e.tooltipTextClasses),
             "text-anchor": "middle"
-          }, x(r.value.content), 11, cf)
+          }, x(r.value.content), 11, df)
         ])) : p("", !0)
-      ], 8, ef))
+      ], 8, Zc))
     ]));
   }
-}, mf = { class: "w-full h-full" }, gf = ["width", "height", "viewBox"], vf = { key: 0 }, bf = ["x1", "y1", "x2", "y2", "stroke"], hf = ["d", "stroke", "stroke-width"], pf = { key: 1 }, yf = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], xf = ["d", "fill", "fill-opacity"], wf = { key: 3 }, kf = ["x", "y"], $f = { key: 4 }, Sf = ["x", "y"], Cf = { key: 5 }, zf = ["x", "y", "width", "height", "fill", "stroke"], Af = ["x", "y"], Vf = {
+}, ff = { class: "w-full h-full" }, mf = ["width", "height", "viewBox"], gf = { key: 0 }, vf = ["x1", "y1", "x2", "y2", "stroke"], bf = ["d", "stroke", "stroke-width"], hf = { key: 1 }, pf = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], yf = ["d", "fill", "fill-opacity"], xf = { key: 3 }, wf = ["x", "y"], kf = { key: 4 }, $f = ["x", "y"], Sf = { key: 5 }, Cf = ["x", "y", "width", "height", "fill", "stroke"], zf = ["x", "y"], Af = {
   __name: "LineChart",
   props: {
     data: {
@@ -9220,14 +9204,14 @@ const Dd = {
     }, C = () => {
       r.value.visible = !1;
     };
-    return (v, f) => (s(), c("div", mf, [
+    return (v, f) => (s(), c("div", ff, [
       (s(), c("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (s(), c("g", vf, [
+        e.showGrid ? (s(), c("g", gf, [
           (s(!0), c(G, null, X(y.value, (i) => (s(), c("line", {
             key: `grid-${i}`,
             x1: e.padding.left,
@@ -9237,7 +9221,7 @@ const Dd = {
             stroke: e.gridColor,
             "stroke-width": "1",
             "stroke-dasharray": "2,2"
-          }, null, 8, bf))), 128))
+          }, null, 8, vf))), 128))
         ])) : p("", !0),
         d("path", {
           d: m.value,
@@ -9245,8 +9229,8 @@ const Dd = {
           "stroke-width": e.strokeWidth,
           fill: "none",
           class: b(e.lineClasses)
-        }, null, 10, hf),
-        e.showPoints ? (s(), c("g", pf, [
+        }, null, 10, bf),
+        e.showPoints ? (s(), c("g", hf, [
           (s(!0), c(G, null, X(o.value, (i, u) => (s(), c("circle", {
             key: `point-${u}`,
             cx: i.x,
@@ -9258,33 +9242,33 @@ const Dd = {
             class: b(e.pointClasses),
             onMouseenter: (w) => S(w, i.value, u),
             onMouseleave: C
-          }, null, 42, yf))), 128))
+          }, null, 42, pf))), 128))
         ])) : p("", !0),
         e.fillArea ? (s(), c("path", {
           key: 2,
           d: g.value,
           fill: e.fillColor,
           "fill-opacity": e.fillOpacity
-        }, null, 8, xf)) : p("", !0),
-        e.showXAxis ? (s(), c("g", wf, [
+        }, null, 8, yf)) : p("", !0),
+        e.showXAxis ? (s(), c("g", xf, [
           (s(!0), c(G, null, X(e.labels, (i, u) => (s(), c("text", {
             key: `xlabel-${u}`,
             x: k(u),
             y: e.height - e.padding.bottom + 20,
             class: b(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, x(i), 11, kf))), 128))
+          }, x(i), 11, wf))), 128))
         ])) : p("", !0),
-        e.showYAxis ? (s(), c("g", $f, [
+        e.showYAxis ? (s(), c("g", kf, [
           (s(!0), c(G, null, X(y.value, (i) => (s(), c("text", {
             key: `ylabel-${i}`,
             x: e.padding.left - 10,
             y: i + 4,
             class: b(e.axisLabelClasses),
             "text-anchor": "end"
-          }, x(I(i)), 11, Sf))), 128))
+          }, x(I(i)), 11, $f))), 128))
         ])) : p("", !0),
-        r.value.visible ? (s(), c("g", Cf, [
+        r.value.visible ? (s(), c("g", Sf, [
           d("rect", {
             x: r.value.x - r.value.width / 2,
             y: r.value.y - r.value.height - 10,
@@ -9294,30 +9278,30 @@ const Dd = {
             stroke: e.tooltipBorder,
             "stroke-width": "1",
             rx: "4"
-          }, null, 8, zf),
+          }, null, 8, Cf),
           d("text", {
             x: r.value.x,
             y: r.value.y - r.value.height / 2 - 2,
             class: b(e.tooltipTextClasses),
             "text-anchor": "middle"
-          }, x(r.value.content), 11, Af)
+          }, x(r.value.content), 11, zf)
         ])) : p("", !0)
-      ], 8, gf))
+      ], 8, mf))
     ]));
   }
-}, Bf = { class: "bg-white border-b border-gray-200" }, Pf = {
+}, Vf = { class: "bg-white border-b border-gray-200" }, Bf = {
   key: 0,
   class: "flex items-center gap-3 min-w-64"
-}, Tf = { class: "relative flex-1" }, jf = { class: "relative flex-1" }, If = {
+}, Pf = { class: "relative flex-1" }, Tf = { class: "relative flex-1" }, jf = {
   key: 1,
   class: "min-w-40"
-}, Of = { class: "relative" }, Mf = {
+}, If = { class: "relative" }, Of = {
   key: 2,
   class: "min-w-40"
-}, Ff = { class: "relative" }, Lf = ["value"], Ef = {
+}, Mf = { class: "relative" }, Ff = ["value"], Lf = {
   key: 3,
   class: "flex items-center gap-2"
-}, Nf = { class: "flex items-center gap-3 ml-auto" }, Df = { class: "flex items-center gap-3 flex-wrap" }, Rf = ["onClick"], _f = {
+}, Ef = { class: "flex items-center gap-3 ml-auto" }, Nf = { class: "flex items-center gap-3 flex-wrap" }, Df = ["onClick"], Rf = {
   __name: "GraphFilters",
   props: {
     showDateFilter: {
@@ -9442,12 +9426,12 @@ const Dd = {
       n("update:dateFrom", ne);
     }), ce(() => l.value, (ne) => {
       n("update:dateTo", ne);
-    }), (ne, O) => (s(), c("div", Bf, [
+    }), (ne, O) => (s(), c("div", Vf, [
       d("div", {
         class: b($.value)
       }, [
-        e.showDateFilter ? (s(), c("div", Pf, [
-          d("div", Tf, [
+        e.showDateFilter ? (s(), c("div", Bf, [
+          d("div", Pf, [
             P(Z, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9462,7 +9446,7 @@ const Dd = {
             ])
           ]),
           O[6] || (O[6] = d("span", { class: "text-gray-500 text-sm" }, "to", -1)),
-          d("div", jf, [
+          d("div", Tf, [
             P(Z, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -9477,8 +9461,8 @@ const Dd = {
             ])
           ])
         ])) : p("", !0),
-        e.showChartTypeFilter ? (s(), c("div", If, [
-          d("div", Of, [
+        e.showChartTypeFilter ? (s(), c("div", jf, [
+          d("div", If, [
             P(Me, {
               modelValue: o.value,
               "onUpdate:modelValue": O[2] || (O[2] = (ee) => o.value = ee),
@@ -9498,8 +9482,8 @@ const Dd = {
             })
           ])
         ])) : p("", !0),
-        e.dataSources.length > 0 ? (s(), c("div", Mf, [
-          d("div", Ff, [
+        e.dataSources.length > 0 ? (s(), c("div", Of, [
+          d("div", Mf, [
             P(Me, {
               modelValue: m.value,
               "onUpdate:modelValue": O[3] || (O[3] = (ee) => m.value = ee),
@@ -9511,7 +9495,7 @@ const Dd = {
                 (s(!0), c(G, null, X(e.dataSources, (ee) => (s(), c("option", {
                   key: ee.value,
                   value: ee.value
-                }, x(ee.label), 9, Lf))), 128))
+                }, x(ee.label), 9, Ff))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -9521,10 +9505,10 @@ const Dd = {
             })
           ])
         ])) : p("", !0),
-        ne.$slots.filters ? (s(), c("div", Ef, [
+        ne.$slots.filters ? (s(), c("div", Lf, [
           M(ne.$slots, "filters")
         ])) : p("", !0),
-        d("div", Nf, [
+        d("div", Ef, [
           y.value ? (s(), L(ye, {
             key: 0,
             class: b(C.value),
@@ -9573,7 +9557,7 @@ const Dd = {
         key: 0,
         class: b(i.value)
       }, [
-        d("div", Df, [
+        d("div", Nf, [
           d("span", {
             class: b(u.value)
           }, "Active filters:", 2),
@@ -9594,13 +9578,13 @@ const Dd = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, Rf)
+            ], 10, Df)
           ], 2))), 128))
         ])
       ], 2)) : p("", !0)
     ]));
   }
-}, Uf = { class: "flex items-start justify-between" }, qf = {
+}, _f = { class: "flex items-start justify-between" }, Uf = {
   key: 0,
   class: "flex items-center gap-2"
 }, Cr = {
@@ -9680,7 +9664,7 @@ const Dd = {
       class: b(l.value)
     }, [
       M(g.$slots, "header", {}, () => [
-        d("div", Uf, [
+        d("div", _f, [
           d("div", null, [
             e.title ? (s(), L(da, {
               key: 0,
@@ -9701,7 +9685,7 @@ const Dd = {
               _: 1
             }, 8, ["class"])) : p("", !0)
           ]),
-          g.$slots.filters ? (s(), c("div", qf, [
+          g.$slots.filters ? (s(), c("div", Uf, [
             M(g.$slots, "filters")
           ])) : p("", !0)
         ])
@@ -9887,19 +9871,19 @@ const Dd = {
       ], 2)) : p("", !0)
     ], 2));
   }
-}, Hf = { class: "flex items-center justify-between" }, Wf = {
+}, qf = { class: "flex items-center justify-between" }, Hf = {
   key: 0,
   class: "text-sm text-slate-600"
-}, Yf = {
+}, Wf = {
   key: 1,
   class: "text-sm text-slate-600"
-}, Gf = {
+}, Yf = {
   key: 2,
   class: "flex items-center gap-4"
-}, Kf = {
+}, Gf = {
   key: 3,
   class: "flex items-center gap-4"
-}, Xf = { class: "flex items-center gap-2" }, Qf = { class: "flex items-center gap-1" }, Jf = ["disabled"], Zf = ["disabled"], em = { class: "flex items-center gap-1" }, tm = ["onClick"], am = ["disabled"], nm = ["disabled"], rm = { class: "text-sm text-slate-600 ml-4" }, Ar = {
+}, Kf = { class: "flex items-center gap-2" }, Xf = { class: "flex items-center gap-1" }, Qf = ["disabled"], Jf = ["disabled"], Zf = { class: "flex items-center gap-1" }, em = ["onClick"], tm = ["disabled"], am = ["disabled"], nm = { class: "text-sm text-slate-600 ml-4" }, Ar = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -10040,13 +10024,13 @@ const Dd = {
       key: 0,
       class: b(y.value)
     }, [
-      d("div", Hf, [
-        e.selectable && e.selectedCount > 0 ? (s(), c("div", Wf, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (s(), c("div", Yf, " Showing " + x(o.value) + " to " + x(m.value) + " of " + x(e.total) + " entries ", 1)),
-        S.$slots.footer ? (s(), c("div", Gf, [
+      d("div", qf, [
+        e.selectable && e.selectedCount > 0 ? (s(), c("div", Hf, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (s(), c("div", Wf, " Showing " + x(o.value) + " to " + x(m.value) + " of " + x(e.total) + " entries ", 1)),
+        S.$slots.footer ? (s(), c("div", Yf, [
           M(S.$slots, "footer")
         ])) : p("", !0),
-        e.showPagination ? (s(), c("div", Kf, [
-          d("div", Xf, [
+        e.showPagination ? (s(), c("div", Gf, [
+          d("div", Kf, [
             P(De, {
               for: "pageSize",
               class: b(k.value),
@@ -10073,7 +10057,7 @@ const Dd = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          d("div", Qf, [
+          d("div", Xf, [
             d("button", {
               disabled: e.currentPage === 1,
               class: b(I(!1, e.currentPage === 1)),
@@ -10093,7 +10077,7 @@ const Dd = {
                   d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
                 })
               ], -1)
-            ])], 10, Jf),
+            ])], 10, Qf),
             d("button", {
               disabled: e.currentPage === 1,
               class: b(I(!1, e.currentPage === 1)),
@@ -10113,13 +10097,13 @@ const Dd = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, Zf),
-            d("div", em, [
+            ])], 10, Jf),
+            d("div", Zf, [
               (s(!0), c(G, null, X(g.value, (v) => (s(), c("button", {
                 key: v,
                 class: b(I(v === e.currentPage, !1)),
                 onClick: (f) => S.$emit("update:currentPage", v)
-              }, x(v), 11, tm))), 128))
+              }, x(v), 11, em))), 128))
             ]),
             d("button", {
               disabled: e.currentPage === e.totalPages,
@@ -10140,7 +10124,7 @@ const Dd = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, am),
+            ])], 10, tm),
             d("button", {
               disabled: e.currentPage === e.totalPages,
               class: b(I(!1, e.currentPage === e.totalPages)),
@@ -10160,9 +10144,9 @@ const Dd = {
                   d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, nm)
+            ])], 10, am)
           ]),
-          d("div", rm, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
+          d("div", nm, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
         ])) : p("", !0)
       ])
     ], 2)) : p("", !0);
@@ -10172,40 +10156,40 @@ const Dd = {
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, sm = {
+}, rm = {
   key: 0,
   class: "loader__backdrop"
-}, lm = { class: "loader__container" }, om = {
+}, sm = { class: "loader__container" }, lm = {
   key: 0,
   class: "loader__text loader__text--top"
-}, im = {
+}, om = {
   key: 1,
   class: "loader__spin"
-}, um = {
+}, im = {
   key: 2,
   class: "loader__pulse"
-}, dm = {
+}, um = {
   key: 3,
   class: "loader__bounce"
-}, cm = {
+}, dm = {
   key: 4,
   class: "loader__ripple"
-}, fm = {
+}, cm = {
   key: 5,
   class: "loader__bars"
-}, mm = {
+}, fm = {
   key: 6,
   class: "loader__dots"
-}, gm = {
+}, mm = {
   key: 7,
   class: "loader__ring"
-}, vm = {
+}, gm = {
   key: 8,
   class: "loader__spinner-text"
-}, bm = {
+}, vm = {
   key: 9,
   class: "loader__text loader__text--bottom"
-}, hm = {
+}, bm = {
   __name: "Loader",
   props: {
     loading: {
@@ -10272,53 +10256,53 @@ const Dd = {
         "--loader-bg": e.backgroundColor
       })
     }, [
-      e.overlay ? (s(), c("div", sm)) : p("", !0),
-      d("div", lm, [
-        e.text && e.textPosition === "top" ? (s(), c("div", om, x(e.text), 1)) : p("", !0),
-        e.type === "spin" ? (s(), c("div", im)) : e.type === "pulse" ? (s(), c("div", um)) : e.type === "bounce" ? (s(), c("div", dm, [
+      e.overlay ? (s(), c("div", rm)) : p("", !0),
+      d("div", sm, [
+        e.text && e.textPosition === "top" ? (s(), c("div", lm, x(e.text), 1)) : p("", !0),
+        e.type === "spin" ? (s(), c("div", om)) : e.type === "pulse" ? (s(), c("div", im)) : e.type === "bounce" ? (s(), c("div", um, [
           (s(), c(G, null, X(3, (n) => d("div", {
             key: n,
             class: "loader__bounce-dot",
             style: fe({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
-        ])) : e.type === "ripple" ? (s(), c("div", cm, [
+        ])) : e.type === "ripple" ? (s(), c("div", dm, [
           (s(), c(G, null, X(2, (n) => d("div", {
             key: n,
             class: "loader__ripple-ring",
             style: fe({ animationDelay: `${(n - 1) * 0.5}s` })
           }, null, 4)), 64))
-        ])) : e.type === "bars" ? (s(), c("div", fm, [
+        ])) : e.type === "bars" ? (s(), c("div", cm, [
           (s(), c(G, null, X(5, (n) => d("div", {
             key: n,
             class: "loader__bar",
             style: fe({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
-        ])) : e.type === "dots" ? (s(), c("div", mm, [
+        ])) : e.type === "dots" ? (s(), c("div", fm, [
           (s(), c(G, null, X(3, (n) => d("div", {
             key: n,
             class: "loader__dot",
             style: fe({ animationDelay: `${(n - 1) * 0.16}s` })
           }, null, 4)), 64))
-        ])) : e.type === "ring" ? (s(), c("div", gm, [...t[0] || (t[0] = [
+        ])) : e.type === "ring" ? (s(), c("div", mm, [...t[0] || (t[0] = [
           d("div", { class: "loader__ring-track" }, null, -1),
           d("div", { class: "loader__ring-fill" }, null, -1)
-        ])])) : e.type === "spinner-text" ? (s(), c("div", vm, [...t[1] || (t[1] = [
+        ])])) : e.type === "spinner-text" ? (s(), c("div", gm, [...t[1] || (t[1] = [
           d("div", { class: "loader__spinner" }, null, -1)
         ])])) : p("", !0),
-        e.text && e.textPosition === "bottom" ? (s(), c("div", bm, x(e.text), 1)) : p("", !0)
+        e.text && e.textPosition === "bottom" ? (s(), c("div", vm, x(e.text), 1)) : p("", !0)
       ])
     ], 6)) : p("", !0);
   }
-}, $t = /* @__PURE__ */ Mt(hm, [["__scopeId", "data-v-68532350"]]), pm = { class: "relative" }, ym = { class: "flex items-center justify-center" }, xm = ["onClick"], wm = { class: "flex items-center gap-2" }, km = {
+}, $t = /* @__PURE__ */ Mt(bm, [["__scopeId", "data-v-68532350"]]), hm = { class: "relative" }, pm = { class: "flex items-center justify-center" }, ym = ["onClick"], xm = { class: "flex items-center gap-2" }, wm = {
   key: 1,
   class: "flex flex-col"
-}, $m = {
+}, km = {
   key: 1,
   class: "flex items-center gap-1 justify-center"
-}, Sm = {
+}, $m = {
   key: 1,
   class: "text-xs"
-}, Cm = { key: 2 }, zm = ["colspan"], Am = { class: "flex flex-col items-center justify-center py-12" }, Vm = { class: "text-slate-400 mb-4 flex justify-center" }, Bm = { class: "text-slate-600 text-lg font-medium mb-2" }, Pm = { class: "text-slate-500 text-sm" }, Tm = {
+}, Sm = { key: 2 }, Cm = ["colspan"], zm = { class: "flex flex-col items-center justify-center py-12" }, Am = { class: "text-slate-400 mb-4 flex justify-center" }, Vm = { class: "text-slate-600 text-lg font-medium mb-2" }, Bm = { class: "text-slate-500 text-sm" }, Pm = {
   __name: "DataTable",
   props: {
     data: {
@@ -10690,7 +10674,7 @@ const Dd = {
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : p("", !0),
-      d("div", pm, [
+      d("div", hm, [
         e.loading ? (s(), L($t, {
           key: 0,
           loading: !0,
@@ -10717,7 +10701,7 @@ const Dd = {
                   key: 0,
                   class: b(ht.value)
                 }, [
-                  d("div", ym, [
+                  d("div", pm, [
                     e.bulkLoading ? (s(), L($t, {
                       key: 0,
                       loading: !0,
@@ -10738,7 +10722,7 @@ const Dd = {
                   class: b(Lt(ue)),
                   onClick: (we) => B(ue)
                 }, [
-                  d("div", wm, [
+                  d("div", xm, [
                     d("span", null, x(ue.label), 1),
                     e.sortLoading && m.value === ue.key ? (s(), L($t, {
                       key: 0,
@@ -10746,7 +10730,7 @@ const Dd = {
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : ue.sortable ? (s(), c("div", km, [
+                    }, null, 8, ["color"])) : ue.sortable ? (s(), c("div", wm, [
                       (s(), c("svg", {
                         class: b([nt(ue, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
@@ -10775,7 +10759,7 @@ const Dd = {
                       ])], 2))
                     ])) : p("", !0)
                   ])
-                ], 10, xm))), 128)),
+                ], 10, ym))), 128)),
                 R.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), c("th", {
                   key: 1,
                   class: b(qe.value)
@@ -10830,7 +10814,7 @@ const Dd = {
                   R.$slots.actions ? M(R.$slots, "actions", Je({
                     key: 0,
                     ref_for: !0
-                  }, ke), void 0, !0) : e.actions.length > 0 && e.showActionsColumn ? (s(), c("div", $m, [
+                  }, ke), void 0, !0) : e.actions.length > 0 && e.showActionsColumn ? (s(), c("div", km, [
                     (s(!0), c(G, null, X(i(ke.item), (me) => (s(), L(kr, {
                       key: me.key,
                       content: me.tooltip || me.label || me.key,
@@ -10849,7 +10833,7 @@ const Dd = {
                               key: 0,
                               icon: me.icon,
                               class: "w-4 h-4"
-                            }, null, 8, ["icon"])) : me.label ? (s(), c("span", Sm, x(me.label), 1)) : p("", !0)
+                            }, null, 8, ["icon"])) : me.label ? (s(), c("span", $m, x(me.label), 1)) : p("", !0)
                           ]),
                           _: 2
                         }, 1032, ["variant", "disabled", "onClick"])
@@ -10866,24 +10850,24 @@ const Dd = {
                     M(R.$slots, `cell-${ke.key}`, Je({ ref_for: !0 }, me), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : (s(), c("tr", Cm, [
+              ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density", "row-loading", "loading-color"]))), 128)) : (s(), c("tr", Sm, [
                 d("td", {
                   colspan: f.value,
                   class: b(at.value)
                 }, [
                   M(R.$slots, "empty", {}, () => [
-                    d("div", Am, [
-                      d("div", Vm, [
+                    d("div", zm, [
+                      d("div", Am, [
                         P(Z, {
                           icon: "search",
                           class: "w-16 h-16"
                         })
                       ]),
-                      d("p", Bm, x(e.emptyText), 1),
-                      d("p", Pm, x(e.emptySubtitle), 1)
+                      d("p", Vm, x(e.emptyText), 1),
+                      d("p", Bm, x(e.emptySubtitle), 1)
                     ])
                   ], !0)
-                ], 10, zm)
+                ], 10, Cm)
               ]))
             ], 2)
           ], 2)
@@ -10912,7 +10896,7 @@ const Dd = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : p("", !0)
     ], 2));
   }
-}, jm = /* @__PURE__ */ Mt(Tm, [["__scopeId", "data-v-32089b8f"]]), Im = {
+}, Tm = /* @__PURE__ */ Mt(Pm, [["__scopeId", "data-v-32089b8f"]]), jm = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -11000,22 +10984,22 @@ const Dd = {
       ])
     ], 2));
   }
-}, Om = { class: "bg-white border-b border-gray-200" }, Mm = {
+}, Im = { class: "bg-white border-b border-gray-200" }, Om = {
   key: 0,
   class: "flex-1 min-w-80 max-w-md"
-}, Fm = { class: "relative group" }, Lm = ["model-value", "placeholder"], Em = { class: "relative" }, Nm = { value: "" }, Dm = ["value"], Rm = {
+}, Mm = { class: "relative group" }, Fm = ["model-value", "placeholder"], Lm = { class: "relative" }, Em = { value: "" }, Nm = ["value"], Dm = {
   key: 1,
   class: "min-w-36"
-}, _m = { class: "relative" }, Um = ["value"], qm = {
+}, Rm = { class: "relative" }, _m = ["value"], Um = {
   key: 3,
   class: "flex items-center gap-2"
-}, Hm = { class: "flex items-center gap-3 ml-auto" }, Wm = { key: 2 }, Ym = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Gm = { class: "flex items-center justify-between" }, Km = { class: "flex items-center gap-3" }, Xm = { class: "relative flex-1" }, Qm = ["model-value", "placeholder", "onInput"], Jm = { class: "relative flex-1" }, Zm = ["model-value", "placeholder", "onInput"], eg = ["onClick"], tg = { class: "flex items-center justify-between" }, ag = { class: "flex items-center gap-3" }, ng = { class: "relative flex-1" }, rg = ["model-value", "placeholder", "step", "onInput"], sg = { class: "relative flex-1" }, lg = ["model-value", "placeholder", "step", "onInput"], og = ["onClick"], ig = { class: "flex items-center justify-between" }, ug = { class: "relative" }, dg = { value: "" }, cg = ["value"], fg = {
+}, qm = { class: "flex items-center gap-3 ml-auto" }, Hm = { key: 2 }, Wm = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Ym = { class: "flex items-center justify-between" }, Gm = { class: "flex items-center gap-3" }, Km = { class: "relative flex-1" }, Xm = ["model-value", "placeholder", "onInput"], Qm = { class: "relative flex-1" }, Jm = ["model-value", "placeholder", "onInput"], Zm = ["onClick"], eg = { class: "flex items-center justify-between" }, tg = { class: "flex items-center gap-3" }, ag = { class: "relative flex-1" }, ng = ["model-value", "placeholder", "step", "onInput"], rg = { class: "relative flex-1" }, sg = ["model-value", "placeholder", "step", "onInput"], lg = ["onClick"], og = { class: "flex items-center justify-between" }, ig = { class: "relative" }, ug = { value: "" }, dg = ["value"], cg = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
-}, mg = ["onClick"], gg = { class: "flex items-center gap-3 flex-wrap" }, vg = ["onClick"], bg = {
+}, fg = ["onClick"], mg = { class: "flex items-center gap-3 flex-wrap" }, gg = ["onClick"], vg = {
   key: 2,
   class: "px-6 py-3 bg-gray-50 border-t border-gray-200"
-}, hg = { class: "flex items-center justify-between" }, pg = { class: "flex items-center gap-4" }, yg = { class: "text-sm text-gray-600" }, xg = { class: "font-medium" }, wg = {
+}, bg = { class: "flex items-center justify-between" }, hg = { class: "flex items-center gap-4" }, pg = { class: "text-sm text-gray-600" }, yg = { class: "font-medium" }, xg = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -11433,12 +11417,12 @@ const Dd = {
           break;
       }
     };
-    return (q, j) => (s(), c("div", Om, [
+    return (q, j) => (s(), c("div", Im, [
       d("div", {
         class: b(oe.value)
       }, [
-        e.showSearch ? (s(), c("div", Mm, [
-          d("div", Fm, [
+        e.showSearch ? (s(), c("div", Om, [
+          d("div", Mm, [
             P(Z, {
               icon: "magnifying-glass",
               class: b(re.value)
@@ -11448,7 +11432,7 @@ const Dd = {
               placeholder: e.searchPlaceholder,
               class: b(Ae.value),
               onInput: j[0] || (j[0] = (T) => q.$emit("update:searchQuery", T.target.value))
-            }, null, 42, Lm),
+            }, null, 42, Fm),
             e.searchQuery ? (s(), c("button", {
               key: 0,
               class: b(Ft.value),
@@ -11465,18 +11449,18 @@ const Dd = {
           key: T.key,
           class: "min-w-36"
         }, [
-          d("div", Em, [
+          d("div", Lm, [
             P(Me, {
               "model-value": T.value,
               class: b(tt.value),
               onChange: (H) => S(T.key, H.target.value)
             }, {
               default: E(() => [
-                d("option", Nm, x(T.placeholder || `All ${T.label}`), 1),
+                d("option", Em, x(T.placeholder || `All ${T.label}`), 1),
                 (s(!0), c(G, null, X(T.options, (H) => (s(), c("option", {
                   key: H.value,
                   value: H.value
-                }, x(H.label), 9, Dm))), 128))
+                }, x(H.label), 9, Nm))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "class", "onChange"]),
@@ -11486,8 +11470,8 @@ const Dd = {
             })
           ])
         ]))), 128)),
-        e.showFilters && e.statusOptions.length > 0 ? (s(), c("div", Rm, [
-          d("div", _m, [
+        e.showFilters && e.statusOptions.length > 0 ? (s(), c("div", Dm, [
+          d("div", Rm, [
             P(Me, {
               "model-value": e.selectedStatus,
               class: b(tt.value),
@@ -11498,7 +11482,7 @@ const Dd = {
                 (s(!0), c(G, null, X(e.statusOptions, (T) => (s(), c("option", {
                   key: T.value,
                   value: T.value
-                }, x(T.label), 9, Um))), 128))
+                }, x(T.label), 9, _m))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"]),
@@ -11527,10 +11511,10 @@ const Dd = {
             class: "w-4 h-4 ml-1"
           }, null, 8, ["icon"])
         ], 2)) : p("", !0),
-        q.$slots.filters ? (s(), c("div", qm, [
+        q.$slots.filters ? (s(), c("div", Um, [
           M(q.$slots, "filters")
         ])) : p("", !0),
-        d("div", Hm, [
+        d("div", qm, [
           B.value ? (s(), L(ye, {
             key: 0,
             class: b(ae.value),
@@ -11559,7 +11543,7 @@ const Dd = {
             ]),
             _: 1
           }, 8, ["class"])) : p("", !0),
-          e.showAdd && o.value ? (s(), c("div", Wm, [
+          e.showAdd && o.value ? (s(), c("div", Hm, [
             l.value ? (s(), L(ye, {
               key: 0,
               variant: e.addButton.variant || "success",
@@ -11600,12 +11584,12 @@ const Dd = {
         key: 0,
         class: b(ht.value)
       }, [
-        d("div", Ym, [
+        d("div", Wm, [
           (s(!0), c(G, null, X(e.dateFilters, (T) => (s(), c("div", {
             key: T.key,
             class: "space-y-3"
           }, [
-            d("div", Gm, [
+            d("div", Ym, [
               d("label", {
                 class: b(at.value)
               }, x(T.label), 3),
@@ -11613,8 +11597,8 @@ const Dd = {
                 class: b(f(T))
               }, x(C(T) ? "Active" : "Inactive"), 3)
             ]),
-            d("div", Km, [
-              d("div", Xm, [
+            d("div", Gm, [
+              d("div", Km, [
                 P(Z, {
                   icon: "calendar",
                   class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -11625,12 +11609,12 @@ const Dd = {
                   class: b(qe.value),
                   placeholder: `From ${T.label}`,
                   onInput: (H) => i(T.key, "from", H.target.value)
-                }, null, 42, Qm)
+                }, null, 42, Xm)
               ]),
               d("span", {
                 class: b(nt.value)
               }, "to", 2),
-              d("div", Jm, [
+              d("div", Qm, [
                 P(Z, {
                   icon: "calendar",
                   class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
@@ -11641,7 +11625,7 @@ const Dd = {
                   class: b(qe.value),
                   placeholder: `To ${T.label}`,
                   onInput: (H) => i(T.key, "to", H.target.value)
-                }, null, 42, Zm)
+                }, null, 42, Jm)
               ]),
               C(T) ? (s(), c("button", {
                 key: 0,
@@ -11653,14 +11637,14 @@ const Dd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, eg)) : p("", !0)
+              ], 10, Zm)) : p("", !0)
             ])
           ]))), 128)),
           (s(!0), c(G, null, X(e.numberFilters, (T) => (s(), c("div", {
             key: T.key,
             class: "space-y-3"
           }, [
-            d("div", tg, [
+            d("div", eg, [
               d("label", {
                 class: b(at.value)
               }, x(T.label), 3),
@@ -11668,8 +11652,8 @@ const Dd = {
                 class: b(V(T))
               }, x(u(T) ? "Active" : "Inactive"), 3)
             ]),
-            d("div", ag, [
-              d("div", ng, [
+            d("div", tg, [
+              d("div", ag, [
                 d("input", {
                   type: "number",
                   "model-value": T.min,
@@ -11677,12 +11661,12 @@ const Dd = {
                   placeholder: `Min ${T.label}`,
                   step: T.step || 1,
                   onInput: (H) => z(T.key, "min", H.target.value)
-                }, null, 42, rg)
+                }, null, 42, ng)
               ]),
               d("span", {
                 class: b(nt.value)
               }, "to", 2),
-              d("div", sg, [
+              d("div", rg, [
                 d("input", {
                   type: "number",
                   "model-value": T.max,
@@ -11690,7 +11674,7 @@ const Dd = {
                   placeholder: `Max ${T.label}`,
                   step: T.step || 1,
                   onInput: (H) => z(T.key, "max", H.target.value)
-                }, null, 42, lg)
+                }, null, 42, sg)
               ]),
               u(T) ? (s(), c("button", {
                 key: 0,
@@ -11702,14 +11686,14 @@ const Dd = {
                   icon: "xmark",
                   class: "w-4 h-4"
                 })
-              ], 10, og)) : p("", !0)
+              ], 10, lg)) : p("", !0)
             ])
           ]))), 128)),
           (s(!0), c(G, null, X(e.multiSelectFilters, (T) => (s(), c("div", {
             key: T.key,
             class: "space-y-3"
           }, [
-            d("div", ig, [
+            d("div", og, [
               d("label", {
                 class: b(at.value)
               }, x(T.label), 3),
@@ -11717,18 +11701,18 @@ const Dd = {
                 class: b(K(T))
               }, x(W(T) ? `${T.selected.length} selected` : "None"), 3)
             ]),
-            d("div", ug, [
+            d("div", ig, [
               P(Me, {
                 "model-value": "",
                 class: b(tt.value),
                 onChange: (H) => le(T.key, H.target.value)
               }, {
                 default: E(() => [
-                  d("option", dg, " Select " + x(T.label), 1),
+                  d("option", ug, " Select " + x(T.label), 1),
                   (s(!0), c(G, null, X(T.options, (H) => (s(), c("option", {
                     key: H.value,
                     value: H.value
-                  }, x(H.label), 9, cg))), 128))
+                  }, x(H.label), 9, dg))), 128))
                 ]),
                 _: 2
               }, 1032, ["class", "onChange"]),
@@ -11737,7 +11721,7 @@ const Dd = {
                 class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
             ]),
-            T.selected.length > 0 ? (s(), c("div", fg, [
+            T.selected.length > 0 ? (s(), c("div", cg, [
               (s(!0), c(G, null, X(T.selected, (H) => (s(), c("span", {
                 key: H,
                 class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
@@ -11751,7 +11735,7 @@ const Dd = {
                     icon: "xmark",
                     class: "w-3 h-3"
                   })
-                ], 8, mg)
+                ], 8, fg)
               ]))), 128))
             ])) : p("", !0)
           ]))), 128))
@@ -11761,7 +11745,7 @@ const Dd = {
         key: 1,
         class: b(we.value)
       }, [
-        d("div", gg, [
+        d("div", mg, [
           d("span", {
             class: b(ke.value)
           }, "Active filters:", 2),
@@ -11782,15 +11766,15 @@ const Dd = {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
-            ], 10, vg)
+            ], 10, gg)
           ], 2))), 128))
         ])
       ], 2)) : p("", !0),
-      e.showTableInfo ? (s(), c("div", bg, [
-        d("div", hg, [
-          d("div", pg, [
-            d("span", yg, [
-              d("span", xg, x(e.totalItems || 0), 1),
+      e.showTableInfo ? (s(), c("div", vg, [
+        d("div", bg, [
+          d("div", hg, [
+            d("span", pg, [
+              d("span", yg, x(e.totalItems || 0), 1),
               Q(" " + x(e.itemLabel || "items") + " found ", 1)
             ])
           ])
@@ -11798,16 +11782,16 @@ const Dd = {
       ])) : p("", !0)
     ]));
   }
-}, kg = { class: "flex items-center gap-3" }, $g = {
+}, wg = { class: "flex items-center gap-3" }, kg = {
   key: 0,
   class: "flex items-center gap-3"
-}, Sg = { class: "text-sm text-slate-600" }, Cg = { class: "flex items-center gap-2" }, zg = { class: "flex items-center gap-3" }, Ag = ["title", "onClick"], Vg = {
+}, $g = { class: "text-sm text-slate-600" }, Sg = { class: "flex items-center gap-2" }, Cg = { class: "flex items-center gap-3" }, zg = ["title", "onClick"], Ag = {
   key: 1,
   class: "relative"
-}, Bg = { class: "p-3" }, Pg = { class: "space-y-1" }, Tg = { class: "flex items-center gap-2 cursor-pointer w-full" }, jg = ["checked", "onChange"], Ig = ["disabled"], Og = {
+}, Vg = { class: "p-3" }, Bg = { class: "space-y-1" }, Pg = { class: "flex items-center gap-2 cursor-pointer w-full" }, Tg = ["checked", "onChange"], jg = ["disabled"], Ig = {
   key: 3,
   class: "flex items-center gap-2"
-}, Mg = [
+}, Og = [
   {
     key: "delete",
     label: "Delete",
@@ -11824,13 +11808,13 @@ const Dd = {
     },
     variant: "primary"
   }
-], Fg = {
+], Mg = {
   name: "DataTableToolBar"
-}, Lg = /* @__PURE__ */ Object.assign(Fg, {
+}, Fg = /* @__PURE__ */ Object.assign(Mg, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => Mg },
+    bulkActions: { type: Array, default: () => Og },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -11956,10 +11940,10 @@ const Dd = {
       return s(), c("div", {
         class: b(S.value)
       }, [
-        d("div", kg, [
-          m.value > 0 ? (s(), c("div", $g, [
-            d("span", Sg, x(m.value) + " selected ", 1),
-            d("div", Cg, [
+        d("div", wg, [
+          m.value > 0 ? (s(), c("div", kg, [
+            d("span", $g, x(m.value) + " selected ", 1),
+            d("div", Sg, [
               (s(!0), c(G, null, X(e.bulkActions, (re) => (s(), L(ye, {
                 key: re.key,
                 class: b(le(re)),
@@ -11981,7 +11965,7 @@ const Dd = {
             class: b(C.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : p("", !0)
         ]),
-        d("div", zg, [
+        d("div", Cg, [
           e.showDensityToggle ? (s(), c("div", {
             key: 0,
             class: b(v.value)
@@ -11997,9 +11981,9 @@ const Dd = {
                 icon: re.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, Ag)), 64))
+            ], 10, zg)), 64))
           ], 2)) : p("", !0),
-          e.showColumnToggle ? (s(), c("div", Vg, [
+          e.showColumnToggle ? (s(), c("div", Ag, [
             d("button", {
               ref_key: "columnToggleButton",
               ref: l,
@@ -12020,22 +12004,22 @@ const Dd = {
               onClick: Y[0] || (Y[0] = Ce(() => {
               }, ["stop"]))
             }, [
-              d("div", Bg, [
+              d("div", Vg, [
                 d("div", {
                   class: b(u.value)
                 }, " Show Columns ", 2),
-                d("div", Pg, [
+                d("div", Bg, [
                   (s(!0), c(G, null, X(e.toggleableColumns, (re) => (s(), c("div", {
                     key: re.key,
                     class: b(w.value)
                   }, [
-                    d("label", Tg, [
+                    d("label", Pg, [
                       d("input", {
                         type: "checkbox",
                         checked: J(re.key),
                         class: b(V.value),
                         onChange: (Ae) => B(re.key, Ae.target.checked)
-                      }, null, 42, jg),
+                      }, null, 42, Tg),
                       d("span", {
                         class: b(z.value)
                       }, x(re.label), 3)
@@ -12059,15 +12043,15 @@ const Dd = {
               class: b(ee())
             }, null, 8, ["class"]),
             Y[3] || (Y[3] = d("span", null, "Refresh", -1))
-          ], 10, Ig)) : p("", !0),
-          F.$slots.actions ? (s(), c("div", Og, [
+          ], 10, jg)) : p("", !0),
+          F.$slots.actions ? (s(), c("div", Ig, [
             M(F.$slots, "actions")
           ])) : p("", !0)
         ])
       ], 2);
     };
   }
-}), Eg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Ng = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Dg = { class: "col-span-1 md:col-span-2" }, Rg = { class: "space-y-2" }, _g = { class: "flex space-x-4" }, Ug = { class: "flex flex-col md:flex-row justify-between items-center" }, qg = { class: "flex space-x-6 mt-4 md:mt-0" }, Hg = {
+}), Lg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Eg = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Ng = { class: "col-span-1 md:col-span-2" }, Dg = { class: "space-y-2" }, Rg = { class: "flex space-x-4" }, _g = { class: "flex flex-col md:flex-row justify-between items-center" }, Ug = { class: "flex space-x-6 mt-4 md:mt-0" }, qg = {
   __name: "Footer",
   props: {
     className: {
@@ -12081,9 +12065,9 @@ const Dd = {
       return s(), c("footer", {
         class: b(_(A)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        d("div", Eg, [
-          d("div", Ng, [
-            d("div", Dg, [
+        d("div", Lg, [
+          d("div", Eg, [
+            d("div", Ng, [
               M(a.$slots, "brand", {}, () => [
                 P(n, { class: "mb-4" }),
                 P(r, { class: "text-gray-600 max-w-md" }, {
@@ -12105,7 +12089,7 @@ const Dd = {
                   ])]),
                   _: 1
                 }),
-                d("div", Rg, [
+                d("div", Dg, [
                   P(o, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -12147,7 +12131,7 @@ const Dd = {
                   ])]),
                   _: 1
                 }),
-                d("div", _g, [
+                d("div", Rg, [
                   P(o, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -12177,7 +12161,7 @@ const Dd = {
             ])
           ]),
           P(g, { class: "my-8" }),
-          d("div", Ug, [
+          d("div", _g, [
             M(a.$slots, "copyright", {}, () => [
               P(r, { class: "text-gray-600" }, {
                 default: E(() => [
@@ -12187,7 +12171,7 @@ const Dd = {
               })
             ]),
             M(a.$slots, "legal", {}, () => [
-              d("div", qg, [
+              d("div", Ug, [
                 P(o, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -12213,28 +12197,28 @@ const Dd = {
       ], 2);
     };
   }
-}, Wg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Yg = { class: "flex items-center" }, Gg = {
+}, Hg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Wg = { class: "flex items-center" }, Yg = {
   key: 0,
   class: "mr-4 flex-shrink-0 bg-gradient-to-r from-blue-50 to-indigo-50 px-3 py-2 rounded-lg border border-blue-100"
-}, Kg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Xg = {
+}, Gg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Kg = {
   key: 0,
   class: "text-xs text-blue-600 truncate font-medium"
-}, Qg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Jg = { class: "text-gray-500 truncate" }, Zg = { class: "text-gray-900 font-medium truncate" }, ev = { class: "flex items-center space-x-3 md:space-x-4" }, tv = {
+}, Xg = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Qg = { class: "text-gray-500 truncate" }, Jg = { class: "text-gray-900 font-medium truncate" }, Zg = { class: "flex items-center space-x-3 md:space-x-4" }, ev = {
   key: 1,
   class: "relative"
-}, av = {
+}, tv = {
   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"
-}, nv = {
+}, av = {
   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"
-}, rv = { class: "max-h-96 overflow-y-auto" }, sv = { class: "flex items-start space-x-3" }, lv = { class: "flex-1" }, ov = { class: "text-sm text-gray-900" }, iv = { class: "text-xs text-gray-500 mt-1" }, uv = { class: "relative" }, dv = { 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" }, cv = { class: "text-blue-700 text-sm font-medium" }, fv = { class: "hidden md:block text-left max-w-[160px] truncate" }, mv = { class: "text-sm font-medium text-gray-900 truncate" }, gv = { class: "text-xs text-gray-500 truncate leading-tight" }, vv = {
+}, nv = { class: "max-h-96 overflow-y-auto" }, rv = { class: "flex items-start space-x-3" }, sv = { class: "flex-1" }, lv = { class: "text-sm text-gray-900" }, ov = { class: "text-xs text-gray-500 mt-1" }, iv = { class: "relative" }, uv = { 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" }, dv = { class: "text-blue-700 text-sm font-medium" }, cv = { class: "hidden md:block text-left max-w-[160px] truncate" }, fv = { class: "text-sm font-medium text-gray-900 truncate" }, mv = { class: "text-xs text-gray-500 truncate leading-tight" }, gv = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, bv = { class: "p-4 border-b border-gray-200" }, hv = { class: "text-sm font-medium text-gray-900" }, pv = { class: "text-xs text-gray-500" }, yv = { class: "py-2" }, xv = {
+}, vv = { class: "p-4 border-b border-gray-200" }, bv = { class: "text-sm font-medium text-gray-900" }, hv = { class: "text-xs text-gray-500" }, pv = { class: "py-2" }, yv = {
   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"
-}, wv = ["onClick"], kv = { 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" }, $v = { class: "flex-1 truncate font-semibold text-gray-700" }, Sv = {
+}, xv = ["onClick"], wv = { 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" }, kv = { class: "flex-1 truncate font-semibold text-gray-700" }, $v = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -12277,14 +12261,14 @@ const Dd = {
         )),
         style: { left: "0" }
       }, [
-        d("div", Wg, [
-          d("div", Yg, [
-            e.currentOrganisation ? (s(), c("div", Gg, [
-              d("p", Kg, x(e.currentOrganisation.organisation_name), 1),
-              e.currentOrganisation.role ? (s(), c("p", Xg, x(e.currentOrganisation.role), 1)) : p("", !0)
+        d("div", Hg, [
+          d("div", Wg, [
+            e.currentOrganisation ? (s(), c("div", Yg, [
+              d("p", Gg, x(e.currentOrganisation.organisation_name), 1),
+              e.currentOrganisation.role ? (s(), c("p", Kg, x(e.currentOrganisation.role), 1)) : p("", !0)
             ])) : p("", !0),
-            d("nav", Qg, [
-              d("span", Jg, x(e.currentSection), 1),
+            d("nav", Xg, [
+              d("span", Qg, x(e.currentSection), 1),
               z[4] || (z[4] = d("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -12298,10 +12282,10 @@ const Dd = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              d("span", Zg, x(e.currentPage), 1)
+              d("span", Jg, x(e.currentPage), 1)
             ])
           ]),
-          d("div", ev, [
+          d("div", Zg, [
             y.value ? (s(), c("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
@@ -12321,7 +12305,7 @@ const Dd = {
                 })
               ], -1)
             ])])) : p("", !0),
-            !y.value || g.value ? (s(), c("div", tv, [
+            !y.value || g.value ? (s(), c("div", ev, [
               z[6] || (z[6] = d("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 d("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -12392,7 +12376,7 @@ const Dd = {
                   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)),
-              m.value > 0 ? (s(), c("span", av, x(m.value), 1)) : p("", !0)
+              m.value > 0 ? (s(), c("span", tv, x(m.value), 1)) : p("", !0)
             ]),
             P(be, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -12403,20 +12387,20 @@ const Dd = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: E(() => [
-                l.value ? (s(), c("div", nv, [
+                l.value ? (s(), c("div", av, [
                   z[10] || (z[10] = d("div", { class: "p-4 border-b border-gray-200" }, [
                     d("h3", { class: "text-lg font-semibold text-gray-900" }, " Notifications ")
                   ], -1)),
-                  d("div", rv, [
+                  d("div", nv, [
                     (s(!0), c(G, null, X(e.notifications, (K) => (s(), c("div", {
                       key: K.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
-                      d("div", sv, [
+                      d("div", rv, [
                         z[9] || (z[9] = d("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                        d("div", lv, [
-                          d("p", ov, x(K.title), 1),
-                          d("p", iv, x(K.time), 1)
+                        d("div", sv, [
+                          d("p", lv, x(K.title), 1),
+                          d("p", ov, x(K.time), 1)
                         ])
                       ])
                     ]))), 128))
@@ -12428,17 +12412,17 @@ const Dd = {
               ]),
               _: 1
             }),
-            d("div", uv, [
+            d("div", iv, [
               d("button", {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors",
                 onClick: S
               }, [
-                d("div", dv, [
-                  d("span", cv, x(k.value), 1)
+                d("div", uv, [
+                  d("span", dv, x(k.value), 1)
                 ]),
-                d("div", fv, [
-                  d("p", mv, x(e.user.name), 1),
-                  d("p", gv, x($.value), 1)
+                d("div", cv, [
+                  d("p", fv, x(e.user.name), 1),
+                  d("p", mv, x($.value), 1)
                 ]),
                 z[12] || (z[12] = d("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -12463,12 +12447,12 @@ const Dd = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: E(() => [
-                  o.value ? (s(), c("div", vv, [
-                    d("div", bv, [
-                      d("p", hv, x(e.user.name), 1),
-                      d("p", pv, x(e.user.email), 1)
+                  o.value ? (s(), c("div", gv, [
+                    d("div", vv, [
+                      d("p", bv, x(e.user.name), 1),
+                      d("p", hv, x(e.user.email), 1)
                     ]),
-                    d("div", yv, [
+                    d("div", pv, [
                       (s(!0), c(G, null, X(e.profileMenuItems, (K) => (s(), c(G, {
                         key: K.name
                       }, [
@@ -12482,7 +12466,7 @@ const Dd = {
                           onClick: (le) => C(K)
                         }, {
                           default: E(() => [
-                            v(K) ? (s(), c("div", xv)) : p("", !0),
+                            v(K) ? (s(), c("div", yv)) : p("", !0),
                             d("div", {
                               class: b(_(A)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -12508,15 +12492,15 @@ const Dd = {
                           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) => f(K)
                         }, [
-                          d("div", kv, [
+                          d("div", wv, [
                             K.icon ? (s(), L(Z, {
                               key: 0,
                               icon: K.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : p("", !0)
                           ]),
-                          d("span", $v, x(K.label), 1)
-                        ], 8, wv))
+                          d("span", kv, x(K.label), 1)
+                        ], 8, xv))
                       ], 64))), 128))
                     ]),
                     d("div", { class: "border-t border-gray-200 py-2" }, [
@@ -12552,16 +12536,16 @@ const Dd = {
       ], 2);
     };
   }
-}, Cv = { class: "relative" }, zv = ["id", "disabled"], Av = {
+}, Sv = { class: "relative" }, Cv = ["id", "disabled"], zv = {
   key: 0,
   class: "text-gray-500"
-}, Vv = {
+}, Av = {
   key: 1,
   class: "flex flex-wrap gap-1.5"
-}, Bv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Pv = {
+}, Vv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Bv = {
   key: 0,
   class: "max-h-52 overflow-y-auto py-1"
-}, Tv = ["onClick"], jv = { class: "flex items-center gap-3" }, Iv = ["checked"], Ov = {
+}, Pv = ["onClick"], Tv = { class: "flex items-center gap-3" }, jv = ["checked"], Iv = {
   key: 1,
   class: "px-4 py-6 text-sm text-gray-500 text-center"
 }, Vr = {
@@ -12642,7 +12626,7 @@ const Dd = {
       m.value = [...i];
     }, { immediate: !0 }), ce(r, (i) => {
       i && $();
-    }), (i, u) => (s(), c("div", Cv, [
+    }), (i, u) => (s(), c("div", Sv, [
       d("button", {
         ref_key: "buttonRef",
         ref: g,
@@ -12657,7 +12641,7 @@ const Dd = {
         onClick: I,
         onKeydown: v
       }, [
-        k.value.length === 0 ? (s(), c("div", Av, x(e.placeholder || "Select options"), 1)) : (s(), c("div", Vv, [
+        k.value.length === 0 ? (s(), c("div", zv, x(e.placeholder || "Select options"), 1)) : (s(), c("div", Av, [
           (s(!0), c(G, null, X(k.value, (w) => (s(), L(xr, {
             key: w,
             variant: "primary",
@@ -12680,7 +12664,7 @@ const Dd = {
             "clip-rule": "evenodd"
           }, null, -1)
         ])], 2))
-      ], 42, zv),
+      ], 42, Cv),
       (s(), L(mt, { to: "body" }, [
         P(be, {
           "enter-active-class": "transition ease-out duration-100",
@@ -12697,7 +12681,7 @@ const Dd = {
               "data-multiselect-dropdown": "",
               class: "bg-white shadow-lg max-h-72 rounded-md text-base ring-1 ring-black ring-opacity-5 overflow-hidden focus:outline-none"
             }, [
-              d("div", Bv, [
+              d("div", Vv, [
                 Fe(d("input", {
                   ref_key: "searchInput",
                   ref: o,
@@ -12712,27 +12696,27 @@ const Dd = {
                   [We, l.value]
                 ])
               ]),
-              m.value.length > 0 ? (s(), c("div", Pv, [
+              m.value.length > 0 ? (s(), c("div", Bv, [
                 (s(!0), c(G, null, X(m.value, (w) => (s(), c("button", {
                   key: w.value,
                   type: "button",
                   class: b(["cursor-pointer select-none relative py-2.5 pl-3 pr-9 w-full text-left hover:bg-blue-50 focus:bg-blue-50 focus:outline-none transition-colors duration-150", { "bg-blue-50": e.modelValue.includes(w.value) }]),
                   onClick: (V) => S(w.value)
                 }, [
-                  d("div", jv, [
+                  d("div", Tv, [
                     d("input", {
                       type: "checkbox",
                       checked: e.modelValue.includes(w.value),
                       class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded cursor-pointer pointer-events-none",
                       readonly: "",
                       tabindex: "-1"
-                    }, null, 8, Iv),
+                    }, null, 8, jv),
                     d("span", {
                       class: b(["block font-normal truncate", { "text-blue-900 font-medium": e.modelValue.includes(w.value) }])
                     }, x(w.label), 3)
                   ])
-                ], 10, Tv))), 128))
-              ])) : (s(), c("div", Ov, " No options found "))
+                ], 10, Pv))), 128))
+              ])) : (s(), c("div", Iv, " No options found "))
             ], 4)) : p("", !0)
           ]),
           _: 1
@@ -12740,25 +12724,25 @@ const Dd = {
       ]))
     ]));
   }
-}, Mv = { class: "mb-6" }, Fv = { class: "text-xl font-semibold text-gray-900" }, Lv = { class: "text-sm text-gray-600 mt-1" }, Ev = ["onUpdate:modelValue"], Nv = {
+}, Ov = { class: "mb-6" }, Mv = { class: "text-xl font-semibold text-gray-900" }, Fv = { class: "text-sm text-gray-600 mt-1" }, Lv = ["onUpdate:modelValue"], Ev = {
   key: 4,
   class: "flex items-center"
-}, Dv = {
+}, Nv = {
   key: 5,
   class: "flex items-center"
-}, Rv = ["id", "aria-checked", "disabled", "onClick"], _v = {
+}, Dv = ["id", "aria-checked", "disabled", "onClick"], Rv = {
   key: 6,
   class: "space-y-2"
-}, Uv = {
+}, _v = {
   key: 7,
   class: "space-y-2"
-}, qv = {
+}, Uv = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Hv = {
+}, qv = {
   key: 9,
   class: "space-y-2"
-}, Wv = { class: "flex items-center gap-4" }, Yv = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Gv = { class: "flex justify-end gap-3 pt-6" }, Kv = {
+}, Hv = { class: "flex items-center gap-4" }, Wv = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Yv = { class: "flex justify-end gap-3 pt-6" }, Gv = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12964,9 +12948,9 @@ const Dd = {
       onClose: v
     }, {
       default: E(() => [
-        d("div", Mv, [
-          d("h2", Fv, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          d("p", Lv, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        d("div", Ov, [
+          d("h2", Mv, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          d("p", Fv, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         d("form", {
           class: "space-y-6 overflow-y-auto",
@@ -12979,7 +12963,7 @@ const Dd = {
               key: 0,
               "onUpdate:modelValue": (w) => o.value[u.name] = w,
               type: "hidden"
-            }, null, 8, Ev)), [
+            }, null, 8, Lv)), [
               [We, o.value[u.name]]
             ]) : (s(), L(Ba, {
               key: 1,
@@ -13034,7 +13018,7 @@ const Dd = {
                   "has-error": V,
                   "aria-describedby": z,
                   "onUpdate:modelValue": (W) => o.value[u.name] = W
-                }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : u.type === "checkbox" ? (s(), c("div", Nv, [
+                }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : u.type === "checkbox" ? (s(), c("div", Ev, [
                   P(ge, {
                     id: w,
                     modelValue: o.value[u.name],
@@ -13053,7 +13037,7 @@ const Dd = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : u.type === "switch" ? (s(), c("div", Dv, [
+                ])) : u.type === "switch" ? (s(), c("div", Nv, [
                   d("button", {
                     id: w,
                     type: "button",
@@ -13073,7 +13057,7 @@ const Dd = {
                         o.value[u.name] ? "translate-x-6" : "translate-x-1"
                       ])
                     }, null, 2)
-                  ], 10, Rv),
+                  ], 10, Dv),
                   P(De, {
                     for: w,
                     class: "ml-3 text-sm text-gray-700"
@@ -13083,7 +13067,7 @@ const Dd = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : u.type === "radio" ? (s(), c("div", _v, [
+                ])) : u.type === "radio" ? (s(), c("div", Rv, [
                   (s(!0), c(G, null, X(u.options, (W) => (s(), c("div", {
                     key: W.value,
                     class: "flex items-center"
@@ -13108,7 +13092,7 @@ const Dd = {
                       _: 2
                     }, 1032, ["for"])
                   ]))), 128))
-                ])) : u.type === "file" ? (s(), c("div", Uv, [
+                ])) : u.type === "file" ? (s(), c("div", _v, [
                   P(ge, {
                     id: w,
                     type: "file",
@@ -13121,7 +13105,7 @@ const Dd = {
                     "aria-describedby": z,
                     onChange: (W) => S(u, W)
                   }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                  u.helpText ? (s(), c("p", qv, x(u.helpText), 1)) : p("", !0)
+                  u.helpText ? (s(), c("p", Uv, x(u.helpText), 1)) : p("", !0)
                 ])) : u.type === "slider" ? (s(), L(Pa, {
                   key: 8,
                   "model-value": o.value[u.name],
@@ -13130,8 +13114,8 @@ const Dd = {
                   step: u.step,
                   disabled: l.value || u.disabled,
                   "onUpdate:modelValue": (W) => I(u, W)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : u.type === "range" ? (s(), c("div", Hv, [
-                  d("div", Wv, [
+                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : u.type === "range" ? (s(), c("div", qv, [
+                  d("div", Hv, [
                     P(ge, {
                       id: w,
                       modelValue: o.value[u.name],
@@ -13144,7 +13128,7 @@ const Dd = {
                       class: "flex-1",
                       "aria-describedby": z
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                    d("span", Yv, x(o.value[u.name]), 1)
+                    d("span", Wv, x(o.value[u.name]), 1)
                   ])
                 ])) : u.type === "date" ? (s(), L(Ot, {
                   key: 10,
@@ -13202,7 +13186,7 @@ const Dd = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"]))
           ]))), 128)),
-          d("div", Gv, [
+          d("div", Yv, [
             P(ye, {
               type: "button",
               variant: "outline",
@@ -13231,28 +13215,28 @@ const Dd = {
       _: 1
     }, 8, ["modelValue", "size", "class", "resizable"]));
   }
-}, Xv = { class: "w-full p-6" }, Qv = {
+}, Kv = { class: "w-full p-6" }, Xv = {
   key: 0,
   class: "mb-6"
-}, Jv = { class: "text-xl font-semibold text-gray-900" }, Zv = ["onUpdate:modelValue"], e0 = {
+}, Qv = { class: "text-xl font-semibold text-gray-900" }, Jv = ["onUpdate:modelValue"], Zv = {
   key: 4,
   class: "flex items-center"
-}, t0 = {
+}, e0 = {
   key: 5,
   class: "flex items-center"
-}, a0 = ["id", "aria-checked", "disabled", "onClick"], n0 = {
+}, t0 = ["id", "aria-checked", "disabled", "onClick"], a0 = {
   key: 6,
   class: "space-y-2"
-}, r0 = {
+}, n0 = {
   key: 7,
   class: "space-y-2"
-}, s0 = {
+}, r0 = {
   key: 0,
   class: "text-xs text-gray-500"
-}, l0 = {
+}, s0 = {
   key: 9,
   class: "space-y-2"
-}, o0 = { class: "flex items-center gap-4" }, i0 = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, u0 = { class: "flex justify-end gap-3 pt-6" }, d0 = {
+}, l0 = { class: "flex items-center gap-4" }, o0 = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, i0 = { class: "flex justify-end gap-3 pt-6" }, u0 = {
   __name: "ReusableForm",
   props: {
     title: {
@@ -13407,9 +13391,9 @@ const Dd = {
     }, C = () => {
       l.value = g(), o.value = {}, m.value = !1, n("reset");
     };
-    return (v, f) => (s(), c("div", Xv, [
-      e.title ? (s(), c("div", Qv, [
-        d("h2", Jv, x(e.title), 1)
+    return (v, f) => (s(), c("div", Kv, [
+      e.title ? (s(), c("div", Xv, [
+        d("h2", Qv, x(e.title), 1)
       ])) : p("", !0),
       d("form", {
         class: "space-y-8",
@@ -13422,7 +13406,7 @@ const Dd = {
             key: 0,
             "onUpdate:modelValue": (u) => l.value[i.name] = u,
             type: "hidden"
-          }, null, 8, Zv)), [
+          }, null, 8, Jv)), [
             [We, l.value[i.name]]
           ]) : (s(), L(Ba, {
             key: 1,
@@ -13477,7 +13461,7 @@ const Dd = {
                 "has-error": w,
                 "aria-describedby": V,
                 "onUpdate:modelValue": (z) => l.value[i.name] = z
-              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : i.type === "checkbox" ? (s(), c("div", e0, [
+              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : i.type === "checkbox" ? (s(), c("div", Zv, [
                 P(ge, {
                   id: u,
                   modelValue: l.value[i.name],
@@ -13496,7 +13480,7 @@ const Dd = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : i.type === "switch" ? (s(), c("div", t0, [
+              ])) : i.type === "switch" ? (s(), c("div", e0, [
                 d("button", {
                   id: u,
                   type: "button",
@@ -13516,7 +13500,7 @@ const Dd = {
                       l.value[i.name] ? "translate-x-6" : "translate-x-1"
                     ])
                   }, null, 2)
-                ], 10, a0),
+                ], 10, t0),
                 P(De, {
                   for: u,
                   class: "ml-3 text-sm text-gray-700"
@@ -13526,7 +13510,7 @@ const Dd = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : i.type === "radio" ? (s(), c("div", n0, [
+              ])) : i.type === "radio" ? (s(), c("div", a0, [
                 (s(!0), c(G, null, X(i.options, (z) => (s(), c("div", {
                   key: z.value,
                   class: "flex items-center"
@@ -13551,7 +13535,7 @@ const Dd = {
                     _: 2
                   }, 1032, ["for"])
                 ]))), 128))
-              ])) : i.type === "file" ? (s(), c("div", r0, [
+              ])) : i.type === "file" ? (s(), c("div", n0, [
                 P(ge, {
                   id: u,
                   type: "file",
@@ -13564,7 +13548,7 @@ const Dd = {
                   "aria-describedby": V,
                   onChange: (z) => I(i, z)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                i.helpText ? (s(), c("p", s0, x(i.helpText), 1)) : p("", !0)
+                i.helpText ? (s(), c("p", r0, x(i.helpText), 1)) : p("", !0)
               ])) : i.type === "slider" ? (s(), L(Pa, {
                 key: 8,
                 "model-value": l.value[i.name],
@@ -13573,8 +13557,8 @@ const Dd = {
                 step: i.step,
                 disabled: r.value || i.disabled,
                 "onUpdate:modelValue": (z) => $(i, z)
-              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : i.type === "range" ? (s(), c("div", l0, [
-                d("div", o0, [
+              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : i.type === "range" ? (s(), c("div", s0, [
+                d("div", l0, [
                   P(ge, {
                     id: u,
                     modelValue: l.value[i.name],
@@ -13587,7 +13571,7 @@ const Dd = {
                     class: "flex-1",
                     "aria-describedby": V
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                  d("span", i0, x(l.value[i.name]), 1)
+                  d("span", o0, x(l.value[i.name]), 1)
                 ])
               ])) : i.type === "date" ? (s(), L(Ot, {
                 key: 10,
@@ -13645,7 +13629,7 @@ const Dd = {
             _: 2
           }, 1032, ["id", "label", "required", "error", "error-message"]))
         ]))), 128)),
-        d("div", u0, [
+        d("div", i0, [
           P(ye, {
             type: "button",
             variant: "outline",
@@ -13672,37 +13656,37 @@ const Dd = {
       ], 32)
     ]));
   }
-}, c0 = {
+}, d0 = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, f0 = { class: "text-lg font-bold text-gray-900" }, m0 = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, g0 = { class: "space-y-2" }, v0 = { key: 0 }, b0 = {
+}, c0 = { class: "text-lg font-bold text-gray-900" }, f0 = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, m0 = { class: "space-y-2" }, g0 = { key: 0 }, v0 = {
   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"
-}, h0 = ["onClick"], p0 = {
+}, b0 = ["onClick"], h0 = {
   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"
-}, y0 = {
+}, p0 = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, x0 = {
+}, y0 = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, w0 = {
+}, x0 = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, k0 = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, $0 = { class: "flex items-center justify-between p-4" }, S0 = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, C0 = { class: "p-3" }, z0 = { class: "space-y-1" }, A0 = {
+}, w0 = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, k0 = { class: "flex items-center justify-between p-4" }, $0 = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, S0 = { class: "p-3" }, C0 = { class: "space-y-1" }, z0 = {
   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"
-}, V0 = {
+}, A0 = {
   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"
-}, B0 = { class: "p-3" }, P0 = { class: "space-y-1" }, T0 = {
+}, V0 = { class: "p-3" }, B0 = { class: "space-y-1" }, P0 = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, j0 = {
+}, T0 = {
   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"
-}, I0 = {
+}, j0 = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -13825,8 +13809,8 @@ const Dd = {
           )),
           style: fe({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
-          l.value ? (s(), c("div", c0, [
-            d("h2", f0, x(e.header?.title), 1),
+          l.value ? (s(), c("div", d0, [
+            d("h2", c0, x(e.header?.title), 1),
             d("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -13847,12 +13831,12 @@ const Dd = {
               ], -1)
             ])])
           ])) : p("", !0),
-          d("nav", m0, [
-            d("div", g0, [
+          d("nav", f0, [
+            d("div", m0, [
               (s(!0), c(G, null, X(e.navigationItems, (B) => (s(), c(G, {
                 key: B.name || B.label
               }, [
-                B.type === "link" ? (s(), c("div", v0, [
+                B.type === "link" ? (s(), c("div", g0, [
                   v(B) ? (s(), c("div", {
                     key: 1,
                     class: b(_(A)(
@@ -13879,9 +13863,9 @@ const Dd = {
                         K(B) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, x(B.label), 3),
-                    B.badge ? (s(), c("span", p0, x(B.badge), 1)) : p("", !0),
-                    K(B) && v(B) ? (s(), c("div", y0)) : p("", !0)
-                  ], 10, h0)) : (s(), L(J, {
+                    B.badge ? (s(), c("span", h0, x(B.badge), 1)) : p("", !0),
+                    K(B) && v(B) ? (s(), c("div", p0)) : p("", !0)
+                  ], 10, b0)) : (s(), L(J, {
                     key: 0,
                     to: B.route,
                     class: b(_(A)(
@@ -13909,7 +13893,7 @@ const Dd = {
                           K(B) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, x(B.label), 3),
-                      B.badge ? (s(), c("span", b0, x(B.badge), 1)) : p("", !0)
+                      B.badge ? (s(), c("span", v0, x(B.badge), 1)) : p("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -13917,7 +13901,7 @@ const Dd = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), c("div", x0, [
+          e.showManagementSettings ? (s(), c("div", y0, [
             d("div", {
               class: b(_(A)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -13943,7 +13927,7 @@ const Dd = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), c("div", w0)) : p("", !0)
+              e.isManagementSettingsActive ? (s(), c("div", x0)) : p("", !0)
             ], 2)
           ])) : p("", !0)
         ], 6),
@@ -13966,8 +13950,8 @@ const Dd = {
               ),
               style: fe(k.value)
             }, [
-              d("div", k0, [
-                d("div", $0, [
+              d("div", w0, [
+                d("div", k0, [
                   d("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",
@@ -13987,11 +13971,11 @@ const Dd = {
                       })
                     ], -1)
                   ])]),
-                  d("h3", S0, x(m.value?.label), 1)
+                  d("h3", $0, x(m.value?.label), 1)
                 ])
               ]),
-              d("nav", C0, [
-                d("div", z0, [
+              d("nav", S0, [
+                d("div", C0, [
                   (s(!0), c(G, null, X(m.value?.subItems, (B) => (s(), L(J, {
                     key: B.name,
                     to: B.route,
@@ -14004,7 +13988,7 @@ const Dd = {
                     onClick: (F) => z(B)
                   }, {
                     default: E(() => [
-                      K(B) ? (s(), c("div", A0)) : p("", !0),
+                      K(B) ? (s(), c("div", z0)) : p("", !0),
                       d("div", {
                         class: b(
                           _(A)(
@@ -14025,7 +14009,7 @@ const Dd = {
                           K(B) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, x(B.label), 3),
-                      B.badge ? (s(), c("span", V0, x(B.badge), 1)) : p("", !0)
+                      B.badge ? (s(), c("span", A0, x(B.badge), 1)) : p("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -14078,12 +14062,12 @@ const Dd = {
                   ee[3] || (ee[3] = d("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              d("nav", B0, [
-                d("div", P0, [
+              d("nav", V0, [
+                d("div", B0, [
                   (s(!0), c(G, null, X(e.managementSettings, (B) => (s(), c(G, {
                     key: B.name
                   }, [
-                    B.type === "section" ? (s(), c("div", T0, x(B.label), 1)) : B.route ? (s(), L(J, {
+                    B.type === "section" ? (s(), c("div", P0, x(B.label), 1)) : B.route ? (s(), L(J, {
                       key: 1,
                       to: B.route,
                       class: b(
@@ -14095,7 +14079,7 @@ const Dd = {
                       onClick: (F) => W(B)
                     }, {
                       default: E(() => [
-                        K(B) ? (s(), c("div", j0)) : p("", !0),
+                        K(B) ? (s(), c("div", T0)) : p("", !0),
                         d("div", {
                           class: b(
                             _(A)(
@@ -14146,7 +14130,7 @@ const Dd = {
       ]);
     };
   }
-}, O0 = {
+}, I0 = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -14165,13 +14149,13 @@ const Dd = {
       M(a.$slots, "default")
     ], 2));
   }
-}, M0 = {
+}, O0 = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, F0 = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, L0 = { class: "text-slate-900 font-medium" }, E0 = {
+}, M0 = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, F0 = { class: "text-slate-900 font-medium" }, L0 = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, N0 = { class: "mt-2 text-slate-600 text-sm" }, D0 = {
+}, E0 = { class: "mt-2 text-slate-600 text-sm" }, N0 = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -14195,8 +14179,8 @@ const Dd = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), c("div", M0)) : p("", !0),
-      d("div", F0, [
+      e.orientation === "vertical" ? (s(), c("div", O0)) : p("", !0),
+      d("div", M0, [
         M(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = d("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -14207,23 +14191,23 @@ const Dd = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        d("h3", L0, [
+        d("h3", F0, [
           M(a.$slots, "title", {}, () => [
             Q(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), c("p", E0, [
+        e.subtitle ? (s(), c("p", L0, [
           M(a.$slots, "subtitle", {}, () => [
             Q(x(e.subtitle), 1)
           ])
         ])) : p("", !0),
-        d("div", N0, [
+        d("div", E0, [
           M(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, R0 = {
+}, D0 = {
   name: "AuthLayout",
   props: {
     title: {
@@ -14312,20 +14296,20 @@ const Dd = {
       currentYear: h(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, _0 = { class: "container mx-auto px-4 relative z-10" }, U0 = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, q0 = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, H0 = { class: "mb-6" }, W0 = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Y0 = { class: "text-white" }, G0 = { class: "flex items-center justify-center lg:justify-start mb-6" }, K0 = { class: "text-3xl lg:text-4xl font-bold text-white" }, X0 = { class: "lg:col-span-4" }, Q0 = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, J0 = {
+}, R0 = { class: "container mx-auto px-4 relative z-10" }, _0 = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, U0 = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, q0 = { class: "mb-6" }, H0 = { class: "text-4xl lg:text-6xl font-bold mb-2" }, W0 = { class: "text-white" }, Y0 = { class: "flex items-center justify-center lg:justify-start mb-6" }, G0 = { class: "text-3xl lg:text-4xl font-bold text-white" }, K0 = { class: "lg:col-span-4" }, X0 = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Q0 = {
   key: 0,
   class: "mb-6"
-}, Z0 = { class: "text-center" }, eb = { class: "text-2xl font-bold text-gray-900" }, tb = {
+}, J0 = { class: "text-center" }, Z0 = { class: "text-2xl font-bold text-gray-900" }, eb = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, ab = { class: "space-y-6" }, nb = {
+}, tb = { class: "space-y-6" }, ab = {
   key: 1,
   class: "mt-6"
-}, rb = {
+}, nb = {
   key: 0,
   class: "mt-6 text-center"
-}, sb = { class: "absolute bottom-4 right-4 text-right" }, lb = { class: "flex items-end justify-end mb-2" }, ob = { class: "text-right mr-3" }, ib = { class: "text-red-500 font-bold text-xs" }, ub = { class: "text-white text-xs" }, db = { class: "text-white/70 text-xs" }, cb = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, fb = { class: "text-white/70 text-xs" }, mb = { class: "absolute bottom-4 left-4 flex gap-2" }, gb = ["href"];
-function vb(e, a, t, n, r, l) {
+}, rb = { class: "absolute bottom-4 right-4 text-right" }, sb = { class: "flex items-end justify-end mb-2" }, lb = { class: "text-right mr-3" }, ob = { class: "text-red-500 font-bold text-xs" }, ib = { class: "text-white text-xs" }, ub = { class: "text-white/70 text-xs" }, db = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, cb = { class: "text-white/70 text-xs" }, fb = { class: "absolute bottom-4 left-4 flex gap-2" }, mb = ["href"];
+function gb(e, a, t, n, r, l) {
   const o = ve("router-view"), m = ve("font-awesome-icon");
   return s(), c("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -14338,70 +14322,70 @@ function vb(e, a, t, n, r, l) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    d("div", _0, [
-      d("div", U0, [
-        d("div", q0, [
-          d("div", H0, [
-            d("div", W0, [
+    d("div", R0, [
+      d("div", _0, [
+        d("div", U0, [
+          d("div", q0, [
+            d("div", H0, [
               d("span", {
                 style: fe({ color: t.primaryColor })
               }, x(t.primaryLogoPrefix), 5),
-              d("span", Y0, x(t.primaryLogoText), 1)
+              d("span", W0, x(t.primaryLogoText), 1)
             ]),
             d("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: fe({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          d("div", G0, [
+          d("div", Y0, [
             d("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: fe({ backgroundColor: t.primaryColor })
             }, x(t.secondaryLogoPrefix), 5),
-            d("span", K0, x(t.secondaryLogoText), 1)
+            d("span", G0, x(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = d("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             d("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        d("div", X0, [
-          d("div", Q0, [
-            e.$slots["card-header"] || t.title ? (s(), c("div", J0, [
+        d("div", K0, [
+          d("div", X0, [
+            e.$slots["card-header"] || t.title ? (s(), c("div", Q0, [
               M(e.$slots, "card-header", {}, () => [
-                d("div", Z0, [
-                  d("h1", eb, x(t.title), 1),
-                  t.subtitle ? (s(), c("p", tb, x(t.subtitle), 1)) : p("", !0)
+                d("div", J0, [
+                  d("h1", Z0, x(t.title), 1),
+                  t.subtitle ? (s(), c("p", eb, x(t.subtitle), 1)) : p("", !0)
                 ])
               ])
             ])) : p("", !0),
-            d("div", ab, [
+            d("div", tb, [
               P(o)
             ]),
-            e.$slots["card-footer"] ? (s(), c("div", nb, [
+            e.$slots["card-footer"] ? (s(), c("div", ab, [
               M(e.$slots, "card-footer")
             ])) : p("", !0)
           ]),
-          e.$slots.links ? (s(), c("div", rb, [
+          e.$slots.links ? (s(), c("div", nb, [
             M(e.$slots, "links")
           ])) : p("", !0)
         ])
       ])
     ]),
-    d("div", sb, [
-      d("div", lb, [
-        d("div", ob, [
-          d("div", ib, x(t.companyName), 1),
-          d("div", ub, x(t.companyType), 1),
-          d("div", db, x(t.companyTagline), 1)
+    d("div", rb, [
+      d("div", sb, [
+        d("div", lb, [
+          d("div", ob, x(t.companyName), 1),
+          d("div", ib, x(t.companyType), 1),
+          d("div", ub, x(t.companyTagline), 1)
         ]),
-        d("div", cb, x(t.companyInitials), 1)
+        d("div", db, x(t.companyInitials), 1)
       ]),
-      d("div", fb, [
+      d("div", cb, [
         d("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         d("div", null, x(t.copyright), 1)
       ])
     ]),
-    d("div", mb, [
+    d("div", fb, [
       (s(!0), c(G, null, X(t.socialLinks, (g) => (s(), c("a", {
         key: g.name,
         href: g.url,
@@ -14413,14 +14397,14 @@ function vb(e, a, t, n, r, l) {
         P(m, {
           icon: ["fab", g.icon]
         }, null, 8, ["icon"])
-      ], 10, gb))), 128))
+      ], 10, mb))), 128))
     ])
   ], 4);
 }
-const bb = /* @__PURE__ */ Mt(R0, [["render", vb]]), hb = { class: "min-h-screen bg-gray-50" }, pb = { class: "flex-1" }, yb = {
+const vb = /* @__PURE__ */ Mt(D0, [["render", gb]]), bb = { class: "min-h-screen bg-gray-50" }, hb = { class: "flex-1" }, pb = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, xb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, wb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, kb = {
+}, yb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, xb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, wb = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -14444,7 +14428,7 @@ const bb = /* @__PURE__ */ Mt(R0, [["render", vb]]), hb = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = ve("Logo"), r = ve("MainNavigation"), l = ve("Button"), o = ve("Header"), m = ve("Breadcrumb"), g = ve("Text"), y = ve("Footer");
-      return s(), c("div", hb, [
+      return s(), c("div", bb, [
         P(o, null, {
           logo: E(() => [
             M(a.$slots, "logo", {}, () => [
@@ -14477,15 +14461,15 @@ const bb = /* @__PURE__ */ Mt(R0, [["render", vb]]), hb = { class: "min-h-screen
           ]),
           _: 3
         }),
-        d("main", pb, [
-          e.showBreadcrumb ? (s(), c("div", yb, [
-            d("div", xb, [
+        d("main", hb, [
+          e.showBreadcrumb ? (s(), c("div", pb, [
+            d("div", yb, [
               M(a.$slots, "breadcrumb", {}, () => [
                 P(m, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : p("", !0),
-          d("div", wb, [
+          d("div", xb, [
             M(a.$slots, "default")
           ])
         ]),
@@ -14506,7 +14490,7 @@ const bb = /* @__PURE__ */ Mt(R0, [["render", vb]]), hb = { class: "min-h-screen
       ]);
     };
   }
-}, $b = {
+}, kb = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -14772,20 +14756,20 @@ const bb = /* @__PURE__ */ Mt(R0, [["render", vb]]), hb = { class: "min-h-screen
       helpClasses: oe
     };
   }
-}, Sb = { class: "flex justify-center" }, Cb = { class: "flex items-center gap-3" }, zb = { class: "text-2xl font-bold text-slate-900" }, Ab = {
+}, $b = { class: "flex justify-center" }, Sb = { class: "flex items-center gap-3" }, Cb = { class: "text-2xl font-bold text-slate-900" }, zb = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, Vb = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Bb = ["disabled"], Pb = {
+}, Ab = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Vb = ["disabled"], Bb = {
   key: 0,
   class: "animate-spin"
-}, Tb = { key: 1 }, jb = ["disabled"], Ib = { key: 0 }, Ob = { key: 1 }, Mb = {
+}, Pb = { key: 1 }, Tb = ["disabled"], jb = { key: 0 }, Ib = { key: 1 }, Ob = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Fb = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Lb = { class: "text-lg font-semibold text-slate-900 mb-4" }, Eb = { class: "space-y-3" }, Nb = { class: "text-sm text-slate-600" }, Db = ["href"], Rb = {
+}, Mb = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Fb = { class: "text-lg font-semibold text-slate-900 mb-4" }, Lb = { class: "space-y-3" }, Eb = { class: "text-sm text-slate-600" }, Nb = ["href"], Db = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function _b(e, a, t, n, r, l) {
+function Rb(e, a, t, n, r, l) {
   return s(), c("div", {
     class: b(n.layoutClasses)
   }, [
@@ -14805,13 +14789,13 @@ function _b(e, a, t, n, r, l) {
         class: b(n.headerClasses)
       }, [
         M(e.$slots, "header", {}, () => [
-          d("div", Sb, [
+          d("div", $b, [
             M(e.$slots, "logo", {}, () => [
-              d("div", Cb, [
+              d("div", Sb, [
                 a[5] || (a[5] = d("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   d("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                d("span", zb, x(t.brandName), 1)
+                d("span", Cb, x(t.brandName), 1)
               ])
             ])
           ])
@@ -14857,7 +14841,7 @@ function _b(e, a, t, n, r, l) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? p("", !0) : (s(), c("div", Ab, [...a[6] || (a[6] = [
+        n.isOnline ? p("", !0) : (s(), c("div", zb, [...a[6] || (a[6] = [
           d("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             d("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             d("span", { class: "font-medium" }, "No Internet Connection")
@@ -14868,7 +14852,7 @@ function _b(e, a, t, n, r, l) {
           class: b(n.actionsClasses)
         }, [
           M(e.$slots, "actions", {}, () => [
-            d("div", Vb, [
+            d("div", Ab, [
               t.showHomeButton ? (s(), c("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",
@@ -14891,18 +14875,18 @@ function _b(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(), c("span", Pb, "↻")) : (s(), c("span", Tb, "🔄")),
+                n.isRetrying ? (s(), c("span", Bb, "↻")) : (s(), c("span", Pb, "🔄")),
                 Q(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Bb)) : p("", !0),
+              ], 8, Vb)) : p("", !0),
               t.showSupportButton ? (s(), c("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(), c("span", Ib, "✓")) : (s(), c("span", Ob, "📝")),
+                n.reportSent ? (s(), c("span", jb, "✓")) : (s(), c("span", Ib, "📝")),
                 Q(" " + x(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, jb)) : p("", !0)
+              ], 8, Tb)) : p("", !0)
             ])
           ])
         ], 2)) : p("", !0),
@@ -14911,10 +14895,10 @@ function _b(e, a, t, n, r, l) {
           class: b(n.additionalInfoClasses)
         }, [
           M(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), c("div", Mb, [
-              d("div", Fb, [
-                d("h3", Lb, x(n.additionalInfoConfig.title), 1),
-                d("ul", Eb, [
+            n.additionalInfoConfig ? (s(), c("div", Ob, [
+              d("div", Mb, [
+                d("h3", Fb, x(n.additionalInfoConfig.title), 1),
+                d("ul", Lb, [
                   (s(!0), c(G, null, X(n.additionalInfoConfig.items, (o, m) => (s(), c("li", {
                     key: m,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -14934,7 +14918,7 @@ function _b(e, a, t, n, r, l) {
           class: b(n.helpClasses)
         }, [
           M(e.$slots, "help", {}, () => [
-            d("p", Nb, [
+            d("p", Eb, [
               Q(x(t.helpText) + " ", 1),
               t.supportUrl ? (s(), c("a", {
                 key: 0,
@@ -14943,16 +14927,16 @@ function _b(e, a, t, n, r, l) {
               }, [...a[8] || (a[8] = [
                 d("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 Q(" Get Help ", -1)
-              ])], 8, Db)) : p("", !0)
+              ])], 8, Nb)) : p("", !0)
             ])
           ])
         ], 2)) : p("", !0),
-        n.isDev ? (s(), c("div", Rb, " Error ID: " + x(n.errorId), 1)) : p("", !0)
+        n.isDev ? (s(), c("div", Db, " Error ID: " + x(n.errorId), 1)) : p("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Ub = /* @__PURE__ */ Mt($b, [["render", _b]]), fn = {
+const _b = /* @__PURE__ */ Mt(kb, [["render", Rb]]), fn = {
   mounted(e, a) {
     if (!a.value) return;
     const t = Object.keys(a.modifiers)[0] || "top", n = document.createElement("div");
@@ -15106,42 +15090,42 @@ const Ub = /* @__PURE__ */ Mt($b, [["render", _b]]), fn = {
   ListItem: $d,
   MenuItem: Cd,
   Modal: $r,
-  ModalHeader: Pd,
-  ModalBody: Td,
-  ModalFooter: jd,
-  Notification: Ed,
-  Toast: Xd,
-  Search: cc,
+  ModalHeader: Bd,
+  ModalBody: Pd,
+  ModalFooter: Td,
+  Notification: Ld,
+  Toast: Kd,
+  Search: dc,
   Slider: Pa,
-  Stepper: bc,
-  StepperItem: wc,
-  Tab: zc,
-  TabPanel: Bc,
-  BarChart: ff,
-  LineChart: Vf,
-  GraphFilters: _f,
-  Accordion: Mc,
-  AccordionItem: Fc,
-  Graph: Jc,
-  Calendar: Wc,
-  DataTable: jm,
+  Stepper: vc,
+  StepperItem: xc,
+  Tab: Cc,
+  TabPanel: Vc,
+  BarChart: cf,
+  LineChart: Af,
+  GraphFilters: Rf,
+  Accordion: Oc,
+  AccordionItem: Mc,
+  Graph: Qc,
+  Calendar: Hc,
+  DataTable: Tm,
   DataTableHeader: Cr,
   DataTableRow: zr,
-  DataTableCell: Im,
+  DataTableCell: jm,
   DataTablePagination: Ar,
-  DataTableFilters: wg,
-  DataTableToolBar: Lg,
-  Footer: Hg,
-  Header: Sv,
-  ReusableFormModal: Kv,
-  ReusableForm: d0,
-  Sidebar: I0,
-  Timeline: O0,
-  TimelineItem: D0,
-  AuthLayout: bb,
-  DefaultLayout: kb,
-  ErrorLayout: Ub
-}, Yb = {
+  DataTableFilters: xg,
+  DataTableToolBar: Fg,
+  Footer: qg,
+  Header: $v,
+  ReusableFormModal: Gv,
+  ReusableForm: u0,
+  Sidebar: j0,
+  Timeline: I0,
+  TimelineItem: N0,
+  AuthLayout: vb,
+  DefaultLayout: wb,
+  ErrorLayout: _b
+}, Wb = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(mn).forEach((n) => {
@@ -15151,17 +15135,17 @@ const Ub = /* @__PURE__ */ Mt($b, [["render", _b]]), fn = {
   }
 };
 export {
-  Mc as Accordion,
-  Fc as AccordionItem,
+  Oc as Accordion,
+  Mc as AccordionItem,
   mu as Alert,
-  bb as AuthLayout,
+  vb as AuthLayout,
   oi as Avatar,
   xr as Badge,
-  ff as BarChart,
+  cf as BarChart,
   bu as Breadcrumb,
   ye as Button,
   pu as ButtonGroup,
-  Wc as Calendar,
+  Hc as Calendar,
   Bu as Card,
   Mu as CardBody,
   Lu as CardContent,
@@ -15170,67 +15154,67 @@ export {
   Eu as CardTitle,
   za as Checkbox,
   Ri as CircularProgress,
-  jm as DataTable,
-  Im as DataTableCell,
-  wg as DataTableFilters,
+  Tm as DataTable,
+  jm as DataTableCell,
+  xg as DataTableFilters,
   Cr as DataTableHeader,
   Ar as DataTablePagination,
   zr as DataTableRow,
-  Lg as DataTableToolBar,
+  Fg as DataTableToolBar,
   Ot as DatePicker,
-  kb as DefaultLayout,
+  wb as DefaultLayout,
   pi as Divider,
   Ku as Dropdown,
   Qu as DropdownItem,
-  Ub as ErrorLayout,
+  _b as ErrorLayout,
   od as FileUpload,
-  Hg as Footer,
+  qg as Footer,
   Ba as FormField,
-  Jc as Graph,
-  _f as GraphFilters,
-  Sv as Header,
+  Qc as Graph,
+  Rf as GraphFilters,
+  $v as Header,
   Z as Icon,
   ki as Image,
   ge as Input,
   bd as InputGroup,
   De as Label,
-  Vf as LineChart,
+  Af as LineChart,
   Bi as Link,
   $d as ListItem,
   $t as Loader,
   Ti as Logo,
   Cd as MenuItem,
   $r as Modal,
-  Td as ModalBody,
-  jd as ModalFooter,
-  Pd as ModalHeader,
-  Ed as Notification,
+  Pd as ModalBody,
+  Td as ModalFooter,
+  Bd as ModalHeader,
+  Ld as Notification,
   wr as Option,
   Oi as Progress,
   Fi as ProgressBar,
   qi as Radio,
-  d0 as ReusableForm,
-  Kv as ReusableFormModal,
-  cc as Search,
+  u0 as ReusableForm,
+  Gv as ReusableFormModal,
+  dc as Search,
   Me as Select,
-  I0 as Sidebar,
+  j0 as Sidebar,
   Pa as Slider,
   Aa as Spinner,
-  bc as Stepper,
-  wc as StepperItem,
+  vc as Stepper,
+  xc as StepperItem,
   nu as Switch,
-  zc as Tab,
-  Bc as TabPanel,
+  Cc as Tab,
+  Vc as TabPanel,
   ru as Text,
   Va as Textarea,
-  O0 as Timeline,
-  D0 as TimelineItem,
-  Xd as Toast,
+  I0 as Timeline,
+  N0 as TimelineItem,
+  Kd as Toast,
   kr as Tooltip,
   da as Typography,
   A as cn,
-  Yb as default,
+  Wb as default,
   Se as toast,
   fn as tooltip,
-  _d as useToaster
+  Rd as useToaster
 };