mgv-backoffice 1.47.0 → 1.48.0

package/dist/ui-lib.js

@@ -1,5 +1,5 @@
-import { Fragment as e, Teleport as t, Text as n, Transition as r, cloneVNode as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createStaticVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, effectScope as h, getCurrentScope as g, guardReactiveProps as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onScopeDispose as T, onUnmounted as E, openBlock as D, reactive as O, readonly as ee, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, toDisplayString as P, unref as F, useId as te, useSlots as ne, vModelCheckbox as re, vModelDynamic as ie, vModelText as ae, vShow as oe, watch as I, withCtx as L, withDirectives as R, withKeys as se, withModifiers as z } from "vue";
-import { ArrowDownIcon as ce, ArrowRightStartOnRectangleIcon as le, ArrowUpIcon as ue, Bars3Icon as de, BellIcon as fe, CheckCircleIcon as pe, CheckIcon as me, ChevronDoubleLeftIcon as he, ChevronDoubleRightIcon as ge, ChevronDownIcon as _e, ChevronRightIcon as ve, ClipboardDocumentCheckIcon as ye, ClipboardDocumentIcon as be, DocumentDuplicateIcon as xe, ExclamationCircleIcon as Se, ExclamationTriangleIcon as Ce, FolderIcon as we, InformationCircleIcon as Te, MagnifyingGlassIcon as Ee, MinusIcon as De, MoonIcon as Oe, SunIcon as ke, XMarkIcon as Ae } from "@heroicons/vue/24/outline";
+import { Fragment as e, Teleport as t, Text as n, Transition as r, cloneVNode as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createStaticVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, effectScope as h, getCurrentScope as g, guardReactiveProps as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onScopeDispose as T, onUnmounted as E, openBlock as D, reactive as O, readonly as ee, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, toDisplayString as P, unref as F, useId as te, useSlots as ne, vModelCheckbox as re, vModelDynamic as ie, vModelText as ae, vShow as oe, watch as se, withCtx as I, withDirectives as L, withKeys as ce, withModifiers as R } from "vue";
+import { ArrowDownIcon as le, ArrowRightStartOnRectangleIcon as ue, ArrowUpIcon as de, Bars3Icon as fe, BellIcon as pe, CheckCircleIcon as me, CheckIcon as he, ChevronDoubleLeftIcon as ge, ChevronDoubleRightIcon as _e, ChevronDownIcon as ve, ChevronRightIcon as ye, ClipboardDocumentCheckIcon as be, ClipboardDocumentIcon as xe, DocumentDuplicateIcon as Se, ExclamationCircleIcon as Ce, ExclamationTriangleIcon as we, FolderIcon as Te, InformationCircleIcon as Ee, MagnifyingGlassIcon as De, MinusIcon as Oe, MoonIcon as ke, SunIcon as Ae, XMarkIcon as z } from "@heroicons/vue/24/outline";
 import { HomeIcon as je } from "@heroicons/vue/24/solid";
 import { RouterLink as Me, useRoute as Ne, useRouter as Pe } from "vue-router";
 import { VueDatePicker as Fe } from "@vuepic/vue-datepicker";
@@ -17,7 +17,7 @@ function Le(e) {
 		e ? V.value = e === "dark" : typeof window.matchMedia == "function" && (V.value = window.matchMedia("(prefers-color-scheme: dark)").matches);
 	}
 	typeof document < "u" && h(!0).run(() => {
-		I(V, (e) => {
+		se(V, (e) => {
 			document.documentElement.classList.toggle("dark", e), window.localStorage?.setItem(H, e ? "dark" : "light");
 		}, { immediate: !0 });
 	});
@@ -70,10 +70,10 @@ var ze = { class: "min-w-0 flex-1" }, Be = {
 			}
 		}, i = a(() => n.value ? r[t.color].dark : r[t.color].light), u = a(() => {
 			switch (t.color) {
-				case B.SUCCESS: return pe;
-				case B.WARNING: return Ce;
-				case B.INFO: return Te;
-				default: return Se;
+				case B.SUCCESS: return me;
+				case B.WARNING: return we;
+				case B.INFO: return Ee;
+				default: return Ce;
 			}
 		}), d = a(() => {
 			switch (t.color) {
@@ -177,17 +177,17 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 				to: "/",
 				class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white transition-colors rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500"
 			}, {
-				default: L(() => [p(F(je), { class: "h-4 w-4 text-gray-500 mr-2" }), n[0] ||= f(" Home ", -1)]),
+				default: I(() => [p(F(je), { class: "h-4 w-4 text-gray-500 mr-2" }), n[0] ||= f(" Home ", -1)]),
 				_: 1
 			})]), (D(!0), c(e, null, A(r.value, (e, t) => (D(), c("li", {
 				key: t,
 				class: "inline-flex items-center",
 				style: { "margin-left": "0" }
-			}, [p(F(ve), { class: "h-4 w-4 text-gray-500" }), p(i, {
+			}, [p(F(ye), { class: "h-4 w-4 text-gray-500" }), p(i, {
 				to: e.url,
 				class: "ml-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ml-2 dark:text-gray-400 dark:hover:text-white transition-colors rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500"
 			}, {
-				default: L(() => [f(P(e.name), 1)]),
+				default: I(() => [f(P(e.name), 1)]),
 				_: 2
 			}, 1032, ["to"])]))), 128))])]);
 		};
