@stlhorizon/vue-ui 1.2.0 → 1.2.2

package/dist/index.esm.js

@@ -1,86 +1,10 @@
-import { ref as O, markRaw as Be, computed as u, createElementBlock as r, openBlock as a, normalizeClass as c, 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, TransitionGroup as Ne, withDirectives as xe, vModelText as Re, provide as _e, inject as Oe, vShow as Te, createSlots as qe, withModifiers as $e, resolveComponent as G } from "vue";
+import { computed as u, createElementBlock as r, openBlock as a, normalizeClass as c, 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 He } from "clsx";
-const fe = O([]);
-let Ee = 0;
-const Ue = {
-  duration: 2e3,
-  position: "top-center",
-  dismissible: !0,
-  closeButton: !1
-}, Ze = () => `toast-${++Ee}-${Date.now()}`, re = (e, s = {}) => {
-  const t = Ze(), l = {
-    id: t,
-    message: e,
-    ...Ue,
-    ...s,
-    createdAt: Date.now()
-  };
-  return fe.value.push(Be(l)), l.duration && l.duration > 0 && setTimeout(() => {
-    ue(t);
-  }, l.duration), t;
-}, ue = (e) => {
-  const s = fe.value.findIndex((t) => t.id === e);
-  s > -1 && fe.value.splice(s, 1);
-}, Me = () => {
-  fe.value = [];
-}, Ge = Object.assign(
-  // Default toast function
-  (e, s) => re(e, { ...s }),
-  // Toast type methods
-  {
-    success: (e, s) => re(e, { ...s, variant: "success" }),
-    error: (e, s) => re(e, { ...s, variant: "destructive" }),
-    warning: (e, s) => re(e, { ...s, variant: "warning" }),
-    info: (e, s) => re(e, { ...s, variant: "default" }),
-    // Promise toast for async operations
-    promise: (e, s = {}) => {
-      const {
-        loading: t = "Loading...",
-        success: l = "Success",
-        error: n = "Error",
-        ...i
-      } = s, d = re(t, {
-        ...i,
-        variant: "default",
-        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, {
-          ...i,
-          variant: "success"
-        }), m;
-      }).catch((m) => {
-        ue(d);
-        const h = typeof n == "function" ? n(m) : n;
-        throw re(h, {
-          ...i,
-          variant: "destructive"
-        }), m;
-      });
-    },
-    // Utility methods
-    dismiss: ue,
-    dismissAll: Me,
-    // Custom toast with component
-    custom: (e, s = {}) => re("", {
-      ...s,
-      component: Be(e)
-    })
-  }
-), Ke = () => ({
-  toasts: fe.value,
-  dismiss: ue,
-  dismissAll: Me
-});
+import { clsx as Ee } from "clsx";
 function v(...e) {
-  return He(e);
+  return Ee(e);
 }
-const Qe = {
+const Ue = {
   // Navigation
   home: {
     template: '<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>'
@@ -164,8 +88,41 @@ const Qe = {
   },
   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>`
   }
-}, Ye = ["innerHTML", "aria-hidden", "aria-label", "role"], Y = {
+}, Ze = ["innerHTML", "aria-hidden", "aria-label", "role"], Y = {
   __name: "Icon",
   props: {
     name: {
@@ -181,7 +138,7 @@ const Qe = {
   },
   setup(e) {
     const s = e, t = u(() => {
-      const d = Qe[s.name];
+      const d = Ue[s.name];
       return d ? d.template : (console.warn(`Icon "${s.name}" not found`), "");
     }), l = u(() => {
       const d = {
@@ -205,9 +162,9 @@ const Qe = {
       "aria-hidden": !e.ariaLabel,
       "aria-label": e.ariaLabel,
       role: e.ariaLabel ? "img" : void 0
-    }, null, 10, Ye));
+    }, null, 10, Ze));
   }
-}, Xe = ["src", "alt"], We = {
+}, Ge = ["src", "alt"], Ke = {
   __name: "Avatar",
   props: {
     src: String,
@@ -226,7 +183,7 @@ const Qe = {
     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: {
@@ -263,10 +220,10 @@ const Qe = {
         "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", {
+    return (w, C) => (a(), r("div", {
       class: c(n.value)
     }, [
       e.src ? (a(), r("img", {
@@ -274,8 +231,8 @@ const Qe = {
         src: e.src,
         alt: e.alt,
         class: c(i.value),
-        onError: h
-      }, null, 42, Xe)) : e.initials ? (a(), r("span", {
+        onError: b
+      }, null, 42, Ge)) : e.initials ? (a(), r("span", {
         key: 1,
         class: c(d.value)
       }, p(e.initials), 3)) : (a(), M(Y, {
@@ -285,7 +242,7 @@ const Qe = {
       }, null, 8, ["class"]))
     ], 2));
   }
-}, Je = ["aria-label"], et = /* @__PURE__ */ Object.assign({
+}, Qe = ["aria-label"], Ye = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Badge",
@@ -358,14 +315,14 @@ const Qe = {
       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: c(D(v)(D(d)({ 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)
       }, null, 8, ["class"])) : f("", !0),
-      b(h.$slots, "default"),
+      h(b.$slots, "default"),
       e.dismissible ? (a(), r("button", {
         key: 1,
         onClick: i,
@@ -373,16 +330,16 @@ const Qe = {
         "aria-label": e.dismissLabel
       }, [
         y(t, { class: "w-3 h-3" })
-      ], 8, Je)) : f("", !0)
+      ], 8, Qe)) : f("", !0)
     ], 2));
   }
-}), tt = ["disabled", "aria-disabled", "aria-busy"], at = {
+}), Xe = ["disabled", "aria-disabled", "aria-busy"], We = {
   key: 0,
   class: "animate-spin mr-2 h-4 w-4 text-current",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
-}, st = { key: 2 }, ee = /* @__PURE__ */ Object.assign({
+}, Je = { key: 2 }, ee = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Button",
@@ -442,7 +399,7 @@ const Qe = {
       "aria-disabled": e.disabled || e.loading,
       "aria-busy": e.loading
     }, t.$attrs), [
-      e.loading ? (a(), r("svg", at, [...l[0] || (l[0] = [
+      e.loading ? (a(), r("svg", We, [...l[0] || (l[0] = [
         o("circle", {
           class: "opacity-25",
           cx: "12",
@@ -457,11 +414,11 @@ const Qe = {
           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", st, p(e.loadingText), 1)) : b(t.$slots, "default", { key: 3 })
-    ], 16, tt));
+      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));
   }
-}), lt = { class: "flex items-center gap-3" }, nt = { class: "relative" }, rt = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], ot = { class: "flex-1" }, it = ["for"], ke = {
+}), 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 = {
   __name: "Checkbox",
   props: {
     modelValue: {
@@ -525,23 +482,23 @@ const Qe = {
       <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, d = 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 = () => {
+    }, C = () => {
       !n.disabled && d.value && d.value.click();
-    }, I = u(() => {
+    }, j = u(() => {
       if (n.error) return `${m.value}-error`;
     }), T = u(() => ({
       sm: "w-4 h-4",
@@ -562,18 +519,18 @@ const Qe = {
       "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,
@@ -584,26 +541,26 @@ const Qe = {
     ]);
     return oe(() => n.indeterminate, (B) => {
       d.value && (d.value.indeterminate = B);
-    }, { immediate: !0 }), (B, $) => (a(), r("div", lt, [
-      o("div", nt, [
+    }, { immediate: !0 }), (B, $) => (a(), r("div", et, [
+      o("div", tt, [
         o("input", {
           id: m.value,
           ref_key: "checkboxRef",
           ref: d,
           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
-        }, null, 42, rt),
+          "aria-describedby": j.value,
+          onChange: w
+        }, null, 42, at),
         o("div", {
           class: c(z.value),
-          onClick: w
+          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, {
@@ -612,15 +569,15 @@ const Qe = {
           })) : f("", !0)
         ], 2)
       ]),
-      o("div", ot, [
+      o("div", st, [
         o("label", {
           for: m.value,
-          class: c(C.value)
+          class: c(k.value)
         }, [
-          b(B.$slots, "default", {}, () => [
+          h(B.$slots, "default", {}, () => [
             N(p(e.label), 1)
           ])
-        ], 10, it),
+        ], 10, lt),
         e.description ? (a(), r("p", {
           key: 0,
           class: c(g.value)
@@ -628,10 +585,10 @@ const Qe = {
       ])
     ]));
   }
-}, dt = {
+}, nt = {
   key: 0,
   class: "px-3 text-sm text-gray-500 bg-white dark:bg-gray-900 dark:text-gray-400 relative z-10"
-}, ct = {
+}, rt = {
   __name: "Divider",
   props: {
     orientation: {
@@ -721,13 +678,13 @@ const Qe = {
     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))
     }, [
-      e.label && e.orientation === "horizontal" ? (a(), r("span", dt, p(e.label), 1)) : f("", !0)
+      e.label && e.orientation === "horizontal" ? (a(), r("span", nt, p(e.label), 1)) : f("", !0)
     ], 2));
   }
-}, ut = ["aria-label"], mt = {
+}, ot = ["aria-label"], it = {
   key: 0,
   class: "sr-only"
-}, Ie = {
+}, je = {
   __name: "Spinner",
   props: {
     size: {
@@ -801,10 +758,10 @@ const Qe = {
           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"
         }, null, -1)
       ])], 2)),
-      e.label ? (a(), r("span", mt, p(e.label), 1)) : f("", !0)
-    ], 10, ut));
+      e.label ? (a(), r("span", it, p(e.label), 1)) : f("", !0)
+    ], 10, ot));
   }
-}, ft = ["src", "alt", "loading"], vt = {
+}, dt = ["src", "alt", "loading"], ct = {
   __name: "Image",
   props: {
     src: {
@@ -838,7 +795,7 @@ const Qe = {
   },
   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), d = x(
       "relative overflow-hidden bg-muted",
       {
         variants: {
@@ -853,7 +810,7 @@ const Qe = {
       }
     ), m = u(
       () => v(d({ aspectRatio: t.aspectRatio }), t.class)
-    ), h = u(
+    ), b = u(
       () => v(
         "h-full w-full transition-opacity duration-300",
         {
@@ -866,11 +823,11 @@ const Qe = {
         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);
@@ -881,23 +838,23 @@ const Qe = {
       o("img", {
         src: e.src,
         alt: e.alt,
-        class: c(h.value),
+        class: c(b.value),
         loading: e.loading,
-        onLoad: I,
+        onLoad: j,
         onError: T
-      }, null, 42, ft),
+      }, null, 42, dt),
       n.value ? (a(), r("div", {
         key: 0,
-        class: c(k.value)
+        class: c(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: c(C.value)
       }, [
         y(Y, {
           name: "ImageOff",
@@ -907,13 +864,13 @@ const Qe = {
       ], 2)) : f("", !0)
     ], 2));
   }
-}, gt = { class: "relative" }, pt = {
+}, ut = { class: "relative" }, mt = {
   key: 0,
   class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none"
-}, ht = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "aria-describedby", "aria-invalid"], bt = {
+}, ft = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "aria-describedby", "aria-invalid"], vt = {
   key: 1,
   class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, yt = ["aria-label"], pe = {
+}, gt = ["aria-label"], pe = {
   __name: "Input",
   props: {
     modelValue: {
@@ -982,15 +939,15 @@ const Qe = {
   },
   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), d = 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`;
@@ -998,7 +955,7 @@ const Qe = {
       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"
@@ -1012,7 +969,7 @@ const Qe = {
       "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
@@ -1022,8 +979,8 @@ const Qe = {
       focus: () => i.value?.focus(),
       blur: () => i.value?.blur(),
       select: () => i.value?.select()
-    }), ($, j) => (a(), r("div", gt, [
-      e.iconLeft ? (a(), r("div", pt, [
+    }), ($, I) => (a(), r("div", ut, [
+      e.iconLeft ? (a(), r("div", mt, [
         (a(), M(X(e.iconLeft), {
           class: c(g.value)
         }, null, 8, ["class"]))
@@ -1043,14 +1000,14 @@ const Qe = {
         "aria-describedby": R.value,
         "aria-invalid": T.value,
         onInput: m,
-        onBlur: h,
-        onFocus: k,
-        onKeydown: w
-      }, null, 42, ht),
-      e.iconRight || e.clearable ? (a(), r("div", bt, [
+        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
@@ -1059,14 +1016,14 @@ const Qe = {
             name: "x-mark",
             class: "w-5 h-5"
           })
-        ], 8, yt)) : e.iconRight ? (a(), M(X(e.iconRight), {
+        ], 8, gt)) : e.iconRight ? (a(), M(X(e.iconRight), {
           key: 1,
           class: c(g.value)
         }, null, 8, ["class"])) : f("", !0)
       ])) : f("", !0)
     ]));
   }
-}, xt = ["for"], je = {
+}, pt = ["for"], Ie = {
   __name: "Label",
   props: {
     htmlFor: String,
@@ -1102,10 +1059,10 @@ const Qe = {
       class: c(l.value),
       for: e.htmlFor
     }, [
-      b(n.$slots, "default")
-    ], 10, xt));
+      h(n.$slots, "default")
+    ], 10, pt));
   }
