@stlhorizon/vue-ui 1.2.0 → 1.2.1

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 O, createBlock as M, toDisplayString as p, unref as D, createCommentVNode as f, renderSlot as b, resolveDynamicComponent as X, createVNode as y, mergeProps as me, createElementVNode as o, useId as he, watch as oe, createTextVNode as N, withCtx as S, normalizeStyle as ce, nextTick as Ce, Transition as ae, Fragment as Q, renderList as K, onMounted as ve, onUnmounted as ye, Teleport as Ve, markRaw as Te, TransitionGroup as Re, withDirectives as xe, vModelText as _e, provide as Oe, inject as qe, vShow as Me, createSlots as He, withModifiers as $e, resolveComponent as G } from "vue";
 import { 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>'
@@ -165,7 +89,7 @@ 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>'
   }
-}, Ye = ["innerHTML", "aria-hidden", "aria-label", "role"], Y = {
+}, Ze = ["innerHTML", "aria-hidden", "aria-label", "role"], Y = {
   __name: "Icon",
   props: {
     name: {
@@ -181,7 +105,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 +129,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,
@@ -275,7 +199,7 @@ const Qe = {
         alt: e.alt,
         class: c(i.value),
         onError: h
-      }, null, 42, Xe)) : e.initials ? (a(), r("span", {
+      }, null, 42, Ge)) : e.initials ? (a(), r("span", {
         key: 1,
         class: c(d.value)
       }, p(e.initials), 3)) : (a(), M(Y, {
@@ -285,7 +209,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",
@@ -373,16 +297,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 +366,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",
@@ -458,10 +382,10 @@ const Qe = {
         }, 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 && e.loadingText ? (a(), r("span", Je, p(e.loadingText), 1)) : b(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: {
@@ -584,8 +508,8 @@ 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",
@@ -598,7 +522,7 @@ const Qe = {
           class: c(R.value),
           "aria-describedby": I.value,
           onChange: k
-        }, null, 42, rt),
+        }, null, 42, at),
         o("div", {
           class: c(z.value),
           onClick: w
@@ -612,7 +536,7 @@ const Qe = {
           })) : f("", !0)
         ], 2)
       ]),
