@stlhorizon/vue-ui 1.2.8 → 1.2.9

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { computed as u, createElementBlock as n, openBlock as a, normalizeClass as c, ref as _, createBlock as T, toDisplayString as g, unref as L, createCommentVNode as f, renderSlot as y, resolveDynamicComponent as Y, createVNode as S, mergeProps as fe, createElementVNode as s, useId as be, watch as oe, createTextVNode as R, withCtx as V, normalizeStyle as ce, nextTick as $e, Transition as ae, Fragment as E, renderList as U, onMounted as ue, onUnmounted as ye, Teleport as Ve, markRaw as Me, TransitionGroup as Re, withDirectives as xe, vModelText as je, provide as He, inject as Oe, vShow as Te, createSlots as qe, withModifiers as pe, resolveComponent as J } from "vue";
+import { computed as u, createElementBlock as n, openBlock as a, normalizeClass as c, ref as _, createBlock as T, toDisplayString as g, unref as L, createCommentVNode as f, renderSlot as b, resolveDynamicComponent as Y, createVNode as S, mergeProps as fe, createElementVNode as s, useId as be, watch as oe, createTextVNode as N, withCtx as V, normalizeStyle as ce, nextTick as $e, Transition as ae, Fragment as E, renderList as U, onMounted as ue, onUnmounted as ye, Teleport as Ve, markRaw as Me, TransitionGroup as Ne, withDirectives as xe, vModelText as je, provide as He, inject as Oe, vShow as Te, createSlots as qe, withModifiers as pe, resolveComponent as J } from "vue";
 import { cva as k } from "class-variance-authority";
 import { clsx as Ee } from "clsx";
 function h(...e) {
@@ -223,7 +223,7 @@ const Ue = {
     ), p = () => {
       t.value = !0;
     };
-    return (C, b) => (a(), n("div", {
+    return (C, x) => (a(), n("div", {
       class: c(o.value)
     }, [
       e.src ? (a(), n("img", {
@@ -322,7 +322,7 @@ const Ue = {
         key: 0,
         class: c(m.value)
       }, null, 8, ["class"])) : f("", !0),
-      y(p.$slots, "default"),
+      b(p.$slots, "default"),
       e.dismissible ? (a(), n("button", {
         key: 1,
         onClick: i,
@@ -414,8 +414,8 @@ const Ue = {
           d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
         }, null, -1)
       ])])) : f("", !0),
-      e.loading ? f("", !0) : y(t.$slots, "icon", { key: 1 }),
-      e.loading && e.loadingText ? (a(), n("span", Je, g(e.loadingText), 1)) : y(t.$slots, "default", { key: 3 })
+      e.loading ? f("", !0) : b(t.$slots, "icon", { key: 1 }),
+      e.loading && e.loadingText ? (a(), n("span", Je, g(e.loadingText), 1)) : b(t.$slots, "default", { key: 3 })
     ], 16, We));
   }
 }), et = { class: "flex items-center gap-3" }, tt = { class: "relative" }, at = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], st = { class: "flex-1" }, lt = ["for"], we = {
@@ -483,10 +483,10 @@ const Ue = {
     </svg>
   `
     }, o = e, i = l, d = _(null), m = u(() => o.id || be()), p = u(() => Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : o.modelValue), C = ($) => {
-      const x = $.target.checked;
+      const y = $.target.checked;
       if (Array.isArray(o.modelValue)) {
         const I = [...o.modelValue];
-        if (x)
+        if (y)
           I.push(o.value);
         else {
           const F = I.indexOf(o.value);
@@ -494,13 +494,13 @@ const Ue = {
         }
         i("update:modelValue", I);
       } else
-        i("update:modelValue", x);
-      i("change", x);
-    }, b = () => {
+        i("update:modelValue", y);
+      i("change", y);
+    }, x = () => {
       !o.disabled && d.value && d.value.click();
-    }, z = u(() => {
+    }, M = u(() => {
       if (o.error) return `${m.value}-error`;
-    }), j = u(() => ({
+    }), z = u(() => ({
       sm: "w-4 h-4",
       md: "w-5 h-5",
       lg: "w-6 h-6"
@@ -517,7 +517,7 @@ const Ue = {
     ]), B = u(() => [
       "flex items-center justify-center rounded border-2 transition-all duration-200",
       "cursor-pointer select-none",
-      j.value,
+      z.value,
       {
         "bg-blue-600 border-blue-600 text-white": p.value && !o.disabled && o.variant === "default",
         "bg-red-600 border-red-600 text-white": p.value && !o.disabled && o.variant === "error",
@@ -541,7 +541,7 @@ const Ue = {
     ]);
     return oe(() => o.indeterminate, ($) => {
       d.value && (d.value.indeterminate = $);
-    }, { immediate: !0 }), ($, x) => (a(), n("div", et, [
+    }, { immediate: !0 }), ($, y) => (a(), n("div", et, [
       s("div", tt, [
         s("input", {
           id: m.value,
@@ -553,12 +553,12 @@ const Ue = {
           disabled: e.disabled,
           required: e.required,
           class: c(P.value),
-          "aria-describedby": z.value,
+          "aria-describedby": M.value,
           onChange: C
         }, null, 42, at),
         s("div", {
           class: c(B.value),
-          onClick: b
+          onClick: x
         }, [
           p.value && !e.indeterminate ? (a(), T(t, {
             key: 0,
@@ -574,8 +574,8 @@ const Ue = {
           for: m.value,
           class: c(w.value)
         }, [
-          y($.$slots, "default", {}, () => [
-            R(g(e.label), 1)
+          b($.$slots, "default", {}, () => [
+            N(g(e.label), 1)
           ])
         ], 10, lt),
         e.description ? (a(), n("p", {
@@ -585,10 +585,10 @@ const Ue = {
       ])
     ]));
   }
-}, nt = {
+}, rt = {
   key: 0,
   class: "px-3 text-sm text-gray-500 bg-white dark:bg-gray-900 dark:text-gray-400 relative z-10"
-}, rt = {
+}, nt = {
   __name: "Divider",
   props: {
     orientation: {
@@ -678,7 +678,7 @@ const Ue = {
     return (o, i) => (a(), n("div", {
       class: c(L(h)(L(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, r.value))
     }, [
-      e.label && e.orientation === "horizontal" ? (a(), n("span", nt, g(e.label), 1)) : f("", !0)
+      e.label && e.orientation === "horizontal" ? (a(), n("span", rt, g(e.label), 1)) : f("", !0)
     ], 2));
   }
 }, ot = ["aria-label"], it = {
@@ -825,11 +825,11 @@ const Ue = {
       )
     ), C = u(
       () => "absolute inset-0 flex items-center justify-center bg-muted"
-    ), b = u(
+    ), x = u(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
-    ), z = (P) => {
+    ), M = (P) => {
       o.value = !1, i.value = !1, r("load", P);
-    }, j = (P) => {
+    }, z = (P) => {
       o.value = !1, i.value = !0, r("error", P);
     };
     return (P, B) => (a(), n("div", {
@@ -840,8 +840,8 @@ const Ue = {
         alt: e.alt,
         class: c(p.value),
         loading: e.loading,
-        onLoad: z,
-        onError: j
+        onLoad: M,
+        onError: z
       }, null, 42, dt),
       o.value ? (a(), n("div", {
         key: 0,
@@ -854,7 +854,7 @@ const Ue = {
       ], 2)) : f("", !0),
       i.value ? (a(), n("div", {
         key: 1,
-        class: c(b.value)
+        class: c(x.value)
       }, [
         S(Q, {
           name: "ImageOff",
@@ -939,17 +939,17 @@ const Ue = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
   setup(e, { expose: l, emit: t }) {
-    const r = e, o = t, i = _(null), d = u(() => r.id || be()), m = (x) => {
-      o("update:modelValue", x.target.value);
-    }, p = (x) => {
-      o("blur", x);
-    }, C = (x) => {
-      o("focus", x);
-    }, b = (x) => {
-      o("keydown", x);
-    }, z = () => {
+    const r = e, o = t, i = _(null), d = u(() => r.id || be()), m = (y) => {
+      o("update:modelValue", y.target.value);
+    }, p = (y) => {
+      o("blur", y);
+    }, C = (y) => {
+      o("focus", y);
+    }, x = (y) => {
+      o("keydown", y);
+    }, M = () => {
       o("update:modelValue", ""), o("clear"), i.value?.focus();
-    }, j = u(() => !!r.error || r.variant === "error"), P = u(() => {
+    }, z = u(() => !!r.error || r.variant === "error"), P = u(() => {
       if (r.error) return `${d.value}-error`;
     }), B = u(() => ({
       sm: "px-3 py-1.5 text-sm",
@@ -979,7 +979,7 @@ const Ue = {
       focus: () => i.value?.focus(),
       blur: () => i.value?.blur(),
       select: () => i.value?.select()
-    }), (x, I) => (a(), n("div", ut, [
+    }), (y, I) => (a(), n("div", ut, [
       e.iconLeft ? (a(), n("div", mt, [
         (a(), T(Y(e.iconLeft), {
           class: c(v.value)
@@ -998,16 +998,16 @@ const Ue = {
         autocomplete: e.autocomplete,
         class: c($.value),
         "aria-describedby": P.value,
-        "aria-invalid": j.value,
+        "aria-invalid": z.value,
         onInput: m,
         onBlur: p,
         onFocus: C,
-        onKeydown: b
+        onKeydown: x
       }, null, 42, ft),
       e.iconRight || e.clearable ? (a(), n("div", vt, [
         e.clearable && e.modelValue && !e.disabled ? (a(), n("button", {
           key: 0,
-          onClick: z,
+          onClick: M,
           class: "text-slate-400 hover:text-slate-600 transition-colors",
           type: "button",
           "aria-label": e.clearLabel
@@ -1059,7 +1059,7 @@ const Ue = {
       class: c(r.value),
       for: e.htmlFor
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 10, ht));
   }
 }, pt = {
@@ -1158,7 +1158,7 @@ const Ue = {
           name: e.icon,
           class: c(o.value)
         }, null, 8, ["name", "class"])) : f("", !0),
-        y(p.$slots, "default"),
+        b(p.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (a(), T(Q, {
           key: 1,
           name: e.icon,
@@ -1259,8 +1259,8 @@ const Ue = {
       disabled: e.disabled,
       selected: e.selected
     }, [
-      y(l.$slots, "default", {}, () => [
-        R(g(e.label), 1)
+      b(l.$slots, "default", {}, () => [
+        N(g(e.label), 1)
       ])
     ], 8, xt));
   }
@@ -1391,7 +1391,7 @@ const Ue = {
     ), C = () => {
       t.disabled || r("update:modelValue", t.value);
     };
-    return (b, z) => (a(), n("div", Ct, [
+    return (x, M) => (a(), n("div", Ct, [
       s("button", {
         type: "button",
         role: "radio",
@@ -1450,7 +1450,7 @@ const Ue = {
       disabled: e.disabled,
       class: r.value
     }, o.$attrs), [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 16, zt));
   }
 }, Bt = ["aria-checked", "disabled"], Vt = {
@@ -1545,7 +1545,7 @@ const Ue = {
     ), p = () => {
       t.disabled || r("update:modelValue", !t.modelValue);
     };
-    return (C, b) => (a(), n("button", {
+    return (C, x) => (a(), n("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
@@ -1630,7 +1630,7 @@ const Ue = {
       class: c(r.value)
     }, {
       default: V(() => [
-        y(o.$slots, "default")
+        b(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -1668,7 +1668,7 @@ const Ue = {
   setup(e, { expose: l, emit: t }) {
     const r = e, o = t, i = _(null), d = u(() => r.id || be()), m = (v) => {
       o("update:modelValue", v.target.value), r.autoResize && $e(() => w());
-    }, p = (v) => o("blur", v), C = (v) => o("focus", v), b = (v) => o("keydown", v), z = u(() => !!r.error || r.variant === "error"), j = u(
+    }, p = (v) => o("blur", v), C = (v) => o("focus", v), x = (v) => o("keydown", v), M = u(() => !!r.error || r.variant === "error"), z = u(
       () => r.error ? `${d.value}-error` : void 0
     ), P = k(
       "block w-full rounded-lg border transition-colors duration-200 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
@@ -1722,12 +1722,12 @@ const Ue = {
       rows: e.rows,
       maxlength: e.maxlength,
       class: c(B.value),
-      "aria-describedby": j.value,
-      "aria-invalid": z.value,
+      "aria-describedby": z.value,
+      "aria-invalid": M.value,
       onInput: m,
       onBlur: p,
       onFocus: C,
-      onKeydown: b
+      onKeydown: x
     }, null, 42, jt));
   }
 }, It = {
@@ -1786,12 +1786,12 @@ const Ue = {
     }, C = () => {
       r && clearTimeout(r), t.value = !1;
     };
-    return (b, z) => (a(), n("div", {
+    return (x, M) => (a(), n("div", {
       class: "relative inline-block",
       onMouseenter: p,
       onMouseleave: C
     }, [
-      y(b.$slots, "default"),
+      b(x.$slots, "default"),
       S(ae, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -1806,7 +1806,7 @@ const Ue = {
             class: c(d.value),
             role: "tooltip"
           }, [
-            R(g(e.content) + " ", 1),
+            N(g(e.content) + " ", 1),
             s("div", {
               class: c(m.value)
             }, null, 2)
@@ -1925,7 +1925,7 @@ const Ue = {
       class: c(d.value)
     }, {
       default: V(() => [
-        y(m.$slots, "default")
+        b(m.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -1939,7 +1939,7 @@ const Ue = {
 }, Ft = {
   key: 1,
   class: "mt-3 flex gap-2"
-}, _t = ["aria-label"], Nt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, _t = ["aria-label"], Rt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Alert",
   props: {
     variant: {
@@ -1989,27 +1989,27 @@ const Ue = {
         d="M12 9v2m0 4h.01M10.29 3.86L1.82 18a1.5 1.5 0 001.29 2.25h18.78a1.5 1.5 0 001.29-2.25L13.71 3.86a1.5 1.5 0 00-2.42 0z" />
     </svg>
   `
-    }, b = {
+    }, x = {
       template: `
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
         d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0a9 9 0 0118 0z" />
     </svg>
   `
-    }, z = {
+    }, M = {
       template: `
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
         d="M6 18L18 6M6 6l12 12" />
     </svg>
   `
-    }, j = u(() => ({
+    }, z = u(() => ({
       info: m,
       success: p,
       warning: C,
-      error: b,
+      error: x,
       default: m,
-      destructive: b
+      destructive: x
     })[t.variant]), P = k(
       "relative w-full rounded-lg border p-4 flex items-start gap-3",
       {
@@ -2056,7 +2056,7 @@ const Ue = {
         }, [
           s("div", Lt, [
             e.showIcon ? (a(), n("div", Dt, [
-              (a(), T(Y(j.value), {
+              (a(), T(Y(z.value), {
                 class: c(B.value)
               }, null, 8, ["class"]))
             ])) : f("", !0),
@@ -2065,20 +2065,20 @@ const Ue = {
               s("div", {
                 class: c(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
-                y(v.$slots, "default", {}, () => [
-                  R(g(e.message), 1)
+                b(v.$slots, "default", {}, () => [
+                  N(g(e.message), 1)
                 ])
               ], 2),
               v.$slots.actions || e.actions.length > 0 ? (a(), n("div", Ft, [
-                y(v.$slots, "actions", {}, () => [
-                  (a(!0), n(E, null, U(e.actions, (x) => (a(), T(ee, {
-                    key: x.label,
-                    variant: x.variant || "outline",
-                    size: x.size || "sm",
-                    onClick: (I) => d(x)
+                b(v.$slots, "actions", {}, () => [
+                  (a(!0), n(E, null, U(e.actions, (y) => (a(), T(ee, {
+                    key: y.label,
+                    variant: y.variant || "outline",
+                    size: y.size || "sm",
+                    onClick: (I) => d(y)
                   }, {
                     default: V(() => [
-                      R(g(x.label), 1)
+                      N(g(y.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["variant", "size", "onClick"]))), 128))
@@ -2091,7 +2091,7 @@ const Ue = {
               class: c(w.value),
               "aria-label": e.dismissLabel
             }, [
-              S(z, { class: "w-4 h-4" })
+              S(M, { class: "w-4 h-4" })
             ], 10, _t)) : f("", !0)
           ])
         ], 2)) : f("", !0)
@@ -2099,7 +2099,7 @@ const Ue = {
       _: 3
     }));
   }
-}), Rt = ["aria-label"], Ht = { class: "flex items-center space-x-1" }, Ot = {
+}), Nt = ["aria-label"], Ht = { class: "flex items-center space-x-1" }, Ot = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -2150,7 +2150,7 @@ const Ue = {
             "aria-current": m === e.items.length - 1 ? "page" : void 0
           }, {
             default: V(() => [
-              R(g(d.label), 1)
+              N(g(d.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
@@ -2161,7 +2161,7 @@ const Ue = {
           }, null, 8, ["name"])) : f("", !0)
         ]))), 128))
       ])
-    ], 10, Rt));
+    ], 10, Nt));
   }
 }, qt = ["aria-label"], Et = {
   __name: "ButtonGroup",
@@ -2199,7 +2199,7 @@ const Ue = {
       role: "group",
       "aria-label": e.ariaLabel
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 10, qt));
   }
 }, Ut = { class: "flex items-start justify-between" }, Zt = { class: "flex-1 min-w-0" }, Gt = {
@@ -2231,8 +2231,8 @@ const Ue = {
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const t = e, r = l, o = (b) => {
-      t.clickable && r("click", b);
+    const t = e, r = l, o = (x) => {
+      t.clickable && r("click", x);
     }, i = k(
       "rounded-lg overflow-hidden transition-all duration-200",
       {
@@ -2312,15 +2312,15 @@ const Ue = {
         }
       }
     });
-    return (b, z) => (a(), n("div", {
+    return (x, M) => (a(), n("div", {
       class: c(L(h)(L(i)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
       onClick: o
     }, [
-      b.$slots.header || e.title || e.subtitle ? (a(), n("div", {
+      x.$slots.header || e.title || e.subtitle ? (a(), n("div", {
         key: 0,
         class: c(L(h)(L(d)({ padding: e.padding })))
       }, [
-        y(b.$slots, "header", {}, () => [
+        b(x.$slots, "header", {}, () => [
           s("div", Ut, [
             s("div", Zt, [
               e.title ? (a(), n("h3", {
@@ -2332,17 +2332,17 @@ const Ue = {
                 class: c(Wt)
               }, g(e.subtitle), 1)) : f("", !0)
             ]),
-            b.$slots.actions ? (a(), n("div", Gt, [
-              y(b.$slots, "actions")
+            x.$slots.actions ? (a(), n("div", Gt, [
+              b(x.$slots, "actions")
             ])) : f("", !0)
           ])
         ])
       ], 2)) : f("", !0),
-      b.$slots.image || e.image ? (a(), n("div", {
+      x.$slots.image || e.image ? (a(), n("div", {
         key: 1,
         class: c(L(h)(L(C)({ padding: e.padding })))
       }, [
-        y(b.$slots, "image", {}, () => [
+        b(x.$slots, "image", {}, () => [
           e.image ? (a(), n("img", {
             key: 0,
             src: e.image,
@@ -2351,17 +2351,17 @@ const Ue = {
           }, null, 8, Kt)) : f("", !0)
         ])
       ], 2)) : f("", !0),
-      b.$slots.default ? (a(), n("div", {
+      x.$slots.default ? (a(), n("div", {
         key: 2,
         class: c(L(h)(L(m)({ padding: e.padding })))
       }, [
-        y(b.$slots, "default")
+        b(x.$slots, "default")
       ], 2)) : f("", !0),
-      b.$slots.footer ? (a(), n("div", {
+      x.$slots.footer ? (a(), n("div", {
         key: 3,
         class: c(L(h)(L(p)({ padding: e.padding })))
       }, [
-        y(b.$slots, "footer")
+        b(x.$slots, "footer")
       ], 2)) : f("", !0)
     ], 2));
   }
@@ -2373,7 +2373,7 @@ const Ue = {
     return (l, t) => (a(), n("div", {
       class: c(L(h)("flex flex-col space-y-1.5 p-6", l.$attrs.class))
     }, [
-      y(l.$slots, "default")
+      b(l.$slots, "default")
     ], 2));
   }
 }), ea = {
@@ -2400,7 +2400,7 @@ const Ue = {
     return (o, i) => (a(), n("div", {
       class: c(r.value)
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 2));
   }
 }, ta = {
@@ -2427,7 +2427,7 @@ const Ue = {
     return (o, i) => (a(), n("div", {
       class: c(r.value)
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 2));
   }
 }, aa = /* @__PURE__ */ Object.assign({
@@ -2438,7 +2438,7 @@ const Ue = {
     return (l, t) => (a(), n("div", {
       class: c(L(h)("p-6 pt-0", l.$attrs.class))
     }, [
-      y(l.$slots, "default")
+      b(l.$slots, "default")
     ], 2));
   }
 }), sa = /* @__PURE__ */ Object.assign({
@@ -2449,10 +2449,10 @@ const Ue = {
     return (l, t) => (a(), n("h3", {
       class: c(L(h)("text-2xl font-semibold leading-none tracking-tight", l.$attrs.class))
     }, [
-      y(l.$slots, "default")
+      b(l.$slots, "default")
     ], 2));
   }
-}), la = { class: "relative" }, na = ["id", "value", "disabled", "required", "min", "max"], ra = {
+}), la = { class: "relative" }, ra = ["id", "value", "disabled", "required", "min", "max"], na = {
   __name: "DatePicker",
   props: {
     modelValue: String,
@@ -2504,7 +2504,7 @@ const Ue = {
         min: e.min,
         max: e.max,
         onInput: i[0] || (i[0] = (d) => o.$emit("update:modelValue", d.target.value))
-      }, null, 42, na),
+      }, null, 42, ra),
       S(Q, {
         name: "calendar",
         class: "absolute right-3 top-1/2 transform -translate-y-1/2 w-4 h-4 pointer-events-none text-gray-400"
@@ -2559,14 +2559,14 @@ const Ue = {
       () => h(i({ placement: l.placement }))
     ), p = () => {
       t.value = !t.value;
-    }, C = (b) => {
-      r.value && !r.value.contains(b.target) && (t.value = !1);
+    }, C = (x) => {
+      r.value && !r.value.contains(x.target) && (t.value = !1);
     };
     return ue(() => {
       document.addEventListener("click", C);
     }), ye(() => {
       document.removeEventListener("click", C);
-    }), (b, z) => (a(), n("div", {
+    }), (x, M) => (a(), n("div", {
       class: "relative",
       ref_key: "dropdownRef",
       ref: r
@@ -2577,7 +2577,7 @@ const Ue = {
         "aria-expanded": t.value,
         "aria-haspopup": !0
       }, [
-        y(b.$slots, "trigger", {}, () => [
+        b(x.$slots, "trigger", {}, () => [
           s("span", null, g(e.triggerText), 1),
           S(Q, {
             name: "chevron-down",
@@ -2600,7 +2600,7 @@ const Ue = {
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            y(b.$slots, "default")
+            b(x.$slots, "default")
           ], 2)) : f("", !0)
         ]),
         _: 3
@@ -2653,7 +2653,7 @@ const Ue = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
-        y(m.$slots, "default"),
+        b(m.$slots, "default"),
         e.shortcut ? (a(), n("span", da, g(e.shortcut), 1)) : f("", !0)
       ]),
       _: 3
@@ -2695,38 +2695,38 @@ const Ue = {
         m({ variant: t.variant }),
         i.value && "border-primary bg-primary/5"
       )
-    ), C = (x) => {
-      x.preventDefault(), i.value = !1;
-      const I = Array.from(x.dataTransfer.files);
+    ), C = (y) => {
+      y.preventDefault(), i.value = !1;
+      const I = Array.from(y.dataTransfer.files);
       w(I);
-    }, b = (x) => {
-      x.preventDefault();
-    }, z = (x) => {
-      x.preventDefault(), i.value = !0;
-    }, j = (x) => {
-      x.preventDefault(), i.value = !1;
+    }, x = (y) => {
+      y.preventDefault();
+    }, M = (y) => {
+      y.preventDefault(), i.value = !0;
+    }, z = (y) => {
+      y.preventDefault(), i.value = !1;
     }, P = () => {
       d.value?.click();
-    }, B = (x) => {
-      const I = Array.from(x.target.files);
+    }, B = (y) => {
+      const I = Array.from(y.target.files);
       w(I);
-    }, w = (x) => {
-      const I = x.filter((F) => !(t.maxSize && F.size > t.maxSize));
+    }, w = (y) => {
+      const I = y.filter((F) => !(t.maxSize && F.size > t.maxSize));
       t.multiple ? o.value.push(...I) : o.value = I.slice(0, 1), r("files-selected", o.value);
-    }, v = (x) => {
-      o.value.splice(x, 1), r("file-removed", o.value);
-    }, $ = (x) => {
-      if (x === 0) return "0 Bytes";
-      const I = 1024, F = ["Bytes", "KB", "MB", "GB"], Z = Math.floor(Math.log(x) / Math.log(I));
-      return parseFloat((x / Math.pow(I, Z)).toFixed(2)) + " " + F[Z];
+    }, v = (y) => {
+      o.value.splice(y, 1), r("file-removed", o.value);
+    }, $ = (y) => {
+      if (y === 0) return "0 Bytes";
+      const I = 1024, F = ["Bytes", "KB", "MB", "GB"], Z = Math.floor(Math.log(y) / Math.log(I));
+      return parseFloat((y / Math.pow(I, Z)).toFixed(2)) + " " + F[Z];
     };
-    return (x, I) => (a(), n("div", ua, [
+    return (y, I) => (a(), n("div", ua, [
       s("div", {
         class: c(p.value),
         onDrop: C,
-        onDragover: b,
-        onDragenter: z,
-        onDragleave: j,
+        onDragover: x,
+        onDragenter: M,
+        onDragleave: z,
         onClick: P
       }, [
         s("input", {
@@ -2745,7 +2745,7 @@ const Ue = {
           }),
           I[0] || (I[0] = s("p", { class: "text-sm text-muted-foreground text-center" }, [
             s("span", { class: "font-semibold" }, "Click to upload"),
-            R(" or drag and drop ")
+            N(" or drag and drop ")
           ], -1)),
           e.accept ? (a(), n("p", va, g(e.accept), 1)) : f("", !0)
         ])
@@ -2810,8 +2810,8 @@ const Ue = {
     </svg>
   `
     }, r = e, o = be(), i = u(() => !!r.error), d = u(() => {
-      const j = [];
-      return r.error ? j.push(`${o}-error`) : r.helpText && j.push(`${o}-help`), j.length > 0 ? j.join(" ") : void 0;
+      const z = [];
+      return r.error ? z.push(`${o}-error`) : r.helpText && z.push(`${o}-help`), z.length > 0 ? z.join(" ") : void 0;
     }), m = k("", {
       variants: {
         size: {
@@ -2839,7 +2839,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md" }
-    }), b = k("flex items-start gap-2", {
+    }), x = k("flex items-start gap-2", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2853,7 +2853,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md", intent: "error" }
-    }), z = k("text-slate-500", {
+    }), M = k("text-slate-500", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2863,15 +2863,15 @@ const Ue = {
       },
       defaultVariants: { size: "md" }
     });
-    return (j, P) => (a(), n("div", {
-      class: c(L(h)(L(m)({ size: e.size }), j.$attrs.class))
+    return (z, P) => (a(), n("div", {
+      class: c(L(h)(L(m)({ size: e.size }), z.$attrs.class))
     }, [
       e.label ? (a(), n("label", {
         key: 0,
         for: L(o),
         class: c(L(h)(L(p)({ size: e.size })))
       }, [
-        R(g(e.label) + " ", 1),
+        N(g(e.label) + " ", 1),
         e.required ? (a(), n("span", wa, "*")) : f("", !0)
       ], 10, ka)) : f("", !0),
       e.description ? (a(), n("p", {
@@ -2879,7 +2879,7 @@ const Ue = {
         class: c(L(h)(L(C)({ size: e.size })))
       }, g(e.description), 3)) : f("", !0),
       s("div", Ca, [
-        y(j.$slots, "default", {
+        b(z.$slots, "default", {
           fieldId: L(o),
           hasError: i.value,
           ariaDescribedBy: d.value
@@ -2897,7 +2897,7 @@ const Ue = {
           i.value ? (a(), n("div", {
             key: 0,
             id: `${L(o)}-error`,
-            class: c(L(h)(L(b)({ size: e.size, intent: "error" }))),
+            class: c(L(h)(L(x)({ size: e.size, intent: "error" }))),
             role: "alert",
             "aria-live": "polite"
           }, [
@@ -2910,7 +2910,7 @@ const Ue = {
       e.helpText && !i.value ? (a(), n("p", {
         key: 2,
         id: `${L(o)}-help`,
-        class: c(L(h)(L(z)({ size: e.size })))
+        class: c(L(h)(L(M)({ size: e.size })))
       }, g(e.helpText), 11, Sa)) : f("", !0),
       S(ae, {
         "enter-active-class": "transition-all duration-200",
@@ -2923,7 +2923,7 @@ const Ue = {
         default: V(() => [
           e.success && !i.value ? (a(), n("div", {
             key: 0,
-            class: c(L(h)(L(b)({ size: e.size, intent: "success" })))
+            class: c(L(h)(L(x)({ size: e.size, intent: "success" })))
           }, [
             S(t, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
             s("span", null, g(e.success), 1)
@@ -2963,11 +2963,11 @@ const Ue = {
       class: c(r.value)
     }, [
       o.$slots.prefix ? (a(), n("div", Ba, [
-        y(o.$slots, "prefix")
+        b(o.$slots, "prefix")
       ])) : f("", !0),
-      y(o.$slots, "default"),
+      b(o.$slots, "default"),
       o.$slots.suffix ? (a(), n("div", Va, [
-        y(o.$slots, "suffix")
+        b(o.$slots, "suffix")
       ])) : f("", !0)
     ], 2));
   }
@@ -3020,7 +3020,7 @@ const Ue = {
     ), p = (C) => {
       r("click", C);
     };
-    return (C, b) => (a(), n("li", {
+    return (C, x) => (a(), n("li", {
       class: c(d.value),
       role: e.role
     }, [
@@ -3031,7 +3031,7 @@ const Ue = {
       }, {
         default: V(() => [
           C.$slots.icon || e.icon ? (a(), n("div", Ta, [
-            y(C.$slots, "icon", {}, () => [
+            b(C.$slots, "icon", {}, () => [
               e.icon ? (a(), T(Q, {
                 key: 0,
                 name: e.icon,
@@ -3042,10 +3042,10 @@ const Ue = {
           s("div", Ia, [
             e.title ? (a(), n("div", La, g(e.title), 1)) : f("", !0),
             e.description ? (a(), n("div", Da, g(e.description), 1)) : f("", !0),
-            y(C.$slots, "default")
+            b(C.$slots, "default")
           ]),
           C.$slots.action ? (a(), n("div", Aa, [
-            y(C.$slots, "action")
+            b(C.$slots, "action")
           ])) : f("", !0)
         ]),
         _: 3
@@ -3099,7 +3099,7 @@ const Ue = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
-        y(m.$slots, "default"),
+        b(m.$slots, "default"),
         e.shortcut ? (a(), n("span", Fa, g(e.shortcut), 1)) : f("", !0),
         e.hasSubmenu ? (a(), T(Q, {
           key: 2,
@@ -3110,7 +3110,7 @@ const Ue = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, Na = { 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" }, Ra = {
+}, Ra = { 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" }, Na = {
   __name: "Modal",
   props: {
     modelValue: Boolean,
@@ -3154,7 +3154,7 @@ const Ue = {
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
             onClick: i
           }, [
-            s("div", Na, [
+            s("div", Ra, [
               e.showClose ? (a(), n("button", {
                 key: 0,
                 onClick: o,
@@ -3166,7 +3166,7 @@ const Ue = {
                 }),
                 m[0] || (m[0] = s("span", { class: "sr-only" }, "Close", -1))
               ])) : f("", !0),
-              y(d.$slots, "default")
+              b(d.$slots, "default")
             ])
           ])) : f("", !0)
         ]),
@@ -3190,7 +3190,7 @@ const Ue = {
     return (l, t) => (a(), n("div", Ha, [
       e.title ? (a(), n("h2", Oa, g(e.title), 1)) : f("", !0),
       e.description ? (a(), n("p", qa, g(e.description), 1)) : f("", !0),
-      y(l.$slots, "default")
+      b(l.$slots, "default")
     ]));
   }
 }, Ua = {
@@ -3216,7 +3216,7 @@ const Ue = {
     return (o, i) => (a(), n("div", {
       class: c(r.value)
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 2));
   }
 }, Za = {
@@ -3242,7 +3242,7 @@ const Ue = {
     return (o, i) => (a(), n("div", {
       class: c(r.value)
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 2));
   }
 }, Ga = ["aria-live"], Ka = { class: "flex items-start space-x-3" }, Qa = {
@@ -3305,14 +3305,14 @@ const Ue = {
       }
     }), p = u(
       () => h(i({ variant: t.variant }), "p-4")
-    ), C = u(() => d[t.variant]), b = u(() => m({ variant: t.variant })), z = () => {
+    ), C = u(() => d[t.variant]), x = u(() => m({ variant: t.variant })), M = () => {
       o.value = !1, r("dismiss");
     };
     return ue(() => {
       t.autoClose > 0 && setTimeout(() => {
-        z();
+        M();
       }, t.autoClose);
-    }), (j, P) => (a(), T(ae, {
+    }), (z, P) => (a(), T(ae, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "transform translate-x-full opacity-0",
       "enter-to-class": "transform translate-x-0 opacity-100",
@@ -3331,7 +3331,7 @@ const Ue = {
             e.showIcon ? (a(), n("div", Qa, [
               S(Q, {
                 name: C.value,
-                class: c(b.value)
+                class: c(x.value)
               }, null, 8, ["name", "class"])
             ])) : f("", !0),
             s("div", Ya, [
@@ -3340,11 +3340,11 @@ const Ue = {
                 key: 1,
                 class: c(["text-sm", { "mt-1": e.title }])
               }, g(e.message), 3)) : f("", !0),
-              y(j.$slots, "default")
+              b(z.$slots, "default")
             ]),
             e.dismissible ? (a(), n("button", {
               key: 1,
-              onClick: z,
+              onClick: M,
               class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2"
             }, [
               S(Q, {
@@ -3365,7 +3365,7 @@ const es = {
   position: "top-center",
   dismissible: !0,
   closeButton: !1
-}, ts = () => `toast-${++Ja}-${Date.now()}`, re = (e, l = {}) => {
+}, ts = () => `toast-${++Ja}-${Date.now()}`, ne = (e, l = {}) => {
   const t = ts(), r = {
     id: t,
     message: e,
@@ -3383,13 +3383,13 @@ const es = {
   ve.value = [];
 }, Se = Object.assign(
   // Default toast function
-  (e, l) => re(e, { ...l }),
+  (e, l) => ne(e, { ...l }),
   // Toast type methods
   {
-    success: (e, l) => re(e, { ...l, variant: "success" }),
-    error: (e, l) => re(e, { ...l, variant: "error" }),
-    warning: (e, l) => re(e, { ...l, variant: "warning" }),
-    info: (e, l) => re(e, { ...l, variant: "info" }),
+    success: (e, l) => ne(e, { ...l, variant: "success" }),
+    error: (e, l) => ne(e, { ...l, variant: "error" }),
+    warning: (e, l) => ne(e, { ...l, variant: "warning" }),
+    info: (e, l) => ne(e, { ...l, variant: "info" }),
     // Promise toast for async operations
     promise: (e, l = {}) => {
       const {
@@ -3397,7 +3397,7 @@ const es = {
         success: r = "Success",
         error: o = "Error",
         ...i
-      } = l, d = re(t, {
+      } = l, d = ne(t, {
         ...i,
         variant: "loading",
         duration: 0,
@@ -3407,14 +3407,14 @@ const es = {
       return e.then((m) => {
         me(d);
         const p = typeof r == "function" ? r(m) : r;
-        return re(p, {
+        return ne(p, {
           ...i,
           variant: "success"
         }), m;
       }).catch((m) => {
         me(d);
         const p = typeof o == "function" ? o(m) : o;
-        throw re(p, {
+        throw ne(p, {
           ...i,
           variant: "error"
         }), m;
@@ -3424,7 +3424,7 @@ const es = {
     dismiss: me,
     dismissAll: Ae,
     // Custom toast with component
-    custom: (e, l = {}) => re("", {
+    custom: (e, l = {}) => ne("", {
       ...l,
       component: Me(e)
     })
@@ -3433,10 +3433,10 @@ const es = {
   toasts: ve,
   dismiss: me,
   dismissAll: Ae
-}), ss = ["aria-live"], ls = { class: "flex-1 grid gap-1" }, ns = {
+}), ss = ["aria-live"], ls = { class: "flex-1 grid gap-1" }, rs = {
   key: 0,
   class: "text-sm font-semibold"
-}, rs = {
+}, ns = {
   key: 1,
   class: "text-sm opacity-90"
 }, os = {
@@ -3517,10 +3517,10 @@ const es = {
       warning: "text-yellow-600 dark:text-yellow-400",
       error: "text-red-600 dark:text-red-400",
       loading: "text-muted-foreground animate-spin"
-    }, b = (B) => B.icon || p[B.variant] || p.default, z = (B) => {
+    }, x = (B) => B.icon || p[B.variant] || p.default, M = (B) => {
       const w = C[B.variant] || C.default;
       return B.variant === "loading" ? `${w} animate-spin` : w;
-    }, j = (B) => B.icon !== !1, P = (B) => B.dismissible !== !1 && (B.closeButton || l.closeButton || B.dismissible);
+    }, z = (B) => B.icon !== !1, P = (B) => B.dismissible !== !1 && (B.closeButton || l.closeButton || B.dismissible);
     return (B, w) => (a(), T(Ve, { to: "body" }, [
       s("div", {
         class: c(L(h)(
@@ -3528,7 +3528,7 @@ const es = {
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
       }, [
-        S(Re, {
+        S(Ne, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "transform translate-x-full opacity-0 scale-95",
           "enter-to-class": "transform translate-x-0 opacity-100 scale-100",
@@ -3546,14 +3546,14 @@ const es = {
               role: "alert",
               "aria-live": v.variant === "error" ? "assertive" : "polite"
             }, [
-              j(v) ? (a(), T(Q, {
+              z(v) ? (a(), T(Q, {
                 key: 0,
-                name: b(v),
-                class: c([z(v), "h-4 w-4 shrink-0"])
+                name: x(v),
+                class: c([M(v), "h-4 w-4 shrink-0"])
               }, null, 8, ["name", "class"])) : f("", !0),
               s("div", ls, [
-                v.title ? (a(), n("div", ns, g(v.title), 1)) : f("", !0),
-                v.message ? (a(), n("div", rs, g(v.message), 1)) : f("", !0),
+                v.title ? (a(), n("div", rs, g(v.title), 1)) : f("", !0),
+                v.message ? (a(), n("div", ns, g(v.message), 1)) : f("", !0),
                 v.description ? (a(), n("div", os, g(v.description), 1)) : f("", !0),
                 v.component ? (a(), T(Y(v.component), fe({
                   key: 3,
@@ -3643,38 +3643,38 @@ const es = {
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
     <path class="opacity-75" fill="currentColor" d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
   </svg>`
-    }, i = e, d = l, m = _(null), p = _(null), C = _(!1), b = _(-1), z = _(null), j = (A) => {
+    }, i = e, d = l, m = _(null), p = _(null), C = _(!1), x = _(-1), M = _(null), z = (A) => {
       const G = A.target.value;
-      d("update:modelValue", G), z.value && clearTimeout(z.value), z.value = setTimeout(() => {
+      d("update:modelValue", G), M.value && clearTimeout(M.value), M.value = setTimeout(() => {
         G.length >= i.minLength ? (d("search", G), C.value = !0) : C.value = !1;
       }, i.debounce);
     }, P = (A) => {
       d("focus", A), i.modelValue.length >= i.minLength && (C.value = !0);
     }, B = (A) => {
       d("blur", A), setTimeout(() => {
-        C.value = !1, b.value = -1;
+        C.value = !1, x.value = -1;
       }, 150);
     }, w = () => {
       d("update:modelValue", ""), d("clear"), C.value = !1, p.value?.focus();
     }, v = (A) => {
-      d("select", A), C.value = !1, b.value = -1;
+      d("select", A), C.value = !1, x.value = -1;
     }, $ = (A) => {
       if (!(!C.value || i.results.length === 0))
         switch (A.key) {
           case "ArrowDown":
-            A.preventDefault(), b.value = Math.min(b.value + 1, i.results.length - 1);
+            A.preventDefault(), x.value = Math.min(x.value + 1, i.results.length - 1);
             break;
           case "ArrowUp":
-            A.preventDefault(), b.value = Math.max(b.value - 1, -1);
+            A.preventDefault(), x.value = Math.max(x.value - 1, -1);
             break;
           case "Enter":
-            A.preventDefault(), b.value >= 0 && v(i.results[b.value]);
+            A.preventDefault(), x.value >= 0 && v(i.results[x.value]);
             break;
           case "Escape":
-            A.preventDefault(), C.value = !1, b.value = -1;
+            A.preventDefault(), C.value = !1, x.value = -1;
             break;
         }
-    }, x = (A) => {
+    }, y = (A) => {
       if (!i.highlightMatches || !i.modelValue || !A) return A;
       const G = new RegExp(`(${i.modelValue})`, "gi");
       return A.replace(G, '<mark class="bg-yellow-200">$1</mark>');
@@ -3703,13 +3703,13 @@ const es = {
       () => h("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
     ), q = (A) => h(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
-      { "bg-slate-50": b.value === A }
+      { "bg-slate-50": x.value === A }
     ), W = (A) => {
-      m.value && !m.value.contains(A.target) && (C.value = !1, b.value = -1);
+      m.value && !m.value.contains(A.target) && (C.value = !1, x.value = -1);
     };
     return ue(() => document.addEventListener("click", W)), ye(() => {
-      document.removeEventListener("click", W), z.value && clearTimeout(z.value);
-    }), oe(() => i.results, () => b.value = -1), (A, G) => (a(), n("div", {
+      document.removeEventListener("click", W), M.value && clearTimeout(M.value);
+    }), oe(() => i.results, () => x.value = -1), (A, G) => (a(), n("div", {
       class: "relative",
       ref_key: "searchRef",
       ref: m
@@ -3727,7 +3727,7 @@ const es = {
           placeholder: e.placeholder,
           disabled: e.disabled,
           class: c(Z.value),
-          onInput: j,
+          onInput: z,
           onFocus: P,
           onBlur: B,
           onKeydown: $
@@ -3763,7 +3763,7 @@ const es = {
                 key: X.id || le,
                 class: c(q(le)),
                 onClick: (H) => v(X),
-                onMouseenter: (H) => b.value = le
+                onMouseenter: (H) => x.value = le
               }, [
                 X.icon ? (a(), T(Y(X.icon), {
                   key: 0,
@@ -3772,19 +3772,19 @@ const es = {
                 s("div", ys, [
                   s("div", {
                     class: "font-medium text-slate-900",
-                    innerHTML: x(X.title)
+                    innerHTML: y(X.title)
                   }, null, 8, xs),
                   X.description ? (a(), n("div", {
                     key: 0,
                     class: "text-sm text-slate-500 truncate",
-                    innerHTML: x(X.description)
+                    innerHTML: y(X.description)
                   }, null, 8, ks)) : f("", !0)
                 ]),
                 X.category ? (a(), n("div", ws, g(X.category), 1)) : f("", !0)
               ], 42, bs))), 128))
             ])) : e.showNoResults ? (a(), n("div", Cs, g(e.noResultsText), 1)) : f("", !0),
             A.$slots.footer ? (a(), n("div", $s, [
-              y(A.$slots, "footer")
+              b(A.$slots, "footer")
             ])) : f("", !0)
           ], 2)) : f("", !0)
         ]),
@@ -3832,7 +3832,7 @@ const es = {
   __name: "Stepper",
   setup(e) {
     return (l, t) => (a(), n("div", js, [
-      y(l.$slots, "default")
+      b(l.$slots, "default")
     ]));
   }
 }, Is = { class: "flex items-center" }, Ls = { class: "ml-2" }, Ds = { class: "font-medium" }, As = {
@@ -3863,7 +3863,7 @@ const es = {
       ])
     ]));
   }
-}, Fs = { class: "flex border-b border-slate-200" }, _s = ["onClick"], Ns = { class: "p-4" }, Rs = {
+}, Fs = { class: "flex border-b border-slate-200" }, _s = ["onClick"], Rs = { class: "p-4" }, Ns = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 }
@@ -3887,8 +3887,8 @@ const es = {
           ])
         }, g(m.label), 11, _s))), 128))
       ]),
-      s("div", Ns, [
-        y(i.$slots, "default")
+      s("div", Rs, [
+        b(i.$slots, "default")
       ])
     ]));
   }
@@ -3904,7 +3904,7 @@ const es = {
         o.value = i === r.value;
       });
     }), (i, d) => xe((a(), n("div", null, [
-      y(i.$slots, "default")
+      b(i.$slots, "default")
     ], 512)), [
       [Te, o.value]
     ]);
@@ -3972,7 +3972,7 @@ const es = {
           flush: ""
         }
       }
-    }), b = k(
+    }), x = k(
       "flex items-center w-full text-left transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
       {
         variants: {
@@ -3989,7 +3989,7 @@ const es = {
           }
         }
       }
-    ), z = k("text-slate-900", {
+    ), M = k("text-slate-900", {
       variants: {
         size: {
           sm: "text-sm font-medium",
@@ -3997,7 +3997,7 @@ const es = {
           lg: "text-lg font-medium"
         }
       }
-    }), j = k("text-slate-500 mt-1", {
+    }), z = k("text-slate-500 mt-1", {
       variants: {
         size: {
           sm: "text-xs",
@@ -4032,15 +4032,15 @@ const es = {
       () => h(p({ variant: r.variant }))
     ), $ = u(
       () => h(C({ variant: r.variant }))
-    ), x = (q) => h(
-      b({ variant: r.variant, size: r.size }),
+    ), y = (q) => h(
+      x({ variant: r.variant, size: r.size }),
       r.variant === "bordered" && m(q) && "bg-slate-50",
       r.variant === "filled" && m(q) && "bg-white",
       (r.disabled || r.items[q]?.disabled) && "cursor-not-allowed opacity-50"
     ), I = u(
-      () => h(z({ size: r.size }))
+      () => h(M({ size: r.size }))
     ), F = u(
-      () => h(j({ size: r.size }))
+      () => h(z({ size: r.size }))
     ), Z = u(
       () => h(P({ size: r.size }))
     ), te = (q) => h(B({ expanded: m(q) })), se = u(
@@ -4059,7 +4059,7 @@ const es = {
         class: c($.value)
       }, [
         s("button", {
-          class: c(x(G)),
+          class: c(y(G)),
           "aria-expanded": m(G),
           "aria-controls": `panel-${A.id || G}`,
           id: `header-${A.id || G}`,
@@ -4102,7 +4102,7 @@ const es = {
               "aria-labelledby": `header-${A.id || G}`,
               role: "region"
             }, [
-              y(q.$slots, A.slot || `item-${G}`, {
+              b(q.$slots, A.slot || `item-${G}`, {
                 item: A,
                 index: G
               }, () => [
@@ -4171,10 +4171,10 @@ const es = {
       () => h(i({ variant: t.variant }))
     ), C = u(
       () => h(d({ size: t.size }))
-    ), b = u(
+    ), x = u(
       () => h(m({ size: t.size }))
     );
-    return (z, j) => (a(), n("div", {
+    return (M, z) => (a(), n("div", {
       class: c(p.value)
     }, [
       S(ee, {
@@ -4183,7 +4183,7 @@ const es = {
         onClick: o
       }, {
         default: V(() => [
-          y(z.$slots, "header", { isOpen: r.value }),
+          b(M.$slots, "header", { isOpen: r.value }),
           S(l, {
             class: c(L(h)("w-5 h-5 transition-transform ml-2", { "rotate-180": r.value }))
           }, null, 8, ["class"])
@@ -4201,9 +4201,9 @@ const es = {
         default: V(() => [
           r.value ? (a(), n("div", {
             key: 0,
-            class: c(b.value)
+            class: c(x.value)
           }, [
-            y(z.$slots, "content", { isOpen: r.value })
+            b(M.$slots, "content", { isOpen: r.value })
           ], 2)) : f("", !0)
         ]),
         _: 3
@@ -4226,11 +4226,11 @@ const es = {
       () => new Date(i.value, o.value).toLocaleString("default", {
         month: "long"
       })
-    ), C = u(() => new Date(i.value, o.value + 1, 0).getDate()), b = u(() => new Date(i.value, o.value, 1).getDay()), z = u(() => Array.from(
-      { length: b.value },
-      (x, I) => new Date(i.value, o.value, -I).getDate()
-    ).reverse()), j = u(() => {
-      const x = z.value.length + C.value, I = x % 7 === 0 ? 0 : 7 - x % 7;
+    ), C = u(() => new Date(i.value, o.value + 1, 0).getDate()), x = u(() => new Date(i.value, o.value, 1).getDay()), M = u(() => Array.from(
+      { length: x.value },
+      (y, I) => new Date(i.value, o.value, -I).getDate()
+    ).reverse()), z = u(() => {
+      const y = M.value.length + C.value, I = y % 7 === 0 ? 0 : 7 - y % 7;
       return Array.from({ length: I }, (F, Z) => Z + 1);
     });
     function P() {
@@ -4239,16 +4239,16 @@ const es = {
     function B() {
       o.value === 11 ? (o.value = 0, i.value++) : o.value++;
     }
-    function w(x) {
-      return r.getDate() === x && r.getMonth() === o.value && r.getFullYear() === i.value;
+    function w(y) {
+      return r.getDate() === y && r.getMonth() === o.value && r.getFullYear() === i.value;
     }
-    function v(x) {
-      return d.value && d.value.getDate() === x && d.value.getMonth() === o.value && d.value.getFullYear() === i.value;
+    function v(y) {
+      return d.value && d.value.getDate() === y && d.value.getMonth() === o.value && d.value.getFullYear() === i.value;
     }
-    function $(x) {
-      d.value = new Date(i.value, o.value, x), emit("update:modelValue", d.value);
+    function $(y) {
+      d.value = new Date(i.value, o.value, y), emit("update:modelValue", d.value);
     }
-    return (x, I) => (a(), n("div", Qs, [
+    return (y, I) => (a(), n("div", Qs, [
       s("div", Ys, [
         S(ee, {
           class: "p-2 rounded-lg hover:bg-slate-100",
@@ -4276,7 +4276,7 @@ const es = {
         (a(), n(E, null, U(m, (F) => s("div", { key: F }, g(F), 1)), 64))
       ]),
       s("div", Js, [
-        (a(!0), n(E, null, U(z.value, (F) => (a(), n("div", {
+        (a(!0), n(E, null, U(M.value, (F) => (a(), n("div", {
           key: "prev-" + F,
           class: "text-slate-400 text-sm"
         }, g(F), 1))), 128)),
@@ -4290,11 +4290,11 @@ const es = {
           ])
         }, {
           default: V(() => [
-            R(g(F), 1)
+            N(g(F), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "class"]))), 128)),
-        (a(!0), n(E, null, U(j.value, (F) => (a(), n("div", {
+        (a(!0), n(E, null, U(z.value, (F) => (a(), n("div", {
           key: "next-" + F,
           class: "text-slate-400 text-sm"
         }, g(F), 1))), 128))
@@ -4380,7 +4380,7 @@ const es = {
       key: 0,
       class: c(i.value)
     }, [
-      y(p.$slots, "header", {}, () => [
+      b(p.$slots, "header", {}, () => [
         s("div", tl, [
           s("div", null, [
             e.title ? (a(), T(ke, {
@@ -4388,7 +4388,7 @@ const es = {
               class: c(d.value)
             }, {
               default: V(() => [
-                R(g(e.title), 1)
+                N(g(e.title), 1)
               ]),
               _: 1
             }, 8, ["class"])) : f("", !0),
@@ -4397,13 +4397,13 @@ const es = {
               class: c(m.value)
             }, {
               default: V(() => [
-                R(g(e.description), 1)
+                N(g(e.description), 1)
               ]),
               _: 1
             }, 8, ["class"])) : f("", !0)
           ]),
           p.$slots.filters ? (a(), n("div", al, [
-            y(p.$slots, "filters")
+            b(p.$slots, "filters")
           ])) : f("", !0)
         ])
       ])
@@ -4514,13 +4514,13 @@ const es = {
       }
     }), d = (w) => typeof w == "string" ? w : w?.key || w?.field || "unknown", m = (w, v) => {
       const $ = d(v);
-      return typeof v == "object" && v.accessor ? v.accessor(w) : $ && $.includes(".") ? $.split(".").reduce((x, I) => x?.[I], w) : w?.[$];
+      return typeof v == "object" && v.accessor ? v.accessor(w) : $ && $.includes(".") ? $.split(".").reduce((y, I) => y?.[I], w) : w?.[$];
     }, p = (w, v) => {
       const $ = m(w, v);
       return typeof v == "object" && v.formatter ? v.formatter($, w) : $ == null ? "" : $ instanceof Date ? $.toLocaleDateString() : Array.isArray($) ? $.join(", ") : $;
     }, C = () => {
       t.clickableRows && r("row-click", { item: t.item, index: t.index });
-    }, b = (w) => typeof w == "object" && w.align ? w.align : "left", z = u(
+    }, x = (w) => typeof w == "object" && w.align ? w.align : "left", M = u(
       () => h(o({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -4528,8 +4528,8 @@ const es = {
         selected: t.isSelected,
         variant: t.variant
       }))
-    ), j = (w) => {
-      const v = b(w);
+    ), z = (w) => {
+      const v = x(w);
       return h(
         i({
           density: t.density,
@@ -4552,7 +4552,7 @@ const es = {
       )
     );
     return (w, v) => (a(), n("tr", {
-      class: c(z.value),
+      class: c(M.value),
       onClick: C
     }, [
       e.selectable ? (a(), n("td", {
@@ -4566,22 +4566,22 @@ const es = {
       ], 2)) : f("", !0),
       (a(!0), n(E, null, U(e.columns, ($) => (a(), n("td", {
         key: d($),
-        class: c(j($))
+        class: c(z($))
       }, [
-        y(w.$slots, `cell-${d($)}`, {
+        b(w.$slots, `cell-${d($)}`, {
           item: e.item,
           value: m(e.item, $),
           column: $,
           index: e.index
         }, () => [
-          R(g(p(e.item, $)), 1)
+          N(g(p(e.item, $)), 1)
         ])
       ], 2))), 128)),
       w.$slots.actions ? (a(), n("td", {
         key: 1,
         class: c(B.value)
       }, [
-        y(w.$slots, "actions", {
+        b(w.$slots, "actions", {
           item: e.item,
           index: e.index
         })
@@ -4591,10 +4591,10 @@ const es = {
 }, sl = { class: "flex items-center justify-between" }, ll = {
   key: 0,
   class: "text-sm text-slate-600"
-}, nl = {
+}, rl = {
   key: 1,
   class: "text-sm text-slate-600"
-}, rl = {
+}, nl = {
   key: 2,
   class: "flex items-center gap-4"
 }, ol = {
@@ -4711,24 +4711,24 @@ const es = {
     }), m = u(() => (t.currentPage - 1) * t.pageSize + 1), p = u(() => Math.min(t.currentPage * t.pageSize, t.total)), C = u(() => {
       const B = [], w = t.totalPages, v = t.currentPage, $ = t.maxVisiblePages;
       if (w <= $)
-        for (let x = 1; x <= w; x++)
-          B.push(x);
+        for (let y = 1; y <= w; y++)
+          B.push(y);
       else {
-        const x = Math.floor($ / 2);
-        let I = Math.max(1, v - x), F = Math.min(w, I + $ - 1);
+        const y = Math.floor($ / 2);
+        let I = Math.max(1, v - y), F = Math.min(w, I + $ - 1);
         F - I + 1 < $ && (I = Math.max(1, F - $ + 1));
         for (let Z = I; Z <= F; Z++)
           B.push(Z);
       }
       return B;
-    }), b = u(
+    }), x = u(
       () => h(r({
         variant: t.variant,
         padding: t.padding
       }))
-    ), z = u(
+    ), M = u(
       () => h(i({ size: "md" }))
-    ), j = u(
+    ), z = u(
       () => h(d({ size: "sm" }))
     ), P = (B, w) => {
       let v = "inactive";
@@ -4739,22 +4739,22 @@ const es = {
     };
     return (B, w) => e.showPagination || B.$slots.footer ? (a(), n("div", {
       key: 0,
-      class: c(b.value)
+      class: c(x.value)
     }, [
       s("div", sl, [
-        e.selectable && e.selectedCount > 0 ? (a(), n("div", ll, g(e.selectedCount) + " of " + g(e.total) + " selected ", 1)) : (a(), n("div", nl, " Showing " + g(m.value) + " to " + g(p.value) + " of " + g(e.total) + " entries ", 1)),
-        B.$slots.footer ? (a(), n("div", rl, [
-          y(B.$slots, "footer")
+        e.selectable && e.selectedCount > 0 ? (a(), n("div", ll, g(e.selectedCount) + " of " + g(e.total) + " selected ", 1)) : (a(), n("div", rl, " Showing " + g(m.value) + " to " + g(p.value) + " of " + g(e.total) + " entries ", 1)),
+        B.$slots.footer ? (a(), n("div", nl, [
+          b(B.$slots, "footer")
         ])) : f("", !0),
         e.showPagination ? (a(), n("div", ol, [
           s("div", il, [
             S(Le, {
               for: "pageSize",
-              class: c(z.value),
+              class: c(M.value),
               inline: !0
             }, {
               default: V(() => [...w[5] || (w[5] = [
-                R("Show:", -1)
+                N("Show:", -1)
               ])]),
               _: 1
             }, 8, ["class"]),
@@ -4762,7 +4762,7 @@ const es = {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
               "onUpdate:modelValue": w[0] || (w[0] = (v) => B.$emit("update:pageSize", parseInt(v))),
-              class: c(j.value)
+              class: c(z.value)
             }, {
               default: V(() => [
                 (a(!0), n(E, null, U(e.pageSizeOptions, (v) => (a(), T(De, {
@@ -4986,7 +4986,7 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), b = k("", {
+    }), x = k("", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -4997,7 +4997,7 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), z = k("divide-y", {
+    }), M = k("divide-y", {
       variants: {
         variant: {
           default: "bg-white divide-slate-200",
@@ -5008,49 +5008,49 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), j = u(() => {
-      let M = [...t.data];
+    }), z = u(() => {
+      let j = [...t.data];
       if (d.value) {
         const O = t.columns.find((K) => K.key === d.value);
-        O && M.sort((K, ne) => {
-          const de = x(K, O), ge = x(ne, O);
+        O && j.sort((K, re) => {
+          const de = y(K, O), ge = y(re, O);
           return de < ge ? m.value === "asc" ? -1 : 1 : de > ge ? m.value === "asc" ? 1 : -1 : 0;
         });
       }
-      return M;
-    }), P = u(() => Math.ceil(j.value.length / i.value)), B = u(() => {
-      if (!t.showPagination) return j.value;
-      const M = (o.value - 1) * i.value, O = M + i.value;
-      return j.value.slice(M, O);
+      return j;
+    }), P = u(() => Math.ceil(z.value.length / i.value)), B = u(() => {
+      if (!t.showPagination) return z.value;
+      const j = (o.value - 1) * i.value, O = j + i.value;
+      return z.value.slice(j, O);
     }), w = u(() => {
-      let M = t.columns.length;
-      return t.selectable && M++, t.$slots?.actions && M++, M;
-    }), v = u(() => j.value.length > 0 && j.value.every((M) => F(M))), $ = u(() => {
-      const M = j.value.filter((O) => F(O)).length;
-      return M > 0 && M < j.value.length;
-    }), x = (M, O) => O.accessor ? O.accessor(M) : O.key.split(".").reduce((K, ne) => K?.[ne], M), I = (M, O) => M[t.rowKey] || O, F = (M) => t.selectedItems.some(
-      (O) => I(O) === I(M)
-    ), Z = (M) => {
+      let j = t.columns.length;
+      return t.selectable && j++, t.$slots?.actions && j++, j;
+    }), v = u(() => z.value.length > 0 && z.value.every((j) => F(j))), $ = u(() => {
+      const j = z.value.filter((O) => F(O)).length;
+      return j > 0 && j < z.value.length;
+    }), y = (j, O) => O.accessor ? O.accessor(j) : O.key.split(".").reduce((K, re) => K?.[re], j), I = (j, O) => j[t.rowKey] || O, F = (j) => t.selectedItems.some(
+      (O) => I(O) === I(j)
+    ), Z = (j) => {
       const O = [...t.selectedItems], K = O.findIndex(
-        (ne) => I(ne) === I(M)
+        (re) => I(re) === I(j)
       );
-      K > -1 ? O.splice(K, 1) : O.push(M), r("selection-change", O);
+      K > -1 ? O.splice(K, 1) : O.push(j), r("selection-change", O);
     }, te = () => {
-      const M = v.value ? [] : [...j.value];
-      r("selection-change", M);
-    }, se = (M) => {
-      M.sortable && (d.value === M.key ? m.value = m.value === "asc" ? "desc" : "asc" : (d.value = M.key, m.value = "asc"), r("sort-change", { column: M.key, direction: m.value }));
-    }, q = (M) => {
-      r("row-click", M);
+      const j = v.value ? [] : [...z.value];
+      r("selection-change", j);
+    }, se = (j) => {
+      j.sortable && (d.value === j.key ? m.value = m.value === "asc" ? "desc" : "asc" : (d.value = j.key, m.value = "asc"), r("sort-change", { column: j.key, direction: m.value }));
+    }, q = (j) => {
+      r("row-click", j);
     }, W = u(
       () => h(p({ variant: t.variant }))
     ), A = u(
       () => h(C({ variant: t.variant }))
     ), G = u(
-      () => h(b({ variant: t.variant }))
+      () => h(x({ variant: t.variant }))
     ), X = u(
-      () => h(z({ variant: t.variant }))
-    ), le = (M) => h(
+      () => h(M({ variant: t.variant }))
+    ), le = (j) => h(
       {
         compact: "px-4 py-2",
         normal: "px-6 py-3",
@@ -5058,7 +5058,7 @@ const es = {
       }[t.density],
       "text-left text-xs font-medium text-slate-500 uppercase tracking-wider",
       {
-        "cursor-pointer hover:bg-slate-100": M.sortable
+        "cursor-pointer hover:bg-slate-100": j.sortable
       }
     ), H = u(() => h(
       {
@@ -5074,26 +5074,26 @@ const es = {
         comfortable: "px-8 py-6"
       }[t.density],
       "whitespace-nowrap text-sm font-medium"
-    )), N = u(() => h(
+    )), R = u(() => h(
       {
         compact: "px-4 py-4",
         normal: "px-6 py-6",
         comfortable: "px-8 py-8"
       }[t.density],
       "text-center"
-    )), ie = (M, O) => h(
+    )), ie = (j, O) => h(
       {
-        "text-blue-600": d.value === M.key && m.value === O,
-        "text-slate-300": d.value !== M.key || m.value !== O
+        "text-blue-600": d.value === j.key && m.value === O,
+        "text-slate-300": d.value !== j.key || m.value !== O
       }
     );
-    return oe(() => t.selectedItems, (M) => {
-    }, { deep: !0 }), oe(() => t.pageSize, (M) => {
-      i.value = M;
-    }), (M, O) => (a(), n("div", {
+    return oe(() => t.selectedItems, (j) => {
+    }, { deep: !0 }), oe(() => t.pageSize, (j) => {
+      i.value = j;
+    }), (j, O) => (a(), n("div", {
       class: c(W.value)
     }, [
-      e.title || e.description || M.$slots.header ? (a(), T(Pe, {
+      e.title || e.description || j.$slots.header ? (a(), T(Pe, {
         key: 0,
         title: e.title,
         description: e.description,
@@ -5101,10 +5101,10 @@ const es = {
         padding: e.headerPadding
       }, {
         header: V(() => [
-          y(M.$slots, "header")
+          b(j.$slots, "header")
         ]),
         filters: V(() => [
-          y(M.$slots, "filters")
+          b(j.$slots, "filters")
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : f("", !0),
@@ -5129,7 +5129,7 @@ const es = {
               (a(!0), n(E, null, U(e.columns, (K) => (a(), n("th", {
                 key: K.key,
                 class: c(le(K)),
-                onClick: (ne) => se(K)
+                onClick: (re) => se(K)
               }, [
                 s("div", yl, [
                   s("span", null, g(K.label), 1),
@@ -5163,7 +5163,7 @@ const es = {
                   ])) : f("", !0)
                 ])
               ], 10, bl))), 128)),
-              M.$slots.actions ? (a(), n("th", {
+              j.$slots.actions ? (a(), n("th", {
                 key: 1,
                 class: c(D.value)
               }, " Actions ", 2)) : f("", !0)
@@ -5172,11 +5172,11 @@ const es = {
           s("tbody", {
             class: c(X.value)
           }, [
-            (a(!0), n(E, null, U(B.value, (K, ne) => (a(), T(Fe, {
-              key: I(K, ne),
+            (a(!0), n(E, null, U(B.value, (K, re) => (a(), T(Fe, {
+              key: I(K, re),
               item: K,
               columns: e.columns,
-              index: ne,
+              index: re,
               selectable: e.selectable,
               "is-selected": F(K),
               striped: e.striped,
@@ -5187,23 +5187,23 @@ const es = {
               onRowClick: q
             }, qe({
               actions: V((de) => [
-                y(M.$slots, "actions", fe({ ref_for: !0 }, de))
+                b(j.$slots, "actions", fe({ ref_for: !0 }, de))
               ]),
               _: 2
             }, [
               U(e.columns, (de) => ({
                 name: `cell-${de.key}`,
                 fn: V((ge) => [
-                  y(M.$slots, `cell-${de.key}`, fe({ ref_for: !0 }, ge))
+                  b(j.$slots, `cell-${de.key}`, fe({ ref_for: !0 }, ge))
                 ])
               }))
             ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density"]))), 128)),
             B.value.length === 0 ? (a(), n("tr", kl, [
               s("td", {
                 colspan: w.value,
-                class: c(N.value)
+                class: c(R.value)
               }, [
-                y(M.$slots, "empty", {}, () => [
+                b(j.$slots, "empty", {}, () => [
                   s("div", Cl, [
                     O[4] || (O[4] = s("div", { class: "text-slate-400 mb-2" }, [
                       s("svg", {
@@ -5228,11 +5228,11 @@ const es = {
           ], 2)
         ], 2)
       ]),
-      e.showPagination || M.$slots.footer ? (a(), T(_e, {
+      e.showPagination || j.$slots.footer ? (a(), T(_e, {
         key: 1,
         "current-page": o.value,
         "total-pages": P.value,
-        total: j.value.length,
+        total: z.value.length,
         "page-size": i.value,
         "show-pagination": e.showPagination,
         selectable: e.selectable,
@@ -5243,7 +5243,7 @@ const es = {
         "onUpdate:pageSize": O[1] || (O[1] = (K) => i.value = K)
       }, {
         footer: V(() => [
-          y(M.$slots, "footer")
+          b(j.$slots, "footer")
         ]),
         _: 3
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding"])) : f("", !0)
@@ -5332,8 +5332,8 @@ const es = {
     return (d, m) => (a(), n("td", {
       class: c(i.value)
     }, [
-      y(d.$slots, "default", {}, () => [
-        R(g(t.value), 1)
+      b(d.$slots, "default", {}, () => [
+        N(g(t.value), 1)
       ])
     ], 2));
   }
@@ -5442,7 +5442,7 @@ const es = {
       defaultVariants: {
         size: "md"
       }
-    }), b = k("rounded-md flex items-center gap-2 font-medium transition-colors", {
+    }), x = k("rounded-md flex items-center gap-2 font-medium transition-colors", {
       variants: {
         variant: {
           default: "text-slate-600 hover:text-slate-800 border border-slate-300 hover:bg-slate-50",
@@ -5460,7 +5460,7 @@ const es = {
         variant: "default",
         size: "md"
       }
-    }), z = k("border-b", {
+    }), M = k("border-b", {
       variants: {
         variant: {
           default: "px-4 py-2 bg-blue-50 border-blue-200",
@@ -5471,14 +5471,14 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), j = u(() => d.searchQuery || d.selectedStatus || d.dateFrom || d.dateTo), P = u(() => {
+    }), z = u(() => d.searchQuery || d.selectedStatus || d.dateFrom || d.dateTo), P = u(() => {
       const H = [];
       if (d.searchQuery && d.searchQuery.trim() && H.push({
         key: "search",
         label: "Search",
         value: d.searchQuery
       }), d.selectedStatus) {
-        const D = d.statusOptions.find((N) => N.value === d.selectedStatus);
+        const D = d.statusOptions.find((R) => R.value === d.selectedStatus);
         H.push({
           key: "status",
           label: "Status",
@@ -5508,7 +5508,7 @@ const es = {
       )
     ), $ = u(
       () => "absolute right-2 top-1/2 transform -translate-y-1/2 text-slate-400 hover:text-slate-600 p-1"
-    ), x = u(
+    ), y = u(
       () => h(
         C({ size: "md" }),
         "w-full focus:border-transparent"
@@ -5518,13 +5518,13 @@ const es = {
     ), F = u(
       () => "text-slate-500"
     ), Z = u(
-      () => h(b({ variant: "default", size: "md" }))
+      () => h(x({ variant: "default", size: "md" }))
     ), te = u(
-      () => h(b({ variant: "primary", size: "md" }))
+      () => h(x({ variant: "primary", size: "md" }))
     ), se = u(
-      () => h(b({ variant: "success", size: "md" }))
+      () => h(x({ variant: "success", size: "md" }))
     ), q = u(
-      () => h(z({ variant: d.variant }))
+      () => h(M({ variant: d.variant }))
     ), W = u(
       () => "text-sm text-blue-700 font-medium"
     ), A = u(
@@ -5557,13 +5557,13 @@ const es = {
             }, null, 8, ["class"]),
             S(he, {
               "model-value": e.searchQuery,
-              onInput: D[0] || (D[0] = (N) => H.$emit("update:searchQuery", N.target.value)),
+              onInput: D[0] || (D[0] = (R) => H.$emit("update:searchQuery", R.target.value)),
               placeholder: e.searchPlaceholder,
               class: c(v.value)
             }, null, 8, ["model-value", "placeholder", "class"]),
             e.searchQuery ? (a(), T(ee, {
               key: 0,
-              onClick: D[1] || (D[1] = (N) => H.$emit("update:searchQuery", "")),
+              onClick: D[1] || (D[1] = (R) => H.$emit("update:searchQuery", "")),
               class: c($.value)
             }, {
               default: V(() => [
@@ -5576,15 +5576,15 @@ const es = {
         e.statusOptions.length > 0 ? (a(), n("div", Ml, [
           S(Ce, {
             "model-value": e.selectedStatus,
-            onChange: D[2] || (D[2] = (N) => H.$emit("update:selectedStatus", N.target.value)),
-            class: c(x.value)
+            onChange: D[2] || (D[2] = (R) => H.$emit("update:selectedStatus", R.target.value)),
+            class: c(y.value)
           }, {
             default: V(() => [
               D[7] || (D[7] = s("option", { value: "" }, "All Status", -1)),
-              (a(!0), n(E, null, U(e.statusOptions, (N) => (a(), n("option", {
-                key: N.value,
-                value: N.value
-              }, g(N.label), 9, jl))), 128))
+              (a(!0), n(E, null, U(e.statusOptions, (R) => (a(), n("option", {
+                key: R.value,
+                value: R.value
+              }, g(R.label), 9, jl))), 128))
             ]),
             _: 1
           }, 8, ["model-value", "class"])
@@ -5593,7 +5593,7 @@ const es = {
           S(he, {
             type: "date",
             "model-value": e.dateFrom,
-            onInput: D[3] || (D[3] = (N) => H.$emit("update:dateFrom", N.target.value)),
+            onInput: D[3] || (D[3] = (R) => H.$emit("update:dateFrom", R.target.value)),
             class: c(I.value)
           }, null, 8, ["model-value", "class"]),
           s("span", {
@@ -5602,43 +5602,43 @@ const es = {
           S(he, {
             type: "date",
             "model-value": e.dateTo,
-            onInput: D[4] || (D[4] = (N) => H.$emit("update:dateTo", N.target.value)),
+            onInput: D[4] || (D[4] = (R) => H.$emit("update:dateTo", R.target.value)),
             class: c(I.value)
           }, null, 8, ["model-value", "class"])
         ])) : f("", !0),
         H.$slots.filters ? (a(), n("div", Il, [
-          y(H.$slots, "filters")
+          b(H.$slots, "filters")
         ])) : f("", !0),
         s("div", Ll, [
-          j.value ? (a(), T(ee, {
+          z.value ? (a(), T(ee, {
             key: 0,
             onClick: X,
             class: c(Z.value)
           }, {
             default: V(() => [...D[8] || (D[8] = [
-              R(" Clear Filters ", -1)
+              N(" Clear Filters ", -1)
             ])]),
             _: 1
           }, 8, ["class"])) : f("", !0),
           e.showExport ? (a(), T(ee, {
             key: 1,
-            onClick: D[5] || (D[5] = (N) => H.$emit("export")),
+            onClick: D[5] || (D[5] = (R) => H.$emit("export")),
             class: c(te.value)
           }, {
             default: V(() => [
               S(o, { class: "w-4 h-4" }),
-              D[9] || (D[9] = R(" Export ", -1))
+              D[9] || (D[9] = N(" Export ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : f("", !0),
           e.showAdd ? (a(), T(ee, {
             key: 2,
-            onClick: D[6] || (D[6] = (N) => H.$emit("add")),
+            onClick: D[6] || (D[6] = (R) => H.$emit("add")),
             class: c(se.value)
           }, {
             default: V(() => [
               S(i, { class: "w-4 h-4" }),
-              D[10] || (D[10] = R(" Add New ", -1))
+              D[10] || (D[10] = N(" Add New ", -1))
             ]),
             _: 1
           }, 8, ["class"])) : f("", !0)
@@ -5652,13 +5652,13 @@ const es = {
           s("span", {
             class: c(W.value)
           }, "Active filters:", 2),
-          (a(!0), n(E, null, U(P.value, (N) => (a(), n("div", {
-            key: N.key,
+          (a(!0), n(E, null, U(P.value, (R) => (a(), n("div", {
+            key: R.key,
             class: c(A.value)
           }, [
-            s("span", null, g(N.label) + ": " + g(N.value), 1),
+            s("span", null, g(R.label) + ": " + g(R.value), 1),
             S(ee, {
-              onClick: (ie) => le(N.key),
+              onClick: (ie) => le(R.key),
               class: c(G.value)
             }, {
               default: V(() => [
@@ -5674,7 +5674,7 @@ const es = {
 }, Pl = { class: "flex items-center gap-3" }, Fl = {
   key: 0,
   class: "flex items-center gap-3"
-}, _l = { class: "text-sm text-slate-600" }, Nl = { class: "flex items-center gap-2" }, Rl = { class: "flex items-center gap-3" }, Hl = ["onClick", "title"], Ol = {
+}, _l = { class: "text-sm text-slate-600" }, Rl = { class: "flex items-center gap-2" }, Nl = { class: "flex items-center gap-3" }, Hl = ["onClick", "title"], Ol = {
   key: 1,
   class: "relative"
 }, ql = { class: "p-3" }, El = { class: "space-y-1" }, Ul = { class: "flex items-center gap-2 cursor-pointer w-full" }, Zl = ["checked", "onChange"], Gl = ["disabled"], Kl = {
@@ -5690,7 +5690,7 @@ const es = {
   template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" /></svg>'
 }, Jl = {
   template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>'
-}, en = [
+}, er = [
   {
     key: "delete",
     label: "Delete",
@@ -5707,13 +5707,13 @@ const es = {
     },
     variant: "primary"
   }
-], tn = {
+], tr = {
   name: "DataTableToolBar"
-}, an = /* @__PURE__ */ Object.assign(tn, {
+}, ar = /* @__PURE__ */ Object.assign(tr, {
   props: {
     selectedItems: { type: Array, default: () => [] },
     totalItems: { type: Number, default: 0 },
-    bulkActions: { type: Array, default: () => en },
+    bulkActions: { type: Array, default: () => er },
     showDensityToggle: { type: Boolean, default: !0 },
     showColumnToggle: { type: Boolean, default: !0 },
     showRefresh: { type: Boolean, default: !0 },
@@ -5759,7 +5759,7 @@ const es = {
         variant: "default",
         padding: "normal"
       }
-    }), b = k("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
+    }), x = k("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
       variants: {
         variant: {
           danger: "text-red-700 bg-red-50 hover:bg-red-100 border border-red-200",
@@ -5770,7 +5770,7 @@ const es = {
       defaultVariants: {
         variant: "secondary"
       }
-    }), z = k("p-2 border border-slate-300 transition-colors", {
+    }), M = k("p-2 border border-slate-300 transition-colors", {
       variants: {
         active: {
           true: "bg-blue-50 text-blue-600 border-blue-300",
@@ -5786,7 +5786,7 @@ const es = {
         active: !1,
         position: "middle"
       }
-    }), j = k("px-3 py-2 text-sm border border-slate-300 rounded-md flex items-center gap-2 transition-colors", {
+    }), z = k("px-3 py-2 text-sm border border-slate-300 rounded-md flex items-center gap-2 transition-colors", {
       variants: {
         state: {
           normal: "text-slate-600 hover:text-slate-800 hover:bg-slate-50",
@@ -5805,7 +5805,7 @@ const es = {
       () => "flex items-center gap-2 px-3 py-2 text-sm text-slate-600 hover:text-slate-800 border border-slate-300 rounded-md hover:bg-slate-50 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1"
     ), $ = u(
       () => "absolute right-0 top-full mt-1 w-56 bg-white border border-slate-200 rounded-lg shadow-lg z-50 max-h-64 overflow-y-auto"
-    ), x = u(
+    ), y = u(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
     ), I = u(
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
@@ -5817,13 +5817,13 @@ const es = {
       i.value && d.value && !i.value.contains(H.target) && !d.value.contains(H.target) && (o.value = !1);
     }, se = () => {
       o.value = !o.value;
-    }, q = (H) => h(b({ variant: H.variant || "secondary" })), W = (H) => {
+    }, q = (H) => h(x({ variant: H.variant || "secondary" })), W = (H) => {
       let D = "middle";
-      return H === "compact" ? D = "first" : H === "comfortable" && (D = "last"), h(z({
+      return H === "compact" ? D = "first" : H === "comfortable" && (D = "last"), h(M({
         active: t.density === H,
         position: D
       }));
-    }, A = () => h(j({
+    }, A = () => h(z({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), G = () => h("w-4 h-4", {
       "animate-spin": t.isRefreshing
@@ -5840,18 +5840,18 @@ const es = {
       s("div", Pl, [
         m.value > 0 ? (a(), n("div", Fl, [
           s("span", _l, g(m.value) + " selected ", 1),
-          s("div", Nl, [
-            (a(!0), n(E, null, U(e.bulkActions, (N) => (a(), T(ee, {
-              key: N.key,
-              onClick: (ie) => H.$emit("bulk-action", { action: N.key, items: e.selectedItems }),
-              class: c(q(N))
+          s("div", Rl, [
+            (a(!0), n(E, null, U(e.bulkActions, (R) => (a(), T(ee, {
+              key: R.key,
+              onClick: (ie) => H.$emit("bulk-action", { action: R.key, items: e.selectedItems }),
+              class: c(q(R))
             }, {
               default: V(() => [
-                N.icon ? (a(), T(Y(N.icon), {
+                R.icon ? (a(), T(Y(R.icon), {
                   key: 0,
                   class: "w-4 h-4"
                 })) : f("", !0),
-                R(" " + g(N.label), 1)
+                N(" " + g(R.label), 1)
               ]),
               _: 2
             }, 1032, ["onClick", "class"]))), 128))
@@ -5861,19 +5861,19 @@ const es = {
           class: c(B.value)
         }, g(e.totalItems) + " " + g(e.totalItems === 1 ? "item" : "items"), 3)) : f("", !0)
       ]),
-      s("div", Rl, [
+      s("div", Nl, [
         e.showDensityToggle ? (a(), n("div", {
           key: 0,
           class: c(w.value)
         }, [
-          (a(), n(E, null, U(p, (N) => s("button", {
-            key: N.value,
-            onClick: (ie) => H.$emit("update:density", N.value),
-            class: c(W(N.value)),
-            title: N.label,
+          (a(), n(E, null, U(p, (R) => s("button", {
+            key: R.value,
+            onClick: (ie) => H.$emit("update:density", R.value),
+            class: c(W(R.value)),
+            title: R.label,
             type: "button"
           }, [
-            (a(), T(Y(N.icon), { class: "w-4 h-4" }))
+            (a(), T(Y(R.icon), { class: "w-4 h-4" }))
           ], 10, Hl)), 64))
         ], 2)) : f("", !0),
         e.showColumnToggle ? (a(), n("div", Ol, [
@@ -5896,23 +5896,23 @@ const es = {
           }, [
             s("div", ql, [
               s("div", {
-                class: c(x.value)
+                class: c(y.value)
               }, " Show Columns ", 2),
               s("div", El, [
-                (a(!0), n(E, null, U(e.toggleableColumns, (N) => (a(), n("div", {
-                  key: N.key,
+                (a(!0), n(E, null, U(e.toggleableColumns, (R) => (a(), n("div", {
+                  key: R.key,
                   class: c(I.value)
                 }, [
                   s("label", Ul, [
                     s("input", {
                       type: "checkbox",
-                      checked: X(N.key),
-                      onChange: (ie) => le(N.key, ie.target.checked),
+                      checked: X(R.key),
+                      onChange: (ie) => le(R.key, ie.target.checked),
                       class: c(F.value)
                     }, null, 42, Zl),
                     s("span", {
                       class: c(Z.value)
-                    }, g(N.label), 3)
+                    }, g(R.label), 3)
                   ])
                 ], 2))), 128))
               ])
@@ -5923,7 +5923,7 @@ const es = {
         ])) : f("", !0),
         e.showRefresh ? (a(), n("button", {
           key: 2,
-          onClick: D[1] || (D[1] = (N) => H.$emit("refresh")),
+          onClick: D[1] || (D[1] = (R) => H.$emit("refresh")),
           disabled: e.isRefreshing,
           class: c(A()),
           type: "button"
@@ -5934,12 +5934,12 @@ const es = {
           D[3] || (D[3] = s("span", null, "Refresh", -1))
         ], 10, Gl)) : f("", !0),
         H.$slots.actions ? (a(), n("div", Kl, [
-          y(H.$slots, "actions")
+          b(H.$slots, "actions")
         ])) : f("", !0)
       ])
     ], 2));
   }
-}), sn = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, ln = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, nn = { class: "col-span-1 md:col-span-2" }, rn = { class: "space-y-2" }, on = { class: "flex space-x-4" }, dn = { class: "flex flex-col md:flex-row justify-between items-center" }, cn = { class: "flex space-x-6 mt-4 md:mt-0" }, un = {
+}), sr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, lr = { class: "grid grid-cols-1 md:grid-cols-4 gap-8" }, rr = { class: "col-span-1 md:col-span-2" }, nr = { class: "space-y-2" }, or = { class: "flex space-x-4" }, ir = { class: "flex flex-col md:flex-row justify-between items-center" }, dr = { class: "flex space-x-6 mt-4 md:mt-0" }, cr = {
   __name: "Footer",
   props: {
     className: {
@@ -5953,37 +5953,37 @@ const es = {
       return a(), n("footer", {
         class: c(L(h)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
-        s("div", sn, [
-          s("div", ln, [
-            s("div", nn, [
-              y(l.$slots, "brand", {}, () => [
+        s("div", sr, [
+          s("div", lr, [
+            s("div", rr, [
+              b(l.$slots, "brand", {}, () => [
                 S(r, { class: "mb-4" }),
                 S(o, { class: "text-gray-600 max-w-md" }, {
                   default: V(() => [...t[0] || (t[0] = [
-                    R(" Building beautiful applications with modern Vue.js components. ", -1)
+                    N(" Building beautiful applications with modern Vue.js components. ", -1)
                   ])]),
                   _: 1
                 })
               ])
             ]),
             s("div", null, [
-              y(l.$slots, "links", {}, () => [
+              b(l.$slots, "links", {}, () => [
                 S(i, {
                   variant: "h6",
                   class: "mb-4"
                 }, {
                   default: V(() => [...t[1] || (t[1] = [
-                    R("Quick Links", -1)
+                    N("Quick Links", -1)
                   ])]),
                   _: 1
                 }),
-                s("div", rn, [
+                s("div", nr, [
                   S(d, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
                     default: V(() => [...t[2] || (t[2] = [
-                      R("About", -1)
+                      N("About", -1)
                     ])]),
                     _: 1
                   }),
@@ -5992,7 +5992,7 @@ const es = {
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
                     default: V(() => [...t[3] || (t[3] = [
-                      R("Services", -1)
+                      N("Services", -1)
                     ])]),
                     _: 1
                   }),
@@ -6001,7 +6001,7 @@ const es = {
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
                     default: V(() => [...t[4] || (t[4] = [
-                      R("Contact", -1)
+                      N("Contact", -1)
                     ])]),
                     _: 1
                   })
@@ -6009,17 +6009,17 @@ const es = {
               ])
             ]),
             s("div", null, [
-              y(l.$slots, "social", {}, () => [
+              b(l.$slots, "social", {}, () => [
                 S(i, {
                   variant: "h6",
                   class: "mb-4"
                 }, {
                   default: V(() => [...t[5] || (t[5] = [
-                    R("Follow Us", -1)
+                    N("Follow Us", -1)
                   ])]),
                   _: 1
                 }),
-                s("div", on, [
+                s("div", or, [
                   S(d, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
@@ -6049,23 +6049,23 @@ const es = {
             ])
           ]),
           S(p, { class: "my-8" }),
-          s("div", dn, [
-            y(l.$slots, "copyright", {}, () => [
+          s("div", ir, [
+            b(l.$slots, "copyright", {}, () => [
               S(o, { class: "text-gray-600" }, {
                 default: V(() => [
-                  R(" © " + g((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
+                  N(" © " + g((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
               })
             ]),
-            y(l.$slots, "legal", {}, () => [
-              s("div", cn, [
+            b(l.$slots, "legal", {}, () => [
+              s("div", dr, [
                 S(d, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
                   default: V(() => [...t[6] || (t[6] = [
-                    R("Privacy", -1)
+                    N("Privacy", -1)
                   ])]),
                   _: 1
                 }),
@@ -6074,7 +6074,7 @@ const es = {
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
                   default: V(() => [...t[7] || (t[7] = [
-                    R("Terms", -1)
+                    N("Terms", -1)
                   ])]),
                   _: 1
                 })
@@ -6085,19 +6085,19 @@ const es = {
       ], 2);
     };
   }
-}, mn = { class: "flex items-center justify-between h-16 px-6" }, fn = { class: "flex items-center" }, vn = {
+}, ur = { class: "flex items-center justify-between h-16 px-6" }, mr = { class: "flex items-center" }, fr = {
   key: 0,
   class: "flex items-center space-x-3 mr-6"
-}, gn = { class: "flex items-center space-x-2 text-sm" }, hn = { class: "text-gray-500" }, pn = { class: "text-gray-900 font-medium" }, bn = { class: "flex items-center space-x-4" }, yn = { class: "relative" }, xn = {
+}, vr = { class: "flex items-center space-x-2 text-sm" }, gr = { class: "text-gray-500" }, hr = { class: "text-gray-900 font-medium" }, pr = { class: "flex items-center space-x-4" }, br = { class: "relative" }, yr = {
   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"
-}, kn = {
+}, xr = {
   key: 0,
   class: "absolute right-6 top-16 mt-2 w-80 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, wn = { class: "max-h-96 overflow-y-auto" }, Cn = { class: "flex items-start space-x-3" }, $n = { class: "flex-1" }, Sn = { class: "text-sm text-gray-900" }, zn = { class: "text-xs text-gray-500 mt-1" }, Bn = { class: "relative" }, Vn = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, Mn = { class: "text-gray-600 text-sm font-medium" }, jn = { class: "hidden md:block text-left" }, Tn = { class: "text-sm font-medium text-gray-900" }, In = { class: "text-xs text-gray-500" }, Ln = {
+}, kr = { class: "max-h-96 overflow-y-auto" }, wr = { class: "flex items-start space-x-3" }, Cr = { class: "flex-1" }, $r = { class: "text-sm text-gray-900" }, Sr = { class: "text-xs text-gray-500 mt-1" }, zr = { class: "relative" }, Br = { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, Vr = { class: "text-gray-600 text-sm font-medium" }, Mr = { class: "hidden md:block text-left" }, jr = { class: "text-sm font-medium text-gray-900" }, Tr = { class: "text-xs text-gray-500" }, Ir = {
   key: 0,
   class: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-50"
-}, Dn = { class: "p-4 border-b border-gray-200" }, An = { class: "text-sm font-medium text-gray-900" }, Pn = { class: "text-xs text-gray-500" }, Fn = { class: "py-2" }, _n = ["href", "onClick"], Nn = {
+}, Lr = { class: "p-4 border-b border-gray-200" }, Dr = { class: "text-sm font-medium text-gray-900" }, Ar = { class: "text-xs text-gray-500" }, Pr = { class: "py-2" }, Fr = ["href", "onClick"], _r = {
   __name: "Header",
   props: {
     sidebarWidth: {
@@ -6156,9 +6156,9 @@ const es = {
           template: '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"/></svg>'
         }
       }
-    ], b = u(() => t.user.name.split(" ").map((v) => v[0]).join("").toUpperCase()), z = () => {
+    ], x = u(() => t.user.name.split(" ").map((v) => v[0]).join("").toUpperCase()), M = () => {
       i.value = !i.value, d.value = !1;
-    }, j = () => {
+    }, z = () => {
       d.value = !d.value, i.value = !1;
     }, P = (v) => {
       r("profile-action", v), d.value = !1;
@@ -6181,16 +6181,16 @@ const es = {
       )),
       style: ce({ left: `${e.sidebarWidth}px` })
     }, [
-      s("div", mn, [
-        s("div", fn, [
-          e.sidebarCollapsed ? (a(), n("div", vn, [...$[1] || ($[1] = [
+      s("div", ur, [
+        s("div", mr, [
+          e.sidebarCollapsed ? (a(), n("div", fr, [...$[1] || ($[1] = [
             s("div", { class: "w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center" }, [
               s("span", { class: "text-white font-bold text-sm" }, "UI")
             ], -1),
             s("h1", { class: "text-xl font-semibold text-gray-900" }, "Dashboard", -1)
           ])])) : f("", !0),
-          s("nav", gn, [
-            s("span", hn, g(e.currentSection), 1),
+          s("nav", vr, [
+            s("span", gr, g(e.currentSection), 1),
             $[2] || ($[2] = s("svg", {
               class: "w-4 h-4 text-gray-400",
               fill: "none",
@@ -6204,11 +6204,11 @@ const es = {
                 d: "M9 5l7 7-7 7"
               })
             ], -1)),
-            s("span", pn, g(e.currentPage), 1)
+            s("span", hr, g(e.currentPage), 1)
           ])
         ]),
-        s("div", bn, [
-          s("div", yn, [
+        s("div", pr, [
+          s("div", br, [
             $[3] || ($[3] = s("div", { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, [
               s("svg", {
                 class: "w-4 h-4 text-gray-400",
@@ -6228,13 +6228,13 @@ const es = {
               type: "text",
               placeholder: "Search...",
               class: "pl-10 pr-4 py-2 w-64 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none",
-              "onUpdate:modelValue": $[0] || ($[0] = (x) => o.value = x)
+              "onUpdate:modelValue": $[0] || ($[0] = (y) => o.value = y)
             }, null, 512), [
               [je, o.value]
             ])
           ]),
           s("button", {
-            onClick: z,
+            onClick: M,
             class: "relative p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-50 transition-colors"
           }, [
             $[4] || ($[4] = s("svg", {
@@ -6256,22 +6256,22 @@ const es = {
                 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)),
-            m.value > 0 ? (a(), n("span", xn, g(m.value), 1)) : f("", !0)
+            m.value > 0 ? (a(), n("span", yr, g(m.value), 1)) : f("", !0)
           ]),
-          i.value ? (a(), n("div", kn, [
+          i.value ? (a(), n("div", xr, [
             $[6] || ($[6] = s("div", { class: "p-4 border-b border-gray-200" }, [
               s("h3", { class: "text-lg font-semibold text-gray-900" }, "Notifications")
             ], -1)),
-            s("div", wn, [
-              (a(!0), n(E, null, U(p.value, (x) => (a(), n("div", {
-                key: x.id,
+            s("div", kr, [
+              (a(!0), n(E, null, U(p.value, (y) => (a(), n("div", {
+                key: y.id,
                 class: "p-4 border-b border-gray-100 hover:bg-gray-50 cursor-pointer"
               }, [
-                s("div", Cn, [
+                s("div", wr, [
                   $[5] || ($[5] = s("div", { class: "flex-shrink-0 w-2 h-2 mt-2 bg-blue-500 rounded-full" }, null, -1)),
-                  s("div", $n, [
-                    s("p", Sn, g(x.title), 1),
-                    s("p", zn, g(x.time), 1)
+                  s("div", Cr, [
+                    s("p", $r, g(y.title), 1),
+                    s("p", Sr, g(y.time), 1)
                   ])
                 ])
               ]))), 128))
@@ -6280,17 +6280,17 @@ const es = {
               s("button", { class: "text-sm text-blue-600 hover:text-blue-800" }, "View all notifications")
             ], -1))
           ])) : f("", !0),
-          s("div", Bn, [
+          s("div", zr, [
             s("button", {
-              onClick: j,
+              onClick: z,
               class: "flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors"
             }, [
-              s("div", Vn, [
-                s("span", Mn, g(b.value), 1)
+              s("div", Br, [
+                s("span", Vr, g(x.value), 1)
               ]),
-              s("div", jn, [
-                s("p", Tn, g(e.user.name), 1),
-                s("p", In, g(e.user.role), 1)
+              s("div", Mr, [
+                s("p", jr, g(e.user.name), 1),
+                s("p", Tr, g(e.user.role), 1)
               ]),
               $[8] || ($[8] = s("svg", {
                 class: "w-4 h-4 text-gray-400",
@@ -6306,21 +6306,21 @@ const es = {
                 })
               ], -1))
             ]),
-            d.value ? (a(), n("div", Ln, [
-              s("div", Dn, [
-                s("p", An, g(e.user.name), 1),
-                s("p", Pn, g(e.user.email), 1)
+            d.value ? (a(), n("div", Ir, [
+              s("div", Lr, [
+                s("p", Dr, g(e.user.name), 1),
+                s("p", Ar, g(e.user.email), 1)
               ]),
-              s("div", Fn, [
-                (a(), n(E, null, U(C, (x) => s("a", {
-                  key: x.name,
-                  href: x.href,
-                  onClick: pe((I) => P(x), ["prevent"]),
+              s("div", Pr, [
+                (a(), n(E, null, U(C, (y) => s("a", {
+                  key: y.name,
+                  href: y.href,
+                  onClick: pe((I) => P(y), ["prevent"]),
                   class: "flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50"
                 }, [
-                  (a(), T(Y(x.icon), { class: "w-4 h-4 mr-3 text-gray-400" })),
-                  R(" " + g(x.label), 1)
-                ], 8, _n)), 64))
+                  (a(), T(Y(y.icon), { class: "w-4 h-4 mr-3 text-gray-400" })),
+                  N(" " + g(y.label), 1)
+                ], 8, Fr)), 64))
               ]),
               s("div", { class: "border-t border-gray-200 py-2" }, [
                 s("button", {
@@ -6340,7 +6340,7 @@ const es = {
                       d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
                     })
                   ], -1),
-                  R(" Sign out ", -1)
+                  N(" Sign out ", -1)
                 ])])
               ])
             ])) : f("", !0)
@@ -6349,30 +6349,30 @@ const es = {
       ])
     ], 6));
   }
-}, Rn = { class: "flex items-center justify-between p-4 border-b border-gray-200" }, Hn = {
+}, Rr = { class: "flex items-center justify-between p-4 border-b border-gray-200" }, Nr = {
   key: 0,
   class: "flex items-center space-x-2"
-}, On = {
+}, Hr = {
   class: "w-5 h-5 text-gray-600",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, qn = ["d"], En = { class: "p-4 space-y-2" }, Un = {
+}, Or = ["d"], qr = { class: "p-4 space-y-2" }, Er = {
   key: 0,
   class: "mt-6 mb-2"
-}, Zn = { class: "px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider" }, Gn = ["href", "onClick"], Kn = {
+}, Ur = { class: "px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider" }, Zr = ["href", "onClick"], Gr = {
   key: 0,
   class: "truncate"
-}, Qn = {
+}, Kr = {
   key: 1,
   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"
-}, Yn = { class: "absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200" }, Wn = {
+}, Qr = { class: "absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200" }, Yr = {
   key: 0,
   class: "flex-1 min-w-0"
-}, Xn = {
+}, Wr = {
   key: 1,
   class: "flex-shrink-0 p-1 text-gray-400 hover:text-gray-600"
-}, Jn = {
+}, Xr = {
   __name: "Sidebar",
   props: {
     collapsed: {
@@ -6382,27 +6382,31 @@ const es = {
     navigationItems: {
       type: Array,
       default: () => []
+    },
+    currentRoute: {
+      type: String,
+      default: ""
     }
   },
   emits: ["toggle", "navigate"],
   setup(e, { expose: l, emit: t }) {
     const r = e, o = t, i = _(r.collapsed), d = () => {
       i.value = !i.value, o("toggle", i.value);
-    }, m = (C) => {
-      o("navigate", C);
-    }, p = u(() => i.value ? 64 : 256);
+    }, m = (x) => {
+      o("navigate", x);
+    }, p = (x) => x.route ? !!(r.currentRoute === x.route || r.currentRoute.startsWith(x.route + "/")) : !1, C = u(() => i.value ? 64 : 256);
     return l({
       isCollapsed: i,
-      sidebarWidth: p,
+      sidebarWidth: C,
       toggleSidebar: d
-    }), (C, b) => (a(), n("aside", {
+    }), (x, M) => (a(), n("aside", {
       class: c(L(h)(
         "fixed left-0 top-0 z-40 h-screen bg-white border-r border-gray-200 transition-all duration-300 ease-in-out",
         i.value ? "w-16" : "w-64"
       ))
     }, [
-      s("div", Rn, [
-        i.value ? f("", !0) : (a(), n("div", Hn, [...b[0] || (b[0] = [
+      s("div", Rr, [
+        i.value ? f("", !0) : (a(), n("div", Nr, [...M[0] || (M[0] = [
           s("div", { class: "w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center" }, [
             s("span", { class: "text-white font-bold text-sm" }, "UI")
           ], -1),
@@ -6412,29 +6416,29 @@ const es = {
           onClick: d,
           class: "p-1 rounded-md hover:bg-gray-100 transition-colors"
         }, [
-          (a(), n("svg", On, [
+          (a(), n("svg", Hr, [
             s("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: i.value ? "M9 5l7 7-7 7" : "M15 19l-7-7 7-7"
-            }, null, 8, qn)
+            }, null, 8, Or)
           ]))
         ])
       ]),
-      s("nav", En, [
+      s("nav", qr, [
         (a(!0), n(E, null, U(e.navigationItems, (z) => (a(), n(E, {
           key: z.name
         }, [
-          z.type === "section" && !i.value ? (a(), n("div", Un, [
-            s("h3", Zn, g(z.label), 1)
+          z.type === "section" && !i.value ? (a(), n("div", Er, [
+            s("h3", Ur, g(z.label), 1)
           ])) : z.type === "link" ? (a(), n("a", {
             key: 1,
             href: z.href,
-            onClick: pe((j) => m(z), ["prevent"]),
+            onClick: pe((P) => m(z), ["prevent"]),
             class: c(L(h)(
               "flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-colors",
-              z.active ? "bg-blue-50 text-blue-700 border-r-2 border-blue-700" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900"
+              p(z) ? "bg-blue-50 text-blue-700 border-r-2 border-blue-700" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900"
             ))
           }, [
             (a(), T(Y(z.icon), {
@@ -6443,26 +6447,26 @@ const es = {
                 i.value ? "w-5 h-5" : "w-5 h-5 mr-3"
               ))
             }, null, 8, ["class"])),
-            i.value ? f("", !0) : (a(), n("span", Kn, g(z.label), 1)),
-            z.badge && !i.value ? (a(), n("span", Qn, g(z.badge), 1)) : f("", !0)
-          ], 10, Gn)) : f("", !0)
+            i.value ? f("", !0) : (a(), n("span", Gr, g(z.label), 1)),
+            z.badge && !i.value ? (a(), n("span", Kr, g(z.badge), 1)) : f("", !0)
+          ], 10, Zr)) : f("", !0)
         ], 64))), 128))
       ]),
-      s("div", Yn, [
+      s("div", Qr, [
         s("div", {
           class: c(L(h)(
             "flex items-center",
             i.value ? "justify-center" : "space-x-3"
           ))
         }, [
-          b[3] || (b[3] = s("div", { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, [
+          M[3] || (M[3] = s("div", { class: "w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center" }, [
             s("span", { class: "text-gray-600 text-sm font-medium" }, "JD")
           ], -1)),
-          i.value ? f("", !0) : (a(), n("div", Wn, [...b[1] || (b[1] = [
+          i.value ? f("", !0) : (a(), n("div", Yr, [...M[1] || (M[1] = [
             s("p", { class: "text-sm font-medium text-gray-900 truncate" }, "John Doe", -1),
             s("p", { class: "text-xs text-gray-500 truncate" }, "john@example.com", -1)
           ])])),
-          i.value ? f("", !0) : (a(), n("button", Xn, [...b[2] || (b[2] = [
+          i.value ? f("", !0) : (a(), n("button", Wr, [...M[2] || (M[2] = [
             s("svg", {
               class: "w-4 h-4",
               fill: "none",
@@ -6481,7 +6485,7 @@ const es = {
       ])
     ], 2));
   }
-}, er = {
+}, Jr = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -6497,16 +6501,16 @@ const es = {
         e.orientation === "vertical" ? "flex-col" : "flex-row"
       ])
     }, [
-      y(l.$slots, "default")
+      b(l.$slots, "default")
     ], 2));
   }
-}, tr = {
+}, en = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, ar = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, sr = { class: "text-slate-900 font-medium" }, lr = {
+}, tn = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, an = { class: "text-slate-900 font-medium" }, sn = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, nr = { class: "mt-2 text-slate-600 text-sm" }, rr = {
+}, ln = { class: "mt-2 text-slate-600 text-sm" }, rn = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -6530,9 +6534,9 @@ const es = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (a(), n("div", tr)) : f("", !0),
-      s("div", ar, [
-        y(l.$slots, "icon", {}, () => [
+      e.orientation === "vertical" ? (a(), n("div", en)) : f("", !0),
+      s("div", tn, [
+        b(l.$slots, "icon", {}, () => [
           t[0] || (t[0] = s("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
       ]),
@@ -6542,28 +6546,28 @@ const es = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        s("h3", sr, [
-          y(l.$slots, "title", {}, () => [
-            R(g(e.title), 1)
+        s("h3", an, [
+          b(l.$slots, "title", {}, () => [
+            N(g(e.title), 1)
           ])
         ]),
-        e.subtitle ? (a(), n("p", lr, [
-          y(l.$slots, "subtitle", {}, () => [
-            R(g(e.subtitle), 1)
+        e.subtitle ? (a(), n("p", sn, [
+          b(l.$slots, "subtitle", {}, () => [
+            N(g(e.subtitle), 1)
           ])
         ])) : f("", !0),
-        s("div", nr, [
-          y(l.$slots, "default")
+        s("div", ln, [
+          b(l.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, Ne = (e, l) => {
+}, Re = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [r, o] of l)
     t[r] = o;
   return t;
-}, or = {
+}, nn = {
   name: "AuthLayout",
   props: {
     title: {
@@ -6652,20 +6656,20 @@ const es = {
       currentYear: u(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, ir = { class: "container mx-auto px-4 relative z-10" }, dr = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, cr = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, ur = { class: "mb-6" }, mr = { class: "text-4xl lg:text-6xl font-bold mb-2" }, fr = { class: "text-white" }, vr = { class: "flex items-center justify-center lg:justify-start mb-6" }, gr = { class: "text-3xl lg:text-4xl font-bold text-white" }, hr = { class: "lg:col-span-4" }, pr = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, br = {
+}, on = { class: "container mx-auto px-4 relative z-10" }, dn = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, cn = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, un = { class: "mb-6" }, mn = { class: "text-4xl lg:text-6xl font-bold mb-2" }, fn = { class: "text-white" }, vn = { class: "flex items-center justify-center lg:justify-start mb-6" }, gn = { class: "text-3xl lg:text-4xl font-bold text-white" }, hn = { class: "lg:col-span-4" }, pn = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, bn = {
   key: 0,
   class: "mb-6"
-}, yr = { class: "text-center" }, xr = { class: "text-2xl font-bold text-gray-900" }, kr = {
+}, yn = { class: "text-center" }, xn = { class: "text-2xl font-bold text-gray-900" }, kn = {
   key: 0,
   class: "text-gray-600 mt-2"
-}, wr = { class: "space-y-6" }, Cr = {
+}, wn = { class: "space-y-6" }, Cn = {
   key: 1,
   class: "mt-6"
-}, $r = {
+}, $n = {
   key: 0,
   class: "mt-6 text-center"
-}, Sr = { class: "absolute bottom-4 right-4 text-right" }, zr = { class: "flex items-end justify-end mb-2" }, Br = { class: "text-right mr-3" }, Vr = { class: "text-red-500 font-bold text-xs" }, Mr = { class: "text-white text-xs" }, jr = { class: "text-white/70 text-xs" }, Tr = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, Ir = { class: "text-white/70 text-xs" }, Lr = { class: "absolute bottom-4 left-4 flex gap-2" }, Dr = ["href"];
-function Ar(e, l, t, r, o, i) {
+}, Sn = { class: "absolute bottom-4 right-4 text-right" }, zn = { class: "flex items-end justify-end mb-2" }, Bn = { class: "text-right mr-3" }, Vn = { class: "text-red-500 font-bold text-xs" }, Mn = { class: "text-white text-xs" }, jn = { class: "text-white/70 text-xs" }, Tn = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, In = { class: "text-white/70 text-xs" }, Ln = { class: "absolute bottom-4 left-4 flex gap-2" }, Dn = ["href"];
+function An(e, l, t, r, o, i) {
   const d = J("router-view");
   return a(), n("div", {
     class: "min-h-screen relative flex items-center justify-center",
@@ -6678,70 +6682,70 @@ function Ar(e, l, t, r, o, i) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    s("div", ir, [
-      s("div", dr, [
-        s("div", cr, [
-          s("div", ur, [
-            s("div", mr, [
+    s("div", on, [
+      s("div", dn, [
+        s("div", cn, [
+          s("div", un, [
+            s("div", mn, [
               s("span", {
                 style: ce({ color: t.primaryColor })
               }, g(t.primaryLogoPrefix), 5),
-              s("span", fr, g(t.primaryLogoText), 1)
+              s("span", fn, g(t.primaryLogoText), 1)
             ]),
             s("div", {
               class: "h-0.5 w-30 mx-auto lg:mx-0",
               style: ce({ backgroundColor: t.primaryColor })
             }, null, 4)
           ]),
-          s("div", vr, [
+          s("div", vn, [
             s("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 })
             }, g(t.secondaryLogoPrefix), 5),
-            s("span", gr, g(t.secondaryLogoText), 1)
+            s("span", gn, g(t.secondaryLogoText), 1)
           ]),
           l[0] || (l[0] = s("div", { class: "max-w-md mx-auto lg:mx-0" }, [
             s("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        s("div", hr, [
-          s("div", pr, [
-            e.$slots["card-header"] || t.title ? (a(), n("div", br, [
-              y(e.$slots, "card-header", {}, () => [
-                s("div", yr, [
-                  s("h1", xr, g(t.title), 1),
-                  t.subtitle ? (a(), n("p", kr, g(t.subtitle), 1)) : f("", !0)
+        s("div", hn, [
+          s("div", pn, [
+            e.$slots["card-header"] || t.title ? (a(), n("div", bn, [
+              b(e.$slots, "card-header", {}, () => [
+                s("div", yn, [
+                  s("h1", xn, g(t.title), 1),
+                  t.subtitle ? (a(), n("p", kn, g(t.subtitle), 1)) : f("", !0)
                 ])
               ])
             ])) : f("", !0),
-            s("div", wr, [
+            s("div", wn, [
               S(d)
             ]),
-            e.$slots["card-footer"] ? (a(), n("div", Cr, [
-              y(e.$slots, "card-footer")
+            e.$slots["card-footer"] ? (a(), n("div", Cn, [
+              b(e.$slots, "card-footer")
             ])) : f("", !0)
           ]),
-          e.$slots.links ? (a(), n("div", $r, [
-            y(e.$slots, "links")
+          e.$slots.links ? (a(), n("div", $n, [
+            b(e.$slots, "links")
           ])) : f("", !0)
         ])
       ])
     ]),
-    s("div", Sr, [
-      s("div", zr, [
-        s("div", Br, [
-          s("div", Vr, g(t.companyName), 1),
-          s("div", Mr, g(t.companyType), 1),
-          s("div", jr, g(t.companyTagline), 1)
+    s("div", Sn, [
+      s("div", zn, [
+        s("div", Bn, [
+          s("div", Vn, g(t.companyName), 1),
+          s("div", Mn, g(t.companyType), 1),
+          s("div", jn, g(t.companyTagline), 1)
         ]),
-        s("div", Tr, g(t.companyInitials), 1)
+        s("div", Tn, g(t.companyInitials), 1)
       ]),
-      s("div", Ir, [
+      s("div", In, [
         s("div", null, g(t.appName) + " (" + g(t.appVersion) + ")", 1),
         s("div", null, g(t.copyright), 1)
       ])
     ]),
-    s("div", Lr, [
+    s("div", Ln, [
       (a(!0), n(E, null, U(t.socialLinks, (m) => (a(), n("a", {
         key: m.name,
         href: m.url,
@@ -6753,14 +6757,14 @@ function Ar(e, l, t, r, o, i) {
         s("i", {
           class: c(m.icon)
         }, null, 2)
-      ], 10, Dr))), 128))
+      ], 10, Dn))), 128))
     ])
   ], 4);
 }
-const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen bg-gray-50" }, _r = { class: "flex-1" }, Nr = {
+const Pn = /* @__PURE__ */ Re(nn, [["render", An]]), Fn = { class: "min-h-screen bg-gray-50" }, _n = { class: "flex-1" }, Rn = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, Rr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Hr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Or = {
+}, Nn = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Hn = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, On = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -6784,32 +6788,32 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
   setup(e) {
     return (l, t) => {
       const r = J("Logo"), o = J("MainNavigation"), i = J("Button"), d = J("Header"), m = J("Breadcrumb"), p = J("Text"), C = J("Footer");
-      return a(), n("div", Fr, [
+      return a(), n("div", Fn, [
         S(d, null, {
           logo: V(() => [
-            y(l.$slots, "logo", {}, () => [
+            b(l.$slots, "logo", {}, () => [
               S(r)
             ])
           ]),
           navigation: V(() => [
-            y(l.$slots, "navigation", {}, () => [
+            b(l.$slots, "navigation", {}, () => [
               S(o, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
           actions: V(() => [
-            y(l.$slots, "header-actions", {}, () => [
+            b(l.$slots, "header-actions", {}, () => [
               S(i, {
                 variant: "ghost",
                 size: "sm"
               }, {
                 default: V(() => [...t[0] || (t[0] = [
-                  R("Sign In", -1)
+                  N("Sign In", -1)
                 ])]),
                 _: 1
               }),
               S(i, { size: "sm" }, {
                 default: V(() => [...t[1] || (t[1] = [
-                  R("Get Started", -1)
+                  N("Get Started", -1)
                 ])]),
                 _: 1
               })
@@ -6817,25 +6821,25 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
           ]),
           _: 3
         }),
-        s("main", _r, [
-          e.showBreadcrumb ? (a(), n("div", Nr, [
-            s("div", Rr, [
-              y(l.$slots, "breadcrumb", {}, () => [
+        s("main", _n, [
+          e.showBreadcrumb ? (a(), n("div", Rn, [
+            s("div", Nn, [
+              b(l.$slots, "breadcrumb", {}, () => [
                 S(m, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : f("", !0),
-          s("div", Hr, [
-            y(l.$slots, "default")
+          s("div", Hn, [
+            b(l.$slots, "default")
           ])
         ]),
         S(C, null, {
           brand: V(() => [
-            y(l.$slots, "footer-brand", {}, () => [
+            b(l.$slots, "footer-brand", {}, () => [
               S(r, { class: "mb-4" }),
               S(p, { class: "text-gray-600 max-w-md" }, {
                 default: V(() => [...t[2] || (t[2] = [
-                  R(" Your application description goes here. ", -1)
+                  N(" Your application description goes here. ", -1)
                 ])]),
                 _: 1
               })
@@ -6846,14 +6850,14 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
       ]);
     };
   }
-}, qr = {
+}, qn = {
   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>
   `
-}, Er = {
+}, En = {
   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"/>
@@ -6866,7 +6870,7 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { 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>
   `
-}, Ur = {
+}, Un = {
   name: "ErrorPage",
   components: {
     Button: ee
@@ -6953,12 +6957,12 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
         404: {
           title: "Page Not Found",
           message: "Sorry, we couldn't find the page you're looking for.",
-          icon: qr
+          icon: qn
         },
         500: {
           title: "Server Error",
           message: "Something went wrong on our end. Please try again later.",
-          icon: Er
+          icon: En
         },
         403: {
           title: "Access Denied",
@@ -6981,11 +6985,11 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
       "px-4 sm:px-6 lg:px-8"
     ]), C = u(() => [
       "absolute inset-0 -z-10"
-    ]), b = u(() => [
+    ]), x = u(() => [
       "w-full max-w-lg mx-auto text-center"
-    ]), z = u(() => [
+    ]), M = u(() => [
       "mb-8"
-    ]), j = u(() => [
+    ]), z = u(() => [
       "space-y-6"
     ]), P = u(() => [
       "flex justify-center mb-6"
@@ -6997,7 +7001,7 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
       "text-3xl font-bold text-slate-900"
     ]), $ = u(() => [
       "text-lg text-slate-600"
-    ]), x = u(() => [
+    ]), y = u(() => [
       "text-sm text-slate-500 font-mono"
     ]), I = u(() => [
       "mt-8"
@@ -7012,21 +7016,21 @@ const Pr = /* @__PURE__ */ Ne(or, [["render", Ar]]), Fr = { class: "min-h-screen
       retry: m,
       layoutClasses: p,
       backgroundClasses: C,
-      contentClasses: b,
-      headerClasses: z,
-      errorContentClasses: j,
+      contentClasses: x,
+      headerClasses: M,
+      errorContentClasses: z,
       illustrationClasses: P,
       iconClasses: B,
       detailsClasses: w,
       titleClasses: v,
       messageClasses: $,
-      codeClasses: x,
+      codeClasses: y,
       actionsClasses: I,
       helpClasses: F
     };
   }
-}, Zr = { class: "flex justify-center" }, Gr = { class: "flex items-center gap-3" }, Kr = { class: "text-2xl font-bold text-slate-900" }, Qr = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, Yr = { class: "text-sm text-slate-600" }, Wr = ["href"];
-function Xr(e, l, t, r, o, i) {
+}, Zn = { class: "flex justify-center" }, Gn = { class: "flex items-center gap-3" }, Kn = { class: "text-2xl font-bold text-slate-900" }, Qn = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, Yn = { class: "text-sm text-slate-600" }, Wn = ["href"];
+function Xn(e, l, t, r, o, i) {
   const d = J("Button");
   return a(), n("div", {
     class: c(r.layoutClasses)
@@ -7035,7 +7039,7 @@ function Xr(e, l, t, r, o, i) {
       key: 0,
       class: c(r.backgroundClasses)
     }, [
-      y(e.$slots, "background", {}, () => [
+      b(e.$slots, "background", {}, () => [
         l[0] || (l[0] = s("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
     ], 2)) : f("", !0),
@@ -7046,14 +7050,14 @@ function Xr(e, l, t, r, o, i) {
         key: 0,
         class: c(r.headerClasses)
       }, [
-        y(e.$slots, "header", {}, () => [
-          s("div", Zr, [
-            y(e.$slots, "logo", {}, () => [
-              s("div", Gr, [
+        b(e.$slots, "header", {}, () => [
+          s("div", Zn, [
+            b(e.$slots, "logo", {}, () => [
+              s("div", Gn, [
                 l[1] || (l[1] = s("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   s("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                s("span", Kr, g(t.brandName), 1)
+                s("span", Kn, g(t.brandName), 1)
               ])
             ])
           ])
@@ -7066,7 +7070,7 @@ function Xr(e, l, t, r, o, i) {
           key: 0,
           class: c(r.illustrationClasses)
         }, [
-          y(e.$slots, "illustration", {}, () => [
+          b(e.$slots, "illustration", {}, () => [
             (a(), T(Y(r.errorIcon), {
               class: c(r.iconClasses)
             }, null, 8, ["class"]))
@@ -7078,15 +7082,15 @@ function Xr(e, l, t, r, o, i) {
           s("h1", {
             class: c(r.titleClasses)
           }, [
-            y(e.$slots, "title", {}, () => [
-              R(g(r.errorTitle), 1)
+            b(e.$slots, "title", {}, () => [
+              N(g(r.errorTitle), 1)
             ])
           ], 2),
           s("p", {
             class: c(r.messageClasses)
           }, [
-            y(e.$slots, "message", {}, () => [
-              R(g(r.errorMessage), 1)
+            b(e.$slots, "message", {}, () => [
+              N(g(r.errorMessage), 1)
             ])
           ], 2),
           t.errorCode ? (a(), n("div", {
@@ -7098,8 +7102,8 @@ function Xr(e, l, t, r, o, i) {
           key: 1,
           class: c(r.actionsClasses)
         }, [
-          y(e.$slots, "actions", {}, () => [
-            s("div", Qr, [
+          b(e.$slots, "actions", {}, () => [
+            s("div", Qn, [
               t.showHomeButton ? (a(), T(d, {
                 key: 0,
                 href: t.homeUrl,
@@ -7107,7 +7111,7 @@ function Xr(e, l, t, r, o, i) {
                 size: "lg"
               }, {
                 default: V(() => [
-                  R(g(t.homeButtonText), 1)
+                  N(g(t.homeButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["href"])) : f("", !0),
@@ -7118,7 +7122,7 @@ function Xr(e, l, t, r, o, i) {
                 onClick: r.goBack
               }, {
                 default: V(() => [
-                  R(g(t.backButtonText), 1)
+                  N(g(t.backButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])) : f("", !0),
@@ -7129,7 +7133,7 @@ function Xr(e, l, t, r, o, i) {
                 onClick: r.retry
               }, {
                 default: V(() => [
-                  R(g(t.retryButtonText), 1)
+                  N(g(t.retryButtonText), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])) : f("", !0)
@@ -7140,14 +7144,14 @@ function Xr(e, l, t, r, o, i) {
           key: 2,
           class: c(r.helpClasses)
         }, [
-          y(e.$slots, "help", {}, () => [
-            s("p", Yr, [
-              R(g(t.helpText) + " ", 1),
+          b(e.$slots, "help", {}, () => [
+            s("p", Yn, [
+              N(g(t.helpText) + " ", 1),
               t.supportUrl ? (a(), n("a", {
                 key: 0,
                 href: t.supportUrl,
                 class: "text-blue-600 hover:text-blue-700 underline ml-1"
-              }, " Contact Support ", 8, Wr)) : f("", !0)
+              }, " Contact Support ", 8, Wn)) : f("", !0)
             ])
           ])
         ], 2)) : f("", !0)
@@ -7155,12 +7159,12 @@ function Xr(e, l, t, r, o, i) {
     ], 2)
   ], 2);
 }
-const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
+const Jn = /* @__PURE__ */ Re(Un, [["render", Xn]]), Be = {
   Avatar: Ke,
   Badge: Ye,
   Button: ee,
   Checkbox: we,
-  Divider: rt,
+  Divider: nt,
   Icon: Q,
   Image: ct,
   Input: he,
@@ -7177,7 +7181,7 @@ const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
   Textarea: Tt,
   Tooltip: It,
   Typography: ke,
-  Alert: Nt,
+  Alert: Rt,
   Breadcrumb: Ot,
   ButtonGroup: Et,
   Card: Xt,
@@ -7186,7 +7190,7 @@ const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
   CardFooter: ta,
   CardContent: aa,
   CardTitle: sa,
-  DatePicker: ra,
+  DatePicker: na,
   Dropdown: ia,
   DropdownItem: ca,
   FileUpload: xa,
@@ -7194,7 +7198,7 @@ const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
   InputGroup: Ma,
   ListItem: Pa,
   MenuItem: _a,
-  Modal: Ra,
+  Modal: Na,
   ModalHeader: Ea,
   ModalBody: Ua,
   ModalFooter: Za,
@@ -7204,7 +7208,7 @@ const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
   Slider: Ms,
   Stepper: Ts,
   StepperItem: Ps,
-  Tab: Rs,
+  Tab: Ns,
   TabPanel: Hs,
   Accordion: Gs,
   AccordionItem: Ks,
@@ -7215,15 +7219,15 @@ const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
   DataTableCell: zl,
   DataTablePagination: _e,
   DataTableFilters: Al,
-  DataTableToolBar: an,
-  Footer: un,
-  Header: Nn,
-  Sidebar: Jn,
-  Timeline: er,
-  TimelineItem: rr,
-  AuthLayout: Pr,
-  DefaultLayout: Or,
-  ErrorLayout: Jr
+  DataTableToolBar: ar,
+  Footer: cr,
+  Header: _r,
+  Sidebar: Xr,
+  Timeline: Jr,
+  TimelineItem: rn,
+  AuthLayout: Pn,
+  DefaultLayout: On,
+  ErrorLayout: Jn
 }, so = {
   install(e, l = {}) {
     const { prefix: t = "" } = l;
@@ -7236,8 +7240,8 @@ const Jr = /* @__PURE__ */ Ne(Ur, [["render", Xr]]), Be = {
 export {
   Gs as Accordion,
   Ks as AccordionItem,
-  Nt as Alert,
-  Pr as AuthLayout,
+  Rt as Alert,
+  Pn as AuthLayout,
   Ke as Avatar,
   Ye as Badge,
   Ot as Breadcrumb,
@@ -7257,17 +7261,17 @@ export {
   Pe as DataTableHeader,
   _e as DataTablePagination,
   Fe as DataTableRow,
-  an as DataTableToolBar,
-  ra as DatePicker,
-  Or as DefaultLayout,
-  rt as Divider,
+  ar as DataTableToolBar,
+  na as DatePicker,
+  On as DefaultLayout,
+  nt as Divider,
   ia as Dropdown,
   ca as DropdownItem,
-  Jr as ErrorLayout,
+  Jn as ErrorLayout,
   xa as FileUpload,
-  un as Footer,
+  cr as Footer,
   za as FormField,
-  Nn as Header,
+  _r as Header,
   Q as Icon,
   ct as Image,
   he as Input,
@@ -7277,7 +7281,7 @@ export {
   Pa as ListItem,
   yt as Logo,
   _a as MenuItem,
-  Ra as Modal,
+  Na as Modal,
   Ua as ModalBody,
   Za as ModalFooter,
   Ea as ModalHeader,
@@ -7287,18 +7291,18 @@ export {
   St as Radio,
   Ss as Search,
   Ce as Select,
-  Jn as Sidebar,
+  Xr as Sidebar,
   Ms as Slider,
   Ie as Spinner,
   Ts as Stepper,
   Ps as StepperItem,
   Vt as Switch,
-  Rs as Tab,
+  Ns as Tab,
   Hs as TabPanel,
   Mt as Text,
   Tt as Textarea,
-  er as Timeline,
-  rr as TimelineItem,
+  Jr as Timeline,
+  rn as TimelineItem,
   cs as Toast,
   It as Tooltip,
   ke as Typography,