-}, kt = {
+}, bt = {
   __name: "Link",
   props: {
     href: { type: String, default: null },
@@ -1180,19 +1137,19 @@ const Qe = {
           disabled: !1
         }
       }
-    ), d = (h) => {
+    ), d = (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)),
+      class: c(D(v)(D(i)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), b.$attrs.class)),
       onClick: d
     }, {
       default: S(() => [
@@ -1201,7 +1158,7 @@ const Qe = {
           name: e.icon,
           class: c(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,
@@ -1216,7 +1173,7 @@ const Qe = {
       _: 3
     }, 8, ["href", "to", "target", "rel", "class"]));
   }
-}, wt = ["src", "alt"], Ct = {
+}, ht = ["src", "alt"], yt = {
   __name: "Logo",
   props: {
     src: String,
@@ -1270,13 +1227,13 @@ const Qe = {
         src: e.src,
         alt: e.alt || "Logo",
         class: c(n.value)
-      }, null, 10, wt)) : (a(), r("div", {
+      }, null, 10, ht)) : (a(), r("div", {
         key: 1,
         class: c(i.value)
       }, p(e.text || "Logo"), 3))
     ], 2));
   }
-}, $t = ["value", "disabled", "selected"], Le = {
+}, xt = ["value", "disabled", "selected"], Le = {
   __name: "Option",
   props: {
     value: {
@@ -1302,12 +1259,12 @@ const Qe = {
       disabled: e.disabled,
       selected: e.selected
     }, [
-      b(s.$slots, "default", {}, () => [
+      h(s.$slots, "default", {}, () => [
         N(p(e.label), 1)
       ])
-    ], 8, $t));
+    ], 8, xt));
   }
-}, St = ["aria-valuenow"], zt = {
+}, kt = ["aria-valuenow"], wt = {
   __name: "ProgressBar",
   props: {
     value: {
@@ -1333,8 +1290,8 @@ const Qe = {
   },
   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",
       {
@@ -1365,7 +1322,7 @@ const Qe = {
     ), m = u(
       () => "absolute inset-0 flex items-center justify-center text-xs font-medium text-primary-foreground"
     );
-    return (h, k) => (a(), r("div", {
+    return (b, w) => (a(), r("div", {
       class: c(i.value)
     }, [
       o("div", {
@@ -1375,14 +1332,14 @@ const Qe = {
         "aria-valuenow": t.value,
         "aria-valuemin": 0,
         "aria-valuemax": 100
-      }, null, 14, St),
+      }, null, 14, kt),
       e.showLabel ? (a(), r("span", {
         key: 0,
         class: c(m.value)
       }, p(t.value) + "% ", 3)) : f("", !0)
     ], 2));
   }
-}, Bt = { class: "flex items-center space-x-2" }, Vt = ["aria-checked", "disabled"], Tt = {
+}, Ct = { class: "flex items-center space-x-2" }, $t = ["aria-checked", "disabled"], St = {
   __name: "Radio",
   props: {
     modelValue: null,
@@ -1426,36 +1383,36 @@ const Qe = {
           "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", Bt, [
+    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
+        onClick: w
       }, [
         n.value ? (a(), r("div", {
           key: 0,
           class: c(m.value)
         }, null, 2)) : f("", !0)
-      ], 10, Vt),
+      ], 10, $t),
       e.label ? (a(), r("label", {
         key: 0,
-        class: c(h.value),
-        onClick: k
+        class: c(b.value),
+        onClick: w
       }, p(e.label), 3)) : f("", !0)
     ]));
   }
-}, Mt = ["value", "disabled"], we = {
+}, zt = ["value", "disabled"], we = {
   __name: "Select",
   props: {
     modelValue: {
@@ -1493,10 +1450,10 @@ const Qe = {
       disabled: e.disabled,
       class: l.value
     }, n.$attrs), [
-      b(n.$slots, "default")
-    ], 16, Mt));
+      h(n.$slots, "default")
+    ], 16, zt));
   }
-}, It = ["aria-checked", "disabled"], jt = {
+}, Bt = ["aria-checked", "disabled"], Vt = {
   __name: "Switch",
   props: {
     modelValue: Boolean,
@@ -1585,23 +1542,23 @@ const Qe = {
         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
+      onClick: b
     }, [
       o("span", {
         class: c(m.value)
       }, null, 2)
-    ], 10, It));
+    ], 10, Bt));
   }
