@stlhorizon/vue-ui 1.4.0 → 1.4.1

package/dist/index.esm.js

@@ -6476,7 +6476,7 @@ const G = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, wu = { class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg" }, ku = {
+}, wu = { class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 p-6 shadow-xl duration-200 sm:rounded-lg" }, ku = { class: "text-neutral-900 dark:text-neutral-50" }, Su = {
   __name: "Modal",
   props: {
     modelValue: Boolean,
@@ -6517,14 +6517,14 @@ const G = {
         default: B(() => [
           e.modelValue ? (o(), d("div", {
             key: 0,
-            class: "fixed inset-0 z-50 bg-white bg-opacity-50 backdrop-blur-sm",
+            class: "fixed inset-0 z-50 bg-neutral-900/40 backdrop-blur-sm",
             onClick: s
           }, [
             u("div", wu, [
               e.showClose ? (o(), d("button", {
                 key: 0,
                 onClick: r,
-                class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+                class: "absolute right-4 top-4 rounded-sm text-neutral-500 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100 transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-900 dark:focus:ring-neutral-300 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-950"
               }, [
                 j(G, {
                   icon: "x",
@@ -6532,7 +6532,9 @@ const G = {
                 }),
                 i[0] || (i[0] = u("span", { class: "sr-only" }, "Close", -1))
               ])) : p("", !0),
-              $(l.$slots, "default")
+              u("div", ku, [
+                $(l.$slots, "default")
+              ])
             ])
           ])) : p("", !0)
         ]),
@@ -6540,26 +6542,26 @@ const G = {
       })
     ]));
   }
-}, Su = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Cu = {
+}, Cu = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, $u = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, $u = {
+}, zu = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, zu = {
+}, Au = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(e) {
-    return (a, t) => (o(), d("div", Su, [
-      e.title ? (o(), d("h2", Cu, x(e.title), 1)) : p("", !0),
-      e.description ? (o(), d("p", $u, x(e.description), 1)) : p("", !0),
+    return (a, t) => (o(), d("div", Cu, [
+      e.title ? (o(), d("h2", $u, x(e.title), 1)) : p("", !0),
+      e.description ? (o(), d("p", zu, x(e.description), 1)) : p("", !0),
       $(a.$slots, "default")
     ]));
   }
-}, Au = {
+}, Iu = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -6585,7 +6587,7 @@ const G = {
       $(r.$slots, "default")
     ], 2));
   }
-}, Iu = {
+}, Pu = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -6611,13 +6613,13 @@ const G = {
       $(r.$slots, "default")
     ], 2));
   }
-}, Pu = ["aria-live"], Tu = { class: "flex items-start space-x-3" }, ju = {
+}, Tu = ["aria-live"], ju = { class: "flex items-start space-x-3" }, Bu = {
   key: 0,
   class: "flex-shrink-0"
-}, Bu = { class: "flex-1 min-w-0" }, Ou = {
+}, Ou = { class: "flex-1 min-w-0" }, Vu = {
   key: 0,
   class: "text-sm font-medium"
-}, Vu = {
+}, Fu = {
   __name: "Notification",
   props: {
     title: String,
@@ -6693,15 +6695,15 @@ const G = {
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
-          u("div", Tu, [
-            e.showIcon ? (o(), d("div", ju, [
+          u("div", ju, [
+            e.showIcon ? (o(), d("div", Bu, [
               j(G, {
                 name: v.value,
                 class: m(h.value)
               }, null, 8, ["name", "class"])
             ])) : p("", !0),
-            u("div", Bu, [
-              e.title ? (o(), d("div", Ou, x(e.title), 1)) : p("", !0),
+            u("div", Ou, [
+              e.title ? (o(), d("div", Vu, x(e.title), 1)) : p("", !0),
               e.message ? (o(), d("div", {
                 key: 1,
                 class: m(["text-sm", { "mt-1": e.title }])
@@ -6719,23 +6721,23 @@ const G = {
               })
             ])) : p("", !0)
           ])
-        ], 10, Pu)) : p("", !0)
+        ], 10, Tu)) : p("", !0)
       ]),
       _: 3
     }));
   }
 }, We = M([]);
-let Fu = 0;
-const Eu = {
+let Eu = 0;
+const Nu = {
   duration: 2e3,
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, Nu = () => `toast-${++Fu}-${Date.now()}`, pe = (e, a = {}) => {
-  const t = Nu(), n = {
+}, _u = () => `toast-${++Eu}-${Date.now()}`, pe = (e, a = {}) => {
+  const t = _u(), n = {
     id: t,
     message: e,
-    ...Eu,
+    ...Nu,
     ...a,
     createdAt: Date.now()
   };
@@ -6795,20 +6797,20 @@ const Eu = {
       component: Ma(e)
     })
   }
-), _u = () => ({
+), Du = () => ({
   toasts: We,
   dismiss: Le,
   dismissAll: Gn
-}), Du = ["aria-live"], Mu = { class: "flex-1 grid gap-1" }, Lu = {
+}), Mu = ["aria-live"], Lu = { class: "flex-1 grid gap-1" }, Ru = {
   key: 0,
   class: "text-lg font-extrabold"
-}, Ru = {
+}, Hu = {
   key: 1,
   class: "text-md opacity-90"
-}, Hu = {
+}, Wu = {
   key: 2,
   class: "text-md opacity-90"
-}, Wu = ["onClick"], qu = ["onClick"], Uu = {
+}, qu = ["onClick"], Uu = ["onClick"], Yu = {
   __name: "Toast",
   props: {
     position: {
@@ -6845,7 +6847,7 @@ const Eu = {
     }
   },
   setup(e) {
-    const a = e, { toasts: t, dismiss: n } = _u(), r = {
+    const a = e, { toasts: t, dismiss: n } = Du(), r = {
       "top-left": "top-0 left-0 flex-col",
       "top-center": "top-0 left-1/2 -translate-x-1/2 flex-col",
       "top-right": "top-0 right-0 flex-col",
@@ -6917,10 +6919,10 @@ const Eu = {
                 icon: h(g),
                 class: m([S(g), "h-4 w-4 shrink-0"])
               }, null, 8, ["icon", "class"])) : p("", !0),
-              u("div", Mu, [
-                g.title ? (o(), d("div", Lu, x(g.title), 1)) : p("", !0),
-                g.message ? (o(), d("div", Ru, x(g.message), 1)) : p("", !0),
-                g.description ? (o(), d("div", Hu, x(g.description), 1)) : p("", !0),
+              u("div", Lu, [
+                g.title ? (o(), d("div", Ru, x(g.title), 1)) : p("", !0),
+                g.message ? (o(), d("div", Hu, x(g.message), 1)) : p("", !0),
+                g.description ? (o(), d("div", Wu, x(g.description), 1)) : p("", !0),
                 g.component ? (o(), N(ie(g.component), Re({
                   key: 3,
                   ref_for: !0
@@ -6930,7 +6932,7 @@ const Eu = {
                 key: 1,
                 onClick: g.action.onClick,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-              }, x(g.action.label), 9, Wu)) : p("", !0),
+              }, x(g.action.label), 9, qu)) : p("", !0),
               T(g) ? (o(), d("button", {
                 key: 2,
                 onClick: (b) => _(n)(g.id),
@@ -6940,33 +6942,33 @@ const Eu = {
                   icon: "x",
                   class: "h-4 w-4"
                 })
-              ], 8, qu)) : p("", !0)
-            ], 10, Du))), 128))
+              ], 8, Uu)) : p("", !0)
+            ], 10, Mu))), 128))
           ]),
           _: 1
         })
       ], 2)
     ]));
   }