-      o("div", ot, [
+      o("div", st, [
         o("label", {
           for: m.value,
           class: c(C.value)
@@ -620,7 +544,7 @@ const Qe = {
           b(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 +552,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,10 +645,10 @@ 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 = {
@@ -801,10 +725,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: {
@@ -885,7 +809,7 @@ const Qe = {
         loading: e.loading,
         onLoad: I,
         onError: T
-      }, null, 42, ft),
+      }, null, 42, dt),
       n.value ? (a(), r("div", {
         key: 0,
         class: c(k.value)
@@ -907,13 +831,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: {
@@ -1022,8 +946,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, [
+    }), ($, j) => (a(), r("div", ut, [
+      e.iconLeft ? (a(), r("div", mt, [
         (a(), M(X(e.iconLeft), {
           class: c(g.value)
         }, null, 8, ["class"]))
@@ -1046,8 +970,8 @@ const Qe = {
         onBlur: h,
         onFocus: k,
         onKeydown: w
-      }, null, 42, ht),
-      e.iconRight || e.clearable ? (a(), r("div", bt, [
+      }, null, 42, ft),
+      e.iconRight || e.clearable ? (a(), r("div", vt, [
         e.clearable && e.modelValue && !e.disabled ? (a(), r("button", {
           key: 0,
           onClick: I,
@@ -1059,14 +983,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"], je = {
   __name: "Label",
   props: {
     htmlFor: String,
@@ -1103,9 +1027,9 @@ const Qe = {
       for: e.htmlFor
     }, [
       b(n.$slots, "default")
-    ], 10, xt));
+    ], 10, pt));
   }
-}, kt = {
+}, ht = {
   __name: "Link",
   props: {
     href: { type: String, default: null },
@@ -1216,7 +1140,7 @@ const Qe = {
       _: 3
     }, 8, ["href", "to", "target", "rel", "class"]));
   }
-}, wt = ["src", "alt"], Ct = {
+}, bt = ["src", "alt"], yt = {
   __name: "Logo",
   props: {
     src: String,
@@ -1270,13 +1194,13 @@ const Qe = {
         src: e.src,
         alt: e.alt || "Logo",
         class: c(n.value)
-      }, null, 10, wt)) : (a(), r("div", {
+      }, null, 10, bt)) : (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: {
@@ -1305,9 +1229,9 @@ const Qe = {
       b(s.$slots, "default", {}, () => [
         N(p(e.label), 1)
       ])
-    ], 8, $t));
+    ], 8, xt));
   }
-}, St = ["aria-valuenow"], zt = {
+}, kt = ["aria-valuenow"], wt = {
   __name: "ProgressBar",
   props: {
     value: {
@@ -1375,14 +1299,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,
@@ -1434,7 +1358,7 @@ const Qe = {
     ), k = () => {
       t.disabled || l("update:modelValue", t.value);
     };
-    return (w, I) => (a(), r("div", Bt, [
+    return (w, I) => (a(), r("div", Ct, [
       o("button", {
         type: "button",
         role: "radio",
@@ -1447,7 +1371,7 @@ const Qe = {
           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),
@@ -1455,7 +1379,7 @@ const Qe = {
       }, p(e.label), 3)) : f("", !0)
     ]));
   }
-}, Mt = ["value", "disabled"], we = {
+}, zt = ["value", "disabled"], we = {
   __name: "Select",
   props: {
     modelValue: {
@@ -1494,9 +1418,9 @@ const Qe = {
       class: l.value
     }, n.$attrs), [
       b(n.$slots, "default")
-    ], 16, Mt));
+    ], 16, zt));
   }
-}, It = ["aria-checked", "disabled"], jt = {
+}, Bt = ["aria-checked", "disabled"], Vt = {
   __name: "Switch",
   props: {
     modelValue: Boolean,
@@ -1599,9 +1523,9 @@ const Qe = {
       o("span", {
         class: c(m.value)
       }, null, 2)
-    ], 10, It));
+    ], 10, Bt));
   }
-}, Lt = {
+}, Tt = {
   __name: "Text",
   props: {
     as: {
@@ -1678,7 +1602,7 @@ const Qe = {
       _: 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"], It = {
   __name: "Textarea",
   props: {
     modelValue: { type: String, default: "" },
@@ -1771,9 +1695,9 @@ const Qe = {
       onBlur: h,
       onFocus: k,
       onKeydown: w
-    }, null, 42, Dt));
+    }, null, 42, Mt));
   }
-}, Pt = {
+}, jt = {
   __name: "Tooltip",
   props: {
     content: {
@@ -1973,16 +1897,16 @@ const Qe = {
       _: 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: {
@@ -2097,14 +2021,14 @@ 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 }])
               }, [
@@ -2112,7 +2036,7 @@ const Qe = {
                   N(p(e.message), 1)
                 ])
               ], 2),
-              g.$slots.actions || e.actions.length > 0 ? (a(), r("div", Ot, [
+              g.$slots.actions || e.actions.length > 0 ? (a(), r("div", Ft, [
                 b(g.$slots, "actions", {}, () => [
                   (a(!0), r(Q, null, K(e.actions, ($) => (a(), M(ee, {
                     key: $.label,
@@ -2135,14 +2059,14 @@ const Qe = {
               "aria-label": e.dismissLabel
             }, [
               y(I, { class: "w-4 h-4" })
-            ], 10, qt)) : f("", !0)
+            ], 10, Nt)) : f("", !0)
           ])
         ], 2)) : f("", !0)
       ]),
       _: 3
     }));
   }
