@stlhorizon/vue-ui 3.15.8 → 3.15.10

package/dist/index.esm.js

@@ -12537,41 +12537,38 @@ const nc = {
   key: 0,
   class: "flex-shrink-0 mr-3"
 }, G0 = ["src", "alt"], K0 = { class: "flex-1 text-left min-w-0" }, X0 = { class: "font-medium truncate" }, Q0 = {
-  key: 0,
-  class: "text-xs text-gray-500 truncate"
-}, J0 = {
   key: 1,
   class: "w-4 h-4 text-blue-500 flex-shrink-0 ml-2",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, Z0 = {
+}, J0 = {
   key: 1,
   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 = {
+}, Z0 = { class: "text-gray-500 truncate" }, ev = { class: "text-gray-900 font-medium truncate" }, tv = { class: "flex items-center space-x-3 md:space-x-4" }, av = {
   key: 1,
   class: "relative"
-}, rv = ["placeholder"], sv = {
+}, nv = ["placeholder"], rv = {
   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 = {
+}, sv = {
   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 = {
+}, lv = { class: "p-4 border-b border-gray-200" }, ov = { class: "text-lg font-semibold text-gray-900" }, iv = { class: "max-h-96 overflow-y-auto" }, uv = {
   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 = {
+}, dv = ["onClick"], cv = { class: "flex items-start space-x-3" }, fv = { class: "flex-1" }, mv = { class: "text-sm text-gray-900" }, gv = { class: "text-xs text-gray-500 mt-1" }, vv = {
   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 = {
+}, hv = { class: "relative" }, bv = { 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" }, pv = { class: "text-blue-700 text-sm font-medium" }, yv = {
   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 = {
+}, xv = { class: "text-sm font-medium text-gray-900 truncate" }, wv = { class: "text-xs text-gray-500 truncate leading-tight" }, kv = {
   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 = {
+}, $v = { class: "p-4 border-b border-gray-200" }, Cv = { class: "text-sm font-medium text-gray-900" }, Sv = { class: "text-xs text-gray-500" }, zv = { class: "py-2" }, Av = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-gradient-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Pv = ["onClick"], Bv = { 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" }, Tv = { class: "flex-1 truncate font-semibold text-gray-700" }, jv = {
+}, Vv = ["onClick"], Pv = { 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 = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -12727,10 +12724,9 @@ const nc = {
                           }, null, 8, G0)
                         ])) : b("", !0),
                         o("div", K0, [
-                          o("p", X0, w(k.organisation_name), 1),
-                          k.role ? (s(), d("p", Q0, w(k.role), 1)) : b("", !0)
+                          o("p", X0, w(k.organisation_name), 1)
                         ]),
-                        k.org_id === e.currentOrganisation?.org_id ? (s(), d("svg", J0, [...j[4] || (j[4] = [
+                        k.org_id === e.currentOrganisation?.org_id ? (s(), d("svg", Q0, [...j[4] || (j[4] = [
                           o("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",
@@ -12744,8 +12740,8 @@ const nc = {
                 _: 1
               })
             ])) : b("", !0),
-            e.showBreadcrumb ? (s(), d("nav", Z0, [
-              o("span", ev, w(e.currentSection), 1),
+            e.showBreadcrumb ? (s(), d("nav", J0, [
+              o("span", Z0, w(e.currentSection), 1),
               j[5] || (j[5] = o("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -12759,10 +12755,10 @@ const nc = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              o("span", tv, w(e.currentPage), 1)
+              o("span", ev, w(e.currentPage), 1)
             ])) : b("", !0)
           ]),
-          o("div", av, [
+          o("div", tv, [
             y.value ? (s(), d("button", {
               key: 0,
               class: "p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors",
@@ -12782,7 +12778,7 @@ const nc = {
                 })
               ], -1)
             ])])) : b("", !0),
-            e.showSearch && (!y.value || g.value) ? (s(), d("div", nv, [
+            e.showSearch && (!y.value || g.value) ? (s(), d("div", av, [
               j[7] || (j[7] = o("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 o("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -12803,7 +12799,7 @@ const nc = {
                 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), [
+              }, null, 8, nv), [
                 [He, r.value]
               ]),
               y.value ? (s(), d("button", {
@@ -12848,7 +12844,7 @@ const nc = {
                   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)),
-              m.value > 0 ? (s(), d("span", sv, w(m.value > 9 ? "9+" : m.value), 1)) : b("", !0)
+              m.value > 0 ? (s(), d("span", rv, w(m.value > 9 ? "9+" : m.value), 1)) : b("", !0)
             ])) : b("", !0),
             T(ge, {
               "enter-active-class": "transition-all duration-300 ease-out",
@@ -12859,12 +12855,12 @@ const nc = {
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
               default: U(() => [
-                l.value ? (s(), d("div", lv, [
-                  o("div", ov, [
-                    o("h3", iv, w(e.notificationsTitle), 1)
+                l.value ? (s(), d("div", sv, [
+                  o("div", lv, [
+                    o("h3", ov, w(e.notificationsTitle), 1)
                   ]),
-                  o("div", uv, [
-                    e.notifications.length === 0 ? (s(), d("div", dv, [...j[10] || (j[10] = [
+                  o("div", iv, [
+                    e.notifications.length === 0 ? (s(), d("div", uv, [...j[10] || (j[10] = [
                       o("svg", {
                         class: "w-12 h-12 mx-auto text-gray-300 mb-2",
                         fill: "none",
@@ -12884,16 +12880,16 @@ const nc = {
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer",
                       onClick: (L) => O(k)
                     }, [
-                      o("div", fv, [
+                      o("div", cv, [
                         j[11] || (j[11] = o("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                        o("div", mv, [
-                          o("p", gv, w(k.title), 1),
-                          o("p", vv, w(k.time), 1)
+                        o("div", fv, [
+                          o("p", mv, w(k.title), 1),
+                          o("p", gv, w(k.time), 1)
                         ])
                       ])
-                    ], 8, cv))), 128))
+                    ], 8, dv))), 128))
                   ]),
-                  e.notifications.length > 0 ? (s(), d("div", hv, [
+                  e.notifications.length > 0 ? (s(), d("div", vv, [
                     o("button", {
                       class: "text-sm text-blue-600 hover:text-blue-800",
                       onClick: K
@@ -12903,17 +12899,17 @@ const nc = {
               ]),
               _: 1
             }),
-            o("div", bv, [
+            o("div", hv, [
               o("button", {
                 class: "flex items-center space-x-2 md:space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors",
                 onClick: v
               }, [
-                o("div", pv, [
-                  o("span", yv, w(z.value), 1)
+                o("div", bv, [
+                  o("span", pv, w(z.value), 1)
                 ]),
-                e.showUserDetails ? (s(), d("div", xv, [
-                  o("p", wv, w(e.user.name), 1),
-                  o("p", kv, w(I.value), 1)
+                e.showUserDetails ? (s(), d("div", yv, [
+                  o("p", xv, w(e.user.name), 1),
+                  o("p", wv, w(I.value), 1)
                 ])) : b("", !0),
                 j[12] || (j[12] = o("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -12938,12 +12934,12 @@ const nc = {
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
                 default: U(() => [
-                  i.value ? (s(), d("div", $v, [
-                    o("div", Cv, [
-                      o("p", Sv, w(e.user.name), 1),
-                      o("p", zv, w(e.user.email), 1)
+                  i.value ? (s(), d("div", kv, [
+                    o("div", $v, [
+                      o("p", Cv, w(e.user.name), 1),
+                      o("p", Sv, w(e.user.email), 1)
                     ]),
-                    o("div", Av, [
+                    o("div", zv, [
                       (s(!0), d(G, null, X(e.profileMenuItems, (k) => (s(), d(G, {
                         key: k.name
                       }, [
@@ -12957,7 +12953,7 @@ const nc = {
                           onClick: (L) => u(k)
                         }, {
                           default: U(() => [
-                            c(k) ? (s(), d("div", Vv)) : b("", !0),
+                            c(k) ? (s(), d("div", Av)) : b("", !0),
                             o("div", {
                               class: h(_(P)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -12983,15 +12979,15 @@ const nc = {
                           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: (L) => x(k)
                         }, [
-                          o("div", Bv, [
+                          o("div", Pv, [
                             k.icon ? (s(), R(ee, {
                               key: 0,
                               icon: k.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : b("", !0)
                           ]),
-                          o("span", Tv, w(k.label), 1)
-                        ], 8, Pv))
+                          o("span", Bv, w(k.label), 1)
+                        ], 8, Vv))
                       ], 64))), 128))
                     ]),
                     o("div", { class: "border-t border-gray-200 py-2" }, [
@@ -13027,16 +13023,16 @@ const nc = {
       ], 2);
     };
   }
-}, Ov = { class: "relative" }, Mv = ["id", "disabled"], Iv = {
+}, jv = { class: "relative" }, Ov = ["id", "disabled"], Mv = {
   key: 0,
   class: "text-gray-500"
-}, Fv = {
+}, Iv = {
   key: 1,
   class: "flex flex-wrap gap-1.5"
-}, Lv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Dv = {
+}, Fv = { class: "px-3 py-2.5 border-b border-gray-200 bg-gray-50" }, Lv = {
   key: 0,
   class: "max-h-52 overflow-y-auto py-1"
-}, Ev = ["onClick"], Nv = { class: "flex items-center gap-3" }, Rv = ["checked"], _v = {
+}, Dv = ["onClick"], Ev = { class: "flex items-center gap-3" }, Nv = ["checked"], Rv = {
   key: 1,
   class: "px-4 py-6 text-sm text-gray-500 text-center"
 }, Dr = {
@@ -13117,7 +13113,7 @@ const nc = {
       m.value = [...u];
     }, { immediate: !0 }), me(r, (u) => {
       u && z();
-    }), (u, c) => (s(), d("div", Ov, [
+    }), (u, c) => (s(), d("div", jv, [
       o("button", {
         id: e.id,
         ref_key: "buttonRef",
@@ -13132,7 +13128,7 @@ const nc = {
         onClick: I,
         onKeydown: v
       }, [
-        $.value.length === 0 ? (s(), d("div", Iv, w(e.placeholder || "Select options"), 1)) : (s(), d("div", Fv, [
+        $.value.length === 0 ? (s(), d("div", Mv, w(e.placeholder || "Select options"), 1)) : (s(), d("div", Iv, [
           (s(!0), d(G, null, X($.value, (x) => (s(), R(Vr, {
             key: x,
             variant: "primary",
@@ -13155,7 +13151,7 @@ const nc = {
             "clip-rule": "evenodd"
           }, null, -1)
         ])], 2))
-      ], 42, Mv),
+      ], 42, Ov),
       (s(), R(vt, { to: "body" }, [
         T(ge, {
           "enter-active-class": "transition ease-out duration-100",
@@ -13172,7 +13168,7 @@ const nc = {
               "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"
             }, [
-              o("div", Lv, [
+              o("div", Fv, [
                 Ie(o("input", {
                   ref_key: "searchInput",
                   ref: i,
@@ -13187,27 +13183,27 @@ const nc = {
                   [He, l.value]
                 ])
               ]),
-              m.value.length > 0 ? (s(), d("div", Dv, [
+              m.value.length > 0 ? (s(), d("div", Lv, [
                 (s(!0), d(G, null, X(m.value, (x) => (s(), d("button", {
                   key: x.value,
                   type: "button",
                   class: h(["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(x.value) }]),
                   onClick: (B) => V(x.value)
                 }, [
-                  o("div", Nv, [
+                  o("div", Ev, [
                     o("input", {
                       type: "checkbox",
                       checked: e.modelValue.includes(x.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, Rv),
+                    }, null, 8, Nv),
                     o("span", {
                       class: h(["block font-normal truncate", { "text-blue-900 font-medium": e.modelValue.includes(x.value) }])
                     }, w(x.label), 3)
                   ])
-                ], 10, Ev))), 128))
-              ])) : (s(), d("div", _v, " No options found "))
+                ], 10, Dv))), 128))
+              ])) : (s(), d("div", Rv, " No options found "))
             ], 4)) : b("", !0)
           ]),
           _: 1
@@ -13215,25 +13211,25 @@ const nc = {
       ]))
     ]));
   }
-}, Uv = { class: "mb-6" }, qv = { class: "text-xl font-semibold text-gray-900" }, Hv = { class: "text-sm text-gray-600 mt-1" }, Yv = ["onUpdate:modelValue"], Wv = {
+}, _v = { class: "mb-6" }, Uv = { class: "text-xl font-semibold text-gray-900" }, qv = { class: "text-sm text-gray-600 mt-1" }, Hv = ["onUpdate:modelValue"], Yv = {
   key: 5,
   class: "flex items-center"
-}, Gv = {
+}, Wv = {
   key: 6,
   class: "flex items-center"
-}, Kv = ["id", "aria-checked", "disabled", "onClick"], Xv = {
+}, Gv = ["id", "aria-checked", "disabled", "onClick"], Kv = {
   key: 7,
   class: "space-y-2"
-}, Qv = {
+}, Xv = {
   key: 8,
   class: "space-y-2"
-}, Jv = {
+}, Qv = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Zv = {
+}, Jv = {
   key: 10,
   class: "space-y-2"
-}, eh = { class: "flex items-center gap-4" }, th = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, ah = { class: "flex justify-end gap-3 pt-6" }, nh = {
+}, Zv = { class: "flex items-center gap-4" }, eh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, th = { class: "flex justify-end gap-3 pt-6" }, ah = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -13441,9 +13437,9 @@ const nc = {
       onClose: v
     }, {
       default: U(() => [
-        o("div", Uv, [
-          o("h2", qv, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          o("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)
+        o("div", _v, [
+          o("h2", Uv, w(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          o("p", qv, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         o("form", {
           class: "space-y-6 overflow-y-auto",
@@ -13456,7 +13452,7 @@ const nc = {
               key: 0,
               "onUpdate:modelValue": (x) => i.value[c.name] = x,
               type: "hidden"
-            }, null, 8, Yv)), [
+            }, null, 8, Hv)), [
               [He, i.value[c.name]]
             ]) : (s(), R(La, {
               key: 1,
@@ -13522,7 +13518,7 @@ const nc = {
                   "aria-describedby": S,
                   "allow-create": c.allowCreate,
                   "onUpdate:modelValue": (O) => z(c, O)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : c.type === "checkbox" ? (s(), d("div", Wv, [
+                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : c.type === "checkbox" ? (s(), d("div", Yv, [
                   T(ve, {
                     id: x,
                     modelValue: i.value[c.name],
@@ -13541,7 +13537,7 @@ const nc = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : c.type === "switch" ? (s(), d("div", Gv, [
+                ])) : c.type === "switch" ? (s(), d("div", Wv, [
                   o("button", {
                     id: x,
                     type: "button",
@@ -13561,7 +13557,7 @@ const nc = {
                         i.value[c.name] ? "translate-x-6" : "translate-x-1"
                       ])
                     }, null, 2)
-                  ], 10, Kv),
+                  ], 10, Gv),
                   T(Ee, {
                     for: x,
                     class: "ml-3 text-sm text-gray-700"
@@ -13571,7 +13567,7 @@ const nc = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : c.type === "radio" ? (s(), d("div", Xv, [
+                ])) : c.type === "radio" ? (s(), d("div", Kv, [
                   (s(!0), d(G, null, X(c.options, (O) => (s(), d("div", {
                     key: O.value,
                     class: "flex items-center"
@@ -13596,7 +13592,7 @@ const nc = {
                       _: 2
                     }, 1032, ["for"])
                   ]))), 128))
-                ])) : c.type === "file" ? (s(), d("div", Qv, [
+                ])) : c.type === "file" ? (s(), d("div", Xv, [
                   T(ve, {
                     id: x,
                     type: "file",
@@ -13609,7 +13605,7 @@ const nc = {
                     "aria-describedby": S,
                     onChange: (O) => V(c, O)
                   }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                  c.helpText ? (s(), d("p", Jv, w(c.helpText), 1)) : b("", !0)
+                  c.helpText ? (s(), d("p", Qv, w(c.helpText), 1)) : b("", !0)
                 ])) : c.type === "slider" ? (s(), R(Ea, {
                   key: 9,
                   "model-value": i.value[c.name],
@@ -13618,8 +13614,8 @@ const nc = {
                   step: c.step,
                   disabled: l.value || c.disabled,
                   "onUpdate:modelValue": (O) => I(c, O)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : c.type === "range" ? (s(), d("div", Zv, [
-                  o("div", eh, [
+                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : c.type === "range" ? (s(), d("div", Jv, [
+                  o("div", Zv, [
                     T(ve, {
                       id: x,
                       modelValue: i.value[c.name],
@@ -13632,7 +13628,7 @@ const nc = {
                       class: "flex-1",
                       "aria-describedby": S
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                    o("span", th, w(i.value[c.name]), 1)
+                    o("span", eh, w(i.value[c.name]), 1)
                   ])
                 ])) : c.type === "date" ? (s(), R(Nt, {
                   key: 11,
@@ -13690,7 +13686,7 @@ const nc = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"]))
           ]))), 128)),
-          o("div", ah, [
+          o("div", th, [
             T(be, {
               type: "button",
               variant: "outline",
@@ -13719,28 +13715,28 @@ const nc = {
       _: 1
     }, 8, ["modelValue", "size", "class", "resizable"]));
   }
-}, rh = { class: "w-full p-2" }, sh = {
+}, nh = { class: "w-full p-2" }, rh = {
   key: 0,
   class: "mb-6"
-}, lh = { class: "text-xl font-semibold text-gray-900" }, oh = ["onUpdate:modelValue"], ih = {
+}, sh = { class: "text-xl font-semibold text-gray-900" }, lh = ["onUpdate:modelValue"], oh = {
   key: 4,
   class: "flex items-center"
-}, uh = {
+}, ih = {
   key: 5,
   class: "flex items-center"
-}, dh = ["id", "aria-checked", "disabled", "onClick"], ch = {
+}, uh = ["id", "aria-checked", "disabled", "onClick"], dh = {
   key: 6,
   class: "space-y-2"
-}, fh = {
+}, ch = {
   key: 7,
   class: "space-y-2"
-}, mh = {
+}, fh = {
   key: 0,
   class: "text-xs text-gray-500"
-}, gh = {
+}, mh = {
   key: 9,
   class: "space-y-2"
-}, vh = { class: "flex items-center gap-4" }, hh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, bh = { class: "flex justify-end gap-3 pt-6" }, ph = {
+}, gh = { class: "flex items-center gap-4" }, vh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, hh = { class: "flex justify-end gap-3 pt-6" }, bh = {
   __name: "ReusableForm",
   props: {
     title: {
@@ -13895,9 +13891,9 @@ const nc = {
     }, A = () => {
       l.value = g(), i.value = {}, m.value = !1, n("reset");
     };
-    return (v, f) => (s(), d("div", rh, [
-      e.title ? (s(), d("div", sh, [
-        o("h2", lh, w(e.title), 1)
+    return (v, f) => (s(), d("div", nh, [
+      e.title ? (s(), d("div", rh, [
+        o("h2", sh, w(e.title), 1)
       ])) : b("", !0),
       o("form", {
         class: "space-y-8",
@@ -13910,7 +13906,7 @@ const nc = {
             key: 0,
             "onUpdate:modelValue": (c) => l.value[u.name] = c,
             type: "hidden"
-          }, null, 8, oh)), [
+          }, null, 8, lh)), [
             [He, l.value[u.name]]
           ]) : (s(), R(La, {
             key: 1,
@@ -13965,7 +13961,7 @@ const nc = {
                 "has-error": x,
                 "aria-describedby": B,
                 "onUpdate:modelValue": (S) => l.value[u.name] = S
-              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : u.type === "checkbox" ? (s(), d("div", ih, [
+              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : u.type === "checkbox" ? (s(), d("div", oh, [
                 T(ve, {
                   id: c,
                   modelValue: l.value[u.name],
@@ -13984,7 +13980,7 @@ const nc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : u.type === "switch" ? (s(), d("div", uh, [
+              ])) : u.type === "switch" ? (s(), d("div", ih, [
                 o("button", {
                   id: c,
                   type: "button",
@@ -14004,7 +14000,7 @@ const nc = {
                       l.value[u.name] ? "translate-x-6" : "translate-x-1"
                     ])
                   }, null, 2)
-                ], 10, dh),
+                ], 10, uh),
                 T(Ee, {
                   for: c,
                   class: "ml-3 text-sm text-gray-700"
@@ -14014,7 +14010,7 @@ const nc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : u.type === "radio" ? (s(), d("div", ch, [
+              ])) : u.type === "radio" ? (s(), d("div", dh, [
                 (s(!0), d(G, null, X(u.options, (S) => (s(), d("div", {
                   key: S.value,
                   class: "flex items-center"
@@ -14039,7 +14035,7 @@ const nc = {
                     _: 2
                   }, 1032, ["for"])
                 ]))), 128))
-              ])) : u.type === "file" ? (s(), d("div", fh, [
+              ])) : u.type === "file" ? (s(), d("div", ch, [
                 T(ve, {
                   id: c,
                   type: "file",
@@ -14052,7 +14048,7 @@ const nc = {
                   "aria-describedby": B,
                   onChange: (S) => I(u, S)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                u.helpText ? (s(), d("p", mh, w(u.helpText), 1)) : b("", !0)
+                u.helpText ? (s(), d("p", fh, w(u.helpText), 1)) : b("", !0)
               ])) : u.type === "slider" ? (s(), R(Ea, {
                 key: 8,
                 "model-value": l.value[u.name],
@@ -14061,8 +14057,8 @@ const nc = {
                 step: u.step,
                 disabled: r.value || u.disabled,
                 "onUpdate:modelValue": (S) => z(u, S)
-              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : u.type === "range" ? (s(), d("div", gh, [
-                o("div", vh, [
+              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : u.type === "range" ? (s(), d("div", mh, [
+                o("div", gh, [
                   T(ve, {
                     id: c,
                     modelValue: l.value[u.name],
@@ -14075,7 +14071,7 @@ const nc = {
                     class: "flex-1",
                     "aria-describedby": B
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                  o("span", hh, w(l.value[u.name]), 1)
+                  o("span", vh, w(l.value[u.name]), 1)
                 ])
               ])) : u.type === "date" ? (s(), R(Nt, {
                 key: 10,
@@ -14133,7 +14129,7 @@ const nc = {
             _: 2
           }, 1032, ["id", "label", "required", "error", "error-message"]))
         ]))), 128)),
-        o("div", bh, [
+        o("div", hh, [
           T(be, {
             type: "button",
             variant: "outline",
@@ -14160,37 +14156,37 @@ const nc = {
       ], 32)
     ]));
   }
-}, yh = {
+}, ph = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, xh = { class: "text-lg font-bold text-gray-900" }, wh = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, kh = { class: "space-y-2" }, $h = { key: 0 }, Ch = {
+}, yh = { class: "text-lg font-bold text-gray-900" }, xh = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, wh = { class: "space-y-2" }, kh = { key: 0 }, $h = {
   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"
-}, Sh = ["onClick"], zh = {
+}, Ch = ["onClick"], Sh = {
   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"
-}, Ah = {
+}, zh = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Vh = {
+}, Ah = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, Ph = {
+}, Vh = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Bh = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Th = { class: "flex items-center justify-between p-4" }, jh = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Oh = { class: "p-3" }, Mh = { class: "space-y-1" }, Ih = {
+}, Ph = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Bh = { class: "flex items-center justify-between p-4" }, Th = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, jh = { class: "p-3" }, Oh = { class: "space-y-1" }, Mh = {
   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"
-}, Fh = {
+}, Ih = {
   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"
-}, Lh = { class: "p-3" }, Dh = { class: "space-y-1" }, Eh = {
+}, Fh = { class: "p-3" }, Lh = { class: "space-y-1" }, Dh = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Nh = {
+}, Eh = {
   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"
-}, Rh = {
+}, Nh = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -14313,8 +14309,8 @@ const nc = {
           )),
           style: ce({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
-          l.value ? (s(), d("div", yh, [
-            o("h2", xh, w(e.header?.title), 1),
+          l.value ? (s(), d("div", ph, [
+            o("h2", yh, w(e.header?.title), 1),
             o("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -14335,12 +14331,12 @@ const nc = {
               ], -1)
             ])])
           ])) : b("", !0),
-          o("nav", wh, [
-            o("div", kh, [
+          o("nav", xh, [
+            o("div", wh, [
               (s(!0), d(G, null, X(e.navigationItems, (k) => (s(), d(G, {
                 key: k.name || k.label
               }, [
-                k.type === "link" ? (s(), d("div", $h, [
+                k.type === "link" ? (s(), d("div", kh, [
                   v(k) ? (s(), d("div", {
                     key: 1,
                     class: h(_(P)(
@@ -14367,9 +14363,9 @@ const nc = {
                         K(k) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, w(k.label), 3),
-                    k.badge ? (s(), d("span", zh, w(k.badge), 1)) : b("", !0),
-                    K(k) && v(k) ? (s(), d("div", Ah)) : b("", !0)
-                  ], 10, Sh)) : (s(), R(Y, {
+                    k.badge ? (s(), d("span", Sh, w(k.badge), 1)) : b("", !0),
+                    K(k) && v(k) ? (s(), d("div", zh)) : b("", !0)
+                  ], 10, Ch)) : (s(), R(Y, {
                     key: 0,
                     to: k.route,
                     class: h(_(P)(
@@ -14397,7 +14393,7 @@ const nc = {
                           K(k) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, w(k.label), 3),
-                      k.badge ? (s(), d("span", Ch, w(k.badge), 1)) : b("", !0)
+                      k.badge ? (s(), d("span", $h, w(k.badge), 1)) : b("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -14405,7 +14401,7 @@ const nc = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), d("div", Vh, [
+          e.showManagementSettings ? (s(), d("div", Ah, [
             o("div", {
               class: h(_(P)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -14431,7 +14427,7 @@ const nc = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), d("div", Ph)) : b("", !0)
+              e.isManagementSettingsActive ? (s(), d("div", Vh)) : b("", !0)
             ], 2)
           ])) : b("", !0)
         ], 6),
@@ -14454,8 +14450,8 @@ const nc = {
               ),
               style: ce($.value)
             }, [
-              o("div", Bh, [
-                o("div", Th, [
+              o("div", Ph, [
+                o("div", Bh, [
                   o("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",
@@ -14475,11 +14471,11 @@ const nc = {
                       })
                     ], -1)
                   ])]),
-                  o("h3", jh, w(m.value?.label), 1)
+                  o("h3", Th, w(m.value?.label), 1)
                 ])
               ]),
-              o("nav", Oh, [
-                o("div", Mh, [
+              o("nav", jh, [
+                o("div", Oh, [
                   (s(!0), d(G, null, X(m.value?.subItems, (k) => (s(), R(Y, {
                     key: k.name,
                     to: k.route,
@@ -14492,7 +14488,7 @@ const nc = {
                     onClick: (L) => S(k)
                   }, {
                     default: U(() => [
-                      K(k) ? (s(), d("div", Ih)) : b("", !0),
+                      K(k) ? (s(), d("div", Mh)) : b("", !0),
                       o("div", {
                         class: h(
                           _(P)(
@@ -14513,7 +14509,7 @@ const nc = {
                           K(k) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, w(k.label), 3),
-                      k.badge ? (s(), d("span", Fh, w(k.badge), 1)) : b("", !0)
+                      k.badge ? (s(), d("span", Ih, w(k.badge), 1)) : b("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -14566,12 +14562,12 @@ const nc = {
                   j[3] || (j[3] = o("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              o("nav", Lh, [
-                o("div", Dh, [
+              o("nav", Fh, [
+                o("div", Lh, [
                   (s(!0), d(G, null, X(e.managementSettings, (k) => (s(), d(G, {
                     key: k.name
                   }, [
-                    k.type === "section" ? (s(), d("div", Eh, w(k.label), 1)) : k.route ? (s(), R(Y, {
+                    k.type === "section" ? (s(), d("div", Dh, w(k.label), 1)) : k.route ? (s(), R(Y, {
                       key: 1,
                       to: k.route,
                       class: h(
@@ -14583,7 +14579,7 @@ const nc = {
                       onClick: (L) => O(k)
                     }, {
                       default: U(() => [
-                        K(k) ? (s(), d("div", Nh)) : b("", !0),
+                        K(k) ? (s(), d("div", Eh)) : b("", !0),
                         o("div", {
                           class: h(
                             _(P)(
@@ -14634,7 +14630,7 @@ const nc = {
       ]);
     };
   }
-}, _h = {
+}, Rh = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -14653,13 +14649,13 @@ const nc = {
       D(a.$slots, "default")
     ], 2));
   }
-}, Uh = {
+}, _h = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, qh = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Hh = { class: "text-slate-900 font-medium" }, Yh = {
+}, Uh = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, qh = { class: "text-slate-900 font-medium" }, Hh = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Wh = { class: "mt-2 text-slate-600 text-sm" }, Gh = {
+}, Yh = { class: "mt-2 text-slate-600 text-sm" }, Wh = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -14683,8 +14679,8 @@ const nc = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), d("div", Uh)) : b("", !0),
-      o("div", qh, [
+      e.orientation === "vertical" ? (s(), d("div", _h)) : b("", !0),
+      o("div", Uh, [
         D(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = o("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -14695,23 +14691,23 @@ const nc = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        o("h3", Hh, [
+        o("h3", qh, [
           D(a.$slots, "title", {}, () => [
             te(w(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), d("p", Yh, [
+        e.subtitle ? (s(), d("p", Hh, [
           D(a.$slots, "subtitle", {}, () => [
             te(w(e.subtitle), 1)
           ])
         ])) : b("", !0),
-        o("div", Wh, [
+        o("div", Yh, [
           D(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Kh = {
+}, Gh = {
   name: "AuthLayout",
   props: {
     title: {
@@ -14800,20 +14796,20 @@ const nc = {
       currentYear: p(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Xh = { class: "container mx-auto px-4 relative z-10" }, Qh = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Jh = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Zh = { class: "mb-6" }, eb = { class: "text-4xl lg:text-6xl font-bold mb-2" }, tb = { class: "text-white" }, ab = { class: "flex items-center justify-center lg:justify-start mb-6" }, nb = { class: "text-3xl lg:text-4xl font-bold text-white" }, rb = { class: "lg:col-span-4" }, sb = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, lb = {
+}, Kh = { class: "container mx-auto px-4 relative z-10" }, Xh = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Qh = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Jh = { class: "mb-6" }, Zh = { class: "text-4xl lg:text-6xl font-bold mb-2" }, eb = { class: "text-white" }, tb = { class: "flex items-center justify-center lg:justify-start mb-6" }, ab = { class: "text-3xl lg:text-4xl font-bold text-white" }, nb = { class: "lg:col-span-4" }, rb = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, sb = {
   key: 0,
   class: "mb-6"
-}, ob = { class: "text-center" }, ib = { class: "text-2xl font-bold text-gray-900" }, ub = {
+}, lb = { class: "text-center" }, ob = { class: "text-2xl font-bold text-gray-900" }, ib = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, db = { class: "space-y-6" }, cb = {
+}, ub = { class: "space-y-6" }, db = {
   key: 1,
   class: "mt-6"
-}, fb = {
+}, cb = {
   key: 0,
   class: "mt-6 text-center"
-}, mb = { class: "absolute bottom-4 right-4 text-right" }, gb = { class: "flex items-end justify-end mb-2" }, vb = { class: "text-right mr-3" }, hb = { class: "text-red-500 font-bold text-xs" }, bb = { class: "text-white text-xs" }, pb = { class: "text-white/70 text-xs" }, yb = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, xb = { class: "text-white/70 text-xs" }, wb = { class: "absolute bottom-4 left-4 flex gap-2" }, kb = ["href"];
-function $b(e, a, t, n, r, l) {
+}, fb = { class: "absolute bottom-4 right-4 text-right" }, mb = { class: "flex items-end justify-end mb-2" }, gb = { class: "text-right mr-3" }, vb = { class: "text-red-500 font-bold text-xs" }, hb = { class: "text-white text-xs" }, bb = { class: "text-white/70 text-xs" }, pb = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, yb = { class: "text-white/70 text-xs" }, xb = { class: "absolute bottom-4 left-4 flex gap-2" }, wb = ["href"];
+function kb(e, a, t, n, r, l) {
   const i = he("router-view"), m = he("font-awesome-icon");
   return s(), d("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -14826,70 +14822,70 @@ function $b(e, a, t, n, r, l) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    o("div", Xh, [
-      o("div", Qh, [
-        o("div", Jh, [
-          o("div", Zh, [
-            o("div", eb, [
+    o("div", Kh, [
+      o("div", Xh, [
+        o("div", Qh, [
+          o("div", Jh, [
+            o("div", Zh, [
               o("span", {
                 style: ce({ color: t.primaryColor })
               }, w(t.primaryLogoPrefix), 5),
-              o("span", tb, w(t.primaryLogoText), 1)
+              o("span", eb, w(t.primaryLogoText), 1)
             ]),
             o("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: ce({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          o("div", ab, [
+          o("div", tb, [
             o("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: ce({ backgroundColor: t.primaryColor })
             }, w(t.secondaryLogoPrefix), 5),
-            o("span", nb, w(t.secondaryLogoText), 1)
+            o("span", ab, w(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = o("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             o("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        o("div", rb, [
-          o("div", sb, [
-            e.$slots["card-header"] || t.title ? (s(), d("div", lb, [
+        o("div", nb, [
+          o("div", rb, [
+            e.$slots["card-header"] || t.title ? (s(), d("div", sb, [
               D(e.$slots, "card-header", {}, () => [
-                o("div", ob, [
-                  o("h1", ib, w(t.title), 1),
-                  t.subtitle ? (s(), d("p", ub, w(t.subtitle), 1)) : b("", !0)
+                o("div", lb, [
+                  o("h1", ob, w(t.title), 1),
+                  t.subtitle ? (s(), d("p", ib, w(t.subtitle), 1)) : b("", !0)
                 ])
               ])
             ])) : b("", !0),
-            o("div", db, [
+            o("div", ub, [
               T(i)
             ]),
-            e.$slots["card-footer"] ? (s(), d("div", cb, [
+            e.$slots["card-footer"] ? (s(), d("div", db, [
               D(e.$slots, "card-footer")
             ])) : b("", !0)
           ]),
-          e.$slots.links ? (s(), d("div", fb, [
+          e.$slots.links ? (s(), d("div", cb, [
             D(e.$slots, "links")
           ])) : b("", !0)
         ])
       ])
     ]),
-    o("div", mb, [
-      o("div", gb, [
-        o("div", vb, [
-          o("div", hb, w(t.companyName), 1),
-          o("div", bb, w(t.companyType), 1),
-          o("div", pb, w(t.companyTagline), 1)
+    o("div", fb, [
+      o("div", mb, [
+        o("div", gb, [
+          o("div", vb, w(t.companyName), 1),
+          o("div", hb, w(t.companyType), 1),
+          o("div", bb, w(t.companyTagline), 1)
         ]),
-        o("div", yb, w(t.companyInitials), 1)
+        o("div", pb, w(t.companyInitials), 1)
       ]),
-      o("div", xb, [
+      o("div", yb, [
         o("div", null, w(t.appName) + " (" + w(t.appVersion) + ")", 1),
         o("div", null, w(t.copyright), 1)
       ])
     ]),
-    o("div", wb, [
+    o("div", xb, [
       (s(!0), d(G, null, X(t.socialLinks, (g) => (s(), d("a", {
         key: g.name,
         href: g.url,
@@ -14901,14 +14897,14 @@ function $b(e, a, t, n, r, l) {
         T(m, {
           icon: ["fab", g.icon]
         }, null, 8, ["icon"])
-      ], 10, kb))), 128))
+      ], 10, wb))), 128))
     ])
   ], 4);
 }
-const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen bg-gray-50" }, zb = { class: "flex-1" }, Ab = {
+const $b = /* @__PURE__ */ Rt(Gh, [["render", kb]]), Cb = { class: "min-h-screen bg-gray-50" }, Sb = { class: "flex-1" }, zb = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, Vb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Pb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Bb = {
+}, Ab = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Vb = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Pb = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -14932,7 +14928,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = he("Logo"), r = he("MainNavigation"), l = he("Button"), i = he("Header"), m = he("Breadcrumb"), g = he("Text"), y = he("Footer");
-      return s(), d("div", Sb, [
+      return s(), d("div", Cb, [
         T(i, null, {
           logo: U(() => [
             D(a.$slots, "logo", {}, () => [
@@ -14965,15 +14961,15 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
           ]),
           _: 3
         }),
-        o("main", zb, [
-          e.showBreadcrumb ? (s(), d("div", Ab, [
-            o("div", Vb, [
+        o("main", Sb, [
+          e.showBreadcrumb ? (s(), d("div", zb, [
+            o("div", Ab, [
               D(a.$slots, "breadcrumb", {}, () => [
                 T(m, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : b("", !0),
-          o("div", Pb, [
+          o("div", Vb, [
             D(a.$slots, "default")
           ])
         ]),
@@ -14994,7 +14990,7 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       ]);
     };
   }
-}, Tb = {
+}, Bb = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -15260,20 +15256,20 @@ const Cb = /* @__PURE__ */ Rt(Kh, [["render", $b]]), Sb = { class: "min-h-screen
       helpClasses: ie
     };
   }
-}, jb = { class: "flex justify-center" }, Ob = { class: "flex items-center gap-3" }, Mb = { class: "text-2xl font-bold text-slate-900" }, Ib = {
+}, Tb = { class: "flex justify-center" }, jb = { class: "flex items-center gap-3" }, Ob = { class: "text-2xl font-bold text-slate-900" }, Mb = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, Fb = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Lb = ["disabled"], Db = {
+}, Ib = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Fb = ["disabled"], Lb = {
   key: 0,
   class: "animate-spin"
-}, Eb = { key: 1 }, Nb = ["disabled"], Rb = { key: 0 }, _b = { key: 1 }, Ub = {
+}, Db = { key: 1 }, Eb = ["disabled"], Nb = { key: 0 }, Rb = { key: 1 }, _b = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, qb = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Hb = { class: "text-lg font-semibold text-slate-900 mb-4" }, Yb = { class: "space-y-3" }, Wb = { class: "text-sm text-slate-600" }, Gb = ["href"], Kb = {
+}, Ub = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, qb = { class: "text-lg font-semibold text-slate-900 mb-4" }, Hb = { class: "space-y-3" }, Yb = { class: "text-sm text-slate-600" }, Wb = ["href"], Gb = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function Xb(e, a, t, n, r, l) {
+function Kb(e, a, t, n, r, l) {
   return s(), d("div", {
     class: h(n.layoutClasses)
   }, [
@@ -15293,13 +15289,13 @@ function Xb(e, a, t, n, r, l) {
         class: h(n.headerClasses)
       }, [
         D(e.$slots, "header", {}, () => [
-          o("div", jb, [
+          o("div", Tb, [
             D(e.$slots, "logo", {}, () => [
-              o("div", Ob, [
+              o("div", jb, [
                 a[5] || (a[5] = o("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   o("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                o("span", Mb, w(t.brandName), 1)
+                o("span", Ob, w(t.brandName), 1)
               ])
             ])
           ])
@@ -15345,7 +15341,7 @@ function Xb(e, a, t, n, r, l) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? b("", !0) : (s(), d("div", Ib, [...a[6] || (a[6] = [
+        n.isOnline ? b("", !0) : (s(), d("div", Mb, [...a[6] || (a[6] = [
           o("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             o("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             o("span", { class: "font-medium" }, "No Internet Connection")
@@ -15356,7 +15352,7 @@ function Xb(e, a, t, n, r, l) {
           class: h(n.actionsClasses)
         }, [
           D(e.$slots, "actions", {}, () => [
-            o("div", Fb, [
+            o("div", Ib, [
               t.showHomeButton ? (s(), d("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",
@@ -15379,18 +15375,18 @@ function Xb(e, a, t, n, r, l) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...i) => n.retry && n.retry(...i))
               }, [
-                n.isRetrying ? (s(), d("span", Db, "↻")) : (s(), d("span", Eb, "🔄")),
+                n.isRetrying ? (s(), d("span", Lb, "↻")) : (s(), d("span", Db, "🔄")),
                 te(" " + w(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Lb)) : b("", !0),
+              ], 8, Fb)) : b("", !0),
               t.showSupportButton ? (s(), d("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] = (i) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (s(), d("span", Rb, "✓")) : (s(), d("span", _b, "📝")),
+                n.reportSent ? (s(), d("span", Nb, "✓")) : (s(), d("span", Rb, "📝")),
                 te(" " + w(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Nb)) : b("", !0)
+              ], 8, Eb)) : b("", !0)
             ])
           ])
         ], 2)) : b("", !0),
@@ -15399,10 +15395,10 @@ function Xb(e, a, t, n, r, l) {
           class: h(n.additionalInfoClasses)
         }, [
           D(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), d("div", Ub, [
-              o("div", qb, [
-                o("h3", Hb, w(n.additionalInfoConfig.title), 1),
-                o("ul", Yb, [
+            n.additionalInfoConfig ? (s(), d("div", _b, [
+              o("div", Ub, [
+                o("h3", qb, w(n.additionalInfoConfig.title), 1),
+                o("ul", Hb, [
                   (s(!0), d(G, null, X(n.additionalInfoConfig.items, (i, m) => (s(), d("li", {
                     key: m,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -15422,7 +15418,7 @@ function Xb(e, a, t, n, r, l) {
           class: h(n.helpClasses)
         }, [
           D(e.$slots, "help", {}, () => [
-            o("p", Wb, [
+            o("p", Yb, [
               te(w(t.helpText) + " ", 1),
               t.supportUrl ? (s(), d("a", {
                 key: 0,
@@ -15431,19 +15427,19 @@ function Xb(e, a, t, n, r, l) {
               }, [...a[8] || (a[8] = [
                 o("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 te(" Get Help ", -1)
-              ])], 8, Gb)) : b("", !0)
+              ])], 8, Wb)) : b("", !0)
             ])
           ])
         ], 2)) : b("", !0),
-        n.isDev ? (s(), d("div", Kb, " Error ID: " + w(n.errorId), 1)) : b("", !0)
+        n.isDev ? (s(), d("div", Gb, " Error ID: " + w(n.errorId), 1)) : b("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-full relative" }, Zb = {
+const Xb = /* @__PURE__ */ Rt(Bb, [["render", Kb]]), Qb = { class: "w-full h-full relative" }, Jb = {
   key: 0,
   class: "w-full h-full flex items-center justify-center"
-}, ep = ["width", "height", "viewBox"], tp = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ap = ["cx", "cy", "r", "fill"], np = { key: 1 }, rp = ["x", "y"], sp = ["x", "y"], lp = { key: 2 }, op = ["x", "y"], ip = { key: 3 }, up = ["transform"], dp = ["fill"], cp = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, fp = { class: "flex items-center gap-2 mb-1.5" }, mp = { class: "font-semibold text-sm" }, gp = { class: "flex items-baseline gap-2 ml-5" }, vp = { class: "text-2xl font-bold" }, hp = { class: "mt-1 ml-5" }, bp = { class: "text-xs text-slate-300" }, yn = {
+}, Zb = ["width", "height", "viewBox"], ep = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], tp = ["cx", "cy", "r", "fill"], ap = { key: 1 }, np = ["x", "y"], rp = ["x", "y"], sp = { key: 2 }, lp = ["x", "y"], op = { key: 3 }, ip = ["transform"], up = ["fill"], dp = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, cp = { class: "flex items-center gap-2 mb-1.5" }, fp = { class: "font-semibold text-sm" }, mp = { class: "flex items-baseline gap-2 ml-5" }, gp = { class: "text-2xl font-bold" }, vp = { class: "mt-1 ml-5" }, hp = { class: "text-xs text-slate-300" }, yn = {
   __name: "PieChart",
   props: {
     data: {
@@ -15611,7 +15607,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         percentage: x.percentage
       });
     };
-    return (x, B) => (s(), d("div", Jb, [
+    return (x, B) => (s(), d("div", Qb, [
       i.value ? (s(), d("svg", {
         key: 1,
         width: e.width,
@@ -15630,7 +15626,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             onMouseenter: (K) => f(K, S, O),
             onMouseleave: u,
             onClick: (K) => c(S, O)
-          }, null, 42, tp))), 128))
+          }, null, 42, ep))), 128))
         ]),
         e.doughnut ? (s(), d("circle", {
           key: 0,
@@ -15638,24 +15634,24 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           cy: g.value,
           r: $.value,
           fill: e.centerFill
-        }, null, 8, ap)) : b("", !0),
-        e.doughnut && e.showCenterText ? (s(), d("g", np, [
+        }, null, 8, tp)) : b("", !0),
+        e.doughnut && e.showCenterText ? (s(), d("g", ap, [
           o("text", {
             x: m.value,
             y: g.value - 5,
             class: h(e.centerTextClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(l.value), 11, rp),
+          }, w(l.value), 11, np),
           o("text", {
             x: m.value,
             y: g.value + 15,
             class: h(e.centerLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, " Total ", 10, sp)
+          }, " Total ", 10, rp)
         ])) : b("", !0),
-        e.showValues ? (s(), d("g", lp, [
+        e.showValues ? (s(), d("g", sp, [
           (s(!0), d(G, null, X(z.value, (S, O) => (s(), d("text", {
             key: `value-${O}`,
             x: S.labelX,
@@ -15663,9 +15659,9 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             class: h(e.valueLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(e.showPercentages ? `${S.percentage}%` : S.value), 11, op))), 128))
+          }, w(e.showPercentages ? `${S.percentage}%` : S.value), 11, lp))), 128))
         ])) : b("", !0),
-        e.showLegend ? (s(), d("g", ip, [
+        e.showLegend ? (s(), d("g", op, [
           (s(!0), d(G, null, X(z.value, (S, O) => (s(), d("g", {
             key: `legend-${O}`,
             transform: `translate(${A(O)}, ${v(O)})`
@@ -15675,15 +15671,15 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
               height: 12,
               fill: V(O),
               rx: "2"
-            }, null, 8, dp),
+            }, null, 8, up),
             o("text", {
               x: 18,
               y: 10,
               class: h(e.legendTextClasses)
             }, w(S.label), 3)
-          ], 8, up))), 128))
+          ], 8, ip))), 128))
         ])) : b("", !0)
-      ], 8, ep)) : (s(), d("div", Zb, [...B[0] || (B[0] = [
+      ], 8, Zb)) : (s(), d("div", Jb, [...B[0] || (B[0] = [
         qr('<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)
       ])])),
       r.value.visible ? (s(), d("div", {
@@ -15698,42 +15694,42 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        o("div", cp, [
-          o("div", fp, [
+        o("div", dp, [
+          o("div", cp, [
             o("div", {
               style: ce({ backgroundColor: r.value.color }),
               class: "w-3 h-3 rounded-full shadow-sm"
             }, null, 4),
-            o("p", mp, w(r.value.label), 1)
+            o("p", fp, w(r.value.label), 1)
           ]),
-          o("div", gp, [
-            o("span", vp, w(r.value.value), 1),
+          o("div", mp, [
+            o("span", gp, w(r.value.value), 1),
             B[1] || (B[1] = o("span", { class: "text-xs text-slate-400" }, "tasks", -1))
           ]),
-          o("div", hp, [
-            o("span", bp, w(r.value.percentage) + "% of total", 1)
+          o("div", vp, [
+            o("span", hp, w(r.value.percentage) + "% of total", 1)
           ]),
           B[2] || (B[2] = o("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)) : b("", !0)
     ]));
   }
-}, pp = {
+}, bp = {
   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"
-}, yp = { class: "flex items-center gap-3" }, xp = { class: "font-semibold text-lg text-slate-900" }, wp = { class: "flex items-center gap-2" }, kp = ["disabled"], $p = {
+}, pp = { class: "flex items-center gap-3" }, yp = { class: "font-semibold text-lg text-slate-900" }, xp = { class: "flex items-center gap-2" }, wp = ["disabled"], kp = {
   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]"
-}, Cp = { class: "flex items-center justify-between mb-3" }, Sp = { class: "space-y-3" }, zp = ["for"], Ap = ["id", "onClick"], Vp = {
+}, $p = { class: "flex items-center justify-between mb-3" }, Cp = { class: "space-y-3" }, Sp = ["for"], zp = ["id", "onClick"], Ap = {
   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]"
-}, Pp = { class: "flex items-center justify-between mb-3" }, Bp = { class: "space-y-2" }, Tp = { class: "text-slate-700" }, jp = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Op = { class: "relative flex-1 overflow-hidden" }, Mp = {
+}, Vp = { class: "flex items-center justify-between mb-3" }, Pp = { class: "space-y-2" }, Bp = { class: "text-slate-700" }, Tp = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, jp = { class: "relative flex-1 overflow-hidden" }, Op = {
   key: 0,
   class: "absolute inset-0 bg-white/90 backdrop-blur-sm z-10 flex items-center justify-center"
-}, Ip = {
+}, Mp = {
   key: 3,
   class: "border-t border-slate-200 px-6 py-3 bg-slate-50 flex-shrink-0"
-}, Fp = {
+}, Ip = {
   __name: "DashboardWidget",
   props: {
     id: { type: String, required: !0 },
@@ -15869,16 +15865,16 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
       onFocus: A,
       onBlur: v
     }, [
-      e.showHeader ? (s(), d("div", pp, [
-        o("div", yp, [
+      e.showHeader ? (s(), d("div", bp, [
+        o("div", pp, [
           e.icon ? (s(), R(ee, {
             key: 0,
             icon: e.icon,
             class: "w-5 h-5 text-slate-700"
           }, null, 8, ["icon"])) : b("", !0),
-          o("h3", xp, w(e.title), 1)
+          o("h3", yp, w(e.title), 1)
         ]),
-        o("div", wp, [
+        o("div", xp, [
           D(C.$slots, "header-actions"),
           o("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
@@ -15915,11 +15911,11 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
                 { "animate-spin": e.loading }
               ])
             }, null, 8, ["class"])
-          ], 8, kp)) : b("", !0)
+          ], 8, wp)) : b("", !0)
         ])
       ])) : b("", !0),
-      m.value ? (s(), d("div", $p, [
-        o("div", Cp, [
+      m.value ? (s(), d("div", kp, [
+        o("div", $p, [
           j[4] || (j[4] = o("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
           o("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -15931,7 +15927,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             })
           ])
         ]),
-        o("div", Sp, [
+        o("div", Cp, [
           (s(!0), d(G, null, X(e.customizationOptions, (Y) => (s(), d("div", {
             key: Y.id,
             class: "flex items-center justify-between"
@@ -15939,7 +15935,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             o("label", {
               for: `setting-${Y.id}`,
               class: "text-sm text-slate-700 cursor-pointer"
-            }, w(Y.label), 9, zp),
+            }, w(Y.label), 9, Sp),
             o("button", {
               id: `setting-${Y.id}`,
               class: h([
@@ -15954,12 +15950,12 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
                   g.value[Y.id] ? "translate-x-6" : "translate-x-1"
                 ])
               }, null, 2)
-            ], 10, Ap)
+            ], 10, zp)
           ]))), 128))
         ])
       ])) : b("", !0),
-      f.value ? (s(), d("div", Vp, [
-        o("div", Pp, [
+      f.value ? (s(), d("div", Ap, [
+        o("div", Vp, [
           j[5] || (j[5] = o("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
           o("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -15971,18 +15967,18 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
             })
           ])
         ]),
-        o("div", Bp, [
+        o("div", Pp, [
           (s(), d(G, null, X(u, (Y) => o("div", {
             key: Y.key,
             class: "flex items-center justify-between text-sm"
           }, [
-            o("span", Tp, w(Y.description), 1),
-            o("kbd", jp, w(Y.key), 1)
+            o("span", Bp, w(Y.description), 1),
+            o("kbd", Tp, w(Y.key), 1)
           ])), 64))
         ])
       ])) : b("", !0),
-      o("div", Op, [
-        e.loading ? (s(), d("div", Mp, [
+      o("div", jp, [
+        e.loading ? (s(), d("div", Op, [
           T(dt, {
             type: "spin",
             size: "medium",
@@ -16001,7 +15997,7 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
           D(C.$slots, "default")
         ], 2))
       ]),
-      C.$slots.footer ? (s(), d("div", Ip, [
+      C.$slots.footer ? (s(), d("div", Mp, [
         D(C.$slots, "footer")
       ])) : b("", !0)
     ], 38)) : b("", !0);
@@ -16186,17 +16182,17 @@ const Qb = /* @__PURE__ */ Rt(Tb, [["render", Xb]]), Jb = { class: "w-full h-ful
   DataTableFilters: t0,
   DataTableToolBar: b0,
   Footer: S0,
-  Header: jv,
-  ReusableFormModal: nh,
-  ReusableForm: ph,
-  Sidebar: Rh,
-  Timeline: _h,
-  TimelineItem: Gh,
-  AuthLayout: Cb,
-  DefaultLayout: Bb,
-  ErrorLayout: Qb,
-  DashboardWidget: Fp
-}, Np = {
+  Header: Tv,
+  ReusableFormModal: ah,
+  ReusableForm: bh,
+  Sidebar: Nh,
+  Timeline: Rh,
+  TimelineItem: Wh,
+  AuthLayout: $b,
+  DefaultLayout: Pb,
+  ErrorLayout: Xb,
+  DashboardWidget: Ip
+}, Ep = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(wn).forEach((n) => {
@@ -16209,7 +16205,7 @@ export {
   Jc as Accordion,
   Zc as AccordionItem,
   Cu as Alert,
-  Cb as AuthLayout,
+  $b as AuthLayout,
   bi as Avatar,
   Vr as Badge,
   Mr as BarChart,
@@ -16225,7 +16221,7 @@ export {
   Gu as CardTitle,
   Mt as Checkbox,
   Br as CircularProgress,
-  Fp as DashboardWidget,
+  Ip as DashboardWidget,
   og as DataTable,
   ug as DataTableCell,
   t0 as DataTableFilters,
@@ -16234,17 +16230,17 @@ export {
   ig as DataTableRow,
   b0 as DataTableToolBar,
   Nt as DatePicker,
-  Bb as DefaultLayout,
+  Pb as DefaultLayout,
   Vi as Divider,
   sd as Dropdown,
   od as DropdownItem,
-  Qb as ErrorLayout,
+  Xb as ErrorLayout,
   jr as FileUpload,
   S0 as Footer,
   La as FormField,
   hf as Graph,
   fm as GraphFilters,
-  jv as Header,
+  Tv as Header,
   ee as Icon,
   ji as Image,
   ve as Input,
@@ -16265,11 +16261,11 @@ export {
   qi as Progress,
   Yi as ProgressBar,
   Zi as Radio,
-  ph as ReusableForm,
-  nh as ReusableFormModal,
+  bh as ReusableForm,
+  ah as ReusableFormModal,
   Vc as Search,
   Oe as Select,
-  Rh as Sidebar,
+  Nh as Sidebar,
   Ea as Slider,
   Ia as Spinner,
   Oc as Stepper,
@@ -16279,13 +16275,13 @@ export {
   Yc as TabPanel,
   vu as Text,
   Fa as Textarea,
-  _h as Timeline,
-  Gh as TimelineItem,
+  Rh as Timeline,
+  Wh as TimelineItem,
   mc as Toast,
   Tr as Tooltip,
   ya as Typography,
   P as cn,
-  Np as default,
+  Ep as default,
   ze as toast,
   xn as tooltip,
   sc as useToaster