@stlhorizon/vue-ui 2.0.7 → 2.0.9

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ht, computed as m, watch as we, h as Ra, createBlock as R, openBlock as l, unref as N, normalizeClass as f, ref as H, createElementBlock as u, toDisplayString as p, createCommentVNode as g, renderSlot as P, resolveDynamicComponent as me, createVNode as A, mergeProps as Ee, createElementVNode as i, useId as ct, createTextVNode as G, withCtx as E, normalizeStyle as ce, nextTick as la, Transition as de, Fragment as X, renderList as J, onMounted as Te, onUnmounted as _e, resolveComponent as oe, Teleport as Wa, markRaw as Ha, TransitionGroup as nr, withDirectives as ft, vModelText as qa, provide as rr, inject as Ua, vShow as Ya, createSlots as sr, withModifiers as oa, getCurrentInstance as lr } from "vue";
+import { defineComponent as Ht, computed as m, watch as we, h as Ra, createBlock as R, openBlock as l, unref as N, normalizeClass as f, ref as H, createElementBlock as u, toDisplayString as p, createCommentVNode as g, renderSlot as P, resolveDynamicComponent as me, createVNode as A, mergeProps as Ee, createElementVNode as i, useId as ct, createTextVNode as G, withCtx as M, normalizeStyle as ce, nextTick as la, Transition as de, Fragment as K, renderList as J, onMounted as Te, onUnmounted as _e, resolveComponent as oe, Teleport as Wa, markRaw as Ha, TransitionGroup as nr, withDirectives as ft, vModelText as qa, provide as rr, inject as Ua, vShow as Ya, createSlots as sr, withModifiers as oa, getCurrentInstance as lr } from "vue";
 import { cva as T } from "class-variance-authority";
 import { clsx as or } from "clsx";
 function x(...e) {
@@ -4535,7 +4535,7 @@ const Z = {
       class: f(N(x)(N(s)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), c.$attrs.class)),
       onClick: o
     }, {
-      default: E(() => [
+      default: M(() => [
         e.icon && e.iconPosition === "left" ? (l(), R(Z, {
           key: 0,
           name: e.icon,
@@ -5027,7 +5027,7 @@ const Z = {
     return (r, s) => (l(), R(me(e.as), {
       class: f(n.value)
     }, {
-      default: E(() => [
+      default: M(() => [
         P(r.$slots, "default")
       ]),
       _: 3
@@ -5198,7 +5198,7 @@ const Z = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: E(() => [
+        default: M(() => [
           t.value ? (l(), u("div", {
             key: 0,
             class: f(o.value),
@@ -5322,7 +5322,7 @@ const Z = {
       }
     ]);
     return (d, c) => (l(), R(me(t.value), Ee({ class: o.value }, d.$attrs), {
-      default: E(() => [
+      default: M(() => [
         P(d.$slots, "default"),
         e.required ? (l(), u("span", pi, "*")) : g("", !0)
       ]),
@@ -5438,25 +5438,25 @@ const Z = {
       i("div", wi, [
         e.text && e.textPosition === "top" ? (l(), u("div", ki, p(e.text), 1)) : g("", !0),
         e.type === "spin" ? (l(), u("div", Si)) : e.type === "pulse" ? (l(), u("div", Ci)) : e.type === "bounce" ? (l(), u("div", $i, [
-          (l(), u(X, null, J(3, (n) => i("div", {
+          (l(), u(K, null, J(3, (n) => i("div", {
             class: "stl-loader__bounce-dot",
             key: n,
             style: ce({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
         ])) : e.type === "ripple" ? (l(), u("div", zi, [
-          (l(), u(X, null, J(2, (n) => i("div", {
+          (l(), u(K, null, J(2, (n) => i("div", {
             class: "stl-loader__ripple-ring",
             key: n,
             style: ce({ animationDelay: `${(n - 1) * 0.5}s` })
           }, null, 4)), 64))
         ])) : e.type === "bars" ? (l(), u("div", Ai, [
-          (l(), u(X, null, J(5, (n) => i("div", {
+          (l(), u(K, null, J(5, (n) => i("div", {
             class: "stl-loader__bar",
             key: n,
             style: ce({ animationDelay: `${(n - 1) * 0.1}s` })
           }, null, 4)), 64))
         ])) : e.type === "dots" ? (l(), u("div", Ii, [
-          (l(), u(X, null, J(3, (n) => i("div", {
+          (l(), u(K, null, J(3, (n) => i("div", {
             class: "stl-loader__dot",
             key: n,
             style: ce({ animationDelay: `${(n - 1) * 0.16}s` })
@@ -5589,7 +5589,7 @@ const Z = {
       "leave-from-class": "opacity-100 scale-100",
       "leave-to-class": "opacity-0 scale-95"
     }, {
-      default: E(() => [
+      default: M(() => [
         r.value ? (l(), u("div", {
           key: 0,
           class: f(N(x)(N(z)({ variant: e.variant }), h.$attrs.class)),
@@ -5612,13 +5612,13 @@ const Z = {
               ], 2),
               h.$slots.actions || e.actions.length > 0 ? (l(), u("div", Ni, [
                 P(h.$slots, "actions", {}, () => [
-                  (l(!0), u(X, null, J(e.actions, (y) => (l(), R(xe, {
+                  (l(!0), u(K, null, J(e.actions, (y) => (l(), R(xe, {
                     key: y.label,
                     variant: y.variant || "outline",
                     size: y.size || "sm",
                     onClick: (L) => o(y)
                   }, {
-                    default: E(() => [
+                    default: M(() => [
                       G(p(y.label), 1)
                     ]),
                     _: 2
@@ -5678,7 +5678,7 @@ const Z = {
       class: f(["flex", n.value])
     }, [
       i("ol", Di, [
-        (l(!0), u(X, null, J(e.items, (o, d) => (l(), u("li", {
+        (l(!0), u(K, null, J(e.items, (o, d) => (l(), u("li", {
           key: d,
           class: "flex items-center"
         }, [
@@ -5690,7 +5690,7 @@ const Z = {
             ]),
             "aria-current": d === e.items.length - 1 ? "page" : void 0
           }, {
-            default: E(() => [
+            default: M(() => [
               G(p(o.label), 1)
             ]),
             _: 2
@@ -6134,7 +6134,7 @@ const Z = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: E(() => [
+        default: M(() => [
           t.value ? (l(), u("div", {
             key: 0,
             class: f(d.value),
@@ -6188,7 +6188,7 @@ const Z = {
       role: "menuitem",
       onClick: o
     }, {
-      default: E(() => [
+      default: M(() => [
         e.icon ? (l(), R(Z, {
           key: 0,
           name: e.icon,
@@ -6292,7 +6292,7 @@ const Z = {
         ])
       ], 34),
       r.value.length > 0 ? (l(), u("div", vu, [
-        (l(!0), u(X, null, J(r.value, (V, F) => (l(), u("div", {
+        (l(!0), u(K, null, J(r.value, (V, F) => (l(), u("div", {
           key: F,
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
@@ -6441,7 +6441,7 @@ const Z = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: E(() => [
+          default: M(() => [
             n.value ? (l(), u("div", {
               key: 0,
               id: `${N(t)}-error`,
@@ -6471,7 +6471,7 @@ const Z = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: E(() => [
+          default: M(() => [
             e.success && !n.value ? (l(), u("div", {
               key: 0,
               class: f(N(x)(N(b)({ size: e.size, intent: "success" })))
@@ -6584,7 +6584,7 @@ const Z = {
         class: f(d.value),
         onClick: c
       }, {
-        default: E(() => [
+        default: M(() => [
           v.$slots.icon || e.icon ? (l(), u("div", Bu, [
             P(v.$slots, "icon", {}, () => [
               e.icon ? (l(), R(Z, {
@@ -6648,7 +6648,7 @@ const Z = {
       role: "menuitem",
       onClick: o
     }, {
-      default: E(() => [
+      default: M(() => [
         e.icon ? (l(), R(Z, {
           key: 0,
           name: e.icon,
@@ -6703,7 +6703,7 @@ const Z = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: E(() => [
+        default: M(() => [
           e.modelValue ? (l(), u("div", {
             key: 0,
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center",
@@ -6875,7 +6875,7 @@ const Z = {
       "leave-from-class": "transform translate-x-0 opacity-100",
       "leave-to-class": "transform translate-x-full opacity-0"
     }, {
-      default: E(() => [
+      default: M(() => [
         r.value ? (l(), u("div", {
           key: 0,
           class: f(c.value),
@@ -7094,8 +7094,8 @@ const td = {
           tag: "div",
           class: "space-y-2"
         }, {
-          default: E(() => [
-            (l(!0), u(X, null, J(N(t), (h) => (l(), u("div", {
+          default: M(() => [
+            (l(!0), u(K, null, J(N(t), (h) => (l(), u("div", {
               key: h.id,
               class: f([d(h), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
@@ -7308,17 +7308,17 @@ const td = {
         "leave-from-class": "opacity-100 scale-100 translate-y-0",
         "leave-to-class": "opacity-0 scale-95 translate-y-1"
       }, {
-        default: E(() => [
+        default: M(() => [
           v.value && (e.results.length > 0 || e.showNoResults) ? (l(), u("div", {
             key: 0,
             class: f(D.value)
           }, [
             e.results.length > 0 ? (l(), u("div", yd, [
-              (l(!0), u(X, null, J(e.results, (ae, M) => (l(), u("button", {
-                key: ae.id || M,
-                class: f(q(M)),
+              (l(!0), u(K, null, J(e.results, (ae, E) => (l(), u("button", {
+                key: ae.id || E,
+                class: f(q(E)),
                 onClick: (ee) => h(ae),
-                onMouseenter: (ee) => b.value = M
+                onMouseenter: (ee) => b.value = E
               }, [
                 ae.icon ? (l(), R(me(ae.icon), {
                   key: 0,
@@ -7433,7 +7433,7 @@ const td = {
       registerTab: (s) => (n.value.push({ label: s }), n.value.length - 1)
     }), (s, o) => (l(), u("div", null, [
       i("div", Ed, [
-        (l(!0), u(X, null, J(n.value, (d, c) => (l(), u("button", {
+        (l(!0), u(K, null, J(n.value, (d, c) => (l(), u("button", {
           key: c,
           onClick: (v) => r(c),
           class: f([
@@ -7609,7 +7609,7 @@ const td = {
     ), (q, se) => (l(), u("div", {
       class: f(h.value)
     }, [
-      (l(!0), u(X, null, J(e.items, (O, U) => (l(), u("div", {
+      (l(!0), u(K, null, J(e.items, (O, U) => (l(), u("div", {
         key: O.id || U,
         class: f(w.value)
       }, [
@@ -7649,7 +7649,7 @@ const td = {
           "leave-from-class": "opacity-100 max-h-96",
           "leave-to-class": "opacity-0 max-h-0"
         }, {
-          default: E(() => [
+          default: M(() => [
             d(U) ? (l(), u("div", {
               key: 0,
               class: f(D.value),
@@ -7737,7 +7737,7 @@ const td = {
         "aria-expanded": n.value,
         onClick: r
       }, {
-        default: E(() => [
+        default: M(() => [
           P(S.$slots, "header", { isOpen: n.value }),
           A(a, {
             class: f(N(x)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
@@ -7753,7 +7753,7 @@ const td = {
         "leave-from-class": "opacity-100 max-h-96",
         "leave-to-class": "opacity-0 max-h-0"
       }, {
-        default: E(() => [
+        default: M(() => [
           n.value ? (l(), u("div", {
             key: 0,
             class: f(b.value)
@@ -7802,7 +7802,7 @@ const td = {
           onClick: S,
           "aria-label": "Previous Month"
         }, {
-          default: E(() => [
+          default: M(() => [
             A(Z, {
               icon: h.chevron - h.left,
               class: "w-5 h-5"
@@ -7816,7 +7816,7 @@ const td = {
           onClick: B,
           "aria-label": "Next Month"
         }, {
-          default: E(() => [
+          default: M(() => [
             A(Z, {
               icon: h.chevron - h.right,
               class: "w-5 h-5"
@@ -7826,14 +7826,14 @@ const td = {
         })
       ]),
       i("div", Zd, [
-        (l(), u(X, null, J(s, (y) => i("div", { key: y }, p(y), 1)), 64))
+        (l(), u(K, null, J(s, (y) => i("div", { key: y }, p(y), 1)), 64))
       ]),
       i("div", ec, [
-        (l(!0), u(X, null, J(v.value, (y) => (l(), u("div", {
+        (l(!0), u(K, null, J(v.value, (y) => (l(), u("div", {
           key: "prev-" + y,
           class: "text-slate-400 text-sm"
         }, p(y), 1))), 128)),
-        (l(!0), u(X, null, J(d.value, (y) => (l(), R(xe, {
+        (l(!0), u(K, null, J(d.value, (y) => (l(), R(xe, {
           key: y,
           onClick: (L) => k(y),
           class: f([
@@ -7842,12 +7842,12 @@ const td = {
             $(y) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
           ])
         }, {
-          default: E(() => [
+          default: M(() => [
             G(p(y), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "class"]))), 128)),
-        (l(!0), u(X, null, J(b.value, (y) => (l(), u("div", {
+        (l(!0), u(K, null, J(b.value, (y) => (l(), u("div", {
           key: "next-" + y,
           class: "text-slate-400 text-sm"
         }, p(y), 1))), 128))
@@ -7940,7 +7940,7 @@ const td = {
               key: 0,
               class: f(o.value)
             }, {
-              default: E(() => [
+              default: M(() => [
                 G(p(e.title), 1)
               ]),
               _: 1
@@ -7949,7 +7949,7 @@ const td = {
               key: 1,
               class: f(d.value)
             }, {
-              default: E(() => [
+              default: M(() => [
                 G(p(e.description), 1)
               ]),
               _: 1
@@ -8117,7 +8117,7 @@ const td = {
           "onUpdate:modelValue": h[0] || (h[0] = (w) => k.$emit("toggle-selection", e.item))
         }, null, 8, ["modelValue"])
       ], 2)) : g("", !0),
-      (l(!0), u(X, null, J(e.columns, (w) => (l(), u("td", {
+      (l(!0), u(K, null, J(e.columns, (w) => (l(), u("td", {
         key: o(w),
         class: f(B(w))
       }, [
@@ -8306,7 +8306,7 @@ const td = {
               class: f(S.value),
               inline: !0
             }, {
-              default: E(() => [...k[5] || (k[5] = [
+              default: M(() => [...k[5] || (k[5] = [
                 G("Show:", -1)
               ])]),
               _: 1
@@ -8317,8 +8317,8 @@ const td = {
               "onUpdate:modelValue": k[0] || (k[0] = (h) => $.$emit("update:pageSize", parseInt(h))),
               class: f(B.value)
             }, {
-              default: E(() => [
-                (l(!0), u(X, null, J(e.pageSizeOptions, (h) => (l(), R(Qn, {
+              default: M(() => [
+                (l(!0), u(K, null, J(e.pageSizeOptions, (h) => (l(), R(Qn, {
                   key: h,
                   value: h.toString(),
                   label: h.toString()
@@ -8369,7 +8369,7 @@ const td = {
               ], -1)
             ])], 10, fc),
             i("div", mc, [
-              (l(!0), u(X, null, J(v.value, (h) => (l(), u("button", {
+              (l(!0), u(K, null, J(v.value, (h) => (l(), u("button", {
                 key: h,
                 onClick: (w) => $.$emit("update:currentPage", h),
                 class: f(z(h === e.currentPage, !1))
@@ -8624,9 +8624,9 @@ const td = {
     }), z = m(() => {
       let C = [...n.data];
       if (d.value) {
-        const j = n.columns.find((K) => K.key === d.value);
-        j && C.sort((K, fe) => {
-          const je = L(K, j), et = L(fe, j);
+        const j = n.columns.find((X) => X.key === d.value);
+        j && C.sort((X, fe) => {
+          const je = L(X, j), et = L(fe, j);
           return je < et ? c.value === "asc" ? -1 : 1 : je > et ? c.value === "asc" ? 1 : -1 : 0;
         });
       }
@@ -8641,13 +8641,13 @@ const td = {
     }), w = m(() => z.value.length > 0 && z.value.every((C) => F(C))), y = m(() => {
       const C = z.value.filter((j) => F(j)).length;
       return C > 0 && C < z.value.length;
-    }), L = (C, j) => j.accessor ? j.accessor(C) : j.key.split(".").reduce((K, fe) => K?.[fe], C), V = (C, j) => C[n.rowKey] || j, F = (C) => n.selectedItems.some(
+    }), L = (C, j) => j.accessor ? j.accessor(C) : j.key.split(".").reduce((X, fe) => X?.[fe], C), V = (C, j) => C[n.rowKey] || j, F = (C) => n.selectedItems.some(
       (j) => V(j) === V(C)
     ), re = (C) => {
-      const j = [...n.selectedItems], K = j.findIndex(
+      const j = [...n.selectedItems], X = j.findIndex(
         (fe) => V(fe) === V(C)
       );
-      K > -1 ? j.splice(K, 1) : j.push(C), r("selection-change", j);
+      X > -1 ? j.splice(X, 1) : j.push(C), r("selection-change", j);
     }, D = () => {
       if (n.loading || n.dataLoading) return;
       const C = w.value ? [] : [...z.value];
@@ -8662,7 +8662,7 @@ const td = {
       n.paginationLoading || n.loading || (o.value = C, s.value = 1, r("page-size-change", C));
     }, ae = m(
       () => x(v({ variant: n.variant }))
-    ), M = m(
+    ), E = m(
       () => x(b({ variant: n.variant }))
     ), ee = m(
       () => x(S({ variant: n.variant }))
@@ -8742,10 +8742,10 @@ const td = {
         variant: e.headerVariant,
         padding: e.headerPadding
       }, {
-        header: E(() => [
+        header: M(() => [
           P(C.$slots, "header", {}, void 0, !0)
         ]),
-        filters: E(() => [
+        filters: M(() => [
           P(C.$slots, "filters", {}, void 0, !0)
         ]),
         _: 3
@@ -8767,7 +8767,7 @@ const td = {
           class: f(["overflow-x-auto", { "opacity-50": e.loading }])
         }, [
           i("table", {
-            class: f(M.value)
+            class: f(E.value)
           }, [
             i("thead", {
               class: f(ee.value)
@@ -8793,22 +8793,22 @@ const td = {
                     }, null, 8, ["modelValue", "indeterminate", "disabled"]))
                   ])
                 ], 2)) : g("", !0),
-                (l(!0), u(X, null, J(e.columns, (K) => (l(), u("th", {
-                  key: K.key,
-                  class: f(ye(K)),
-                  onClick: (fe) => q(K)
+                (l(!0), u(K, null, J(e.columns, (X) => (l(), u("th", {
+                  key: X.key,
+                  class: f(ye(X)),
+                  onClick: (fe) => q(X)
                 }, [
                   i("div", wc, [
-                    i("span", null, p(K.label), 1),
-                    e.sortLoading && d.value === K.key ? (l(), R(We, {
+                    i("span", null, p(X.label), 1),
+                    e.sortLoading && d.value === X.key ? (l(), R(We, {
                       key: 0,
                       loading: !0,
                       type: "spin",
                       size: "small",
                       color: e.loadingColor
-                    }, null, 8, ["color"])) : K.sortable ? (l(), u("div", kc, [
+                    }, null, 8, ["color"])) : X.sortable ? (l(), u("div", kc, [
                       (l(), u("svg", {
-                        class: f([_(K, "asc"), "w-3 h-3 transition-colors"]),
+                        class: f([_(X, "asc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
                         viewBox: "0 0 24 24",
                         "stroke-width": "1.5",
@@ -8821,7 +8821,7 @@ const td = {
                         }, null, -1)
                       ])], 2)),
                       (l(), u("svg", {
-                        class: f([_(K, "desc"), "w-3 h-3 transition-colors"]),
+                        class: f([_(X, "desc"), "w-3 h-3 transition-colors"]),
                         fill: "none",
                         viewBox: "0 0 24 24",
                         "stroke-width": "1.5",
@@ -8860,30 +8860,30 @@ const td = {
                     }, null, 8, ["color"])
                   ])
                 ], 10, Cc)
-              ])) : k.value.length > 0 && !e.loading ? (l(!0), u(X, { key: 1 }, J(k.value, (K, fe) => (l(), R(tr, {
-                key: V(K, fe),
-                item: K,
+              ])) : k.value.length > 0 && !e.loading ? (l(!0), u(K, { key: 1 }, J(k.value, (X, fe) => (l(), R(tr, {
+                key: V(X, fe),
+                item: X,
                 columns: e.columns,
                 index: fe,
                 selectable: e.selectable,
-                "is-selected": F(K),
+                "is-selected": F(X),
                 striped: e.striped,
                 hoverable: e.hoverable,
                 "clickable-rows": e.clickableRows,
                 density: e.density,
-                "row-loading": e.rowLoading[V(K, fe)],
+                "row-loading": e.rowLoading[V(X, fe)],
                 "loading-color": e.loadingColor,
                 onToggleSelection: re,
                 onRowClick: se
               }, sr({
-                actions: E((je) => [
+                actions: M((je) => [
                   P(C.$slots, "actions", Ee({ ref_for: !0 }, je), void 0, !0)
                 ]),
                 _: 2
               }, [
                 J(e.columns, (je) => ({
                   name: `cell-${je.key}`,
-                  fn: E((et) => [
+                  fn: M((et) => [
                     P(C.$slots, `cell-${je.key}`, Ee({ ref_for: !0 }, et), void 0, !0)
                   ])
                 }))
@@ -8915,8 +8915,8 @@ const td = {
                   ], !0)
                 ], 10, Ac)
               ])) : g("", !0),
-              e.showSkeleton && (e.loading || e.dataLoading) ? (l(!0), u(X, { key: 3 }, J(e.skeletonRows, (K) => (l(), u("tr", {
-                key: `skeleton-${K}`,
+              e.showSkeleton && (e.loading || e.dataLoading) ? (l(!0), u(K, { key: 3 }, J(e.skeletonRows, (X) => (l(), u("tr", {
+                key: `skeleton-${X}`,
                 class: "animate-pulse"
               }, [
                 e.selectable ? (l(), u("td", {
@@ -8925,7 +8925,7 @@ const td = {
                 }, [...j[4] || (j[4] = [
                   i("div", { class: "w-4 h-4 bg-slate-200 rounded" }, null, -1)
                 ])], 2)) : g("", !0),
-                (l(!0), u(X, null, J(e.columns, (fe) => (l(), u("td", {
+                (l(!0), u(K, null, J(e.columns, (fe) => (l(), u("td", {
                   key: fe.key,
                   class: f(te())
                 }, [...j[5] || (j[5] = [
@@ -8961,7 +8961,7 @@ const td = {
         "onUpdate:currentPage": O,
         "onUpdate:pageSize": U
       }, {
-        footer: E(() => [
+        footer: M(() => [
           P(C.$slots, "footer", {}, void 0, !0)
         ]),
         _: 3
@@ -9203,13 +9203,13 @@ const td = {
     }, b = (Y) => `text-xs px-2 py-1 rounded ${c(Y) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, S = () => {
       r.value = !r.value;
     }, B = (Y, _, C) => {
-      const j = [...t.dateFilters], K = j.findIndex((fe) => fe.key === Y);
-      K >= 0 && (j[K] = {
-        ...j[K],
+      const j = [...t.dateFilters], X = j.findIndex((fe) => fe.key === Y);
+      X >= 0 && (j[X] = {
+        ...j[X],
         [_]: C
       }, n("update:dateFilters", j));
     }, z = m(() => {
-      const Y = t.searchQuery, _ = t.selectedStatus, C = t.dateFrom || t.dateTo, j = t.dateFilters.some((K) => K.from || K.to);
+      const Y = t.searchQuery, _ = t.selectedStatus, C = t.dateFrom || t.dateTo, j = t.dateFilters.some((X) => X.from || X.to);
       return Y || _ || C || j;
     }), $ = m(() => {
       let Y = 0;
@@ -9292,7 +9292,7 @@ const td = {
       () => "text-gray-400 hover:text-gray-600 p-1.5 hover:bg-gray-200 rounded-full transition-all"
     ), ae = m(
       () => x(d({ variant: "ghost", size: "md" }))
-    ), M = m(
+    ), E = m(
       () => x(d({ variant: "default", size: "lg" }))
     ), ee = m(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
@@ -9368,9 +9368,9 @@ const td = {
                 onChange: _[2] || (_[2] = (j) => Y.$emit("update:selectedStatus", j.target.value)),
                 class: f(V.value)
               }, {
-                default: E(() => [
+                default: M(() => [
                   _[5] || (_[5] = i("option", { value: "" }, "All Status", -1)),
-                  (l(!0), u(X, null, J(e.statusOptions, (j) => (l(), u("option", {
+                  (l(!0), u(K, null, J(e.statusOptions, (j) => (l(), u("option", {
                     key: j.value,
                     value: j.value
                   }, p(j.label), 9, Mc))), 128))
@@ -9410,7 +9410,7 @@ const td = {
               onClick: ze,
               class: f(ae.value)
             }, {
-              default: E(() => [
+              default: M(() => [
                 A(C, {
                   icon: "rotate-left",
                   class: "w-4 h-4 mr-2"
@@ -9422,9 +9422,9 @@ const td = {
             e.showExport ? (l(), R(xe, {
               key: 1,
               onClick: _[3] || (_[3] = (j) => Y.$emit("export")),
-              class: f(M.value)
+              class: f(E.value)
             }, {
-              default: E(() => [
+              default: M(() => [
                 A(C, {
                   icon: "download",
                   class: "w-4 h-4 mr-2"
@@ -9440,7 +9440,7 @@ const td = {
                 size: "lg",
                 onClick: _[4] || (_[4] = (j) => Y.$emit("add"))
               }, {
-                default: E(() => [
+                default: M(() => [
                   A(C, {
                     icon: "plus",
                     class: "w-4 h-4 mr-2"
@@ -9457,7 +9457,7 @@ const td = {
           class: f(D.value)
         }, [
           i("div", Rc, [
-            (l(!0), u(X, null, J(e.dateFilters, (j) => (l(), u("div", {
+            (l(!0), u(K, null, J(e.dateFilters, (j) => (l(), u("div", {
               key: j.key,
               class: "space-y-3"
             }, [
@@ -9478,7 +9478,7 @@ const td = {
                   i("input", {
                     type: "date",
                     "model-value": j.from,
-                    onInput: (K) => B(j.key, "from", K.target.value),
+                    onInput: (X) => B(j.key, "from", X.target.value),
                     class: f(q.value),
                     placeholder: `From ${j.label}`
                   }, null, 42, Uc)
@@ -9494,14 +9494,14 @@ const td = {
                   i("input", {
                     type: "date",
                     "model-value": j.to,
-                    onInput: (K) => B(j.key, "to", K.target.value),
+                    onInput: (X) => B(j.key, "to", X.target.value),
                     class: f(q.value),
                     placeholder: `To ${j.label}`
                   }, null, 42, Gc)
                 ]),
                 c(j) ? (l(), u("button", {
                   key: 0,
-                  onClick: (K) => v(j.key),
+                  onClick: (X) => v(j.key),
                   class: f(U.value),
                   title: "Clear this filter"
                 }, [
@@ -9522,7 +9522,7 @@ const td = {
             i("span", {
               class: f(le.value)
             }, "Active filters:", 2),
-            (l(!0), u(X, null, J(k.value, (j) => (l(), u("div", {
+            (l(!0), u(K, null, J(k.value, (j) => (l(), u("div", {
               key: j.key,
               class: f(ye.value)
             }, [
@@ -9532,7 +9532,7 @@ const td = {
               }, null, 8, ["icon"]),
               i("span", null, p(j.label) + ": " + p(j.value), 1),
               i("button", {
-                onClick: (K) => Ze(j.key),
+                onClick: (X) => Ze(j.key),
                 class: f(te.value)
               }, [
                 A(C, {
@@ -9702,7 +9702,7 @@ const td = {
       state: t.isRefreshing ? "refreshing" : "normal"
     })), U = () => x("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), ae = (ee) => t.visibleColumns.includes(ee), M = (ee, le) => {
+    }), ae = (ee) => t.visibleColumns.includes(ee), E = (ee, le) => {
       n("toggle-column", { column: ee, visible: le });
     };
     return Te(() => {
@@ -9718,12 +9718,12 @@ const td = {
           d.value > 0 ? (l(), u("div", sf, [
             i("span", lf, p(d.value) + " selected ", 1),
             i("div", of, [
-              (l(!0), u(X, null, J(e.bulkActions, (te) => (l(), R(xe, {
+              (l(!0), u(K, null, J(e.bulkActions, (te) => (l(), R(xe, {
                 key: te.key,
                 onClick: (ze) => ee.$emit("bulk-action", { action: te.key, items: e.selectedItems }),
                 class: f(q(te))
               }, {
-                default: E(() => [
+                default: M(() => [
                   te.icon ? (l(), R(ye, {
                     key: 0,
                     icon: te.icon,
@@ -9744,7 +9744,7 @@ const td = {
             key: 0,
             class: f(k.value)
           }, [
-            (l(), u(X, null, J(c, (te) => i("button", {
+            (l(), u(K, null, J(c, (te) => i("button", {
               key: te.value,
               onClick: (ze) => ee.$emit("update:density", te.value),
               class: f(se(te.value)),
@@ -9783,7 +9783,7 @@ const td = {
                   class: f(y.value)
                 }, " Show Columns ", 2),
                 i("div", mf, [
-                  (l(!0), u(X, null, J(e.toggleableColumns, (te) => (l(), u("div", {
+                  (l(!0), u(K, null, J(e.toggleableColumns, (te) => (l(), u("div", {
                     key: te.key,
                     class: f(L.value)
                   }, [
@@ -9791,7 +9791,7 @@ const td = {
                       i("input", {
                         type: "checkbox",
                         checked: ae(te.key),
-                        onChange: (ze) => M(te.key, ze.target.checked),
+                        onChange: (ze) => E(te.key, ze.target.checked),
                         class: f(V.value)
                       }, null, 42, vf),
                       i("span", {
@@ -9845,7 +9845,7 @@ const td = {
               P(a.$slots, "brand", {}, () => [
                 A(n, { class: "mb-4" }),
                 A(r, { class: "text-gray-600 max-w-md" }, {
-                  default: E(() => [...t[0] || (t[0] = [
+                  default: M(() => [...t[0] || (t[0] = [
                     G(" Building beautiful applications with modern Vue.js components. ", -1)
                   ])]),
                   _: 1
@@ -9858,7 +9858,7 @@ const td = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: E(() => [...t[1] || (t[1] = [
+                  default: M(() => [...t[1] || (t[1] = [
                     G("Quick Links", -1)
                   ])]),
                   _: 1
@@ -9868,7 +9868,7 @@ const td = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [...t[2] || (t[2] = [
+                    default: M(() => [...t[2] || (t[2] = [
                       G("About", -1)
                     ])]),
                     _: 1
@@ -9877,7 +9877,7 @@ const td = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [...t[3] || (t[3] = [
+                    default: M(() => [...t[3] || (t[3] = [
                       G("Services", -1)
                     ])]),
                     _: 1
@@ -9886,7 +9886,7 @@ const td = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [...t[4] || (t[4] = [
+                    default: M(() => [...t[4] || (t[4] = [
                       G("Contact", -1)
                     ])]),
                     _: 1
@@ -9900,7 +9900,7 @@ const td = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: E(() => [...t[5] || (t[5] = [
+                  default: M(() => [...t[5] || (t[5] = [
                     G("Follow Us", -1)
                   ])]),
                   _: 1
@@ -9910,7 +9910,7 @@ const td = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [
+                    default: M(() => [
                       A(d, {
                         name: "twitter",
                         class: "h-5 w-5"
@@ -9922,7 +9922,7 @@ const td = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [
+                    default: M(() => [
                       A(d, {
                         name: "github",
                         class: "h-5 w-5"
@@ -9938,7 +9938,7 @@ const td = {
           i("div", zf, [
             P(a.$slots, "copyright", {}, () => [
               A(r, { class: "text-gray-600" }, {
-                default: E(() => [
+                default: M(() => [
                   G(" © " + p((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
@@ -9950,7 +9950,7 @@ const td = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: E(() => [...t[6] || (t[6] = [
+                  default: M(() => [...t[6] || (t[6] = [
                     G("Privacy", -1)
                   ])]),
                   _: 1
@@ -9959,7 +9959,7 @@ const td = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: E(() => [...t[7] || (t[7] = [
+                  default: M(() => [...t[7] || (t[7] = [
                     G("Terms", -1)
                   ])]),
                   _: 1
@@ -10160,13 +10160,13 @@ const td = {
               "leave-from-class": "opacity-100 translate-y-0 scale-100",
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
-              default: E(() => [
+              default: M(() => [
                 s.value ? (l(), u("div", _f, [
                   F[10] || (F[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
                   ], -1)),
                   i("div", Df, [
-                    (l(!0), u(X, null, J(e.notifications, (D) => (l(), u("div", {
+                    (l(!0), u(K, null, J(e.notifications, (D) => (l(), u("div", {
                       key: D.id,
                       class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                     }, [
@@ -10220,14 +10220,14 @@ const td = {
                 "leave-from-class": "opacity-100 translate-y-0 scale-100",
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
-                default: E(() => [
+                default: M(() => [
                   o.value ? (l(), u("div", Qf, [
                     i("div", Zf, [
                       i("p", em, p(e.user.name), 1),
                       i("p", tm, p(e.user.email), 1)
                     ]),
                     i("div", am, [
-                      (l(!0), u(X, null, J(e.profileMenuItems, (D) => (l(), u(X, {
+                      (l(!0), u(K, null, J(e.profileMenuItems, (D) => (l(), u(K, {
                         key: D.name
                       }, [
                         D.route ? (l(), R(re, {
@@ -10239,7 +10239,7 @@ const td = {
                           )),
                           onClick: (q) => $(D)
                         }, {
-                          default: E(() => [
+                          default: M(() => [
                             k(D) ? (l(), u("div", nm)) : g("", !0),
                             i("div", {
                               class: f(N(x)(
@@ -10336,8 +10336,11 @@ const td = {
   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"
 }, zm = { class: "p-3" }, Am = { class: "space-y-1" }, Im = {
   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"
+  class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
 }, Pm = {
+  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"
+}, Tm = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -10389,7 +10392,7 @@ const td = {
       return o.value && (O += 220), c.value && (O += 220), O;
     }), z = (O) => {
       r("navigate", O), s.value && $();
-      const U = o.value && d.value && d.value.subItems.some((M) => M.route === O.route), ae = c.value && n.managementSettings.some((M) => M.route === O.route);
+      const U = o.value && d.value && d.value.subItems.some((E) => E.route === O.route), ae = c.value && n.managementSettings.some((E) => E.route === O.route);
       (s.value || !(U || ae)) && V();
     }, $ = () => {
       r("update:mobileOpen", !1);
@@ -10442,7 +10445,7 @@ const td = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: E(() => [
+          default: M(() => [
             v.value && s.value ? (l(), u("div", {
               key: 0,
               class: "fixed inset-0 z-30 lg:hidden",
@@ -10484,67 +10487,67 @@ const td = {
           ])) : g("", !0),
           i("nav", dm, [
             i("div", cm, [
-              (l(!0), u(X, null, J(e.navigationItems, (M) => (l(), u(X, {
-                key: M.name || M.label
+              (l(!0), u(K, null, J(e.navigationItems, (E) => (l(), u(K, {
+                key: E.name || E.label
               }, [
-                M.type === "link" ? (l(), u("div", fm, [
-                  k(M) ? (l(), u("div", {
+                E.type === "link" ? (l(), u("div", fm, [
+                  k(E) ? (l(), u("div", {
                     key: 1,
-                    onClick: (ee) => h(M),
+                    onClick: (ee) => h(E),
                     class: f(N(x)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
-                      D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      D(E) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     ))
                   }, [
                     i("div", {
                       class: f(N(x)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
-                        D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                        D(E) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
                       A(Z, {
-                        icon: M.icon,
+                        icon: E.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
                     ], 2),
                     i("span", {
                       class: f(N(x)(
                         "text-xs font-medium text-center",
-                        D(M) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                        D(E) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
-                    }, p(M.label), 3),
-                    M.badge ? (l(), u("span", vm, p(M.badge), 1)) : g("", !0),
-                    D(M) && k(M) ? (l(), u("div", bm)) : g("", !0)
+                    }, p(E.label), 3),
+                    E.badge ? (l(), u("span", vm, p(E.badge), 1)) : g("", !0),
+                    D(E) && k(E) ? (l(), u("div", bm)) : g("", !0)
                   ], 10, gm)) : (l(), R(ae, {
                     key: 0,
-                    to: M.route,
-                    onClick: (ee) => z(M),
+                    to: E.route,
+                    onClick: (ee) => z(E),
                     class: f(N(x)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
-                      D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
+                      D(E) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     ))
                   }, {
-                    default: E(() => [
+                    default: M(() => [
                       i("div", {
                         class: f(N(x)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
-                          D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
+                          D(E) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
                         A(Z, {
-                          icon: M.icon,
+                          icon: E.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "text-xs font-medium text-center",
-                          D(M) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
+                          D(E) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
-                      }, p(M.label), 3),
-                      M.badge ? (l(), u("span", mm, p(M.badge), 1)) : g("", !0)
+                      }, p(E.label), 3),
+                      E.badge ? (l(), u("span", mm, p(E.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))
@@ -10590,7 +10593,7 @@ const td = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
-          default: E(() => [
+          default: M(() => [
             o.value ? (l(), u("aside", {
               key: 0,
               class: f(
@@ -10627,40 +10630,40 @@ const td = {
               ]),
               i("nav", km, [
                 i("div", Sm, [
-                  (l(!0), u(X, null, J(d.value?.subItems, (M) => (l(), R(ae, {
-                    key: M.name,
-                    to: M.route,
-                    onClick: (ee) => F(M),
+                  (l(!0), u(K, null, J(d.value?.subItems, (E) => (l(), R(ae, {
+                    key: E.name,
+                    to: E.route,
+                    onClick: (ee) => F(E),
                     class: f(
                       N(x)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        D(E) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                       )
                     )
                   }, {
-                    default: E(() => [
-                      D(M) ? (l(), u("div", Cm)) : g("", !0),
+                    default: M(() => [
+                      D(E) ? (l(), u("div", Cm)) : g("", !0),
                       i("div", {
                         class: f(
                           N(x)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
-                            D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            D(E) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
                         )
                       }, [
-                        M.icon ? (l(), R(Z, {
+                        E.icon ? (l(), R(Z, {
                           key: 0,
-                          icon: M.icon,
+                          icon: E.icon,
                           class: "w-4 h-4"
                         }, null, 8, ["icon"])) : g("", !0)
                       ], 2),
                       i("span", {
                         class: f(N(x)(
                           "flex-1 truncate font-semibold",
-                          D(M) ? "text-blue-700" : "text-gray-700"
+                          D(E) ? "text-blue-700" : "text-gray-700"
                         ))
-                      }, p(M.label), 3),
-                      M.badge ? (l(), u("span", $m, p(M.badge), 1)) : g("", !0)
+                      }, p(E.label), 3),
+                      E.badge ? (l(), u("span", $m, p(E.badge), 1)) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "class"]))), 128))
@@ -10678,7 +10681,7 @@ const td = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
-          default: E(() => [
+          default: M(() => [
             c.value ? (l(), u("aside", {
               key: 0,
               class: f(
@@ -10715,42 +10718,46 @@ const td = {
               ]),
               i("nav", zm, [
                 i("div", Am, [
-                  (l(!0), u(X, null, J(e.managementSettings, (M) => (l(), R(ae, {
-                    key: M.name,
-                    to: M.route,
-                    onClick: (ee) => re(M),
-                    class: f(
-                      N(x)(
-                        "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        D(M) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                  (l(!0), u(K, null, J(e.managementSettings, (E) => (l(), u(K, {
+                    key: E.name
+                  }, [
+                    E.type === "section" ? (l(), u("div", Im, p(E.label), 1)) : E.route ? (l(), R(ae, {
+                      key: 1,
+                      to: E.route,
+                      onClick: (ee) => re(E),
+                      class: f(
+                        N(x)(
+                          "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
+                          D(E) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
+                        )
                       )
-                    )
-                  }, {
-                    default: E(() => [
-                      D(M) ? (l(), u("div", Im)) : g("", !0),
-                      i("div", {
-                        class: f(
-                          N(x)(
-                            "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
-                            D(M) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                    }, {
+                      default: M(() => [
+                        D(E) ? (l(), u("div", Pm)) : g("", !0),
+                        i("div", {
+                          class: f(
+                            N(x)(
+                              "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
+                              D(E) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
+                            )
                           )
-                        )
-                      }, [
-                        M.icon ? (l(), R(Z, {
-                          key: 0,
-                          icon: M.icon,
-                          class: "w-4 h-4"
-                        }, null, 8, ["icon"])) : g("", !0)
-                      ], 2),
-                      i("span", {
-                        class: f(N(x)(
-                          "flex-1 truncate font-semibold",
-                          D(M) ? "text-blue-700" : "text-gray-700"
-                        ))
-                      }, p(M.label), 3)
-                    ]),
-                    _: 2
-                  }, 1032, ["to", "onClick", "class"]))), 128))
+                        }, [
+                          E.icon ? (l(), R(Z, {
+                            key: 0,
+                            icon: E.icon,
+                            class: "w-4 h-4"
+                          }, null, 8, ["icon"])) : g("", !0)
+                        ], 2),
+                        i("span", {
+                          class: f(N(x)(
+                            "flex-1 truncate font-semibold",
+                            D(E) ? "text-blue-700" : "text-gray-700"
+                          ))
+                        }, p(E.label), 3)
+                      ]),
+                      _: 2
+                    }, 1032, ["to", "onClick", "class"])) : g("", !0)
+                  ], 64))), 128))
                 ])
               ])
             ], 6)) : g("", !0)
@@ -10765,7 +10772,7 @@ const td = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: E(() => [
+          default: M(() => [
             (o.value || c.value) && s.value ? (l(), u("div", {
               key: 0,
               class: "fixed inset-0 z-30 bg-transparent",
@@ -10777,7 +10784,7 @@ const td = {
       ]);
     };
   }
-}, Tm = {
+}, jm = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -10796,13 +10803,13 @@ const td = {
       P(a.$slots, "default")
     ], 2));
   }
-}, jm = {
+}, Bm = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Bm = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Om = { class: "text-slate-900 font-medium" }, Lm = {
+}, Om = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Lm = { class: "text-slate-900 font-medium" }, Fm = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Fm = { class: "mt-2 text-slate-600 text-sm" }, Vm = {
+}, Vm = { class: "mt-2 text-slate-600 text-sm" }, Nm = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -10826,8 +10833,8 @@ const td = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (l(), u("div", jm)) : g("", !0),
-      i("div", Bm, [
+      e.orientation === "vertical" ? (l(), u("div", Bm)) : g("", !0),
+      i("div", Om, [
         P(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = i("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -10838,23 +10845,23 @@ const td = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        i("h3", Om, [
+        i("h3", Lm, [
           P(a.$slots, "title", {}, () => [
             G(p(e.title), 1)
           ])
         ]),
-        e.subtitle ? (l(), u("p", Lm, [
+        e.subtitle ? (l(), u("p", Fm, [
           P(a.$slots, "subtitle", {}, () => [
             G(p(e.subtitle), 1)
           ])
         ])) : g("", !0),
-        i("div", Fm, [
+        i("div", Vm, [
           P(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Nm = {
+}, Em = {
   name: "AuthLayout",
   props: {
     title: {
@@ -10943,20 +10950,20 @@ const td = {
       currentYear: m(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Em = { class: "container mx-auto px-4 relative z-10" }, Mm = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, _m = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Dm = { class: "mb-6" }, Rm = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Wm = { class: "text-white" }, Hm = { class: "flex items-center justify-center lg:justify-start mb-6" }, qm = { class: "text-3xl lg:text-4xl font-bold text-white" }, Um = { class: "lg:col-span-4" }, Ym = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Gm = {
+}, Mm = { class: "container mx-auto px-4 relative z-10" }, _m = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Dm = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Rm = { class: "mb-6" }, Wm = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Hm = { class: "text-white" }, qm = { class: "flex items-center justify-center lg:justify-start mb-6" }, Um = { class: "text-3xl lg:text-4xl font-bold text-white" }, Ym = { class: "lg:col-span-4" }, Gm = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Km = {
   key: 0,
   class: "mb-6"
-}, Km = { class: "text-center" }, Xm = { class: "text-2xl font-bold text-gray-900" }, Jm = {
+}, Xm = { class: "text-center" }, Jm = { class: "text-2xl font-bold text-gray-900" }, Qm = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Qm = { class: "space-y-6" }, Zm = {
+}, Zm = { class: "space-y-6" }, eg = {
   key: 1,
   class: "mt-6"
-}, eg = {
+}, tg = {
   key: 0,
   class: "mt-6 text-center"
-}, tg = { class: "absolute bottom-4 right-4 text-right" }, ag = { class: "flex items-end justify-end mb-2" }, ng = { class: "text-right mr-3" }, rg = { class: "text-red-500 font-bold text-xs" }, sg = { class: "text-white text-xs" }, lg = { class: "text-white/70 text-xs" }, og = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, ig = { class: "text-white/70 text-xs" }, ug = { class: "absolute bottom-4 left-4 flex gap-2" }, dg = ["href"];
-function cg(e, a, t, n, r, s) {
+}, ag = { class: "absolute bottom-4 right-4 text-right" }, ng = { class: "flex items-end justify-end mb-2" }, rg = { class: "text-right mr-3" }, sg = { class: "text-red-500 font-bold text-xs" }, lg = { class: "text-white text-xs" }, og = { class: "text-white/70 text-xs" }, ig = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, ug = { class: "text-white/70 text-xs" }, dg = { class: "absolute bottom-4 left-4 flex gap-2" }, cg = ["href"];
+function fg(e, a, t, n, r, s) {
   const o = oe("router-view"), d = oe("font-awesome-icon");
   return l(), u("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -10969,71 +10976,71 @@ function cg(e, a, t, n, r, s) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    i("div", Em, [
-      i("div", Mm, [
-        i("div", _m, [
-          i("div", Dm, [
-            i("div", Rm, [
+    i("div", Mm, [
+      i("div", _m, [
+        i("div", Dm, [
+          i("div", Rm, [
+            i("div", Wm, [
               i("span", {
                 style: ce({ color: t.primaryColor })
               }, p(t.primaryLogoPrefix), 5),
-              i("span", Wm, p(t.primaryLogoText), 1)
+              i("span", Hm, p(t.primaryLogoText), 1)
             ]),
             i("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: ce({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          i("div", Hm, [
+          i("div", qm, [
             i("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 })
             }, p(t.secondaryLogoPrefix), 5),
-            i("span", qm, p(t.secondaryLogoText), 1)
+            i("span", Um, 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", Um, [
-          i("div", Ym, [
-            e.$slots["card-header"] || t.title ? (l(), u("div", Gm, [
+        i("div", Ym, [
+          i("div", Gm, [
+            e.$slots["card-header"] || t.title ? (l(), u("div", Km, [
               P(e.$slots, "card-header", {}, () => [
-                i("div", Km, [
-                  i("h1", Xm, p(t.title), 1),
-                  t.subtitle ? (l(), u("p", Jm, p(t.subtitle), 1)) : g("", !0)
+                i("div", Xm, [
+                  i("h1", Jm, p(t.title), 1),
+                  t.subtitle ? (l(), u("p", Qm, p(t.subtitle), 1)) : g("", !0)
                 ])
               ])
             ])) : g("", !0),
-            i("div", Qm, [
+            i("div", Zm, [
               A(o)
             ]),
-            e.$slots["card-footer"] ? (l(), u("div", Zm, [
+            e.$slots["card-footer"] ? (l(), u("div", eg, [
               P(e.$slots, "card-footer")
             ])) : g("", !0)
           ]),
-          e.$slots.links ? (l(), u("div", eg, [
+          e.$slots.links ? (l(), u("div", tg, [
             P(e.$slots, "links")
           ])) : g("", !0)
         ])
       ])
     ]),
-    i("div", tg, [
-      i("div", ag, [
-        i("div", ng, [
-          i("div", rg, p(t.companyName), 1),
-          i("div", sg, p(t.companyType), 1),
-          i("div", lg, p(t.companyTagline), 1)
+    i("div", ag, [
+      i("div", ng, [
+        i("div", rg, [
+          i("div", sg, p(t.companyName), 1),
+          i("div", lg, p(t.companyType), 1),
+          i("div", og, p(t.companyTagline), 1)
         ]),
-        i("div", og, p(t.companyInitials), 1)
+        i("div", ig, p(t.companyInitials), 1)
       ]),
-      i("div", ig, [
+      i("div", ug, [
         i("div", null, p(t.appName) + " (" + p(t.appVersion) + ")", 1),
         i("div", null, p(t.copyright), 1)
       ])
     ]),
-    i("div", ug, [
-      (l(!0), u(X, null, J(t.socialLinks, (c) => (l(), u("a", {
+    i("div", dg, [
+      (l(!0), u(K, null, J(t.socialLinks, (c) => (l(), u("a", {
         key: c.name,
         href: c.url,
         class: f([
@@ -11044,14 +11051,14 @@ function cg(e, a, t, n, r, s) {
         A(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, dg))), 128))
+      ], 10, cg))), 128))
     ])
   ], 4);
 }
-const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen bg-gray-50" }, gg = { class: "flex-1" }, vg = {
+const mg = /* @__PURE__ */ yt(Em, [["render", fg]]), gg = { class: "min-h-screen bg-gray-50" }, vg = { class: "flex-1" }, bg = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, bg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, hg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, yg = {
+}, hg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, yg = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, pg = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -11075,31 +11082,31 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = oe("Logo"), r = oe("MainNavigation"), s = oe("Button"), o = oe("Header"), d = oe("Breadcrumb"), c = oe("Text"), v = oe("Footer");
-      return l(), u("div", mg, [
+      return l(), u("div", gg, [
         A(o, null, {
-          logo: E(() => [
+          logo: M(() => [
             P(a.$slots, "logo", {}, () => [
               A(n)
             ])
           ]),
-          navigation: E(() => [
+          navigation: M(() => [
             P(a.$slots, "navigation", {}, () => [
               A(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
-          actions: E(() => [
+          actions: M(() => [
             P(a.$slots, "header-actions", {}, () => [
               A(s, {
                 variant: "ghost",
                 size: "sm"
               }, {
-                default: E(() => [...t[0] || (t[0] = [
+                default: M(() => [...t[0] || (t[0] = [
                   G("Sign In", -1)
                 ])]),
                 _: 1
               }),
               A(s, { size: "sm" }, {
-                default: E(() => [...t[1] || (t[1] = [
+                default: M(() => [...t[1] || (t[1] = [
                   G("Get Started", -1)
                 ])]),
                 _: 1
@@ -11108,24 +11115,24 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
           ]),
           _: 3
         }),
-        i("main", gg, [
-          e.showBreadcrumb ? (l(), u("div", vg, [
-            i("div", bg, [
+        i("main", vg, [
+          e.showBreadcrumb ? (l(), u("div", bg, [
+            i("div", hg, [
               P(a.$slots, "breadcrumb", {}, () => [
                 A(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : g("", !0),
-          i("div", hg, [
+          i("div", yg, [
             P(a.$slots, "default")
           ])
         ]),
         A(v, null, {
-          brand: E(() => [
+          brand: M(() => [
             P(a.$slots, "footer-brand", {}, () => [
               A(n, { class: "mb-4" }),
               A(c, { class: "text-gray-600 max-w-md" }, {
-                default: E(() => [...t[2] || (t[2] = [
+                default: M(() => [...t[2] || (t[2] = [
                   G(" Your application description goes here. ", -1)
                 ])]),
                 _: 1
@@ -11137,7 +11144,7 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
       ]);
     };
   }
-}, pg = {
+}, xg = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -11360,7 +11367,7 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
       "text-6xl font-bold text-slate-300 mb-4"
     ]), ae = m(() => [
       "text-3xl font-bold text-slate-900"
-    ]), M = m(() => [
+    ]), E = m(() => [
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), ee = m(() => [
       "mt-8"
@@ -11397,26 +11404,26 @@ const fg = /* @__PURE__ */ yt(Nm, [["render", cg]]), mg = { class: "min-h-screen
       detailsClasses: O,
       codeClasses: U,
       titleClasses: ae,
-      messageClasses: M,
+      messageClasses: E,
       actionsClasses: ee,
       additionalInfoClasses: le,
       helpClasses: ye
     };
   }
-}, xg = { class: "flex justify-center" }, wg = { class: "flex items-center gap-3" }, kg = { class: "text-2xl font-bold text-slate-900" }, Sg = {
+}, wg = { class: "flex justify-center" }, kg = { class: "flex items-center gap-3" }, Sg = { class: "text-2xl font-bold text-slate-900" }, Cg = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, Cg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, $g = ["disabled"], zg = {
+}, $g = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, zg = ["disabled"], Ag = {
   key: 0,
   class: "animate-spin"
-}, Ag = { key: 1 }, Ig = ["disabled"], Pg = { key: 0 }, Tg = { key: 1 }, jg = {
+}, Ig = { key: 1 }, Pg = ["disabled"], Tg = { key: 0 }, jg = { key: 1 }, Bg = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Bg = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Og = { class: "text-lg font-semibold text-slate-900 mb-4" }, Lg = { class: "space-y-3" }, Fg = { class: "text-sm text-slate-600" }, Vg = ["href"], Ng = {
+}, Og = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Lg = { class: "text-lg font-semibold text-slate-900 mb-4" }, Fg = { class: "space-y-3" }, Vg = { class: "text-sm text-slate-600" }, Ng = ["href"], Eg = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function Eg(e, a, t, n, r, s) {
+function Mg(e, a, t, n, r, s) {
   return l(), u("div", {
     class: f(n.layoutClasses)
   }, [
@@ -11436,13 +11443,13 @@ function Eg(e, a, t, n, r, s) {
         class: f(n.headerClasses)
       }, [
         P(e.$slots, "header", {}, () => [
-          i("div", xg, [
+          i("div", wg, [
             P(e.$slots, "logo", {}, () => [
-              i("div", wg, [
+              i("div", kg, [
                 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", kg, p(t.brandName), 1)
+                i("span", Sg, p(t.brandName), 1)
               ])
             ])
           ])
@@ -11488,7 +11495,7 @@ function Eg(e, a, t, n, r, s) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? g("", !0) : (l(), u("div", Sg, [...a[6] || (a[6] = [
+        n.isOnline ? g("", !0) : (l(), u("div", Cg, [...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")
@@ -11499,7 +11506,7 @@ function Eg(e, a, t, n, r, s) {
           class: f(n.actionsClasses)
         }, [
           P(e.$slots, "actions", {}, () => [
-            i("div", Cg, [
+            i("div", $g, [
               t.showHomeButton ? (l(), u("button", {
                 key: 0,
                 onClick: a[0] || (a[0] = (...o) => n.goHome && n.goHome(...o)),
@@ -11522,18 +11529,18 @@ function Eg(e, a, t, n, r, s) {
                 disabled: n.isRetrying || !n.isOnline,
                 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"
               }, [
-                n.isRetrying ? (l(), u("span", zg, "↻")) : (l(), u("span", Ag, "🔄")),
+                n.isRetrying ? (l(), u("span", Ag, "↻")) : (l(), u("span", Ig, "🔄")),
                 G(" " + p(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, $g)) : g("", !0),
+              ], 8, zg)) : g("", !0),
               t.showSupportButton ? (l(), u("button", {
                 key: 3,
                 onClick: a[3] || (a[3] = (o) => e.$emit("contact-support")),
                 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"
               }, [
-                n.reportSent ? (l(), u("span", Pg, "✓")) : (l(), u("span", Tg, "📝")),
+                n.reportSent ? (l(), u("span", Tg, "✓")) : (l(), u("span", jg, "📝")),
                 G(" " + p(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Ig)) : g("", !0)
+              ], 8, Pg)) : g("", !0)
             ])
           ])
         ], 2)) : g("", !0),
@@ -11542,11 +11549,11 @@ function Eg(e, a, t, n, r, s) {
           class: f(n.additionalInfoClasses)
         }, [
           P(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (l(), u("div", jg, [
-              i("div", Bg, [
-                i("h3", Og, p(n.additionalInfoConfig.title), 1),
-                i("ul", Lg, [
-                  (l(!0), u(X, null, J(n.additionalInfoConfig.items, (o, d) => (l(), u("li", {
+            n.additionalInfoConfig ? (l(), u("div", Bg, [
+              i("div", Og, [
+                i("h3", Lg, p(n.additionalInfoConfig.title), 1),
+                i("ul", Fg, [
+                  (l(!0), u(K, null, J(n.additionalInfoConfig.items, (o, d) => (l(), u("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
                   }, [
@@ -11565,7 +11572,7 @@ function Eg(e, a, t, n, r, s) {
           class: f(n.helpClasses)
         }, [
           P(e.$slots, "help", {}, () => [
-            i("p", Fg, [
+            i("p", Vg, [
               G(p(t.helpText) + " ", 1),
               t.supportUrl ? (l(), u("a", {
                 key: 0,
@@ -11574,16 +11581,16 @@ function Eg(e, a, t, n, r, s) {
               }, [...a[8] || (a[8] = [
                 i("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 G(" Get Help ", -1)
-              ])], 8, Vg)) : g("", !0)
+              ])], 8, Ng)) : g("", !0)
             ])
           ])
         ], 2)) : g("", !0),
-        n.isDev ? (l(), u("div", Ng, " Error ID: " + p(n.errorId), 1)) : g("", !0)
+        n.isDev ? (l(), u("div", Eg, " Error ID: " + p(n.errorId), 1)) : g("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Mg = /* @__PURE__ */ yt(pg, [["render", Eg]]), Da = {
+const _g = /* @__PURE__ */ yt(xg, [["render", Mg]]), Da = {
   Avatar: Oo,
   Badge: Fo,
   Button: xe,
@@ -11647,13 +11654,13 @@ const Mg = /* @__PURE__ */ yt(pg, [["render", Eg]]), Da = {
   DataTableToolBar: xf,
   Footer: If,
   Header: om,
-  Sidebar: Pm,
-  Timeline: Tm,
-  TimelineItem: Vm,
-  AuthLayout: fg,
-  DefaultLayout: yg,
-  ErrorLayout: Mg
-}, Wg = {
+  Sidebar: Tm,
+  Timeline: jm,
+  TimelineItem: Nm,
+  AuthLayout: mg,
+  DefaultLayout: pg,
+  ErrorLayout: _g
+}, Hg = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Da).forEach((n) => {
@@ -11666,7 +11673,7 @@ export {
   Gd as Accordion,
   Kd as AccordionItem,
   Mi as Alert,
-  fg as AuthLayout,
+  mg as AuthLayout,
   Oo as Avatar,
   Fo as Badge,
   Ri as Breadcrumb,
@@ -11688,11 +11695,11 @@ export {
   tr as DataTableRow,
   xf as DataTableToolBar,
   lu as DatePicker,
-  yg as DefaultLayout,
+  pg as DefaultLayout,
   qo as Divider,
   iu as Dropdown,
   du as DropdownItem,
-  Mg as ErrorLayout,
+  _g as ErrorLayout,
   xu as FileUpload,
   If as Footer,
   Au as FormField,
@@ -11717,7 +11724,7 @@ export {
   We as STLLoader,
   zd as Search,
   sa as Select,
-  Pm as Sidebar,
+  Tm as Sidebar,
   Td as Slider,
   Xn as Spinner,
   Bd as Stepper,
@@ -11727,13 +11734,13 @@ export {
   Rd as TabPanel,
   vi as Text,
   hi as Textarea,
-  Tm as Timeline,
-  Vm as TimelineItem,
+  jm as Timeline,
+  Nm as TimelineItem,
   cd as Toast,
   yi as Tooltip,
   Wt as Typography,
   x as cn,
-  Wg as default,
+  Hg as default,
   _a as toast,
   nd as useToaster
 };