-}, Lt = {
+}, Tt = {
   __name: "Text",
   props: {
     as: {
@@ -1673,12 +1630,12 @@ const Qe = {
       class: c(l.value)
     }, {
       default: S(() => [
-        b(n.$slots, "default")
+        h(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Dt = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], At = {
+}, Mt = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], jt = {
   __name: "Textarea",
   props: {
     modelValue: { type: String, default: "" },
@@ -1709,9 +1666,9 @@ const Qe = {
   },
   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(
+    const l = e, n = t, i = H(null), d = 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 ? `${d.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",
@@ -1742,13 +1699,13 @@ const Qe = {
       }
     ), 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(),
@@ -1766,14 +1723,14 @@ const Qe = {
       maxlength: e.maxlength,
       class: c(z.value),
       "aria-describedby": T.value,
-      "aria-invalid": I.value,
+      "aria-invalid": j.value,
       onInput: m,
-      onBlur: h,
-      onFocus: k,
-      onKeydown: w
-    }, null, 42, Dt));
+      onBlur: b,
+      onFocus: w,
+      onKeydown: C
+    }, null, 42, Mt));
   }
-}, Pt = {
+}, It = {
   __name: "Tooltip",
   props: {
     content: {
@@ -1792,7 +1749,7 @@ const Qe = {
     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",
@@ -1822,19 +1779,19 @@ const Qe = {
       () => 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",
@@ -1859,7 +1816,7 @@ const Qe = {
       })
     ], 32));
   }
-}, be = {
+}, he = {
   __name: "Typography",
   props: {
     variant: {
@@ -1964,25 +1921,25 @@ const Qe = {
         "whitespace-nowrap": s.noWrap
       }
     ]);
-    return (m, h) => (a(), M(X(t.value), {
+    return (m, b) => (a(), M(X(t.value), {
       class: c(d.value)
     }, {
       default: S(() => [
-        b(m.$slots, "default")
+        h(m.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Ft = { class: "flex items-start gap-3" }, Nt = {
+}, Lt = { class: "flex items-start gap-3" }, Dt = {
   key: 0,
   class: "flex-shrink-0 mt-0.5"
-}, Rt = { class: "flex-1 min-w-0" }, _t = {
+}, At = { class: "flex-1 min-w-0" }, Pt = {
   key: 0,
   class: "font-medium text-sm mb-1"
-}, Ot = {
+}, Ft = {
   key: 1,
   class: "mt-3 flex gap-2"
-}, qt = ["aria-label"], Ht = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Nt = ["aria-label"], Rt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Alert",
   props: {
     variant: {
@@ -2002,7 +1959,7 @@ const Qe = {
   },
   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) => {
       l("action", g), g.onClick && g.onClick();
@@ -2018,28 +1975,28 @@ const Qe = {
         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"
@@ -2048,11 +2005,11 @@ const Qe = {
   `
     }, 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",
       {
@@ -2075,7 +2032,7 @@ const Qe = {
       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",
@@ -2097,28 +2054,28 @@ const Qe = {
           class: c(D(v)(D(R)({ variant: e.variant }), g.$attrs.class)),
           role: "alert"
         }, [
-          o("div", Ft, [
-            e.showIcon ? (a(), r("div", Nt, [
+          o("div", Lt, [
+            e.showIcon ? (a(), r("div", Dt, [
               (a(), M(X(T.value), {
                 class: c(z.value)
               }, null, 8, ["class"]))
             ])) : f("", !0),
-            o("div", Rt, [
-              e.title ? (a(), r("h4", _t, p(e.title), 1)) : 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 }])
               }, [
-                b(g.$slots, "default", {}, () => [
+                h(g.$slots, "default", {}, () => [
                   N(p(e.message), 1)
                 ])
               ], 2),
-              g.$slots.actions || e.actions.length > 0 ? (a(), r("div", Ot, [
-                b(g.$slots, "actions", {}, () => [
+              g.$slots.actions || e.actions.length > 0 ? (a(), r("div", Ft, [
+                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) => d($)
                   }, {
                     default: S(() => [
                       N(p($.label), 1)
@@ -2131,18 +2088,18 @@ const Qe = {
             e.dismissible ? (a(), r("button", {
               key: 1,
               onClick: i,
-              class: c(C.value),
+              class: c(k.value),
               "aria-label": e.dismissLabel
             }, [
-              y(I, { class: "w-4 h-4" })
-            ], 10, qt)) : f("", !0)
+              y(j, { class: "w-4 h-4" })
+            ], 10, Nt)) : f("", !0)
           ])
         ], 2)) : f("", !0)
       ]),
       _: 3
     }));
   }
-}), Et = ["aria-label"], Ut = { class: "flex items-center space-x-1" }, Zt = {
+}), _t = ["aria-label"], Ht = { class: "flex items-center space-x-1" }, Ot = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -2179,7 +2136,7 @@ const Qe = {
       "aria-label": e.ariaLabel,
       class: c(["flex", l.value])
     }, [
-      o("ol", Ut, [
+      o("ol", Ht, [
         (a(!0), r(Q, null, K(e.items, (d, m) => (a(), r("li", {
           key: m,
           class: "flex items-center"
@@ -2204,9 +2161,9 @@ const Qe = {
           }, null, 8, ["name"])) : f("", !0)
         ]))), 128))
       ])
-    ], 10, Et));
+    ], 10, _t));
   }
-}, Gt = ["aria-label"], Kt = {
+}, qt = ["aria-label"], Et = {
   __name: "ButtonGroup",
   props: {
     orientation: {
@@ -2242,13 +2199,13 @@ const Qe = {
       role: "group",
       "aria-label": e.ariaLabel
     }, [
-      b(n.$slots, "default")
-    ], 10, Gt));
+      h(n.$slots, "default")
+    ], 10, qt));
   }