-}, Yu = { class: "relative" }, Gu = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Ku = ["value", "placeholder", "disabled"], Xu = {
+}, Gu = { class: "relative" }, Ku = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, Xu = ["value", "placeholder", "disabled"], Ju = {
   key: 0,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, Ju = ["aria-label"], Qu = {
+}, Qu = ["aria-label"], Zu = {
   key: 1,
   class: "animate-spin"
-}, Zu = {
+}, ec = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, ec = ["onClick", "onMouseenter"], tc = { class: "flex-1 text-left" }, ac = ["innerHTML"], nc = ["innerHTML"], rc = {
+}, tc = ["onClick", "onMouseenter"], ac = { class: "flex-1 text-left" }, nc = ["innerHTML"], rc = ["innerHTML"], sc = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
-}, sc = {
+}, lc = {
   key: 1,
   class: "px-4 py-3 text-sm text-slate-500 text-center"
-}, lc = {
+}, oc = {
   key: 2,
   class: "border-t border-slate-200 p-2"
-}, oc = {
+}, ic = {
   __name: "Search",
   props: {
     modelValue: { type: String, default: "" },
@@ -7080,8 +7082,8 @@ const Eu = {
       ref_key: "searchRef",
       ref: i
     }, [
-      u("div", Yu, [
-        u("div", Gu, [
+      u("div", Gu, [
+        u("div", Ku, [
           j(t, {
             class: m(ae.value)
           }, null, 8, ["class"])
@@ -7097,8 +7099,8 @@ const Eu = {
           onFocus: T,
           onBlur: z,
           onKeydown: b
-        }, null, 42, Ku),
-        e.modelValue || e.loading ? (o(), d("div", Xu, [
+        }, null, 42, Xu),
+        e.modelValue || e.loading ? (o(), d("div", Ju, [
           !e.loading && e.clearable ? (o(), d("button", {
             key: 0,
             onClick: w,
@@ -7106,7 +7108,7 @@ const Eu = {
             "aria-label": e.clearLabel
           }, [
             j(n, { class: "w-4 h-4" })
-          ], 8, Ju)) : e.loading ? (o(), d("div", Qu, [
+          ], 8, Qu)) : e.loading ? (o(), d("div", Zu, [
             j(r, { class: "w-4 h-4 text-slate-400" })
           ])) : p("", !0)
         ])) : p("", !0)
@@ -7124,7 +7126,7 @@ const Eu = {
             key: 0,
             class: m(oe.value)
           }, [
-            e.results.length > 0 ? (o(), d("div", Zu, [
+            e.results.length > 0 ? (o(), d("div", ec, [
               (o(!0), d(Y, null, K(e.results, (Z, U) => (o(), d("button", {
                 key: Z.id || U,
                 class: m(q(U)),
@@ -7135,21 +7137,21 @@ const Eu = {
                   key: 0,
                   class: "w-4 h-4 mr-3 flex-shrink-0"
                 })) : p("", !0),
-                u("div", tc, [
+                u("div", ac, [
                   u("div", {
                     class: "font-medium text-slate-900",
                     innerHTML: y(Z.title)
-                  }, null, 8, ac),
+                  }, null, 8, nc),
                   Z.description ? (o(), d("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
                     innerHTML: y(Z.description)
-                  }, null, 8, nc)) : p("", !0)
+                  }, null, 8, rc)) : p("", !0)
                 ]),
-                Z.category ? (o(), d("div", rc, x(Z.category), 1)) : p("", !0)
-              ], 42, ec))), 128))
-            ])) : e.showNoResults ? (o(), d("div", sc, x(e.noResultsText), 1)) : p("", !0),
-            O.$slots.footer ? (o(), d("div", lc, [
+                Z.category ? (o(), d("div", sc, x(Z.category), 1)) : p("", !0)
+              ], 42, tc))), 128))
+            ])) : e.showNoResults ? (o(), d("div", lc, x(e.noResultsText), 1)) : p("", !0),
+            O.$slots.footer ? (o(), d("div", oc, [
               $(O.$slots, "footer")
             ])) : p("", !0)
           ], 2)) : p("", !0)
@@ -7158,7 +7160,7 @@ const Eu = {
       })
     ], 512));
   }
-}, ic = { class: "w-full" }, uc = ["min", "max", "step"], cc = { class: "flex justify-between text-xs text-slate-500 mt-1" }, dc = {
+}, uc = { class: "w-full" }, cc = ["min", "max", "step"], dc = { class: "flex justify-between text-xs text-slate-500 mt-1" }, fc = {
   __name: "Slider",
   props: {
     modelValue: { type: Number, default: 0 },
@@ -7175,7 +7177,7 @@ const Eu = {
     const s = () => {
       n("update:modelValue", Number(r.value));
     };
-    return (l, i) => (o(), d("div", ic, [
+    return (l, i) => (o(), d("div", uc, [
       it(u("input", {
         type: "range",
         min: e.min,
@@ -7184,27 +7186,27 @@ const Eu = {
         "onUpdate:modelValue": i[0] || (i[0] = (c) => r.value = c),
         onInput: s,
         class: "w-full accent-blue-500 cursor-pointer"
-      }, null, 40, uc), [
+      }, null, 40, cc), [
         [La, r.value]
       ]),
-      u("div", cc, [
+      u("div", dc, [
         u("span", null, x(e.min), 1),
         u("span", null, x(r.value), 1),
         u("span", null, x(e.max), 1)
       ])
     ]));
   }
-}, fc = { class: "flex items-center space-x-4" }, mc = {
+}, mc = { class: "flex items-center space-x-4" }, vc = {
   __name: "Stepper",
   setup(e) {
-    return (a, t) => (o(), d("div", fc, [
+    return (a, t) => (o(), d("div", mc, [
       $(a.$slots, "default")
     ]));
   }
-}, vc = { class: "flex items-center" }, gc = { class: "ml-2" }, hc = { class: "font-medium" }, bc = {
+}, gc = { class: "flex items-center" }, hc = { class: "ml-2" }, bc = { class: "font-medium" }, pc = {
   key: 0,
   class: "text-sm text-slate-400"
-}, pc = {
+}, yc = {
   __name: "StepperItem",
   props: {
     step: { type: Number, required: !0 },
@@ -7214,7 +7216,7 @@ const Eu = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (o(), d("div", vc, [
+    return (a, t) => (o(), d("div", gc, [
       u("div", {
         class: m([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -7223,13 +7225,13 @@ const Eu = {
       }, [
         u("span", null, x(e.step), 1)
       ], 2),
-      u("div", gc, [
-        u("div", hc, x(e.title), 1),
-        e.description ? (o(), d("div", bc, x(e.description), 1)) : p("", !0)
+      u("div", hc, [
+        u("div", bc, x(e.title), 1),
+        e.description ? (o(), d("div", pc, x(e.description), 1)) : p("", !0)
       ])
     ]));
   }
-}, yc = { class: "flex border-b border-slate-200" }, xc = ["onClick"], wc = { class: "p-4" }, kc = {
+}, xc = { class: "flex border-b border-slate-200" }, wc = ["onClick"], kc = { class: "p-4" }, Sc = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 }
@@ -7243,7 +7245,7 @@ const Eu = {
       tabs: n,
       registerTab: (s) => (n.value.push({ label: s }), n.value.length - 1)
     }), (s, l) => (o(), d("div", null, [
-      u("div", yc, [
+      u("div", xc, [
         (o(!0), d(Y, null, K(n.value, (i, c) => (o(), d("button", {
           key: c,
           onClick: (v) => r(c),
@@ -7251,14 +7253,14 @@ const Eu = {
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
             t.value === c ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
-        }, x(i.label), 11, xc))), 128))
+        }, x(i.label), 11, wc))), 128))
       ]),
-      u("div", wc, [
+      u("div", kc, [
         $(s.$slots, "default")
       ])
     ]));
   }
-}, Sc = {
+}, Cc = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 }
@@ -7275,7 +7277,7 @@ const Eu = {
       [Ra, r.value]
     ]);
   }
-}, Cc = ["aria-expanded", "aria-controls", "id", "onClick"], $c = { class: "flex items-center flex-1 min-w-0" }, zc = { class: "flex-1 text-left" }, Ac = ["id", "aria-labelledby"], Ic = ["innerHTML"], Pc = {
+}, $c = ["aria-expanded", "aria-controls", "id", "onClick"], zc = { class: "flex items-center flex-1 min-w-0" }, Ac = { class: "flex-1 text-left" }, Ic = ["id", "aria-labelledby"], Pc = ["innerHTML"], Tc = {
   __name: "Accordion",
   props: {
     items: {
@@ -7431,12 +7433,12 @@ const Eu = {
           id: `header-${O.id || E}`,
           onClick: (Z) => l(E)
         }, [
-          u("div", $c, [
+          u("div", zc, [
             O.icon ? (o(), N(ie(O.icon), {
               key: 0,
               class: m(R.value)
             }, null, 8, ["class"])) : p("", !0),
-            u("div", zc, [
+            u("div", Ac, [
               u("h3", {
                 class: m(I.value)
               }, x(O.title), 3),
@@ -7451,7 +7453,7 @@ const Eu = {
           }, [
             j(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, Cc),
+        ], 10, $c),
         j(he, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -7475,16 +7477,16 @@ const Eu = {
                 O.content ? (o(), d("div", {
                   key: 0,
                   innerHTML: O.content
-                }, null, 8, Ic)) : p("", !0)
+                }, null, 8, Pc)) : p("", !0)
               ])
-            ], 10, Ac)) : p("", !0)
+            ], 10, Ic)) : p("", !0)
           ]),
           _: 2
         }, 1024)
       ], 2))), 128))
     ], 2));
   }
