@stlhorizon/vue-ui 3.3.0 → 3.3.1

package/dist/index.esm.js

@@ -10534,7 +10534,7 @@ const $d = {
                       default: R(() => [
                         B(xe, {
                           variant: V(ce.variant),
-                          size: "icon",
+                          size: "xs",
                           disabled: S(ce, we.item) || !d(ce, we.item),
                           class: "h-8 w-8",
                           onClick: je((Ba) => F(ce, we.item), ["stop"])
@@ -10607,7 +10607,7 @@ const $d = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : h("", !0)
     ], 2));
   }
-}, vm = /* @__PURE__ */ jt(gm, [["__scopeId", "data-v-3ac63b7b"]]), bm = {
+}, vm = /* @__PURE__ */ jt(gm, [["__scopeId", "data-v-32089b8f"]]), bm = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -11926,10 +11926,10 @@ const $d = {
 }, Rg = { class: "max-h-96 overflow-y-auto" }, _g = { class: "flex items-start space-x-3" }, qg = { class: "flex-1" }, Ug = { class: "text-sm text-gray-900" }, Wg = { class: "text-xs text-gray-500 mt-1" }, Yg = { class: "relative" }, Hg = { 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" }, Gg = { class: "text-blue-700 text-sm font-medium" }, Kg = { class: "hidden md:block text-left max-w-[160px] truncate" }, Xg = { class: "text-sm font-medium text-gray-900 truncate" }, Jg = { class: "text-xs text-gray-500 truncate leading-tight" }, Qg = {
   key: 0,
   class: "absolute right-0 mt-2 w-58 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Zg = { class: "p-4 border-b border-gray-200" }, ev = { class: "text-sm font-medium text-gray-900" }, tv = { class: "text-xs text-gray-500" }, av = { class: "py-2" }, nv = {
+}, Zg = { class: "p-4 border-b border-gray-200" }, e0 = { class: "text-sm font-medium text-gray-900" }, t0 = { class: "text-xs text-gray-500" }, a0 = { class: "py-2" }, n0 = {
   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"
-}, rv = ["onClick"], sv = { 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" }, lv = { class: "flex-1 truncate font-semibold text-gray-700" }, ov = {
+}, r0 = ["onClick"], s0 = { 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" }, l0 = { class: "flex-1 truncate font-semibold text-gray-700" }, o0 = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -12160,10 +12160,10 @@ const $d = {
                 default: R(() => [
                   l.value ? (s(), u("div", Qg, [
                     i("div", Zg, [
-                      i("p", ev, p(e.user.name), 1),
-                      i("p", tv, p(e.user.email), 1)
+                      i("p", e0, p(e.user.name), 1),
+                      i("p", t0, p(e.user.email), 1)
                     ]),
-                    i("div", av, [
+                    i("div", a0, [
                       (s(!0), u(K, null, X(e.profileMenuItems, (G) => (s(), u(K, {
                         key: G.name
                       }, [
@@ -12177,7 +12177,7 @@ const $d = {
                           onClick: (le) => A(G)
                         }, {
                           default: R(() => [
-                            x(G) ? (s(), u("div", nv)) : h("", !0),
+                            x(G) ? (s(), u("div", n0)) : h("", !0),
                             i("div", {
                               class: v(N(C)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
@@ -12203,15 +12203,15 @@ const $d = {
                           class: "flex items-center w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent",
                           onClick: (le) => f(G)
                         }, [
-                          i("div", sv, [
+                          i("div", s0, [
                             G.icon ? (s(), _(Q, {
                               key: 0,
                               icon: G.icon,
                               class: "w-4 h-4"
                             }, null, 8, ["icon"])) : h("", !0)
                           ]),
-                          i("span", lv, p(G.label), 1)
-                        ], 8, rv))
+                          i("span", l0, p(G.label), 1)
+                        ], 8, r0))
                       ], 64))), 128))
                     ]),
                     i("div", { class: "border-t border-gray-200 py-2" }, [
@@ -12247,28 +12247,28 @@ const $d = {
       ], 2);
     };
   }
-}, iv = { class: "mb-4" }, uv = { class: "text-lg font-semibold text-gray-900" }, dv = { class: "text-sm text-gray-600" }, cv = ["onUpdate:modelValue"], fv = {
+}, i0 = { class: "mb-4" }, u0 = { class: "text-lg font-semibold text-gray-900" }, d0 = { class: "text-sm text-gray-600" }, c0 = ["onUpdate:modelValue"], f0 = {
   value: "",
   disabled: ""
-}, mv = ["value"], gv = {
+}, m0 = ["value"], g0 = {
   key: 3,
   class: "flex items-center"
-}, vv = {
+}, v0 = {
   key: 4,
   class: "flex items-center"
-}, bv = ["id", "aria-checked", "disabled", "onClick"], hv = {
+}, b0 = ["id", "aria-checked", "disabled", "onClick"], h0 = {
   key: 5,
   class: "space-y-2"
-}, yv = {
+}, y0 = {
   key: 6,
   class: "space-y-2"
-}, pv = {
+}, p0 = {
   key: 0,
   class: "text-xs text-gray-500"
-}, xv = {
+}, x0 = {
   key: 8,
   class: "space-y-2"
-}, wv = { class: "flex items-center gap-4" }, kv = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, $v = { class: "flex justify-end gap-3 pt-4" }, Sv = {
+}, w0 = { class: "flex items-center gap-4" }, k0 = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, $0 = { class: "flex justify-end gap-3 pt-4" }, S0 = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12467,9 +12467,9 @@ const $d = {
       onClose: x
     }, {
       default: R(() => [
-        i("div", iv, [
-          i("h2", uv, p(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
-          i("p", dv, p(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
+        i("div", i0, [
+          i("h2", u0, p(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
+          i("p", d0, p(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         i("form", {
           class: "space-y-4",
@@ -12482,7 +12482,7 @@ const $d = {
               key: 0,
               "onUpdate:modelValue": (S) => l.value[d.name] = S,
               type: "hidden"
-            }, null, 8, cv)), [
+            }, null, 8, c0)), [
               [wt, l.value[d.name]]
             ]) : (s(), _(xr, {
               key: 1,
@@ -12530,14 +12530,14 @@ const $d = {
                   "onUpdate:modelValue": (Y) => k(d, Y)
                 }, {
                   default: R(() => [
-                    i("option", fv, p(d.placeholder || "Select an option"), 1),
+                    i("option", f0, p(d.placeholder || "Select an option"), 1),
                     (s(!0), u(K, null, X(d.options, (Y) => (s(), u("option", {
                       key: Y.value,
                       value: Y.value
-                    }, p(Y.label), 9, mv))), 128))
+                    }, p(Y.label), 9, m0))), 128))
                   ]),
                   _: 2
-                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : d.type === "checkbox" ? (s(), u("div", gv, [
+                }, 1032, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : d.type === "checkbox" ? (s(), u("div", g0, [
                   B(Be, {
                     id: S,
                     modelValue: l.value[d.name],
@@ -12556,7 +12556,7 @@ const $d = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : d.type === "switch" ? (s(), u("div", vv, [
+                ])) : d.type === "switch" ? (s(), u("div", v0, [
                   i("button", {
                     id: S,
                     type: "button",
@@ -12576,7 +12576,7 @@ const $d = {
                         l.value[d.name] ? "translate-x-6" : "translate-x-1"
                       ])
                     }, null, 2)
-                  ], 10, bv),
+                  ], 10, b0),
                   B(ot, {
                     for: S,
                     class: "ml-3 text-sm text-gray-700"
@@ -12586,7 +12586,7 @@ const $d = {
                     ]),
                     _: 2
                   }, 1032, ["for"])
-                ])) : d.type === "radio" ? (s(), u("div", hv, [
+                ])) : d.type === "radio" ? (s(), u("div", h0, [
                   (s(!0), u(K, null, X(d.options, (Y) => (s(), u("div", {
                     key: Y.value,
                     class: "flex items-center"
@@ -12611,7 +12611,7 @@ const $d = {
                       _: 2
                     }, 1032, ["for"])
                   ]))), 128))
-                ])) : d.type === "file" ? (s(), u("div", yv, [
+                ])) : d.type === "file" ? (s(), u("div", y0, [
                   B(Be, {
                     id: S,
                     type: "file",
@@ -12624,7 +12624,7 @@ const $d = {
                     "aria-describedby": V,
                     onChange: (Y) => $(d, Y)
                   }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                  d.helpText ? (s(), u("p", pv, p(d.helpText), 1)) : h("", !0)
+                  d.helpText ? (s(), u("p", p0, p(d.helpText), 1)) : h("", !0)
                 ])) : d.type === "slider" ? (s(), _($r, {
                   key: 7,
                   "model-value": l.value[d.name],
@@ -12633,8 +12633,8 @@ const $d = {
                   step: d.step,
                   disabled: o.value || d.disabled,
                   "onUpdate:modelValue": (Y) => I(d, Y)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : d.type === "range" ? (s(), u("div", xv, [
-                  i("div", wv, [
+                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : d.type === "range" ? (s(), u("div", x0, [
+                  i("div", w0, [
                     B(Be, {
                       id: S,
                       modelValue: l.value[d.name],
@@ -12647,7 +12647,7 @@ const $d = {
                       class: "flex-1",
                       "aria-describedby": V
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                    i("span", kv, p(l.value[d.name]), 1)
+                    i("span", k0, p(l.value[d.name]), 1)
                   ])
                 ])) : d.type === "date" ? (s(), _(Aa, {
                   key: 9,
@@ -12705,7 +12705,7 @@ const $d = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"]))
           ]))), 128)),
-          i("div", $v, [
+          i("div", $0, [
             B(xe, {
               type: "button",
               variant: "outline",
@@ -12734,37 +12734,37 @@ const $d = {
       _: 1
     }, 8, ["modelValue", "size", "resizable"]));
   }
-}, Cv = {
+}, C0 = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0 lg:hidden"
-}, zv = { class: "text-lg font-bold text-gray-900" }, Av = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, Bv = { class: "space-y-2" }, Tv = { key: 0 }, Pv = {
+}, z0 = { class: "text-lg font-bold text-gray-900" }, A0 = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, B0 = { class: "space-y-2" }, T0 = { key: 0 }, P0 = {
   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"
-}, Iv = ["onClick"], jv = {
+}, I0 = ["onClick"], j0 = {
   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"
-}, Vv = {
+}, V0 = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Ov = {
+}, O0 = {
   key: 1,
   class: "border-t border-gray-200 p-4 flex-shrink-0"
-}, Fv = {
+}, F0 = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Mv = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Dv = { class: "flex items-center justify-between p-4" }, Ev = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Lv = { class: "p-3" }, Nv = { class: "space-y-1" }, Rv = {
+}, M0 = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, D0 = { class: "flex items-center justify-between p-4" }, E0 = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, L0 = { class: "p-3" }, N0 = { class: "space-y-1" }, R0 = {
   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"
-}, _v = {
+}, _0 = {
   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"
-}, qv = { class: "p-3" }, Uv = { class: "space-y-1" }, Wv = {
+}, q0 = { class: "p-3" }, U0 = { class: "space-y-1" }, W0 = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Yv = {
+}, Y0 = {
   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"
-}, Hv = {
+}, H0 = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -12887,8 +12887,8 @@ const $d = {
           )),
           style: me({ width: e.sidebarWidth + "px", top: o.value ? "0px" : "4rem" })
         }, [
-          o.value ? (s(), u("div", Cv, [
-            i("h2", zv, p(e.header?.title), 1),
+          o.value ? (s(), u("div", C0, [
+            i("h2", z0, p(e.header?.title), 1),
             i("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -12909,12 +12909,12 @@ const $d = {
               ], -1)
             ])])
           ])) : h("", !0),
-          i("nav", Av, [
-            i("div", Bv, [
+          i("nav", A0, [
+            i("div", B0, [
               (s(!0), u(K, null, X(e.navigationItems, (z) => (s(), u(K, {
                 key: z.name || z.label
               }, [
-                z.type === "link" ? (s(), u("div", Tv, [
+                z.type === "link" ? (s(), u("div", T0, [
                   x(z) ? (s(), u("div", {
                     key: 1,
                     class: v(N(C)(
@@ -12941,9 +12941,9 @@ const $d = {
                         G(z) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, p(z.label), 3),
-                    z.badge ? (s(), u("span", jv, p(z.badge), 1)) : h("", !0),
-                    G(z) && x(z) ? (s(), u("div", Vv)) : h("", !0)
-                  ], 10, Iv)) : (s(), _(J, {
+                    z.badge ? (s(), u("span", j0, p(z.badge), 1)) : h("", !0),
+                    G(z) && x(z) ? (s(), u("div", V0)) : h("", !0)
+                  ], 10, I0)) : (s(), _(J, {
                     key: 0,
                     to: z.route,
                     class: v(N(C)(
@@ -12971,7 +12971,7 @@ const $d = {
                           G(z) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, p(z.label), 3),
-                      z.badge ? (s(), u("span", Pv, p(z.badge), 1)) : h("", !0)
+                      z.badge ? (s(), u("span", P0, p(z.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -12979,7 +12979,7 @@ const $d = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), u("div", Ov, [
+          e.showManagementSettings ? (s(), u("div", O0, [
             i("div", {
               class: v(N(C)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -13005,7 +13005,7 @@ const $d = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), u("div", Fv)) : h("", !0)
+              e.isManagementSettingsActive ? (s(), u("div", F0)) : h("", !0)
             ], 2)
           ])) : h("", !0)
         ], 6),
@@ -13028,8 +13028,8 @@ const $d = {
               ),
               style: me(w.value)
             }, [
-              i("div", Mv, [
-                i("div", Dv, [
+              i("div", M0, [
+                i("div", D0, [
                   i("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -13049,11 +13049,11 @@ const $d = {
                       })
                     ], -1)
                   ])]),
-                  i("h3", Ev, p(c.value?.label), 1)
+                  i("h3", E0, p(c.value?.label), 1)
                 ])
               ]),
-              i("nav", Lv, [
-                i("div", Nv, [
+              i("nav", L0, [
+                i("div", N0, [
                   (s(!0), u(K, null, X(c.value?.subItems, (z) => (s(), _(J, {
                     key: z.name,
                     to: z.route,
@@ -13066,7 +13066,7 @@ const $d = {
                     onClick: (M) => V(z)
                   }, {
                     default: R(() => [
-                      G(z) ? (s(), u("div", Rv)) : h("", !0),
+                      G(z) ? (s(), u("div", R0)) : h("", !0),
                       i("div", {
                         class: v(
                           N(C)(
@@ -13087,7 +13087,7 @@ const $d = {
                           G(z) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, p(z.label), 3),
-                      z.badge ? (s(), u("span", _v, p(z.badge), 1)) : h("", !0)
+                      z.badge ? (s(), u("span", _0, p(z.badge), 1)) : h("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -13140,12 +13140,12 @@ const $d = {
                   Z[3] || (Z[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              i("nav", qv, [
-                i("div", Uv, [
+              i("nav", q0, [
+                i("div", U0, [
                   (s(!0), u(K, null, X(e.managementSettings, (z) => (s(), u(K, {
                     key: z.name
                   }, [
-                    z.type === "section" ? (s(), u("div", Wv, p(z.label), 1)) : z.route ? (s(), _(J, {
+                    z.type === "section" ? (s(), u("div", W0, p(z.label), 1)) : z.route ? (s(), _(J, {
                       key: 1,
                       to: z.route,
                       class: v(
@@ -13157,7 +13157,7 @@ const $d = {
                       onClick: (M) => Y(z)
                     }, {
                       default: R(() => [
-                        G(z) ? (s(), u("div", Yv)) : h("", !0),
+                        G(z) ? (s(), u("div", Y0)) : h("", !0),
                         i("div", {
                           class: v(
                             N(C)(
@@ -13208,7 +13208,7 @@ const $d = {
       ]);
     };
   }
-}, Gv = {
+}, G0 = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -13227,13 +13227,13 @@ const $d = {
       O(a.$slots, "default")
     ], 2));
   }
-}, Kv = {
+}, K0 = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Xv = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Jv = { class: "text-slate-900 font-medium" }, Qv = {
+}, X0 = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, J0 = { class: "text-slate-900 font-medium" }, Q0 = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Zv = { class: "mt-2 text-slate-600 text-sm" }, e0 = {
+}, Z0 = { class: "mt-2 text-slate-600 text-sm" }, ev = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -13257,8 +13257,8 @@ const $d = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), u("div", Kv)) : h("", !0),
-      i("div", Xv, [
+      e.orientation === "vertical" ? (s(), u("div", K0)) : h("", !0),
+      i("div", X0, [
         O(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -13269,23 +13269,23 @@ const $d = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Jv, [
+        i("h3", J0, [
           O(a.$slots, "title", {}, () => [
             te(p(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), u("p", Qv, [
+        e.subtitle ? (s(), u("p", Q0, [
           O(a.$slots, "subtitle", {}, () => [
             te(p(e.subtitle), 1)
           ])
         ])) : h("", !0),
-        i("div", Zv, [
+        i("div", Z0, [
           O(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, t0 = {
+}, tv = {
   name: "AuthLayout",
   props: {
     title: {
@@ -13374,20 +13374,20 @@ const $d = {
       currentYear: b(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, a0 = { class: "container mx-auto px-4 relative z-10" }, n0 = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, r0 = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, s0 = { class: "mb-6" }, l0 = { class: "text-4xl lg:text-6xl font-bold mb-2" }, o0 = { class: "text-white" }, i0 = { class: "flex items-center justify-center lg:justify-start mb-6" }, u0 = { class: "text-3xl lg:text-4xl font-bold text-white" }, d0 = { class: "lg:col-span-4" }, c0 = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, f0 = {
+}, av = { class: "container mx-auto px-4 relative z-10" }, nv = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, rv = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, sv = { class: "mb-6" }, lv = { class: "text-4xl lg:text-6xl font-bold mb-2" }, ov = { class: "text-white" }, iv = { class: "flex items-center justify-center lg:justify-start mb-6" }, uv = { class: "text-3xl lg:text-4xl font-bold text-white" }, dv = { class: "lg:col-span-4" }, cv = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, fv = {
   key: 0,
   class: "mb-6"
-}, m0 = { class: "text-center" }, g0 = { class: "text-2xl font-bold text-gray-900" }, v0 = {
+}, mv = { class: "text-center" }, gv = { class: "text-2xl font-bold text-gray-900" }, vv = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, b0 = { class: "space-y-6" }, h0 = {
+}, bv = { class: "space-y-6" }, hv = {
   key: 1,
   class: "mt-6"
-}, y0 = {
+}, yv = {
   key: 0,
   class: "mt-6 text-center"
-}, p0 = { class: "absolute bottom-4 right-4 text-right" }, x0 = { class: "flex items-end justify-end mb-2" }, w0 = { class: "text-right mr-3" }, k0 = { class: "text-red-500 font-bold text-xs" }, $0 = { class: "text-white text-xs" }, S0 = { class: "text-white/70 text-xs" }, C0 = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, z0 = { class: "text-white/70 text-xs" }, A0 = { class: "absolute bottom-4 left-4 flex gap-2" }, B0 = ["href"];
-function T0(e, a, t, n, r, o) {
+}, pv = { class: "absolute bottom-4 right-4 text-right" }, xv = { class: "flex items-end justify-end mb-2" }, wv = { class: "text-right mr-3" }, kv = { class: "text-red-500 font-bold text-xs" }, $v = { class: "text-white text-xs" }, Sv = { class: "text-white/70 text-xs" }, Cv = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, zv = { class: "text-white/70 text-xs" }, Av = { class: "absolute bottom-4 left-4 flex gap-2" }, Bv = ["href"];
+function Tv(e, a, t, n, r, o) {
   const l = fe("router-view"), c = fe("font-awesome-icon");
   return s(), u("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -13400,70 +13400,70 @@ function T0(e, a, t, n, r, o) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", a0, [
-      i("div", n0, [
-        i("div", r0, [
-          i("div", s0, [
-            i("div", l0, [
+    i("div", av, [
+      i("div", nv, [
+        i("div", rv, [
+          i("div", sv, [
+            i("div", lv, [
               i("span", {
                 style: me({ color: t.primaryColor })
               }, p(t.primaryLogoPrefix), 5),
-              i("span", o0, p(t.primaryLogoText), 1)
+              i("span", ov, p(t.primaryLogoText), 1)
             ]),
             i("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: me({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          i("div", i0, [
+          i("div", iv, [
             i("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: me({ backgroundColor: t.primaryColor })
             }, p(t.secondaryLogoPrefix), 5),
-            i("span", u0, p(t.secondaryLogoText), 1)
+            i("span", uv, p(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = i("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             i("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        i("div", d0, [
-          i("div", c0, [
-            e.$slots["card-header"] || t.title ? (s(), u("div", f0, [
+        i("div", dv, [
+          i("div", cv, [
+            e.$slots["card-header"] || t.title ? (s(), u("div", fv, [
               O(e.$slots, "card-header", {}, () => [
-                i("div", m0, [
-                  i("h1", g0, p(t.title), 1),
-                  t.subtitle ? (s(), u("p", v0, p(t.subtitle), 1)) : h("", !0)
+                i("div", mv, [
+                  i("h1", gv, p(t.title), 1),
+                  t.subtitle ? (s(), u("p", vv, p(t.subtitle), 1)) : h("", !0)
                 ])
               ])
             ])) : h("", !0),
-            i("div", b0, [
+            i("div", bv, [
               B(l)
             ]),
-            e.$slots["card-footer"] ? (s(), u("div", h0, [
+            e.$slots["card-footer"] ? (s(), u("div", hv, [
               O(e.$slots, "card-footer")
             ])) : h("", !0)
           ]),
-          e.$slots.links ? (s(), u("div", y0, [
+          e.$slots.links ? (s(), u("div", yv, [
             O(e.$slots, "links")
           ])) : h("", !0)
         ])
       ])
     ]),
-    i("div", p0, [
-      i("div", x0, [
-        i("div", w0, [
-          i("div", k0, p(t.companyName), 1),
-          i("div", $0, p(t.companyType), 1),
-          i("div", S0, p(t.companyTagline), 1)
+    i("div", pv, [
+      i("div", xv, [
+        i("div", wv, [
+          i("div", kv, p(t.companyName), 1),
+          i("div", $v, p(t.companyType), 1),
+          i("div", Sv, p(t.companyTagline), 1)
         ]),
-        i("div", C0, p(t.companyInitials), 1)
+        i("div", Cv, p(t.companyInitials), 1)
       ]),
-      i("div", z0, [
+      i("div", zv, [
         i("div", null, p(t.appName) + " (" + p(t.appVersion) + ")", 1),
         i("div", null, p(t.copyright), 1)
       ])
     ]),
-    i("div", A0, [
+    i("div", Av, [
       (s(!0), u(K, null, X(t.socialLinks, (g) => (s(), u("a", {
         key: g.name,
         href: g.url,
@@ -13475,14 +13475,14 @@ function T0(e, a, t, n, r, o) {
         B(c, {
           icon: ["fab", g.icon]
         }, null, 8, ["icon"])
-      ], 10, B0))), 128))
+      ], 10, Bv))), 128))
     ])
   ], 4);
 }
-const P0 = /* @__PURE__ */ jt(t0, [["render", T0]]), I0 = { class: "min-h-screen bg-gray-50" }, j0 = { class: "flex-1" }, V0 = {
+const Pv = /* @__PURE__ */ jt(tv, [["render", Tv]]), Iv = { class: "min-h-screen bg-gray-50" }, jv = { class: "flex-1" }, Vv = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, O0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, F0 = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, M0 = {
+}, Ov = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Fv = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Mv = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -13506,7 +13506,7 @@ const P0 = /* @__PURE__ */ jt(t0, [["render", T0]]), I0 = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = fe("Logo"), r = fe("MainNavigation"), o = fe("Button"), l = fe("Header"), c = fe("Breadcrumb"), g = fe("Text"), y = fe("Footer");
-      return s(), u("div", I0, [
+      return s(), u("div", Iv, [
         B(l, null, {
           logo: R(() => [
             O(a.$slots, "logo", {}, () => [
@@ -13539,15 +13539,15 @@ const P0 = /* @__PURE__ */ jt(t0, [["render", T0]]), I0 = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", j0, [
-          e.showBreadcrumb ? (s(), u("div", V0, [
-            i("div", O0, [
+        i("main", jv, [
+          e.showBreadcrumb ? (s(), u("div", Vv, [
+            i("div", Ov, [
               O(a.$slots, "breadcrumb", {}, () => [
                 B(c, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : h("", !0),
-          i("div", F0, [
+          i("div", Fv, [
             O(a.$slots, "default")
           ])
         ]),
@@ -13568,7 +13568,7 @@ const P0 = /* @__PURE__ */ jt(t0, [["render", T0]]), I0 = { class: "min-h-screen
       ]);
     };
   }
-}, D0 = {
+}, Dv = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -13834,16 +13834,16 @@ const P0 = /* @__PURE__ */ jt(t0, [["render", T0]]), I0 = { class: "min-h-screen
       helpClasses: oe
     };
   }
-}, E0 = { class: "flex justify-center" }, L0 = { class: "flex items-center gap-3" }, N0 = { class: "text-2xl font-bold text-slate-900" }, R0 = {
+}, Ev = { class: "flex justify-center" }, Lv = { class: "flex items-center gap-3" }, Nv = { class: "text-2xl font-bold text-slate-900" }, Rv = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, _0 = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, q0 = ["disabled"], U0 = {
+}, _v = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, qv = ["disabled"], Uv = {
   key: 0,
   class: "animate-spin"
-}, W0 = { key: 1 }, Y0 = ["disabled"], H0 = { key: 0 }, G0 = { key: 1 }, K0 = {
+}, Wv = { key: 1 }, Yv = ["disabled"], Hv = { key: 0 }, Gv = { key: 1 }, Kv = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, X0 = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, J0 = { class: "text-lg font-semibold text-slate-900 mb-4" }, Q0 = { class: "space-y-3" }, Z0 = { class: "text-sm text-slate-600" }, eb = ["href"], tb = {
+}, Xv = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Jv = { class: "text-lg font-semibold text-slate-900 mb-4" }, Qv = { class: "space-y-3" }, Zv = { class: "text-sm text-slate-600" }, eb = ["href"], tb = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
@@ -13867,13 +13867,13 @@ function ab(e, a, t, n, r, o) {
         class: v(n.headerClasses)
       }, [
         O(e.$slots, "header", {}, () => [
-          i("div", E0, [
+          i("div", Ev, [
             O(e.$slots, "logo", {}, () => [
-              i("div", L0, [
+              i("div", Lv, [
                 a[5] || (a[5] = i("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   i("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                i("span", N0, p(t.brandName), 1)
+                i("span", Nv, p(t.brandName), 1)
               ])
             ])
           ])
@@ -13919,7 +13919,7 @@ function ab(e, a, t, n, r, o) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? h("", !0) : (s(), u("div", R0, [...a[6] || (a[6] = [
+        n.isOnline ? h("", !0) : (s(), u("div", Rv, [...a[6] || (a[6] = [
           i("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             i("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             i("span", { class: "font-medium" }, "No Internet Connection")
@@ -13930,7 +13930,7 @@ function ab(e, a, t, n, r, o) {
           class: v(n.actionsClasses)
         }, [
           O(e.$slots, "actions", {}, () => [
-            i("div", _0, [
+            i("div", _v, [
               t.showHomeButton ? (s(), u("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
@@ -13953,18 +13953,18 @@ function ab(e, a, t, n, r, 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] = (...l) => n.retry && n.retry(...l))
               }, [
-                n.isRetrying ? (s(), u("span", U0, "↻")) : (s(), u("span", W0, "🔄")),
+                n.isRetrying ? (s(), u("span", Uv, "↻")) : (s(), u("span", Wv, "🔄")),
                 te(" " + p(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, q0)) : h("", !0),
+              ], 8, qv)) : h("", !0),
               t.showSupportButton ? (s(), u("button", {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[3] || (a[3] = (l) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (s(), u("span", H0, "✓")) : (s(), u("span", G0, "📝")),
+                n.reportSent ? (s(), u("span", Hv, "✓")) : (s(), u("span", Gv, "📝")),
                 te(" " + p(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Y0)) : h("", !0)
+              ], 8, Yv)) : h("", !0)
             ])
           ])
         ], 2)) : h("", !0),
@@ -13973,10 +13973,10 @@ function ab(e, a, t, n, r, o) {
           class: v(n.additionalInfoClasses)
         }, [
           O(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), u("div", K0, [
-              i("div", X0, [
-                i("h3", J0, p(n.additionalInfoConfig.title), 1),
-                i("ul", Q0, [
+            n.additionalInfoConfig ? (s(), u("div", Kv, [
+              i("div", Xv, [
+                i("h3", Jv, p(n.additionalInfoConfig.title), 1),
+                i("ul", Qv, [
                   (s(!0), u(K, null, X(n.additionalInfoConfig.items, (l, c) => (s(), u("li", {
                     key: c,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -13996,7 +13996,7 @@ function ab(e, a, t, n, r, o) {
           class: v(n.helpClasses)
         }, [
           O(e.$slots, "help", {}, () => [
-            i("p", Z0, [
+            i("p", Zv, [
               te(p(t.helpText) + " ", 1),
               t.supportUrl ? (s(), u("a", {
                 key: 0,
@@ -14014,7 +14014,7 @@ function ab(e, a, t, n, r, o) {
     ], 2)
   ], 2);
 }
-const nb = /* @__PURE__ */ jt(D0, [["render", ab]]), un = {
+const nb = /* @__PURE__ */ jt(Dv, [["render", ab]]), un = {
   mounted(e, a) {
     if (!a.value) return;
     const t = Object.keys(a.modifiers)[0] || "top", n = document.createElement("div");
@@ -14193,13 +14193,13 @@ const nb = /* @__PURE__ */ jt(D0, [["render", ab]]), un = {
   DataTableFilters: rg,
   DataTableToolBar: xg,
   Footer: Bg,
-  Header: ov,
-  ReusableFormModal: Sv,
-  Sidebar: Hv,
-  Timeline: Gv,
-  TimelineItem: e0,
-  AuthLayout: P0,
-  DefaultLayout: M0,
+  Header: o0,
+  ReusableFormModal: S0,
+  Sidebar: H0,
+  Timeline: G0,
+  TimelineItem: ev,
+  AuthLayout: Pv,
+  DefaultLayout: Mv,
   ErrorLayout: nb
 }, ob = {
   install(e, a = {}) {
@@ -14214,7 +14214,7 @@ export {
   yc as Accordion,
   pc as AccordionItem,
   Ji as Alert,
-  P0 as AuthLayout,
+  Pv as AuthLayout,
   si as Avatar,
   oi as Badge,
   Gc as BarChart,
@@ -14237,7 +14237,7 @@ export {
   Cr as DataTableRow,
   xg as DataTableToolBar,
   Aa as DatePicker,
-  M0 as DefaultLayout,
+  Mv as DefaultLayout,
   hi as Divider,
   Vu as Dropdown,
   Fu as DropdownItem,
@@ -14247,7 +14247,7 @@ export {
   xr as FormField,
   Fc as Graph,
   Cf as GraphFilters,
-  ov as Header,
+  o0 as Header,
   Q as Icon,
   wi as Image,
   Be as Input,
@@ -14268,10 +14268,10 @@ export {
   Vi as Progress,
   Fi as ProgressBar,
   Ei as Radio,
-  Sv as ReusableFormModal,
+  S0 as ReusableFormModal,
   Gd as Search,
   Me as Select,
-  Hv as Sidebar,
+  H0 as Sidebar,
   $r as Slider,
   za as Spinner,
   Zd as Stepper,
@@ -14281,8 +14281,8 @@ export {
   fc as TabPanel,
   _i as Text,
   yr as Textarea,
-  Gv as Timeline,
-  e0 as TimelineItem,
+  G0 as Timeline,
+  ev as TimelineItem,
   Vd as Toast,
   pr as Tooltip,
   ia as Typography,