-}), Et = ["aria-label"], Ut = { class: "flex items-center space-x-1" }, Zt = {
+}), _t = ["aria-label"], Ot = { class: "flex items-center space-x-1" }, qt = {
   __name: "Breadcrumb",
   props: {
     items: {
@@ -2179,7 +2103,7 @@ const Qe = {
       "aria-label": e.ariaLabel,
       class: c(["flex", l.value])
     }, [
-      o("ol", Ut, [
+      o("ol", Ot, [
         (a(!0), r(Q, null, K(e.items, (d, m) => (a(), r("li", {
           key: m,
           class: "flex items-center"
@@ -2204,9 +2128,9 @@ const Qe = {
           }, null, 8, ["name"])) : f("", !0)
         ]))), 128))
       ])
-    ], 10, Et));
+    ], 10, _t));
   }
-}, Gt = ["aria-label"], Kt = {
+}, Ht = ["aria-label"], Et = {
   __name: "ButtonGroup",
   props: {
     orientation: {
@@ -2243,12 +2167,12 @@ const Qe = {
       "aria-label": e.ariaLabel
     }, [
       b(n.$slots, "default")
-    ], 10, Gt));
+    ], 10, Ht));
   }
-}, 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: {
@@ -2364,18 +2288,18 @@ const Qe = {
         class: c(D(v)(D(d)({ padding: e.padding })))
       }, [
         b(w.$slots, "header", {}, () => [
-          o("div", Qt, [
-            o("div", Yt, [
+          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, [
+            w.$slots.actions ? (a(), r("div", Gt, [
               b(w.$slots, "actions")
             ])) : f("", !0)
           ])
@@ -2390,8 +2314,8 @@ const Qe = {
             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", {
@@ -2408,7 +2332,7 @@ const Qe = {
       ], 2)) : f("", !0)
     ], 2));
   }
-}, sa = /* @__PURE__ */ Object.assign({
+}, Jt = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardHeader",
@@ -2419,7 +2343,7 @@ const Qe = {
       b(s.$slots, "default")
     ], 2));
   }
-}), la = {
+}), ea = {
   __name: "CardBody",
   props: {
     variant: {
@@ -2446,7 +2370,7 @@ const Qe = {
       b(n.$slots, "default")
     ], 2));
   }
-}, na = {
+}, ta = {
   __name: "CardFooter",
   props: {
     variant: {
@@ -2473,7 +2397,7 @@ const Qe = {
       b(n.$slots, "default")
     ], 2));
   }
-}, ra = /* @__PURE__ */ Object.assign({
+}, aa = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardContent",
@@ -2484,7 +2408,7 @@ const Qe = {
       b(s.$slots, "default")
     ], 2));
   }
-}), oa = /* @__PURE__ */ Object.assign({
+}), sa = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CardTitle",
@@ -2495,7 +2419,7 @@ const Qe = {
       b(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 +2460,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 +2471,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: {
@@ -2627,7 +2551,7 @@ const Qe = {
             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",
@@ -2650,10 +2574,10 @@ const Qe = {
       })
     ], 512));
   }