-}, Tc = {
+}, jc = {
   __name: "AccordionItem",
   props: {
     variant: {
@@ -7576,7 +7578,7 @@ const Eu = {
       })
     ], 2));
   }
-}, jc = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, Bc = { class: "flex items-center justify-between mb-4" }, Oc = { class: "text-lg font-semibold text-slate-900" }, Vc = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, Fc = { class: "grid grid-cols-7 gap-y-2 text-center" }, Ec = {
+}, Bc = { class: "w-full max-w-md bg-white border rounded-xl shadow-sm p-4" }, Oc = { class: "flex items-center justify-between mb-4" }, Vc = { class: "text-lg font-semibold text-slate-900" }, Fc = { class: "grid grid-cols-7 text-center text-sm font-medium text-slate-500 mb-2" }, Ec = { class: "grid grid-cols-7 gap-y-2 text-center" }, Nc = {
   __name: "Calendar",
   emits: ["update:modelValue"],
   setup(e) {
@@ -7606,8 +7608,8 @@ const Eu = {
     function w(g) {
       r.value = new Date(n.value, t.value, g), emit("update:modelValue", r.value);
     }
-    return (g, b) => (o(), d("div", jc, [
-      u("div", Bc, [
+    return (g, b) => (o(), d("div", Bc, [
+      u("div", Oc, [
         j(ue, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: S,
@@ -7621,7 +7623,7 @@ const Eu = {
           ]),
           _: 1
         }),
-        u("div", Oc, x(l.value) + " " + x(n.value), 1),
+        u("div", Vc, x(l.value) + " " + x(n.value), 1),
         j(ue, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: A,
@@ -7636,10 +7638,10 @@ const Eu = {
           _: 1
         })
       ]),
-      u("div", Vc, [
+      u("div", Fc, [
         (o(), d(Y, null, K(s, (y) => u("div", { key: y }, x(y), 1)), 64))
       ]),
-      u("div", Fc, [
+      u("div", Ec, [
         (o(!0), d(Y, null, K(v.value, (y) => (o(), d("div", {
           key: "prev-" + y,
           class: "text-slate-400 text-sm"
@@ -7665,7 +7667,7 @@ const Eu = {
       ])
     ]));
   }
-}, Nc = { class: "flex items-start justify-between" }, _c = {
+}, _c = { class: "flex items-start justify-between" }, Dc = {
   key: 0,
   class: "flex items-center gap-2"
 }, Kn = {
@@ -7745,7 +7747,7 @@ const Eu = {
       class: m(s.value)
     }, [
       $(c.$slots, "header", {}, () => [
-        u("div", Nc, [
+        u("div", _c, [
           u("div", null, [
             e.title ? (o(), N(_t, {
               key: 0,
@@ -7766,7 +7768,7 @@ const Eu = {
               _: 1
             }, 8, ["class"])) : p("", !0)
           ]),
-          c.$slots.filters ? (o(), d("div", _c, [
+          c.$slots.filters ? (o(), d("div", Dc, [
             $(c.$slots, "filters")
           ])) : p("", !0)
         ])
@@ -7952,19 +7954,19 @@ const Eu = {
       ], 2)) : p("", !0)
     ], 2));
   }
-}, Dc = { class: "flex items-center justify-between" }, Mc = {
+}, Mc = { class: "flex items-center justify-between" }, Lc = {
   key: 0,
   class: "text-sm text-slate-600"
-}, Lc = {
+}, Rc = {
   key: 1,
   class: "text-sm text-slate-600"
-}, Rc = {
+}, Hc = {
   key: 2,
   class: "flex items-center gap-4"
-}, Hc = {
+}, Wc = {
   key: 3,
   class: "flex items-center gap-4"
-}, Wc = { class: "flex items-center gap-2" }, qc = { class: "flex items-center gap-1" }, Uc = ["disabled"], Yc = ["disabled"], Gc = { class: "flex items-center gap-1" }, Kc = ["onClick"], Xc = ["disabled"], Jc = ["disabled"], Qc = { class: "text-sm text-slate-600 ml-4" }, Jn = {
+}, qc = { class: "flex items-center gap-2" }, Uc = { class: "flex items-center gap-1" }, Yc = ["disabled"], Gc = ["disabled"], Kc = { class: "flex items-center gap-1" }, Xc = ["onClick"], Jc = ["disabled"], Qc = ["disabled"], Zc = { class: "text-sm text-slate-600 ml-4" }, Jn = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -8105,13 +8107,13 @@ const Eu = {
       key: 0,
       class: m(h.value)
     }, [
-      u("div", Dc, [
-        e.selectable && e.selectedCount > 0 ? (o(), d("div", Mc, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (o(), d("div", Lc, " Showing " + x(i.value) + " to " + x(c.value) + " of " + x(e.total) + " entries ", 1)),
-        z.$slots.footer ? (o(), d("div", Rc, [
+      u("div", Mc, [
+        e.selectable && e.selectedCount > 0 ? (o(), d("div", Lc, x(e.selectedCount) + " of " + x(e.total) + " selected ", 1)) : (o(), d("div", Rc, " Showing " + x(i.value) + " to " + x(c.value) + " of " + x(e.total) + " entries ", 1)),
+        z.$slots.footer ? (o(), d("div", Hc, [
           $(z.$slots, "footer")
         ])) : p("", !0),
-        e.showPagination ? (o(), d("div", Hc, [
-          u("div", Wc, [
+        e.showPagination ? (o(), d("div", Wc, [
+          u("div", qc, [
             j(Un, {
               for: "pageSize",
               class: m(S.value),
@@ -8138,7 +8140,7 @@ const Eu = {
               _: 1
             }, 8, ["model-value", "class"])
           ]),
-          u("div", qc, [
+          u("div", Uc, [
             u("button", {
               disabled: e.currentPage === 1,
               onClick: w[1] || (w[1] = (g) => z.$emit("update:currentPage", 1)),
@@ -8158,7 +8160,7 @@ const Eu = {
                   d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
                 })
               ], -1)
-            ])], 10, Uc),
+            ])], 10, Yc),
             u("button", {
               disabled: e.currentPage === 1,
               onClick: w[2] || (w[2] = (g) => z.$emit("update:currentPage", e.currentPage - 1)),
@@ -8178,13 +8180,13 @@ const Eu = {
                   d: "M15.75 19.5L8.25 12l7.5-7.5"
                 })
               ], -1)
-            ])], 10, Yc),
-            u("div", Gc, [
+            ])], 10, Gc),
+            u("div", Kc, [
               (o(!0), d(Y, null, K(v.value, (g) => (o(), d("button", {
                 key: g,
                 onClick: (b) => z.$emit("update:currentPage", g),
                 class: m(T(g === e.currentPage, !1))
-              }, x(g), 11, Kc))), 128))
+              }, x(g), 11, Xc))), 128))
             ]),
             u("button", {
               disabled: e.currentPage === e.totalPages,
@@ -8205,7 +8207,7 @@ const Eu = {
                   d: "m8.25 4.5 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Xc),
+            ])], 10, Jc),
             u("button", {
               disabled: e.currentPage === e.totalPages,
               onClick: w[4] || (w[4] = (g) => z.$emit("update:currentPage", e.totalPages)),
@@ -8225,17 +8227,17 @@ const Eu = {
                   d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
                 })
               ], -1)
-            ])], 10, Jc)
+            ])], 10, Qc)
           ]),
-          u("div", Qc, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
+          u("div", Zc, " Page " + x(e.currentPage) + " of " + x(e.totalPages), 1)
         ])) : p("", !0)
       ])
     ], 2)) : p("", !0);
   }