@@ -426,7 +426,7 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 				to: e.to,
 				custom: ""
 			}, {
-				default: L(({ navigate: i }) => [l("button", {
+				default: I(({ navigate: i }) => [l("button", {
 					type: n.type,
 					class: b(a()),
 					disabled: e.isDisable || e.isLoading,
@@ -532,7 +532,7 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 				to: "/",
 				class: "flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white"
 			}, {
-				default: L(() => [(D(), c("svg", {
+				default: I(() => [(D(), c("svg", {
 					height: r(),
 					width: r(),
 					viewBox: "33.6 130.6 499.7 242.9",
@@ -739,7 +739,7 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 			"aria-modal": "true",
 			"aria-labelledby": i
 		}, [t.mode === F(Nt).DELETE ? (D(), c("div", Pt, [
-			p(F(Se), { class: "w-12 h-12 text-gray-400 mx-auto mb-4" }),
+			p(F(Ce), { class: "w-12 h-12 text-gray-400 mx-auto mb-4" }),
 			l("h3", {
 				id: i,
 				class: "mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"
@@ -754,7 +754,7 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 				description: "No, cancel"
 			}, null, 8, ["color"])])
 		])) : (D(), c("div", It, [
-			p(F(pe), { class: "w-12 h-12 text-green-500 mx-auto mb-4" }),
+			p(F(me), { class: "w-12 h-12 text-green-500 mx-auto mb-4" }),
 			l("h3", {
 				id: i,
 				class: "mb-2 text-lg font-medium text-gray-900"
@@ -892,13 +892,13 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 			e.mode == F(Y).ERROR ? (D(), c("div", {
 				key: 0,
 				class: b(a())
-			}, [p(F(Se), { class: "h-6 w-6 text-red-500" }), r[0] ||= l("span", { class: "sr-only" }, "Error icon", -1)], 2)) : e.mode == F(Y).SUCCESS ? (D(), c("div", {
+			}, [p(F(Ce), { class: "h-6 w-6 text-red-500" }), r[0] ||= l("span", { class: "sr-only" }, "Error icon", -1)], 2)) : e.mode == F(Y).SUCCESS ? (D(), c("div", {
 				key: 1,
 				class: b(a())
-			}, [p(F(pe), { class: "h-6 w-6 text-green-500" }), r[1] ||= l("span", { class: "sr-only" }, "Check icon", -1)], 2)) : e.mode == F(Y).WARNING ? (D(), c("div", {
+			}, [p(F(me), { class: "h-6 w-6 text-green-500" }), r[1] ||= l("span", { class: "sr-only" }, "Check icon", -1)], 2)) : e.mode == F(Y).WARNING ? (D(), c("div", {
 				key: 2,
 				class: b(a())
-			}, [p(F(Ce), { class: "h-6 w-6 text-yellow-500" }), r[2] ||= l("span", { class: "sr-only" }, "Warning icon", -1)], 2)) : s("", !0),
+			}, [p(F(we), { class: "h-6 w-6 text-yellow-500" }), r[2] ||= l("span", { class: "sr-only" }, "Warning icon", -1)], 2)) : s("", !0),
 			l("div", Wt, P(e.description), 1),
 			e.hasCloseIcon ? (D(), c("button", {
 				key: 3,
@@ -906,7 +906,7 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 				class: "ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700 cursor-pointer",
 				"aria-label": "Close",
 				onClick: i
-			}, [r[3] ||= l("span", { class: "sr-only" }, "Close", -1), p(F(Ae), { class: "h-6 w-6 text-gray-500" })])) : s("", !0)
+			}, [r[3] ||= l("span", { class: "sr-only" }, "Close", -1), p(F(z), { class: "h-6 w-6 text-gray-500" })])) : s("", !0)
 		])], 2)) : s("", !0);
 	}
 }), Kt = { class: "w-13" }, qt = /* @__PURE__ */ m({
@@ -1079,7 +1079,7 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 			return Math.min(Math.max(e, 1), Math.max(o.value, 1));
 		}
 		let u = k(1);
-		I(o, () => {
+		se(o, () => {
 			u.value = s(u.value);
 		});
 		let d = a(() => r.page != null && Number.isFinite(r.page) ? s(r.page) : u.value), f = a(() => {
@@ -1129,15 +1129,15 @@ var We = "bg-red-100 text-red-700 border-red-200", Ge = /* @__PURE__ */ m({
 	setup(e) {
 		let t = e, n = a(() => t.number !== null && t.number !== void 0 && t.number < 0), r = a(() => t.number === 0);
 		return (i, a) => e.number !== null && e.number !== void 0 ? (D(), c("div", cn, [n.value ? (D(), c("span", ln, [p(Ge, { color: F(W).RED }, {
-			default: L(() => [f(P(e.number) + P(t.icon), 1)]),
+			default: I(() => [f(P(e.number) + P(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), p(F(ce), { class: "h-5 w-5 text-red-500" })])) : r.value ? (D(), c("span", un, [p(Ge, { color: F(W).GRAY }, {
-			default: L(() => [f(P(e.number) + P(t.icon), 1)]),
+		}, 8, ["color"]), p(F(le), { class: "h-5 w-5 text-red-500" })])) : r.value ? (D(), c("span", un, [p(Ge, { color: F(W).GRAY }, {
+			default: I(() => [f(P(e.number) + P(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), p(F(De), { class: "h-5 w-5 text-gray-400" })])) : (D(), c("span", dn, [p(Ge, { color: F(W).GREEN }, {
-			default: L(() => [f(P(e.number) + P(t.icon), 1)]),
+		}, 8, ["color"]), p(F(Oe), { class: "h-5 w-5 text-gray-400" })])) : (D(), c("span", dn, [p(Ge, { color: F(W).GREEN }, {
+			default: I(() => [f(P(e.number) + P(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), p(F(ue), { class: "h-5 w-5 text-green-500" })]))])) : s("", !0);
+		}, 8, ["color"]), p(F(de), { class: "h-5 w-5 text-green-500" })]))])) : s("", !0);
 	}
 });
 //#endregion
@@ -1213,7 +1213,7 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 		}, [e.scrollable ? (D(), c("div", {
 			key: 0,
 			class: b(["relative w-full mx-4 rounded-lg shadow-xl max-h-[90vh] flex flex-col", [e.maxWidthClass, p.value]]),
-			onClick: r[0] ||= z(() => {}, ["stop"])
+			onClick: r[0] ||= R(() => {}, ["stop"])
 		}, [
 			l("div", { class: b(["flex items-start justify-between gap-4 p-6 border-b shrink-0", F(d).border]) }, [l("div", mn, [j(n.$slots, "icon", {}, () => [l("div", { class: b(["flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-full", m.value]) }, [(D(), o(N(e.icon), {
 				class: b(["h-6 w-6", e.iconClass]),
@@ -1233,7 +1233,7 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 		], 2)) : (D(), c("div", {
 			key: 1,
 			class: b(["relative w-full mx-4 rounded-lg shadow-xl", [e.maxWidthClass, p.value]]),
-			onClick: r[1] ||= z(() => {}, ["stop"])
+			onClick: r[1] ||= R(() => {}, ["stop"])
 		}, [l("div", _n, [
 			l("div", vn, [j(n.$slots, "icon", {}, () => [l("div", { class: b(["flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-full", m.value]) }, [(D(), o(N(e.icon), {
 				class: b(["h-6 w-6", e.iconClass]),
@@ -1276,7 +1276,7 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			d: "M19 9l-7 7-7-7"
-		}, null, -1)]], 2))], 10, Cn), R(l("div", { class: b(["p-6 border-t rounded-b-xl", [F(o).border, p.value]]) }, [j(t.$slots, "default")], 2), [[oe, !e.collapsed]])], 2));
+		}, null, -1)]], 2))], 10, Cn), L(l("div", { class: b(["p-6 border-t rounded-b-xl", [F(o).border, p.value]]) }, [j(t.$slots, "default")], 2), [[oe, !e.collapsed]])], 2));
 	}
 }), En = ["disabled"], Dn = ["disabled"], On = {
 	key: 0,
@@ -1309,13 +1309,13 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 		}
 		return (t, n) => (D(), o(Sn, {
 			title: e.title,
-			icon: F(Ce),
+			icon: F(we),
 			"icon-bg-class": e.variant === "danger" ? F(i) ? "bg-red-900/30" : "bg-red-50" : F(i) ? "bg-amber-900/30" : "bg-amber-50",
 			"icon-class": e.variant === "danger" ? "text-red-600" : "text-amber-600",
 			"manual-close": e.submitting,
 			onCancel: d
 		}, {
-			footer: L(() => [l("button", {
+			footer: I(() => [l("button", {
 				type: "button",
 				disabled: e.submitting,
 				class: b(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [F(a).ghostButton, e.submitting ? "opacity-60 cursor-not-allowed" : "cursor-pointer"]]),
@@ -1337,7 +1337,7 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 				fill: "currentColor",
 				d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
 			}, null, -1)]])) : s("", !0), f(" " + P(e.submitting ? e.submittingText : e.confirmText), 1)], 10, Dn)]),
-			default: L(() => [j(t.$slots, "message", {}, () => [l("p", { class: b(["text-sm", F(i) ? "text-gray-300" : "text-gray-600"]) }, P(e.message), 3)]), j(t.$slots, "default")]),
+			default: I(() => [j(t.$slots, "message", {}, () => [l("p", { class: b(["text-sm", F(i) ? "text-gray-300" : "text-gray-600"]) }, P(e.message), 3)]), j(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"title",
@@ -1380,11 +1380,11 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 		}
 		return pn(f), (t, n) => (D(), o(Sn, {
 			title: e.title,
-			icon: F(xe),
+			icon: F(Se),
 			"manual-close": "",
 			onBackdrop: p
 		}, u({
-			footer: L(() => [l("button", {
+			footer: I(() => [l("button", {
 				type: "button",
 				class: b(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", F(a).ghostButton]),
 				onClick: f
@@ -1394,19 +1394,19 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 				class: b(["inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2", [!s.value.trim() || e.submitting ? "bg-emerald-400 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 cursor-pointer"]]),
 				onClick: d
 			}, P(e.submitting ? e.submittingText : e.confirmText), 11, Mn)]),
-			default: L(() => [l("p", { class: b(["text-sm", F(i) ? "text-gray-300" : "text-gray-600"]) }, P(e.message), 3), l("div", An, [l("label", { class: b(["block text-sm font-medium mb-1", F(a).label]) }, P(e.inputLabel), 3), R(l("input", {
+			default: I(() => [l("p", { class: b(["text-sm", F(i) ? "text-gray-300" : "text-gray-600"]) }, P(e.message), 3), l("div", An, [l("label", { class: b(["block text-sm font-medium mb-1", F(a).label]) }, P(e.inputLabel), 3), L(l("input", {
 				ref_key: "nameInput",
 				ref: c,
 				"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
 				type: "text",
 				placeholder: e.placeholder,
 				class: b(["w-full px-3 py-2 rounded-md border text-sm transition-colors", F(i) ? "bg-gray-800 border-gray-600 text-gray-100 placeholder-gray-500 focus:outline-none focus:border-emerald-500" : "bg-white border-gray-300 text-gray-900 placeholder-gray-400 focus:outline-none focus:border-emerald-500"]),
-				onKeyup: se(d, ["enter"])
+				onKeyup: ce(d, ["enter"])
 			}, null, 42, jn), [[ae, s.value]])])]),
 			_: 2
 		}, [t.$slots.icon ? {
 			name: "icon",
-			fn: L(() => [j(t.$slots, "icon")]),
+			fn: I(() => [j(t.$slots, "icon")]),
 			key: "0"
 		} : void 0]), 1032, ["title", "icon"]));
 	}
@@ -1424,7 +1424,7 @@ var mn = { class: "flex items-start gap-4 min-w-0" }, hn = { class: "flex-1 min-
 			n.push({ name: t.homeRouteName });
 		}
 		return (t, n) => (D(), c("div", Pn, [l("div", Fn, [
-			p(F(Ce), { class: b(["w-16 h-16 mx-auto mb-4", F(i).illustration]) }, null, 8, ["class"]),
+			p(F(we), { class: b(["w-16 h-16 mx-auto mb-4", F(i).illustration]) }, null, 8, ["class"]),
 			l("h1", { class: b(["text-4xl font-bold mb-2", F(r) ? "text-gray-200" : "text-gray-800"]) }, P(e.code), 3),
 			l("p", { class: b(["text-lg mb-6", F(i).dimTextAlt]) }, P(e.message), 3),
 			l("button", {
@@ -1458,7 +1458,7 @@ function Vn(e) {
 	if (!zn && (zn = !0, Bn = e, typeof window < "u")) {
 		let e = window.localStorage?.getItem(Bn);
 		e && (Z.value = e === "true"), h(!0).run(() => {
-			I(Z, (e) => {
+			se(Z, (e) => {
 				window.localStorage?.setItem(Bn, String(e));
 			});
 		});
@@ -1577,7 +1577,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 	},
 	setup(t) {
 		let n = t, r = Pe(), i = Ne(), { isDark: u, toggleTheme: d } = U(), { mobileOpen: m, close: h, toggle: g } = Rn(), { collapsed: _, toggle: v } = Hn(), { unreadCount: x, togglePanel: S } = Gn(), C = a(() => n.collapsible && _.value), w = k(null), T = null;
-		I(m, async (e) => {
+		se(m, async (e) => {
 			e ? (T = document.activeElement instanceof HTMLElement ? document.activeElement : null, await y(), w.value?.focus()) : (T?.focus(), T = null);
 		});
 		function E() {
@@ -1601,11 +1601,11 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				class: b(["p-2 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", F(u) ? "text-gray-400 hover:bg-gray-800" : "text-gray-600 hover:bg-gray-100"]),
 				"aria-label": F(m) ? "Close navigation menu" : "Open navigation menu",
 				"aria-expanded": F(m)
-			}, [F(m) ? (D(), o(F(Ae), {
+			}, [F(m) ? (D(), o(F(z), {
 				key: 1,
 				class: "w-6 h-6",
 				"aria-hidden": "true"
-			})) : (D(), o(F(de), {
+			})) : (D(), o(F(fe), {
 				key: 0,
 				class: "w-6 h-6",
 				"aria-hidden": "true"
@@ -1637,7 +1637,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 					onClick: r[2] ||= (...e) => F(h) && F(h)(...e),
 					class: b(["lg:hidden p-1.5 rounded-lg cursor-pointer absolute right-3 top-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", F(u) ? "text-gray-400 hover:bg-gray-800" : "text-gray-500 hover:bg-gray-100"]),
 					"aria-label": "Close navigation menu"
-				}, [p(F(Ae), {
+				}, [p(F(z), {
 					class: "w-5 h-5",
 					"aria-hidden": "true"
 				})], 2)], 2),
@@ -1656,7 +1656,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 						title: "Notifications",
 						"aria-label": F(x) > 0 ? `Notifications, ${F(x)} unread` : "Notifications",
 						class: b(["relative flex items-center gap-3 w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [F(u) ? "text-gray-400 hover:text-gray-100 hover:bg-gray-800" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100", { "lg:justify-center": C.value }]])
-					}, [l("span", Qn, [p(F(fe), {
+					}, [l("span", Qn, [p(F(pe), {
 						class: "w-[18px] h-[18px]",
 						"aria-hidden": "true"
 					}), F(x) > 0 ? (D(), c("span", $n, P(F(x) > 99 ? "99+" : F(x)), 1)) : s("", !0)]), l("span", { class: b({ "lg:hidden": C.value }) }, "Notifications", 2)], 10, Zn)) : s("", !0),
@@ -1669,7 +1669,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 						"aria-pressed": F(u),
 						class: b(["flex items-center gap-3 w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [F(u) ? "text-gray-400 hover:text-gray-100 hover:bg-gray-800" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100", { "lg:justify-center": C.value }]])
 					}, [
-						(D(), o(N(F(u) ? F(ke) : F(Oe)), {
+						(D(), o(N(F(u) ? F(Ae) : F(ke)), {
 							class: b(["hidden w-[18px] h-[18px] shrink-0", { "lg:block": C.value }]),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])),
@@ -1684,7 +1684,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 						"aria-label": F(_) ? "Expand sidebar" : "Collapse sidebar",
 						"aria-pressed": F(_),
 						class: b(["hidden lg:flex items-center gap-3 w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [F(u) ? "text-gray-400 hover:text-gray-100 hover:bg-gray-800" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100", { "lg:justify-center": C.value }]])
-					}, [(D(), o(N(F(_) ? F(ge) : F(he)), {
+					}, [(D(), o(N(F(_) ? F(_e) : F(ge)), {
 						class: "w-[18px] h-[18px] shrink-0",
 						"aria-hidden": "true"
 					})), l("span", { class: b({ "lg:hidden": C.value }) }, "Collapse", 2)], 10, tr)) : s("", !0),
@@ -1859,13 +1859,13 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 		}
 		return (n, r) => (D(), o(Sn, {
 			title: t.title,
-			icon: F(we),
+			icon: F(Te),
 			"icon-bg-class": O.value.iconBg,
 			"icon-class": O.value.iconText,
 			"manual-close": t.submitting,
 			onCancel: M
 		}, u({
-			footer: L(() => [l("button", {
+			footer: I(() => [l("button", {
 				type: "button",
 				disabled: t.submitting,
 				class: b(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", F(f).ghostButton]),
@@ -1876,16 +1876,16 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				class: b(["inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2", !_.value || t.submitting ? O.value.confirmDisabled : O.value.confirmActive]),
 				onClick: ee
 			}, P(t.submitting ? t.submittingText : t.confirmText), 11, mr)]),
-			default: L(() => [
+			default: I(() => [
 				t.message ? (D(), c("p", {
 					key: 0,
 					class: b(["text-sm", F(d) ? "text-gray-300" : "text-gray-600"])
 				}, P(t.message), 3)) : s("", !0),
 				h.value ? (D(), c("div", rr, [p(Vt, { color: "emerald" })])) : g.value ? (D(), c("div", ir, P(g.value), 1)) : s("", !0),
-				!h.value && !g.value && S.value.length > 0 ? (D(), c("div", ar, [l("div", or, [p(F(Ee), {
+				!h.value && !g.value && S.value.length > 0 ? (D(), c("div", ar, [l("div", or, [p(F(De), {
 					class: b(["absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4", F(f).dimText]),
 					"aria-hidden": "true"
-				}, null, 8, ["class"]), R(l("input", {
+				}, null, 8, ["class"]), L(l("input", {
 					ref_key: "searchInputRef",
 					ref: x,
 					"onUpdate:modelValue": r[0] ||= (e) => v.value = e,
@@ -1900,7 +1900,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 					class: b(["w-full text-left flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500", [_.value === e.id ? O.value.selectedRow : F(d) ? "hover:bg-gray-800 border border-transparent" : "hover:bg-gray-50 border border-transparent"]]),
 					onClick: (t) => _.value = e.id
 				}, [
-					p(F(we), { class: b(["w-5 h-5 flex-shrink-0", F(f).dimText]) }, null, 8, ["class"]),
+					p(F(Te), { class: b(["w-5 h-5 flex-shrink-0", F(f).dimText]) }, null, 8, ["class"]),
 					l("div", ur, [l("p", { class: b(["text-sm font-medium truncate", F(f).bodyText]) }, P(e.label), 3)]),
 					_.value === e.id ? (D(), c("div", {
 						key: 0,
@@ -1922,7 +1922,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			_: 2
 		}, [n.$slots.icon ? {
 			name: "icon",
-			fn: L(() => [j(n.$slots, "icon")]),
+			fn: I(() => [j(n.$slots, "icon")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"title",
@@ -1972,11 +1972,11 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 		marginClass: { default: "mb-8" },
 		accent: {
 			type: Boolean,
-			default: !1
+			default: void 0
 		}
 	},
 	setup(e) {
-		let t = e, { isDark: n } = U(), r = X(), i = a(() => {
+		let t = e, { isDark: n } = U(), r = X(), i = ne(), o = a(() => t.accent ?? !i.icon), u = a(() => {
 			let e = {
 				emerald: {
 					dark: "bg-emerald-500/10",
@@ -1996,7 +1996,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				}
 			}[t.iconColor];
 			return n.value ? e.dark : e.light;
-		}), o = a(() => {
+		}), d = a(() => {
 			let e = {
 				emerald: {
 					dark: "text-emerald-400",
@@ -2019,8 +2019,8 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 		});
 		return (t, n) => (D(), c("header", { class: b(e.maxWidthClass ? ["mx-auto px-4 sm:px-6", e.maxWidthClass] : void 0) }, [l("div", { class: b(["flex flex-wrap justify-between gap-3", [e.align === "end" ? "items-end" : "items-center", e.marginClass]]) }, [l("div", yr, [t.$slots.icon ? (D(), c("div", {
 			key: 0,
-			class: b(["w-10 h-10 rounded-lg flex items-center justify-center", i.value])
-		}, [j(t.$slots, "icon", { iconClass: o.value })], 2)) : s("", !0), l("div", null, [l("h1", { class: b(["text-2xl font-bold", [F(r).primaryTextSoft, e.accent ? "relative pl-3.5 tracking-tight" : ""]]) }, [e.accent ? (D(), c("span", br)) : s("", !0), f(" " + P(e.title), 1)], 2), e.subtitle || t.$slots.subtitle ? (D(), c("p", {
+			class: b(["w-10 h-10 rounded-lg flex items-center justify-center", u.value])
+		}, [j(t.$slots, "icon", { iconClass: d.value })], 2)) : s("", !0), l("div", null, [l("h1", { class: b(["text-2xl font-bold", [F(r).primaryTextSoft, o.value ? "relative pl-3.5 tracking-tight" : ""]]) }, [o.value ? (D(), c("span", br)) : s("", !0), f(" " + P(e.title), 1)], 2), e.subtitle || t.$slots.subtitle ? (D(), c("p", {
 			key: 0,
 			class: b(["max-w-[72ch] text-sm", F(r).dimTextAlt])
 		}, [j(t.$slots, "subtitle", {}, () => [f(P(e.subtitle), 1)])], 2)) : s("", !0)])]), l("div", xr, [j(t.$slots, "actions")])], 2)], 2));
@@ -2219,11 +2219,11 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"aria-label": d.value,
 			class: b(f.value),
 			onClick: m
-		}, [s.value ? (D(), o(F(ye), {
+		}, [s.value ? (D(), o(F(be), {
 			key: 0,
 			class: b(e.iconClass),
 			"aria-hidden": "true"
-		}, null, 8, ["class"])) : (D(), o(F(be), {
+		}, null, 8, ["class"])) : (D(), o(F(xe), {
 			key: 1,
 			class: b(e.iconClass),
 			"aria-hidden": "true"
@@ -2347,12 +2347,12 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			])], 64)) : s("", !0),
 			l("form", {
 				class: "space-y-4",
-				onSubmit: z(v, ["prevent"])
+				onSubmit: R(v, ["prevent"])
 			}, [
 				l("div", null, [l("label", {
 					for: "login-email",
 					class: b(["block mb-1.5 text-sm font-medium", F(u).label])
-				}, " Email ", 2), R(l("input", {
+				}, " Email ", 2), L(l("input", {
 					id: "login-email",
 					"onUpdate:modelValue": r[1] ||= (e) => d.value = e,
 					type: "email",
@@ -2366,7 +2366,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				l("div", null, [l("div", zr, [l("label", {
 					for: "login-password",
 					class: b(["block text-sm font-medium", F(u).label])
-				}, " Password ", 2), j(n.$slots, "forgot")]), l("div", Br, [R(l("input", {
+				}, " Password ", 2), j(n.$slots, "forgot")]), l("div", Br, [L(l("input", {
 					id: "login-password",
 					"onUpdate:modelValue": r[2] ||= (e) => m.value = e,
 					type: g.value ? "text" : "password",
@@ -2386,7 +2386,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				t.showRemember ? (D(), c("label", {
 					key: 0,
 					class: b(["flex items-center gap-2 text-sm cursor-pointer select-none", F(u).bodyText])
-				}, [R(l("input", {
+				}, [L(l("input", {
 					"onUpdate:modelValue": r[4] ||= (e) => h.value = e,
 					type: "checkbox",
 					disabled: _.value,
@@ -2448,7 +2448,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"leave-active-class": "transition-opacity duration-200",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: L(() => [F(_) ? (D(), c("div", {
+			default: I(() => [F(_) ? (D(), c("div", {
 				key: 0,
 				class: "fixed inset-0 z-[60] bg-black/50",
 				"aria-hidden": "true",
@@ -2461,7 +2461,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"leave-active-class": "transition-transform duration-300 ease-in",
 			"leave-to-class": "-translate-x-full"
 		}, {
-			default: L(() => [F(_) ? (D(), c("aside", {
+			default: I(() => [F(_) ? (D(), c("aside", {
 				key: 0,
 				role: "dialog",
 				"aria-modal": "true",
@@ -2473,7 +2473,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 					onClick: a[1] ||= (...e) => F(v) && F(v)(...e),
 					"aria-label": "Close notifications",
 					class: b(["p-1.5 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", F(d) ? "text-gray-400 hover:bg-gray-800" : "text-gray-500 hover:bg-gray-100"])
-				}, [p(F(Ae), {
+				}, [p(F(z), {
 					class: "w-5 h-5",
 					"aria-hidden": "true"
 				})], 2)], 2),
@@ -2485,7 +2485,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 					onClick: a[2] ||= (...e) => F(y) && F(y)(...e),
 					class: b(["text-xs font-medium cursor-pointer transition-colors focus:outline-none focus-visible:underline", F(m).emeraldText])
 				}, " Mark all as read ", 2)], 2)) : s("", !0),
-				l("div", Jr, [C.value === 0 ? (D(), c("div", Yr, [p(F(fe), {
+				l("div", Jr, [C.value === 0 ? (D(), c("div", Yr, [p(F(pe), {
 					class: b(["w-10 h-10", F(m).illustration]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]), l("p", { class: b(["text-sm", F(m).mutedText]) }, P(n.emptyText), 3)])) : (D(), c("ul", {
@@ -2601,9 +2601,9 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 		}
 		return (t, n) => (D(), c("label", {
 			class: b(["flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed px-6 py-10 text-center transition-colors", [e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", a.value ? F(i) ? "border-emerald-500 text-emerald-400" : "border-emerald-500 text-emerald-600" : F(i) ? "border-gray-700 hover:border-emerald-500 text-gray-400 hover:text-emerald-400" : "border-gray-300 hover:border-emerald-500 text-gray-500 hover:text-emerald-600"]]),
-			onDragover: z(u, ["prevent"]),
-			onDragleave: n[0] ||= z((e) => a.value = !1, ["prevent"]),
-			onDrop: z(d, ["prevent"])
+			onDragover: R(u, ["prevent"]),
+			onDragleave: n[0] ||= R((e) => a.value = !1, ["prevent"]),
+			onDrop: R(d, ["prevent"])
 		}, [
 			j(t.$slots, "icon", {}, () => [n[1] ||= l("svg", {
 				class: "w-10 h-10",
@@ -2715,7 +2715,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			value: e.modelValue,
 			class: ["base-select w-full appearance-none bg-none rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm cursor-pointer transition-colors hover:border-slate-400 dark:hover:border-slate-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/40 focus-visible:border-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed", e.size === "md" ? "py-2 pl-3 pr-9" : "py-1.5 pl-2.5 pr-8"],
 			onChange: o
-		}), [p(i)], 16, fi), p(F(_e), {
+		}), [p(i)], 16, fi), p(F(ve), {
 			class: b(["pointer-events-none absolute top-1/2 h-4 w-4 -translate-y-1/2 text-slate-500 dark:text-slate-400", e.size === "md" ? "right-3" : "right-2.5"]),
 			"aria-hidden": "true"
 		}, null, 8, ["class"])], 2));
@@ -2783,7 +2783,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"aria-haspopup": "listbox",
 			"aria-expanded": o.value,
 			onClick: g
-		}, [l("span", { class: b(["min-w-0 truncate", d.value ? "" : "text-slate-400 dark:text-slate-500"]) }, P(d.value ? d.value.label : t.placeholder), 3), p(F(_e), {
+		}, [l("span", { class: b(["min-w-0 truncate", d.value ? "" : "text-slate-400 dark:text-slate-500"]) }, P(d.value ? d.value.label : t.placeholder), 3), p(F(ve), {
 			class: b(["shrink-0 transition-transform", [t.chevronClass, o.value ? "rotate-180" : ""]]),
 			"aria-hidden": "true"
 		}, null, 8, ["class"])], 10, mi), o.value ? (D(), c("ul", {
@@ -2905,7 +2905,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				modelValue: String(t.params[f.key] ?? ""),
 				"onUpdate:modelValue": (e) => r("update", f.key, e)
 			}, {
-				default: L(() => [(D(!0), c(e, null, A(f.options ?? [], (e) => (D(), c("option", {
+				default: I(() => [(D(!0), c(e, null, A(f.options ?? [], (e) => (D(), c("option", {
 					key: e,
 					value: e
 				}, P(e), 9, Ni))), 128))]),
@@ -3083,7 +3083,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			}
 		}
 		return w(h), n({ load: h }), (n, r) => (D(), o(Bt, { class: "!p-6" }, {
-			default: L(() => [
+			default: I(() => [
 				l("div", Wi, [l("div", null, [l("h2", Gi, P(t.title), 1), t.subtitle ? (D(), c("p", Ki, P(t.subtitle), 1)) : s("", !0)]), u.value ? (D(), c("span", qi, [p(Vt, { class: "!h-4 !w-4" }), r[4] ||= f(" Saving… ", -1)])) : s("", !0)]),
 				l("div", Ji, [
 					l("div", Yi, [l("label", {
@@ -3195,7 +3195,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 	},
 	emits: ["pick", "close"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, u = a(() => r.icon ?? Ee), d = k(""), f = k(ha), m = a(() => r.groups && r.groups.length > 0 ? [{
+		let r = t, i = n, u = a(() => r.icon ?? De), d = k(""), f = k(ha), m = a(() => r.groups && r.groups.length > 0 ? [{
 			value: ha,
 			label: r.allLabel
 		}, ...r.groups] : []), h = a(() => r.items.filter((e) => (f.value === ha || e.group === f.value) && e.label.toLowerCase().includes(d.value.trim().toLowerCase())));
@@ -3207,14 +3207,14 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"max-width-class": t.maxWidthClass,
 			onCancel: r[4] ||= (e) => i("close")
 		}, {
-			footer: L(() => [p(Tr, {
+			footer: I(() => [p(Tr, {
 				variant: "ghost",
 				label: t.closeText,
 				onClick: r[3] ||= (e) => i("close")
 			}, null, 8, ["label"])]),
-			default: L(() => [t.items.length === 0 ? (D(), c("p", sa, P(t.emptyMessage), 1)) : (D(), c(e, { key: 1 }, [l("div", ca, [l("div", la, [
-				p(F(Ee), { class: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }),
-				R(l("input", {
+			default: I(() => [t.items.length === 0 ? (D(), c("p", sa, P(t.emptyMessage), 1)) : (D(), c(e, { key: 1 }, [l("div", ca, [l("div", la, [
+				p(F(De), { class: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }),
+				L(l("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => d.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder,
@@ -3391,7 +3391,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				"aria-label": e.actionLabel,
 				class: "rounded px-0.5 text-slate-400 hover:bg-slate-100 hover:text-emerald-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 dark:hover:bg-slate-800 dark:hover:text-emerald-400",
 				onClick: r[0] ||= (t) => n("action", e.value)
-			}, [p(F(Ee), {
+			}, [p(F(De), {
 				class: "h-3.5 w-3.5",
 				"aria-hidden": "true"
 			})], 8, Pa)) : s("", !0)
@@ -3439,7 +3439,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
 		}, u({ _: 2 }, [A(t.$slots, (e, n) => ({
 			name: n,
-			fn: L((e) => [j(t.$slots, n, x(_(e ?? {})))])
+			fn: I((e) => [j(t.$slots, n, x(_(e ?? {})))])
 		}))]), 1032, [
 			"model-value",
 			"dark",
@@ -3510,7 +3510,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			let e = m.value.trim().toLowerCase();
 			return e ? r.options.filter((t) => t.label.toLowerCase().includes(e)) : [...r.options];
 		});
-		I(E, (e) => {
+		se(E, (e) => {
 			h.value = e.findIndex((e) => !e.disabled);
 		});
 		function O(e) {
@@ -3542,20 +3542,20 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 		function ie() {
 			i("update:modelValue", r.multiple ? [] : null), m.value = "";
 		}
-		function L(e) {
+		function I(e) {
 			let t = E.value;
 			if (t.length === 0) return;
 			let n = h.value;
 			for (let r = 0; r < t.length && (n = (n + e + t.length) % t.length, t[n].disabled); r++);
 			h.value = n, y(() => document.getElementById(`${g}-${n}`)?.scrollIntoView?.({ block: "nearest" }));
 		}
-		function se(e) {
+		function ce(e) {
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), f.value ? L(1) : j();
+					e.preventDefault(), f.value ? I(1) : j();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), f.value ? L(-1) : j();
+					e.preventDefault(), f.value ? I(-1) : j();
 					break;
 				case "Enter":
 					f.value && h.value >= 0 && (e.preventDefault(), ne(E.value[h.value]));
@@ -3569,10 +3569,10 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				case "Backspace": r.multiple && m.value === "" && v.value.length && re(v.value[v.value.length - 1]);
 			}
 		}
-		function ce(e) {
+		function le(e) {
 			f.value && u.value && !u.value.contains(e.target) && M();
 		}
-		return w(() => document.addEventListener("mousedown", ce)), C(() => document.removeEventListener("mousedown", ce)), (n, r) => (D(), c("div", {
+		return w(() => document.addEventListener("mousedown", le)), C(() => document.removeEventListener("mousedown", le)), (n, r) => (D(), c("div", {
 			ref_key: "rootEl",
 			ref: u,
 			class: b(t.block ? "relative w-full" : "relative inline-block min-w-48")
@@ -3580,7 +3580,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			class: b(["flex min-h-[38px] items-center gap-1.5 rounded-lg border bg-white px-3 py-1.5 text-sm transition-colors dark:bg-slate-900", [f.value ? "border-emerald-500 ring-2 ring-emerald-500/30" : "border-slate-300 hover:border-slate-400 dark:border-slate-600 dark:hover:border-slate-500", t.disabled ? "cursor-not-allowed opacity-60" : "cursor-text"]]),
 			onMousedown: N
 		}, [
-			l("div", La, [(D(!0), c(e, null, A(v.value, (e) => R((D(), c("span", {
+			l("div", La, [(D(!0), c(e, null, A(v.value, (e) => L((D(), c("span", {
 				key: String(e.value),
 				class: "inline-flex max-w-full items-center gap-1 rounded-md bg-emerald-50 py-0.5 pl-2 pr-1 text-xs font-medium text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300"
 			}, [l("span", Ra, P(e.label), 1), l("button", {
@@ -3588,12 +3588,12 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				class: "rounded p-0.5 hover:bg-emerald-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 dark:hover:bg-emerald-500/25",
 				"aria-label": `Remove ${e.label}`,
 				disabled: t.disabled,
-				onMousedown: r[0] ||= z(() => {}, ["stop", "prevent"]),
-				onClick: z((t) => re(e), ["stop"])
-			}, [p(F(Ae), {
+				onMousedown: r[0] ||= R(() => {}, ["stop", "prevent"]),
+				onClick: R((t) => re(e), ["stop"])
+			}, [p(F(z), {
 				class: "h-3 w-3",
 				"aria-hidden": "true"
-			})], 40, za)])), [[oe, t.multiple]])), 128)), R(l("input", {
+			})], 40, za)])), [[oe, t.multiple]])), 128)), L(l("input", {
 				ref_key: "inputEl",
 				ref: d,
 				"onUpdate:modelValue": r[1] ||= (e) => m.value = e,
@@ -3611,20 +3611,20 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 				class: b(["min-w-16 flex-1 border-0 bg-transparent p-0 py-0.5 text-sm text-slate-900 outline-none focus:ring-0 dark:text-slate-100 disabled:cursor-not-allowed", S.value ? "placeholder:text-slate-900 dark:placeholder:text-slate-100" : "placeholder:text-slate-400 dark:placeholder:text-slate-500"]),
 				onFocus: j,
 				onInput: j,
-				onKeydown: se
+				onKeydown: ce
 			}, null, 42, Ba), [[ae, m.value]])]),
 			t.clearable && x.value && !t.disabled ? (D(), c("button", {
 				key: 0,
 				type: "button",
 				class: "shrink-0 rounded p-0.5 text-slate-400 hover:text-slate-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 dark:hover:text-slate-200",
 				"aria-label": "Clear selection",
-				onMousedown: r[2] ||= z(() => {}, ["stop", "prevent"]),
-				onClick: z(ie, ["stop"])
-			}, [p(F(Ae), {
+				onMousedown: r[2] ||= R(() => {}, ["stop", "prevent"]),
+				onClick: R(ie, ["stop"])
+			}, [p(F(z), {
 				class: "h-4 w-4",
 				"aria-hidden": "true"
 			})], 32)) : s("", !0),
-			p(F(_e), {
+			p(F(ve), {
 				class: b(["h-4 w-4 shrink-0 text-slate-500 transition-transform dark:text-slate-400", f.value ? "rotate-180" : ""]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])
@@ -3642,10 +3642,10 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"aria-disabled": e.disabled || void 0,
 			title: e.title,
 			class: b(["flex cursor-pointer items-center justify-between gap-2 px-3 py-2 text-left text-sm", ee(e, t)]),
-			onMousedown: r[3] ||= z(() => {}, ["prevent"]),
+			onMousedown: r[3] ||= R(() => {}, ["prevent"]),
 			onMouseenter: (e) => h.value = t,
 			onClick: (t) => ne(e)
-		}, [l("span", Ua, P(e.label), 1), O(e) ? (D(), o(F(me), {
+		}, [l("span", Ua, P(e.label), 1), O(e) ? (D(), o(F(he), {
 			key: 0,
 			class: "h-4 w-4 shrink-0",
 			"aria-hidden": "true"
@@ -3770,7 +3770,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			}
 		}, r = a(() => n[t.accent]);
 		return (t, n) => (D(), o(N(e.to ? F(Me) : "div"), v(e.to ? { to: e.to } : {}, { class: ["relative block rounded-xl border-2 border-dashed bg-white p-5 transition-colors dark:bg-slate-800", [r.value.border, e.to ? "hover:bg-slate-50 dark:hover:bg-slate-700/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500" : ""]] }), {
-			default: L(() => [l("div", ao, [l("div", oo, [
+			default: I(() => [l("div", ao, [l("div", oo, [
 				l("p", so, P(e.title), 1),
 				l("p", { class: b(["mt-1 truncate text-3xl font-bold", r.value.value]) }, P(e.value), 3),
 				e.subtitle ? (D(), c("p", {
@@ -3892,7 +3892,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			class: ["flex items-center gap-3 rounded-lg p-2 transition-colors", e.to ? "hover:bg-slate-100 dark:hover:bg-slate-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500" : ""],
 			title: e.to ? e.profileLabel : void 0
 		}), {
-			default: L(() => [l("span", _o, P(i.value), 1), l("span", vo, [l("span", yo, P(e.name), 1), e.email ? (D(), c("span", bo, P(e.email), 1)) : s("", !0)])]),
+			default: I(() => [l("span", _o, P(i.value), 1), l("span", vo, [l("span", yo, P(e.name), 1), e.email ? (D(), c("span", bo, P(e.email), 1)) : s("", !0)])]),
 			_: 1
 		}, 16, ["class", "title"])), e.showLogout ? (D(), o(q, {
 			key: 0,
@@ -3904,7 +3904,7 @@ var Kn = ["aria-label", "aria-expanded"], qn = { class: "flex flex-col h-full" }
 			"icon-left": "",
 			onClick: n[0] ||= (e) => r("logout")
 		}, {
-			default: L(() => [p(F(le), {
+			default: I(() => [p(F(ue), {
 				class: "mr-1.5 h-4 w-4",
 				"aria-hidden": "true"
 			})]),
@@ -4026,7 +4026,7 @@ var Ao = /* @__PURE__ */ m({
 //#region src/composables/useDebounce.ts
 function Fo(e, t = 300) {
 	let n = k(e.value), r = null;
-	return I(e, (e) => {
+	return se(e, (e) => {
 		r && clearTimeout(r), r = setTimeout(() => {
 			n.value = e, r = null;
 		}, t);