-}, Qt = { class: "flex items-start justify-between" }, Yt = { class: "flex-1 min-w-0" }, Xt = {
+}, Ut = { class: "flex items-start justify-between" }, Zt = { class: "flex-1 min-w-0" }, Gt = {
   key: 0,
   class: "flex-shrink-0 ml-4"
-}, Wt = ["src", "alt"], Jt = "w-full h-auto object-cover", ea = "text-lg font-semibold text-slate-900 truncate", ta = "text-sm text-slate-600 mt-1", aa = {
+}, Kt = ["src", "alt"], Qt = "w-full h-auto object-cover", Yt = "text-lg font-semibold text-slate-900 truncate", Xt = "text-sm text-slate-600 mt-1", Wt = {
   __name: "Card",
   props: {
     variant: {
@@ -2274,8 +2231,8 @@ const Qe = {
   },
   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",
       {
@@ -2331,7 +2288,7 @@ const Qe = {
           xl: "p-8"
         }
       }
-    }), h = x(
+    }), b = x(
       "border-t border-slate-100 bg-slate-50/50",
       {
         variants: {
@@ -2344,7 +2301,7 @@ const Qe = {
           }
         }
       }
-    ), k = x("", {
+    ), w = x("", {
       variants: {
         padding: {
           none: "",
@@ -2355,60 +2312,60 @@ const Qe = {
         }
       }
     });
-    return (w, I) => (a(), r("div", {
+    return (C, j) => (a(), r("div", {
       class: c(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 })))
       }, [
-        b(w.$slots, "header", {}, () => [
-          o("div", Qt, [
-            o("div", Yt, [
+        h(C.$slots, "header", {}, () => [
+          o("div", Ut, [
+            o("div", Zt, [
               e.title ? (a(), r("h3", {
                 key: 0,
-                class: c(ea)
+                class: c(Yt)
               }, p(e.title), 1)) : f("", !0),
               e.subtitle ? (a(), r("p", {
                 key: 1,
-                class: c(ta)
+                class: c(Xt)
               }, p(e.subtitle), 1)) : f("", !0)
             ]),
-            w.$slots.actions ? (a(), r("div", Xt, [
-              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: c(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(Jt)
-          }, null, 8, Wt)) : f("", !0)
+            class: c(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 })))
       }, [
-        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: c(D(v)(D(b)({ padding: e.padding })))
       }, [
-        b(w.$slots, "footer")
+        h(C.$slots, "footer")
       ], 2)) : f("", !0)
     ], 2));
   }
-}, sa = /* @__PURE__ */ Object.assign({
+}, Jt = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardHeader",
@@ -2416,10 +2373,10 @@ const Qe = {
     return (s, t) => (a(), r("div", {
       class: c(D(v)("flex flex-col space-y-1.5 p-6", s.$attrs.class))
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
-}), la = {
+}), ea = {
   __name: "CardBody",
   props: {
     variant: {
@@ -2443,10 +2400,10 @@ const Qe = {
     return (n, i) => (a(), r("div", {
       class: c(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
-}, na = {
+}, ta = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -2470,10 +2427,10 @@ const Qe = {
     return (n, i) => (a(), r("div", {
       class: c(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
-}, ra = /* @__PURE__ */ Object.assign({
+}, aa = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -2481,10 +2438,10 @@ const Qe = {
     return (s, t) => (a(), r("div", {
       class: c(D(v)("p-6 pt-0", s.$attrs.class))
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
-}), oa = /* @__PURE__ */ Object.assign({
+}), sa = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -2492,10 +2449,10 @@ const Qe = {
     return (s, t) => (a(), r("h3", {
       class: c(D(v)("text-2xl font-semibold leading-none tracking-tight", s.$attrs.class))
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
-}), ia = { class: "relative" }, da = ["id", "value", "disabled", "required", "min", "max"], ca = {
+}), la = { class: "relative" }, na = ["id", "value", "disabled", "required", "min", "max"], ra = {
   __name: "DatePicker",
   props: {
     modelValue: String,
@@ -2536,7 +2493,7 @@ const Qe = {
     ), l = u(
       () => v(t({ variant: s.variant, size: s.size }))
     );
-    return (n, i) => (a(), r("div", ia, [
+    return (n, i) => (a(), r("div", la, [
       o("input", {
         id: e.id,
         value: e.modelValue,
@@ -2547,14 +2504,14 @@ const Qe = {
         min: e.min,
         max: e.max,
         onInput: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
-      }, null, 42, da),
+      }, null, 42, na),
       y(Y, {
         name: "calendar",
         class: "absolute right-3 top-1/2 transform -translate-y-1/2 w-4 h-4 pointer-events-none text-gray-400"
       })
     ]));
   }
-}, ua = ["aria-expanded"], ma = {
+}, oa = ["aria-expanded"], ia = {
   __name: "Dropdown",
   props: {
     triggerText: {
@@ -2573,7 +2530,7 @@ const Qe = {
     }
   },
   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: {
@@ -2600,34 +2557,34 @@ const Qe = {
       () => 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,
+        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",
             class: "ml-2 h-4 w-4"
           })
         ])
-      ], 10, ua),
+      ], 10, oa),
       y(ae, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
@@ -2643,17 +2600,17 @@ const Qe = {
             role: "menu",
             "aria-orientation": "vertical"
           }, [
-            b(w.$slots, "default")
+            h(C.$slots, "default")
           ], 2)) : f("", !0)
         ]),
         _: 3
       })
     ], 512));
   }
-}, fa = {
+}, da = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, va = {
+}, ca = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -2683,7 +2640,7 @@ const Qe = {
     ), d = (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),
       disabled: e.disabled,
@@ -2696,19 +2653,19 @@ const Qe = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
-        b(m.$slots, "default"),
-        e.shortcut ? (a(), r("span", fa, p(e.shortcut), 1)) : f("", !0)
+        h(m.$slots, "default"),
+        e.shortcut ? (a(), r("span", da, p(e.shortcut), 1)) : f("", !0)
       ]),
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, ga = { class: "w-full" }, pa = ["multiple", "accept"], ha = { class: "flex flex-col items-center justify-center py-6" }, ba = {
+}, ua = { class: "w-full" }, ma = ["multiple", "accept"], fa = { class: "flex flex-col items-center justify-center py-6" }, va = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
-}, ya = {
+}, ga = {
   key: 0,
   class: "mt-4 space-y-2"
-}, xa = { class: "flex items-center space-x-2" }, ka = { class: "text-sm" }, wa = { class: "text-xs text-muted-foreground" }, Ca = ["onClick"], $a = {
+}, 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,
@@ -2723,7 +2680,7 @@ const Qe = {
   },
   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), d = H(null), m = x(
       "border-2 border-dashed rounded-lg cursor-pointer transition-colors hover:bg-muted/50",
       {
         variants: {
@@ -2733,42 +2690,42 @@ const Qe = {
           }
         }
       }
-    ), 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();
     }, 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", ga, [
+    return ($, I) => (a(), r("div", ua, [
       o("div", {
-        class: c(h.value),
-        onDrop: k,
-        onDragover: w,
-        onDragenter: I,
+        class: c(b.value),
+        onDrop: w,
+        onDragover: C,
+        onDragenter: j,
         onDragleave: T,
         onClick: R
       }, [
@@ -2780,31 +2737,31 @@ const Qe = {
           accept: e.accept,
           class: "hidden",
           onChange: z
-        }, null, 40, pa),
-        o("div", ha, [
+        }, null, 40, ma),
+        o("div", fa, [
           y(Y, {
             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)),
-          e.accept ? (a(), r("p", ba, p(e.accept), 1)) : f("", !0)
+          e.accept ? (a(), r("p", va, p(e.accept), 1)) : f("", !0)
         ])
       ], 34),
-      n.value.length > 0 ? (a(), r("div", ya, [
+      n.value.length > 0 ? (a(), r("div", ga, [
         (a(!0), r(Q, null, K(n.value, (P, E) => (a(), r("div", {
           key: E,
           class: "flex items-center justify-between p-2 bg-muted rounded-md"
         }, [
-          o("div", xa, [
+          o("div", pa, [
             y(Y, {
               name: "file",
               class: "h-4 w-4 text-muted-foreground"
             }),
-            o("span", ka, p(P.name), 1),
-            o("span", wa, "(" + 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),
@@ -2814,16 +2771,16 @@ const Qe = {
               name: "x",
               class: "h-4 w-4"
             })
-          ], 8, Ca)
+          ], 8, ya)
         ]))), 128))
       ])) : f("", !0)
     ]));
   }
-}, Sa = ["for"], za = {
+}, ka = ["for"], wa = {
   key: 0,
   class: "text-red-500 ml-1",
   "aria-label": "required"
-}, Ba = { class: "relative" }, Va = ["id"], Ta = ["id"], Ma = {
+}, Ca = { class: "relative" }, $a = ["id"], Sa = ["id"], za = {
   __name: "FormField",
   props: {
     label: String,
@@ -2852,7 +2809,7 @@ const Qe = {
       <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), d = 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("", {
@@ -2864,7 +2821,7 @@ const Qe = {
         }
       },
       defaultVariants: { size: "md" }
-    }), h = x("block text-slate-900", {
+    }), b = x("block text-slate-900", {
       variants: {
         size: {
           sm: "text-xs font-medium",
@@ -2873,7 +2830,7 @@ const Qe = {
         }
       },
       defaultVariants: { size: "md" }
-    }), k = x("text-slate-600", {
+    }), w = x("text-slate-600", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2882,7 +2839,7 @@ const Qe = {
         }
       },
       defaultVariants: { size: "md" }
-    }), w = x("flex items-start gap-2", {
+    }), C = x("flex items-start gap-2", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2896,7 +2853,7 @@ const Qe = {
         }
       },
       defaultVariants: { size: "md", intent: "error" }
-    }), I = x("text-slate-500", {
+    }), j = x("text-slate-500", {
       variants: {
         size: {
           sm: "text-xs",
@@ -2912,17 +2869,17 @@ const Qe = {
       e.label ? (a(), r("label", {
         key: 0,
         for: D(n),
-        class: c(D(v)(D(h)({ size: e.size })))
+        class: c(D(v)(D(b)({ size: e.size })))
       }, [
         N(p(e.label) + " ", 1),
-        e.required ? (a(), r("span", za, "*")) : f("", !0)
-      ], 10, Sa)) : f("", !0),
+        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: c(D(v)(D(w)({ size: e.size })))
       }, p(e.description), 3)) : f("", !0),
-      o("div", Ba, [
-        b(T.$slots, "default", {
+      o("div", Ca, [
+        h(T.$slots, "default", {
           fieldId: D(n),
           hasError: i.value,
           ariaDescribedBy: d.value
@@ -2940,21 +2897,21 @@ const Qe = {
           i.value ? (a(), r("div", {
             key: 0,
             id: `${D(n)}-error`,
-            class: c(D(v)(D(w)({ size: e.size, intent: "error" }))),
+            class: c(D(v)(D(C)({ size: e.size, intent: "error" }))),
             role: "alert",
             "aria-live": "polite"
           }, [
             y(s, { class: "w-4 h-4 flex-shrink-0 mt-0.5" }),
             o("span", null, p(e.error), 1)
-          ], 10, Va)) : f("", !0)
+          ], 10, $a)) : f("", !0)
         ]),
         _: 1
       }),
       e.helpText && !i.value ? (a(), r("p", {
         key: 2,
         id: `${D(n)}-help`,
-        class: c(D(v)(D(I)({ size: e.size })))
-      }, p(e.helpText), 11, Ta)) : f("", !0),
+        class: c(D(v)(D(j)({ size: e.size })))
+      }, p(e.helpText), 11, Sa)) : f("", !0),
       y(ae, {
         "enter-active-class": "transition-all duration-200",
         "enter-from-class": "opacity-0 -translate-y-1",
@@ -2966,7 +2923,7 @@ const Qe = {
         default: S(() => [
           e.success && !i.value ? (a(), r("div", {
             key: 0,
-            class: c(D(v)(D(w)({ size: e.size, intent: "success" })))
+            class: c(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)
@@ -2976,13 +2933,13 @@ const Qe = {
       })
     ], 2));
   }
-}, Ia = {
+}, Ba = {
   key: 0,
   class: "flex items-center px-3 bg-muted border border-r-0 rounded-l-md"
-}, ja = {
+}, Va = {
   key: 1,
   class: "flex items-center px-3 bg-muted border border-l-0 rounded-r-md"
-}, La = {
+}, Ta = {
   __name: "InputGroup",
   props: {
     variant: {
@@ -3005,28 +2962,28 @@ const Qe = {
     return (n, i) => (a(), r("div", {
       class: c(l.value)
     }, [
-      n.$slots.prefix ? (a(), r("div", Ia, [
-        b(n.$slots, "prefix")
+      n.$slots.prefix ? (a(), r("div", Ba, [
+        h(n.$slots, "prefix")
       ])) : f("", !0),
-      b(n.$slots, "default"),
-      n.$slots.suffix ? (a(), r("div", ja, [
-        b(n.$slots, "suffix")
+      h(n.$slots, "default"),
+      n.$slots.suffix ? (a(), r("div", Va, [
+        h(n.$slots, "suffix")
       ])) : f("", !0)
     ], 2));
   }
-}, Da = ["role"], Aa = {
+}, Ma = ["role"], ja = {
   key: 0,
   class: "flex-shrink-0"
-}, Pa = { class: "flex-1 min-w-0" }, Fa = {
+}, Ia = { class: "flex-1 min-w-0" }, La = {
   key: 0,
   class: "text-sm font-medium text-foreground"
-}, Na = {
+}, Da = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Ra = {
+}, Aa = {
   key: 1,
   class: "flex-shrink-0"
-}, _a = {
+}, Pa = {
   __name: "ListItem",
   props: {
     title: String,
@@ -3060,21 +3017,21 @@ const Qe = {
       () => 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", {
+    return (w, C) => (a(), r("li", {
       class: c(d.value),
       role: e.role
     }, [
       (a(), M(X(e.href ? "a" : "div"), {
         href: e.href,
         class: c(m.value),
-        onClick: h
+        onClick: b
       }, {
         default: S(() => [
-          k.$slots.icon || e.icon ? (a(), r("div", Aa, [
-            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,
@@ -3082,23 +3039,23 @@ const Qe = {
               }, null, 8, ["name"])) : f("", !0)
             ])
           ])) : f("", !0),
-          o("div", Pa, [
-            e.title ? (a(), r("div", Fa, p(e.title), 1)) : f("", !0),
-            e.description ? (a(), r("div", Na, p(e.description), 1)) : f("", !0),
-            b(k.$slots, "default")
+          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),
+            h(w.$slots, "default")
           ]),
-          k.$slots.action ? (a(), r("div", Ra, [
-            b(k.$slots, "action")
+          w.$slots.action ? (a(), r("div", Aa, [
+            h(w.$slots, "action")
           ])) : f("", !0)
         ]),
         _: 3
       }, 8, ["href", "class"]))
-    ], 10, Da));
+    ], 10, Ma));
   }
-}, Oa = {
+}, Fa = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, qa = {
+}, Na = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -3129,7 +3086,7 @@ const Qe = {
     ), d = (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),
       disabled: e.disabled,
@@ -3142,8 +3099,8 @@ const Qe = {
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : f("", !0),
-        b(m.$slots, "default"),
-        e.shortcut ? (a(), r("span", Oa, p(e.shortcut), 1)) : f("", !0),
+        h(m.$slots, "default"),
+        e.shortcut ? (a(), r("span", Fa, p(e.shortcut), 1)) : f("", !0),
         e.hasSubmenu ? (a(), M(Y, {
           key: 2,
           name: "chevron-right",
@@ -3153,7 +3110,7 @@ const Qe = {
       _: 3
     }, 8, ["href", "class", "disabled"]));
   }
-}, Ha = { class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg" }, Ea = {
+}, Ra = { class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg" }, _a = {
   __name: "Modal",
   props: {
     modelValue: Boolean,
@@ -3175,8 +3132,8 @@ const Qe = {
     };
     return oe(() => t.modelValue, (d) => {
       if (d) {
-        const m = (h) => {
-          h.key === "Escape" && n();
+        const m = (b) => {
+          b.key === "Escape" && n();
         };
         return document.addEventListener("keydown", m), () => {
           document.removeEventListener("keydown", m);
@@ -3197,7 +3154,7 @@ const Qe = {
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
             onClick: i
           }, [
-            o("div", Ha, [
+            o("div", Ra, [
               e.showClose ? (a(), r("button", {
                 key: 0,
                 onClick: n,
@@ -3209,7 +3166,7 @@ const Qe = {
                 }),
                 m[0] || (m[0] = o("span", { class: "sr-only" }, "Close", -1))
               ])) : f("", !0),
-              b(d.$slots, "default")
+              h(d.$slots, "default")
             ])
           ])) : f("", !0)
         ]),
@@ -3217,26 +3174,26 @@ const Qe = {
       })
     ]));
   }
-}, Ua = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Za = {
+}, 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"
-}, Ga = {
+}, qa = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, Ka = {
+}, Ea = {
   __name: "ModalHeader",
   props: {
     title: String,
     description: String
   },
   setup(e) {
-    return (s, t) => (a(), r("div", Ua, [
-      e.title ? (a(), r("h2", Za, p(e.title), 1)) : f("", !0),
-      e.description ? (a(), r("p", Ga, 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")
     ]));
   }
-}, Qa = {
+}, Ua = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -3259,10 +3216,10 @@ const Qe = {
     return (n, i) => (a(), r("div", {
       class: c(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
-}, Ya = {
+}, Za = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -3285,16 +3242,16 @@ const Qe = {
     return (n, i) => (a(), r("div", {
       class: c(l.value)
     }, [
-      b(n.$slots, "default")
+      h(n.$slots, "default")
     ], 2));
   }
-}, Xa = ["aria-live"], Wa = { class: "flex items-start space-x-3" }, Ja = {
+}, Ga = ["aria-live"], Ka = { class: "flex items-start space-x-3" }, Qa = {
   key: 0,
   class: "flex-shrink-0"
-}, es = { class: "flex-1 min-w-0" }, ts = {
+}, Ya = { class: "flex-1 min-w-0" }, Xa = {
   key: 0,
   class: "text-sm font-medium"
-}, as = {
+}, Wa = {
   __name: "Notification",
   props: {
     title: String,
@@ -3320,7 +3277,7 @@ const Qe = {
   },
   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: {
@@ -3346,14 +3303,14 @@ const Qe = {
           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(() => d[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",
@@ -3366,28 +3323,28 @@ const Qe = {
       default: S(() => [
         n.value ? (a(), r("div", {
           key: 0,
-          class: c(h.value),
+          class: c(b.value),
           role: "alert",
           "aria-live": e.variant === "destructive" ? "assertive" : "polite"
         }, [
-          o("div", Wa, [
-            e.showIcon ? (a(), r("div", Ja, [
+          o("div", Ka, [
+            e.showIcon ? (a(), r("div", Qa, [
               y(Y, {
-                name: k.value,
-                class: c(w.value)
+                name: w.value,
+                class: c(C.value)
               }, null, 8, ["name", "class"])
             ])) : f("", !0),
-            o("div", es, [
-              e.title ? (a(), r("div", ts, p(e.title), 1)) : 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 }])
               }, 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, {
@@ -3396,12 +3353,87 @@ const Qe = {
               })
             ])) : f("", !0)
           ])
-        ], 10, Xa)) : f("", !0)
+        ], 10, Ga)) : f("", !0)
       ]),
       _: 3
     }));
   }
-}, ss = ["aria-live"], ls = { class: "flex-1 grid gap-1" }, ns = {
+}, fe = H([]);
+let Ja = 0;
+const es = {
+  duration: 2e3,
+  position: "top-center",
+  dismissible: !0,
+  closeButton: !1
+}, ts = () => `toast-${++Ja}-${Date.now()}`, re = (e, s = {}) => {
+  const t = ts(), l = {
+    id: t,
+    message: e,
+    ...es,
+    ...s,
+    createdAt: Date.now()
+  };
+  return fe.value.push(Te(l)), l.duration && l.duration > 0 && setTimeout(() => {
+    ue(t);
+  }, l.duration), t;
+}, ue = (e) => {
+  const s = fe.value.findIndex((t) => t.id === e);
+  s > -1 && fe.value.splice(s, 1);
+}, De = () => {
+  fe.value = [];
+}, Se = Object.assign(
+  // Default toast function
+  (e, s) => re(e, { ...s }),
+  // Toast type methods
+  {
+    success: (e, s) => re(e, { ...s, variant: "success" }),
+    error: (e, s) => re(e, { ...s, variant: "error" }),
+    warning: (e, s) => re(e, { ...s, variant: "warning" }),
+    info: (e, s) => re(e, { ...s, variant: "info" }),
+    // Promise toast for async operations
+    promise: (e, s = {}) => {
+      const {
+        loading: t = "Loading...",
+        success: l = "Success",
+        error: n = "Error",
+        ...i
+      } = s, d = re(t, {
+        ...i,
+        variant: "loading",
+        duration: 0,
+        // Don't auto dismiss
+        dismissible: !1
+      });
+      return e.then((m) => {
+        ue(d);
+        const b = typeof l == "function" ? l(m) : l;
+        return re(b, {
+          ...i,
+          variant: "success"
+        }), m;
+      }).catch((m) => {
+        ue(d);
+        const b = typeof n == "function" ? n(m) : n;
+        throw re(b, {
+          ...i,
+          variant: "error"
+        }), m;
+      });
+    },
+    // Utility methods
+    dismiss: ue,
+    dismissAll: De,
+    // Custom toast with component
+    custom: (e, s = {}) => re("", {
+      ...s,
+      component: Te(e)
+    })
+  }
+), as = () => ({
+  toasts: fe,
+  dismiss: ue,
+  dismissAll: De
+}), ss = ["aria-live"], ls = { class: "flex-1 grid gap-1" }, ns = {
   key: 0,
   class: "text-sm font-semibold"
 }, rs = {
@@ -3447,7 +3479,7 @@ const Qe = {
     }
   },
   setup(e) {
-    const s = e, { toasts: t, dismiss: l } = Ke(), n = {
+    const s = e, { toasts: t, dismiss: l } = as(), n = {
       "top-left": "top-0 left-0 flex-col",
       "top-center": "top-0 left-1/2 -translate-x-1/2 flex-col",
       "top-right": "top-0 right-0 flex-col",
@@ -3461,35 +3493,42 @@ const Qe = {
       {
         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(d({ 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)(
           i.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
       }, [
-        y(Ne, {
+        y(Re, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "transform translate-x-full opacity-0 scale-95",
           "enter-to-class": "transform translate-x-0 opacity-100 scale-100",
@@ -3505,12 +3544,12 @@ const Qe = {
               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"]),
               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: c([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),
@@ -3549,10 +3588,10 @@ const Qe = {
 }, 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 = {
@@ -3604,42 +3643,42 @@ const Qe = {
     <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, d = 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;
+      d("update:modelValue", U), j.value && clearTimeout(j.value), j.value = setTimeout(() => {
+        U.length >= i.minLength ? (d("search", U), w.value = !0) : w.value = !1;
       }, i.debounce);
     }, R = (A) => {
-      d("focus", A), i.modelValue.length >= i.minLength && (k.value = !0);
+      d("focus", A), i.modelValue.length >= i.minLength && (w.value = !0);
     }, z = (A) => {
       d("blur", A), setTimeout(() => {
-        k.value = !1, w.value = -1;
+        w.value = !1, C.value = -1;
       }, 150);
-    }, C = () => {
-      d("update:modelValue", ""), d("clear"), k.value = !1, h.value?.focus();
+    }, k = () => {
+      d("update:modelValue", ""), d("clear"), w.value = !1, b.value?.focus();
     }, g = (A) => {
-      d("select", A), k.value = !1, w.value = -1;
+      d("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: {
@@ -3660,17 +3699,17 @@ const Qe = {
         }
       },
       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
@@ -3683,7 +3722,7 @@ const Qe = {
         ]),
         o("input", {
           ref_key: "inputRef",
-          ref: h,
+          ref: b,
           value: e.modelValue,
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -3696,7 +3735,7 @@ const Qe = {
         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
           }, [
@@ -3715,16 +3754,16 @@ const Qe = {
         "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)
           }, [
-            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: c(q(le)),
                 onClick: (_) => g(J),
-                onMouseenter: (_) => w.value = le
+                onMouseenter: (_) => C.value = le
               }, [
                 J.icon ? (a(), M(X(J.icon), {
                   key: 0,
@@ -3742,10 +3781,10 @@ const Qe = {
                   }, 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)
         ]),
@@ -3763,7 +3802,7 @@ const Qe = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(t.modelValue);
+    const t = e, l = s, n = H(t.modelValue);
     oe(() => t.modelValue, (d) => {
       n.value = d;
     });
@@ -3776,11 +3815,11 @@ const Qe = {
         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), [
-        [Re, n.value]
+        [_e, n.value]
       ]),
       o("div", Vs, [
         o("span", null, p(e.min), 1),
@@ -3789,14 +3828,14 @@ const Qe = {
       ])
     ]));
   }
-}, 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 = {
@@ -3809,7 +3848,7 @@ const Qe = {
     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([
           "flex items-center justify-center w-8 h-8 rounded-full border-2",
@@ -3830,47 +3869,47 @@ const Qe = {
     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 _e("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, [
       o("div", Fs, [
-        (a(!0), r(Q, null, K(l.value, (m, h) => (a(), r("button", {
-          key: h,
-          onClick: (k) => n(h),
+        (a(!0), r(Q, null, K(l.value, (m, b) => (a(), r("button", {
+          key: b,
+          onClick: (w) => n(b),
           class: c([
             "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 = Oe("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")
+      h(i.$slots, "default")
     ], 512)), [
-      [Te, n.value]
+      [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: {
@@ -3902,20 +3941,20 @@ const Qe = {
       <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)) {
+    ), d = (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",
@@ -3924,7 +3963,7 @@ const Qe = {
           flush: "divide-y divide-slate-200"
         }
       }
-    }), k = x("", {
+    }), w = x("", {
       variants: {
         variant: {
           default: "",
@@ -3933,7 +3972,7 @@ const Qe = {
           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: {
@@ -3950,7 +3989,7 @@ const Qe = {
           }
         }
       }
-    ), I = x("text-slate-900", {
+    ), j = x("text-slate-900", {
       variants: {
         size: {
           sm: "text-sm font-medium",
@@ -3981,7 +4020,7 @@ const Qe = {
           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",
@@ -3990,29 +4029,29 @@ const Qe = {
         }
       }
     }), 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", {
+    ), (q, W) => (a(), r("div", {
       class: c(g.value)
     }, [
       (a(!0), r(Q, null, K(e.items, (A, U) => (a(), r("div", {
@@ -4026,14 +4065,14 @@ const Qe = {
           id: `header-${A.id || U}`,
           onClick: (J) => d(U)
         }, [
-          o("div", Hs, [
+          o("div", qs, [
             A.icon ? (a(), M(X(A.icon), {
               key: 0,
               class: c(E.value)
             }, null, 8, ["class"])) : f("", !0),
             o("div", Es, [
               o("h3", {
-                class: c(j.value)
+                class: c(I.value)
               }, p(A.title), 3),
               A.subtitle ? (a(), r("p", {
                 key: 0,
@@ -4046,7 +4085,7 @@ const Qe = {
           }, [
             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",
@@ -4063,7 +4102,7 @@ const Qe = {
               "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
               }, () => [
@@ -4100,7 +4139,7 @@ const Qe = {
       <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: "",
@@ -4128,23 +4167,23 @@ const Qe = {
           lg: "p-6 text-lg"
         }
       }
-    }), h = u(
+    }), b = u(
       () => v(i({ variant: t.variant }))
-    ), k = u(
-      () => v(d({ size: t.size }))
     ), w = u(
+      () => v(d({ 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: c(b.value)
     }, [
       y(ee, {
-        class: c(k.value),
+        class: c(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 }))
           }, null, 8, ["class"])
@@ -4162,9 +4201,9 @@ const Qe = {
         default: S(() => [
           l.value ? (a(), r("div", {
             key: 0,
-            class: c(w.value)
+            class: c(C.value)
           }, [
-            b(I.$slots, "content", { isOpen: l.value })
+            h(j.$slots, "content", { isOpen: l.value })
           ], 2)) : f("", !0)
         ]),
         _: 3
@@ -4183,16 +4222,16 @@ const Qe = {
       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()), d = 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--;
@@ -4200,7 +4239,7 @@ const Qe = {
     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($) {
@@ -4209,7 +4248,7 @@ const Qe = {
     function B($) {
       d.value = new Date(i.value, n.value, $), emit("update:modelValue", d.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",
@@ -4221,7 +4260,7 @@ const Qe = {
           ]),
           _: 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,
@@ -4237,16 +4276,16 @@ const Qe = {
         (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([
             "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"
           ])
         }, {
@@ -4265,7 +4304,7 @@ const Qe = {
 }, tl = { class: "flex items-start justify-between" }, al = {
   key: 0,
   class: "flex items-center gap-2"
-}, De = {
+}, Ae = {
   __name: "DataTableHeader",
   props: {
     title: {
@@ -4337,14 +4376,14 @@ const Qe = {
     ), 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)
     }, [
-      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)
             }, {
@@ -4353,7 +4392,7 @@ const Qe = {
               ]),
               _: 1
             }, 8, ["class"])) : f("", !0),
-            e.description ? (a(), M(be, {
+            e.description ? (a(), M(he, {
               key: 1,
               class: c(m.value)
             }, {
@@ -4363,14 +4402,14 @@ const Qe = {
               _: 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)
         ])
       ])
     ], 2)) : f("", !0);
   }
-}, Ae = {
+}, Pe = {
   __name: "DataTableRow",
   props: {
     item: {
@@ -4473,15 +4512,15 @@ const Qe = {
         density: "normal",
         align: "left"
       }
-    }), d = (C) => typeof C == "string" ? C : C?.key || C?.field || "unknown", m = (C, g) => {
+    }), d = (k) => typeof k == "string" ? k : k?.key || k?.field || "unknown", m = (k, 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 = () => {
+      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,
@@ -4489,14 +4528,14 @@ const Qe = {
         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(
@@ -4512,9 +4551,9 @@ const Qe = {
         "font-medium"
       )
     );
-    return (C, g) => (a(), r("tr", {
-      class: c(I.value),
-      onClick: k
+    return (k, g) => (a(), r("tr", {
+      class: c(j.value),
+      onClick: w
     }, [
       e.selectable ? (a(), r("td", {
         key: 0,
@@ -4522,27 +4561,27 @@ const Qe = {
       }, [
         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))
       }, [
-        b(C.$slots, `cell-${d(B)}`, {
+        h(k.$slots, `cell-${d(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)
       }, [
-        b(C.$slots, "actions", {
+        h(k.$slots, "actions", {
           item: e.item,
           index: e.index
         })
@@ -4561,7 +4600,7 @@ const Qe = {
 }, ol = {
   key: 3,
   class: "flex items-center gap-4"
-}, il = { class: "flex items-center gap-2" }, dl = { class: "flex items-center gap-1" }, cl = ["disabled"], ul = ["disabled"], ml = { class: "flex items-center gap-1" }, fl = ["onClick"], vl = ["disabled"], gl = ["disabled"], pl = { class: "text-sm text-slate-600 ml-4" }, Pe = {
+}, il = { class: "flex items-center gap-2" }, dl = { class: "flex items-center gap-1" }, cl = ["disabled"], ul = ["disabled"], ml = { class: "flex items-center gap-1" }, fl = ["onClick"], vl = ["disabled"], gl = ["disabled"], pl = { class: "text-sm text-slate-600 ml-4" }, Fe = {
   __name: "DataTablePagination",
   props: {
     currentPage: {
@@ -4669,52 +4708,52 @@ const Qe = {
       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) => {
+    ), 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: c(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: c(j.value),
               inline: !0
             }, {
-              default: S(() => [...C[5] || (C[5] = [
+              default: S(() => [...k[5] || (k[5] = [
                 N("Show:", -1)
               ])]),
               _: 1
@@ -4722,7 +4761,7 @@ const Qe = {
             y(we, {
               id: "pageSize",
               "model-value": e.pageSize.toString(),
-              "onUpdate:modelValue": C[0] || (C[0] = (g) => z.$emit("update:pageSize", parseInt(g))),
+              "onUpdate:modelValue": k[0] || (k[0] = (g) => z.$emit("update:pageSize", parseInt(g))),
               class: c(T.value)
             }, {
               default: S(() => [
@@ -4738,10 +4777,10 @@ const Qe = {
           o("div", dl, [
             o("button", {
               disabled: e.currentPage === 1,
-              onClick: C[1] || (C[1] = (g) => z.$emit("update:currentPage", 1)),
+              onClick: k[1] || (k[1] = (g) => z.$emit("update:currentPage", 1)),
               class: c(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",
@@ -4758,10 +4797,10 @@ const Qe = {
             ])], 10, cl),
             o("button", {
               disabled: e.currentPage === 1,
-              onClick: C[2] || (C[2] = (g) => z.$emit("update:currentPage", e.currentPage - 1)),
+              onClick: k[2] || (k[2] = (g) => z.$emit("update:currentPage", e.currentPage - 1)),
               class: c(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",
@@ -4777,7 +4816,7 @@ const Qe = {
               ], -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))
@@ -4785,10 +4824,10 @@ const Qe = {
             ]),
             o("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: C[3] || (C[3] = (g) => z.$emit("update:currentPage", e.currentPage + 1)),
+              onClick: k[3] || (k[3] = (g) => z.$emit("update:currentPage", e.currentPage + 1)),
               class: c(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",
@@ -4805,10 +4844,10 @@ const Qe = {
             ])], 10, vl),
             o("button", {
               disabled: e.currentPage === e.totalPages,
-              onClick: C[4] || (C[4] = (g) => z.$emit("update:currentPage", e.totalPages)),
+              onClick: k[4] || (k[4] = (g) => z.$emit("update:currentPage", e.totalPages)),
               class: c(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",
@@ -4829,7 +4868,7 @@ const Qe = {
       ])
     ], 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 = {
@@ -4925,7 +4964,7 @@ const Qe = {
   },
   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), d = H(t.sortBy), m = H(t.sortOrder), b = x("bg-white border border-slate-200 rounded-lg overflow-hidden", {
       variants: {
         variant: {
           default: "shadow-sm",
@@ -4936,7 +4975,7 @@ const Qe = {
       defaultVariants: {
         variant: "default"
       }
-    }), k = x("min-w-full", {
+    }), w = x("min-w-full", {
       variants: {
         variant: {
           default: "divide-y divide-slate-200",
@@ -4947,7 +4986,7 @@ const Qe = {
       defaultVariants: {
         variant: "default"
       }
-    }), w = x("", {
+    }), C = x("", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -4958,7 +4997,7 @@ const Qe = {
       defaultVariants: {
         variant: "default"
       }
-    }), I = x("divide-y", {
+    }), j = x("divide-y", {
       variants: {
         variant: {
           default: "bg-white divide-slate-200",
@@ -4972,45 +5011,45 @@ const Qe = {
     }), 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);
+        const O = t.columns.find((Z) => Z.key === d.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) => {
+    }, 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",
@@ -5042,19 +5081,19 @@ const Qe = {
         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": d.value === V.key && m.value === O,
+        "text-slate-300": d.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", {
+    }), (V, O) => (a(), r("div", {
       class: c(W.value)
     }, [
-      e.title || e.description || V.$slots.header ? (a(), M(De, {
+      e.title || e.description || V.$slots.header ? (a(), M(Ae, {
         key: 0,
         title: e.title,
         description: e.description,
@@ -5062,14 +5101,14 @@ const Qe = {
         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)
         }, [
@@ -5101,7 +5140,7 @@ const Qe = {
                       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",
@@ -5114,7 +5153,7 @@ const Qe = {
                       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",
@@ -5123,7 +5162,7 @@ const Qe = {
                     ])], 2))
                   ])) : f("", !0)
                 ])
-              ], 10, bl))), 128)),
+              ], 10, hl))), 128)),
               V.$slots.actions ? (a(), r("th", {
                 key: 1,
                 class: c(L.value)
@@ -5133,8 +5172,8 @@ const Qe = {
           o("tbody", {
             class: c(J.value)
           }, [
-            (a(!0), r(Q, null, K(z.value, (Z, ne) => (a(), M(Ae, {
-              key: j(Z, ne),
+            (a(!0), r(Q, null, K(z.value, (Z, ne) => (a(), M(Pe, {
+              key: I(Z, ne),
               item: Z,
               columns: e.columns,
               index: ne,
@@ -5145,28 +5184,28 @@ const Qe = {
               "clickable-rows": e.clickableRows,
               density: e.density,
               onToggleSelection: E,
-              onRowClick: H
+              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,
+                colspan: k.value,
                 class: c(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",
@@ -5189,7 +5228,7 @@ const Qe = {
           ], 2)
         ], 2)
       ]),
-      e.showPagination || V.$slots.footer ? (a(), M(Pe, {
+      e.showPagination || V.$slots.footer ? (a(), M(Fe, {
         key: 1,
         "current-page": n.value,
         "total-pages": R.value,
@@ -5200,11 +5239,11 @@ const Qe = {
         "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)
@@ -5278,7 +5317,7 @@ const Qe = {
         textSize: "sm"
       }
     }), i = u(() => {
-      const d = s.align || s.column.align || "left", m = `text-${s.textColor}`, h = s.width ? `w-${s.width}` : "";
+      const d = s.align || s.column.align || "left", m = `text-${s.textColor}`, b = s.width ? `w-${s.width}` : "";
       return v(
         n({
           align: d,
@@ -5286,14 +5325,14 @@ const Qe = {
           textSize: s.textSize
         }),
         m,
-        h,
+        b,
         s.column.cellClasses
       );
     });
     return (d, m) => (a(), r("td", {
       class: c(i.value)
     }, [
-      b(d.$slots, "default", {}, () => [
+      h(d.$slots, "default", {}, () => [
         N(p(t.value), 1)
       ])
     ], 2));
@@ -5301,10 +5340,10 @@ const Qe = {
 }, 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 = {
@@ -5375,7 +5414,7 @@ const Qe = {
       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", {
+    }, d = e, m = s, b = x("flex flex-wrap items-center gap-4 border-b border-slate-200", {
       variants: {
         variant: {
           default: "bg-slate-50",
@@ -5392,7 +5431,7 @@ const Qe = {
         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",
@@ -5403,7 +5442,7 @@ const Qe = {
       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",
@@ -5421,7 +5460,7 @@ const Qe = {
         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",
@@ -5456,36 +5495,36 @@ const Qe = {
       }
       return _;
     }), z = u(
-      () => v(h({
+      () => v(b({
         variant: d.variant,
         padding: d.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: d.variant }))
     ), W = u(
       () => "text-sm text-blue-700 font-medium"
     ), A = u(
@@ -5514,7 +5553,7 @@ const Qe = {
         o("div", Bl, [
           o("div", Vl, [
             y(t, {
-              class: c(C.value)
+              class: c(k.value)
             }, null, 8, ["class"]),
             y(pe, {
               "model-value": e.searchQuery,
@@ -5550,12 +5589,12 @@ const Qe = {
             _: 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: c(I.value)
           }, null, 8, ["model-value", "class"]),
           o("span", {
             class: c(P.value)
@@ -5564,11 +5603,11 @@ const Qe = {
             type: "date",
             "model-value": e.dateTo,
             onInput: L[4] || (L[4] = (F) => _.$emit("update:dateTo", F.target.value)),
-            class: c(j.value)
+            class: c(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, {
@@ -5607,7 +5646,7 @@ const Qe = {
       ], 2),
       R.value.length > 0 ? (a(), r("div", {
         key: 0,
-        class: c(H.value)
+        class: c(q.value)
       }, [
         o("div", Dl, [
           o("span", {
@@ -5635,10 +5674,10 @@ const Qe = {
 }, 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 = {
@@ -5699,11 +5738,11 @@ const Qe = {
   },
   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), d = 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",
@@ -5720,7 +5759,7 @@ const Qe = {
         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",
@@ -5731,7 +5770,7 @@ const Qe = {
       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",
@@ -5758,17 +5797,17 @@ const Qe = {
         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"
@@ -5778,9 +5817,9 @@ const Qe = {
       i.value && d.value && !i.value.contains(_.target) && !d.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
       }));
@@ -5805,7 +5844,7 @@ const Qe = {
             (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: c(q(F))
             }, {
               default: S(() => [
                 F.icon ? (a(), M(X(F.icon), {
@@ -5825,9 +5864,9 @@ const Qe = {
       o("div", _l, [
         e.showDensityToggle ? (a(), r("div", {
           key: 0,
-          class: c(C.value)
+          class: c(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)),
@@ -5835,9 +5874,9 @@ const Qe = {
             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),
@@ -5855,14 +5894,14 @@ const Qe = {
             onClick: L[0] || (L[0] = $e(() => {
             }, ["stop"]))
           }, [
-            o("div", Hl, [
+            o("div", ql, [
               o("div", {
                 class: c($.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: c(I.value)
                 }, [
                   o("label", Ul, [
                     o("input", {
@@ -5879,7 +5918,7 @@ const Qe = {
               ])
             ])
           ], 2), [
-            [Te, n.value]
+            [Me, n.value]
           ])
         ])) : f("", !0),
         e.showRefresh ? (a(), r("button", {
@@ -5895,7 +5934,7 @@ const Qe = {
           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));
@@ -5910,14 +5949,14 @@ const Qe = {
   },
   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"), d = 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))
       }, [
         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] = [
@@ -5928,7 +5967,7 @@ const Qe = {
               ])
             ]),
             o("div", null, [
-              b(s.$slots, "links", {}, () => [
+              h(s.$slots, "links", {}, () => [
                 y(i, {
                   variant: "h6",
                   class: "mb-4"
@@ -5970,7 +6009,7 @@ const Qe = {
               ])
             ]),
             o("div", null, [
-              b(s.$slots, "social", {}, () => [
+              h(s.$slots, "social", {}, () => [
                 y(i, {
                   variant: "h6",
                   class: "mb-4"
@@ -6009,9 +6048,9 @@ const Qe = {
               ])
             ])
           ]),
-          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)
@@ -6019,7 +6058,7 @@ const Qe = {
                 _: 1
               })
             ]),
-            b(s.$slots, "legal", {}, () => [
+            h(s.$slots, "legal", {}, () => [
               o("div", cn, [
                 y(d, {
                   href: "#",
@@ -6046,7 +6085,7 @@ const Qe = {
       ], 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: {
@@ -6064,17 +6103,17 @@ const Qe = {
         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"
@@ -6092,8 +6131,8 @@ const Qe = {
                 })
               ])
             ]),
-            o("div", hn, [
-              b(s.$slots, "mobile-toggle", {}, () => [
+            o("div", bn, [
+              h(s.$slots, "mobile-toggle", {}, () => [
                 y(i, {
                   variant: "ghost",
                   size: "sm",
@@ -6138,17 +6177,17 @@ const Qe = {
       }, [
         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" }),
@@ -6189,7 +6228,7 @@ const Qe = {
         e.orientation === "vertical" ? "flex-col" : "flex-row"
       ])
     }, [
-      b(s.$slots, "default")
+      h(s.$slots, "default")
     ], 2));
   }
 }, zn = {
@@ -6198,7 +6237,7 @@ const Qe = {
 }, 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: {
@@ -6224,7 +6263,7 @@ const Qe = {
     }, [
       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))
         ])
       ]),
@@ -6235,27 +6274,27 @@ const Qe = {
         ])
       }, [
         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));
   }
-}, Fe = (e, s) => {
+}, Ne = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of s)
     t[l] = n;
   return t;
-}, jn = {
+}, In = {
   name: "AuthLayout",
   props: {
     title: {
@@ -6344,7 +6383,7 @@ const Qe = {
       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 = {
@@ -6395,10 +6434,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)
@@ -6406,14 +6445,14 @@ function rr(e, s, t, l, n, i) {
               ])
             ])) : f("", !0),
             o("div", Gn, [
-              b(e.$slots, "default")
+              h(e.$slots, "default")
             ]),
             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)
         ])
       ])
@@ -6448,7 +6487,7 @@ function rr(e, s, t, l, n, i) {
     ])
   ], 4);
 }
-const or = /* @__PURE__ */ Fe(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 = {
@@ -6474,21 +6513,21 @@ const or = /* @__PURE__ */ Fe(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"), d = G("Header"), m = G("Breadcrumb"), b = G("Text"), w = G("Footer");
       return a(), r("div", ir, [
         y(d, 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"
@@ -6511,20 +6550,20 @@ const or = /* @__PURE__ */ Fe(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)
                 ])]),
@@ -6551,7 +6590,7 @@ const or = /* @__PURE__ */ Fe(jn, [["render", rr]]), ir = { class: "min-h-screen
       <text x="100" y="110" text-anchor="middle" font-size="48" font-weight="bold" fill="#dc2626">500</text>
     </svg>
   `
-}, Se = {
+}, ze = {
   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.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />
@@ -6654,12 +6693,12 @@ const or = /* @__PURE__ */ Fe(jn, [["render", rr]]), ir = { class: "min-h-screen
         403: {
           title: "Access Denied",
           message: "You don't have permission to access this resource.",
-          icon: Se
+          icon: ze
         },
         generic: {
           title: "Something went wrong",
           message: "An unexpected error occurred. Please try again.",
-          icon: Se
+          icon: ze
         }
       };
       return E[e.errorType] || E.generic;
@@ -6667,14 +6706,14 @@ const or = /* @__PURE__ */ Fe(jn, [["render", rr]]), ir = { class: "min-h-screen
       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"
@@ -6682,7 +6721,7 @@ const or = /* @__PURE__ */ Fe(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"
@@ -6690,7 +6729,7 @@ const or = /* @__PURE__ */ Fe(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"
@@ -6701,22 +6740,22 @@ const or = /* @__PURE__ */ Fe(jn, [["render", rr]]), ir = { class: "min-h-screen
       errorMessage: i,
       goBack: d,
       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");
   return a(), r("div", {
@@ -6726,7 +6765,7 @@ function Cr(e, s, t, l, n, i) {
       key: 0,
       class: c(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),
@@ -6737,10 +6776,10 @@ function Cr(e, s, t, l, n, i) {
         key: 0,
         class: c(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)),
@@ -6757,7 +6796,7 @@ function Cr(e, s, t, l, n, i) {
           key: 0,
           class: c(l.illustrationClasses)
         }, [
-          b(e.$slots, "illustration", {}, () => [
+          h(e.$slots, "illustration", {}, () => [
             (a(), M(X(l.errorIcon), {
               class: c(l.iconClasses)
             }, null, 8, ["class"]))
@@ -6769,14 +6808,14 @@ function Cr(e, s, t, l, n, i) {
           o("h1", {
             class: c(l.titleClasses)
           }, [
-            b(e.$slots, "title", {}, () => [
+            h(e.$slots, "title", {}, () => [
               N(p(l.errorTitle), 1)
             ])
           ], 2),
           o("p", {
             class: c(l.messageClasses)
           }, [
-            b(e.$slots, "message", {}, () => [
+            h(e.$slots, "message", {}, () => [
               N(p(l.errorMessage), 1)
             ])
           ], 2),
@@ -6789,7 +6828,7 @@ function Cr(e, s, t, l, n, i) {
           key: 1,
           class: c(l.actionsClasses)
         }, [
-          b(e.$slots, "actions", {}, () => [
+          h(e.$slots, "actions", {}, () => [
             o("div", xr, [
               t.showHomeButton ? (a(), M(d, {
                 key: 0,
@@ -6831,7 +6870,7 @@ function Cr(e, s, t, l, n, i) {
           key: 2,
           class: c(l.helpClasses)
         }, [
-          b(e.$slots, "help", {}, () => [
+          h(e.$slots, "help", {}, () => [
             o("p", kr, [
               N(p(t.helpText) + " ", 1),
               t.supportUrl ? (a(), r("a", {
@@ -6846,155 +6885,155 @@ function Cr(e, s, t, l, n, i) {
     ], 2)
   ], 2);
 }
-const $r = /* @__PURE__ */ Fe(pr, [["render", Cr]]), ze = {
-  Avatar: We,
-  Badge: et,
+const $r = /* @__PURE__ */ Ne(pr, [["render", Cr]]), Be = {
+  Avatar: Ke,
+  Badge: Ye,
   Button: ee,
   Checkbox: ke,
-  Divider: ct,
+  Divider: rt,
   Icon: Y,
-  Image: vt,
+  Image: ct,
   Input: pe,
-  Label: je,
-  Link: kt,
-  Logo: Ct,
+  Label: Ie,
+  Link: bt,
+  Logo: yt,
   Option: Le,
-  ProgressBar: zt,
-  Radio: Tt,
+  ProgressBar: wt,
+  Radio: St,
   Select: we,
-  Spinner: Ie,
-  Switch: jt,
-  Text: Lt,
-  Textarea: At,
-  Tooltip: Pt,
-  Typography: be,
-  Alert: Ht,
-  Breadcrumb: Zt,
-  ButtonGroup: Kt,
-  Card: aa,
-  CardHeader: sa,
-  CardBody: la,
-  CardFooter: na,
-  CardContent: ra,
-  CardTitle: oa,
-  DatePicker: ca,
-  Dropdown: ma,
-  DropdownItem: va,
-  FileUpload: $a,
-  FormField: Ma,
-  InputGroup: La,
-  ListItem: _a,
-  MenuItem: qa,
-  Modal: Ea,
-  ModalHeader: Ka,
-  ModalBody: Qa,
-  ModalFooter: Ya,
-  Notification: as,
+  Spinner: je,
+  Switch: Vt,
+  Text: Tt,
+  Textarea: jt,
+  Tooltip: It,
+  Typography: he,
+  Alert: Rt,
+  Breadcrumb: Ot,
+  ButtonGroup: Et,
+  Card: Wt,
+  CardHeader: Jt,
+  CardBody: ea,
+  CardFooter: ta,
+  CardContent: aa,
+  CardTitle: sa,
+  DatePicker: ra,
+  Dropdown: ia,
+  DropdownItem: ca,
+  FileUpload: xa,
+  FormField: za,
+  InputGroup: Ta,
+  ListItem: Pa,
+  MenuItem: Na,
+  Modal: _a,
+  ModalHeader: Ea,
+  ModalBody: Ua,
+  ModalFooter: Za,
+  Notification: Wa,
   Toast: cs,
   Search: Ss,
   Slider: Ts,
-  Stepper: Is,
+  Stepper: js,
   StepperItem: Ps,
   Tab: _s,
-  TabPanel: Os,
+  TabPanel: Hs,
   Accordion: Gs,
   AccordionItem: Ks,
   Calendar: el,
   DataTable: Sl,
-  DataTableHeader: De,
-  DataTableRow: Ae,
+  DataTableHeader: Ae,
+  DataTableRow: Pe,
   DataTableCell: zl,
-  DataTablePagination: Pe,
+  DataTablePagination: Fe,
   DataTableFilters: Al,
   DataTableToolBar: an,
   Footer: un,
-  Header: bn,
+  Header: hn,
   Sidebar: $n,
   Timeline: Sn,
-  TimelineItem: In,
+  TimelineItem: jn,
   AuthLayout: or,
   DefaultLayout: fr,
-  ErrorLayout: $r,
-  toast: Ge
+  ErrorLayout: $r
 }, Vr = {
   install(e, s = {}) {
     const { prefix: t = "" } = s;
-    Object.keys(ze).forEach((l) => {
+    Object.keys(Be).forEach((l) => {
       const n = t ? `${t}${l}` : l;
-      e.component(n, ze[l]);
-    });
+      e.component(n, Be[l]);
+    }), e.config.globalProperties.$toast = Se, e.provide("toast", Se);
   }
 };
 export {
   Gs as Accordion,
   Ks as AccordionItem,
-  Ht as Alert,
+  Rt as Alert,
   or as AuthLayout,
-  We as Avatar,
-  et as Badge,
-  Zt as Breadcrumb,
+  Ke as Avatar,
+  Ye as Badge,
+  Ot as Breadcrumb,
   ee as Button,
-  Kt as ButtonGroup,
+  Et as ButtonGroup,
   el as Calendar,
-  aa as Card,
-  la as CardBody,
-  ra as CardContent,
-  na as CardFooter,
-  sa as CardHeader,
-  oa as CardTitle,
+  Wt as Card,
+  ea as CardBody,
+  aa as CardContent,
+  ta as CardFooter,
+  Jt as CardHeader,
+  sa as CardTitle,
   ke as Checkbox,
   Sl as DataTable,
   zl as DataTableCell,
   Al as DataTableFilters,
-  De as DataTableHeader,
-  Pe as DataTablePagination,
-  Ae as DataTableRow,
+  Ae as DataTableHeader,
+  Fe as DataTablePagination,
+  Pe as DataTableRow,
   an as DataTableToolBar,
-  ca as DatePicker,
+  ra as DatePicker,
   fr as DefaultLayout,
-  ct as Divider,
-  ma as Dropdown,
-  va as DropdownItem,
+  rt as Divider,
+  ia as Dropdown,
+  ca as DropdownItem,
   $r as ErrorLayout,
-  $a as FileUpload,
+  xa as FileUpload,
   un as Footer,
-  Ma as FormField,
-  bn as Header,
+  za as FormField,
+  hn as Header,
   Y as Icon,
-  vt as Image,
+  ct as Image,
   pe as Input,
-  La as InputGroup,
-  je as Label,
-  kt as Link,
-  _a as ListItem,
-  Ct as Logo,
-  qa as MenuItem,
-  Ea as Modal,
-  Qa as ModalBody,
-  Ya as ModalFooter,
-  Ka as ModalHeader,
-  as as Notification,
+  Ta as InputGroup,
+  Ie as Label,
+  bt as Link,
+  Pa as ListItem,
+  yt as Logo,
+  Na as MenuItem,
+  _a as Modal,
+  Ua as ModalBody,
+  Za as ModalFooter,
+  Ea as ModalHeader,
+  Wa as Notification,
   Le as Option,
-  zt as ProgressBar,
-  Tt as Radio,
+  wt as ProgressBar,
+  St as Radio,
   Ss as Search,
   we as Select,
   $n as Sidebar,
   Ts as Slider,
-  Ie as Spinner,
-  Is as Stepper,
+  je as Spinner,
+  js as Stepper,
   Ps as StepperItem,
-  jt as Switch,
+  Vt as Switch,
   _s as Tab,
-  Os as TabPanel,
-  Lt as Text,
-  At as Textarea,
+  Hs as TabPanel,
+  Tt as Text,
+  jt as Textarea,
   Sn as Timeline,
-  In as TimelineItem,
+  jn as TimelineItem,
   cs as Toast,
-  Pt as Tooltip,
-  be as Typography,
+  It as Tooltip,
+  he as Typography,
   v as cn,
   Vr as default,
-  Ge as toast
+  Se as toast,
+  as as useToaster
 };