@stlhorizon/vue-ui 3.22.3 → 3.23.0

package/dist/index.esm.js

@@ -12874,71 +12874,72 @@ const ac = {
       ], 2);
     };
   }
-}, Sg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, zg = { class: "flex items-center" }, Ag = {
-  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 flex items-center gap-3 relative"
-}, Vg = {
+}, Sg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, zg = { class: "flex items-center gap-4 min-w-0 flex-1" }, Ag = {
   key: 0,
   class: "flex-shrink-0"
-}, Mg = ["src"], Fg = {
+}, Vg = ["src"], Mg = {
   key: 1,
+  class: "h-8 w-px bg-gray-300 flex-shrink-0"
+}, Fg = {
+  key: 2,
+  class: "flex-shrink-0 bg-gradient-to-r from-blue-50 via-indigo-50 to-purple-50 px-4 py-2 rounded-xl border border-blue-200 shadow-sm flex items-center gap-3 relative hover:shadow-md transition-shadow"
+}, Bg = {
+  key: 0,
   class: "flex-shrink-0"
-}, Bg = ["src", "alt"], Tg = { class: "min-w-0" }, Pg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, jg = {
+}, Tg = { class: "relative" }, Pg = ["src", "alt"], jg = { class: "min-w-0" }, Og = { class: "text-sm font-bold text-blue-900 truncate max-w-[180px] group-hover:text-blue-700" }, Dg = { class: "flex items-center gap-1.5 mt-0.5" }, Ig = {
   key: 0,
-  class: "text-xs text-blue-600 truncate font-medium"
-}, Og = {
-  class: "w-4 h-4 text-blue-600 flex-shrink-0",
-  fill: "none",
-  stroke: "currentColor",
-  viewBox: "0 0 24 24"
-}, Dg = ["d"], Ig = {
-  key: 3,
+  class: "text-xs text-blue-700 truncate font-medium"
+}, Lg = {
+  key: 2,
   class: "min-w-0"
-}, Lg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Eg = {
+}, Eg = { class: "text-sm font-bold text-blue-900 truncate max-w-[180px]" }, Ng = { class: "flex items-center gap-1.5 mt-0.5" }, _g = {
   key: 0,
-  class: "text-xs text-blue-600 truncate font-medium"
-}, Ng = {
+  class: "text-xs text-blue-700 truncate font-medium"
+}, Rg = {
   key: 0,
-  class: "absolute top-full left-0 mt-2 w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50 max-h-96 overflow-y-auto"
-}, _g = { class: "p-3 border-b border-gray-200" }, Rg = { class: "text-sm font-semibold text-gray-900" }, Ug = { class: "text-xs text-gray-500 mt-1" }, qg = { class: "py-2" }, Hg = ["onClick"], Wg = {
+  class: "absolute top-full left-0 mt-2 w-80 bg-white rounded-xl shadow-xl border border-gray-200 z-50 max-h-96 overflow-hidden"
+}, Ug = { class: "p-4 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50" }, qg = { class: "text-sm font-bold text-gray-900 flex items-center gap-2" }, Hg = { class: "text-xs text-gray-600 mt-1" }, Wg = { class: "py-2 max-h-80 overflow-y-auto" }, Yg = ["onClick"], Gg = {
   key: 0,
   class: "flex-shrink-0 mr-3"
-}, Yg = ["src", "alt"], Gg = { class: "flex-1 text-left min-w-0" }, Kg = { class: "font-medium truncate" }, Xg = {
+}, Kg = ["src", "alt"], Xg = {
   key: 1,
-  class: "w-4 h-4 text-blue-500 flex-shrink-0 ml-2",
+  class: "w-8 h-8 rounded-lg bg-gradient-to-br from-gray-200 to-gray-300 flex items-center justify-center mr-3 flex-shrink-0"
+}, Qg = { class: "flex-1 text-left min-w-0" }, Jg = { class: "font-semibold truncate" }, Zg = {
+  key: 0,
+  class: "text-xs text-gray-500 truncate"
+}, ev = {
+  key: 2,
+  class: "w-5 h-5 text-blue-600 flex-shrink-0 ml-2",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, Qg = {
-  key: 1,
-  class: "mr-4 flex-shrink-0"
-}, Jg = ["src"], Zg = {
-  key: 2,
-  class: "hidden md:flex items-center space-x-2 text-sm truncate"
-}, ev = { class: "text-gray-500 truncate" }, tv = { class: "text-gray-900 font-medium truncate" }, av = { class: "flex items-center space-x-3 md:space-x-4" }, nv = {
+}, tv = {
+  key: 3,
+  class: "hidden lg:flex items-center space-x-2 text-sm truncate"
+}, av = { class: "text-gray-500 truncate" }, nv = { class: "text-gray-900 font-semibold truncate" }, rv = { class: "flex items-center space-x-2 md:space-x-3" }, sv = {
   key: 1,
   class: "relative"
-}, rv = ["placeholder"], sv = {
+}, lv = ["placeholder"], ov = {
   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"
-}, lv = {
+  class: "absolute -top-1 -right-1 min-w-[18px] h-[18px] bg-red-500 text-white text-xs rounded-full flex items-center justify-center font-semibold px-1"
+}, iv = {
   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"
-}, ov = { class: "p-4 border-b border-gray-200" }, iv = { class: "text-lg font-semibold text-gray-900" }, uv = { class: "max-h-96 overflow-y-auto" }, dv = {
+  class: "absolute right-4 md:right-6 top-16 mt-2 w-72 md:w-80 bg-white rounded-xl shadow-xl border border-gray-200 z-50"
+}, uv = { class: "p-4 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50" }, dv = { class: "text-base font-bold text-gray-900" }, cv = { class: "max-h-96 overflow-y-auto" }, fv = {
   key: 0,
   class: "p-8 text-center"
-}, cv = ["onClick"], fv = { class: "flex items-start space-x-3" }, mv = { class: "flex-1" }, gv = { class: "text-sm text-gray-900" }, vv = { class: "text-xs text-gray-500 mt-1" }, hv = {
+}, mv = ["onClick"], gv = { class: "flex items-start space-x-3" }, vv = { class: "flex-1" }, hv = { class: "text-sm font-medium text-gray-900" }, bv = { class: "text-xs text-gray-500 mt-1" }, pv = {
   key: 0,
-  class: "p-4 text-center"
-}, bv = { class: "relative" }, pv = { 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" }, yv = { class: "text-blue-700 text-sm font-medium" }, xv = {
+  class: "p-3 text-center border-t border-gray-200"
+}, yv = { class: "relative" }, xv = { 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" }, wv = { class: "text-blue-700 text-sm font-medium" }, kv = {
   key: 0,
   class: "hidden md:block text-left max-w-[160px] truncate"
-}, wv = { class: "text-sm font-medium text-gray-900 truncate" }, kv = { class: "text-xs text-gray-500 truncate leading-tight" }, $v = {
+}, $v = { class: "text-sm font-medium text-gray-900 truncate" }, Cv = { class: "text-xs text-gray-500 truncate leading-tight" }, Sv = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Cv = { class: "p-4 border-b border-gray-200" }, Sv = { class: "text-sm font-medium text-gray-900" }, zv = { class: "text-xs text-gray-500" }, Av = { class: "py-2" }, Vv = {
+}, zv = { class: "p-4 border-b border-gray-200" }, Av = { class: "text-sm font-medium text-gray-900" }, Vv = { class: "text-xs text-gray-500" }, Mv = { class: "py-2" }, Fv = {
   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"
-}, Mv = ["onClick"], Fv = { 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" }, Bv = { class: "flex-1 truncate font-semibold text-gray-700" }, Tv = {
+}, Bv = ["onClick"], Tv = { 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" }, Pv = { class: "flex-1 truncate font-semibold text-gray-700" }, jv = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -12966,9 +12967,7 @@ const ac = {
     notificationsTitle: { type: String, default: "Notifications" },
     organisationSwitcherTitle: { type: String, default: "Switch Organisation" },
     organisationSwitcherDescription: { type: String, default: "Select an organisation to view its data" },
-    // Allow custom user initials logic
     userInitialsOverride: { type: String, default: "" },
-    // Allow custom user role display
     userRoleDisplayOverride: { type: String, default: "" }
   },
   emits: [
@@ -13029,41 +13028,76 @@ const ac = {
       }, [
         l("div", Sg, [
           l("div", zg, [
-            e.showOrganisationInfo && e.currentOrganisation ? (r(), i("div", Ag, [
-              e.companyLogo ? (r(), i("div", Vg, [
-                l("img", {
-                  src: e.companyLogo,
-                  alt: "Company logo",
-                  class: "w-12 h-12 object-contain rounded"
-                }, null, 8, Mg)
-              ])) : h("", !0),
-              e.organisationLogo ? (r(), i("div", Fg, [
-                l("img", {
-                  src: e.organisationLogo,
-                  alt: `${e.currentOrganisation.organisation_name} logo`,
-                  class: "w-12 h-12 object-contain rounded border border-blue-200"
-                }, null, 8, Bg)
+            e.companyLogo && e.showHeaderLogo ? (r(), i("div", Ag, [
+              l("img", {
+                src: e.companyLogo,
+                alt: "Company logo",
+                class: "w-10 h-10 object-contain rounded-lg shadow-sm"
+              }, null, 8, Vg)
+            ])) : h("", !0),
+            e.companyLogo && e.showOrganisationInfo && e.currentOrganisation ? (r(), i("div", Mg)) : h("", !0),
+            e.showOrganisationInfo && e.currentOrganisation ? (r(), i("div", Fg, [
+              e.organisationLogo ? (r(), i("div", Bg, [
+                l("div", Tg, [
+                  l("img", {
+                    src: e.organisationLogo,
+                    alt: `${e.currentOrganisation.organisation_name} logo`,
+                    class: "w-10 h-10 object-contain rounded-lg bg-white p-1 border border-blue-200 shadow-sm"
+                  }, null, 8, Pg),
+                  f[4] || (f[4] = l("div", { class: "absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-green-500 border-2 border-white rounded-full" }, null, -1))
+                ])
               ])) : h("", !0),
               e.organisations.length > 1 ? (r(), i("button", {
-                key: 2,
-                class: "flex items-center gap-2 min-w-0 cursor-pointer hover:bg-blue-100/50 rounded-md px-2 py-1 transition-colors",
+                key: 1,
+                class: "flex items-center gap-2 min-w-0 cursor-pointer hover:bg-white/50 rounded-lg px-2 py-1.5 transition-all group",
                 onClick: S
               }, [
-                l("div", Tg, [
-                  l("p", Pg, w(e.currentOrganisation.organisation_name), 1),
-                  T.value ? (r(), i("p", jg, w(T.value), 1)) : h("", !0)
+                l("div", jg, [
+                  l("p", Og, w(e.currentOrganisation.organisation_name), 1),
+                  l("div", Dg, [
+                    f[5] || (f[5] = l("svg", {
+                      class: "w-3 h-3 text-blue-600 flex-shrink-0",
+                      fill: "currentColor",
+                      viewBox: "0 0 20 20"
+                    }, [
+                      l("path", {
+                        "fill-rule": "evenodd",
+                        d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
+                        "clip-rule": "evenodd"
+                      })
+                    ], -1)),
+                    T.value ? (r(), i("p", Ig, w(T.value), 1)) : h("", !0)
+                  ])
                 ]),
-                (r(), i("svg", Og, [
+                (r(), i("svg", {
+                  class: g(["w-4 h-4 text-blue-600 flex-shrink-0 group-hover:text-blue-700 transition-transform", { "rotate-180": z.value }]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [...f[6] || (f[6] = [
                   l("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
-                    d: z.value ? "m5 15 7-7 7 7" : "m19 9-7 7-7-7"
-                  }, null, 8, Dg)
-                ]))
-              ])) : (r(), i("div", Ig, [
-                l("p", Lg, w(e.currentOrganisation.organisation_name), 1),
-                T.value ? (r(), i("p", Eg, w(T.value), 1)) : h("", !0)
+                    d: "m19 9-7 7-7-7"
+                  }, null, -1)
+                ])], 2))
+              ])) : (r(), i("div", Lg, [
+                l("p", Eg, w(e.currentOrganisation.organisation_name), 1),
+                l("div", Ng, [
+                  f[7] || (f[7] = l("svg", {
+                    class: "w-3 h-3 text-blue-600 flex-shrink-0",
+                    fill: "currentColor",
+                    viewBox: "0 0 20 20"
+                  }, [
+                    l("path", {
+                      "fill-rule": "evenodd",
+                      d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
+                      "clip-rule": "evenodd"
+                    })
+                  ], -1)),
+                  T.value ? (r(), i("p", _g, w(T.value), 1)) : h("", !0)
+                ])
               ])),
               j(ke, {
                 "enter-active-class": "transition-all duration-200 ease-out",
@@ -13074,54 +13108,75 @@ const ac = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: K(() => [
-                  z.value ? (r(), i("div", Ng, [
-                    l("div", _g, [
-                      l("h3", Rg, w(e.organisationSwitcherTitle), 1),
-                      l("p", Ug, w(e.organisationSwitcherDescription), 1)
+                  z.value ? (r(), i("div", Rg, [
+                    l("div", Ug, [
+                      l("h3", qg, [
+                        f[8] || (f[8] = l("svg", {
+                          class: "w-4 h-4 text-blue-600",
+                          fill: "none",
+                          stroke: "currentColor",
+                          viewBox: "0 0 24 24"
+                        }, [
+                          l("path", {
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            "stroke-width": "2",
+                            d: "M8 7h12M8 12h12m-12 5h12M4 7h.01M4 12h.01M4 17h.01"
+                          })
+                        ], -1)),
+                        ie(" " + w(e.organisationSwitcherTitle), 1)
+                      ]),
+                      l("p", Hg, w(e.organisationSwitcherDescription), 1)
                     ]),
-                    l("div", qg, [
+                    l("div", Wg, [
                       (r(!0), i(te, null, ae(e.organisations, (m) => (r(), i("button", {
                         key: m.org_id || m.organisation_name,
                         class: g(q(O)(
-                          "flex items-center w-full px-3 py-2.5 text-sm transition-colors",
-                          m.org_id === e.currentOrganisation?.org_id ? "bg-blue-50 text-blue-700 border-l-4 border-blue-500" : "text-gray-700 hover:bg-gray-50"
+                          "flex items-center w-full px-4 py-3 text-sm transition-all group",
+                          m.org_id === e.currentOrganisation?.org_id ? "bg-gradient-to-r from-blue-50 to-indigo-50 text-blue-700 border-l-4 border-blue-500" : "text-gray-700 hover:bg-gray-50 border-l-4 border-transparent"
                         )),
                         onClick: (N) => B(m)
                       }, [
-                        m.logo ? (r(), i("div", Wg, [
+                        m.logo ? (r(), i("div", Gg, [
                           l("img", {
                             src: m.logo,
                             alt: `${m.organisation_name} logo`,
-                            class: "w-6 h-6 object-contain rounded"
-                          }, null, 8, Yg)
-                        ])) : h("", !0),
-                        l("div", Gg, [
-                          l("p", Kg, w(m.organisation_name), 1)
+                            class: "w-8 h-8 object-contain rounded-lg bg-white p-1 border border-gray-200 group-hover:border-blue-200 transition-colors"
+                          }, null, 8, Kg)
+                        ])) : (r(), i("div", Xg, [...f[9] || (f[9] = [
+                          l("svg", {
+                            class: "w-4 h-4 text-gray-500",
+                            fill: "currentColor",
+                            viewBox: "0 0 20 20"
+                          }, [
+                            l("path", {
+                              "fill-rule": "evenodd",
+                              d: "M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 110 2h-3a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H4a1 1 0 110-2V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z",
+                              "clip-rule": "evenodd"
+                            })
+                          ], -1)
+                        ])])),
+                        l("div", Qg, [
+                          l("p", Jg, w(m.organisation_name), 1),
+                          m.type ? (r(), i("p", Zg, w(m.type.name), 1)) : h("", !0)
                         ]),
-                        m.org_id === e.currentOrganisation?.org_id ? (r(), i("svg", Xg, [...f[4] || (f[4] = [
+                        m.org_id === e.currentOrganisation?.org_id ? (r(), i("svg", ev, [...f[10] || (f[10] = [
                           l("path", {
                             "fill-rule": "evenodd",
-                            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 01 1.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                            d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
                             "clip-rule": "evenodd"
                           }, null, -1)
                         ])])) : h("", !0)
-                      ], 10, Hg))), 128))
+                      ], 10, Yg))), 128))
                     ])
                   ])) : h("", !0)
                 ]),
                 _: 1
               })
             ])) : h("", !0),
-            e.showHeaderLogo ? (r(), i("div", Qg, [
-              l("img", {
-                src: e.headerLogo,
-                alt: "Company Logo",
-                class: "w-8 h-8 object-contain"
-              }, null, 8, Jg)
-            ])) : h("", !0),
-            e.showBreadcrumb ? (r(), i("nav", Zg, [
-              l("span", ev, w(e.currentSection), 1),
-              f[5] || (f[5] = l("svg", {
+            e.showBreadcrumb ? (r(), i("nav", tv, [
+              l("span", av, w(e.currentSection), 1),
+              f[11] || (f[11] = l("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
                 stroke: "currentColor",
@@ -13134,15 +13189,15 @@ const ac = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              l("span", tv, w(e.currentPage), 1)
+              l("span", nv, w(e.currentPage), 1)
             ])) : h("", !0)
           ]),
-          l("div", av, [
+          l("div", rv, [
             p.value ? (r(), i("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: f[0] || (f[0] = (m) => n("toggle-mobile-sidebar"))
-            }, [...f[6] || (f[6] = [
+            }, [...f[12] || (f[12] = [
               l("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -13157,8 +13212,8 @@ const ac = {
                 })
               ], -1)
             ])])) : h("", !0),
-            e.showSearch && (!p.value || c.value) ? (r(), i("div", nv, [
-              f[7] || (f[7] = l("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
+            e.showSearch && (!p.value || c.value) ? (r(), i("div", sv, [
+              f[13] || (f[13] = l("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 l("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
@@ -13177,8 +13232,8 @@ const ac = {
                 "onUpdate:modelValue": f[1] || (f[1] = (m) => s.value = m),
                 type: "text",
                 placeholder: e.searchPlaceholder,
-                class: "pl-10 pr-4 py-2 w-48 md:w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none"
-              }, null, 8, rv), [
+                class: "pl-10 pr-4 py-2 w-48 md:w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all"
+              }, null, 8, lv), [
                 [rt, s.value]
               ]),
               p.value ? (r(), i("button", {
@@ -13190,7 +13245,7 @@ const ac = {
               key: 2,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: f[3] || (f[3] = (m) => c.value = !0)
-            }, [...f[8] || (f[8] = [
+            }, [...f[14] || (f[14] = [
               l("svg", {
                 class: "w-5 h-5",
                 fill: "none",
@@ -13210,7 +13265,7 @@ const ac = {
               class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
               onClick: F
             }, [
-              f[9] || (f[9] = l("svg", {
+              f[15] || (f[15] = l("svg", {
                 class: "w-5 h-5",
                 fill: "none",
                 stroke: "currentColor",
@@ -13223,7 +13278,7 @@ const ac = {
                   d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
                 })
               ], -1)),
-              d.value > 0 ? (r(), i("span", sv, w(d.value > 9 ? "9+" : d.value), 1)) : h("", !0)
+              d.value > 0 ? (r(), i("span", ov, w(d.value > 9 ? "9+" : d.value), 1)) : h("", !0)
             ])) : h("", !0),
             j(ke, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -13234,12 +13289,12 @@ const ac = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: K(() => [
-                o.value ? (r(), i("div", lv, [
-                  l("div", ov, [
-                    l("h3", iv, w(e.notificationsTitle), 1)
-                  ]),
+                o.value ? (r(), i("div", iv, [
                   l("div", uv, [
-                    e.notifications.length === 0 ? (r(), i("div", dv, [...f[10] || (f[10] = [
+                    l("h3", dv, w(e.notificationsTitle), 1)
+                  ]),
+                  l("div", cv, [
+                    e.notifications.length === 0 ? (r(), i("div", fv, [...f[16] || (f[16] = [
                       l("svg", {
                         class: "w-12 h-12 mx-auto text-gray-300 mb-2",
                         fill: "none",
@@ -13256,21 +13311,21 @@ const ac = {
                       l("p", { class: "text-sm text-gray-500" }, " No notifications ", -1)
                     ])])) : (r(!0), i(te, { key: 1 }, ae(e.notifications, (m) => (r(), i("div", {
                       key: m.id,
-                      class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer",
+                      class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors",
                       onClick: (N) => L(m)
                     }, [
-                      l("div", fv, [
-                        f[11] || (f[11] = l("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                        l("div", mv, [
-                          l("p", gv, w(m.title), 1),
-                          l("p", vv, w(m.time), 1)
+                      l("div", gv, [
+                        f[17] || (f[17] = l("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
+                        l("div", vv, [
+                          l("p", hv, w(m.title), 1),
+                          l("p", bv, w(m.time), 1)
                         ])
                       ])
-                    ], 8, cv))), 128))
+                    ], 8, mv))), 128))
                   ]),
-                  e.notifications.length > 0 ? (r(), i("div", hv, [
+                  e.notifications.length > 0 ? (r(), i("div", pv, [
                     l("button", {
-                      class: "text-sm text-blue-600 hover:text-blue-800",
+                      class: "text-sm font-medium text-blue-600 hover:text-blue-700 transition-colors",
                       onClick: X
                     }, " View all notifications ")
                   ])) : h("", !0)
@@ -13278,19 +13333,19 @@ const ac = {
               ]),
               _: 1
             }),
-            l("div", bv, [
+            l("div", yv, [
               l("button", {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors",
                 onClick: V
               }, [
-                l("div", pv, [
-                  l("span", yv, w(M.value), 1)
+                l("div", xv, [
+                  l("span", wv, w(M.value), 1)
                 ]),
-                e.showUserDetails ? (r(), i("div", xv, [
-                  l("p", wv, w(e.user.name), 1),
-                  l("p", kv, w(D.value), 1)
+                e.showUserDetails ? (r(), i("div", kv, [
+                  l("p", $v, w(e.user.name), 1),
+                  l("p", Cv, w(D.value), 1)
                 ])) : h("", !0),
-                f[12] || (f[12] = l("svg", {
+                f[18] || (f[18] = l("svg", {
                   class: "w-4 h-4 text-gray-400",
                   fill: "none",
                   stroke: "currentColor",
@@ -13313,12 +13368,12 @@ const ac = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: K(() => [
-                  u.value ? (r(), i("div", $v, [
-                    l("div", Cv, [
-                      l("p", Sv, w(e.user.name), 1),
-                      l("p", zv, w(e.user.email), 1)
+                  u.value ? (r(), i("div", Sv, [
+                    l("div", zv, [
+                      l("p", Av, w(e.user.name), 1),
+                      l("p", Vv, w(e.user.email), 1)
                     ]),
-                    l("div", Av, [
+                    l("div", Mv, [
                       (r(!0), i(te, null, ae(e.profileMenuItems, (m) => (r(), i(te, {
                         key: m.name
                       }, [
@@ -13332,7 +13387,7 @@ const ac = {
                           onClick: (N) => k(m)
                         }, {
                           default: K(() => [
-                            $(m) ? (r(), i("div", Vv)) : h("", !0),
+                            $(m) ? (r(), i("div", Fv)) : h("", !0),
                             l("div", {
                               class: g(q(O)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -13358,22 +13413,22 @@ const ac = {
                           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: (N) => A(m)
                         }, [
-                          l("div", Fv, [
+                          l("div", Tv, [
                             m.icon ? (r(), Y(le, {
                               key: 0,
                               icon: m.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : h("", !0)
                           ]),
-                          l("span", Bv, w(m.label), 1)
-                        ], 8, Mv))
+                          l("span", Pv, w(m.label), 1)
+                        ], 8, Bv))
                       ], 64))), 128))
                     ]),
                     l("div", { class: "border-t border-gray-200 py-2" }, [
                       l("button", {
                         class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-red-600 hover:bg-red-50 border border-transparent",
                         onClick: I
-                      }, [...f[13] || (f[13] = [
+                      }, [...f[19] || (f[19] = [
                         l("div", { class: "flex items-center justify-center w-8 h-8 rounded-lg mr-1 flex-shrink-0 transition-colors ml-2 bg-red-100 text-red-600 group-hover:bg-red-200" }, [
                           l("svg", {
                             class: "w-4 h-4",
@@ -13402,16 +13457,16 @@ const ac = {
       ], 2);
     };
   }
-}, Pv = { class: "relative" }, jv = ["id", "disabled"], Ov = {
+}, Ov = { class: "relative" }, Dv = ["id", "disabled"], Iv = {
   key: 0,
   class: "text-gray-500"
-}, Dv = {
+}, Lv = {
   key: 1,
   class: "flex flex-wrap gap-1.5"
-}, Iv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Lv = {
+}, Ev = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Nv = {
   key: 0,
   class: "max-h-52 overflow-y-auto py-1"
-}, Ev = ["onClick"], Nv = { class: "flex items-center gap-3" }, _v = ["checked"], Rv = {
+}, _v = ["onClick"], Rv = { class: "flex items-center gap-3" }, Uv = ["checked"], qv = {
   key: 1,
   class: "px-4 py-6 text-sm text-gray-500 text-center"
 }, _r = {
@@ -13492,7 +13547,7 @@ const ac = {
       d.value = [...k];
     }, { immediate: !0 }), ye(s, (k) => {
       k && M();
-    }), (k, $) => (r(), i("div", Pv, [
+    }), (k, $) => (r(), i("div", Ov, [
       l("button", {
         id: e.id,
         ref_key: "buttonRef",
@@ -13507,7 +13562,7 @@ const ac = {
         onClick: D,
         onKeydown: V
       }, [
-        z.value.length === 0 ? (r(), i("div", Ov, w(e.placeholder || "Select options"), 1)) : (r(), i("div", Dv, [
+        z.value.length === 0 ? (r(), i("div", Iv, w(e.placeholder || "Select options"), 1)) : (r(), i("div", Lv, [
           (r(!0), i(te, null, ae(z.value, (A) => (r(), Y(Tr, {
             key: A,
             variant: "primary",
@@ -13530,7 +13585,7 @@ const ac = {
             "clip-rule": "evenodd"
           }, null, -1)
         ])], 2))
-      ], 42, jv),
+      ], 42, Dv),
       (r(), Y(mt, { to: "body" }, [
         j(ke, {
           "enter-active-class": "transition ease-out duration-100",
@@ -13547,7 +13602,7 @@ const ac = {
               "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"
             }, [
-              l("div", Iv, [
+              l("div", Ev, [
                 Ge(l("input", {
                   ref_key: "searchInput",
                   ref: u,
@@ -13562,27 +13617,27 @@ const ac = {
                   [rt, o.value]
                 ])
               ]),
-              d.value.length > 0 ? (r(), i("div", Lv, [
+              d.value.length > 0 ? (r(), i("div", Nv, [
                 (r(!0), i(te, null, ae(d.value, (A) => (r(), i("button", {
                   key: A.value,
                   type: "button",
                   class: g(["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(A.value) }]),
                   onClick: (I) => T(A.value)
                 }, [
-                  l("div", Nv, [
+                  l("div", Rv, [
                     l("input", {
                       type: "checkbox",
                       checked: e.modelValue.includes(A.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, _v),
+                    }, null, 8, Uv),
                     l("span", {
                       class: g(["block font-normal truncate", { "text-blue-900 font-medium": e.modelValue.includes(A.value) }])
                     }, w(A.label), 3)
                   ])
-                ], 10, Ev))), 128))
-              ])) : (r(), i("div", Rv, " No options found "))
+                ], 10, _v))), 128))
+              ])) : (r(), i("div", qv, " No options found "))
             ], 4)) : h("", !0)
           ]),
           _: 1
@@ -13590,31 +13645,31 @@ const ac = {
       ]))
     ]));
   }
-}, Uv = { class: "mb-6" }, qv = { class: "text-xl font-semibold text-gray-900" }, Hv = { class: "text-sm text-gray-600 mt-1" }, Wv = ["value"], Yv = {
+}, Hv = { class: "mb-6" }, Wv = { class: "text-xl font-semibold text-gray-900" }, Yv = { class: "text-sm text-gray-600 mt-1" }, Gv = ["value"], Kv = {
   key: 5,
   class: "flex items-center"
-}, Gv = {
+}, Xv = {
   key: 6,
   class: "flex items-center"
-}, Kv = ["id", "aria-checked", "disabled", "onClick"], Xv = {
+}, Qv = ["id", "aria-checked", "disabled", "onClick"], Jv = {
   key: 7,
   class: "space-y-2"
-}, Qv = {
+}, Zv = {
   key: 8,
   class: "w-full"
-}, Jv = {
+}, eh = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, Zv = {
+}, th = {
   key: 9,
   class: "w-full"
-}, eh = {
+}, ah = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, th = {
+}, nh = {
   key: 11,
   class: "space-y-2"
-}, ah = { class: "flex items-center gap-4" }, nh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, rh = { class: "flex justify-end gap-3 pt-6" }, sh = {
+}, rh = { class: "flex items-center gap-4" }, sh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, lh = { class: "flex justify-end gap-3 pt-6" }, oh = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -13841,9 +13896,9 @@ const ac = {
       onClose: I
     }, {
       default: K(() => [
-        l("div", Uv, [
-          l("h2", qv, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          l("p", Hv, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        l("div", Hv, [
+          l("h2", Wv, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          l("p", Yv, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         l("form", {
           class: "space-y-6 overflow-y-auto",
@@ -13856,7 +13911,7 @@ const ac = {
               key: 0,
               value: B(m.name),
               type: "hidden"
-            }, null, 8, Wv)) : (r(), Y(Na, {
+            }, null, 8, Gv)) : (r(), Y(Na, {
               key: 1,
               id: `form-${e.entityName}-${m.name}-${Math.random().toString(36).slice(2, 5)}`,
               label: m.label,
@@ -13920,7 +13975,7 @@ const ac = {
                   "aria-describedby": y,
                   "allow-create": m.allowCreate,
                   "onUpdate:modelValue": (x) => k(m, x)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : m.type === "checkbox" ? (r(), i("div", Yv, [
+                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : m.type === "checkbox" ? (r(), i("div", Kv, [
                   j(Ae, {
                     id: N,
                     "model-value": B(m.name),
@@ -13939,7 +13994,7 @@ const ac = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : m.type === "switch" ? (r(), i("div", Gv, [
+                ])) : m.type === "switch" ? (r(), i("div", Xv, [
                   l("button", {
                     id: N,
                     type: "button",
@@ -13959,7 +14014,7 @@ const ac = {
                         B(m.name) ? "translate-x-6" : "translate-x-1"
                       ])
                     }, null, 2)
-                  ], 10, Kv),
+                  ], 10, Qv),
                   j(Je, {
                     for: N,
                     class: "ml-3 text-sm text-gray-700"
@@ -13969,7 +14024,7 @@ const ac = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : m.type === "radio" ? (r(), i("div", Xv, [
+                ])) : m.type === "radio" ? (r(), i("div", Jv, [
                   (r(!0), i(te, null, ae(m.options, (x) => (r(), i("div", {
                     key: x.value,
                     class: "flex items-center"
@@ -13994,7 +14049,7 @@ const ac = {
                       _: 2
                     }, 1032, ["for"])
                   ]))), 128))
-                ])) : m.type === "file" ? (r(), i("div", Qv, [
+                ])) : m.type === "file" ? (r(), i("div", Zv, [
                   j(_t, {
                     multiple: !1,
                     accept: m.accept,
@@ -14003,8 +14058,8 @@ const ac = {
                     onFilesSelected: (x) => X(m, x),
                     onFileRemoved: (x) => de(m, x)
                   }, null, 8, ["accept", "max-size", "variant", "onFilesSelected", "onFileRemoved"]),
-                  m.helpText ? (r(), i("p", Jv, w(m.helpText), 1)) : h("", !0)
-                ])) : m.type === "multifile" ? (r(), i("div", Zv, [
+                  m.helpText ? (r(), i("p", eh, w(m.helpText), 1)) : h("", !0)
+                ])) : m.type === "multifile" ? (r(), i("div", th, [
                   j(_t, {
                     multiple: m.multiple !== !1,
                     accept: m.accept,
@@ -14014,7 +14069,7 @@ const ac = {
                     onFilesSelected: (x) => Z(m, x),
                     onFileRemoved: (x) => P(m, x)
                   }, null, 8, ["multiple", "accept", "max-size", "max-files", "variant", "onFilesSelected", "onFileRemoved"]),
-                  m.helpText ? (r(), i("p", eh, w(m.helpText), 1)) : h("", !0)
+                  m.helpText ? (r(), i("p", ah, w(m.helpText), 1)) : h("", !0)
                 ])) : m.type === "slider" ? (r(), Y(Ra, {
                   key: 10,
                   "model-value": B(m.name),
@@ -14023,8 +14078,8 @@ const ac = {
                   step: m.step,
                   disabled: o.value || m.disabled,
                   "onUpdate:modelValue": (x) => $(m, x)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : m.type === "range" ? (r(), i("div", th, [
-                  l("div", ah, [
+                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : m.type === "range" ? (r(), i("div", nh, [
+                  l("div", rh, [
                     j(Ae, {
                       id: N,
                       "model-value": B(m.name),
@@ -14037,7 +14092,7 @@ const ac = {
                       "aria-describedby": y,
                       "onUpdate:modelValue": (x) => L(m.name, x)
                     }, null, 8, ["id", "model-value", "min", "max", "step", "disabled", "aria-describedby", "onUpdate:modelValue"]),
-                    l("span", nh, w(B(m.name)), 1)
+                    l("span", sh, w(B(m.name)), 1)
                   ])
                 ])) : m.type === "date" ? (r(), Y(Yt, {
                   key: 12,
@@ -14095,7 +14150,7 @@ const ac = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"]))
           ]))), 128)),
-          l("div", rh, [
+          l("div", lh, [
             j(Ce, {
               type: "button",
               variant: "outline",
@@ -14124,72 +14179,72 @@ const ac = {
       _: 1
     }, 8, ["modelValue", "size", "class", "resizable"]));
   }
-}, lh = { class: "w-full p-2" }, oh = {
+}, ih = { class: "w-full p-2" }, uh = {
   key: 0,
   class: "mb-6"
-}, ih = { class: "text-xl font-semibold text-gray-900" }, uh = {
+}, dh = { class: "text-xl font-semibold text-gray-900" }, ch = {
   key: 0,
   class: "text-sm text-gray-600 mt-1"
-}, dh = ["onUpdate:modelValue"], ch = {
+}, fh = ["onUpdate:modelValue"], mh = {
   key: 4,
   class: "flex items-center"
-}, fh = {
+}, gh = {
   key: 5,
   class: "flex items-center"
-}, mh = ["id", "aria-checked", "disabled", "onClick"], gh = {
+}, vh = ["id", "aria-checked", "disabled", "onClick"], hh = {
   key: 6,
   class: "space-y-2"
-}, vh = {
+}, bh = {
   key: 7,
   class: "space-y-2"
-}, hh = {
+}, ph = {
   key: 0,
   class: "text-xs text-gray-500"
-}, bh = {
+}, yh = {
   key: 8,
   class: "space-y-3"
-}, ph = ["onDrop", "onDragenter", "onDragleave", "onClick"], yh = ["multiple", "accept", "disabled", "onChange"], xh = { class: "flex items-center justify-center px-4 py-4" }, wh = { class: "flex flex-col" }, kh = { class: "text-xs text-gray-500" }, $h = {
+}, xh = ["onDrop", "onDragenter", "onDragleave", "onClick"], wh = ["multiple", "accept", "disabled", "onChange"], kh = { class: "flex items-center justify-center px-4 py-4" }, $h = { class: "flex flex-col" }, Ch = { class: "text-xs text-gray-500" }, Sh = {
   key: 0,
   class: "ml-1"
-}, Ch = {
+}, zh = {
   key: 1,
   class: "ml-1"
-}, Sh = {
+}, Ah = {
   key: 0,
   class: "text-xs text-gray-500"
-}, zh = {
+}, Vh = {
   key: 1,
   class: "space-y-2"
-}, Ah = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Vh = { class: "relative h-10 w-10 flex-shrink-0" }, Mh = {
+}, Mh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Fh = { class: "relative h-10 w-10 flex-shrink-0" }, Bh = {
   class: "h-10 w-10 text-gray-300",
   viewBox: "0 0 36 36"
-}, Fh = ["stroke-dasharray"], Bh = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, Th = { class: "flex flex-col min-w-0" }, Ph = { class: "text-sm font-medium text-gray-900 truncate" }, jh = ["onClick"], Oh = {
+}, Th = ["stroke-dasharray"], Ph = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, jh = { class: "flex flex-col min-w-0" }, Oh = { class: "text-sm font-medium text-gray-900 truncate" }, Dh = ["onClick"], Ih = {
   key: 2,
   class: "space-y-2"
-}, Dh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Ih = {
+}, Lh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Eh = {
   class: "h-5 w-5",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, Lh = {
+}, Nh = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
-}, Eh = {
+}, _h = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
-}, Nh = { class: "flex flex-col min-w-0" }, _h = { class: "text-sm font-medium text-gray-900 truncate" }, Rh = { class: "text-xs text-gray-500" }, Uh = ["disabled", "onClick"], qh = {
+}, Rh = { class: "flex flex-col min-w-0" }, Uh = { class: "text-sm font-medium text-gray-900 truncate" }, qh = { class: "text-xs text-gray-500" }, Hh = ["disabled", "onClick"], Wh = {
   key: 3,
   class: "text-xs text-blue-600 font-medium"
-}, Hh = { key: 0 }, Wh = {
+}, Yh = { key: 0 }, Gh = {
   key: 10,
   class: "space-y-2"
-}, Yh = { class: "flex items-center gap-4" }, Gh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Kh = { class: "flex justify-end gap-3 pt-6" }, Xh = {
+}, Kh = { class: "flex items-center gap-4" }, Xh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Qh = { class: "flex justify-end gap-3 pt-6" }, Jh = {
   __name: "ReusableForm",
   props: {
     title: {
@@ -14428,10 +14483,10 @@ const ac = {
     }, H = () => {
       n("cancel");
     };
-    return (y, x) => (r(), i("div", lh, [
-      e.title ? (r(), i("div", oh, [
-        l("h2", ih, w(e.title), 1),
-        e.description ? (r(), i("p", uh, w(e.description), 1)) : h("", !0)
+    return (y, x) => (r(), i("div", ih, [
+      e.title ? (r(), i("div", uh, [
+        l("h2", dh, w(e.title), 1),
+        e.description ? (r(), i("p", ch, w(e.description), 1)) : h("", !0)
       ])) : h("", !0),
       l("form", {
         class: "space-y-6",
@@ -14444,7 +14499,7 @@ const ac = {
             key: 0,
             "onUpdate:modelValue": (Q) => o.value[v.name] = Q,
             type: "hidden"
-          }, null, 8, dh)), [
+          }, null, 8, fh)), [
             [rt, o.value[v.name]]
           ]) : (r(), Y(Na, {
             key: 1,
@@ -14499,7 +14554,7 @@ const ac = {
                 "has-error": se,
                 "aria-describedby": ce,
                 "onUpdate:modelValue": (ee) => o.value[v.name] = ee
-              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : v.type === "checkbox" ? (r(), i("div", ch, [
+              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : v.type === "checkbox" ? (r(), i("div", mh, [
                 j(Ae, {
                   id: Q,
                   modelValue: o.value[v.name],
@@ -14518,7 +14573,7 @@ const ac = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : v.type === "switch" ? (r(), i("div", fh, [
+              ])) : v.type === "switch" ? (r(), i("div", gh, [
                 l("button", {
                   id: Q,
                   type: "button",
@@ -14538,7 +14593,7 @@ const ac = {
                       o.value[v.name] ? "translate-x-6" : "translate-x-1"
                     ])
                   }, null, 2)
-                ], 10, mh),
+                ], 10, vh),
                 j(Je, {
                   for: Q,
                   class: "ml-3 text-sm text-gray-700"
@@ -14548,7 +14603,7 @@ const ac = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : v.type === "radio" ? (r(), i("div", gh, [
+              ])) : v.type === "radio" ? (r(), i("div", hh, [
                 (r(!0), i(te, null, ae(v.options, (ee) => (r(), i("div", {
                   key: ee.value,
                   class: "flex items-center"
@@ -14573,7 +14628,7 @@ const ac = {
                     _: 2
                   }, 1032, ["for"])
                 ]))), 128))
-              ])) : v.type === "file" ? (r(), i("div", vh, [
+              ])) : v.type === "file" ? (r(), i("div", bh, [
                 j(Ae, {
                   id: Q,
                   type: "file",
@@ -14586,8 +14641,8 @@ const ac = {
                   "aria-describedby": ce,
                   onChange: (ee) => k(v, ee)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                v.helpText ? (r(), i("p", hh, w(v.helpText), 1)) : h("", !0)
-              ])) : v.type === "multifile" ? (r(), i("div", bh, [
+                v.helpText ? (r(), i("p", ph, w(v.helpText), 1)) : h("", !0)
+              ])) : v.type === "multifile" ? (r(), i("div", yh, [
                 l("div", {
                   class: g([
                     "border-2 border-dashed rounded-xl cursor-pointer transition-all duration-200",
@@ -14609,8 +14664,8 @@ const ac = {
                     class: "hidden",
                     disabled: s.value || v.disabled,
                     onChange: (ee) => L(v, ee)
-                  }, null, 40, yh),
-                  l("div", xh, [
+                  }, null, 40, wh),
+                  l("div", kh, [
                     x[1] || (x[1] = l("div", { class: "bg-gray-100 rounded-full p-2.5 mr-3" }, [
                       l("svg", {
                         class: "h-6 w-6 text-gray-600",
@@ -14627,28 +14682,28 @@ const ac = {
                         })
                       ])
                     ], -1)),
-                    l("div", wh, [
+                    l("div", $h, [
                       x[0] || (x[0] = l("p", { class: "text-sm font-medium text-gray-700" }, [
                         l("span", { class: "text-blue-600 font-semibold" }, "Click to upload"),
                         ie(" or drag and drop ")
                       ], -1)),
-                      l("p", kh, [
+                      l("p", Ch, [
                         ie(w(v.maxSize ? `Up to ${P(v.maxSize)}` : "No size limit") + " ", 1),
-                        v.accept ? (r(), i("span", $h, "• " + w(v.accept), 1)) : h("", !0),
-                        v.maxFiles ? (r(), i("span", Ch, "• Max " + w(v.maxFiles) + " files", 1)) : h("", !0)
+                        v.accept ? (r(), i("span", Sh, "• " + w(v.accept), 1)) : h("", !0),
+                        v.maxFiles ? (r(), i("span", zh, "• Max " + w(v.maxFiles) + " files", 1)) : h("", !0)
                       ])
                     ])
                   ])
-                ], 42, ph),
-                v.helpText ? (r(), i("p", Sh, w(v.helpText), 1)) : h("", !0),
-                c.value[v.name]?.length > 0 ? (r(), i("div", zh, [
+                ], 42, xh),
+                v.helpText ? (r(), i("p", Ah, w(v.helpText), 1)) : h("", !0),
+                c.value[v.name]?.length > 0 ? (r(), i("div", Vh, [
                   (r(!0), i(te, null, ae(c.value[v.name], (ee) => (r(), i("div", {
                     key: ee.id,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg"
                   }, [
-                    l("div", Ah, [
-                      l("div", Vh, [
-                        (r(), i("svg", Mh, [
+                    l("div", Mh, [
+                      l("div", Fh, [
+                        (r(), i("svg", Bh, [
                           x[2] || (x[2] = l("circle", {
                             cx: "18",
                             cy: "18",
@@ -14667,12 +14722,12 @@ const ac = {
                             "stroke-linecap": "round",
                             "stroke-dasharray": `${ee.progress} 100`,
                             transform: "rotate(-90 18 18)"
-                          }, null, 8, Fh)
+                          }, null, 8, Th)
                         ])),
-                        l("span", Bh, w(Math.round(ee.progress)) + "% ", 1)
+                        l("span", Ph, w(Math.round(ee.progress)) + "% ", 1)
                       ]),
-                      l("div", Th, [
-                        l("span", Ph, w(ee.file.name), 1),
+                      l("div", jh, [
+                        l("span", Oh, w(ee.file.name), 1),
                         x[3] || (x[3] = l("span", { class: "text-xs text-gray-500" }, "Uploading...", -1))
                       ])
                     ]),
@@ -14695,28 +14750,28 @@ const ac = {
                           d: "M6 18L18 6M6 6l12 12"
                         })
                       ], -1)
-                    ])], 8, jh)
+                    ])], 8, Dh)
                   ]))), 128))
                 ])) : h("", !0),
-                o.value[v.name]?.length > 0 ? (r(), i("div", Oh, [
+                o.value[v.name]?.length > 0 ? (r(), i("div", Ih, [
                   (r(!0), i(te, null, ae(o.value[v.name], (ee, xe) => (r(), i("div", {
                     key: `uploaded-${xe}`,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"
                   }, [
-                    l("div", Dh, [
+                    l("div", Lh, [
                       l("div", {
                         class: g([
                           "rounded-lg p-2 flex-shrink-0",
                           C(ee)
                         ])
                       }, [
-                        (r(), i("svg", Ih, [
-                          f(ee) === "image" ? (r(), i("path", Lh)) : (r(), i("path", Eh))
+                        (r(), i("svg", Eh, [
+                          f(ee) === "image" ? (r(), i("path", Nh)) : (r(), i("path", _h))
                         ]))
                       ], 2),
-                      l("div", Nh, [
-                        l("span", _h, w(ee.name), 1),
-                        l("span", Rh, w(P(ee.size)), 1)
+                      l("div", Rh, [
+                        l("span", Uh, w(ee.name), 1),
+                        l("span", qh, w(P(ee.size)), 1)
                       ])
                     ]),
                     l("button", {
@@ -14739,12 +14794,12 @@ const ac = {
                           d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
                         })
                       ], -1)
-                    ])], 8, Uh)
+                    ])], 8, Hh)
                   ]))), 128))
                 ])) : h("", !0),
-                o.value[v.name]?.length > 0 ? (r(), i("p", qh, [
+                o.value[v.name]?.length > 0 ? (r(), i("p", Wh, [
                   ie(w(o.value[v.name].length) + " file(s) uploaded ", 1),
-                  v.maxFiles ? (r(), i("span", Hh, " of " + w(v.maxFiles) + " max", 1)) : h("", !0)
+                  v.maxFiles ? (r(), i("span", Yh, " of " + w(v.maxFiles) + " max", 1)) : h("", !0)
                 ])) : h("", !0)
               ])) : v.type === "slider" ? (r(), Y(Ra, {
                 key: 9,
@@ -14754,8 +14809,8 @@ const ac = {
                 step: v.step,
                 disabled: s.value || v.disabled,
                 "onUpdate:modelValue": (ee) => S(v, ee)
-              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : v.type === "range" ? (r(), i("div", Wh, [
-                l("div", Yh, [
+              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : v.type === "range" ? (r(), i("div", Gh, [
+                l("div", Kh, [
                   j(Ae, {
                     id: Q,
                     modelValue: o.value[v.name],
@@ -14768,7 +14823,7 @@ const ac = {
                     class: "flex-1",
                     "aria-describedby": ce
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                  l("span", Gh, w(o.value[v.name]), 1)
+                  l("span", Xh, w(o.value[v.name]), 1)
                 ])
               ])) : v.type === "date" ? (r(), Y(Yt, {
                 key: 11,
@@ -14826,7 +14881,7 @@ const ac = {
             _: 2
           }, 1032, ["id", "label", "required", "error", "error-message"]))
         ]))), 128)),
-        l("div", Kh, [
+        l("div", Qh, [
           e.showReset ? (r(), Y(Ce, {
             key: 0,
             type: "button",
@@ -14866,49 +14921,49 @@ const ac = {
       ], 32)
     ]));
   }
-}, Qh = {
+}, Zh = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, Jh = { class: "text-lg font-bold text-gray-900" }, Zh = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, eb = { class: "space-y-2" }, tb = { key: 0 }, ab = {
+}, eb = { class: "text-lg font-bold text-gray-900" }, tb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, ab = { class: "space-y-2" }, nb = { key: 0 }, rb = {
   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"
-}, nb = ["onClick"], rb = {
+}, sb = ["onClick"], lb = {
   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"
-}, sb = {
+}, ob = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, lb = {
+}, ib = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, ob = {
+}, ub = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, ib = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, ub = { class: "flex items-center justify-between p-4" }, db = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, cb = {
+}, db = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, cb = { class: "flex items-center justify-between p-4" }, fb = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, mb = {
   key: 0,
   class: "px-4 pb-3"
-}, fb = { class: "relative" }, mb = ["placeholder"], gb = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, vb = {
+}, gb = { class: "relative" }, vb = ["placeholder"], hb = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, bb = {
   key: 0,
   class: "mt-2 text-xs text-gray-500 px-1"
-}, hb = { class: "p-3" }, bb = {
+}, pb = { class: "p-3" }, yb = {
   key: 0,
   class: "px-3 py-8 text-center"
-}, pb = {
+}, xb = {
   key: 1,
   class: "space-y-1"
-}, yb = {
+}, wb = {
   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"
-}, xb = {
+}, kb = {
   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"
-}, wb = { class: "p-3" }, kb = { class: "space-y-1" }, $b = {
+}, $b = { class: "p-3" }, Cb = { class: "space-y-1" }, Sb = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Cb = {
+}, zb = {
   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"
-}, Sb = {
+}, Ab = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -15065,8 +15120,8 @@ const ac = {
           )),
           style: be({ width: e.sidebarWidth + "px", top: o.value ? "0px" : "4rem" })
         }, [
-          o.value ? (r(), i("div", Qh, [
-            l("h2", Jh, w(e.header?.title), 1),
+          o.value ? (r(), i("div", Zh, [
+            l("h2", eb, w(e.header?.title), 1),
             l("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -15087,12 +15142,12 @@ const ac = {
               ], -1)
             ])])
           ])) : h("", !0),
-          l("nav", Zh, [
-            l("div", eb, [
+          l("nav", tb, [
+            l("div", ab, [
               (r(!0), i(te, null, ae(e.navigationItems, (v) => (r(), i(te, {
                 key: v.name || v.label
               }, [
-                v.type === "link" ? (r(), i("div", tb, [
+                v.type === "link" ? (r(), i("div", nb, [
                   $(v) ? (r(), i("div", {
                     key: 1,
                     class: g(q(O)(
@@ -15119,9 +15174,9 @@ const ac = {
                         C(v) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, w(v.label), 3),
-                    v.badge ? (r(), i("span", rb, w(v.badge), 1)) : h("", !0),
-                    C(v) && $(v) ? (r(), i("div", sb)) : h("", !0)
-                  ], 10, nb)) : (r(), Y(x, {
+                    v.badge ? (r(), i("span", lb, w(v.badge), 1)) : h("", !0),
+                    C(v) && $(v) ? (r(), i("div", ob)) : h("", !0)
+                  ], 10, sb)) : (r(), Y(x, {
                     key: 0,
                     to: v.route,
                     class: g(q(O)(
@@ -15149,7 +15204,7 @@ const ac = {
                           C(v) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, w(v.label), 3),
-                      v.badge ? (r(), i("span", ab, w(v.badge), 1)) : h("", !0)
+                      v.badge ? (r(), i("span", rb, w(v.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -15157,7 +15212,7 @@ const ac = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (r(), i("div", lb, [
+          e.showManagementSettings ? (r(), i("div", ib, [
             l("div", {
               class: g(q(O)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -15183,7 +15238,7 @@ const ac = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (r(), i("div", ob)) : h("", !0)
+              e.isManagementSettingsActive ? (r(), i("div", ub)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -15206,8 +15261,8 @@ const ac = {
               ),
               style: be(M.value)
             }, [
-              l("div", ib, [
-                l("div", ub, [
+              l("div", db, [
+                l("div", cb, [
                   l("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -15227,20 +15282,20 @@ const ac = {
                       })
                     ], -1)
                   ])]),
-                  l("h3", db, w(d.value?.label), 1)
+                  l("h3", fb, w(d.value?.label), 1)
                 ]),
-                T.value ? (r(), i("div", cb, [
-                  l("div", fb, [
+                T.value ? (r(), i("div", mb, [
+                  l("div", gb, [
                     Ge(l("input", {
                       "onUpdate:modelValue": y[0] || (y[0] = (v) => p.value = v),
                       type: "text",
                       placeholder: e.searchPlaceholder,
                       class: "w-full px-3 py-2 pl-9 pr-9 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all",
                       onInput: y[1] || (y[1] = (v) => P(p.value))
-                    }, null, 40, mb), [
+                    }, null, 40, vb), [
                       [rt, p.value]
                     ]),
-                    l("div", gb, [
+                    l("div", hb, [
                       j(le, {
                         icon: "search",
                         class: "w-4 h-4"
@@ -15257,18 +15312,18 @@ const ac = {
                       })
                     ])) : h("", !0)
                   ]),
-                  p.value ? (r(), i("div", vb, w(F.value.length) + " result" + w(F.value.length !== 1 ? "s" : "") + " found ", 1)) : h("", !0)
+                  p.value ? (r(), i("div", bb, w(F.value.length) + " result" + w(F.value.length !== 1 ? "s" : "") + " found ", 1)) : h("", !0)
                 ])) : h("", !0)
               ]),
-              l("nav", hb, [
-                T.value && p.value && F.value.length === 0 ? (r(), i("div", bb, [
+              l("nav", pb, [
+                T.value && p.value && F.value.length === 0 ? (r(), i("div", yb, [
                   j(le, {
                     icon: "search",
                     class: "w-12 h-12 mx-auto text-gray-300 mb-3"
                   }),
                   y[4] || (y[4] = l("p", { class: "text-sm text-gray-500 mb-1" }, " No results found ", -1)),
                   y[5] || (y[5] = l("p", { class: "text-xs text-gray-400" }, " Try a different search term ", -1))
-                ])) : (r(), i("div", pb, [
+                ])) : (r(), i("div", xb, [
                   (r(!0), i(te, null, ae(F.value, (v) => (r(), Y(x, {
                     key: v.name,
                     to: v.route,
@@ -15281,7 +15336,7 @@ const ac = {
                     onClick: (Q) => de(v)
                   }, {
                     default: K(() => [
-                      C(v) ? (r(), i("div", yb)) : h("", !0),
+                      C(v) ? (r(), i("div", wb)) : h("", !0),
                       l("div", {
                         class: g(
                           q(O)(
@@ -15302,7 +15357,7 @@ const ac = {
                           C(v) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, w(v.label), 3),
-                      v.badge ? (r(), i("span", xb, w(v.badge), 1)) : h("", !0)
+                      v.badge ? (r(), i("span", kb, w(v.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -15355,12 +15410,12 @@ const ac = {
                   y[7] || (y[7] = l("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              l("nav", wb, [
-                l("div", kb, [
+              l("nav", $b, [
+                l("div", Cb, [
                   (r(!0), i(te, null, ae(e.managementSettings, (v) => (r(), i(te, {
                     key: v.name
                   }, [
-                    v.type === "section" ? (r(), i("div", $b, w(v.label), 1)) : v.route ? (r(), Y(x, {
+                    v.type === "section" ? (r(), i("div", Sb, w(v.label), 1)) : v.route ? (r(), Y(x, {
                       key: 1,
                       to: v.route,
                       class: g(
@@ -15372,7 +15427,7 @@ const ac = {
                       onClick: (Q) => Z(v)
                     }, {
                       default: K(() => [
-                        C(v) ? (r(), i("div", Cb)) : h("", !0),
+                        C(v) ? (r(), i("div", zb)) : h("", !0),
                         l("div", {
                           class: g(
                             q(O)(
@@ -15423,7 +15478,7 @@ const ac = {
       ]);
     };
   }
-}, zb = {
+}, Vb = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -15442,13 +15497,13 @@ const ac = {
       U(a.$slots, "default")
     ], 2));
   }
-}, Ab = {
+}, Mb = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Vb = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Mb = { class: "text-slate-900 font-medium" }, Fb = {
+}, Fb = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Bb = { class: "text-slate-900 font-medium" }, Tb = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Bb = { class: "mt-2 text-slate-600 text-sm" }, Tb = {
+}, Pb = { class: "mt-2 text-slate-600 text-sm" }, jb = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -15472,8 +15527,8 @@ const ac = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (r(), i("div", Ab)) : h("", !0),
-      l("div", Vb, [
+      e.orientation === "vertical" ? (r(), i("div", Mb)) : h("", !0),
+      l("div", Fb, [
         U(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = l("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -15484,23 +15539,23 @@ const ac = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        l("h3", Mb, [
+        l("h3", Bb, [
           U(a.$slots, "title", {}, () => [
             ie(w(e.title), 1)
           ])
         ]),
-        e.subtitle ? (r(), i("p", Fb, [
+        e.subtitle ? (r(), i("p", Tb, [
           U(a.$slots, "subtitle", {}, () => [
             ie(w(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        l("div", Bb, [
+        l("div", Pb, [
           U(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Pb = {
+}, Ob = {
   name: "AuthLayout",
   props: {
     title: {
@@ -15589,20 +15644,20 @@ const ac = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, jb = { class: "container mx-auto px-4 relative z-10" }, Ob = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Db = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Ib = { class: "mb-6" }, Lb = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Eb = { class: "text-white" }, Nb = { class: "flex items-center justify-center lg:justify-start mb-6" }, _b = { class: "text-3xl lg:text-4xl font-bold text-white" }, Rb = { class: "lg:col-span-4" }, Ub = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, qb = {
+}, Db = { class: "container mx-auto px-4 relative z-10" }, Ib = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Lb = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Eb = { class: "mb-6" }, Nb = { class: "text-4xl lg:text-6xl font-bold mb-2" }, _b = { class: "text-white" }, Rb = { class: "flex items-center justify-center lg:justify-start mb-6" }, Ub = { class: "text-3xl lg:text-4xl font-bold text-white" }, qb = { class: "lg:col-span-4" }, Hb = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Wb = {
   key: 0,
   class: "mb-6"
-}, Hb = { class: "text-center" }, Wb = { class: "text-2xl font-bold text-gray-900" }, Yb = {
+}, Yb = { class: "text-center" }, Gb = { class: "text-2xl font-bold text-gray-900" }, Kb = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Gb = { class: "space-y-6" }, Kb = {
+}, Xb = { class: "space-y-6" }, Qb = {
   key: 1,
   class: "mt-6"
-}, Xb = {
+}, Jb = {
   key: 0,
   class: "mt-6 text-center"
-}, Qb = { class: "absolute bottom-4 right-4 text-right" }, Jb = { class: "flex items-end justify-end mb-2" }, Zb = { class: "text-right mr-3" }, ep = { class: "text-red-500 font-bold text-xs" }, tp = { class: "text-white text-xs" }, ap = { class: "text-white/70 text-xs" }, np = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, rp = { class: "text-white/70 text-xs" }, sp = { class: "absolute bottom-4 left-4 flex gap-2" }, lp = ["href"];
-function op(e, a, t, n, s, o) {
+}, Zb = { class: "absolute bottom-4 right-4 text-right" }, ep = { class: "flex items-end justify-end mb-2" }, tp = { class: "text-right mr-3" }, ap = { class: "text-red-500 font-bold text-xs" }, np = { class: "text-white text-xs" }, rp = { class: "text-white/70 text-xs" }, sp = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, lp = { class: "text-white/70 text-xs" }, op = { class: "absolute bottom-4 left-4 flex gap-2" }, ip = ["href"];
+function up(e, a, t, n, s, o) {
   const u = $e("router-view"), d = $e("font-awesome-icon");
   return r(), i("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -15615,70 +15670,70 @@ function op(e, a, t, n, s, o) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    l("div", jb, [
-      l("div", Ob, [
-        l("div", Db, [
-          l("div", Ib, [
-            l("div", Lb, [
+    l("div", Db, [
+      l("div", Ib, [
+        l("div", Lb, [
+          l("div", Eb, [
+            l("div", Nb, [
               l("span", {
                 style: be({ color: t.primaryColor })
               }, w(t.primaryLogoPrefix), 5),
-              l("span", Eb, w(t.primaryLogoText), 1)
+              l("span", _b, w(t.primaryLogoText), 1)
             ]),
             l("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: be({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          l("div", Nb, [
+          l("div", Rb, [
             l("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: be({ backgroundColor: t.primaryColor })
             }, w(t.secondaryLogoPrefix), 5),
-            l("span", _b, w(t.secondaryLogoText), 1)
+            l("span", Ub, w(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = l("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             l("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        l("div", Rb, [
-          l("div", Ub, [
-            e.$slots["card-header"] || t.title ? (r(), i("div", qb, [
+        l("div", qb, [
+          l("div", Hb, [
+            e.$slots["card-header"] || t.title ? (r(), i("div", Wb, [
               U(e.$slots, "card-header", {}, () => [
-                l("div", Hb, [
-                  l("h1", Wb, w(t.title), 1),
-                  t.subtitle ? (r(), i("p", Yb, w(t.subtitle), 1)) : h("", !0)
+                l("div", Yb, [
+                  l("h1", Gb, w(t.title), 1),
+                  t.subtitle ? (r(), i("p", Kb, w(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            l("div", Gb, [
+            l("div", Xb, [
               j(u)
             ]),
-            e.$slots["card-footer"] ? (r(), i("div", Kb, [
+            e.$slots["card-footer"] ? (r(), i("div", Qb, [
               U(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (r(), i("div", Xb, [
+          e.$slots.links ? (r(), i("div", Jb, [
             U(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    l("div", Qb, [
-      l("div", Jb, [
-        l("div", Zb, [
-          l("div", ep, w(t.companyName), 1),
-          l("div", tp, w(t.companyType), 1),
-          l("div", ap, w(t.companyTagline), 1)
+    l("div", Zb, [
+      l("div", ep, [
+        l("div", tp, [
+          l("div", ap, w(t.companyName), 1),
+          l("div", np, w(t.companyType), 1),
+          l("div", rp, w(t.companyTagline), 1)
         ]),
-        l("div", np, w(t.companyInitials), 1)
+        l("div", sp, w(t.companyInitials), 1)
       ]),
-      l("div", rp, [
+      l("div", lp, [
         l("div", null, w(t.appName) + " (" + w(t.appVersion) + ")", 1),
         l("div", null, w(t.copyright), 1)
       ])
     ]),
-    l("div", sp, [
+    l("div", op, [
       (r(!0), i(te, null, ae(t.socialLinks, (c) => (r(), i("a", {
         key: c.name,
         href: c.url,
@@ -15690,14 +15745,14 @@ function op(e, a, t, n, s, o) {
         j(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, lp))), 128))
+      ], 10, ip))), 128))
     ])
   ], 4);
 }
-const ip = /* @__PURE__ */ Gt(Pb, [["render", op]]), up = { class: "min-h-screen bg-gray-50" }, dp = { class: "flex-1" }, cp = {
+const dp = /* @__PURE__ */ Gt(Ob, [["render", up]]), cp = { class: "min-h-screen bg-gray-50" }, fp = { class: "flex-1" }, mp = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, fp = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, mp = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, gp = {
+}, gp = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, vp = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, hp = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -15721,7 +15776,7 @@ const ip = /* @__PURE__ */ Gt(Pb, [["render", op]]), up = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = $e("Logo"), s = $e("MainNavigation"), o = $e("Button"), u = $e("Header"), d = $e("Breadcrumb"), c = $e("Text"), p = $e("Footer");
-      return r(), i("div", up, [
+      return r(), i("div", cp, [
         j(u, null, {
           logo: K(() => [
             U(a.$slots, "logo", {}, () => [
@@ -15754,15 +15809,15 @@ const ip = /* @__PURE__ */ Gt(Pb, [["render", op]]), up = { class: "min-h-screen
           ]),
           _: 3
         }),
-        l("main", dp, [
-          e.showBreadcrumb ? (r(), i("div", cp, [
-            l("div", fp, [
+        l("main", fp, [
+          e.showBreadcrumb ? (r(), i("div", mp, [
+            l("div", gp, [
               U(a.$slots, "breadcrumb", {}, () => [
                 j(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          l("div", mp, [
+          l("div", vp, [
             U(a.$slots, "default")
           ])
         ]),
@@ -15783,7 +15838,7 @@ const ip = /* @__PURE__ */ Gt(Pb, [["render", op]]), up = { class: "min-h-screen
       ]);
     };
   }
-}, vp = {
+}, bp = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -16049,20 +16104,20 @@ const ip = /* @__PURE__ */ Gt(Pb, [["render", op]]), up = { class: "min-h-screen
       helpClasses: y
     };
   }
-}, hp = { class: "flex justify-center" }, bp = { class: "flex items-center gap-3" }, pp = { class: "text-2xl font-bold text-slate-900" }, yp = {
+}, pp = { class: "flex justify-center" }, yp = { class: "flex items-center gap-3" }, xp = { class: "text-2xl font-bold text-slate-900" }, wp = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, xp = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, wp = ["disabled"], kp = {
+}, kp = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, $p = ["disabled"], Cp = {
   key: 0,
   class: "animate-spin"
-}, $p = { key: 1 }, Cp = ["disabled"], Sp = { key: 0 }, zp = { key: 1 }, Ap = {
+}, Sp = { key: 1 }, zp = ["disabled"], Ap = { key: 0 }, Vp = { key: 1 }, Mp = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Vp = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Mp = { class: "text-lg font-semibold text-slate-900 mb-4" }, Fp = { class: "space-y-3" }, Bp = { class: "text-sm text-slate-600" }, Tp = ["href"], Pp = {
+}, Fp = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Bp = { class: "text-lg font-semibold text-slate-900 mb-4" }, Tp = { class: "space-y-3" }, Pp = { class: "text-sm text-slate-600" }, jp = ["href"], Op = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function jp(e, a, t, n, s, o) {
+function Dp(e, a, t, n, s, o) {
   return r(), i("div", {
     class: g(n.layoutClasses)
   }, [
@@ -16082,13 +16137,13 @@ function jp(e, a, t, n, s, o) {
         class: g(n.headerClasses)
       }, [
         U(e.$slots, "header", {}, () => [
-          l("div", hp, [
+          l("div", pp, [
             U(e.$slots, "logo", {}, () => [
-              l("div", bp, [
+              l("div", yp, [
                 a[5] || (a[5] = l("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   l("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                l("span", pp, w(t.brandName), 1)
+                l("span", xp, w(t.brandName), 1)
               ])
             ])
           ])
@@ -16134,7 +16189,7 @@ function jp(e, a, t, n, s, o) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (r(), i("div", yp, [...a[6] || (a[6] = [
+        n.isOnline ? h("", !0) : (r(), i("div", wp, [...a[6] || (a[6] = [
           l("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             l("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             l("span", { class: "font-medium" }, "No Internet Connection")
@@ -16145,7 +16200,7 @@ function jp(e, a, t, n, s, o) {
           class: g(n.actionsClasses)
         }, [
           U(e.$slots, "actions", {}, () => [
-            l("div", xp, [
+            l("div", kp, [
               t.showHomeButton ? (r(), i("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
@@ -16168,18 +16223,18 @@ function jp(e, a, t, n, s, o) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...u) => n.retry && n.retry(...u))
               }, [
-                n.isRetrying ? (r(), i("span", kp, "↻")) : (r(), i("span", $p, "🔄")),
+                n.isRetrying ? (r(), i("span", Cp, "↻")) : (r(), i("span", Sp, "🔄")),
                 ie(" " + w(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, wp)) : h("", !0),
+              ], 8, $p)) : h("", !0),
               t.showSupportButton ? (r(), i("button", {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[3] || (a[3] = (u) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (r(), i("span", Sp, "✓")) : (r(), i("span", zp, "📝")),
+                n.reportSent ? (r(), i("span", Ap, "✓")) : (r(), i("span", Vp, "📝")),
                 ie(" " + w(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Cp)) : h("", !0)
+              ], 8, zp)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -16188,10 +16243,10 @@ function jp(e, a, t, n, s, o) {
           class: g(n.additionalInfoClasses)
         }, [
           U(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (r(), i("div", Ap, [
-              l("div", Vp, [
-                l("h3", Mp, w(n.additionalInfoConfig.title), 1),
-                l("ul", Fp, [
+            n.additionalInfoConfig ? (r(), i("div", Mp, [
+              l("div", Fp, [
+                l("h3", Bp, w(n.additionalInfoConfig.title), 1),
+                l("ul", Tp, [
                   (r(!0), i(te, null, ae(n.additionalInfoConfig.items, (u, d) => (r(), i("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -16211,7 +16266,7 @@ function jp(e, a, t, n, s, o) {
           class: g(n.helpClasses)
         }, [
           U(e.$slots, "help", {}, () => [
-            l("p", Bp, [
+            l("p", Pp, [
               ie(w(t.helpText) + " ", 1),
               t.supportUrl ? (r(), i("a", {
                 key: 0,
@@ -16220,19 +16275,19 @@ function jp(e, a, t, n, s, o) {
               }, [...a[8] || (a[8] = [
                 l("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 ie(" Get Help ", -1)
-              ])], 8, Tp)) : h("", !0)
+              ])], 8, jp)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
-        n.isDev ? (r(), i("div", Pp, " Error ID: " + w(n.errorId), 1)) : h("", !0)
+        n.isDev ? (r(), i("div", Op, " Error ID: " + w(n.errorId), 1)) : h("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-full relative" }, Ip = {
+const Ip = /* @__PURE__ */ Gt(bp, [["render", Dp]]), Lp = { class: "w-full h-full relative" }, Ep = {
   key: 0,
   class: "w-full h-full flex items-center justify-center"
-}, Lp = ["width", "height", "viewBox"], Ep = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], Np = ["cx", "cy", "r", "fill"], _p = { key: 1 }, Rp = ["x", "y"], Up = ["x", "y"], qp = { key: 2 }, Hp = ["x", "y"], Wp = { key: 3 }, Yp = ["transform"], Gp = ["fill"], Kp = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, Xp = { class: "flex items-center gap-2 mb-1.5" }, Qp = { class: "font-semibold text-sm" }, Jp = { class: "flex items-baseline gap-2 ml-5" }, Zp = { class: "text-2xl font-bold" }, ey = { class: "mt-1 ml-5" }, ty = { class: "text-xs text-slate-300" }, kn = {
+}, Np = ["width", "height", "viewBox"], _p = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], Rp = ["cx", "cy", "r", "fill"], Up = { key: 1 }, qp = ["x", "y"], Hp = ["x", "y"], Wp = { key: 2 }, Yp = ["x", "y"], Gp = { key: 3 }, Kp = ["transform"], Xp = ["fill"], Qp = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, Jp = { class: "flex items-center gap-2 mb-1.5" }, Zp = { class: "font-semibold text-sm" }, ey = { class: "flex items-baseline gap-2 ml-5" }, ty = { class: "text-2xl font-bold" }, ay = { class: "mt-1 ml-5" }, ny = { class: "text-xs text-slate-300" }, kn = {
   __name: "PieChart",
   props: {
     data: {
@@ -16400,7 +16455,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
         percentage: A.percentage
       });
     };
-    return (A, I) => (r(), i("div", Dp, [
+    return (A, I) => (r(), i("div", Lp, [
       u.value ? (r(), i("svg", {
         key: 1,
         width: e.width,
@@ -16419,7 +16474,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
             onMouseenter: (X) => S(X, B, L),
             onMouseleave: k,
             onClick: (X) => $(B, L)
-          }, null, 42, Ep))), 128))
+          }, null, 42, _p))), 128))
         ]),
         e.doughnut ? (r(), i("circle", {
           key: 0,
@@ -16427,24 +16482,24 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
           cy: c.value,
           r: z.value,
           fill: e.centerFill
-        }, null, 8, Np)) : h("", !0),
-        e.doughnut && e.showCenterText ? (r(), i("g", _p, [
+        }, null, 8, Rp)) : h("", !0),
+        e.doughnut && e.showCenterText ? (r(), i("g", Up, [
           l("text", {
             x: d.value,
             y: c.value - 5,
             class: g(e.centerTextClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(o.value), 11, Rp),
+          }, w(o.value), 11, qp),
           l("text", {
             x: d.value,
             y: c.value + 15,
             class: g(e.centerLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, " Total ", 10, Up)
+          }, " Total ", 10, Hp)
         ])) : h("", !0),
-        e.showValues ? (r(), i("g", qp, [
+        e.showValues ? (r(), i("g", Wp, [
           (r(!0), i(te, null, ae(M.value, (B, L) => (r(), i("text", {
             key: `value-${L}`,
             x: B.labelX,
@@ -16452,9 +16507,9 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
             class: g(e.valueLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(e.showPercentages ? `${B.percentage}%` : B.value), 11, Hp))), 128))
+          }, w(e.showPercentages ? `${B.percentage}%` : B.value), 11, Yp))), 128))
         ])) : h("", !0),
-        e.showLegend ? (r(), i("g", Wp, [
+        e.showLegend ? (r(), i("g", Gp, [
           (r(!0), i(te, null, ae(M.value, (B, L) => (r(), i("g", {
             key: `legend-${L}`,
             transform: `translate(${F(L)}, ${V(L)})`
@@ -16464,15 +16519,15 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
               height: 12,
               fill: T(L),
               rx: "2"
-            }, null, 8, Gp),
+            }, null, 8, Xp),
             l("text", {
               x: 18,
               y: 10,
               class: g(e.legendTextClasses)
             }, w(B.label), 3)
-          ], 8, Yp))), 128))
+          ], 8, Kp))), 128))
         ])) : h("", !0)
-      ], 8, Lp)) : (r(), i("div", Ip, [...I[0] || (I[0] = [
+      ], 8, Np)) : (r(), i("div", Ep, [...I[0] || (I[0] = [
         Fn('<div class="text-center"><div class="text-slate-300 mb-2"><svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path></svg></div><p class="text-sm text-slate-500"> No data available </p></div>', 1)
       ])])),
       s.value.visible ? (r(), i("div", {
@@ -16487,42 +16542,42 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", Kp, [
-          l("div", Xp, [
+        l("div", Qp, [
+          l("div", Jp, [
             l("div", {
               style: be({ backgroundColor: s.value.color }),
               class: "w-3 h-3 rounded-full shadow-sm"
             }, null, 4),
-            l("p", Qp, w(s.value.label), 1)
+            l("p", Zp, w(s.value.label), 1)
           ]),
-          l("div", Jp, [
-            l("span", Zp, w(s.value.value), 1),
+          l("div", ey, [
+            l("span", ty, w(s.value.value), 1),
             I[1] || (I[1] = l("span", { class: "text-xs text-slate-400" }, "tasks", -1))
           ]),
-          l("div", ey, [
-            l("span", ty, w(s.value.percentage) + "% of total", 1)
+          l("div", ay, [
+            l("span", ny, w(s.value.percentage) + "% of total", 1)
           ]),
           I[2] || (I[2] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
       ], 4)) : h("", !0)
     ]));
   }
-}, ay = {
+}, ry = {
   key: 0,
   class: "flex items-center justify-between px-6 py-4 border-b border-slate-200 bg-gradient-to-r from-slate-50 to-slate-100 flex-shrink-0"
-}, ny = { class: "flex items-center gap-3" }, ry = { class: "font-semibold text-lg text-slate-900" }, sy = { class: "flex items-center gap-2" }, ly = ["disabled"], oy = {
+}, sy = { class: "flex items-center gap-3" }, ly = { class: "font-semibold text-lg text-slate-900" }, oy = { class: "flex items-center gap-2" }, iy = ["disabled"], uy = {
   key: 1,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[250px]"
-}, iy = { class: "flex items-center justify-between mb-3" }, uy = { class: "space-y-3" }, dy = ["for"], cy = ["id", "onClick"], fy = {
+}, dy = { class: "flex items-center justify-between mb-3" }, cy = { class: "space-y-3" }, fy = ["for"], my = ["id", "onClick"], gy = {
   key: 2,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[280px]"
-}, my = { class: "flex items-center justify-between mb-3" }, gy = { class: "space-y-2" }, vy = { class: "text-slate-700" }, hy = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, by = { class: "relative flex-1 overflow-hidden" }, py = {
+}, vy = { class: "flex items-center justify-between mb-3" }, hy = { class: "space-y-2" }, by = { class: "text-slate-700" }, py = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, yy = { class: "relative flex-1 overflow-hidden" }, xy = {
   key: 0,
   class: "absolute inset-0 bg-white/90 backdrop-blur-sm z-10 flex items-center justify-center"
-}, yy = { class: "w-full h-full flex items-center justify-center" }, xy = {
+}, wy = { class: "w-full h-full flex items-center justify-center" }, ky = {
   key: 3,
   class: "border-t border-slate-200 px-6 py-3 bg-slate-50 flex-shrink-0"
-}, wy = {
+}, $y = {
   __name: "DashboardWidget",
   props: {
     id: { type: String, required: !0 },
@@ -16664,16 +16719,16 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
       onFocus: F,
       onBlur: V
     }, [
-      e.showHeader ? (r(), i("div", ay, [
-        l("div", ny, [
+      e.showHeader ? (r(), i("div", ry, [
+        l("div", sy, [
           e.icon ? (r(), Y(le, {
             key: 0,
             icon: e.icon,
             class: "w-5 h-5 text-slate-700"
           }, null, 8, ["icon"])) : h("", !0),
-          l("h3", ry, w(e.title), 1)
+          l("h3", ly, w(e.title), 1)
         ]),
-        l("div", sy, [
+        l("div", oy, [
           U(P.$slots, "header-actions"),
           l("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
@@ -16710,11 +16765,11 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
                 { "animate-spin": e.loading }
               ])
             }, null, 8, ["class"])
-          ], 8, ly)) : h("", !0)
+          ], 8, iy)) : h("", !0)
         ])
       ])) : h("", !0),
-      d.value ? (r(), i("div", oy, [
-        l("div", iy, [
+      d.value ? (r(), i("div", uy, [
+        l("div", dy, [
           f[4] || (f[4] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -16726,7 +16781,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", uy, [
+        l("div", cy, [
           (r(!0), i(te, null, ae(e.customizationOptions, (C) => (r(), i("div", {
             key: C.id,
             class: "flex items-center justify-between"
@@ -16734,7 +16789,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
             l("label", {
               for: `setting-${C.id}`,
               class: "text-sm text-slate-700 cursor-pointer"
-            }, w(C.label), 9, dy),
+            }, w(C.label), 9, fy),
             l("button", {
               id: `setting-${C.id}`,
               class: g([
@@ -16749,12 +16804,12 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
                   c.value[C.id] ? "translate-x-6" : "translate-x-1"
                 ])
               }, null, 2)
-            ], 10, cy)
+            ], 10, my)
           ]))), 128))
         ])
       ])) : h("", !0),
-      S.value ? (r(), i("div", fy, [
-        l("div", my, [
+      S.value ? (r(), i("div", gy, [
+        l("div", vy, [
           f[5] || (f[5] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -16766,18 +16821,18 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", gy, [
+        l("div", hy, [
           (r(), i(te, null, ae(k, (C) => l("div", {
             key: C.key,
             class: "flex items-center justify-between text-sm"
           }, [
-            l("span", vy, w(C.description), 1),
-            l("kbd", hy, w(C.key), 1)
+            l("span", by, w(C.description), 1),
+            l("kbd", py, w(C.key), 1)
           ])), 64))
         ])
       ])) : h("", !0),
-      l("div", by, [
-        e.loading ? (r(), i("div", py, [
+      l("div", yy, [
+        e.loading ? (r(), i("div", xy, [
           j(kt, {
             type: "spin",
             size: "medium",
@@ -16788,7 +16843,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
           key: 1,
           class: g(["w-full h-full flex items-center justify-center p-4", u[e.padding]])
         }, [
-          l("div", yy, [
+          l("div", wy, [
             (r(), Y(Pe(de.value), St(X.value, { doughnut: Z.value }), null, 16, ["doughnut"]))
           ])
         ], 2)) : (r(), i("div", {
@@ -16798,7 +16853,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
           U(P.$slots, "default")
         ], 2))
       ]),
-      P.$slots.footer ? (r(), i("div", xy, [
+      P.$slots.footer ? (r(), i("div", ky, [
         U(P.$slots, "footer")
       ])) : h("", !0)
     ], 38)) : h("", !0);
@@ -16914,19 +16969,19 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
   unmounted(e) {
     e._tooltipEl && e._tooltipEl.parentNode && document.body.removeChild(e._tooltipEl), e._tooltipShowFn && e.removeEventListener("mouseenter", e._tooltipShowFn), e._tooltipHideFn && (e.removeEventListener("mouseleave", e._tooltipHideFn), e.removeEventListener("click", e._tooltipHideFn)), e._tooltipRepositionFn && (window.removeEventListener("scroll", e._tooltipRepositionFn, !0), window.removeEventListener("resize", e._tooltipRepositionFn));
   }
-}, ky = { class: "flex items-center justify-between mb-4" }, $y = { class: "text-lg font-semibold text-gray-900" }, Cy = { class: "grid grid-cols-7 mb-2" }, Sy = { class: "grid grid-cols-7 gap-1" }, zy = ["onClick"], Ay = {
+}, Cy = { class: "flex items-center justify-between mb-4" }, Sy = { class: "text-lg font-semibold text-gray-900" }, zy = { class: "grid grid-cols-7 mb-2" }, Ay = { class: "grid grid-cols-7 gap-1" }, Vy = ["onClick"], My = {
   key: 0,
   class: "flex gap-0.5 mt-1 justify-center flex-wrap max-w-full px-1"
-}, Vy = ["title"], My = ["title"], Fy = {
+}, Fy = ["title"], By = ["title"], Ty = {
   key: 0,
   class: "mt-4 border-t pt-4"
-}, By = { class: "text-sm font-semibold text-gray-700 mb-2" }, Ty = { class: "space-y-2" }, Py = ["onClick"], jy = { class: "flex items-center gap-2" }, Oy = { class: "font-medium" }, Dy = {
+}, Py = { class: "text-sm font-semibold text-gray-700 mb-2" }, jy = { class: "space-y-2" }, Oy = ["onClick"], Dy = { class: "flex items-center gap-2" }, Iy = { class: "font-medium" }, Ly = {
   key: 0,
   class: "text-xs text-gray-500 mt-1 ml-5"
-}, Iy = {
+}, Ey = {
   key: 1,
   class: "mt-4 pt-4 border-t flex items-center justify-center gap-6"
-}, Ly = {
+}, Ny = {
   __name: "EventsCalendar",
   props: {
     events: {
@@ -17152,7 +17207,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
     return (X, de) => (r(), i("div", {
       class: g(q(s)({ size: e.size }))
     }, [
-      l("div", ky, [
+      l("div", Cy, [
         l("button", {
           class: g(q(o)({ variant: "ghost" })),
           onClick: A
@@ -17162,7 +17217,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
             class: "w-5 h-5"
           })
         ], 2),
-        l("h2", $y, w(D.value), 1),
+        l("h2", Sy, w(D.value), 1),
         l("button", {
           class: g(q(o)({ variant: "ghost" })),
           onClick: I
@@ -17173,13 +17228,13 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
           })
         ], 2)
       ]),
-      l("div", Cy, [
+      l("div", zy, [
         (r(), i(te, null, ae(M, (Z) => l("div", {
           key: Z,
           class: "text-center text-sm font-medium text-gray-500 py-2"
         }, w(Z), 1)), 64))
       ]),
-      l("div", Sy, [
+      l("div", Ay, [
         (r(!0), i(te, null, ae(T.value, (Z, P) => (r(), i("div", {
           key: P,
           class: g(q(u)({
@@ -17197,17 +17252,17 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
               e.size === "full" || e.size === "xl" ? "text-base" : ""
             ])
           }, w(Z.dayNumber), 3),
-          Z.events.length > 0 ? (r(), i("div", Ay, [
+          Z.events.length > 0 ? (r(), i("div", My, [
             (r(!0), i(te, null, ae(Z.events.slice(0, 3), (f, C) => (r(), i("span", {
               key: C,
               class: g(q(d)({ color: f.color, size: S.value })),
               title: f.title
-            }, null, 10, Vy))), 128)),
+            }, null, 10, Fy))), 128)),
             Z.events.length > 3 ? (r(), i("span", {
               key: 0,
               class: "text-xs text-gray-400 font-medium",
               title: `${Z.events.length} total events`
-            }, " +" + w(Z.events.length - 3), 9, My)) : h("", !0)
+            }, " +" + w(Z.events.length - 3), 9, By)) : h("", !0)
           ])) : h("", !0),
           Z.events.length > 0 && (e.size === "full" || e.size === "xl") ? (r(), i("div", {
             key: 1,
@@ -17215,27 +17270,27 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
               Z.events[0].color === "green" ? "bg-green-100 text-green-700" : Z.events[0].color === "orange" ? "bg-orange-100 text-orange-700" : "bg-gray-100 text-gray-700"
             ]])
           }, w(Z.events.length) + " " + w(Z.events.length === 1 ? "event" : "events"), 3)) : h("", !0)
-        ], 10, zy))), 128))
+        ], 10, Vy))), 128))
       ]),
-      F.value.length > 0 ? (r(), i("div", Fy, [
-        l("h3", By, " Events for " + w(V.value), 1),
-        l("div", Ty, [
+      F.value.length > 0 ? (r(), i("div", Ty, [
+        l("h3", Py, " Events for " + w(V.value), 1),
+        l("div", jy, [
           (r(!0), i(te, null, ae(F.value, (Z) => (r(), i("div", {
             key: Z.id,
             class: g(q(c)({ color: Z.color })),
             onClick: (P) => L(Z)
           }, [
-            l("div", jy, [
+            l("div", Dy, [
               l("span", {
                 class: g(q(d)({ color: Z.color, size: "lg" }))
               }, null, 2),
-              l("span", Oy, w(Z.title), 1)
+              l("span", Iy, w(Z.title), 1)
             ]),
-            Z.time ? (r(), i("p", Dy, w(Z.time), 1)) : h("", !0)
-          ], 10, Py))), 128))
+            Z.time ? (r(), i("p", Ly, w(Z.time), 1)) : h("", !0)
+          ], 10, Oy))), 128))
         ])
       ])) : h("", !0),
-      e.size === "full" || e.size === "xl" ? (r(), i("div", Iy, [...de[0] || (de[0] = [
+      e.size === "full" || e.size === "xl" ? (r(), i("div", Ey, [...de[0] || (de[0] = [
         Fn('<div class="flex items-center gap-2"><span class="w-3 h-3 rounded-full bg-green-500"></span><span class="text-xs text-gray-600 font-medium">Complied</span></div><div class="flex items-center gap-2"><span class="w-3 h-3 rounded-full bg-orange-500"></span><span class="text-xs text-gray-600 font-medium">Pending</span></div>', 2)
       ])])) : h("", !0)
     ], 2));
@@ -17301,7 +17356,7 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
   AccordionItem: Jc,
   Graph: vf,
   Calendar: uf,
-  EventsCalendar: Ly,
+  EventsCalendar: Ny,
   DataTable: l0,
   DataTableHeader: Er,
   DataTableRow: o0,
@@ -17310,17 +17365,17 @@ const Op = /* @__PURE__ */ Gt(vp, [["render", jp]]), Dp = { class: "w-full h-ful
   DataTableFilters: eg,
   DataTableToolBar: hg,
   Footer: Cg,
-  Header: Tv,
-  ReusableFormModal: sh,
-  ReusableForm: Xh,
-  Sidebar: Sb,
-  Timeline: zb,
-  TimelineItem: Tb,
-  AuthLayout: ip,
-  DefaultLayout: gp,
-  ErrorLayout: Op,
-  DashboardWidget: wy
-}, Ry = {
+  Header: jv,
+  ReusableFormModal: oh,
+  ReusableForm: Jh,
+  Sidebar: Ab,
+  Timeline: Vb,
+  TimelineItem: jb,
+  AuthLayout: dp,
+  DefaultLayout: hp,
+  ErrorLayout: Ip,
+  DashboardWidget: $y
+}, qy = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Cn).forEach((n) => {
@@ -17333,7 +17388,7 @@ export {
   Qc as Accordion,
   Jc as AccordionItem,
   $u as Alert,
-  ip as AuthLayout,
+  dp as AuthLayout,
   bi as Avatar,
   Tr as Badge,
   Ir as BarChart,
@@ -17349,7 +17404,7 @@ export {
   Yu as CardTitle,
   Nt as Checkbox,
   jr as CircularProgress,
-  wy as DashboardWidget,
+  $y as DashboardWidget,
   l0 as DataTable,
   i0 as DataTableCell,
   eg as DataTableFilters,
@@ -17358,18 +17413,18 @@ export {
   o0 as DataTableRow,
   hg as DataTableToolBar,
   Yt as DatePicker,
-  gp as DefaultLayout,
+  hp as DefaultLayout,
   Ai as Divider,
   rd as Dropdown,
   ld as DropdownItem,
-  Op as ErrorLayout,
-  Ly as EventsCalendar,
+  Ip as ErrorLayout,
+  Ny as EventsCalendar,
   _t as FileUpload,
   Cg as Footer,
   Na as FormField,
   vf as Graph,
   cm as GraphFilters,
-  Tv as Header,
+  jv as Header,
   le as Icon,
   Bi as Image,
   Ae as Input,
@@ -17390,11 +17445,11 @@ export {
   Ui as Progress,
   Hi as ProgressBar,
   Ji as Radio,
-  Xh as ReusableForm,
-  sh as ReusableFormModal,
+  Jh as ReusableForm,
+  oh as ReusableFormModal,
   Ac as Search,
   He as Select,
-  Sb as Sidebar,
+  Ab as Sidebar,
   Ra as Slider,
   La as Spinner,
   Tc as Stepper,
@@ -17404,13 +17459,13 @@ export {
   Hc as TabPanel,
   gu as Text,
   Ea as Textarea,
-  zb as Timeline,
-  Tb as TimelineItem,
+  Vb as Timeline,
+  jb as TimelineItem,
   fc as Toast,
   Or as Tooltip,
   ka as Typography,
   O as cn,
-  Ry as default,
+  qy as default,
   Ve as toast,
   $n as tooltip,
   rc as useToaster