-}, Zc = { class: "overflow-x-auto" }, ed = ["onClick"], td = { class: "flex items-center gap-2" }, ad = {
+}, ed = { class: "overflow-x-auto" }, td = ["onClick"], ad = { class: "flex items-center gap-2" }, nd = {
   key: 0,
   class: "flex flex-col"
-}, nd = { key: 0 }, rd = ["colspan"], sd = { class: "text-center py-8" }, ld = { class: "text-slate-500" }, od = {
+}, rd = { key: 0 }, sd = ["colspan"], ld = { class: "text-center py-8" }, od = { class: "text-slate-500" }, id = {
   __name: "DataTable",
   props: {
     data: {
@@ -8472,7 +8474,7 @@ const Eu = {
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : p("", !0),
-      u("div", Zc, [
+      u("div", ed, [
         u("table", {
           class: m(O.value)
         }, [
@@ -8495,9 +8497,9 @@ const Eu = {
                 class: m(U(J)),
                 onClick: (be) => oe(J)
               }, [
-                u("div", td, [
+                u("div", ad, [
                   u("span", null, x(J.label), 1),
-                  J.sortable ? (o(), d("div", ad, [
+                  J.sortable ? (o(), d("div", nd, [
                     (o(), d("svg", {
                       class: m([ee(J, "asc"), "w-3 h-3 transition-colors"]),
                       fill: "none",
@@ -8526,7 +8528,7 @@ const Eu = {
                     ])], 2))
                   ])) : p("", !0)
                 ])
-              ], 10, ed))), 128)),
+              ], 10, td))), 128)),
               V.$slots.actions ? (o(), d("th", {
                 key: 1,
                 class: m(se.value)
@@ -8562,13 +8564,13 @@ const Eu = {
                 ])
               }))
             ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density"]))), 128)),
-            z.value.length === 0 ? (o(), d("tr", nd, [
+            z.value.length === 0 ? (o(), d("tr", rd, [
               u("td", {
                 colspan: w.value,
                 class: m(Te.value)
               }, [
                 $(V.$slots, "empty", {}, () => [
-                  u("div", sd, [
+                  u("div", ld, [
                     H[4] || (H[4] = u("div", { class: "text-slate-400 mb-2" }, [
                       u("svg", {
                         class: "w-12 h-12 mx-auto",
@@ -8584,10 +8586,10 @@ const Eu = {
                         })
                       ])
                     ], -1)),
-                    u("p", ld, x(e.emptyText), 1)
+                    u("p", od, x(e.emptyText), 1)
                   ])
                 ])
-              ], 10, rd)
+              ], 10, sd)
             ])) : p("", !0)
           ], 2)
         ], 2)
@@ -8613,7 +8615,7 @@ const Eu = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding"])) : p("", !0)
     ], 2));
   }
-}, id = {
+}, ud = {
   __name: "DataTableCell",
   props: {
     item: {
@@ -8701,16 +8703,16 @@ const Eu = {
       ])
     ], 2));
   }