-}, fa = {
+}, da = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, va = {
+}, ca = {
   __name: "DropdownItem",
   props: {
     href: String,
@@ -2697,18 +2621,18 @@ const Qe = {
           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)
+        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" }, ha = { class: "text-sm" }, ba = { class: "text-xs text-muted-foreground" }, ya = ["onClick"], xa = {
   __name: "FileUpload",
   props: {
     multiple: Boolean,
@@ -2763,7 +2687,7 @@ const Qe = {
       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];
     };
-    return ($, j) => (a(), r("div", ga, [
+    return ($, j) => (a(), r("div", ua, [
       o("div", {
         class: c(h.value),
         onDrop: k,
@@ -2780,8 +2704,8 @@ 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"
@@ -2790,21 +2714,21 @@ const Qe = {
             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", ha, p(P.name), 1),
+            o("span", ba, "(" + p(B(P.size)) + ")", 1)
           ]),
           o("button", {
             onClick: (te) => g(E),
@@ -2814,16 +2738,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,
@@ -2915,13 +2839,13 @@ const Qe = {
         class: c(D(v)(D(h)({ 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 })))
       }, p(e.description), 3)) : f("", !0),
-      o("div", Ba, [
+      o("div", Ca, [
         b(T.$slots, "default", {
           fieldId: D(n),
           hasError: i.value,
@@ -2946,7 +2870,7 @@ const Qe = {
           }, [
             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
       }),
@@ -2954,7 +2878,7 @@ const Qe = {
         key: 2,
         id: `${D(n)}-help`,
         class: c(D(v)(D(I)({ size: e.size })))
-      }, p(e.helpText), 11, Ta)) : f("", !0),
+      }, p(e.helpText), 11, Sa)) : f("", !0),
       y(ae, {
         "enter-active-class": "transition-all duration-200",
         "enter-from-class": "opacity-0 -translate-y-1",
@@ -2976,13 +2900,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 +2929,28 @@ const Qe = {
     return (n, i) => (a(), r("div", {
       class: c(l.value)
     }, [
-      n.$slots.prefix ? (a(), r("div", Ia, [
+      n.$slots.prefix ? (a(), r("div", Ba, [
         b(n.$slots, "prefix")
       ])) : f("", !0),
       b(n.$slots, "default"),
-      n.$slots.suffix ? (a(), r("div", ja, [
+      n.$slots.suffix ? (a(), r("div", Va, [
         b(n.$slots, "suffix")
       ])) : f("", !0)
     ], 2));
   }
-}, Da = ["role"], Aa = {
+}, Ma = ["role"], Ia = {
   key: 0,
   class: "flex-shrink-0"
-}, Pa = { class: "flex-1 min-w-0" }, Fa = {
+}, ja = { 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,
@@ -3073,7 +2997,7 @@ const Qe = {
         onClick: h
       }, {
         default: S(() => [
-          k.$slots.icon || e.icon ? (a(), r("div", Aa, [
+          k.$slots.icon || e.icon ? (a(), r("div", Ia, [
             b(k.$slots, "icon", {}, () => [
               e.icon ? (a(), M(Y, {
                 key: 0,
@@ -3082,23 +3006,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),
+          o("div", ja, [
+            e.title ? (a(), r("div", La, p(e.title), 1)) : f("", !0),
+            e.description ? (a(), r("div", Da, p(e.description), 1)) : f("", !0),
             b(k.$slots, "default")
           ]),
-          k.$slots.action ? (a(), r("div", Ra, [
+          k.$slots.action ? (a(), r("div", Aa, [
             b(k.$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,
@@ -3143,7 +3067,7 @@ const Qe = {
           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),
+        e.shortcut ? (a(), r("span", Fa, p(e.shortcut), 1)) : f("", !0),
         e.hasSubmenu ? (a(), M(Y, {
           key: 2,
           name: "chevron-right",
@@ -3153,7 +3077,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,
@@ -3197,7 +3121,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,
@@ -3217,26 +3141,26 @@ const Qe = {
       })
     ]));
   }
-}, Ua = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Za = {
+}, Oa = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, qa = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
-}, Ga = {
+}, Ha = {
   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),
+    return (s, t) => (a(), r("div", Oa, [
+      e.title ? (a(), r("h2", qa, p(e.title), 1)) : f("", !0),
+      e.description ? (a(), r("p", Ha, p(e.description), 1)) : f("", !0),
       b(s.$slots, "default")
     ]));
   }
-}, Qa = {
+}, Ua = {
   __name: "ModalBody",
   props: {
     variant: {
@@ -3262,7 +3186,7 @@ const Qe = {
       b(n.$slots, "default")
     ], 2));
   }
-}, Ya = {
+}, Za = {
   __name: "ModalFooter",
   props: {
     variant: {
@@ -3288,13 +3212,13 @@ const Qe = {
       b(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,
@@ -3370,15 +3294,15 @@ const Qe = {
           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)
               }, 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 }])
@@ -3396,12 +3320,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 = O([]);
+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: "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: 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 +3446,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",
@@ -3489,7 +3488,7 @@ const Qe = {
           "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",
@@ -3780,7 +3779,7 @@ const Qe = {
         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),
@@ -3833,7 +3832,7 @@ const Qe = {
     const t = O(e.defaultIndex), l = O([]), n = (i) => {
       t.value = i;
     };
-    return _e("tabsContext", {
+    return Oe("tabsContext", {
       activeIndex: t,
       tabs: l,
       registerTab: (i) => (l.value.push({ label: i }), l.value.length - 1)
@@ -3859,7 +3858,7 @@ const Qe = {
     label: { type: String, required: !0 }
   },
   setup(e) {
-    const s = e, t = Oe("tabsContext"), l = O(null), n = O(!1);
+    const s = e, t = qe("tabsContext"), l = O(null), n = O(!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;
@@ -3867,7 +3866,7 @@ const Qe = {
     }), (i, d) => xe((a(), r("div", null, [
       b(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 = {
@@ -4265,7 +4264,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: {
@@ -4370,7 +4369,7 @@ const Qe = {
       ])
     ], 2)) : f("", !0);
   }
-}, Ae = {
+}, Pe = {
   __name: "DataTableRow",
   props: {
     item: {
@@ -4561,7 +4560,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: {
@@ -5054,7 +5053,7 @@ const Qe = {
     }), (V, q) => (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,
@@ -5133,7 +5132,7 @@ const Qe = {
           o("tbody", {
             class: c(J.value)
           }, [
-            (a(!0), r(Q, null, K(z.value, (Z, ne) => (a(), M(Ae, {
+            (a(!0), r(Q, null, K(z.value, (Z, ne) => (a(), M(Pe, {
               key: j(Z, ne),
               item: Z,
               columns: e.columns,
@@ -5146,7 +5145,7 @@ const Qe = {
               density: e.density,
               onToggleSelection: E,
               onRowClick: H
-            }, qe({
+            }, He({
               actions: S((de) => [
                 b(V.$slots, "actions", me({ ref_for: !0 }, de))
               ]),
@@ -5189,7 +5188,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,
@@ -5879,7 +5878,7 @@ const Qe = {
               ])
             ])
           ], 2), [
-            [Te, n.value]
+            [Me, n.value]
           ])
         ])) : f("", !0),
         e.showRefresh ? (a(), r("button", {
@@ -6250,7 +6249,7 @@ const Qe = {
       ], 2)
     ], 2));
   }
-}, Fe = (e, s) => {
+}, Ne = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of s)
     t[l] = n;
@@ -6448,7 +6447,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(jn, [["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 = {
@@ -6551,7 +6550,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 +6653,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;
@@ -6846,50 +6845,50 @@ 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,
+  Link: ht,
+  Logo: yt,
   Option: Le,
-  ProgressBar: zt,
-  Radio: Tt,
+  ProgressBar: wt,
+  Radio: St,
   Select: we,
   Spinner: Ie,
-  Switch: jt,
-  Text: Lt,
-  Textarea: At,
-  Tooltip: Pt,
+  Switch: Vt,
+  Text: Tt,
+  Textarea: It,
+  Tooltip: jt,
   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,
+  Alert: Rt,
+  Breadcrumb: qt,
+  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,
@@ -6901,10 +6900,10 @@ const $r = /* @__PURE__ */ Fe(pr, [["render", Cr]]), ze = {
   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,
@@ -6914,69 +6913,68 @@ const $r = /* @__PURE__ */ Fe(pr, [["render", Cr]]), ze = {
   TimelineItem: In,
   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,
+  qt 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,
+  za as FormField,
   bn as Header,
   Y as Icon,
-  vt as Image,
+  ct as Image,
   pe as Input,
-  La as InputGroup,
+  Ta 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,
+  ht 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,
@@ -6984,17 +6982,18 @@ export {
   Ie as Spinner,
   Is as Stepper,
   Ps as StepperItem,
-  jt as Switch,
+  Vt as Switch,
   _s as Tab,
   Os as TabPanel,
-  Lt as Text,
-  At as Textarea,
+  Tt as Text,
+  It as Textarea,
   Sn as Timeline,
   In as TimelineItem,
   cs as Toast,
-  Pt as Tooltip,
+  jt as Tooltip,
   be as Typography,
   v as cn,
   Vr as default,
-  Ge as toast
+  Se as toast,
+  as as useToaster
 };