@stlhorizon/vue-ui 1.2.1 → 1.2.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { computed as u, createElementBlock as r, openBlock as a, normalizeClass as c, ref as O, createBlock as M, toDisplayString as p, unref as D, createCommentVNode as f, renderSlot as b, resolveDynamicComponent as X, createVNode as y, mergeProps as me, createElementVNode as o, useId as he, watch as oe, createTextVNode as N, withCtx as S, normalizeStyle as ce, nextTick as Ce, Transition as ae, Fragment as Q, renderList as K, onMounted as ve, onUnmounted as ye, Teleport as Ve, markRaw as Te, TransitionGroup as Re, withDirectives as xe, vModelText as _e, provide as Oe, inject as qe, vShow as Me, createSlots as He, withModifiers as $e, resolveComponent as G } from "vue";
+import { computed as u, createElementBlock as r, openBlock as a, normalizeClass as d, ref as H, createBlock as M, toDisplayString as p, unref as D, createCommentVNode as f, renderSlot as h, resolveDynamicComponent as X, createVNode as y, mergeProps as me, createElementVNode as o, useId as be, watch as oe, createTextVNode as N, withCtx as S, normalizeStyle as ce, nextTick as Ce, Transition as ae, Fragment as Q, renderList as K, onMounted as ve, onUnmounted as ye, Teleport as Ve, markRaw as Te, TransitionGroup as Re, withDirectives as xe, vModelText as _e, provide as He, inject as Oe, vShow as Me, createSlots as qe, withModifiers as $e, resolveComponent as G } from "vue";
 import { cva as x } from "class-variance-authority";
 import { clsx as Ee } from "clsx";
 function v(...e) {
@@ -88,6 +88,39 @@ const Ue = {
   },
   x: {
     template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>'
+  },
+  // Status
+  bell: {
+    template: `<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" 
+        d="M14.25 18.75a2.25 2.25 0 1 1-4.5 0m9-3v-5.25a6.75 
+        6.75 0 1 0-13.5 0v5.25m13.5 0H3.75" />
+    </svg>`
+  },
+  "alert-triangle": {
+    template: `<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" 
+        d="M12 9v3.75m0 3.75h.007v.008H12v-.008zM2.697 
+        16.126c-.866 1.5.217 3.374 1.948 
+        3.374h14.71c1.73 0 2.813-1.874 
+        1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 
+        0L2.697 16.126z" />
+    </svg>`
+  },
+  "alert-circle": {
+    template: `<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" 
+        d="M12 9v3.75m0 3.75h.007v.008H12v-.008zM21 
+        12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" />
+    </svg>`
+  },
+  loader: {
+    template: `<svg class="animate-spin" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
+      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"></circle>
+      <path class="opacity-75" fill="currentColor" 
+        d="M4 12a8 8 0 018-8v4a4 4 0 00-4 
+        4H4z" />
+    </svg>`
   }
 }, Ze = ["innerHTML", "aria-hidden", "aria-label", "role"], Y = {
   __name: "Icon",
@@ -105,17 +138,17 @@ const Ue = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const d = Ue[s.name];
-      return d ? d.template : (console.warn(`Icon "${s.name}" not found`), "");
+      const c = Ue[s.name];
+      return c ? c.template : (console.warn(`Icon "${s.name}" not found`), "");
     }), l = u(() => {
-      const d = {
+      const c = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         md: "w-5 h-5",
         lg: "w-6 h-6",
         xl: "w-8 h-8"
       };
-      return d[s.size] || d.md;
+      return c[s.size] || c.md;
     }), n = u(
       () => s.color ? `text-${s.color}` : "text-current"
     ), i = u(() => [
@@ -123,9 +156,9 @@ const Ue = {
       n.value,
       "inline-block"
     ]);
-    return (d, m) => (a(), r("span", {
+    return (c, m) => (a(), r("span", {
       innerHTML: t.value,
-      class: c(i.value),
+      class: d(i.value),
       "aria-hidden": !e.ariaLabel,
       "aria-label": e.ariaLabel,
       role: e.ariaLabel ? "img" : void 0
@@ -150,7 +183,7 @@ const Ue = {
     class: String
   },
   setup(e) {
-    const s = e, t = O(!1), l = x(
+    const s = e, t = H(!1), l = x(
       "relative flex shrink-0 overflow-hidden rounded-full",
       {
         variants: {
@@ -169,7 +202,7 @@ const Ue = {
       }
     ), n = u(
       () => v(l({ size: s.size, variant: s.variant }), s.class)
-    ), i = u(() => "aspect-square h-full w-full object-cover"), d = u(
+    ), i = u(() => "aspect-square h-full w-full object-cover"), c = u(
       () => v(
         "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
         {
@@ -187,25 +220,25 @@ const Ue = {
         "h-5 w-5": s.size === "lg",
         "h-6 w-6": s.size === "xl"
       })
-    ), h = () => {
+    ), b = () => {
       t.value = !0;
     };
-    return (k, w) => (a(), r("div", {
-      class: c(n.value)
+    return (w, C) => (a(), r("div", {
+      class: d(n.value)
     }, [
       e.src ? (a(), r("img", {
         key: 0,
         src: e.src,
         alt: e.alt,
-        class: c(i.value),
-        onError: h
+        class: d(i.value),
+        onError: b
       }, null, 42, Ge)) : e.initials ? (a(), r("span", {
         key: 1,
-        class: c(d.value)
+        class: d(c.value)
       }, p(e.initials), 3)) : (a(), M(Y, {
         key: 2,
         name: "User",
-        class: c(m.value)
+        class: d(m.value)
       }, null, 8, ["class"]))
     ], 2));
   }
@@ -250,7 +283,7 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
     </svg>
   `
-    }, l = e, n = s, i = () => n("dismiss"), d = x(
+    }, l = e, n = s, i = () => n("dismiss"), c = x(
       "inline-flex items-center font-medium border transition-all duration-200",
       {
         variants: {
@@ -282,14 +315,14 @@ const Ue = {
       md: "w-4 h-4",
       lg: "w-5 h-5"
     }[l.size]]);
-    return (h, k) => (a(), r("span", {
-      class: c(D(v)(D(d)({ variant: e.variant, size: e.size, shape: e.shape }), h.$attrs.class))
+    return (b, w) => (a(), r("span", {
+      class: d(D(v)(D(c)({ variant: e.variant, size: e.size, shape: e.shape }), b.$attrs.class))
     }, [
       e.icon ? (a(), M(X(e.icon), {
         key: 0,
-        class: c(m.value)
+        class: d(m.value)
       }, null, 8, ["class"])) : f("", !0),
-      b(h.$slots, "default"),
+      h(b.$slots, "default"),
       e.dismissible ? (a(), r("button", {
         key: 1,
         onClick: i,
@@ -381,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) : b(t.$slots, "icon", { key: 1 }),
-      e.loading && e.loadingText ? (a(), r("span", Je, p(e.loadingText), 1)) : b(t.$slots, "default", { key: 3 })
+      e.loading ? f("", !0) : h(t.$slots, "icon", { key: 1 }),
+      e.loading && e.loadingText ? (a(), r("span", Je, p(e.loadingText), 1)) : h(t.$slots, "default", { key: 3 })
     ], 16, Xe));
   }
 }), et = { class: "flex items-center gap-3" }, tt = { class: "relative" }, at = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], st = { class: "flex-1" }, lt = ["for"], ke = {
@@ -449,23 +482,23 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
     </svg>
   `
-    }, n = e, i = s, d = O(null), m = u(() => n.id || he()), h = u(() => Array.isArray(n.modelValue) ? n.modelValue.includes(n.value) : n.modelValue), k = (B) => {
+    }, n = e, i = s, c = H(null), m = u(() => n.id || be()), b = u(() => Array.isArray(n.modelValue) ? n.modelValue.includes(n.value) : n.modelValue), w = (B) => {
       const $ = B.target.checked;
       if (Array.isArray(n.modelValue)) {
-        const j = [...n.modelValue];
+        const I = [...n.modelValue];
         if ($)
-          j.push(n.value);
+          I.push(n.value);
         else {
-          const P = j.indexOf(n.value);
-          P > -1 && j.splice(P, 1);
+          const P = I.indexOf(n.value);
+          P > -1 && I.splice(P, 1);
         }
-        i("update:modelValue", j);
+        i("update:modelValue", I);
       } else
         i("update:modelValue", $);
       i("change", $);
-    }, w = () => {
-      !n.disabled && d.value && d.value.click();
-    }, I = u(() => {
+    }, C = () => {
+      !n.disabled && c.value && c.value.click();
+    }, j = u(() => {
       if (n.error) return `${m.value}-error`;
     }), T = u(() => ({
       sm: "w-4 h-4",
@@ -486,18 +519,18 @@ const Ue = {
       "cursor-pointer select-none",
       T.value,
       {
-        "bg-blue-600 border-blue-600 text-white": h.value && !n.disabled && n.variant === "default",
-        "bg-red-600 border-red-600 text-white": h.value && !n.disabled && n.variant === "error",
-        "bg-slate-200 border-slate-300 text-slate-400": h.value && n.disabled,
-        "bg-white border-slate-300 hover:border-slate-400": !h.value && !n.disabled && n.variant === "default",
-        "bg-white border-red-300 hover:border-red-400": !h.value && !n.disabled && n.variant === "error",
-        "bg-slate-50 border-slate-200": !h.value && n.disabled,
+        "bg-blue-600 border-blue-600 text-white": b.value && !n.disabled && n.variant === "default",
+        "bg-red-600 border-red-600 text-white": b.value && !n.disabled && n.variant === "error",
+        "bg-slate-200 border-slate-300 text-slate-400": b.value && n.disabled,
+        "bg-white border-slate-300 hover:border-slate-400": !b.value && !n.disabled && n.variant === "default",
+        "bg-white border-red-300 hover:border-red-400": !b.value && !n.disabled && n.variant === "error",
+        "bg-slate-50 border-slate-200": !b.value && n.disabled,
         "cursor-not-allowed": n.disabled,
         "focus-within:ring-2 focus-within:ring-offset-2": !n.disabled,
         "focus-within:ring-blue-500": !n.disabled && n.variant === "default",
         "focus-within:ring-red-500": !n.disabled && n.variant === "error"
       }
-    ]), C = u(() => [
+    ]), k = u(() => [
       "text-sm font-medium cursor-pointer select-none",
       {
         "text-slate-900": !n.disabled,
@@ -507,27 +540,27 @@ const Ue = {
       "text-xs text-slate-500 mt-1"
     ]);
     return oe(() => n.indeterminate, (B) => {
-      d.value && (d.value.indeterminate = B);
+      c.value && (c.value.indeterminate = B);
     }, { immediate: !0 }), (B, $) => (a(), r("div", et, [
       o("div", tt, [
         o("input", {
           id: m.value,
           ref_key: "checkboxRef",
-          ref: d,
+          ref: c,
           type: "checkbox",
-          checked: h.value,
+          checked: b.value,
           indeterminate: e.indeterminate,
           disabled: e.disabled,
           required: e.required,
-          class: c(R.value),
-          "aria-describedby": I.value,
-          onChange: k
+          class: d(R.value),
+          "aria-describedby": j.value,
+          onChange: w
         }, null, 42, at),
         o("div", {
-          class: c(z.value),
-          onClick: w
+          class: d(z.value),
+          onClick: C
         }, [
-          h.value && !e.indeterminate ? (a(), M(t, {
+          b.value && !e.indeterminate ? (a(), M(t, {
             key: 0,
             class: "w-3 h-3"
           })) : e.indeterminate ? (a(), M(l, {
@@ -539,15 +572,15 @@ const Ue = {
       o("div", st, [
         o("label", {
           for: m.value,
-          class: c(C.value)
+          class: d(k.value)
         }, [
-          b(B.$slots, "default", {}, () => [
+          h(B.$slots, "default", {}, () => [
             N(p(e.label), 1)
           ])
         ], 10, lt),
         e.description ? (a(), r("p", {
           key: 0,
-          class: c(g.value)
+          class: d(g.value)
         }, p(e.description), 3)) : f("", !0)
       ])
     ]));
@@ -643,7 +676,7 @@ const Ue = {
       }
     }), l = u(() => s.spacing ? s.spacing : "");
     return (n, i) => (a(), r("div", {
-      class: c(D(v)(D(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, l.value))
+      class: d(D(v)(D(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, l.value))
     }, [
       e.label && e.orientation === "horizontal" ? (a(), r("span", nt, p(e.label), 1)) : f("", !0)
     ], 2));
@@ -651,7 +684,7 @@ const Ue = {
 }, ot = ["aria-label"], it = {
   key: 0,
   class: "sr-only"
-}, Ie = {
+}, je = {
   __name: "Spinner",
   props: {
     size: {
@@ -700,13 +733,13 @@ const Ue = {
     ), i = u(
       () => l({ size: s.size })
     );
-    return (d, m) => (a(), r("div", {
-      class: c(n.value),
+    return (c, m) => (a(), r("div", {
+      class: d(n.value),
       role: "status",
       "aria-label": e.label
     }, [
       (a(), r("svg", {
-        class: c(i.value),
+        class: d(i.value),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 24 24"
@@ -762,7 +795,7 @@ const Ue = {
   },
   emits: ["load", "error"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(!0), i = O(!1), d = x(
+    const t = e, l = s, n = H(!0), i = H(!1), c = x(
       "relative overflow-hidden bg-muted",
       {
         variants: {
@@ -776,8 +809,8 @@ const Ue = {
         }
       }
     ), m = u(
-      () => v(d({ aspectRatio: t.aspectRatio }), t.class)
-    ), h = u(
+      () => v(c({ aspectRatio: t.aspectRatio }), t.class)
+    ), b = u(
       () => v(
         "h-full w-full transition-opacity duration-300",
         {
@@ -790,38 +823,38 @@ const Ue = {
         n.value && "opacity-0",
         i.value && "hidden"
       )
-    ), k = u(
-      () => "absolute inset-0 flex items-center justify-center bg-muted"
     ), w = u(
+      () => "absolute inset-0 flex items-center justify-center bg-muted"
+    ), C = u(
       () => "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-muted"
-    ), I = (R) => {
+    ), j = (R) => {
       n.value = !1, i.value = !1, l("load", R);
     }, T = (R) => {
       n.value = !1, i.value = !0, l("error", R);
     };
     return (R, z) => (a(), r("div", {
-      class: c(m.value)
+      class: d(m.value)
     }, [
       o("img", {
         src: e.src,
         alt: e.alt,
-        class: c(h.value),
+        class: d(b.value),
         loading: e.loading,
-        onLoad: I,
+        onLoad: j,
         onError: T
       }, null, 42, dt),
       n.value ? (a(), r("div", {
         key: 0,
-        class: c(k.value)
+        class: d(w.value)
       }, [
-        e.showSpinner ? (a(), M(Ie, {
+        e.showSpinner ? (a(), M(je, {
           key: 0,
           size: "sm"
         })) : f("", !0)
       ], 2)) : f("", !0),
       i.value ? (a(), r("div", {
         key: 1,
-        class: c(w.value)
+        class: d(C.value)
       }, [
         y(Y, {
           name: "ImageOff",
@@ -906,23 +939,23 @@ const Ue = {
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, i = O(null), d = u(() => l.id || he()), m = ($) => {
+    const l = e, n = t, i = H(null), c = u(() => l.id || be()), m = ($) => {
       n("update:modelValue", $.target.value);
-    }, h = ($) => {
+    }, b = ($) => {
       n("blur", $);
-    }, k = ($) => {
-      n("focus", $);
     }, w = ($) => {
+      n("focus", $);
+    }, C = ($) => {
       n("keydown", $);
-    }, I = () => {
+    }, j = () => {
       n("update:modelValue", ""), n("clear"), i.value?.focus();
     }, T = u(() => !!l.error || l.variant === "error"), R = u(() => {
-      if (l.error) return `${d.value}-error`;
+      if (l.error) return `${c.value}-error`;
     }), z = u(() => ({
       sm: "px-3 py-1.5 text-sm",
       md: "px-3 py-2 text-sm",
       lg: "px-4 py-3 text-base"
-    })[l.size]), C = u(() => ({
+    })[l.size]), k = u(() => ({
       default: "border-slate-300 focus:border-blue-500 focus:ring-blue-500",
       error: "border-red-300 focus:border-red-500 focus:ring-red-500",
       success: "border-green-300 focus:border-green-500 focus:ring-green-500"
@@ -936,7 +969,7 @@ const Ue = {
       "disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
       "placeholder:text-slate-400",
       z.value,
-      C.value,
+      k.value,
       {
         "pl-10": l.iconLeft,
         "pr-10": l.iconRight || l.clearable
@@ -946,14 +979,14 @@ const Ue = {
       focus: () => i.value?.focus(),
       blur: () => i.value?.blur(),
       select: () => i.value?.select()
-    }), ($, j) => (a(), r("div", ut, [
+    }), ($, I) => (a(), r("div", ut, [
       e.iconLeft ? (a(), r("div", mt, [
         (a(), M(X(e.iconLeft), {
-          class: c(g.value)
+          class: d(g.value)
         }, null, 8, ["class"]))
       ])) : f("", !0),
       o("input", {
-        id: d.value,
+        id: c.value,
         ref_key: "inputRef",
         ref: i,
         type: e.type,
@@ -963,18 +996,18 @@ const Ue = {
         readonly: e.readonly,
         required: e.required,
         autocomplete: e.autocomplete,
-        class: c(B.value),
+        class: d(B.value),
         "aria-describedby": R.value,
         "aria-invalid": T.value,
         onInput: m,
-        onBlur: h,
-        onFocus: k,
-        onKeydown: w
+        onBlur: b,
+        onFocus: w,
+        onKeydown: C
       }, null, 42, ft),
       e.iconRight || e.clearable ? (a(), r("div", vt, [
         e.clearable && e.modelValue && !e.disabled ? (a(), r("button", {
           key: 0,
-          onClick: I,
+          onClick: j,
           class: "text-slate-400 hover:text-slate-600 transition-colors",
           type: "button",
           "aria-label": e.clearLabel
@@ -985,12 +1018,12 @@ const Ue = {
           })
         ], 8, gt)) : e.iconRight ? (a(), M(X(e.iconRight), {
           key: 1,
-          class: c(g.value)
+          class: d(g.value)
         }, null, 8, ["class"])) : f("", !0)
       ])) : f("", !0)
     ]));
   }
-}, pt = ["for"], je = {
+}, pt = ["for"], Ie = {
   __name: "Label",
   props: {
     htmlFor: String,
@@ -1023,13 +1056,13 @@ const Ue = {
       )
     );
     return (n, i) => (a(), r("label", {
-      class: c(l.value),
+      class: d(l.value),
       for: e.htmlFor
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 10, pt));
   }
-}, ht = {
+}, bt = {
   __name: "Link",
   props: {
     href: { type: String, default: null },
@@ -1104,32 +1137,32 @@ const Ue = {
           disabled: !1
         }
       }
-    ), d = (h) => {
+    ), c = (b) => {
       if (t.disabled) {
-        h.preventDefault();
+        b.preventDefault();
         return;
       }
-      m("click", h);
+      m("click", b);
     }, m = s;
-    return (h, k) => (a(), M(X(l.value), {
+    return (b, w) => (a(), M(X(l.value), {
       href: l.value === "a" ? e.href : void 0,
       to: l.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: c(D(v)(D(i)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), h.$attrs.class)),
-      onClick: d
+      class: d(D(v)(D(i)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), b.$attrs.class)),
+      onClick: c
     }, {
       default: S(() => [
         e.icon && e.iconPosition === "left" ? (a(), M(Y, {
           key: 0,
           name: e.icon,
-          class: c(n.value)
+          class: d(n.value)
         }, null, 8, ["name", "class"])) : f("", !0),
-        b(h.$slots, "default"),
+        h(b.$slots, "default"),
         e.icon && e.iconPosition === "right" ? (a(), M(Y, {
           key: 1,
           name: e.icon,
-          class: c(n.value)
+          class: d(n.value)
         }, null, 8, ["name", "class"])) : f("", !0),
         e.external && e.showExternalIcon ? (a(), M(Y, {
           key: 2,
@@ -1140,7 +1173,7 @@ const Ue = {
       _: 3
     }, 8, ["href", "to", "target", "rel", "class"]));
   }
-}, bt = ["src", "alt"], yt = {
+}, ht = ["src", "alt"], yt = {
   __name: "Logo",
   props: {
     src: String,
@@ -1186,17 +1219,17 @@ const Ue = {
         }
       )
     );
-    return (d, m) => (a(), r("div", {
-      class: c(l.value)
+    return (c, m) => (a(), r("div", {
+      class: d(l.value)
     }, [
       e.src ? (a(), r("img", {
         key: 0,
         src: e.src,
         alt: e.alt || "Logo",
-        class: c(n.value)
-      }, null, 10, bt)) : (a(), r("div", {
+        class: d(n.value)
+      }, null, 10, ht)) : (a(), r("div", {
         key: 1,
-        class: c(i.value)
+        class: d(i.value)
       }, p(e.text || "Logo"), 3))
     ], 2));
   }
@@ -1226,7 +1259,7 @@ const Ue = {
       disabled: e.disabled,
       selected: e.selected
     }, [
-      b(s.$slots, "default", {}, () => [
+      h(s.$slots, "default", {}, () => [
         N(p(e.label), 1)
       ])
     ], 8, xt));
@@ -1257,8 +1290,8 @@ const Ue = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const h = s.value / s.max * 100;
-      return Math.min(Math.max(h, 0), 100);
+      const b = s.value / s.max * 100;
+      return Math.min(Math.max(b, 0), 100);
     }), l = x(
       "relative w-full overflow-hidden rounded-full bg-secondary",
       {
@@ -1284,16 +1317,16 @@ const Ue = {
       }
     ), i = u(
       () => v(l({ size: s.size }), s.class)
-    ), d = u(
+    ), c = u(
       () => n({ variant: s.variant })
     ), m = u(
       () => "absolute inset-0 flex items-center justify-center text-xs font-medium text-primary-foreground"
     );
-    return (h, k) => (a(), r("div", {
-      class: c(i.value)
+    return (b, w) => (a(), r("div", {
+      class: d(i.value)
     }, [
       o("div", {
-        class: c(d.value),
+        class: d(c.value),
         style: ce({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -1302,7 +1335,7 @@ const Ue = {
       }, null, 14, kt),
       e.showLabel ? (a(), r("span", {
         key: 0,
-        class: c(m.value)
+        class: d(m.value)
       }, p(t.value) + "% ", 3)) : f("", !0)
     ], 2));
   }
@@ -1335,7 +1368,7 @@ const Ue = {
           }
         }
       }
-    ), d = u(
+    ), c = u(
       () => v(
         i({ size: t.size }),
         t.disabled && "cursor-not-allowed opacity-50",
@@ -1350,32 +1383,32 @@ const Ue = {
           "h-3 w-3": t.size === "lg"
         }
       )
-    ), h = u(
+    ), b = u(
       () => v(
         "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         !t.disabled && "cursor-pointer"
       )
-    ), k = () => {
+    ), w = () => {
       t.disabled || l("update:modelValue", t.value);
     };
-    return (w, I) => (a(), r("div", Ct, [
+    return (C, j) => (a(), r("div", Ct, [
       o("button", {
         type: "button",
         role: "radio",
         "aria-checked": n.value,
         disabled: e.disabled,
-        class: c(d.value),
-        onClick: k
+        class: d(c.value),
+        onClick: w
       }, [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(m.value)
+          class: d(m.value)
         }, null, 2)) : f("", !0)
       ], 10, $t),
       e.label ? (a(), r("label", {
         key: 0,
-        class: c(h.value),
-        onClick: k
+        class: d(b.value),
+        onClick: w
       }, p(e.label), 3)) : f("", !0)
     ]));
   }
@@ -1413,11 +1446,11 @@ const Ue = {
     );
     return (n, i) => (a(), r("select", me({
       value: e.modelValue,
-      onChange: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value)),
+      onChange: i[0] || (i[0] = (c) => n.$emit("update:modelValue", c.target.value)),
       disabled: e.disabled,
       class: l.value
     }, n.$attrs), [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 16, zt));
   }
 }, Bt = ["aria-checked", "disabled"], Vt = {
@@ -1496,7 +1529,7 @@ const Ue = {
           }
         ]
       }
-    ), d = u(
+    ), c = u(
       () => v(
         n({
           size: t.size,
@@ -1509,19 +1542,19 @@ const Ue = {
         size: t.size,
         checked: t.modelValue
       })
-    ), h = () => {
+    ), b = () => {
       t.disabled || l("update:modelValue", !t.modelValue);
     };
-    return (k, w) => (a(), r("button", {
+    return (w, C) => (a(), r("button", {
       type: "button",
       role: "switch",
       "aria-checked": e.modelValue,
       disabled: e.disabled,
-      class: c(d.value),
-      onClick: h
+      class: d(c.value),
+      onClick: b
     }, [
       o("span", {
-        class: c(m.value)
+        class: d(m.value)
       }, null, 2)
     ], 10, Bt));
   }
@@ -1594,15 +1627,15 @@ const Ue = {
       }), s.class)
     );
     return (n, i) => (a(), M(X(e.as), {
-      class: c(l.value)
+      class: d(l.value)
     }, {
       default: S(() => [
-        b(n.$slots, "default")
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Mt = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], It = {
+}, Mt = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], jt = {
   __name: "Textarea",
   props: {
     modelValue: { type: String, default: "" },
@@ -1633,10 +1666,10 @@ const Ue = {
   },
   emits: ["update:modelValue", "blur", "focus", "keydown"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, i = O(null), d = u(() => l.id || he()), m = (g) => {
-      n("update:modelValue", g.target.value), l.autoResize && Ce(() => C());
-    }, h = (g) => n("blur", g), k = (g) => n("focus", g), w = (g) => n("keydown", g), I = u(() => !!l.error || l.variant === "error"), T = u(
-      () => l.error ? `${d.value}-error` : void 0
+    const l = e, n = t, i = H(null), c = u(() => l.id || be()), m = (g) => {
+      n("update:modelValue", g.target.value), l.autoResize && Ce(() => k());
+    }, b = (g) => n("blur", g), w = (g) => n("focus", g), C = (g) => n("keydown", g), j = u(() => !!l.error || l.variant === "error"), T = u(
+      () => l.error ? `${c.value}-error` : void 0
     ), R = x(
       "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",
       {
@@ -1666,19 +1699,19 @@ const Ue = {
       }
     ), z = u(
       () => v(R({ size: l.size, variant: l.variant, resize: l.resize }))
-    ), C = () => {
+    ), k = () => {
       if (!i.value || !l.autoResize) return;
       const g = i.value;
       g.style.height = "auto", g.style.height = `${g.scrollHeight}px`;
     };
     return oe(() => l.modelValue, () => {
-      l.autoResize && Ce(() => C());
+      l.autoResize && Ce(() => k());
     }, { immediate: !0 }), s({
       focus: () => i.value?.focus(),
       blur: () => i.value?.blur(),
       select: () => i.value?.select()
     }), (g, B) => (a(), r("textarea", {
-      id: d.value,
+      id: c.value,
       ref_key: "textareaRef",
       ref: i,
       value: e.modelValue,
@@ -1688,16 +1721,16 @@ const Ue = {
       required: e.required,
       rows: e.rows,
       maxlength: e.maxlength,
-      class: c(z.value),
+      class: d(z.value),
       "aria-describedby": T.value,
-      "aria-invalid": I.value,
+      "aria-invalid": j.value,
       onInput: m,
-      onBlur: h,
-      onFocus: k,
-      onKeydown: w
+      onBlur: b,
+      onFocus: w,
+      onKeydown: C
     }, null, 42, Mt));
   }
-}, jt = {
+}, It = {
   __name: "Tooltip",
   props: {
     content: {
@@ -1716,7 +1749,7 @@ const Ue = {
     class: String
   },
   setup(e) {
-    const s = e, t = O(!1);
+    const s = e, t = H(!1);
     let l = null;
     const n = x(
       "absolute z-50 px-3 py-1.5 text-sm text-primary-foreground bg-primary rounded-md shadow-md pointer-events-none whitespace-nowrap",
@@ -1742,23 +1775,23 @@ const Ue = {
           }
         }
       }
-    ), d = u(
+    ), c = u(
       () => v(n({ placement: s.placement }), s.class)
     ), m = u(
       () => i({ placement: s.placement })
-    ), h = () => {
+    ), b = () => {
       l && clearTimeout(l), l = setTimeout(() => {
         t.value = !0;
       }, s.delay);
-    }, k = () => {
+    }, w = () => {
       l && clearTimeout(l), t.value = !1;
     };
-    return (w, I) => (a(), r("div", {
+    return (C, j) => (a(), r("div", {
       class: "relative inline-block",
-      onMouseenter: h,
-      onMouseleave: k
+      onMouseenter: b,
+      onMouseleave: w
     }, [
-      b(w.$slots, "default"),
+      h(C.$slots, "default"),
       y(ae, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -1770,12 +1803,12 @@ const Ue = {
         default: S(() => [
           t.value ? (a(), r("div", {
             key: 0,
-            class: c(d.value),
+            class: d(c.value),
             role: "tooltip"
           }, [
             N(p(e.content) + " ", 1),
             o("div", {
-              class: c(m.value)
+              class: d(m.value)
             }, null, 2)
           ], 2)) : f("", !0)
         ]),
@@ -1783,7 +1816,7 @@ const Ue = {
       })
     ], 32));
   }
-}, be = {
+}, he = {
   __name: "Typography",
   props: {
     variant: {
@@ -1877,7 +1910,7 @@ const Ue = {
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    })[s.align]), d = u(() => [
+    })[s.align]), c = u(() => [
       l.value,
       n.value,
       i.value,
@@ -1888,11 +1921,11 @@ const Ue = {
         "whitespace-nowrap": s.noWrap
       }
     ]);
-    return (m, h) => (a(), M(X(t.value), {
-      class: c(d.value)
+    return (m, b) => (a(), M(X(t.value), {
+      class: d(c.value)
     }, {
       default: S(() => [
-        b(m.$slots, "default")
+        h(m.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -1926,9 +1959,9 @@ const Ue = {
   },
   emits: ["dismiss", "action"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(!0), i = () => {
+    const t = e, l = s, n = H(!0), i = () => {
       n.value = !1, l("dismiss");
-    }, d = (g) => {
+    }, c = (g) => {
       l("action", g), g.onClick && g.onClick();
     };
     if (t.autoClose) {
@@ -1942,28 +1975,28 @@ const Ue = {
         d="M12 9v2m0 4h.01M21 12A9 9 0 1112 3a9 9 0 019 9z" />
     </svg>
   `
-    }, h = {
+    }, b = {
       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="M9 12l2 2l4-4m5 2a9 9 0 11-18 0a9 9 0 0118 0z" />
     </svg>
   `
-    }, k = {
+    }, w = {
       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="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>
   `
-    }, w = {
+    }, C = {
       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>
   `
-    }, I = {
+    }, j = {
       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"
@@ -1972,11 +2005,11 @@ const Ue = {
   `
     }, T = u(() => ({
       info: m,
-      success: h,
-      warning: k,
-      error: w,
+      success: b,
+      warning: w,
+      error: C,
       default: m,
-      destructive: w
+      destructive: C
     })[t.variant]), R = x(
       "relative w-full rounded-lg border p-4 flex items-start gap-3",
       {
@@ -1999,7 +2032,7 @@ const Ue = {
       error: "text-red-500",
       default: "text-foreground",
       destructive: "text-destructive"
-    }[t.variant]]), C = u(() => ["flex-shrink-0 p-1 rounded-md transition-colors duration-200", {
+    }[t.variant]]), k = u(() => ["flex-shrink-0 p-1 rounded-md transition-colors duration-200", {
       info: "text-blue-500 hover:text-blue-700 hover:bg-blue-100",
       success: "text-green-500 hover:text-green-700 hover:bg-green-100",
       warning: "text-yellow-500 hover:text-yellow-700 hover:bg-yellow-100",
@@ -2018,31 +2051,31 @@ const Ue = {
       default: S(() => [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(D(v)(D(R)({ variant: e.variant }), g.$attrs.class)),
+          class: d(D(v)(D(R)({ variant: e.variant }), g.$attrs.class)),
           role: "alert"
         }, [
           o("div", Lt, [
             e.showIcon ? (a(), r("div", Dt, [
               (a(), M(X(T.value), {
-                class: c(z.value)
+                class: d(z.value)
               }, null, 8, ["class"]))
             ])) : f("", !0),
             o("div", At, [
               e.title ? (a(), r("h4", Pt, p(e.title), 1)) : f("", !0),
               o("div", {
-                class: c(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
+                class: d(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
               }, [
-                b(g.$slots, "default", {}, () => [
+                h(g.$slots, "default", {}, () => [
                   N(p(e.message), 1)
                 ])
               ], 2),
               g.$slots.actions || e.actions.length > 0 ? (a(), r("div", Ft, [
-                b(g.$slots, "actions", {}, () => [
+                h(g.$slots, "actions", {}, () => [
                   (a(!0), r(Q, null, K(e.actions, ($) => (a(), M(ee, {
                     key: $.label,
                     variant: $.variant || "outline",
                     size: $.size || "sm",
-                    onClick: (j) => d($)
+                    onClick: (I) => c($)
                   }, {
                     default: S(() => [
                       N(p($.label), 1)
@@ -2055,10 +2088,10 @@ const Ue = {
             e.dismissible ? (a(), r("button", {
               key: 1,
               onClick: i,
-              class: c(C.value),
+              class: d(k.value),
               "aria-label": e.dismissLabel
             }, [
-              y(I, { class: "w-4 h-4" })
+              y(j, { class: "w-4 h-4" })
             ], 10, Nt)) : f("", !0)
           ])
         ], 2)) : f("", !0)
@@ -2066,7 +2099,7 @@ const Ue = {
       _: 3
     }));
   }
-}), _t = ["aria-label"], Ot = { class: "flex items-center space-x-1" }, qt = {
+}), _t = ["aria-label"], Ht = { class: "flex items-center space-x-1" }, Ot = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -2101,23 +2134,23 @@ const Ue = {
     );
     return (n, i) => (a(), r("nav", {
       "aria-label": e.ariaLabel,
-      class: c(["flex", l.value])
+      class: d(["flex", l.value])
     }, [
-      o("ol", Ot, [
-        (a(!0), r(Q, null, K(e.items, (d, m) => (a(), r("li", {
+      o("ol", Ht, [
+        (a(!0), r(Q, null, K(e.items, (c, m) => (a(), r("li", {
           key: m,
           class: "flex items-center"
         }, [
-          (a(), M(X(d.href ? "a" : "span"), {
-            href: d.href,
-            class: c([
+          (a(), M(X(c.href ? "a" : "span"), {
+            href: c.href,
+            class: d([
               "text-sm font-medium transition-colors hover:text-foreground",
               m === e.items.length - 1 ? "text-foreground" : "text-muted-foreground hover:text-foreground"
             ]),
             "aria-current": m === e.items.length - 1 ? "page" : void 0
           }, {
             default: S(() => [
-              N(p(d.label), 1)
+              N(p(c.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
@@ -2130,7 +2163,7 @@ const Ue = {
       ])
     ], 10, _t));
   }
-}, Ht = ["aria-label"], Et = {
+}, qt = ["aria-label"], Et = {
   __name: "ButtonGroup",
   props: {
     orientation: {
@@ -2162,12 +2195,12 @@ const Ue = {
       () => v(t({ orientation: s.orientation }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value),
+      class: d(l.value),
       role: "group",
       "aria-label": e.ariaLabel
     }, [
-      b(n.$slots, "default")
-    ], 10, Ht));
+      h(n.$slots, "default")
+    ], 10, qt));
   }
 }, Ut = { class: "flex items-start justify-between" }, Zt = { class: "flex-1 min-w-0" }, Gt = {
   key: 0,
@@ -2198,8 +2231,8 @@ const Ue = {
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = (w) => {
-      t.clickable && l("click", w);
+    const t = e, l = s, n = (C) => {
+      t.clickable && l("click", C);
     }, i = x(
       "rounded-lg overflow-hidden transition-all duration-200",
       {
@@ -2232,7 +2265,7 @@ const Ue = {
           padding: "md"
         }
       }
-    ), d = x(
+    ), c = x(
       "border-b border-slate-100 last:border-b-0",
       {
         variants: {
@@ -2255,7 +2288,7 @@ const Ue = {
           xl: "p-8"
         }
       }
-    }), h = x(
+    }), b = x(
       "border-t border-slate-100 bg-slate-50/50",
       {
         variants: {
@@ -2268,7 +2301,7 @@ const Ue = {
           }
         }
       }
-    ), k = x("", {
+    ), w = x("", {
       variants: {
         padding: {
           none: "",
@@ -2279,56 +2312,56 @@ const Ue = {
         }
       }
     });
-    return (w, I) => (a(), r("div", {
-      class: c(D(v)(D(i)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
+    return (C, j) => (a(), r("div", {
+      class: d(D(v)(D(i)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
       onClick: n
     }, [
-      w.$slots.header || e.title || e.subtitle ? (a(), r("div", {
+      C.$slots.header || e.title || e.subtitle ? (a(), r("div", {
         key: 0,
-        class: c(D(v)(D(d)({ padding: e.padding })))
+        class: d(D(v)(D(c)({ padding: e.padding })))
       }, [
-        b(w.$slots, "header", {}, () => [
+        h(C.$slots, "header", {}, () => [
           o("div", Ut, [
             o("div", Zt, [
               e.title ? (a(), r("h3", {
                 key: 0,
-                class: c(Yt)
+                class: d(Yt)
               }, p(e.title), 1)) : f("", !0),
               e.subtitle ? (a(), r("p", {
                 key: 1,
-                class: c(Xt)
+                class: d(Xt)
               }, p(e.subtitle), 1)) : f("", !0)
             ]),
-            w.$slots.actions ? (a(), r("div", Gt, [
-              b(w.$slots, "actions")
+            C.$slots.actions ? (a(), r("div", Gt, [
+              h(C.$slots, "actions")
             ])) : f("", !0)
           ])
         ])
       ], 2)) : f("", !0),
-      w.$slots.image || e.image ? (a(), r("div", {
+      C.$slots.image || e.image ? (a(), r("div", {
         key: 1,
-        class: c(D(v)(D(k)({ padding: e.padding })))
+        class: d(D(v)(D(w)({ padding: e.padding })))
       }, [
-        b(w.$slots, "image", {}, () => [
+        h(C.$slots, "image", {}, () => [
           e.image ? (a(), r("img", {
             key: 0,
             src: e.image,
             alt: e.imageAlt,
-            class: c(Qt)
+            class: d(Qt)
           }, null, 8, Kt)) : f("", !0)
         ])
       ], 2)) : f("", !0),
-      w.$slots.default ? (a(), r("div", {
+      C.$slots.default ? (a(), r("div", {
         key: 2,
-        class: c(D(v)(D(m)({ padding: e.padding })))
+        class: d(D(v)(D(m)({ padding: e.padding })))
       }, [
-        b(w.$slots, "default")
+        h(C.$slots, "default")
       ], 2)) : f("", !0),
-      w.$slots.footer ? (a(), r("div", {
+      C.$slots.footer ? (a(), r("div", {
         key: 3,
-        class: c(D(v)(D(h)({ padding: e.padding })))
+        class: d(D(v)(D(b)({ padding: e.padding })))
       }, [
-        b(w.$slots, "footer")
+        h(C.$slots, "footer")
       ], 2)) : f("", !0)
     ], 2));
   }
@@ -2338,9 +2371,9 @@ const Ue = {
   __name: "CardHeader",
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c(D(v)("flex flex-col space-y-1.5 p-6", s.$attrs.class))
+      class: d(D(v)("flex flex-col space-y-1.5 p-6", s.$attrs.class))
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
 }), ea = {
@@ -2365,9 +2398,9 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
 }, ta = {
@@ -2392,9 +2425,9 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
 }, aa = /* @__PURE__ */ Object.assign({
@@ -2403,9 +2436,9 @@ const Ue = {
   __name: "CardContent",
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c(D(v)("p-6 pt-0", s.$attrs.class))
+      class: d(D(v)("p-6 pt-0", s.$attrs.class))
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
 }), sa = /* @__PURE__ */ Object.assign({
@@ -2414,9 +2447,9 @@ const Ue = {
   __name: "CardTitle",
   setup(e) {
     return (s, t) => (a(), r("h3", {
-      class: c(D(v)("text-2xl font-semibold leading-none tracking-tight", s.$attrs.class))
+      class: d(D(v)("text-2xl font-semibold leading-none tracking-tight", s.$attrs.class))
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
 }), la = { class: "relative" }, na = ["id", "value", "disabled", "required", "min", "max"], ra = {
@@ -2465,12 +2498,12 @@ const Ue = {
         id: e.id,
         value: e.modelValue,
         type: "date",
-        class: c(l.value),
+        class: d(l.value),
         disabled: e.disabled,
         required: e.required,
         min: e.min,
         max: e.max,
-        onInput: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
+        onInput: i[0] || (i[0] = (c) => n.$emit("update:modelValue", c.target.value))
       }, null, 42, na),
       y(Y, {
         name: "calendar",
@@ -2497,7 +2530,7 @@ const Ue = {
     }
   },
   setup(e) {
-    const s = e, t = O(!1), l = O(null), n = x(
+    const s = e, t = H(!1), l = H(null), n = x(
       "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
       {
         variants: {
@@ -2520,31 +2553,31 @@ const Ue = {
           }
         }
       }
-    ), d = u(
+    ), c = u(
       () => v(n({ variant: s.variant }), "h-10 px-4 py-2")
     ), m = u(
       () => v(i({ placement: s.placement }))
-    ), h = () => {
+    ), b = () => {
       t.value = !t.value;
-    }, k = (w) => {
-      l.value && !l.value.contains(w.target) && (t.value = !1);
+    }, w = (C) => {
+      l.value && !l.value.contains(C.target) && (t.value = !1);
     };
     return ve(() => {
-      document.addEventListener("click", k);
+      document.addEventListener("click", w);
     }), ye(() => {
-      document.removeEventListener("click", k);
-    }), (w, I) => (a(), r("div", {
+      document.removeEventListener("click", w);
+    }), (C, j) => (a(), r("div", {
       class: "relative",
       ref_key: "dropdownRef",
       ref: l
     }, [
       o("button", {
-        class: c(d.value),
-        onClick: h,
+        class: d(c.value),
+        onClick: b,
         "aria-expanded": t.value,
         "aria-haspopup": !0
       }, [
-        b(w.$slots, "trigger", {}, () => [
+        h(C.$slots, "trigger", {}, () => [
           o("span", null, p(e.triggerText), 1),
           y(Y, {
             name: "chevron-down",
@@ -2563,11 +2596,11 @@ const Ue = {
         default: S(() => [
           t.value ? (a(), r("div", {
             key: 0,
-            class: c(m.value),
+            class: d(m.value),
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            b(w.$slots, "default")
+            h(C.$slots, "default")
           ], 2)) : f("", !0)
         ]),
         _: 3
@@ -2604,15 +2637,15 @@ const Ue = {
       }
     ), i = u(
       () => v(n({ variant: t.variant }))
-    ), d = (m) => {
+    ), c = (m) => {
       t.disabled || l("click", m);
     };
-    return (m, h) => (a(), M(X(e.href ? "a" : "button"), {
+    return (m, b) => (a(), M(X(e.href ? "a" : "button"), {
       href: e.href,
-      class: c(i.value),
+      class: d(i.value),
       disabled: e.disabled,
       role: "menuitem",
-      onClick: d
+      onClick: c
     }, {
       default: S(() => [
         e.icon ? (a(), M(Y, {
@@ -2620,7 +2653,7 @@ const Ue = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
-        b(m.$slots, "default"),
+        h(m.$slots, "default"),
         e.shortcut ? (a(), r("span", da, p(e.shortcut), 1)) : f("", !0)
       ]),
       _: 3
@@ -2632,7 +2665,7 @@ const Ue = {
 }, ga = {
   key: 0,
   class: "mt-4 space-y-2"
-}, pa = { class: "flex items-center space-x-2" }, ha = { class: "text-sm" }, ba = { class: "text-xs text-muted-foreground" }, ya = ["onClick"], xa = {
+}, pa = { class: "flex items-center space-x-2" }, ba = { class: "text-sm" }, ha = { class: "text-xs text-muted-foreground" }, ya = ["onClick"], xa = {
   __name: "FileUpload",
   props: {
     multiple: Boolean,
@@ -2647,7 +2680,7 @@ const Ue = {
   },
   emits: ["files-selected", "file-removed"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O([]), i = O(!1), d = O(null), m = x(
+    const t = e, l = s, n = H([]), i = H(!1), c = H(null), m = x(
       "border-2 border-dashed rounded-lg cursor-pointer transition-colors hover:bg-muted/50",
       {
         variants: {
@@ -2657,48 +2690,48 @@ const Ue = {
           }
         }
       }
-    ), h = u(
+    ), b = u(
       () => v(
         m({ variant: t.variant }),
         i.value && "border-primary bg-primary/5"
       )
-    ), k = ($) => {
+    ), w = ($) => {
       $.preventDefault(), i.value = !1;
-      const j = Array.from($.dataTransfer.files);
-      C(j);
-    }, w = ($) => {
+      const I = Array.from($.dataTransfer.files);
+      k(I);
+    }, C = ($) => {
       $.preventDefault();
-    }, I = ($) => {
+    }, j = ($) => {
       $.preventDefault(), i.value = !0;
     }, T = ($) => {
       $.preventDefault(), i.value = !1;
     }, R = () => {
-      d.value?.click();
+      c.value?.click();
     }, z = ($) => {
-      const j = Array.from($.target.files);
-      C(j);
-    }, C = ($) => {
-      const j = $.filter((P) => !(t.maxSize && P.size > t.maxSize));
-      t.multiple ? n.value.push(...j) : n.value = j.slice(0, 1), l("files-selected", n.value);
+      const I = Array.from($.target.files);
+      k(I);
+    }, k = ($) => {
+      const I = $.filter((P) => !(t.maxSize && P.size > t.maxSize));
+      t.multiple ? n.value.push(...I) : n.value = I.slice(0, 1), l("files-selected", n.value);
     }, g = ($) => {
       n.value.splice($, 1), l("file-removed", n.value);
     }, B = ($) => {
       if ($ === 0) return "0 Bytes";
-      const j = 1024, P = ["Bytes", "KB", "MB", "GB"], E = Math.floor(Math.log($) / Math.log(j));
-      return parseFloat(($ / Math.pow(j, E)).toFixed(2)) + " " + P[E];
+      const I = 1024, P = ["Bytes", "KB", "MB", "GB"], E = Math.floor(Math.log($) / Math.log(I));
+      return parseFloat(($ / Math.pow(I, E)).toFixed(2)) + " " + P[E];
     };
-    return ($, j) => (a(), r("div", ua, [
+    return ($, I) => (a(), r("div", ua, [
       o("div", {
-        class: c(h.value),
-        onDrop: k,
-        onDragover: w,
-        onDragenter: I,
+        class: d(b.value),
+        onDrop: w,
+        onDragover: C,
+        onDragenter: j,
         onDragleave: T,
         onClick: R
       }, [
         o("input", {
           ref_key: "fileInput",
-          ref: d,
+          ref: c,
           type: "file",
           multiple: e.multiple,
           accept: e.accept,
@@ -2710,7 +2743,7 @@ const Ue = {
             name: "upload",
             class: "h-8 w-8 text-muted-foreground mb-2"
           }),
-          j[0] || (j[0] = o("p", { class: "text-sm text-muted-foreground text-center" }, [
+          I[0] || (I[0] = o("p", { class: "text-sm text-muted-foreground text-center" }, [
             o("span", { class: "font-semibold" }, "Click to upload"),
             N(" or drag and drop ")
           ], -1)),
@@ -2727,8 +2760,8 @@ const Ue = {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            o("span", ha, p(P.name), 1),
-            o("span", ba, "(" + p(B(P.size)) + ")", 1)
+            o("span", ba, p(P.name), 1),
+            o("span", ha, "(" + p(B(P.size)) + ")", 1)
           ]),
           o("button", {
             onClick: (te) => g(E),
@@ -2776,7 +2809,7 @@ const Ue = {
       <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
     </svg>
   `
-    }, l = e, n = he(), i = u(() => !!l.error), d = u(() => {
+    }, l = e, n = be(), i = u(() => !!l.error), c = u(() => {
       const T = [];
       return l.error ? T.push(`${n}-error`) : l.helpText && T.push(`${n}-help`), T.length > 0 ? T.join(" ") : void 0;
     }), m = x("", {
@@ -2788,7 +2821,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md" }
-    }), h = x("block text-slate-900", {
+    }), b = x("block text-slate-900", {
       variants: {
         size: {
           sm: "text-xs font-medium",
@@ -2797,7 +2830,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md" }
-    }), k = x("text-slate-600", {
+    }), w = x("text-slate-600", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2806,7 +2839,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md" }
-    }), w = x("flex items-start gap-2", {
+    }), C = x("flex items-start gap-2", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2820,7 +2853,7 @@ const Ue = {
         }
       },
       defaultVariants: { size: "md", intent: "error" }
-    }), I = x("text-slate-500", {
+    }), j = x("text-slate-500", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2831,25 +2864,25 @@ const Ue = {
       defaultVariants: { size: "md" }
     });
     return (T, R) => (a(), r("div", {
-      class: c(D(v)(D(m)({ size: e.size }), T.$attrs.class))
+      class: d(D(v)(D(m)({ size: e.size }), T.$attrs.class))
     }, [
       e.label ? (a(), r("label", {
         key: 0,
         for: D(n),
-        class: c(D(v)(D(h)({ size: e.size })))
+        class: d(D(v)(D(b)({ size: e.size })))
       }, [
         N(p(e.label) + " ", 1),
         e.required ? (a(), r("span", wa, "*")) : f("", !0)
       ], 10, ka)) : f("", !0),
       e.description ? (a(), r("p", {
         key: 1,
-        class: c(D(v)(D(k)({ size: e.size })))
+        class: d(D(v)(D(w)({ size: e.size })))
       }, p(e.description), 3)) : f("", !0),
       o("div", Ca, [
-        b(T.$slots, "default", {
+        h(T.$slots, "default", {
           fieldId: D(n),
           hasError: i.value,
-          ariaDescribedBy: d.value
+          ariaDescribedBy: c.value
         })
       ]),
       y(ae, {
@@ -2864,7 +2897,7 @@ const Ue = {
           i.value ? (a(), r("div", {
             key: 0,
             id: `${D(n)}-error`,
-            class: c(D(v)(D(w)({ size: e.size, intent: "error" }))),
+            class: d(D(v)(D(C)({ size: e.size, intent: "error" }))),
             role: "alert",
             "aria-live": "polite"
           }, [
@@ -2877,7 +2910,7 @@ const Ue = {
       e.helpText && !i.value ? (a(), r("p", {
         key: 2,
         id: `${D(n)}-help`,
-        class: c(D(v)(D(I)({ size: e.size })))
+        class: d(D(v)(D(j)({ size: e.size })))
       }, p(e.helpText), 11, Sa)) : f("", !0),
       y(ae, {
         "enter-active-class": "transition-all duration-200",
@@ -2890,7 +2923,7 @@ const Ue = {
         default: S(() => [
           e.success && !i.value ? (a(), r("div", {
             key: 0,
-            class: c(D(v)(D(w)({ size: e.size, intent: "success" })))
+            class: d(D(v)(D(C)({ size: e.size, intent: "success" })))
           }, [
             y(t, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
             o("span", null, p(e.success), 1)
@@ -2927,21 +2960,21 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
       n.$slots.prefix ? (a(), r("div", Ba, [
-        b(n.$slots, "prefix")
+        h(n.$slots, "prefix")
       ])) : f("", !0),
-      b(n.$slots, "default"),
+      h(n.$slots, "default"),
       n.$slots.suffix ? (a(), r("div", Va, [
-        b(n.$slots, "suffix")
+        h(n.$slots, "suffix")
       ])) : f("", !0)
     ], 2));
   }
-}, Ma = ["role"], Ia = {
+}, Ma = ["role"], ja = {
   key: 0,
   class: "flex-shrink-0"
-}, ja = { class: "flex-1 min-w-0" }, La = {
+}, Ia = { class: "flex-1 min-w-0" }, La = {
   key: 0,
   class: "text-sm font-medium text-foreground"
 }, Da = {
@@ -2980,25 +3013,25 @@ const Ue = {
           interactive: "transition-colors rounded-md"
         }
       }
-    }), d = u(
+    }), c = u(
       () => v(n({ variant: t.variant }))
     ), m = u(
       () => v(i({ variant: t.variant }))
-    ), h = (k) => {
-      l("click", k);
+    ), b = (w) => {
+      l("click", w);
     };
-    return (k, w) => (a(), r("li", {
-      class: c(d.value),
+    return (w, C) => (a(), r("li", {
+      class: d(c.value),
       role: e.role
     }, [
       (a(), M(X(e.href ? "a" : "div"), {
         href: e.href,
-        class: c(m.value),
-        onClick: h
+        class: d(m.value),
+        onClick: b
       }, {
         default: S(() => [
-          k.$slots.icon || e.icon ? (a(), r("div", Ia, [
-            b(k.$slots, "icon", {}, () => [
+          w.$slots.icon || e.icon ? (a(), r("div", ja, [
+            h(w.$slots, "icon", {}, () => [
               e.icon ? (a(), M(Y, {
                 key: 0,
                 name: e.icon,
@@ -3006,13 +3039,13 @@ const Ue = {
               }, null, 8, ["name"])) : f("", !0)
             ])
           ])) : f("", !0),
-          o("div", ja, [
+          o("div", Ia, [
             e.title ? (a(), r("div", La, p(e.title), 1)) : f("", !0),
             e.description ? (a(), r("div", Da, p(e.description), 1)) : f("", !0),
-            b(k.$slots, "default")
+            h(w.$slots, "default")
           ]),
-          k.$slots.action ? (a(), r("div", Aa, [
-            b(k.$slots, "action")
+          w.$slots.action ? (a(), r("div", Aa, [
+            h(w.$slots, "action")
           ])) : f("", !0)
         ]),
         _: 3
@@ -3050,15 +3083,15 @@ const Ue = {
       }
     ), i = u(
       () => v(n({ variant: t.variant }))
-    ), d = (m) => {
+    ), c = (m) => {
       t.disabled || l("click", m);
     };
-    return (m, h) => (a(), M(X(e.href ? "a" : "button"), {
+    return (m, b) => (a(), M(X(e.href ? "a" : "button"), {
       href: e.href,
-      class: c(i.value),
+      class: d(i.value),
       disabled: e.disabled,
       role: "menuitem",
-      onClick: d
+      onClick: c
     }, {
       default: S(() => [
         e.icon ? (a(), M(Y, {
@@ -3066,7 +3099,7 @@ const Ue = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
-        b(m.$slots, "default"),
+        h(m.$slots, "default"),
         e.shortcut ? (a(), r("span", Fa, p(e.shortcut), 1)) : f("", !0),
         e.hasSubmenu ? (a(), M(Y, {
           key: 2,
@@ -3094,19 +3127,19 @@ const Ue = {
   setup(e, { emit: s }) {
     const t = e, l = s, n = () => {
       l("update:modelValue", !1), l("close");
-    }, i = (d) => {
-      t.closeOnBackdrop && d.target === d.currentTarget && n();
+    }, i = (c) => {
+      t.closeOnBackdrop && c.target === c.currentTarget && n();
     };
-    return oe(() => t.modelValue, (d) => {
-      if (d) {
-        const m = (h) => {
-          h.key === "Escape" && n();
+    return oe(() => t.modelValue, (c) => {
+      if (c) {
+        const m = (b) => {
+          b.key === "Escape" && n();
         };
         return document.addEventListener("keydown", m), () => {
           document.removeEventListener("keydown", m);
         };
       }
-    }), (d, m) => (a(), M(Ve, { to: "body" }, [
+    }), (c, m) => (a(), M(Ve, { to: "body" }, [
       y(ae, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
@@ -3133,7 +3166,7 @@ const Ue = {
                 }),
                 m[0] || (m[0] = o("span", { class: "sr-only" }, "Close", -1))
               ])) : f("", !0),
-              b(d.$slots, "default")
+              h(c.$slots, "default")
             ])
           ])) : f("", !0)
         ]),
@@ -3141,10 +3174,10 @@ const Ue = {
       })
     ]));
   }
-}, Oa = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, qa = {
+}, Ha = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Oa = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, Ha = {
+}, qa = {
   key: 1,
   class: "text-sm text-muted-foreground"
 }, Ea = {
@@ -3154,10 +3187,10 @@ const Ue = {
     description: String
   },
   setup(e) {
-    return (s, t) => (a(), r("div", Oa, [
-      e.title ? (a(), r("h2", qa, p(e.title), 1)) : f("", !0),
-      e.description ? (a(), r("p", Ha, p(e.description), 1)) : f("", !0),
-      b(s.$slots, "default")
+    return (s, t) => (a(), r("div", Ha, [
+      e.title ? (a(), r("h2", Oa, p(e.title), 1)) : f("", !0),
+      e.description ? (a(), r("p", qa, p(e.description), 1)) : f("", !0),
+      h(s.$slots, "default")
     ]));
   }
 }, Ua = {
@@ -3181,9 +3214,9 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
 }, Za = {
@@ -3207,9 +3240,9 @@ const Ue = {
       () => v(t({ variant: s.variant }))
     );
     return (n, i) => (a(), r("div", {
-      class: c(l.value)
+      class: d(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
 }, Ga = ["aria-live"], Ka = { class: "flex items-start space-x-3" }, Qa = {
@@ -3244,7 +3277,7 @@ const Ue = {
   },
   emits: ["dismiss"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(!0), i = x(
+    const t = e, l = s, n = H(!0), i = x(
       "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-background shadow-lg ring-1 ring-black ring-opacity-5",
       {
         variants: {
@@ -3256,7 +3289,7 @@ const Ue = {
           }
         }
       }
-    ), d = {
+    ), c = {
       default: "info",
       success: "check-circle",
       warning: "alert-triangle",
@@ -3270,14 +3303,14 @@ const Ue = {
           destructive: "text-destructive"
         }
       }
-    }), h = u(
+    }), b = u(
       () => v(i({ variant: t.variant }), "p-4")
-    ), k = u(() => d[t.variant]), w = u(() => m({ variant: t.variant })), I = () => {
+    ), w = u(() => c[t.variant]), C = u(() => m({ variant: t.variant })), j = () => {
       n.value = !1, l("dismiss");
     };
     return ve(() => {
       t.autoClose > 0 && setTimeout(() => {
-        I();
+        j();
       }, t.autoClose);
     }), (T, R) => (a(), M(ae, {
       "enter-active-class": "transition-all duration-300 ease-out",
@@ -3290,28 +3323,28 @@ const Ue = {
       default: S(() => [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(h.value),
+          class: d(b.value),
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
           o("div", Ka, [
             e.showIcon ? (a(), r("div", Qa, [
               y(Y, {
-                name: k.value,
-                class: c(w.value)
+                name: w.value,
+                class: d(C.value)
               }, null, 8, ["name", "class"])
             ])) : f("", !0),
             o("div", Ya, [
               e.title ? (a(), r("div", Xa, p(e.title), 1)) : f("", !0),
               e.message ? (a(), r("div", {
                 key: 1,
-                class: c(["text-sm", { "mt-1": e.title }])
+                class: d(["text-sm", { "mt-1": e.title }])
               }, p(e.message), 3)) : f("", !0),
-              b(T.$slots, "default")
+              h(T.$slots, "default")
             ]),
             e.dismissible ? (a(), r("button", {
               key: 1,
-              onClick: I,
+              onClick: j,
               class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2"
             }, [
               y(Y, {
@@ -3325,7 +3358,7 @@ const Ue = {
       _: 3
     }));
   }
-}, fe = O([]);
+}, fe = H([]);
 let Ja = 0;
 const es = {
   duration: 2e3,
@@ -3354,9 +3387,9 @@ const es = {
   // Toast type methods
   {
     success: (e, s) => re(e, { ...s, variant: "success" }),
-    error: (e, s) => re(e, { ...s, variant: "destructive" }),
+    error: (e, s) => re(e, { ...s, variant: "error" }),
     warning: (e, s) => re(e, { ...s, variant: "warning" }),
-    info: (e, s) => re(e, { ...s, variant: "default" }),
+    info: (e, s) => re(e, { ...s, variant: "info" }),
     // Promise toast for async operations
     promise: (e, s = {}) => {
       const {
@@ -3364,26 +3397,26 @@ const es = {
         success: l = "Success",
         error: n = "Error",
         ...i
-      } = s, d = re(t, {
+      } = s, c = re(t, {
         ...i,
-        variant: "default",
+        variant: "loading",
         duration: 0,
         // Don't auto dismiss
         dismissible: !1
       });
       return e.then((m) => {
-        ue(d);
-        const h = typeof l == "function" ? l(m) : l;
-        return re(h, {
+        ue(c);
+        const b = typeof l == "function" ? l(m) : l;
+        return re(b, {
           ...i,
           variant: "success"
         }), m;
       }).catch((m) => {
-        ue(d);
-        const h = typeof n == "function" ? n(m) : n;
-        throw re(h, {
+        ue(c);
+        const b = typeof n == "function" ? n(m) : n;
+        throw re(b, {
           ...i,
-          variant: "destructive"
+          variant: "error"
         }), m;
       });
     },
@@ -3455,35 +3488,42 @@ const es = {
       "bottom-right": "bottom-0 right-0 flex-col-reverse"
     }, i = u(
       () => v(n[s.position])
-    ), d = x(
+    ), c = x(
       "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all",
       {
         variants: {
           variant: {
-            default: "border bg-background text-foreground",
-            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-            success: "border-green-500/20 bg-green-50 text-green-900 dark:border-green-500/30 dark:bg-green-950 dark:text-green-50",
-            warning: "border-yellow-500/20 bg-yellow-50 text-yellow-900 dark:border-yellow-500/30 dark:bg-yellow-950 dark:text-yellow-50"
+            default: "border border-gray-300 bg-gray-50 text-gray-800 dark:border-gray-800 dark:bg-gray-500 dark:text-gray-50",
+            info: "border-blue-500/20 bg-blue-50 text-blue-900 dark:border-blue-500/30 dark:bg-blue-950 dark:text-blue-50",
+            success: "border border-green-200 bg-green-50 text-green-800 dark:border-green-200 dark:bg-green-50 dark:text-green-900",
+            warning: "border-yellow-500/20 bg-yellow-50 text-yellow-900 dark:border-yellow-500/30 dark:bg-yellow-950 dark:text-yellow-50",
+            error: "border-red-500/30 bg-red-50 text-red-900 dark:border-red-500/40 dark:bg-red-950 dark:text-red-50 ring-1 ring-red-500/20 dark:ring-red-500/30",
+            loading: "border border-border animate-pulse bg-gray-800 text-gray-800 dark:border-gray-800 dark:bg-gray-700 dark:text-gray-50"
           }
         },
-        defaultVariants: {
-          variant: "default"
-        }
+        defaultVariants: { variant: "default" }
       }
-    ), m = (z) => v(d({ variant: z.variant })), h = {
-      default: "info",
+    ), m = (z) => v(c({ variant: z.variant })), b = {
+      default: "bell",
+      info: "info",
       success: "check-circle",
       warning: "alert-triangle",
-      destructive: "alert-circle"
-    }, k = {
+      error: "alert-circle",
+      loading: "loader"
+    }, w = {
       default: "text-muted-foreground",
+      info: "text-blue-600 dark:text-blue-400",
       success: "text-green-600 dark:text-green-400",
       warning: "text-yellow-600 dark:text-yellow-400",
-      destructive: "text-destructive"
-    }, w = (z) => z.icon || h[z.variant] || h.default, I = (z) => k[z.variant] || k.default, T = (z) => z.icon !== !1 && (z.icon || z.variant !== "default" || s.richColors), R = (z) => z.dismissible !== !1 && (z.closeButton || s.closeButton || z.dismissible);
-    return (z, C) => (a(), M(Ve, { to: "body" }, [
+      error: "text-red-600 dark:text-red-400",
+      loading: "text-muted-foreground animate-spin"
+    }, C = (z) => z.icon || b[z.variant] || b.default, j = (z) => {
+      const k = w[z.variant] || w.default;
+      return z.variant === "loading" ? `${k} animate-spin` : k;
+    }, T = (z) => z.icon !== !1, R = (z) => z.dismissible !== !1 && (z.closeButton || s.closeButton || z.dismissible);
+    return (z, k) => (a(), M(Ve, { to: "body" }, [
       o("div", {
-        class: c(D(v)(
+        class: d(D(v)(
           i.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
@@ -3502,14 +3542,14 @@ const es = {
           default: S(() => [
             (a(!0), r(Q, null, K(D(t), (g) => (a(), r("div", {
               key: g.id,
-              class: c([m(g), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
+              class: d([m(g), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
-              "aria-live": g.variant === "destructive" ? "assertive" : "polite"
+              "aria-live": g.variant === "error" ? "assertive" : "polite"
             }, [
               T(g) ? (a(), M(Y, {
                 key: 0,
-                name: w(g),
-                class: c([I(g), "h-4 w-4 shrink-0"])
+                name: C(g),
+                class: d([j(g), "h-4 w-4 shrink-0"])
               }, null, 8, ["name", "class"])) : f("", !0),
               o("div", ls, [
                 g.title ? (a(), r("div", ns, p(g.title), 1)) : f("", !0),
@@ -3548,10 +3588,10 @@ const es = {
 }, gs = ["aria-label"], ps = {
   key: 1,
   class: "animate-spin"
-}, hs = {
+}, bs = {
   key: 0,
   class: "max-h-64 overflow-y-auto"
-}, bs = ["onClick", "onMouseenter"], ys = { class: "flex-1 text-left" }, xs = ["innerHTML"], ks = ["innerHTML"], ws = {
+}, hs = ["onClick", "onMouseenter"], ys = { class: "flex-1 text-left" }, xs = ["innerHTML"], ks = ["innerHTML"], ws = {
   key: 1,
   class: "text-xs text-slate-400 ml-3"
 }, Cs = {
@@ -3603,42 +3643,42 @@ 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 = s, m = O(null), h = O(null), k = O(!1), w = O(-1), I = O(null), T = (A) => {
+    }, i = e, c = s, m = H(null), b = H(null), w = H(!1), C = H(-1), j = H(null), T = (A) => {
       const U = A.target.value;
-      d("update:modelValue", U), I.value && clearTimeout(I.value), I.value = setTimeout(() => {
-        U.length >= i.minLength ? (d("search", U), k.value = !0) : k.value = !1;
+      c("update:modelValue", U), j.value && clearTimeout(j.value), j.value = setTimeout(() => {
+        U.length >= i.minLength ? (c("search", U), w.value = !0) : w.value = !1;
       }, i.debounce);
     }, R = (A) => {
-      d("focus", A), i.modelValue.length >= i.minLength && (k.value = !0);
+      c("focus", A), i.modelValue.length >= i.minLength && (w.value = !0);
     }, z = (A) => {
-      d("blur", A), setTimeout(() => {
-        k.value = !1, w.value = -1;
+      c("blur", A), setTimeout(() => {
+        w.value = !1, C.value = -1;
       }, 150);
-    }, C = () => {
-      d("update:modelValue", ""), d("clear"), k.value = !1, h.value?.focus();
+    }, k = () => {
+      c("update:modelValue", ""), c("clear"), w.value = !1, b.value?.focus();
     }, g = (A) => {
-      d("select", A), k.value = !1, w.value = -1;
+      c("select", A), w.value = !1, C.value = -1;
     }, B = (A) => {
-      if (!(!k.value || i.results.length === 0))
+      if (!(!w.value || i.results.length === 0))
         switch (A.key) {
           case "ArrowDown":
-            A.preventDefault(), w.value = Math.min(w.value + 1, i.results.length - 1);
+            A.preventDefault(), C.value = Math.min(C.value + 1, i.results.length - 1);
             break;
           case "ArrowUp":
-            A.preventDefault(), w.value = Math.max(w.value - 1, -1);
+            A.preventDefault(), C.value = Math.max(C.value - 1, -1);
             break;
           case "Enter":
-            A.preventDefault(), w.value >= 0 && g(i.results[w.value]);
+            A.preventDefault(), C.value >= 0 && g(i.results[C.value]);
             break;
           case "Escape":
-            A.preventDefault(), k.value = !1, w.value = -1;
+            A.preventDefault(), w.value = !1, C.value = -1;
             break;
         }
     }, $ = (A) => {
       if (!i.highlightMatches || !i.modelValue || !A) return A;
       const U = new RegExp(`(${i.modelValue})`, "gi");
       return A.replace(U, '<mark class="bg-yellow-200">$1</mark>');
-    }, j = x(
+    }, I = x(
       "block w-full rounded-lg border bg-white transition-colors duration-200 placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
       {
         variants: {
@@ -3659,17 +3699,17 @@ const es = {
         }
       },
       defaultVariants: { size: "md" }
-    }), E = u(() => v(j({ size: i.size }))), te = u(() => v(P({ size: i.size }))), se = u(
+    }), E = u(() => v(I({ size: i.size }))), te = u(() => v(P({ size: i.size }))), se = u(
       () => v("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
-    ), H = (A) => v(
+    ), q = (A) => v(
       "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": w.value === A }
+      { "bg-slate-50": C.value === A }
     ), W = (A) => {
-      m.value && !m.value.contains(A.target) && (k.value = !1, w.value = -1);
+      m.value && !m.value.contains(A.target) && (w.value = !1, C.value = -1);
     };
     return ve(() => document.addEventListener("click", W)), ye(() => {
-      document.removeEventListener("click", W), I.value && clearTimeout(I.value);
-    }), oe(() => i.results, () => w.value = -1), (A, U) => (a(), r("div", {
+      document.removeEventListener("click", W), j.value && clearTimeout(j.value);
+    }), oe(() => i.results, () => C.value = -1), (A, U) => (a(), r("div", {
       class: "relative",
       ref_key: "searchRef",
       ref: m
@@ -3677,16 +3717,16 @@ const es = {
       o("div", us, [
         o("div", ms, [
           y(t, {
-            class: c(te.value)
+            class: d(te.value)
           }, null, 8, ["class"])
         ]),
         o("input", {
           ref_key: "inputRef",
-          ref: h,
+          ref: b,
           value: e.modelValue,
           placeholder: e.placeholder,
           disabled: e.disabled,
-          class: c(E.value),
+          class: d(E.value),
           onInput: T,
           onFocus: R,
           onBlur: z,
@@ -3695,7 +3735,7 @@ const es = {
         e.modelValue || e.loading ? (a(), r("div", vs, [
           !e.loading && e.clearable ? (a(), r("button", {
             key: 0,
-            onClick: C,
+            onClick: k,
             class: "text-slate-400 hover:text-slate-600 transition-colors p-1 rounded-full hover:bg-slate-100",
             "aria-label": e.clearLabel
           }, [
@@ -3714,16 +3754,16 @@ const es = {
         "leave-to-class": "opacity-0 scale-95 translate-y-1"
       }, {
         default: S(() => [
-          k.value && (e.results.length > 0 || e.showNoResults) ? (a(), r("div", {
+          w.value && (e.results.length > 0 || e.showNoResults) ? (a(), r("div", {
             key: 0,
-            class: c(se.value)
+            class: d(se.value)
           }, [
-            e.results.length > 0 ? (a(), r("div", hs, [
+            e.results.length > 0 ? (a(), r("div", bs, [
               (a(!0), r(Q, null, K(e.results, (J, le) => (a(), r("button", {
                 key: J.id || le,
-                class: c(H(le)),
+                class: d(q(le)),
                 onClick: (_) => g(J),
-                onMouseenter: (_) => w.value = le
+                onMouseenter: (_) => C.value = le
               }, [
                 J.icon ? (a(), M(X(J.icon), {
                   key: 0,
@@ -3741,10 +3781,10 @@ const es = {
                   }, null, 8, ks)) : f("", !0)
                 ]),
                 J.category ? (a(), r("div", ws, p(J.category), 1)) : f("", !0)
-              ], 42, bs))), 128))
+              ], 42, hs))), 128))
             ])) : e.showNoResults ? (a(), r("div", Cs, p(e.noResultsText), 1)) : f("", !0),
             A.$slots.footer ? (a(), r("div", $s, [
-              b(A.$slots, "footer")
+              h(A.$slots, "footer")
             ])) : f("", !0)
           ], 2)) : f("", !0)
         ]),
@@ -3762,20 +3802,20 @@ const es = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(t.modelValue);
-    oe(() => t.modelValue, (d) => {
-      n.value = d;
+    const t = e, l = s, n = H(t.modelValue);
+    oe(() => t.modelValue, (c) => {
+      n.value = c;
     });
     const i = () => {
       l("update:modelValue", Number(n.value));
     };
-    return (d, m) => (a(), r("div", zs, [
+    return (c, m) => (a(), r("div", zs, [
       xe(o("input", {
         type: "range",
         min: e.min,
         max: e.max,
         step: e.step,
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => n.value = h),
+        "onUpdate:modelValue": m[0] || (m[0] = (b) => n.value = b),
         onInput: i,
         class: "w-full accent-blue-500 cursor-pointer"
       }, null, 40, Bs), [
@@ -3788,14 +3828,14 @@ const es = {
       ])
     ]));
   }
-}, Ms = { class: "flex items-center space-x-4" }, Is = {
+}, Ms = { class: "flex items-center space-x-4" }, js = {
   __name: "Stepper",
   setup(e) {
     return (s, t) => (a(), r("div", Ms, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ]));
   }
-}, js = { class: "flex items-center" }, Ls = { class: "ml-2" }, Ds = { class: "font-medium" }, As = {
+}, Is = { class: "flex items-center" }, Ls = { class: "ml-2" }, Ds = { class: "font-medium" }, As = {
   key: 0,
   class: "text-sm text-slate-400"
 }, Ps = {
@@ -3808,9 +3848,9 @@ const es = {
     completed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (s, t) => (a(), r("div", js, [
+    return (s, t) => (a(), r("div", Is, [
       o("div", {
-        class: c([
+        class: d([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
           e.active ? "bg-blue-500 border-blue-500 text-white" : e.completed ? "bg-green-500 border-green-500 text-white" : "border-slate-300 text-slate-500"
         ])
@@ -3829,47 +3869,47 @@ const es = {
     defaultIndex: { type: Number, default: 0 }
   },
   setup(e) {
-    const t = O(e.defaultIndex), l = O([]), n = (i) => {
+    const t = H(e.defaultIndex), l = H([]), n = (i) => {
       t.value = i;
     };
-    return Oe("tabsContext", {
+    return He("tabsContext", {
       activeIndex: t,
       tabs: l,
       registerTab: (i) => (l.value.push({ label: i }), l.value.length - 1)
-    }), (i, d) => (a(), r("div", null, [
+    }), (i, c) => (a(), r("div", null, [
       o("div", Fs, [
-        (a(!0), r(Q, null, K(l.value, (m, h) => (a(), r("button", {
-          key: h,
-          onClick: (k) => n(h),
-          class: c([
+        (a(!0), r(Q, null, K(l.value, (m, b) => (a(), r("button", {
+          key: b,
+          onClick: (w) => n(b),
+          class: d([
             "px-4 py-2 -mb-px border-b-2 font-medium text-sm transition-colors",
-            t.value === h ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
+            t.value === b ? "border-blue-500 text-blue-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
           ])
         }, p(m.label), 11, Ns))), 128))
       ]),
       o("div", Rs, [
-        b(i.$slots, "default")
+        h(i.$slots, "default")
       ])
     ]));
   }
-}, Os = {
+}, Hs = {
   __name: "TabPanel",
   props: {
     label: { type: String, required: !0 }
   },
   setup(e) {
-    const s = e, t = qe("tabsContext"), l = O(null), n = O(!1);
+    const s = e, t = Oe("tabsContext"), l = H(null), n = H(!1);
     return ve(() => {
       l.value = t.registerTab(s.label), n.value = t.activeIndex.value === l.value, watch(t.activeIndex, (i) => {
         n.value = i === l.value;
       });
-    }), (i, d) => xe((a(), r("div", null, [
-      b(i.$slots, "default")
+    }), (i, c) => xe((a(), r("div", null, [
+      h(i.$slots, "default")
     ], 512)), [
       [Me, n.value]
     ]);
   }
-}, qs = ["aria-expanded", "aria-controls", "id", "onClick"], Hs = { class: "flex items-center flex-1 min-w-0" }, Es = { class: "flex-1 text-left" }, Us = ["id", "aria-labelledby"], Zs = ["innerHTML"], Gs = {
+}, Os = ["aria-expanded", "aria-controls", "id", "onClick"], qs = { class: "flex items-center flex-1 min-w-0" }, Es = { class: "flex-1 text-left" }, Us = ["id", "aria-labelledby"], Zs = ["innerHTML"], Gs = {
   __name: "Accordion",
   props: {
     items: {
@@ -3901,20 +3941,20 @@ const es = {
       <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
     </svg>
   `
-    }, l = e, n = s, i = O(
+    }, l = e, n = s, i = H(
       l.multiple ? Array.isArray(l.modelValue) ? [...l.modelValue] : [] : typeof l.modelValue == "number" ? [l.modelValue] : []
-    ), d = (H) => {
-      if (!(l.disabled || l.items[H]?.disabled)) {
+    ), c = (q) => {
+      if (!(l.disabled || l.items[q]?.disabled)) {
         if (l.multiple) {
-          const W = i.value.indexOf(H);
-          W > -1 ? i.value.splice(W, 1) : i.value.push(H), n("update:modelValue", [...i.value]);
+          const W = i.value.indexOf(q);
+          W > -1 ? i.value.splice(W, 1) : i.value.push(q), n("update:modelValue", [...i.value]);
         } else {
-          const W = i.value.includes(H) ? null : H;
+          const W = i.value.includes(q) ? null : q;
           i.value = W !== null ? [W] : [], n("update:modelValue", W);
         }
-        n("change", { index: H, expanded: i.value.includes(H) });
+        n("change", { index: q, expanded: i.value.includes(q) });
       }
-    }, m = (H) => i.value.includes(H), h = x("w-full", {
+    }, m = (q) => i.value.includes(q), b = x("w-full", {
       variants: {
         variant: {
           default: "divide-y divide-slate-200",
@@ -3923,7 +3963,7 @@ const es = {
           flush: "divide-y divide-slate-200"
         }
       }
-    }), k = x("", {
+    }), w = x("", {
       variants: {
         variant: {
           default: "",
@@ -3932,7 +3972,7 @@ const es = {
           flush: ""
         }
       }
-    }), w = x(
+    }), C = x(
       "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: {
@@ -3949,7 +3989,7 @@ const es = {
           }
         }
       }
-    ), I = x("text-slate-900", {
+    ), j = x("text-slate-900", {
       variants: {
         size: {
           sm: "text-sm font-medium",
@@ -3980,7 +4020,7 @@ const es = {
           false: ""
         }
       }
-    }), C = x("overflow-hidden text-slate-600 border-t border-slate-200", {
+    }), k = x("overflow-hidden text-slate-600 border-t border-slate-200", {
       variants: {
         size: {
           sm: "p-3 text-sm",
@@ -3989,63 +4029,63 @@ const es = {
         }
       }
     }), g = u(
-      () => v(h({ variant: l.variant }))
+      () => v(b({ variant: l.variant }))
     ), B = u(
-      () => v(k({ variant: l.variant }))
-    ), $ = (H) => v(
-      w({ variant: l.variant, size: l.size }),
-      l.variant === "bordered" && m(H) && "bg-slate-50",
-      l.variant === "filled" && m(H) && "bg-white",
-      (l.disabled || l.items[H]?.disabled) && "cursor-not-allowed opacity-50"
-    ), j = u(
-      () => v(I({ size: l.size }))
+      () => v(w({ variant: l.variant }))
+    ), $ = (q) => v(
+      C({ variant: l.variant, size: l.size }),
+      l.variant === "bordered" && m(q) && "bg-slate-50",
+      l.variant === "filled" && m(q) && "bg-white",
+      (l.disabled || l.items[q]?.disabled) && "cursor-not-allowed opacity-50"
+    ), I = u(
+      () => v(j({ size: l.size }))
     ), P = u(
       () => v(T({ size: l.size }))
     ), E = u(
       () => v(R({ size: l.size }))
-    ), te = (H) => v(z({ expanded: m(H) })), se = u(
-      () => v(C({ size: l.size }))
+    ), te = (q) => v(z({ expanded: m(q) })), se = u(
+      () => v(k({ size: l.size }))
     );
     return oe(
       () => l.modelValue,
-      (H) => {
-        l.multiple ? i.value = Array.isArray(H) ? [...H] : [] : i.value = typeof H == "number" ? [H] : [];
+      (q) => {
+        l.multiple ? i.value = Array.isArray(q) ? [...q] : [] : i.value = typeof q == "number" ? [q] : [];
       }
-    ), (H, W) => (a(), r("div", {
-      class: c(g.value)
+    ), (q, W) => (a(), r("div", {
+      class: d(g.value)
     }, [
       (a(!0), r(Q, null, K(e.items, (A, U) => (a(), r("div", {
         key: A.id || U,
-        class: c(B.value)
+        class: d(B.value)
       }, [
         o("button", {
-          class: c($(U)),
+          class: d($(U)),
           "aria-expanded": m(U),
           "aria-controls": `panel-${A.id || U}`,
           id: `header-${A.id || U}`,
-          onClick: (J) => d(U)
+          onClick: (J) => c(U)
         }, [
-          o("div", Hs, [
+          o("div", qs, [
             A.icon ? (a(), M(X(A.icon), {
               key: 0,
-              class: c(E.value)
+              class: d(E.value)
             }, null, 8, ["class"])) : f("", !0),
             o("div", Es, [
               o("h3", {
-                class: c(j.value)
+                class: d(I.value)
               }, p(A.title), 3),
               A.subtitle ? (a(), r("p", {
                 key: 0,
-                class: c(P.value)
+                class: d(P.value)
               }, p(A.subtitle), 3)) : f("", !0)
             ])
           ]),
           o("div", {
-            class: c(te(U))
+            class: d(te(U))
           }, [
             y(t, { class: "w-5 h-5 transition-transform duration-200" })
           ], 2)
-        ], 10, qs),
+        ], 10, Os),
         y(ae, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -4057,12 +4097,12 @@ const es = {
           default: S(() => [
             m(U) ? (a(), r("div", {
               key: 0,
-              class: c(se.value),
+              class: d(se.value),
               id: `panel-${A.id || U}`,
               "aria-labelledby": `header-${A.id || U}`,
               role: "region"
             }, [
-              b(H.$slots, A.slot || `item-${U}`, {
+              h(q.$slots, A.slot || `item-${U}`, {
                 item: A,
                 index: U
               }, () => [
@@ -4099,7 +4139,7 @@ const es = {
       <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
     </svg>
   `
-    }, t = e, l = O(!1), n = () => l.value = !l.value, i = x("", {
+    }, t = e, l = H(!1), n = () => l.value = !l.value, i = x("", {
       variants: {
         variant: {
           default: "",
@@ -4108,7 +4148,7 @@ const es = {
           flush: ""
         }
       }
-    }), d = x(
+    }), c = x(
       "flex items-center justify-between w-full text-left transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
       {
         variants: {
@@ -4127,25 +4167,25 @@ const es = {
           lg: "p-6 text-lg"
         }
       }
-    }), h = u(
+    }), b = u(
       () => v(i({ variant: t.variant }))
-    ), k = u(
-      () => v(d({ size: t.size }))
     ), w = u(
+      () => v(c({ size: t.size }))
+    ), C = u(
       () => v(m({ size: t.size }))
     );
-    return (I, T) => (a(), r("div", {
-      class: c(h.value)
+    return (j, T) => (a(), r("div", {
+      class: d(b.value)
     }, [
       y(ee, {
-        class: c(k.value),
+        class: d(w.value),
         "aria-expanded": l.value,
         onClick: n
       }, {
         default: S(() => [
-          b(I.$slots, "header", { isOpen: l.value }),
+          h(j.$slots, "header", { isOpen: l.value }),
           y(s, {
-            class: c(D(v)("w-5 h-5 transition-transform ml-2", { "rotate-180": l.value }))
+            class: d(D(v)("w-5 h-5 transition-transform ml-2", { "rotate-180": l.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
@@ -4161,9 +4201,9 @@ const es = {
         default: S(() => [
           l.value ? (a(), r("div", {
             key: 0,
-            class: c(w.value)
+            class: d(C.value)
           }, [
-            b(I.$slots, "content", { isOpen: l.value })
+            h(j.$slots, "content", { isOpen: l.value })
           ], 2)) : f("", !0)
         ]),
         _: 3
@@ -4182,16 +4222,16 @@ const es = {
       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="M9 5l7 7-7 7" />
   </svg>`
-    }, l = /* @__PURE__ */ new Date(), n = O(l.getMonth()), i = O(l.getFullYear()), d = O(null), m = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], h = u(
+    }, l = /* @__PURE__ */ new Date(), n = H(l.getMonth()), i = H(l.getFullYear()), c = H(null), m = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], b = u(
       () => new Date(i.value, n.value).toLocaleString("default", {
         month: "long"
       })
-    ), k = u(() => new Date(i.value, n.value + 1, 0).getDate()), w = u(() => new Date(i.value, n.value, 1).getDay()), I = u(() => Array.from(
-      { length: w.value },
-      ($, j) => new Date(i.value, n.value, -j).getDate()
+    ), w = u(() => new Date(i.value, n.value + 1, 0).getDate()), C = u(() => new Date(i.value, n.value, 1).getDay()), j = u(() => Array.from(
+      { length: C.value },
+      ($, I) => new Date(i.value, n.value, -I).getDate()
     ).reverse()), T = u(() => {
-      const $ = I.value.length + k.value, j = $ % 7 === 0 ? 0 : 7 - $ % 7;
-      return Array.from({ length: j }, (P, E) => E + 1);
+      const $ = j.value.length + w.value, I = $ % 7 === 0 ? 0 : 7 - $ % 7;
+      return Array.from({ length: I }, (P, E) => E + 1);
     });
     function R() {
       n.value === 0 ? (n.value = 11, i.value--) : n.value--;
@@ -4199,16 +4239,16 @@ const es = {
     function z() {
       n.value === 11 ? (n.value = 0, i.value++) : n.value++;
     }
-    function C($) {
+    function k($) {
       return l.getDate() === $ && l.getMonth() === n.value && l.getFullYear() === i.value;
     }
     function g($) {
-      return d.value && d.value.getDate() === $ && d.value.getMonth() === n.value && d.value.getFullYear() === i.value;
+      return c.value && c.value.getDate() === $ && c.value.getMonth() === n.value && c.value.getFullYear() === i.value;
     }
     function B($) {
-      d.value = new Date(i.value, n.value, $), emit("update:modelValue", d.value);
+      c.value = new Date(i.value, n.value, $), emit("update:modelValue", c.value);
     }
-    return ($, j) => (a(), r("div", Qs, [
+    return ($, I) => (a(), r("div", Qs, [
       o("div", Ys, [
         y(ee, {
           class: "p-2 rounded-lg hover:bg-slate-100",
@@ -4220,7 +4260,7 @@ const es = {
           ]),
           _: 1
         }),
-        o("div", Xs, p(h.value) + " " + p(i.value), 1),
+        o("div", Xs, p(b.value) + " " + p(i.value), 1),
         y(ee, {
           class: "p-2 rounded-lg hover:bg-slate-100",
           onClick: z,
@@ -4236,16 +4276,16 @@ const es = {
         (a(), r(Q, null, K(m, (P) => o("div", { key: P }, p(P), 1)), 64))
       ]),
       o("div", Js, [
-        (a(!0), r(Q, null, K(I.value, (P) => (a(), r("div", {
+        (a(!0), r(Q, null, K(j.value, (P) => (a(), r("div", {
           key: "prev-" + P,
           class: "text-slate-400 text-sm"
         }, p(P), 1))), 128)),
-        (a(!0), r(Q, null, K(k.value, (P) => (a(), M(ee, {
+        (a(!0), r(Q, null, K(w.value, (P) => (a(), M(ee, {
           key: P,
           onClick: (E) => B(P),
-          class: c([
+          class: d([
             "w-10 h-10 rounded-full flex items-center justify-center mx-auto",
-            C(P) ? "bg-blue-500 text-white font-semibold" : "",
+            k(P) ? "bg-blue-500 text-white font-semibold" : "",
             g(P) ? "bg-blue-100 text-blue-600 font-semibold" : "hover:bg-slate-100"
           ])
         }, {
@@ -4331,30 +4371,30 @@ const es = {
         variant: s.variant,
         padding: s.padding
       }))
-    ), d = u(
+    ), c = u(
       () => v(l({ size: "md" }))
     ), m = u(
       () => v(n({ size: "md" }))
     );
-    return (h, k) => e.title || e.description || h.$slots.header ? (a(), r("div", {
+    return (b, w) => e.title || e.description || b.$slots.header ? (a(), r("div", {
       key: 0,
-      class: c(i.value)
+      class: d(i.value)
     }, [
-      b(h.$slots, "header", {}, () => [
+      h(b.$slots, "header", {}, () => [
         o("div", tl, [
           o("div", null, [
-            e.title ? (a(), M(be, {
+            e.title ? (a(), M(he, {
               key: 0,
-              class: c(d.value)
+              class: d(c.value)
             }, {
               default: S(() => [
                 N(p(e.title), 1)
               ]),
               _: 1
             }, 8, ["class"])) : f("", !0),
-            e.description ? (a(), M(be, {
+            e.description ? (a(), M(he, {
               key: 1,
-              class: c(m.value)
+              class: d(m.value)
             }, {
               default: S(() => [
                 N(p(e.description), 1)
@@ -4362,8 +4402,8 @@ const es = {
               _: 1
             }, 8, ["class"])) : f("", !0)
           ]),
-          h.$slots.filters ? (a(), r("div", al, [
-            b(h.$slots, "filters")
+          b.$slots.filters ? (a(), r("div", al, [
+            h(b.$slots, "filters")
           ])) : f("", !0)
         ])
       ])
@@ -4472,15 +4512,15 @@ const es = {
         density: "normal",
         align: "left"
       }
-    }), d = (C) => typeof C == "string" ? C : C?.key || C?.field || "unknown", m = (C, g) => {
-      const B = d(g);
-      return typeof g == "object" && g.accessor ? g.accessor(C) : B && B.includes(".") ? B.split(".").reduce(($, j) => $?.[j], C) : C?.[B];
-    }, h = (C, g) => {
-      const B = m(C, g);
-      return typeof g == "object" && g.formatter ? g.formatter(B, C) : B == null ? "" : B instanceof Date ? B.toLocaleDateString() : Array.isArray(B) ? B.join(", ") : B;
-    }, k = () => {
+    }), c = (k) => typeof k == "string" ? k : k?.key || k?.field || "unknown", m = (k, g) => {
+      const B = c(g);
+      return typeof g == "object" && g.accessor ? g.accessor(k) : B && B.includes(".") ? B.split(".").reduce(($, I) => $?.[I], k) : k?.[B];
+    }, b = (k, g) => {
+      const B = m(k, g);
+      return typeof g == "object" && g.formatter ? g.formatter(B, k) : B == null ? "" : B instanceof Date ? B.toLocaleDateString() : Array.isArray(B) ? B.join(", ") : B;
+    }, w = () => {
       t.clickableRows && l("row-click", { item: t.item, index: t.index });
-    }, w = (C) => typeof C == "object" && C.align ? C.align : "left", I = u(
+    }, C = (k) => typeof k == "object" && k.align ? k.align : "left", j = u(
       () => v(n({
         striped: t.striped,
         hoverable: t.hoverable && !t.clickableRows,
@@ -4488,14 +4528,14 @@ const es = {
         selected: t.isSelected,
         variant: t.variant
       }))
-    ), T = (C) => {
-      const g = w(C);
+    ), T = (k) => {
+      const g = C(k);
       return v(
         i({
           density: t.density,
           align: g
         }),
-        C.cellClasses
+        k.cellClasses
       );
     }, R = u(
       () => v(
@@ -4511,37 +4551,37 @@ const es = {
         "font-medium"
       )
     );
-    return (C, g) => (a(), r("tr", {
-      class: c(I.value),
-      onClick: k
+    return (k, g) => (a(), r("tr", {
+      class: d(j.value),
+      onClick: w
     }, [
       e.selectable ? (a(), r("td", {
         key: 0,
-        class: c(R.value)
+        class: d(R.value)
       }, [
         y(ke, {
           modelValue: e.isSelected,
-          "onUpdate:modelValue": g[0] || (g[0] = (B) => C.$emit("toggle-selection", e.item))
+          "onUpdate:modelValue": g[0] || (g[0] = (B) => k.$emit("toggle-selection", e.item))
         }, null, 8, ["modelValue"])
       ], 2)) : f("", !0),
       (a(!0), r(Q, null, K(e.columns, (B) => (a(), r("td", {
-        key: d(B),
-        class: c(T(B))
+        key: c(B),
+        class: d(T(B))
       }, [
-        b(C.$slots, `cell-${d(B)}`, {
+        h(k.$slots, `cell-${c(B)}`, {
           item: e.item,
           value: m(e.item, B),
           column: B,
           index: e.index
         }, () => [
-          N(p(h(e.item, B)), 1)
+          N(p(b(e.item, B)), 1)
         ])
       ], 2))), 128)),
-      C.$slots.actions ? (a(), r("td", {
+      k.$slots.actions ? (a(), r("td", {
         key: 1,
-        class: c(z.value)
+        class: d(z.value)
       }, [
-        b(C.$slots, "actions", {
+        h(k.$slots, "actions", {
           item: e.item,
           index: e.index
         })
@@ -4657,7 +4697,7 @@ const es = {
       defaultVariants: {
         size: "md"
       }
-    }), d = x("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent", {
+    }), c = x("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm min-w-[60px] focus:border-transparent", {
       variants: {
         size: {
           sm: "px-2 py-1",
@@ -4668,52 +4708,52 @@ const es = {
       defaultVariants: {
         size: "sm"
       }
-    }), m = u(() => (t.currentPage - 1) * t.pageSize + 1), h = u(() => Math.min(t.currentPage * t.pageSize, t.total)), k = u(() => {
-      const z = [], C = t.totalPages, g = t.currentPage, B = t.maxVisiblePages;
-      if (C <= B)
-        for (let $ = 1; $ <= C; $++)
+    }), m = u(() => (t.currentPage - 1) * t.pageSize + 1), b = u(() => Math.min(t.currentPage * t.pageSize, t.total)), w = u(() => {
+      const z = [], k = t.totalPages, g = t.currentPage, B = t.maxVisiblePages;
+      if (k <= B)
+        for (let $ = 1; $ <= k; $++)
           z.push($);
       else {
         const $ = Math.floor(B / 2);
-        let j = Math.max(1, g - $), P = Math.min(C, j + B - 1);
-        P - j + 1 < B && (j = Math.max(1, P - B + 1));
-        for (let E = j; E <= P; E++)
+        let I = Math.max(1, g - $), P = Math.min(k, I + B - 1);
+        P - I + 1 < B && (I = Math.max(1, P - B + 1));
+        for (let E = I; E <= P; E++)
           z.push(E);
       }
       return z;
-    }), w = u(
+    }), C = u(
       () => v(l({
         variant: t.variant,
         padding: t.padding
       }))
-    ), I = u(
+    ), j = u(
       () => v(i({ size: "md" }))
     ), T = u(
-      () => v(d({ size: "sm" }))
-    ), R = (z, C) => {
+      () => v(c({ size: "sm" }))
+    ), R = (z, k) => {
       let g = "inactive";
-      return C ? g = "disabled" : z && (g = "active"), v(n({
+      return k ? g = "disabled" : z && (g = "active"), v(n({
         state: g,
         size: "md"
       }));
     };
-    return (z, C) => e.showPagination || z.$slots.footer ? (a(), r("div", {
+    return (z, k) => e.showPagination || z.$slots.footer ? (a(), r("div", {
       key: 0,
-      class: c(w.value)
+      class: d(C.value)
     }, [
       o("div", sl, [
-        e.selectable && e.selectedCount > 0 ? (a(), r("div", ll, p(e.selectedCount) + " of " + p(e.total) + " selected ", 1)) : (a(), r("div", nl, " Showing " + p(m.value) + " to " + p(h.value) + " of " + p(e.total) + " entries ", 1)),
+        e.selectable && e.selectedCount > 0 ? (a(), r("div", ll, p(e.selectedCount) + " of " + p(e.total) + " selected ", 1)) : (a(), r("div", nl, " Showing " + p(m.value) + " to " + p(b.value) + " of " + p(e.total) + " entries ", 1)),
         z.$slots.footer ? (a(), r("div", rl, [
-          b(z.$slots, "footer")
+          h(z.$slots, "footer")
         ])) : f("", !0),
         e.showPagination ? (a(), r("div", ol, [
           o("div", il, [
-            y(je, {
+            y(Ie, {
               for: "pageSize",
-              class: c(I.value),
+              class: d(j.value),
               inline: !0
             }, {
-              default: S(() => [...C[5] || (C[5] = [
+              default: S(() => [...k[5] || (k[5] = [
                 N("Show:", -1)
               ])]),
               _: 1
@@ -4721,8 +4761,8 @@ const es = {
             y(we, {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
-              "onUpdate:modelValue": C[0] || (C[0] = (g) => z.$emit("update:pageSize", parseInt(g))),
-              class: c(T.value)
+              "onUpdate:modelValue": k[0] || (k[0] = (g) => z.$emit("update:pageSize", parseInt(g))),
+              class: d(T.value)
             }, {
               default: S(() => [
                 (a(!0), r(Q, null, K(e.pageSizeOptions, (g) => (a(), M(Le, {
@@ -4737,10 +4777,10 @@ const es = {
           o("div", dl, [
             o("button", {
               disabled: e.currentPage === 1,
-              onClick: C[1] || (C[1] = (g) => z.$emit("update:currentPage", 1)),
-              class: c(R(!1, e.currentPage === 1)),
+              onClick: k[1] || (k[1] = (g) => z.$emit("update:currentPage", 1)),
+              class: d(R(!1, e.currentPage === 1)),
               title: "First page"
-            }, [...C[6] || (C[6] = [
+            }, [...k[6] || (k[6] = [
               o("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -4757,10 +4797,10 @@ const es = {
             ])], 10, cl),
             o("button", {
               disabled: e.currentPage === 1,
-              onClick: C[2] || (C[2] = (g) => z.$emit("update:currentPage", e.currentPage - 1)),
-              class: c(R(!1, e.currentPage === 1)),
+              onClick: k[2] || (k[2] = (g) => z.$emit("update:currentPage", e.currentPage - 1)),
+              class: d(R(!1, e.currentPage === 1)),
               title: "Previous page"
-            }, [...C[7] || (C[7] = [
+            }, [...k[7] || (k[7] = [
               o("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -4776,18 +4816,18 @@ const es = {
               ], -1)
             ])], 10, ul),
             o("div", ml, [
-              (a(!0), r(Q, null, K(k.value, (g) => (a(), r("button", {
+              (a(!0), r(Q, null, K(w.value, (g) => (a(), r("button", {
                 key: g,
                 onClick: (B) => z.$emit("update:currentPage", g),
-                class: c(R(g === e.currentPage, !1))
+                class: d(R(g === e.currentPage, !1))
               }, p(g), 11, fl))), 128))
             ]),
             o("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: C[3] || (C[3] = (g) => z.$emit("update:currentPage", e.currentPage + 1)),
-              class: c(R(!1, e.currentPage === e.totalPages)),
+              onClick: k[3] || (k[3] = (g) => z.$emit("update:currentPage", e.currentPage + 1)),
+              class: d(R(!1, e.currentPage === e.totalPages)),
               title: "Next page"
-            }, [...C[8] || (C[8] = [
+            }, [...k[8] || (k[8] = [
               o("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -4804,10 +4844,10 @@ const es = {
             ])], 10, vl),
             o("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: C[4] || (C[4] = (g) => z.$emit("update:currentPage", e.totalPages)),
-              class: c(R(!1, e.currentPage === e.totalPages)),
+              onClick: k[4] || (k[4] = (g) => z.$emit("update:currentPage", e.totalPages)),
+              class: d(R(!1, e.currentPage === e.totalPages)),
               title: "Last page"
-            }, [...C[9] || (C[9] = [
+            }, [...k[9] || (k[9] = [
               o("svg", {
                 class: "w-4 h-4",
                 fill: "none",
@@ -4828,7 +4868,7 @@ const es = {
       ])
     ], 2)) : f("", !0);
   }
-}, hl = { class: "overflow-x-auto" }, bl = ["onClick"], yl = { class: "flex items-center gap-2" }, xl = {
+}, bl = { class: "overflow-x-auto" }, hl = ["onClick"], yl = { class: "flex items-center gap-2" }, xl = {
   key: 0,
   class: "flex flex-col"
 }, kl = { key: 0 }, wl = ["colspan"], Cl = { class: "text-center py-8" }, $l = { class: "text-slate-500" }, Sl = {
@@ -4924,7 +4964,7 @@ const es = {
   },
   emits: ["selection-change", "sort-change", "row-click"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(1), i = O(t.pageSize), d = O(t.sortBy), m = O(t.sortOrder), h = x("bg-white border border-slate-200 rounded-lg overflow-hidden", {
+    const t = e, l = s, n = H(1), i = H(t.pageSize), c = H(t.sortBy), m = H(t.sortOrder), b = x("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -4935,7 +4975,7 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), k = x("min-w-full", {
+    }), w = x("min-w-full", {
       variants: {
         variant: {
           default: "divide-y divide-slate-200",
@@ -4946,7 +4986,7 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), w = x("", {
+    }), C = x("", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -4957,7 +4997,7 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), I = x("divide-y", {
+    }), j = x("divide-y", {
       variants: {
         variant: {
           default: "bg-white divide-slate-200",
@@ -4970,46 +5010,46 @@ const es = {
       }
     }), T = u(() => {
       let V = [...t.data];
-      if (d.value) {
-        const q = t.columns.find((Z) => Z.key === d.value);
-        q && V.sort((Z, ne) => {
-          const de = $(Z, q), ge = $(ne, q);
+      if (c.value) {
+        const O = t.columns.find((Z) => Z.key === c.value);
+        O && V.sort((Z, ne) => {
+          const de = $(Z, O), ge = $(ne, O);
           return de < ge ? m.value === "asc" ? -1 : 1 : de > ge ? m.value === "asc" ? 1 : -1 : 0;
         });
       }
       return V;
     }), R = u(() => Math.ceil(T.value.length / i.value)), z = u(() => {
       if (!t.showPagination) return T.value;
-      const V = (n.value - 1) * i.value, q = V + i.value;
-      return T.value.slice(V, q);
-    }), C = u(() => {
+      const V = (n.value - 1) * i.value, O = V + i.value;
+      return T.value.slice(V, O);
+    }), k = u(() => {
       let V = t.columns.length;
       return t.selectable && V++, t.$slots?.actions && V++, V;
     }), g = u(() => T.value.length > 0 && T.value.every((V) => P(V))), B = u(() => {
-      const V = T.value.filter((q) => P(q)).length;
+      const V = T.value.filter((O) => P(O)).length;
       return V > 0 && V < T.value.length;
-    }), $ = (V, q) => q.accessor ? q.accessor(V) : q.key.split(".").reduce((Z, ne) => Z?.[ne], V), j = (V, q) => V[t.rowKey] || q, P = (V) => t.selectedItems.some(
-      (q) => j(q) === j(V)
+    }), $ = (V, O) => O.accessor ? O.accessor(V) : O.key.split(".").reduce((Z, ne) => Z?.[ne], V), I = (V, O) => V[t.rowKey] || O, P = (V) => t.selectedItems.some(
+      (O) => I(O) === I(V)
     ), E = (V) => {
-      const q = [...t.selectedItems], Z = q.findIndex(
-        (ne) => j(ne) === j(V)
+      const O = [...t.selectedItems], Z = O.findIndex(
+        (ne) => I(ne) === I(V)
       );
-      Z > -1 ? q.splice(Z, 1) : q.push(V), l("selection-change", q);
+      Z > -1 ? O.splice(Z, 1) : O.push(V), l("selection-change", O);
     }, te = () => {
       const V = g.value ? [] : [...T.value];
       l("selection-change", V);
     }, se = (V) => {
-      V.sortable && (d.value === V.key ? m.value = m.value === "asc" ? "desc" : "asc" : (d.value = V.key, m.value = "asc"), l("sort-change", { column: V.key, direction: m.value }));
-    }, H = (V) => {
+      V.sortable && (c.value === V.key ? m.value = m.value === "asc" ? "desc" : "asc" : (c.value = V.key, m.value = "asc"), l("sort-change", { column: V.key, direction: m.value }));
+    }, q = (V) => {
       l("row-click", V);
     }, W = u(
-      () => v(h({ variant: t.variant }))
+      () => v(b({ variant: t.variant }))
     ), A = u(
-      () => v(k({ variant: t.variant }))
-    ), U = u(
       () => v(w({ variant: t.variant }))
+    ), U = u(
+      () => v(C({ variant: t.variant }))
     ), J = u(
-      () => v(I({ variant: t.variant }))
+      () => v(j({ variant: t.variant }))
     ), le = (V) => v(
       {
         compact: "px-4 py-2",
@@ -5041,17 +5081,17 @@ const es = {
         comfortable: "px-8 py-8"
       }[t.density],
       "text-center"
-    )), ie = (V, q) => v(
+    )), ie = (V, O) => v(
       {
-        "text-blue-600": d.value === V.key && m.value === q,
-        "text-slate-300": d.value !== V.key || m.value !== q
+        "text-blue-600": c.value === V.key && m.value === O,
+        "text-slate-300": c.value !== V.key || m.value !== O
       }
     );
     return oe(() => t.selectedItems, (V) => {
     }, { deep: !0 }), oe(() => t.pageSize, (V) => {
       i.value = V;
-    }), (V, q) => (a(), r("div", {
-      class: c(W.value)
+    }), (V, O) => (a(), r("div", {
+      class: d(W.value)
     }, [
       e.title || e.description || V.$slots.header ? (a(), M(Ae, {
         key: 0,
@@ -5061,24 +5101,24 @@ const es = {
         padding: e.headerPadding
       }, {
         header: S(() => [
-          b(V.$slots, "header")
+          h(V.$slots, "header")
         ]),
         filters: S(() => [
-          b(V.$slots, "filters")
+          h(V.$slots, "filters")
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : f("", !0),
-      o("div", hl, [
+      o("div", bl, [
         o("table", {
-          class: c(A.value)
+          class: d(A.value)
         }, [
           o("thead", {
-            class: c(U.value)
+            class: d(U.value)
           }, [
             o("tr", null, [
               e.selectable ? (a(), r("th", {
                 key: 0,
-                class: c(_.value)
+                class: d(_.value)
               }, [
                 y(ke, {
                   modelValue: g.value,
@@ -5088,19 +5128,19 @@ const es = {
               ], 2)) : f("", !0),
               (a(!0), r(Q, null, K(e.columns, (Z) => (a(), r("th", {
                 key: Z.key,
-                class: c(le(Z)),
+                class: d(le(Z)),
                 onClick: (ne) => se(Z)
               }, [
                 o("div", yl, [
                   o("span", null, p(Z.label), 1),
                   Z.sortable ? (a(), r("div", xl, [
                     (a(), r("svg", {
-                      class: c([ie(Z, "asc"), "w-3 h-3 transition-colors"]),
+                      class: d([ie(Z, "asc"), "w-3 h-3 transition-colors"]),
                       fill: "none",
                       viewBox: "0 0 24 24",
                       "stroke-width": "1.5",
                       stroke: "currentColor"
-                    }, [...q[2] || (q[2] = [
+                    }, [...O[2] || (O[2] = [
                       o("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
@@ -5108,12 +5148,12 @@ const es = {
                       }, null, -1)
                     ])], 2)),
                     (a(), r("svg", {
-                      class: c([ie(Z, "desc"), "w-3 h-3 transition-colors"]),
+                      class: d([ie(Z, "desc"), "w-3 h-3 transition-colors"]),
                       fill: "none",
                       viewBox: "0 0 24 24",
                       "stroke-width": "1.5",
                       stroke: "currentColor"
-                    }, [...q[3] || (q[3] = [
+                    }, [...O[3] || (O[3] = [
                       o("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
@@ -5122,18 +5162,18 @@ const es = {
                     ])], 2))
                   ])) : f("", !0)
                 ])
-              ], 10, bl))), 128)),
+              ], 10, hl))), 128)),
               V.$slots.actions ? (a(), r("th", {
                 key: 1,
-                class: c(L.value)
+                class: d(L.value)
               }, " Actions ", 2)) : f("", !0)
             ])
           ], 2),
           o("tbody", {
-            class: c(J.value)
+            class: d(J.value)
           }, [
             (a(!0), r(Q, null, K(z.value, (Z, ne) => (a(), M(Pe, {
-              key: j(Z, ne),
+              key: I(Z, ne),
               item: Z,
               columns: e.columns,
               index: ne,
@@ -5144,28 +5184,28 @@ const es = {
               "clickable-rows": e.clickableRows,
               density: e.density,
               onToggleSelection: E,
-              onRowClick: H
-            }, He({
+              onRowClick: q
+            }, qe({
               actions: S((de) => [
-                b(V.$slots, "actions", me({ ref_for: !0 }, de))
+                h(V.$slots, "actions", me({ ref_for: !0 }, de))
               ]),
               _: 2
             }, [
               K(e.columns, (de) => ({
                 name: `cell-${de.key}`,
                 fn: S((ge) => [
-                  b(V.$slots, `cell-${de.key}`, me({ ref_for: !0 }, ge))
+                  h(V.$slots, `cell-${de.key}`, me({ ref_for: !0 }, ge))
                 ])
               }))
             ]), 1032, ["item", "columns", "index", "selectable", "is-selected", "striped", "hoverable", "clickable-rows", "density"]))), 128)),
             z.value.length === 0 ? (a(), r("tr", kl, [
               o("td", {
-                colspan: C.value,
-                class: c(F.value)
+                colspan: k.value,
+                class: d(F.value)
               }, [
-                b(V.$slots, "empty", {}, () => [
+                h(V.$slots, "empty", {}, () => [
                   o("div", Cl, [
-                    q[4] || (q[4] = o("div", { class: "text-slate-400 mb-2" }, [
+                    O[4] || (O[4] = o("div", { class: "text-slate-400 mb-2" }, [
                       o("svg", {
                         class: "w-12 h-12 mx-auto",
                         fill: "none",
@@ -5199,11 +5239,11 @@ const es = {
         "selected-count": e.selectedItems.length,
         variant: e.paginationVariant,
         padding: e.paginationPadding,
-        "onUpdate:currentPage": q[0] || (q[0] = (Z) => n.value = Z),
-        "onUpdate:pageSize": q[1] || (q[1] = (Z) => i.value = Z)
+        "onUpdate:currentPage": O[0] || (O[0] = (Z) => n.value = Z),
+        "onUpdate:pageSize": O[1] || (O[1] = (Z) => i.value = Z)
       }, {
         footer: S(() => [
-          b(V.$slots, "footer")
+          h(V.$slots, "footer")
         ]),
         _: 3
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding"])) : f("", !0)
@@ -5250,9 +5290,9 @@ const es = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const d = s.value ?? l();
-      return s.column.formatter ? s.column.formatter(d, s.item) : d;
-    }), l = () => s.column.accessor ? s.column.accessor(s.item) : s.column.key.split(".").reduce((d, m) => d?.[m], s.item), n = x("whitespace-nowrap", {
+      const c = s.value ?? l();
+      return s.column.formatter ? s.column.formatter(c, s.item) : c;
+    }), l = () => s.column.accessor ? s.column.accessor(s.item) : s.column.key.split(".").reduce((c, m) => c?.[m], s.item), n = x("whitespace-nowrap", {
       variants: {
         align: {
           left: "text-left",
@@ -5277,22 +5317,22 @@ const es = {
         textSize: "sm"
       }
     }), i = u(() => {
-      const d = s.align || s.column.align || "left", m = `text-${s.textColor}`, h = s.width ? `w-${s.width}` : "";
+      const c = s.align || s.column.align || "left", m = `text-${s.textColor}`, b = s.width ? `w-${s.width}` : "";
       return v(
         n({
-          align: d,
+          align: c,
           padding: s.padding,
           textSize: s.textSize
         }),
         m,
-        h,
+        b,
         s.column.cellClasses
       );
     });
-    return (d, m) => (a(), r("td", {
-      class: c(i.value)
+    return (c, m) => (a(), r("td", {
+      class: d(i.value)
     }, [
-      b(d.$slots, "default", {}, () => [
+      h(c.$slots, "default", {}, () => [
         N(p(t.value), 1)
       ])
     ], 2));
@@ -5300,10 +5340,10 @@ const es = {
 }, Bl = { class: "flex-1 min-w-64" }, Vl = { class: "relative" }, Tl = {
   key: 0,
   class: "min-w-32"
-}, Ml = ["value"], Il = {
+}, Ml = ["value"], jl = {
   key: 1,
   class: "flex items-center gap-2"
-}, jl = {
+}, Il = {
   key: 2,
   class: "flex items-center gap-2"
 }, Ll = { class: "flex items-center gap-2 ml-auto" }, Dl = { class: "flex items-center gap-2 flex-wrap" }, Al = {
@@ -5374,7 +5414,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 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>'
     }, i = {
       template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>'
-    }, d = e, m = s, h = x("flex flex-wrap items-center gap-4 border-b border-slate-200", {
+    }, c = e, m = s, b = x("flex flex-wrap items-center gap-4 border-b border-slate-200", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -5391,7 +5431,7 @@ const es = {
         variant: "default",
         padding: "normal"
       }
-    }), k = x("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", {
+    }), w = x("border border-slate-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", {
       variants: {
         size: {
           sm: "text-sm px-2 py-1",
@@ -5402,7 +5442,7 @@ const es = {
       defaultVariants: {
         size: "md"
       }
-    }), w = x("rounded-md flex items-center gap-2 font-medium transition-colors", {
+    }), C = x("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",
@@ -5420,7 +5460,7 @@ const es = {
         variant: "default",
         size: "md"
       }
-    }), I = x("border-b", {
+    }), j = x("border-b", {
       variants: {
         variant: {
           default: "px-4 py-2 bg-blue-50 border-blue-200",
@@ -5431,23 +5471,23 @@ const es = {
       defaultVariants: {
         variant: "default"
       }
-    }), T = u(() => d.searchQuery || d.selectedStatus || d.dateFrom || d.dateTo), R = u(() => {
+    }), T = u(() => c.searchQuery || c.selectedStatus || c.dateFrom || c.dateTo), R = u(() => {
       const _ = [];
-      if (d.searchQuery && d.searchQuery.trim() && _.push({
+      if (c.searchQuery && c.searchQuery.trim() && _.push({
         key: "search",
         label: "Search",
-        value: d.searchQuery
-      }), d.selectedStatus) {
-        const L = d.statusOptions.find((F) => F.value === d.selectedStatus);
+        value: c.searchQuery
+      }), c.selectedStatus) {
+        const L = c.statusOptions.find((F) => F.value === c.selectedStatus);
         _.push({
           key: "status",
           label: "Status",
-          value: L?.label || d.selectedStatus
+          value: L?.label || c.selectedStatus
         });
       }
-      if (d.dateFrom || d.dateTo) {
+      if (c.dateFrom || c.dateTo) {
         let L = "";
-        d.dateFrom && d.dateTo ? L = `${d.dateFrom} to ${d.dateTo}` : d.dateFrom ? L = `From ${d.dateFrom}` : d.dateTo && (L = `Until ${d.dateTo}`), L && _.push({
+        c.dateFrom && c.dateTo ? L = `${c.dateFrom} to ${c.dateTo}` : c.dateFrom ? L = `From ${c.dateFrom}` : c.dateTo && (L = `Until ${c.dateTo}`), L && _.push({
           key: "date",
           label: "Date Range",
           value: L
@@ -5455,36 +5495,36 @@ const es = {
       }
       return _;
     }), z = u(
-      () => v(h({
-        variant: d.variant,
-        padding: d.padding
+      () => v(b({
+        variant: c.variant,
+        padding: c.padding
       }))
-    ), C = u(
+    ), k = u(
       () => "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-slate-400"
     ), g = u(
       () => v(
-        k({ size: "md" }),
+        w({ size: "md" }),
         "w-full pl-10 focus:border-transparent"
       )
     ), B = u(
       () => "absolute right-2 top-1/2 transform -translate-y-1/2 text-slate-400 hover:text-slate-600 p-1"
     ), $ = u(
       () => v(
-        k({ size: "md" }),
+        w({ size: "md" }),
         "w-full focus:border-transparent"
       )
-    ), j = u(
-      () => v(k({ size: "md" }))
+    ), I = u(
+      () => v(w({ size: "md" }))
     ), P = u(
       () => "text-slate-500"
     ), E = u(
-      () => v(w({ variant: "default", size: "md" }))
+      () => v(C({ variant: "default", size: "md" }))
     ), te = u(
-      () => v(w({ variant: "primary", size: "md" }))
+      () => v(C({ variant: "primary", size: "md" }))
     ), se = u(
-      () => v(w({ variant: "success", size: "md" }))
-    ), H = u(
-      () => v(I({ variant: d.variant }))
+      () => v(C({ variant: "success", size: "md" }))
+    ), q = u(
+      () => v(j({ variant: c.variant }))
     ), W = u(
       () => "text-sm text-blue-700 font-medium"
     ), A = u(
@@ -5508,23 +5548,23 @@ const es = {
     };
     return (_, L) => (a(), r("div", null, [
       o("div", {
-        class: c(z.value)
+        class: d(z.value)
       }, [
         o("div", Bl, [
           o("div", Vl, [
             y(t, {
-              class: c(C.value)
+              class: d(k.value)
             }, null, 8, ["class"]),
             y(pe, {
               "model-value": e.searchQuery,
               onInput: L[0] || (L[0] = (F) => _.$emit("update:searchQuery", F.target.value)),
               placeholder: e.searchPlaceholder,
-              class: c(g.value)
+              class: d(g.value)
             }, null, 8, ["model-value", "placeholder", "class"]),
             e.searchQuery ? (a(), M(ee, {
               key: 0,
               onClick: L[1] || (L[1] = (F) => _.$emit("update:searchQuery", "")),
-              class: c(B.value)
+              class: d(B.value)
             }, {
               default: S(() => [
                 y(l, { class: "w-4 h-4" })
@@ -5537,7 +5577,7 @@ const es = {
           y(we, {
             "model-value": e.selectedStatus,
             onChange: L[2] || (L[2] = (F) => _.$emit("update:selectedStatus", F.target.value)),
-            class: c($.value)
+            class: d($.value)
           }, {
             default: S(() => [
               L[7] || (L[7] = o("option", { value: "" }, "All Status", -1)),
@@ -5549,31 +5589,31 @@ const es = {
             _: 1
           }, 8, ["model-value", "class"])
         ])) : f("", !0),
-        e.showDateFilter ? (a(), r("div", Il, [
+        e.showDateFilter ? (a(), r("div", jl, [
           y(pe, {
             type: "date",
             "model-value": e.dateFrom,
             onInput: L[3] || (L[3] = (F) => _.$emit("update:dateFrom", F.target.value)),
-            class: c(j.value)
+            class: d(I.value)
           }, null, 8, ["model-value", "class"]),
           o("span", {
-            class: c(P.value)
+            class: d(P.value)
           }, "to", 2),
           y(pe, {
             type: "date",
             "model-value": e.dateTo,
             onInput: L[4] || (L[4] = (F) => _.$emit("update:dateTo", F.target.value)),
-            class: c(j.value)
+            class: d(I.value)
           }, null, 8, ["model-value", "class"])
         ])) : f("", !0),
-        _.$slots.filters ? (a(), r("div", jl, [
-          b(_.$slots, "filters")
+        _.$slots.filters ? (a(), r("div", Il, [
+          h(_.$slots, "filters")
         ])) : f("", !0),
         o("div", Ll, [
           T.value ? (a(), M(ee, {
             key: 0,
             onClick: J,
-            class: c(E.value)
+            class: d(E.value)
           }, {
             default: S(() => [...L[8] || (L[8] = [
               N(" Clear Filters ", -1)
@@ -5583,7 +5623,7 @@ const es = {
           e.showExport ? (a(), M(ee, {
             key: 1,
             onClick: L[5] || (L[5] = (F) => _.$emit("export")),
-            class: c(te.value)
+            class: d(te.value)
           }, {
             default: S(() => [
               y(n, { class: "w-4 h-4" }),
@@ -5594,7 +5634,7 @@ const es = {
           e.showAdd ? (a(), M(ee, {
             key: 2,
             onClick: L[6] || (L[6] = (F) => _.$emit("add")),
-            class: c(se.value)
+            class: d(se.value)
           }, {
             default: S(() => [
               y(i, { class: "w-4 h-4" }),
@@ -5606,20 +5646,20 @@ const es = {
       ], 2),
       R.value.length > 0 ? (a(), r("div", {
         key: 0,
-        class: c(H.value)
+        class: d(q.value)
       }, [
         o("div", Dl, [
           o("span", {
-            class: c(W.value)
+            class: d(W.value)
           }, "Active filters:", 2),
           (a(!0), r(Q, null, K(R.value, (F) => (a(), r("div", {
             key: F.key,
-            class: c(A.value)
+            class: d(A.value)
           }, [
             o("span", null, p(F.label) + ": " + p(F.value), 1),
             y(ee, {
               onClick: (ie) => le(F.key),
-              class: c(U.value)
+              class: d(U.value)
             }, {
               default: S(() => [
                 y(l, { class: "w-3 h-3" })
@@ -5634,10 +5674,10 @@ const es = {
 }, Pl = { class: "flex items-center gap-3" }, Fl = {
   key: 0,
   class: "flex items-center gap-3"
-}, Nl = { class: "text-sm text-slate-600" }, Rl = { class: "flex items-center gap-2" }, _l = { class: "flex items-center gap-3" }, Ol = ["onClick", "title"], ql = {
+}, Nl = { class: "text-sm text-slate-600" }, Rl = { class: "flex items-center gap-2" }, _l = { class: "flex items-center gap-3" }, Hl = ["onClick", "title"], Ol = {
   key: 1,
   class: "relative"
-}, Hl = { 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 = {
+}, 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 = {
   key: 3,
   class: "flex items-center gap-2"
 }, Ql = {
@@ -5698,11 +5738,11 @@ const es = {
   },
   emits: ["bulk-action", "update:density", "toggle-column", "refresh"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(!1), i = O(null), d = O(null), m = u(() => t.selectedItems.length), h = [
+    const t = e, l = s, n = H(!1), i = H(null), c = H(null), m = u(() => t.selectedItems.length), b = [
       { value: "compact", label: "Compact", icon: Jl },
       { value: "normal", label: "Normal", icon: Wl },
       { value: "comfortable", label: "Comfortable", icon: Xl }
-    ], k = x("flex items-center justify-between border-b border-slate-200", {
+    ], w = x("flex items-center justify-between border-b border-slate-200", {
       variants: {
         variant: {
           default: "bg-white",
@@ -5719,7 +5759,7 @@ const es = {
         variant: "default",
         padding: "normal"
       }
-    }), w = x("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors", {
+    }), C = x("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",
@@ -5730,7 +5770,7 @@ const es = {
       defaultVariants: {
         variant: "secondary"
       }
-    }), I = x("p-2 border border-slate-300 transition-colors", {
+    }), j = x("p-2 border border-slate-300 transition-colors", {
       variants: {
         active: {
           true: "bg-blue-50 text-blue-600 border-blue-300",
@@ -5757,29 +5797,29 @@ const es = {
         state: "normal"
       }
     }), R = u(
-      () => v(k({
+      () => v(w({
         variant: t.variant,
         padding: t.padding
       }))
-    ), z = u(() => "text-sm text-slate-600"), C = u(() => "flex items-center"), g = u(
+    ), z = u(() => "text-sm text-slate-600"), k = u(() => "flex items-center"), g = u(
       () => "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"
     ), B = 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"
     ), $ = u(
       () => "text-xs font-medium text-slate-500 uppercase tracking-wider mb-2 border-b border-slate-100 pb-2"
-    ), j = u(
+    ), I = u(
       () => "py-1 hover:bg-slate-50 rounded transition-colors"
     ), P = u(
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
     ), E = u(
       () => "text-sm text-slate-700 flex-1 select-none"
     ), te = (_) => {
-      i.value && d.value && !i.value.contains(_.target) && !d.value.contains(_.target) && (n.value = !1);
+      i.value && c.value && !i.value.contains(_.target) && !c.value.contains(_.target) && (n.value = !1);
     }, se = () => {
       n.value = !n.value;
-    }, H = (_) => v(w({ variant: _.variant || "secondary" })), W = (_) => {
+    }, q = (_) => v(C({ variant: _.variant || "secondary" })), W = (_) => {
       let L = "middle";
-      return _ === "compact" ? L = "first" : _ === "comfortable" && (L = "last"), v(I({
+      return _ === "compact" ? L = "first" : _ === "comfortable" && (L = "last"), v(j({
         active: t.density === _,
         position: L
       }));
@@ -5795,7 +5835,7 @@ const es = {
     }), ye(() => {
       document.removeEventListener("click", te);
     }), (_, L) => (a(), r("div", {
-      class: c(R.value)
+      class: d(R.value)
     }, [
       o("div", Pl, [
         m.value > 0 ? (a(), r("div", Fl, [
@@ -5804,7 +5844,7 @@ const es = {
             (a(!0), r(Q, null, K(e.bulkActions, (F) => (a(), M(ee, {
               key: F.key,
               onClick: (ie) => _.$emit("bulk-action", { action: F.key, items: e.selectedItems }),
-              class: c(H(F))
+              class: d(q(F))
             }, {
               default: S(() => [
                 F.icon ? (a(), M(X(F.icon), {
@@ -5818,28 +5858,28 @@ const es = {
           ])
         ])) : e.totalItems > 0 ? (a(), r("div", {
           key: 1,
-          class: c(z.value)
+          class: d(z.value)
         }, p(e.totalItems) + " " + p(e.totalItems === 1 ? "item" : "items"), 3)) : f("", !0)
       ]),
       o("div", _l, [
         e.showDensityToggle ? (a(), r("div", {
           key: 0,
-          class: c(C.value)
+          class: d(k.value)
         }, [
-          (a(), r(Q, null, K(h, (F) => o("button", {
+          (a(), r(Q, null, K(b, (F) => o("button", {
             key: F.value,
             onClick: (ie) => _.$emit("update:density", F.value),
-            class: c(W(F.value)),
+            class: d(W(F.value)),
             title: F.label,
             type: "button"
           }, [
             (a(), M(X(F.icon), { class: "w-4 h-4" }))
-          ], 10, Ol)), 64))
+          ], 10, Hl)), 64))
         ], 2)) : f("", !0),
-        e.showColumnToggle ? (a(), r("div", ql, [
+        e.showColumnToggle ? (a(), r("div", Ol, [
           o("button", {
             onClick: $e(se, ["stop"]),
-            class: c(g.value),
+            class: d(g.value),
             type: "button",
             ref_key: "columnToggleButton",
             ref: i
@@ -5849,29 +5889,29 @@ const es = {
           ], 2),
           xe(o("div", {
             ref_key: "columnMenu",
-            ref: d,
-            class: c(B.value),
+            ref: c,
+            class: d(B.value),
             onClick: L[0] || (L[0] = $e(() => {
             }, ["stop"]))
           }, [
-            o("div", Hl, [
+            o("div", ql, [
               o("div", {
-                class: c($.value)
+                class: d($.value)
               }, " Show Columns ", 2),
               o("div", El, [
                 (a(!0), r(Q, null, K(e.toggleableColumns, (F) => (a(), r("div", {
                   key: F.key,
-                  class: c(j.value)
+                  class: d(I.value)
                 }, [
                   o("label", Ul, [
                     o("input", {
                       type: "checkbox",
                       checked: J(F.key),
                       onChange: (ie) => le(F.key, ie.target.checked),
-                      class: c(P.value)
+                      class: d(P.value)
                     }, null, 42, Zl),
                     o("span", {
-                      class: c(E.value)
+                      class: d(E.value)
                     }, p(F.label), 3)
                   ])
                 ], 2))), 128))
@@ -5885,16 +5925,16 @@ const es = {
           key: 2,
           onClick: L[1] || (L[1] = (F) => _.$emit("refresh")),
           disabled: e.isRefreshing,
-          class: c(A()),
+          class: d(A()),
           type: "button"
         }, [
           y(Yl, {
-            class: c(U())
+            class: d(U())
           }, null, 8, ["class"]),
           L[3] || (L[3] = o("span", null, "Refresh", -1))
         ], 10, Gl)) : f("", !0),
         _.$slots.actions ? (a(), r("div", Kl, [
-          b(_.$slots, "actions")
+          h(_.$slots, "actions")
         ])) : f("", !0)
       ])
     ], 2));
@@ -5909,14 +5949,14 @@ const es = {
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("Text"), i = G("Typography"), d = G("Link"), m = G("Icon"), h = G("Divider");
+      const l = G("Logo"), n = G("Text"), i = G("Typography"), c = G("Link"), m = G("Icon"), b = G("Divider");
       return a(), r("footer", {
-        class: c(D(v)("bg-gray-50 border-t border-gray-200", e.className))
+        class: d(D(v)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
         o("div", sn, [
           o("div", ln, [
             o("div", nn, [
-              b(s.$slots, "brand", {}, () => [
+              h(s.$slots, "brand", {}, () => [
                 y(l, { class: "mb-4" }),
                 y(n, { class: "text-gray-600 max-w-md" }, {
                   default: S(() => [...t[0] || (t[0] = [
@@ -5927,7 +5967,7 @@ const es = {
               ])
             ]),
             o("div", null, [
-              b(s.$slots, "links", {}, () => [
+              h(s.$slots, "links", {}, () => [
                 y(i, {
                   variant: "h6",
                   class: "mb-4"
@@ -5938,7 +5978,7 @@ const es = {
                   _: 1
                 }),
                 o("div", rn, [
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -5947,7 +5987,7 @@ const es = {
                     ])]),
                     _: 1
                   }),
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -5956,7 +5996,7 @@ const es = {
                     ])]),
                     _: 1
                   }),
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
@@ -5969,7 +6009,7 @@ const es = {
               ])
             ]),
             o("div", null, [
-              b(s.$slots, "social", {}, () => [
+              h(s.$slots, "social", {}, () => [
                 y(i, {
                   variant: "h6",
                   class: "mb-4"
@@ -5980,7 +6020,7 @@ const es = {
                   _: 1
                 }),
                 o("div", on, [
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
@@ -5992,7 +6032,7 @@ const es = {
                     ]),
                     _: 1
                   }),
-                  y(d, {
+                  y(c, {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
@@ -6008,9 +6048,9 @@ const es = {
               ])
             ])
           ]),
-          y(h, { class: "my-8" }),
+          y(b, { class: "my-8" }),
           o("div", dn, [
-            b(s.$slots, "copyright", {}, () => [
+            h(s.$slots, "copyright", {}, () => [
               y(n, { class: "text-gray-600" }, {
                 default: S(() => [
                   N(" © " + p((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
@@ -6018,9 +6058,9 @@ const es = {
                 _: 1
               })
             ]),
-            b(s.$slots, "legal", {}, () => [
+            h(s.$slots, "legal", {}, () => [
               o("div", cn, [
-                y(d, {
+                y(c, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -6029,7 +6069,7 @@ const es = {
                   ])]),
                   _: 1
                 }),
-                y(d, {
+                y(c, {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
@@ -6045,7 +6085,7 @@ const es = {
       ], 2);
     };
   }
-}, mn = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" }, fn = { class: "flex justify-between items-center h-16" }, vn = { class: "flex items-center" }, gn = { class: "hidden md:block" }, pn = { class: "flex items-center space-x-4" }, hn = { class: "md:hidden" }, bn = {
+}, mn = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" }, fn = { class: "flex justify-between items-center h-16" }, vn = { class: "flex items-center" }, gn = { class: "hidden md:block" }, pn = { class: "flex items-center space-x-4" }, bn = { class: "md:hidden" }, hn = {
   __name: "Header",
   props: {
     className: {
@@ -6056,24 +6096,24 @@ const es = {
   emits: ["toggle-mobile-menu"],
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), d = G("Icon");
+      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), c = G("Icon");
       return a(), r("header", {
-        class: c(D(v)("bg-white border-b border-gray-200 shadow-sm", e.className))
+        class: d(D(v)("bg-white border-b border-gray-200 shadow-sm", e.className))
       }, [
         o("div", mn, [
           o("div", fn, [
             o("div", vn, [
-              b(s.$slots, "logo", {}, () => [
+              h(s.$slots, "logo", {}, () => [
                 y(l)
               ])
             ]),
             o("div", gn, [
-              b(s.$slots, "navigation", {}, () => [
+              h(s.$slots, "navigation", {}, () => [
                 y(n)
               ])
             ]),
             o("div", pn, [
-              b(s.$slots, "actions", {}, () => [
+              h(s.$slots, "actions", {}, () => [
                 y(i, {
                   variant: "ghost",
                   size: "sm"
@@ -6091,15 +6131,15 @@ const es = {
                 })
               ])
             ]),
-            o("div", hn, [
-              b(s.$slots, "mobile-toggle", {}, () => [
+            o("div", bn, [
+              h(s.$slots, "mobile-toggle", {}, () => [
                 y(i, {
                   variant: "ghost",
                   size: "sm",
                   onClick: t[0] || (t[0] = (m) => s.$emit("toggle-mobile-menu"))
                 }, {
                   default: S(() => [
-                    y(d, {
+                    y(c, {
                       name: "menu",
                       class: "h-5 w-5"
                     })
@@ -6131,26 +6171,26 @@ const es = {
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("SidebarNavigation"), i = G("Divider"), d = G("Avatar"), m = G("Text");
+      const l = G("Logo"), n = G("SidebarNavigation"), i = G("Divider"), c = G("Avatar"), m = G("Text");
       return a(), r("aside", {
-        class: c(D(v)("bg-white border-r border-gray-200 h-full", e.className))
+        class: d(D(v)("bg-white border-r border-gray-200 h-full", e.className))
       }, [
         o("div", yn, [
           o("div", xn, [
-            b(s.$slots, "header", {}, () => [
+            h(s.$slots, "header", {}, () => [
               y(l)
             ])
           ]),
           o("nav", kn, [
-            b(s.$slots, "navigation", {}, () => [
+            h(s.$slots, "navigation", {}, () => [
               y(n, { items: e.items }, null, 8, ["items"])
             ])
           ]),
           o("div", wn, [
-            b(s.$slots, "footer", {}, () => [
+            h(s.$slots, "footer", {}, () => [
               y(i, { class: "mb-4" }),
               o("div", Cn, [
-                y(d, { size: "sm" }),
+                y(c, { size: "sm" }),
                 o("div", null, [
                   y(m, { class: "text-sm font-medium" }, {
                     default: S(() => [...t[0] || (t[0] = [
@@ -6183,12 +6223,12 @@ const es = {
   },
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c([
+      class: d([
         "relative flex",
         e.orientation === "vertical" ? "flex-col" : "flex-row"
       ])
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
 }, zn = {
@@ -6197,7 +6237,7 @@ const es = {
 }, Bn = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, Vn = { class: "text-slate-900 font-medium" }, Tn = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, Mn = { class: "mt-2 text-slate-600 text-sm" }, In = {
+}, Mn = { class: "mt-2 text-slate-600 text-sm" }, jn = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -6216,35 +6256,35 @@ const es = {
   },
   setup(e) {
     return (s, t) => (a(), r("div", {
-      class: c([
+      class: d([
         "relative flex",
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
       e.orientation === "vertical" ? (a(), r("div", zn)) : f("", !0),
       o("div", Bn, [
-        b(s.$slots, "icon", {}, () => [
+        h(s.$slots, "icon", {}, () => [
           t[0] || (t[0] = o("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
       ]),
       o("div", {
-        class: c([
+        class: d([
           "ml-6",
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
         o("h3", Vn, [
-          b(s.$slots, "title", {}, () => [
+          h(s.$slots, "title", {}, () => [
             N(p(e.title), 1)
           ])
         ]),
         e.subtitle ? (a(), r("p", Tn, [
-          b(s.$slots, "subtitle", {}, () => [
+          h(s.$slots, "subtitle", {}, () => [
             N(p(e.subtitle), 1)
           ])
         ])) : f("", !0),
         o("div", Mn, [
-          b(s.$slots, "default")
+          h(s.$slots, "default")
         ])
       ], 2)
     ], 2));
@@ -6254,77 +6294,29 @@ const es = {
   for (const [l, n] of s)
     t[l] = n;
   return t;
-}, jn = {
+}, In = {
   name: "AuthLayout",
   props: {
-    title: {
-      type: String,
-      default: null
-    },
-    subtitle: {
-      type: String,
-      default: null
-    },
-    primaryLogoPrefix: {
-      type: String,
-      default: "e"
-    },
-    primaryLogoText: {
-      type: String,
-      default: "HORIZON"
-    },
-    secondaryLogoPrefix: {
-      type: String,
-      default: "e"
-    },
-    secondaryLogoText: {
-      type: String,
-      default: "Risk & Compliance"
-    },
-    quote: {
-      type: String,
-      default: ""
-    },
-    primaryColor: {
-      type: String,
-      default: "#e74c3c"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#2c2c2c"
-    },
+    title: { type: String, default: null },
+    subtitle: { type: String, default: null },
+    primaryLogoPrefix: { type: String, default: "e" },
+    primaryLogoText: { type: String, default: "HORIZON" },
+    secondaryLogoPrefix: { type: String, default: "e" },
+    secondaryLogoText: { type: String, default: "Risk & Compliance" },
+    quote: { type: String, default: "" },
+    primaryColor: { type: String, default: "#e74c3c" },
+    backgroundColor: { type: String, default: "#2c2c2c" },
     backgroundImage: {
       type: String,
       default: "https://images.unsplash.com/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2069&q=80"
     },
-    backgroundOpacity: {
-      type: Number,
-      default: 0.4
-    },
-    companyName: {
-      type: String,
-      default: "SOFTWARE"
-    },
-    companyType: {
-      type: String,
-      default: "TECHNOLOGIES"
-    },
-    companyTagline: {
-      type: String,
-      default: "People | Processes | Governance"
-    },
-    companyInitials: {
-      type: String,
-      default: "ST"
-    },
-    appName: {
-      type: String,
-      default: "eHorizon eBoard X"
-    },
-    appVersion: {
-      type: String,
-      default: "Version 2.0"
-    },
+    backgroundOpacity: { type: Number, default: 0.4 },
+    companyName: { type: String, default: "SOFTWARE" },
+    companyType: { type: String, default: "TECHNOLOGIES" },
+    companyTagline: { type: String, default: "People | Processes | Governance" },
+    companyInitials: { type: String, default: "ST" },
+    appName: { type: String, default: "eHorizon eBoard X" },
+    appVersion: { type: String, default: "Version 2.0" },
     copyright: {
       type: String,
       default: "Copyright © 2025 Software Technologies Limited"
@@ -6338,12 +6330,10 @@ const es = {
       ]
     }
   },
-  setup(e) {
-    return {
-      currentYear: u(() => (/* @__PURE__ */ new Date()).getFullYear())
-    };
+  setup() {
+    return { currentYear: u(() => (/* @__PURE__ */ new Date()).getFullYear()) };
   }
-}, Ln = { class: "container mx-auto px-4 relative z-10" }, Dn = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, An = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Pn = { class: "mb-6" }, Fn = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Nn = { class: "text-white" }, Rn = { class: "flex items-center justify-center lg:justify-start mb-6" }, _n = { class: "text-3xl lg:text-4xl font-bold text-white" }, On = { class: "lg:col-span-4" }, qn = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, Hn = {
+}, Ln = { class: "container mx-auto px-4 relative z-10" }, Dn = { class: "grid lg:grid-cols-10 gap-8 items-center min-h-screen" }, An = { class: "lg:col-span-6 text-white text-center lg:text-left space-y-6" }, Pn = { class: "mb-6" }, Fn = { class: "text-4xl lg:text-6xl font-bold mb-2" }, Nn = { class: "text-white" }, Rn = { class: "flex items-center justify-center lg:justify-start mb-6" }, _n = { class: "text-3xl lg:text-4xl font-bold text-white" }, Hn = { class: "lg:col-span-4" }, On = { class: "bg-white rounded-lg shadow-xl p-6 lg:p-8 max-w-md mx-auto" }, qn = {
   key: 0,
   class: "mb-6"
 }, En = { class: "text-center" }, Un = { class: "text-2xl font-bold text-gray-900" }, Zn = {
@@ -6357,6 +6347,7 @@ const es = {
   class: "mt-6 text-center"
 }, Yn = { class: "absolute bottom-4 right-4 text-right" }, Xn = { class: "flex items-end justify-end mb-2" }, Wn = { class: "text-right mr-3" }, Jn = { class: "text-red-500 font-bold text-xs" }, er = { class: "text-white text-xs" }, tr = { class: "text-white/70 text-xs" }, ar = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, sr = { class: "text-white/70 text-xs" }, lr = { class: "absolute bottom-4 left-4 flex gap-2" }, nr = ["href"];
 function rr(e, s, t, l, n, i) {
+  const c = G("router-view");
   return a(), r("div", {
     class: "min-h-screen relative flex items-center justify-center",
     style: ce({ backgroundColor: t.backgroundColor })
@@ -6394,10 +6385,10 @@ function rr(e, s, t, l, n, i) {
             o("p", { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" })
           ], -1))
         ]),
-        o("div", On, [
-          o("div", qn, [
-            e.$slots["card-header"] || t.title ? (a(), r("div", Hn, [
-              b(e.$slots, "card-header", {}, () => [
+        o("div", Hn, [
+          o("div", On, [
+            e.$slots["card-header"] || t.title ? (a(), r("div", qn, [
+              h(e.$slots, "card-header", {}, () => [
                 o("div", En, [
                   o("h1", Un, p(t.title), 1),
                   t.subtitle ? (a(), r("p", Zn, p(t.subtitle), 1)) : f("", !0)
@@ -6405,14 +6396,15 @@ function rr(e, s, t, l, n, i) {
               ])
             ])) : f("", !0),
             o("div", Gn, [
-              b(e.$slots, "default")
+              h(e.$slots, "default"),
+              y(c)
             ]),
             e.$slots["card-footer"] ? (a(), r("div", Kn, [
-              b(e.$slots, "card-footer")
+              h(e.$slots, "card-footer")
             ])) : f("", !0)
           ]),
           e.$slots.links ? (a(), r("div", Qn, [
-            b(e.$slots, "links")
+            h(e.$slots, "links")
           ])) : f("", !0)
         ])
       ])
@@ -6432,22 +6424,22 @@ function rr(e, s, t, l, n, i) {
       ])
     ]),
     o("div", lr, [
-      (a(!0), r(Q, null, K(t.socialLinks, (d) => (a(), r("a", {
-        key: d.name,
-        href: d.url,
-        class: c([
+      (a(!0), r(Q, null, K(t.socialLinks, (m) => (a(), r("a", {
+        key: m.name,
+        href: m.url,
+        class: d([
           "w-8 h-7 flex items-center justify-center rounded text-xs transition-colors",
-          d.variant === "primary" ? "bg-blue-600 hover:bg-blue-700 text-white" : d.variant === "info" ? "bg-cyan-500 hover:bg-cyan-600 text-white" : "bg-gray-600 hover:bg-gray-700 text-white"
+          m.variant === "primary" ? "bg-blue-600 hover:bg-blue-700 text-white" : m.variant === "info" ? "bg-cyan-500 hover:bg-cyan-600 text-white" : "bg-gray-600 hover:bg-gray-700 text-white"
         ])
       }, [
         o("i", {
-          class: c(d.icon)
+          class: d(m.icon)
         }, null, 2)
       ], 10, nr))), 128))
     ])
   ], 4);
 }
-const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen bg-gray-50" }, dr = { class: "flex-1" }, cr = {
+const or = /* @__PURE__ */ Ne(In, [["render", rr]]), ir = { class: "min-h-screen bg-gray-50" }, dr = { class: "flex-1" }, cr = {
   key: 0,
   class: "bg-white border-b border-gray-200"
 }, ur = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, mr = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, fr = {
@@ -6473,21 +6465,21 @@ const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen
   },
   setup(e) {
     return (s, t) => {
-      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), d = G("Header"), m = G("Breadcrumb"), h = G("Text"), k = G("Footer");
+      const l = G("Logo"), n = G("MainNavigation"), i = G("Button"), c = G("Header"), m = G("Breadcrumb"), b = G("Text"), w = G("Footer");
       return a(), r("div", ir, [
-        y(d, null, {
+        y(c, null, {
           logo: S(() => [
-            b(s.$slots, "logo", {}, () => [
+            h(s.$slots, "logo", {}, () => [
               y(l)
             ])
           ]),
           navigation: S(() => [
-            b(s.$slots, "navigation", {}, () => [
+            h(s.$slots, "navigation", {}, () => [
               y(n, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
           actions: S(() => [
-            b(s.$slots, "header-actions", {}, () => [
+            h(s.$slots, "header-actions", {}, () => [
               y(i, {
                 variant: "ghost",
                 size: "sm"
@@ -6510,20 +6502,20 @@ const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen
         o("main", dr, [
           e.showBreadcrumb ? (a(), r("div", cr, [
             o("div", ur, [
-              b(s.$slots, "breadcrumb", {}, () => [
+              h(s.$slots, "breadcrumb", {}, () => [
                 y(m, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : f("", !0),
           o("div", mr, [
-            b(s.$slots, "default")
+            h(s.$slots, "default")
           ])
         ]),
-        y(k, null, {
+        y(w, null, {
           brand: S(() => [
-            b(s.$slots, "footer-brand", {}, () => [
+            h(s.$slots, "footer-brand", {}, () => [
               y(l, { class: "mb-4" }),
-              y(h, { class: "text-gray-600 max-w-md" }, {
+              y(b, { class: "text-gray-600 max-w-md" }, {
                 default: S(() => [...t[2] || (t[2] = [
                   N(" Your application description goes here. ", -1)
                 ])]),
@@ -6662,18 +6654,18 @@ const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen
         }
       };
       return E[e.errorType] || E.generic;
-    }), l = u(() => t.value.icon), n = u(() => e.errorTitle || t.value.title), i = u(() => e.errorMessage || t.value.message), d = () => {
+    }), l = u(() => t.value.icon), n = u(() => e.errorTitle || t.value.title), i = u(() => e.errorMessage || t.value.message), c = () => {
       window.history.length > 1 ? window.history.back() : window.location.href = e.homeUrl, s("back");
     }, m = () => {
       window.location.reload(), s("retry");
-    }, h = u(() => [
+    }, b = u(() => [
       "min-h-screen relative flex items-center justify-center",
       "px-4 sm:px-6 lg:px-8"
-    ]), k = u(() => [
-      "absolute inset-0 -z-10"
     ]), w = u(() => [
+      "absolute inset-0 -z-10"
+    ]), C = u(() => [
       "w-full max-w-lg mx-auto text-center"
-    ]), I = u(() => [
+    ]), j = u(() => [
       "mb-8"
     ]), T = u(() => [
       "space-y-6"
@@ -6681,7 +6673,7 @@ const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen
       "flex justify-center mb-6"
     ]), z = u(() => [
       "w-32 h-32 text-slate-400"
-    ]), C = u(() => [
+    ]), k = u(() => [
       "space-y-3"
     ]), g = u(() => [
       "text-3xl font-bold text-slate-900"
@@ -6689,7 +6681,7 @@ const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen
       "text-lg text-slate-600"
     ]), $ = u(() => [
       "text-sm text-slate-500 font-mono"
-    ]), j = u(() => [
+    ]), I = u(() => [
       "mt-8"
     ]), P = u(() => [
       "mt-6"
@@ -6698,48 +6690,48 @@ const or = /* @__PURE__ */ Ne(jn, [["render", rr]]), ir = { class: "min-h-screen
       errorIcon: l,
       errorTitle: n,
       errorMessage: i,
-      goBack: d,
+      goBack: c,
       retry: m,
-      layoutClasses: h,
-      backgroundClasses: k,
-      contentClasses: w,
-      headerClasses: I,
+      layoutClasses: b,
+      backgroundClasses: w,
+      contentClasses: C,
+      headerClasses: j,
       errorContentClasses: T,
       illustrationClasses: R,
       iconClasses: z,
-      detailsClasses: C,
+      detailsClasses: k,
       titleClasses: g,
       messageClasses: B,
       codeClasses: $,
-      actionsClasses: j,
+      actionsClasses: I,
       helpClasses: P
     };
   }
-}, hr = { class: "flex justify-center" }, br = { class: "flex items-center gap-3" }, yr = { class: "text-2xl font-bold text-slate-900" }, xr = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, kr = { class: "text-sm text-slate-600" }, wr = ["href"];
+}, br = { class: "flex justify-center" }, hr = { class: "flex items-center gap-3" }, yr = { class: "text-2xl font-bold text-slate-900" }, xr = { class: "flex flex-col sm:flex-row gap-3 justify-center" }, kr = { class: "text-sm text-slate-600" }, wr = ["href"];
 function Cr(e, s, t, l, n, i) {
-  const d = G("Button");
+  const c = G("Button");
   return a(), r("div", {
-    class: c(l.layoutClasses)
+    class: d(l.layoutClasses)
   }, [
     t.showBackground ? (a(), r("div", {
       key: 0,
-      class: c(l.backgroundClasses)
+      class: d(l.backgroundClasses)
     }, [
-      b(e.$slots, "background", {}, () => [
+      h(e.$slots, "background", {}, () => [
         s[0] || (s[0] = o("div", { class: "absolute inset-0 bg-gradient-to-br from-slate-50 to-slate-100" }, null, -1))
       ])
     ], 2)) : f("", !0),
     o("div", {
-      class: c(l.contentClasses)
+      class: d(l.contentClasses)
     }, [
       e.$slots.header || t.showLogo ? (a(), r("div", {
         key: 0,
-        class: c(l.headerClasses)
+        class: d(l.headerClasses)
       }, [
-        b(e.$slots, "header", {}, () => [
-          o("div", hr, [
-            b(e.$slots, "logo", {}, () => [
-              o("div", br, [
+        h(e.$slots, "header", {}, () => [
+          o("div", br, [
+            h(e.$slots, "logo", {}, () => [
+              o("div", hr, [
                 s[1] || (s[1] = o("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   o("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
@@ -6750,47 +6742,47 @@ function Cr(e, s, t, l, n, i) {
         ])
       ], 2)) : f("", !0),
       o("div", {
-        class: c(l.errorContentClasses)
+        class: d(l.errorContentClasses)
       }, [
         e.$slots.illustration || t.showDefaultIllustration ? (a(), r("div", {
           key: 0,
-          class: c(l.illustrationClasses)
+          class: d(l.illustrationClasses)
         }, [
-          b(e.$slots, "illustration", {}, () => [
+          h(e.$slots, "illustration", {}, () => [
             (a(), M(X(l.errorIcon), {
-              class: c(l.iconClasses)
+              class: d(l.iconClasses)
             }, null, 8, ["class"]))
           ])
         ], 2)) : f("", !0),
         o("div", {
-          class: c(l.detailsClasses)
+          class: d(l.detailsClasses)
         }, [
           o("h1", {
-            class: c(l.titleClasses)
+            class: d(l.titleClasses)
           }, [
-            b(e.$slots, "title", {}, () => [
+            h(e.$slots, "title", {}, () => [
               N(p(l.errorTitle), 1)
             ])
           ], 2),
           o("p", {
-            class: c(l.messageClasses)
+            class: d(l.messageClasses)
           }, [
-            b(e.$slots, "message", {}, () => [
+            h(e.$slots, "message", {}, () => [
               N(p(l.errorMessage), 1)
             ])
           ], 2),
           t.errorCode ? (a(), r("div", {
             key: 0,
-            class: c(l.codeClasses)
+            class: d(l.codeClasses)
           }, " Error Code: " + p(t.errorCode), 3)) : f("", !0)
         ], 2),
         e.$slots.actions || t.showDefaultActions ? (a(), r("div", {
           key: 1,
-          class: c(l.actionsClasses)
+          class: d(l.actionsClasses)
         }, [
-          b(e.$slots, "actions", {}, () => [
+          h(e.$slots, "actions", {}, () => [
             o("div", xr, [
-              t.showHomeButton ? (a(), M(d, {
+              t.showHomeButton ? (a(), M(c, {
                 key: 0,
                 href: t.homeUrl,
                 variant: "primary",
@@ -6801,7 +6793,7 @@ function Cr(e, s, t, l, n, i) {
                 ]),
                 _: 1
               }, 8, ["href"])) : f("", !0),
-              t.showBackButton ? (a(), M(d, {
+              t.showBackButton ? (a(), M(c, {
                 key: 1,
                 variant: "outline",
                 size: "lg",
@@ -6812,7 +6804,7 @@ function Cr(e, s, t, l, n, i) {
                 ]),
                 _: 1
               }, 8, ["onClick"])) : f("", !0),
-              t.showRetryButton ? (a(), M(d, {
+              t.showRetryButton ? (a(), M(c, {
                 key: 2,
                 variant: "ghost",
                 size: "lg",
@@ -6828,9 +6820,9 @@ function Cr(e, s, t, l, n, i) {
         ], 2)) : f("", !0),
         e.$slots.help || t.helpText ? (a(), r("div", {
           key: 2,
-          class: c(l.helpClasses)
+          class: d(l.helpClasses)
         }, [
-          b(e.$slots, "help", {}, () => [
+          h(e.$slots, "help", {}, () => [
             o("p", kr, [
               N(p(t.helpText) + " ", 1),
               t.supportUrl ? (a(), r("a", {
@@ -6854,21 +6846,21 @@ const $r = /* @__PURE__ */ Ne(pr, [["render", Cr]]), Be = {
   Icon: Y,
   Image: ct,
   Input: pe,
-  Label: je,
-  Link: ht,
+  Label: Ie,
+  Link: bt,
   Logo: yt,
   Option: Le,
   ProgressBar: wt,
   Radio: St,
   Select: we,
-  Spinner: Ie,
+  Spinner: je,
   Switch: Vt,
   Text: Tt,
-  Textarea: It,
-  Tooltip: jt,
-  Typography: be,
+  Textarea: jt,
+  Tooltip: It,
+  Typography: he,
   Alert: Rt,
-  Breadcrumb: qt,
+  Breadcrumb: Ot,
   ButtonGroup: Et,
   Card: Wt,
   CardHeader: Jt,
@@ -6892,10 +6884,10 @@ const $r = /* @__PURE__ */ Ne(pr, [["render", Cr]]), Be = {
   Toast: cs,
   Search: Ss,
   Slider: Ts,
-  Stepper: Is,
+  Stepper: js,
   StepperItem: Ps,
   Tab: _s,
-  TabPanel: Os,
+  TabPanel: Hs,
   Accordion: Gs,
   AccordionItem: Ks,
   Calendar: el,
@@ -6907,10 +6899,10 @@ const $r = /* @__PURE__ */ Ne(pr, [["render", Cr]]), Be = {
   DataTableFilters: Al,
   DataTableToolBar: an,
   Footer: un,
-  Header: bn,
+  Header: hn,
   Sidebar: $n,
   Timeline: Sn,
-  TimelineItem: In,
+  TimelineItem: jn,
   AuthLayout: or,
   DefaultLayout: fr,
   ErrorLayout: $r
@@ -6930,7 +6922,7 @@ export {
   or as AuthLayout,
   Ke as Avatar,
   Ye as Badge,
-  qt as Breadcrumb,
+  Ot as Breadcrumb,
   ee as Button,
   Et as ButtonGroup,
   el as Calendar,
@@ -6957,13 +6949,13 @@ export {
   xa as FileUpload,
   un as Footer,
   za as FormField,
-  bn as Header,
+  hn as Header,
   Y as Icon,
   ct as Image,
   pe as Input,
   Ta as InputGroup,
-  je as Label,
-  ht as Link,
+  Ie as Label,
+  bt as Link,
   Pa as ListItem,
   yt as Logo,
   Na as MenuItem,
@@ -6979,19 +6971,19 @@ export {
   we as Select,
   $n as Sidebar,
   Ts as Slider,
-  Ie as Spinner,
-  Is as Stepper,
+  je as Spinner,
+  js as Stepper,
   Ps as StepperItem,
   Vt as Switch,
   _s as Tab,
-  Os as TabPanel,
+  Hs as TabPanel,
   Tt as Text,
-  It as Textarea,
+  jt as Textarea,
   Sn as Timeline,
-  In as TimelineItem,
+  jn as TimelineItem,
   cs as Toast,
-  jt as Tooltip,
-  be as Typography,
+  It as Tooltip,
+  he as Typography,
   v as cn,
   Vr as default,
   Se as toast,