-}, ud = { class: "flex-1 min-w-64" }, cd = { class: "relative" }, dd = {
+}, cd = { class: "flex-1 min-w-64" }, dd = { class: "relative" }, fd = {
   key: 0,
   class: "min-w-32"
-}, fd = ["value"], md = {
+}, md = ["value"], vd = {
   key: 1,
   class: "flex items-center gap-2"
-}, vd = {
+}, gd = {
   key: 2,
   class: "flex items-center gap-2"
-}, gd = { class: "flex items-center gap-2 ml-auto" }, hd = { class: "flex items-center gap-2 flex-wrap" }, bd = {
+}, hd = { class: "flex items-center gap-2 ml-auto" }, bd = { class: "flex items-center gap-2 flex-wrap" }, pd = {
   __name: "DataTableFilters",
   props: {
     searchQuery: {
@@ -8908,8 +8910,8 @@ const Eu = {
         u("div", {
           class: m(h.value)
         }, [
-          u("div", ud, [
-            u("div", cd, [
+          u("div", cd, [
+            u("div", dd, [
               j(Z, {
                 icon: "magnifying-glass",
                 class: m(S.value)
@@ -8935,7 +8937,7 @@ const Eu = {
               }, 8, ["class"])) : p("", !0)
             ])
           ]),
-          e.statusOptions.length > 0 ? (o(), d("div", dd, [
+          e.statusOptions.length > 0 ? (o(), d("div", fd, [
             j(ea, {
               "model-value": e.selectedStatus,
               onChange: E[2] || (E[2] = (U) => O.$emit("update:selectedStatus", U.target.value)),
@@ -8946,12 +8948,12 @@ const Eu = {
                 (o(!0), d(Y, null, K(e.statusOptions, (U) => (o(), d("option", {
                   key: U.value,
                   value: U.value
-                }, x(U.label), 9, fd))), 128))
+                }, x(U.label), 9, md))), 128))
               ]),
               _: 1
             }, 8, ["model-value", "class"])
           ])) : p("", !0),
-          e.showDateFilter ? (o(), d("div", md, [
+          e.showDateFilter ? (o(), d("div", vd, [
             j(et, {
               type: "date",
               "model-value": e.dateFrom,
@@ -8968,10 +8970,10 @@ const Eu = {
               class: m(w.value)
             }, null, 8, ["model-value", "class"])
           ])) : p("", !0),
-          O.$slots.filters ? (o(), d("div", vd, [
+          O.$slots.filters ? (o(), d("div", gd, [
             $(O.$slots, "filters")
           ])) : p("", !0),
-          u("div", gd, [
+          u("div", hd, [
             c.value ? (o(), N(ue, {
               key: 0,
               onClick: q,
@@ -9010,7 +9012,7 @@ const Eu = {
           key: 0,
           class: m(D.value)
         }, [
-          u("div", hd, [
+          u("div", bd, [
             u("span", {
               class: m(R.value)
             }, "Active filters:", 2),
@@ -9037,16 +9039,16 @@ const Eu = {
       ]);
     };
   }
-}, pd = { class: "flex items-center gap-3" }, yd = {
+}, yd = { class: "flex items-center gap-3" }, xd = {
   key: 0,
   class: "flex items-center gap-3"
-}, xd = { class: "text-sm text-slate-600" }, wd = { class: "flex items-center gap-2" }, kd = { class: "flex items-center gap-3" }, Sd = ["onClick", "title"], Cd = {
+}, wd = { class: "text-sm text-slate-600" }, kd = { class: "flex items-center gap-2" }, Sd = { class: "flex items-center gap-3" }, Cd = ["onClick", "title"], $d = {
   key: 1,
   class: "relative"
-}, $d = { class: "p-3" }, zd = { class: "space-y-1" }, Ad = { class: "flex items-center gap-2 cursor-pointer w-full" }, Id = ["checked", "onChange"], Pd = ["disabled"], Td = {
+}, zd = { class: "p-3" }, Ad = { class: "space-y-1" }, Id = { class: "flex items-center gap-2 cursor-pointer w-full" }, Pd = ["checked", "onChange"], Td = ["disabled"], jd = {
   key: 3,
   class: "flex items-center gap-2"
-}, jd = [
+}, Bd = [
   {
     key: "delete",
     label: "Delete",
@@ -9063,13 +9065,13 @@ const Eu = {
     },
     variant: "primary"
   }
-], Bd = {
+], Od = {
   name: "DataTableToolBar"
-}, Od = /* @__PURE__ */ Object.assign(Bd, {
+}, Vd = /* @__PURE__ */ Object.assign(Od, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => jd },
+    bulkActions: { type: Array, default: () => Bd },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -9195,10 +9197,10 @@ const Eu = {
       return o(), d("div", {
         class: m(T.value)
       }, [
-        u("div", pd, [
-          i.value > 0 ? (o(), d("div", yd, [
-            u("span", xd, x(i.value) + " selected ", 1),
-            u("div", wd, [
+        u("div", yd, [
+          i.value > 0 ? (o(), d("div", xd, [
+            u("span", wd, x(i.value) + " selected ", 1),
+            u("div", kd, [
               (o(!0), d(Y, null, K(e.bulkActions, (ee) => (o(), N(ue, {
                 key: ee.key,
                 onClick: (V) => Q.$emit("bulk-action", { action: ee.key, items: e.selectedItems }),
@@ -9220,7 +9222,7 @@ const Eu = {
             class: m(z.value)
           }, x(e.totalItems) + " " + x(e.totalItems === 1 ? "item" : "items"), 3)) : p("", !0)
         ]),
-        u("div", kd, [
+        u("div", Sd, [
           e.showDensityToggle ? (o(), d("div", {
             key: 0,
             class: m(w.value)
@@ -9236,9 +9238,9 @@ const Eu = {
                 icon: ee.icon,
                 class: "w-4 h-4"
               }, null, 8, ["icon"])
-            ], 10, Sd)), 64))
+            ], 10, Cd)), 64))
           ], 2)) : p("", !0),
-          e.showColumnToggle ? (o(), d("div", Cd, [
+          e.showColumnToggle ? (o(), d("div", $d, [
             u("button", {
               onClick: aa(oe, ["stop"]),
               class: m(g.value),
@@ -9259,22 +9261,22 @@ const Eu = {
               onClick: se[0] || (se[0] = aa(() => {
               }, ["stop"]))
             }, [
-              u("div", $d, [
+              u("div", zd, [
                 u("div", {
                   class: m(y.value)
                 }, " Show Columns ", 2),
-                u("div", zd, [
+                u("div", Ad, [
                   (o(!0), d(Y, null, K(e.toggleableColumns, (ee) => (o(), d("div", {
                     key: ee.key,
                     class: m(I.value)
                   }, [
-                    u("label", Ad, [
+                    u("label", Id, [
                       u("input", {
                         type: "checkbox",
                         checked: Z(ee.key),
                         onChange: (V) => U(ee.key, V.target.checked),
                         class: m(D.value)
-                      }, null, 42, Id),
+                      }, null, 42, Pd),
                       u("span", {
                         class: m(R.value)
                       }, x(ee.label), 3)
@@ -9298,15 +9300,15 @@ const Eu = {
               class: m(E())
             }, null, 8, ["class"]),
             se[3] || (se[3] = u("span", null, "Refresh", -1))
-          ], 10, Pd)) : p("", !0),
-          Q.$slots.actions ? (o(), d("div", Td, [
+          ], 10, Td)) : p("", !0),
+          Q.$slots.actions ? (o(), d("div", jd, [
             $(Q.$slots, "actions")
           ])) : p("", !0)
         ])
       ], 2);
     };
   }
-}), Vd = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Fd = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Ed = { class: "col-span-1 md:col-span-2" }, Nd = { class: "space-y-2" }, _d = { class: "flex space-x-4" }, Dd = { class: "flex flex-col md:flex-row justify-between items-center" }, Md = { class: "flex space-x-6 mt-4 md:mt-0" }, Ld = {
+}), Fd = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, Ed = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, Nd = { class: "col-span-1 md:col-span-2" }, _d = { class: "space-y-2" }, Dd = { class: "flex space-x-4" }, Md = { class: "flex flex-col md:flex-row justify-between items-center" }, Ld = { class: "flex space-x-6 mt-4 md:mt-0" }, Rd = {
   __name: "Footer",
   props: {
     className: {
@@ -9320,9 +9322,9 @@ const Eu = {
       return o(), d("footer", {
         class: m(_(k)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        u("div", Vd, [
-          u("div", Fd, [
-            u("div", Ed, [
+        u("div", Fd, [
+          u("div", Ed, [
+            u("div", Nd, [
               $(a.$slots, "brand", {}, () => [
                 j(n, { class: "mb-4" }),
                 j(r, { class: "text-gray-600 max-w-md" }, {
@@ -9344,7 +9346,7 @@ const Eu = {
                   ])]),
                   _: 1
                 }),
-                u("div", Nd, [
+                u("div", _d, [
                   j(l, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
@@ -9386,7 +9388,7 @@ const Eu = {
                   ])]),
                   _: 1
                 }),
-                u("div", _d, [
+                u("div", Dd, [
                   j(l, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -9416,7 +9418,7 @@ const Eu = {
             ])
           ]),
           j(c, { class: "my-8" }),
-          u("div", Dd, [
+          u("div", Md, [
             $(a.$slots, "copyright", {}, () => [
               j(r, { class: "text-gray-600" }, {
                 default: B(() => [
@@ -9426,7 +9428,7 @@ const Eu = {
               })
             ]),
             $(a.$slots, "legal", {}, () => [
-              u("div", Md, [
+              u("div", Ld, [
                 j(l, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
@@ -9452,19 +9454,19 @@ const Eu = {
       ], 2);
     };
   }
-}, Rd = { class: "flex items-center justify-between h-16 px-6" }, Hd = { class: "flex items-center" }, Wd = {
+}, Hd = { class: "flex items-center justify-between h-16 px-6" }, Wd = { class: "flex items-center" }, qd = {
   key: 0,
   class: "flex items-center space-x-3 mr-6"
-}, qd = { class: "flex items-center space-x-2 text-sm" }, Ud = { class: "text-gray-500" }, Yd = { class: "text-gray-900 font-medium" }, Gd = { class: "flex items-center space-x-4" }, Kd = { class: "relative" }, Xd = {
+}, Ud = { class: "flex items-center space-x-2 text-sm" }, Yd = { class: "text-gray-500" }, Gd = { class: "text-gray-900 font-medium" }, Kd = { class: "flex items-center space-x-4" }, Xd = { class: "relative" }, Jd = {
   key: 0,
   class: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center"
-}, Jd = {
+}, Qd = {
   key: 0,
   class: "absolute right-6 top-16 mt-2 w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Qd = { class: "max-h-96 overflow-y-auto" }, Zd = { class: "flex items-start space-x-3" }, ef = { class: "flex-1" }, tf = { class: "text-sm text-gray-900" }, af = { class: "text-xs text-gray-500 mt-1" }, nf = { class: "relative" }, rf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, sf = { class: "text-gray-600 text-sm font-medium" }, lf = { class: "hidden md:block text-left" }, of = { class: "text-sm font-medium text-gray-900" }, uf = { class: "text-xs text-gray-500" }, cf = {
+}, Zd = { class: "max-h-96 overflow-y-auto" }, ef = { class: "flex items-start space-x-3" }, tf = { class: "flex-1" }, af = { class: "text-sm text-gray-900" }, nf = { class: "text-xs text-gray-500 mt-1" }, rf = { class: "relative" }, sf = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, lf = { class: "text-gray-600 text-sm font-medium" }, of = { class: "hidden md:block text-left" }, uf = { class: "text-sm font-medium text-gray-900" }, cf = { class: "text-xs text-gray-500" }, df = {
   key: 0,
   class: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, df = { class: "p-4 border-b border-gray-200" }, ff = { class: "text-sm font-medium text-gray-900" }, mf = { class: "text-xs text-gray-500" }, vf = { class: "py-2" }, gf = ["onClick"], hf = {
+}, ff = { class: "p-4 border-b border-gray-200" }, mf = { class: "text-sm font-medium text-gray-900" }, vf = { class: "text-xs text-gray-500" }, gf = { class: "py-2" }, hf = ["onClick"], bf = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -9510,16 +9512,16 @@ const Eu = {
         )),
         style: ke({ left: `${e.sidebarWidth}px` })
       }, [
-        u("div", Rd, [
-          u("div", Hd, [
-            e.sidebarCollapsed ? (o(), d("div", Wd, [...b[1] || (b[1] = [
+        u("div", Hd, [
+          u("div", Wd, [
+            e.sidebarCollapsed ? (o(), d("div", qd, [...b[1] || (b[1] = [
               u("div", { class: "w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center" }, [
                 u("span", { class: "text-white font-bold text-sm" }, "UI")
               ], -1),
               u("h1", { class: "text-xl font-semibold text-gray-900" }, "Dashboard", -1)
             ])])) : p("", !0),
-            u("nav", qd, [
-              u("span", Ud, x(e.currentSection), 1),
+            u("nav", Ud, [
+              u("span", Yd, x(e.currentSection), 1),
               b[2] || (b[2] = u("svg", {
                 class: "w-4 h-4 text-gray-400",
                 fill: "none",
@@ -9533,11 +9535,11 @@ const Eu = {
                   d: "M9 5l7 7-7 7"
                 })
               ], -1)),
-              u("span", Yd, x(e.currentPage), 1)
+              u("span", Gd, x(e.currentPage), 1)
             ])
           ]),
-          u("div", Gd, [
-            u("div", Kd, [
+          u("div", Kd, [
+            u("div", Xd, [
               b[3] || (b[3] = u("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
                 u("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -9585,22 +9587,22 @@ const Eu = {
                   d: "M13 3h2.586a1 1 0 01.707.293l6.414 6.414a1 1 0 01.293.707V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h4L13 3z"
                 })
               ], -1)),
-              i.value > 0 ? (o(), d("span", Xd, x(i.value), 1)) : p("", !0)
+              i.value > 0 ? (o(), d("span", Jd, x(i.value), 1)) : p("", !0)
             ]),
-            s.value ? (o(), d("div", Jd, [
+            s.value ? (o(), d("div", Qd, [
               b[6] || (b[6] = u("div", { class: "p-4 border-b border-gray-200" }, [
                 u("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
               ], -1)),
-              u("div", Qd, [
+              u("div", Zd, [
                 (o(!0), d(Y, null, K(e.notifications, (I) => (o(), d("div", {
                   key: I.id,
                   class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
                 }, [
-                  u("div", Zd, [
+                  u("div", ef, [
                     b[5] || (b[5] = u("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                    u("div", ef, [
-                      u("p", tf, x(I.title), 1),
-                      u("p", af, x(I.time), 1)
+                    u("div", tf, [
+                      u("p", af, x(I.title), 1),
+                      u("p", nf, x(I.time), 1)
                     ])
                   ])
                 ]))), 128))
@@ -9609,17 +9611,17 @@ const Eu = {
                 u("button", { class: "text-sm text-blue-600 hover:text-blue-800" }, "View all notifications")
               ], -1))
             ])) : p("", !0),
-            u("div", nf, [
+            u("div", rf, [
               u("button", {
                 onClick: h,
                 class: "flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors"
               }, [
-                u("div", rf, [
-                  u("span", sf, x(c.value), 1)
+                u("div", sf, [
+                  u("span", lf, x(c.value), 1)
                 ]),
-                u("div", lf, [
-                  u("p", of, x(e.user.name), 1),
-                  u("p", uf, x(e.user.role), 1)
+                u("div", of, [
+                  u("p", uf, x(e.user.name), 1),
+                  u("p", cf, x(e.user.role), 1)
                 ]),
                 b[8] || (b[8] = u("svg", {
                   class: "w-4 h-4 text-gray-400",
@@ -9635,12 +9637,12 @@ const Eu = {
                   })
                 ], -1))
               ]),
-              l.value ? (o(), d("div", cf, [
-                u("div", df, [
-                  u("p", ff, x(e.user.name), 1),
-                  u("p", mf, x(e.user.email), 1)
+              l.value ? (o(), d("div", df, [
+                u("div", ff, [
+                  u("p", mf, x(e.user.name), 1),
+                  u("p", vf, x(e.user.email), 1)
                 ]),
-                u("div", vf, [
+                u("div", gf, [
                   (o(!0), d(Y, null, K(e.profileMenuItems, (I) => (o(), d(Y, {
                     key: I.name
                   }, [
@@ -9671,7 +9673,7 @@ const Eu = {
                         class: "w-4 h-4 mr-3 text-gray-400"
                       }, null, 8, ["icon"]),
                       L(" " + x(I.label), 1)
-                    ], 8, gf))
+                    ], 8, hf))
                   ], 64))), 128))
                 ]),
                 u("div", { class: "border-t border-gray-200 py-2" }, [
@@ -9702,16 +9704,16 @@ const Eu = {
       ], 6);
     };
   }
-}, bf = {
+}, pf = {
   key: 0,
   class: "flex items-center justify-start p-4 border-b border-gray-200"
-}, pf = { class: "text-xl font-semibold text-gray-900" }, yf = { class: "p-4 space-y-2" }, xf = {
+}, yf = { class: "text-xl font-semibold text-gray-900" }, xf = { class: "p-4 space-y-2" }, wf = {
   key: 0,
   class: "mt-6 mb-2"
-}, wf = { class: "px-3 text-lg font-semibold text-gray-600 uppercase tracking-wider" }, kf = { class: "truncate text-sm" }, Sf = {
+}, kf = { class: "px-3 text-lg font-semibold text-gray-600 uppercase tracking-wider" }, Sf = { class: "truncate text-sm" }, Cf = {
   key: 0,
   class: "ml-auto inline-flex items-center justify-center px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800"
-}, Cf = {
+}, $f = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -9745,15 +9747,15 @@ const Eu = {
         )),
         style: ke({ width: e.sidebarWidth + "px" })
       }, [
-        e.header ? (o(), d("div", bf, [
-          u("h2", pf, x(e.header.title), 1)
+        e.header ? (o(), d("div", pf, [
+          u("h2", yf, x(e.header.title), 1)
         ])) : p("", !0),
-        u("nav", yf, [
+        u("nav", xf, [
           (o(!0), d(Y, null, K(e.navigationItems, (v) => (o(), d(Y, {
             key: v.name
           }, [
-            v.type === "section" ? (o(), d("div", xf, [
-              u("h3", wf, x(v.label), 1)
+            v.type === "section" ? (o(), d("div", wf, [
+              u("h3", kf, x(v.label), 1)
             ])) : v.type === "link" ? (o(), N(c, {
               key: 1,
               to: v.route,
@@ -9769,8 +9771,8 @@ const Eu = {
                   size: "md",
                   class: "mr-3 text-5xl flex-shrink-0"
                 }, null, 8, ["icon"]),
-                u("span", kf, x(v.label), 1),
-                v.badge ? (o(), d("span", Sf, x(v.badge), 1)) : p("", !0)
+                u("span", Sf, x(v.label), 1),
+                v.badge ? (o(), d("span", Cf, x(v.badge), 1)) : p("", !0)
               ]),
               _: 2
             }, 1032, ["to", "onClick", "class"])) : p("", !0)
@@ -9779,7 +9781,7 @@ const Eu = {
       ], 6);
     };
   }
-}, $f = {
+}, zf = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -9798,13 +9800,13 @@ const Eu = {
       $(a.$slots, "default")
     ], 2));
   }
-}, zf = {
+}, Af = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Af = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, If = { class: "text-slate-900 font-medium" }, Pf = {
+}, If = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Pf = { class: "text-slate-900 font-medium" }, Tf = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Tf = { class: "mt-2 text-slate-600 text-sm" }, jf = {
+}, jf = { class: "mt-2 text-slate-600 text-sm" }, Bf = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -9828,8 +9830,8 @@ const Eu = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (o(), d("div", zf)) : p("", !0),
-      u("div", Af, [
+      e.orientation === "vertical" ? (o(), d("div", Af)) : p("", !0),
+      u("div", If, [
         $(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = u("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -9840,17 +9842,17 @@ const Eu = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        u("h3", If, [
+        u("h3", Pf, [
           $(a.$slots, "title", {}, () => [
             L(x(e.title), 1)
           ])
         ]),
-        e.subtitle ? (o(), d("p", Pf, [
+        e.subtitle ? (o(), d("p", Tf, [
           $(a.$slots, "subtitle", {}, () => [
             L(x(e.subtitle), 1)
           ])
         ])) : p("", !0),
-        u("div", Tf, [
+        u("div", jf, [
           $(a.$slots, "default")
         ])
       ], 2)
@@ -9861,7 +9863,7 @@ const Eu = {
   for (const [n, r] of a)
     t[n] = r;
   return t;
-}, Bf = {
+}, Of = {
   name: "AuthLayout",
   props: {
     title: {
@@ -9950,20 +9952,20 @@ const Eu = {
       currentYear: f(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, Of = { class: "container mx-auto px-4 relative z-10" }, Vf = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Ff = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Ef = { class: "mb-6" }, Nf = { class: "text-4xl lg:text-6xl font-bold mb-2" }, _f = { class: "text-white" }, Df = { class: "flex items-center justify-center lg:justify-start mb-6" }, Mf = { class: "text-3xl lg:text-4xl font-bold text-white" }, Lf = { class: "lg:col-span-4" }, Rf = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Hf = {
+}, Vf = { class: "container mx-auto px-4 relative z-10" }, Ff = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, Ef = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Nf = { class: "mb-6" }, _f = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Df = { class: "text-white" }, Mf = { class: "flex items-center justify-center lg:justify-start mb-6" }, Lf = { class: "text-3xl lg:text-4xl font-bold text-white" }, Rf = { class: "lg:col-span-4" }, Hf = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Wf = {
   key: 0,
   class: "mb-6"
-}, Wf = { class: "text-center" }, qf = { class: "text-2xl font-bold text-gray-900" }, Uf = {
+}, qf = { class: "text-center" }, Uf = { class: "text-2xl font-bold text-gray-900" }, Yf = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, Yf = { class: "space-y-6" }, Gf = {
+}, Gf = { class: "space-y-6" }, Kf = {
   key: 1,
   class: "mt-6"
-}, Kf = {
+}, Xf = {
   key: 0,
   class: "mt-6 text-center"
-}, Xf = { class: "absolute bottom-4 right-4 text-right" }, Jf = { class: "flex items-end justify-end mb-2" }, Qf = { class: "text-right mr-3" }, Zf = { class: "text-red-500 font-bold text-xs" }, em = { class: "text-white text-xs" }, tm = { class: "text-white/70 text-xs" }, am = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, nm = { class: "text-white/70 text-xs" }, rm = { class: "absolute bottom-4 left-4 flex gap-2" }, sm = ["href"];
-function lm(e, a, t, n, r, s) {
+}, Jf = { class: "absolute bottom-4 right-4 text-right" }, Qf = { class: "flex items-end justify-end mb-2" }, Zf = { class: "text-right mr-3" }, em = { class: "text-red-500 font-bold text-xs" }, tm = { class: "text-white text-xs" }, am = { class: "text-white/70 text-xs" }, nm = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, rm = { class: "text-white/70 text-xs" }, sm = { class: "absolute bottom-4 left-4 flex gap-2" }, lm = ["href"];
+function om(e, a, t, n, r, s) {
   const l = te("router-view"), i = te("font-awesome-icon");
   return o(), d("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -9976,70 +9978,70 @@ function lm(e, a, t, n, r, s) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    u("div", Of, [
-      u("div", Vf, [
-        u("div", Ff, [
-          u("div", Ef, [
-            u("div", Nf, [
+    u("div", Vf, [
+      u("div", Ff, [
+        u("div", Ef, [
+          u("div", Nf, [
+            u("div", _f, [
               u("span", {
                 style: ke({ color: t.primaryColor })
               }, x(t.primaryLogoPrefix), 5),
-              u("span", _f, x(t.primaryLogoText), 1)
+              u("span", Df, x(t.primaryLogoText), 1)
             ]),
             u("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: ke({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          u("div", Df, [
+          u("div", Mf, [
             u("div", {
               class: "flex items-center justify-center w-15 h-15 rounded-lg mr-4 text-white font-bold text-xl",
               style: ke({ backgroundColor: t.primaryColor })
             }, x(t.secondaryLogoPrefix), 5),
-            u("span", Mf, x(t.secondaryLogoText), 1)
+            u("span", Lf, x(t.secondaryLogoText), 1)
           ]),
           a[0] || (a[0] = u("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             u("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        u("div", Lf, [
-          u("div", Rf, [
-            e.$slots["card-header"] || t.title ? (o(), d("div", Hf, [
+        u("div", Rf, [
+          u("div", Hf, [
+            e.$slots["card-header"] || t.title ? (o(), d("div", Wf, [
               $(e.$slots, "card-header", {}, () => [
-                u("div", Wf, [
-                  u("h1", qf, x(t.title), 1),
-                  t.subtitle ? (o(), d("p", Uf, x(t.subtitle), 1)) : p("", !0)
+                u("div", qf, [
+                  u("h1", Uf, x(t.title), 1),
+                  t.subtitle ? (o(), d("p", Yf, x(t.subtitle), 1)) : p("", !0)
                 ])
               ])
             ])) : p("", !0),
-            u("div", Yf, [
+            u("div", Gf, [
               j(l)
             ]),
-            e.$slots["card-footer"] ? (o(), d("div", Gf, [
+            e.$slots["card-footer"] ? (o(), d("div", Kf, [
               $(e.$slots, "card-footer")
             ])) : p("", !0)
           ]),
-          e.$slots.links ? (o(), d("div", Kf, [
+          e.$slots.links ? (o(), d("div", Xf, [
             $(e.$slots, "links")
           ])) : p("", !0)
         ])
       ])
     ]),
-    u("div", Xf, [
-      u("div", Jf, [
-        u("div", Qf, [
-          u("div", Zf, x(t.companyName), 1),
-          u("div", em, x(t.companyType), 1),
-          u("div", tm, x(t.companyTagline), 1)
+    u("div", Jf, [
+      u("div", Qf, [
+        u("div", Zf, [
+          u("div", em, x(t.companyName), 1),
+          u("div", tm, x(t.companyType), 1),
+          u("div", am, x(t.companyTagline), 1)
         ]),
-        u("div", am, x(t.companyInitials), 1)
+        u("div", nm, x(t.companyInitials), 1)
       ]),
-      u("div", nm, [
+      u("div", rm, [
         u("div", null, x(t.appName) + " (" + x(t.appVersion) + ")", 1),
         u("div", null, x(t.copyright), 1)
       ])
     ]),
-    u("div", rm, [
+    u("div", sm, [
       (o(!0), d(Y, null, K(t.socialLinks, (c) => (o(), d("a", {
         key: c.name,
         href: c.url,
@@ -10051,14 +10053,14 @@ function lm(e, a, t, n, r, s) {
         j(i, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, sm))), 128))
+      ], 10, lm))), 128))
     ])
   ], 4);
 }
-const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen bg-gray-50" }, um = { class: "flex-1" }, cm = {
+const im = /* @__PURE__ */ Qn(Of, [["render", om]]), um = { class: "min-h-screen bg-gray-50" }, cm = { class: "flex-1" }, dm = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, dm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, fm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, mm = {
+}, fm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, mm = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, vm = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -10082,7 +10084,7 @@ const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = te("Logo"), r = te("MainNavigation"), s = te("Button"), l = te("Header"), i = te("Breadcrumb"), c = te("Text"), v = te("Footer");
-      return o(), d("div", im, [
+      return o(), d("div", um, [
         j(l, null, {
           logo: B(() => [
             $(a.$slots, "logo", {}, () => [
@@ -10115,15 +10117,15 @@ const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen
           ]),
           _: 3
         }),
-        u("main", um, [
-          e.showBreadcrumb ? (o(), d("div", cm, [
-            u("div", dm, [
+        u("main", cm, [
+          e.showBreadcrumb ? (o(), d("div", dm, [
+            u("div", fm, [
               $(a.$slots, "breadcrumb", {}, () => [
                 j(i, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : p("", !0),
-          u("div", fm, [
+          u("div", mm, [
             $(a.$slots, "default")
           ])
         ]),
@@ -10144,14 +10146,14 @@ const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen
       ]);
     };
   }
-}, vm = {
+}, gm = {
   template: `
     <svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="100" cy="100" r="80" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="2"/>
       <text x="100" y="110" text-anchor="middle" font-size="48" font-weight="bold" fill="#64748b">404</text>
     </svg>
   `
-}, gm = {
+}, hm = {
   template: `
     <svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
       <circle cx="100" cy="100" r="80" fill="#fef2f2" stroke="#fecaca" stroke-width="2"/>
@@ -10164,7 +10166,7 @@ const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen
       <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />
     </svg>
   `
-}, hm = {
+}, bm = {
   name: "ErrorPage",
   components: {
     Button: ue
@@ -10251,12 +10253,12 @@ const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen
         404: {
           title: "Page Not Found",
           message: "Sorry, we couldn't find the page you're looking for.",
-          icon: vm
+          icon: gm
         },
         500: {
           title: "Server Error",
           message: "Something went wrong on our end. Please try again later.",
-          icon: gm
+          icon: hm
         },
         403: {
           title: "Access Denied",
@@ -10323,8 +10325,8 @@ const om = /* @__PURE__ */ Qn(Bf, [["render", lm]]), im = { class: "min-h-screen
       helpClasses: D
     };
   }
-}, bm = { class: "flex justify-center" }, pm = { class: "flex items-center gap-3" }, ym = { class: "text-2xl font-bold text-slate-900" }, xm = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, wm = { class: "text-sm text-slate-600" }, km = ["href"];
-function Sm(e, a, t, n, r, s) {
+}, pm = { class: "flex justify-center" }, ym = { class: "flex items-center gap-3" }, xm = { class: "text-2xl font-bold text-slate-900" }, wm = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, km = { class: "text-sm text-slate-600" }, Sm = ["href"];
+function Cm(e, a, t, n, r, s) {
   const l = te("Button");
   return o(), d("div", {
     class: m(n.layoutClasses)
@@ -10345,13 +10347,13 @@ function Sm(e, a, t, n, r, s) {
         class: m(n.headerClasses)
       }, [
         $(e.$slots, "header", {}, () => [
-          u("div", bm, [
+          u("div", pm, [
             $(e.$slots, "logo", {}, () => [
-              u("div", pm, [
+              u("div", ym, [
                 a[1] || (a[1] = u("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   u("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                u("span", ym, x(t.brandName), 1)
+                u("span", xm, x(t.brandName), 1)
               ])
             ])
           ])
@@ -10397,7 +10399,7 @@ function Sm(e, a, t, n, r, s) {
           class: m(n.actionsClasses)
         }, [
           $(e.$slots, "actions", {}, () => [
-            u("div", xm, [
+            u("div", wm, [
               t.showHomeButton ? (o(), N(l, {
                 key: 0,
                 href: t.homeUrl,
@@ -10439,13 +10441,13 @@ function Sm(e, a, t, n, r, s) {
           class: m(n.helpClasses)
         }, [
           $(e.$slots, "help", {}, () => [
-            u("p", wm, [
+            u("p", km, [
               L(x(t.helpText) + " ", 1),
               t.supportUrl ? (o(), d("a", {
                 key: 0,
                 href: t.supportUrl,
                 class: "text-blue-600 hover:text-blue-700 underline ml-1"
-              }, " Contact Support ", 8, km)) : p("", !0)
+              }, " Contact Support ", 8, Sm)) : p("", !0)
             ])
           ])
         ], 2)) : p("", !0)
@@ -10453,7 +10455,7 @@ function Sm(e, a, t, n, r, s) {
     ], 2)
   ], 2);
 }
-const Cm = /* @__PURE__ */ Qn(hm, [["render", Sm]]), Na = {
+const $m = /* @__PURE__ */ Qn(bm, [["render", Cm]]), Na = {
   Avatar: Po,
   Badge: jo,
   Button: ue,
@@ -10492,37 +10494,37 @@ const Cm = /* @__PURE__ */ Qn(hm, [["render", Sm]]), Na = {
   InputGroup: du,
   ListItem: pu,
   MenuItem: xu,
-  Modal: ku,
-  ModalHeader: zu,
-  ModalBody: Au,
-  ModalFooter: Iu,
-  Notification: Vu,
-  Toast: Uu,
-  Search: oc,
-  Slider: dc,
-  Stepper: mc,
-  StepperItem: pc,
-  Tab: kc,
-  TabPanel: Sc,
-  Accordion: Pc,
-  AccordionItem: Tc,
-  Calendar: Ec,
-  DataTable: od,
+  Modal: Su,
+  ModalHeader: Au,
+  ModalBody: Iu,
+  ModalFooter: Pu,
+  Notification: Fu,
+  Toast: Yu,
+  Search: ic,
+  Slider: fc,
+  Stepper: vc,
+  StepperItem: yc,
+  Tab: Sc,
+  TabPanel: Cc,
+  Accordion: Tc,
+  AccordionItem: jc,
+  Calendar: Nc,
+  DataTable: id,
   DataTableHeader: Kn,
   DataTableRow: Xn,
-  DataTableCell: id,
+  DataTableCell: ud,
   DataTablePagination: Jn,
-  DataTableFilters: bd,
-  DataTableToolBar: Od,
-  Footer: Ld,
-  Header: hf,
-  Sidebar: Cf,
-  Timeline: $f,
-  TimelineItem: jf,
-  AuthLayout: om,
-  DefaultLayout: mm,
-  ErrorLayout: Cm
-}, Im = {
+  DataTableFilters: pd,
+  DataTableToolBar: Vd,
+  Footer: Rd,
+  Header: bf,
+  Sidebar: $f,
+  Timeline: zf,
+  TimelineItem: Bf,
+  AuthLayout: im,
+  DefaultLayout: vm,
+  ErrorLayout: $m
+}, Pm = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Na).forEach((n) => {
@@ -10532,16 +10534,16 @@ const Cm = /* @__PURE__ */ Qn(hm, [["render", Sm]]), Na = {
   }
 };
 export {
-  Pc as Accordion,
-  Tc as AccordionItem,
+  Tc as Accordion,
+  jc as AccordionItem,
   xi as Alert,
-  om as AuthLayout,
+  im as AuthLayout,
   Po as Avatar,
   jo as Badge,
   Si as Breadcrumb,
   ue as Button,
   $i as ButtonGroup,
-  Ec as Calendar,
+  Nc as Calendar,
   Oi as Card,
   Fi as CardBody,
   Ni as CardContent,
@@ -10549,23 +10551,23 @@ export {
   Vi as CardHeader,
   _i as CardTitle,
   Zt as Checkbox,
-  od as DataTable,
-  id as DataTableCell,
-  bd as DataTableFilters,
+  id as DataTable,
+  ud as DataTableCell,
+  pd as DataTableFilters,
   Kn as DataTableHeader,
   Jn as DataTablePagination,
   Xn as DataTableRow,
-  Od as DataTableToolBar,
+  Vd as DataTableToolBar,
   Li as DatePicker,
-  mm as DefaultLayout,
+  vm as DefaultLayout,
   Lo as Divider,
   Hi as Dropdown,
   qi as DropdownItem,
-  Cm as ErrorLayout,
+  $m as ErrorLayout,
   tu as FileUpload,
-  Ld as Footer,
+  Rd as Footer,
   iu as FormField,
-  hf as Header,
+  bf as Header,
   G as Icon,
   qo as Image,
   et as Input,
@@ -10575,33 +10577,33 @@ export {
   pu as ListItem,
   ei as Logo,
   xu as MenuItem,
-  ku as Modal,
-  Au as ModalBody,
-  Iu as ModalFooter,
-  zu as ModalHeader,
-  Vu as Notification,
+  Su as Modal,
+  Iu as ModalBody,
+  Pu as ModalFooter,
+  Au as ModalHeader,
+  Fu as Notification,
   Yn as Option,
   ni as ProgressBar,
   li as Radio,
-  oc as Search,
+  ic as Search,
   ea as Select,
-  Cf as Sidebar,
-  dc as Slider,
+  $f as Sidebar,
+  fc as Slider,
   qn as Spinner,
-  mc as Stepper,
-  pc as StepperItem,
+  vc as Stepper,
+  yc as StepperItem,
   ui as Switch,
-  kc as Tab,
-  Sc as TabPanel,
+  Sc as Tab,
+  Cc as TabPanel,
   ci as Text,
   fi as Textarea,
-  $f as Timeline,
-  jf as TimelineItem,
-  Uu as Toast,
+  zf as Timeline,
+  Bf as TimelineItem,
+  Yu as Toast,
   mi as Tooltip,
   _t as Typography,
   k as cn,
-  Im as default,
+  Pm as default,
   Fa as toast,
-  _u as useToaster
+  Du as useToaster
 };