mgv-backoffice 1.38.0 → 1.41.0

package/dist/ui-lib.js

@@ -1,85 +1,85 @@
-import { Fragment as e, Teleport as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, effectScope as m, guardReactiveProps as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, onUnmounted as w, openBlock as T, reactive as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, useId as ee, useSlots as F, vModelCheckbox as te, vModelDynamic as ne, vModelText as re, vShow as ie, watch as I, withCtx as L, withDirectives as R, withKeys as ae, withModifiers as z } from "vue";
-import { ArrowDownIcon as oe, ArrowUpIcon as se, Bars3Icon as ce, BellIcon as le, CheckCircleIcon as ue, CheckIcon as de, ChevronDoubleLeftIcon as fe, ChevronDoubleRightIcon as pe, ChevronDownIcon as me, ChevronRightIcon as he, ClipboardDocumentCheckIcon as ge, ClipboardDocumentIcon as _e, DocumentDuplicateIcon as ve, ExclamationCircleIcon as ye, ExclamationTriangleIcon as be, FolderIcon as xe, InformationCircleIcon as Se, MagnifyingGlassIcon as Ce, MinusIcon as we, MoonIcon as Te, SunIcon as Ee, XMarkIcon as B } from "@heroicons/vue/24/outline";
-import { HomeIcon as De } from "@heroicons/vue/24/solid";
-import { RouterLink as Oe, useRoute as ke, useRouter as Ae } from "vue-router";
-import { VueDatePicker as je } from "@vuepic/vue-datepicker";
+import { Fragment as e, Teleport as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, effectScope as m, guardReactiveProps as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, onUnmounted as w, openBlock as T, reactive as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, useId as ee, useSlots as F, vModelCheckbox as te, vModelDynamic as ne, vModelText as re, vShow as ie, watch as ae, withCtx as I, withDirectives as L, withKeys as oe, withModifiers as R } from "vue";
+import { ArrowDownIcon as se, ArrowRightStartOnRectangleIcon as ce, ArrowUpIcon as le, Bars3Icon as ue, BellIcon as de, CheckCircleIcon as fe, CheckIcon as pe, ChevronDoubleLeftIcon as me, ChevronDoubleRightIcon as he, ChevronDownIcon as ge, ChevronRightIcon as _e, ClipboardDocumentCheckIcon as ve, ClipboardDocumentIcon as ye, DocumentDuplicateIcon as be, ExclamationCircleIcon as xe, ExclamationTriangleIcon as Se, FolderIcon as Ce, InformationCircleIcon as we, MagnifyingGlassIcon as Te, MinusIcon as Ee, MoonIcon as De, SunIcon as Oe, XMarkIcon as z } from "@heroicons/vue/24/outline";
+import { HomeIcon as ke } from "@heroicons/vue/24/solid";
+import { RouterLink as Ae, useRoute as je, useRouter as Me } from "vue-router";
+import { VueDatePicker as Ne } from "@vuepic/vue-datepicker";
 //#region src/enums/AlertEnum.ts
-var V = /* @__PURE__ */ function(e) {
+var B = /* @__PURE__ */ function(e) {
 	return e.WARNING = "WARNING", e.ERROR = "ERROR", e.SUCCESS = "SUCCESS", e.INFO = "INFO", e;
-}({}), H = O(!1), Me = !1, U = "mgv-theme";
-function Ne(e) {
-	if (Me) {
-		e !== U && console.warn(`[ui-lib] useTheme: storage key "${e}" ignored — theme already initialized with "${U}". Call initTheme({ storageKey }) before mounting any component.`);
+}({}), V = O(!1), Pe = !1, H = "mgv-theme";
+function Fe(e) {
+	if (Pe) {
+		e !== H && console.warn(`[ui-lib] useTheme: storage key "${e}" ignored — theme already initialized with "${H}". Call initTheme({ storageKey }) before mounting any component.`);
 		return;
 	}
-	if (Me = !0, U = e, typeof window < "u") {
-		let e = window.localStorage?.getItem(U);
-		e ? H.value = e === "dark" : typeof window.matchMedia == "function" && (H.value = window.matchMedia("(prefers-color-scheme: dark)").matches);
+	if (Pe = !0, H = e, typeof window < "u") {
+		let e = window.localStorage?.getItem(H);
+		e ? V.value = e === "dark" : typeof window.matchMedia == "function" && (V.value = window.matchMedia("(prefers-color-scheme: dark)").matches);
 	}
 	typeof document < "u" && m(!0).run(() => {
-		I(H, (e) => {
-			document.documentElement.classList.toggle("dark", e), window.localStorage?.setItem(U, e ? "dark" : "light");
+		ae(V, (e) => {
+			document.documentElement.classList.toggle("dark", e), window.localStorage?.setItem(H, e ? "dark" : "light");
 		}, { immediate: !0 });
 	});
 }
-function Pe(e) {
-	Ne(e?.storageKey ?? U);
+function Ie(e) {
+	Fe(e?.storageKey ?? H);
 }
-function W(e) {
-	Ne(e?.storageKey ?? U);
+function U(e) {
+	Fe(e?.storageKey ?? H);
 	function t() {
-		H.value = !H.value;
+		V.value = !V.value;
 	}
 	return {
-		isDark: H,
+		isDark: V,
 		toggleTheme: t
 	};
 }
 //#endregion
 //#region src/components/BaseAlert.vue?vue&type=script&setup=true&lang.ts
-var Fe = { class: "min-w-0 flex-1" }, Ie = {
+var Le = { class: "min-w-0 flex-1" }, Re = {
 	key: 0,
 	class: "font-medium"
-}, Le = /* @__PURE__ */ p({
+}, ze = /* @__PURE__ */ p({
 	__name: "BaseAlert",
 	props: {
 		title: { default: "" },
-		color: { default: V.ERROR },
+		color: { default: B.ERROR },
 		compact: {
 			type: Boolean,
 			default: !1
 		}
 	},
 	setup(e) {
-		let t = e, { isDark: n } = W(), r = {
-			[V.ERROR]: {
+		let t = e, { isDark: n } = U(), r = {
+			[B.ERROR]: {
 				light: "bg-red-50 border-red-200 text-red-700",
 				dark: "bg-red-500/10 border-red-500/30 text-red-300"
 			},
-			[V.WARNING]: {
+			[B.WARNING]: {
 				light: "bg-amber-50 border-amber-200 text-amber-700",
 				dark: "bg-amber-500/10 border-amber-500/30 text-amber-300"
 			},
-			[V.SUCCESS]: {
+			[B.SUCCESS]: {
 				light: "bg-emerald-50 border-emerald-200 text-emerald-700",
 				dark: "bg-emerald-500/10 border-emerald-500/30 text-emerald-300"
 			},
-			[V.INFO]: {
+			[B.INFO]: {
 				light: "bg-sky-50 border-sky-200 text-sky-700",
 				dark: "bg-sky-500/10 border-sky-500/30 text-sky-300"
 			}
 		}, l = i(() => n.value ? r[t.color].dark : r[t.color].light), u = i(() => {
 			switch (t.color) {
-				case V.SUCCESS: return ue;
-				case V.WARNING: return be;
-				case V.INFO: return Se;
-				default: return ye;
+				case B.SUCCESS: return fe;
+				case B.WARNING: return Se;
+				case B.INFO: return we;
+				default: return xe;
 			}
 		}), d = i(() => {
 			switch (t.color) {
-				case V.SUCCESS: return "text-emerald-500";
-				case V.WARNING: return "text-amber-500";
-				case V.INFO: return "text-sky-500";
+				case B.SUCCESS: return "text-emerald-500";
+				case B.WARNING: return "text-amber-500";
+				case B.INFO: return "text-sky-500";
 				default: return "text-red-500";
 			}
 		});
@@ -89,11 +89,11 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		}, [(T(), a(M(u.value), {
 			class: v(["shrink-0", [e.compact ? "w-4 h-4 mt-px" : "w-5 h-5 mt-0.5", d.value]]),
 			"aria-hidden": "true"
-		}, null, 8, ["class"])), c("div", Fe, [e.title ? (T(), s("p", Ie, N(e.title), 1)) : o("", !0), A(t.$slots, "default")])], 2));
+		}, null, 8, ["class"])), c("div", Le, [e.title ? (T(), s("p", Re, N(e.title), 1)) : o("", !0), A(t.$slots, "default")])], 2));
 	}
-}), G = /* @__PURE__ */ function(e) {
+}), W = /* @__PURE__ */ function(e) {
 	return e.NONE = "NONE", e.RED = "RED", e.YELLOW = "YELLOW", e.BLACK = "BLACK", e.GRAY = "GRAY", e.GREEN = "GREEN", e.BLUE = "BLUE", e;
-}({}), Re = "bg-red-100 text-red-700 border-red-200", ze = /* @__PURE__ */ p({
+}({}), Be = "bg-red-100 text-red-700 border-red-200", Ve = /* @__PURE__ */ p({
 	__name: "BaseBadge",
 	props: { color: {
 		type: String,
@@ -101,26 +101,26 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 	} },
 	setup(e) {
 		let t = F(), r = i(() => !!t.default), a = () => (t.default?.() ?? []).map((e) => e.type === n && typeof e.children == "string" ? d(e.children.replace(/_/g, " ")) : e), c = e, l = {
-			[G.RED]: "bg-red-100 text-red-700 border-red-200",
-			[G.GREEN]: "bg-green-100 text-green-700 border-green-200",
-			[G.BLUE]: "bg-blue-100 text-blue-700 border-blue-200",
-			[G.YELLOW]: "bg-yellow-100 text-yellow-700 border-yellow-200",
-			[G.GRAY]: "bg-gray-100 text-gray-700 border-gray-200",
-			[G.BLACK]: "bg-gray-800 text-gray-100 border-gray-700",
-			[G.NONE]: "bg-gray-50 text-gray-600 border-gray-200"
-		}, u = i(() => `inline-flex items-center gap-1 font-semibold text-xs leading-none px-3 py-1.5 rounded-full border ${c.color && l[c.color] || Re}`);
+			[W.RED]: "bg-red-100 text-red-700 border-red-200",
+			[W.GREEN]: "bg-green-100 text-green-700 border-green-200",
+			[W.BLUE]: "bg-blue-100 text-blue-700 border-blue-200",
+			[W.YELLOW]: "bg-yellow-100 text-yellow-700 border-yellow-200",
+			[W.GRAY]: "bg-gray-100 text-gray-700 border-gray-200",
+			[W.BLACK]: "bg-gray-800 text-gray-100 border-gray-700",
+			[W.NONE]: "bg-gray-50 text-gray-600 border-gray-200"
+		}, u = i(() => `inline-flex items-center gap-1 font-semibold text-xs leading-none px-3 py-1.5 rounded-full border ${c.color && l[c.color] || Be}`);
 		return (e, t) => r.value ? (T(), s("span", {
 			key: 0,
 			class: v(u.value)
 		}, [f(a)], 2)) : o("", !0);
 	}
-}), Be = {
+}), He = {
 	class: "flex overflow-x-auto px-5 py-3 text-gray-700 border border-slate-200 rounded-xl bg-white shadow-sm dark:bg-slate-900 dark:border-slate-700",
 	"aria-label": "Breadcrumb"
-}, Ve = { class: "inline-flex items-center whitespace-nowrap space-x-1 md:space-x-3" }, He = {
+}, Ue = { class: "inline-flex items-center whitespace-nowrap space-x-1 md:space-x-3" }, We = {
 	class: "inline-flex items-center",
 	style: { "margin-left": "0" }
-}, Ue = /* @__PURE__ */ p({
+}, Ge = /* @__PURE__ */ p({
 	__name: "BaseBreadcrumb",
 	props: {
 		items: {
@@ -145,40 +145,40 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		});
 		return (t, n) => {
 			let i = j("router-link");
-			return T(), s("nav", Be, [c("ol", Ve, [c("li", He, [f(i, {
+			return T(), s("nav", He, [c("ol", Ue, [c("li", We, [f(i, {
 				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(() => [f(P(De), { class: "h-4 w-4 text-gray-500 mr-2" }), n[0] ||= d(" Home ", -1)]),
+				default: I(() => [f(P(ke), { class: "h-4 w-4 text-gray-500 mr-2" }), n[0] ||= d(" Home ", -1)]),
 				_: 1
 			})]), (T(!0), s(e, null, k(r.value, (e, t) => (T(), s("li", {
 				key: t,
 				class: "inline-flex items-center",
 				style: { "margin-left": "0" }
-			}, [f(P(he), { class: "h-4 w-4 text-gray-500" }), f(i, {
+			}, [f(P(_e), { class: "h-4 w-4 text-gray-500" }), f(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(() => [d(N(e.name), 1)]),
+				default: I(() => [d(N(e.name), 1)]),
 				_: 2
 			}, 1032, ["to"])]))), 128))])]);
 		};
 	}
-}), K = /* @__PURE__ */ function(e) {
+}), G = /* @__PURE__ */ function(e) {
 	return e.RED = "RED", e.BLUE = "BLUE", e.WHITE = "WHITE", e.DARK = "DARK", e.GREEN = "GREEN", e.EMERALD = "EMERALD", e.YELLOW = "YELLOW", e.PURPLE = "PURPLE", e.SKY = "SKY", e.GRAY = "GRAY", e.AMBER = "AMBER", e;
-}({}), q = /* @__PURE__ */ function(e) {
+}({}), K = /* @__PURE__ */ function(e) {
 	return e.EXTRA_SMALL = "EXTRA_SMALL", e.SMALL = "SMALL", e.BASE = "BASE", e.LARGE = "LARGE", e.EXTRA_LARGE = "EXTRA_LARGE", e;
-}({}), We = [
+}({}), Ke = [
 	"type",
 	"disabled",
 	"onClick"
-], Ge = {
+], qe = {
 	key: 0,
 	class: "inline-flex items-center"
-}, Ke = { key: 1 }, qe = { key: 2 }, Je = ["type", "disabled"], Ye = {
+}, Je = { key: 1 }, Ye = { key: 2 }, Xe = ["type", "disabled"], Ze = {
 	key: 0,
 	class: "inline-flex items-center"
-}, Xe = { key: 1 }, Ze = { key: 2 }, Qe = /* @__PURE__ */ p({
+}, Qe = { key: 1 }, $e = { key: 2 }, q = /* @__PURE__ */ p({
 	__name: "BaseButton",
 	props: {
 		description: {
@@ -188,7 +188,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		color: {
 			type: String,
 			required: !1,
-			default: K.BLUE
+			default: G.GREEN
 		},
 		to: {
 			type: String,
@@ -232,103 +232,103 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		}
 	},
 	setup(e) {
-		let { isDark: t } = W(), n = e;
+		let { isDark: t } = U(), n = e;
 		function r() {
 			let e = {
-				[K.BLUE]: {
+				[G.BLUE]: {
 					light: "text-blue-700 border-blue-300 hover:bg-blue-50",
 					dark: "text-blue-400 border-blue-500/40 hover:bg-blue-500/10"
 				},
-				[K.GREEN]: {
+				[G.GREEN]: {
 					light: "text-green-700 border-green-300 hover:bg-green-50",
 					dark: "text-green-400 border-green-500/40 hover:bg-green-500/10"
 				},
-				[K.EMERALD]: {
+				[G.EMERALD]: {
 					light: "text-emerald-700 border-emerald-300 hover:bg-emerald-50",
 					dark: "text-emerald-400 border-emerald-500/40 hover:bg-emerald-500/10"
 				},
-				[K.RED]: {
+				[G.RED]: {
 					light: "text-red-700 border-red-300 hover:bg-red-50",
 					dark: "text-red-400 border-red-500/40 hover:bg-red-500/10"
 				},
-				[K.YELLOW]: {
+				[G.YELLOW]: {
 					light: "text-yellow-700 border-yellow-300 hover:bg-yellow-50",
 					dark: "text-yellow-400 border-yellow-500/40 hover:bg-yellow-500/10"
 				},
-				[K.PURPLE]: {
+				[G.PURPLE]: {
 					light: "text-purple-700 border-purple-300 hover:bg-purple-50",
 					dark: "text-purple-400 border-purple-500/40 hover:bg-purple-500/10"
 				},
-				[K.SKY]: {
+				[G.SKY]: {
 					light: "text-sky-700 border-sky-300 hover:bg-sky-50",
 					dark: "text-sky-400 border-sky-500/40 hover:bg-sky-500/10"
 				},
-				[K.AMBER]: {
+				[G.AMBER]: {
 					light: "text-amber-700 border-amber-300 hover:bg-amber-50",
 					dark: "text-amber-400 border-amber-500/40 hover:bg-amber-500/10"
 				},
-				[K.GRAY]: {
+				[G.GRAY]: {
 					light: "text-gray-700 border-gray-300 hover:bg-gray-50",
 					dark: "text-gray-300 border-gray-600 hover:bg-gray-800"
 				},
-				[K.DARK]: {
+				[G.DARK]: {
 					light: "text-gray-700 border-gray-300 hover:bg-gray-50",
 					dark: "text-gray-300 border-gray-600 hover:bg-gray-800"
 				},
-				[K.WHITE]: {
+				[G.WHITE]: {
 					light: "text-gray-700 border-gray-300 hover:bg-gray-50",
 					dark: "text-gray-300 border-gray-600 hover:bg-gray-800"
 				}
-			}, r = e[n.color] ?? e[K.BLUE], i = t.value ? r.dark : r.light;
+			}, r = e[n.color] ?? e[G.BLUE], i = t.value ? r.dark : r.light;
 			return n.isDisable || n.isLoading ? `border bg-transparent ${i} opacity-50 cursor-not-allowed` : `focus:outline-none focus-visible:ring-2 focus-visible:ring-current border bg-transparent ${i}`;
 		}
 		function i() {
 			let e = {
-				[K.BLUE]: {
+				[G.BLUE]: {
 					light: "text-blue-600 hover:bg-blue-50",
 					dark: "text-blue-400 hover:bg-blue-500/10"
 				},
-				[K.GREEN]: {
+				[G.GREEN]: {
 					light: "text-green-600 hover:bg-green-50",
 					dark: "text-green-400 hover:bg-green-500/10"
 				},
-				[K.EMERALD]: {
+				[G.EMERALD]: {
 					light: "text-emerald-600 hover:bg-emerald-50",
 					dark: "text-emerald-400 hover:bg-emerald-500/10"
 				},
-				[K.SKY]: {
+				[G.SKY]: {
 					light: "text-sky-600 hover:bg-sky-50",
 					dark: "text-sky-400 hover:bg-sky-500/10"
 				},
-				[K.RED]: {
+				[G.RED]: {
 					light: "text-red-500 hover:bg-red-50",
 					dark: "text-red-400 hover:bg-red-500/10"
 				},
-				[K.AMBER]: {
+				[G.AMBER]: {
 					light: "text-amber-700 hover:bg-amber-50",
 					dark: "text-amber-300 hover:bg-amber-500/10"
 				},
-				[K.YELLOW]: {
+				[G.YELLOW]: {
 					light: "text-yellow-600 hover:bg-yellow-50",
 					dark: "text-yellow-400 hover:bg-yellow-500/10"
 				},
-				[K.PURPLE]: {
+				[G.PURPLE]: {
 					light: "text-purple-600 hover:bg-purple-50",
 					dark: "text-purple-400 hover:bg-purple-500/10"
 				},
-				[K.GRAY]: {
+				[G.GRAY]: {
 					light: "text-gray-500 hover:bg-gray-100",
 					dark: "text-gray-400 hover:bg-gray-800"
 				},
-				[K.DARK]: {
+				[G.DARK]: {
 					light: "text-gray-500 hover:bg-gray-100",
 					dark: "text-gray-400 hover:bg-gray-800"
 				},
-				[K.WHITE]: {
+				[G.WHITE]: {
 					light: "text-gray-500 hover:bg-gray-100",
 					dark: "text-gray-400 hover:bg-gray-800"
 				}
-			}, r = e[n.color] ?? e[K.GRAY], i = t.value ? r.dark : r.light;
+			}, r = e[n.color] ?? e[G.GRAY], i = t.value ? r.dark : r.light;
 			return n.isDisable || n.isLoading ? `bg-transparent ${i} opacity-60 cursor-not-allowed` : `focus:outline-none focus-visible:ring-2 focus-visible:ring-current bg-transparent ${i} cursor-pointer`;
 		}
 		function l() {
@@ -336,37 +336,37 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 			e || (t += " cursor-pointer");
 			let a;
 			switch (n.color) {
-				case K.BLUE:
+				case G.BLUE:
 					a = e ? "text-white bg-blue-400 cursor-not-allowed" : "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300";
 					break;
-				case K.WHITE:
+				case G.WHITE:
 					a = e ? "text-gray-900 bg-gray-200 border border-gray-200 cursor-not-allowed" : "focus:outline-none text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200";
 					break;
-				case K.DARK:
+				case G.DARK:
 					a = e ? "text-white bg-gray-400 cursor-not-allowed" : "focus:outline-none text-white bg-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300";
 					break;
-				case K.GREEN:
+				case G.GREEN:
 					a = e ? "text-white bg-green-400 cursor-not-allowed" : "focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300";
 					break;
-				case K.EMERALD:
+				case G.EMERALD:
 					a = e ? "text-white bg-emerald-400 cursor-not-allowed" : "focus:outline-none text-white bg-emerald-600 hover:bg-emerald-700 focus:ring-4 focus:ring-emerald-300";
 					break;
-				case K.RED:
+				case G.RED:
 					a = e ? "text-white bg-red-400 cursor-not-allowed" : "focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300";
 					break;
-				case K.YELLOW:
+				case G.YELLOW:
 					a = e ? "text-white bg-yellow-300 cursor-not-allowed" : "focus:outline-none text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300";
 					break;
-				case K.PURPLE:
+				case G.PURPLE:
 					a = e ? "text-white bg-purple-400 cursor-not-allowed" : "focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300";
 					break;
-				case K.SKY:
+				case G.SKY:
 					a = e ? "text-white bg-sky-400 cursor-not-allowed" : "focus:outline-none text-white bg-sky-600 hover:bg-sky-700 focus:ring-4 focus:ring-sky-300";
 					break;
-				case K.AMBER:
+				case G.AMBER:
 					a = e ? "text-white bg-amber-300 cursor-not-allowed" : "focus:outline-none text-white bg-amber-500 hover:bg-amber-600 focus:ring-4 focus:ring-amber-300";
 					break;
-				case K.GRAY:
+				case G.GRAY:
 					a = e ? "text-white bg-gray-400 cursor-not-allowed" : "focus:outline-none text-white bg-gray-600 hover:bg-gray-700 focus:ring-4 focus:ring-gray-300";
 					break;
 				default: a = e ? "text-white bg-blue-400 cursor-not-allowed" : "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300";
@@ -374,19 +374,19 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 			n.outline && (a = r()), n.ghost && (a = i());
 			let o = "px-5 py-2.5 mr-2 mb-2 text-sm";
 			switch (n.size) {
-				case q.EXTRA_SMALL:
+				case K.EXTRA_SMALL:
 					o = "px-3 py-2 text-xs";
 					break;
-				case q.SMALL:
+				case K.SMALL:
 					o = "px-3 py-2 text-sm";
 					break;
-				case q.BASE:
+				case K.BASE:
 					o = "px-5 py-2.5 text-sm";
 					break;
-				case q.LARGE:
+				case K.LARGE:
 					o = "px-5 py-3 text-base";
 					break;
-				case q.EXTRA_LARGE: o = "px-6 py-3.5 text-base";
+				case K.EXTRA_LARGE: o = "px-6 py-3.5 text-base";
 			}
 			let s = "rounded-lg";
 			return n.isRounded && (s = "rounded-full"), t + " " + o + " " + a + " font-medium " + s;
@@ -398,13 +398,13 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 				to: e.to,
 				custom: ""
 			}, {
-				default: L(({ navigate: i }) => [c("button", {
+				default: I(({ navigate: i }) => [c("button", {
 					type: n.type,
 					class: v(l()),
 					disabled: e.isDisable || e.isLoading,
 					onClick: i
 				}, [
-					e.isLoading ? (T(), s("div", Ge, [...r[0] ||= [c("svg", {
+					e.isLoading ? (T(), s("div", qe, [...r[0] ||= [c("svg", {
 						"aria-hidden": "true",
 						role: "status",
 						class: "inline w-4 h-4 me-3 animate-spin",
@@ -418,10 +418,10 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
 						fill: "currentColor"
 					})], -1)]])) : o("", !0),
-					e.iconLeft ? o("", !0) : (T(), s("span", Ke, N(e.description), 1)),
+					e.iconLeft ? o("", !0) : (T(), s("span", Je, N(e.description), 1)),
 					A(t.$slots, "default"),
-					e.iconLeft ? (T(), s("span", qe, N(e.description), 1)) : o("", !0)
-				], 10, We)]),
+					e.iconLeft ? (T(), s("span", Ye, N(e.description), 1)) : o("", !0)
+				], 10, Ke)]),
 				_: 3
 			}, 8, ["to"])) : (T(), s("button", {
 				key: 1,
@@ -429,7 +429,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 				class: v(l()),
 				disabled: e.isDisable || e.isLoading
 			}, [
-				e.isLoading ? (T(), s("div", Ye, [...r[1] ||= [c("svg", {
+				e.isLoading ? (T(), s("div", Ze, [...r[1] ||= [c("svg", {
 					"aria-hidden": "true",
 					role: "status",
 					class: "inline w-4 h-4 me-3 animate-spin",
@@ -443,40 +443,40 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 					d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
 					fill: "currentColor"
 				})], -1)]])) : o("", !0),
-				e.iconLeft ? o("", !0) : (T(), s("span", Xe, N(e.description), 1)),
+				e.iconLeft ? o("", !0) : (T(), s("span", Qe, N(e.description), 1)),
 				A(t.$slots, "default"),
-				e.iconLeft ? (T(), s("span", Ze, N(e.description), 1)) : o("", !0)
-			], 10, Je));
+				e.iconLeft ? (T(), s("span", $e, N(e.description), 1)) : o("", !0)
+			], 10, Xe));
 		};
 	}
-}), $e = /* @__PURE__ */ function(e) {
+}), et = /* @__PURE__ */ function(e) {
 	return e.BASE = "BASE", e.BASE_SHORTER = "BASE_SHORTER", e.SQUARE = "SQUARE", e;
-}({}), et = {
+}({}), tt = {
 	key: 0,
 	class: "h-px my-8 bg-gray-200 border-0 dark:bg-gray-700"
-}, tt = {
+}, nt = {
 	key: 1,
 	class: "w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-10 dark:bg-gray-700"
-}, nt = {
+}, rt = {
 	key: 2,
 	class: "w-8 h-8 mx-auto my-8 bg-gray-200 border-0 rounded md:my-12 dark:bg-gray-700"
-}, rt = /* @__PURE__ */ p({
+}, it = /* @__PURE__ */ p({
 	__name: "BaseLine",
 	props: { mode: {
 		type: String,
 		required: !1,
-		default: $e.BASE
+		default: et.BASE
 	} },
 	setup(t) {
 		return (n, r) => (T(), s(e, null, [
-			t.mode === P($e).BASE ? (T(), s("hr", et)) : o("", !0),
-			t.mode === P($e).BASE_SHORTER ? (T(), s("hr", tt)) : o("", !0),
-			t.mode === P($e).SQUARE ? (T(), s("hr", nt)) : o("", !0)
+			t.mode === P(et).BASE ? (T(), s("hr", tt)) : o("", !0),
+			t.mode === P(et).BASE_SHORTER ? (T(), s("hr", nt)) : o("", !0),
+			t.mode === P(et).SQUARE ? (T(), s("hr", rt)) : o("", !0)
 		], 64));
 	}
 }), J = /* @__PURE__ */ function(e) {
 	return e.SMALL = "SMALL", e.MEDIUM = "MEDIUM", e.LARGE = "LARGE", e;
-}({}), it = J, at = ["height", "width"], ot = ["id"], st = ["id", "href"], ct = ["id", "href"], lt = ["id", "href"], ut = ["id", "href"], dt = ["id", "href"], ft = ["id", "href"], pt = ["id", "href"], mt = ["id", "href"], ht = ["id", "href"], gt = ["id"], _t = ["fill"], vt = ["fill"], yt = ["fill"], bt = ["fill"], xt = ["fill"], St = ["fill"], Ct = ["fill"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = /* @__PURE__ */ p({
+}({}), at = J, ot = ["height", "width"], st = ["id"], ct = ["id", "href"], lt = ["id", "href"], ut = ["id", "href"], dt = ["id", "href"], ft = ["id", "href"], pt = ["id", "href"], mt = ["id", "href"], ht = ["id", "href"], gt = ["id", "href"], _t = ["id"], vt = ["fill"], yt = ["fill"], bt = ["fill"], xt = ["fill"], St = ["fill"], Ct = ["fill"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = ["fill"], Ot = /* @__PURE__ */ p({
 	__name: "BaseLogo",
 	props: { size: {
 		type: String,
@@ -504,7 +504,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 				to: "/",
 				class: "flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white"
 			}, {
-				default: L(() => [(T(), s("svg", {
+				default: I(() => [(T(), s("svg", {
 					height: r(),
 					width: r(),
 					viewBox: "33.6 130.6 499.7 242.9",
@@ -517,7 +517,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 					}, null, -1), c("stop", {
 						offset: "1",
 						"stop-color": "#132d13"
-					}, null, -1)]], 8, ot),
+					}, null, -1)]], 8, st),
 					c("linearGradient", {
 						id: `${t}-b`,
 						gradientUnits: "userSpaceOnUse",
@@ -526,7 +526,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "288.291",
 						y2: "369.4"
-					}, null, 8, st),
+					}, null, 8, ct),
 					c("linearGradient", {
 						id: `${t}-c`,
 						gradientUnits: "userSpaceOnUse",
@@ -535,7 +535,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "308.454",
 						y2: "370.601"
-					}, null, 8, ct),
+					}, null, 8, lt),
 					c("linearGradient", {
 						id: `${t}-d`,
 						gradientUnits: "userSpaceOnUse",
@@ -544,7 +544,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "288.291",
 						y2: "369.85"
-					}, null, 8, lt),
+					}, null, 8, ut),
 					c("linearGradient", {
 						id: `${t}-e`,
 						gradientUnits: "userSpaceOnUse",
@@ -553,7 +553,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "307.312",
 						y2: "369.511"
-					}, null, 8, ut),
+					}, null, 8, dt),
 					c("linearGradient", {
 						id: `${t}-f`,
 						gradientUnits: "userSpaceOnUse",
@@ -562,7 +562,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "288.291",
 						y2: "367.857"
-					}, null, 8, dt),
+					}, null, 8, ft),
 					c("linearGradient", {
 						id: `${t}-g`,
 						gradientUnits: "userSpaceOnUse",
@@ -571,7 +571,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "307.312",
 						y2: "369.511"
-					}, null, 8, ft),
+					}, null, 8, pt),
 					c("linearGradient", {
 						id: `${t}-h`,
 						gradientUnits: "userSpaceOnUse",
@@ -580,7 +580,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "306.156",
 						y2: "367.742"
-					}, null, 8, pt),
+					}, null, 8, mt),
 					c("linearGradient", {
 						id: `${t}-i`,
 						gradientUnits: "userSpaceOnUse",
@@ -589,7 +589,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "288.291",
 						y2: "369.4"
-					}, null, 8, mt),
+					}, null, 8, ht),
 					c("linearGradient", {
 						id: `${t}-j`,
 						gradientUnits: "userSpaceOnUse",
@@ -598,7 +598,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 						href: `#${t}-a`,
 						y1: "131.629",
 						y2: "232.559"
-					}, null, 8, ht),
+					}, null, 8, gt),
 					c("linearGradient", {
 						id: `${t}-k`,
 						gradientUnits: "userSpaceOnUse",
@@ -613,64 +613,64 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 					}, null, -1), c("stop", {
 						offset: "1",
 						"stop-color": "#808183"
-					}, null, -1)]], 8, gt),
+					}, null, -1)]], 8, _t),
 					c("path", {
 						d: "m65 307.2c-6.8 0-13.1 2.2-18.2 5.9v-24.8h-13.2v81.1h31.4c17.2 0 31.1-13.9 31.1-31.1s-13.9-31.1-31.1-31.1zm0 49.3h-18.2v-18.2c0-10.1 8.2-18.2 18.2-18.2 10.1 0 18.2 8.2 18.2 18.2.1 10.1-8.1 18.2-18.2 18.2z",
 						fill: `url(#${t}-b)`
-					}, null, 8, _t),
+					}, null, 8, vt),
 					c("path", {
 						d: "m168.8 343.9h-46.7c1.4 7.1 6.6 12 14.1 12.7 6.4.6 12.9.1 19.9.1v11.9c-15.2 4.9-33.3.5-42.1-10.4-3.8-4.7-17.3-34.7 11.5-47.4 39-11.4 45.3 22.4 43.3 33.1zm-14.2-12.7c-1.7-8.1-8.8-12.9-17.9-12.3-7.6.5-14 5.8-14.5 12.3z",
 						fill: `url(#${t}-c)`
-					}, null, 8, vt),
+					}, null, 8, yt),
 					c("path", {
 						d: "m195.5 320.2c0 10.5-.2 20 .1 29.6.2 5.8 4.4 8.4 13.2 8.6v10.5c-13.8 3.9-26.2-4.5-26.4-18-.2-18.7-.1-43.9-.1-62.6h14.1l-.3 18.5 12.7-.1v13.4h-13.3z",
 						fill: `url(#${t}-d)`
-					}, null, 8, yt),
+					}, null, 8, bt),
 					c("path", {
 						d: "m249.6 307.3c-17.2 0-31.1 13.9-31.1 31.1s13.9 31.1 31.1 31.1h31.1v-31.1c0-17.2-13.9-31.1-31.1-31.1zm18.6 49.7h-18.5c-10.2 0-18.5-8.3-18.5-18.5s8.3-18.5 18.5-18.5 18.5 8.3 18.5 18.5z",
 						fill: `url(#${t}-e)`
-					}, null, 8, bt),
+					}, null, 8, xt),
 					c("path", {
 						d: "m296.4 288.3h13v79.6h-13z",
 						fill: `url(#${t}-f)`
-					}, null, 8, xt),
+					}, null, 8, St),
 					c("path", {
 						d: "m354.1 307.3c-17.2 0-31.1 13.9-31.1 31.1s13.9 31.1 31.1 31.1h31.1v-31.1c0-17.2-13.9-31.1-31.1-31.1zm18.6 49.7h-18.5c-10.2 0-18.5-8.3-18.5-18.5s8.3-18.5 18.5-18.5 18.5 8.3 18.5 18.5z",
 						fill: `url(#${t}-g)`
-					}, null, 8, St),
+					}, null, 8, Ct),
 					c("path", {
 						d: "m442.2 367.7c0-12.3.2-23.6 0-34.9-.2-3.4-3.6-13.8-14.1-13.4-10.3-.3-14.4 10-14.3 12.7.1 10.2.5 35.1.5 35.1l-13.6.1s-.3-25.7.2-36.2c.6-14.1 12.7-25 27.5-25 14.7 0 26.2 10.4 26.7 24.9.4 10.4.5 36.3.5 36.3z",
 						fill: `url(#${t}-h)`
-					}, null, 8, Ct),
+					}, null, 8, wt),
 					c("path", {
 						d: "m501.9 307.2c6.8 0 13.1 2.2 18.2 5.9v-24.8h13.2v81.1h-31.4c-17.2 0-31.1-13.9-31.1-31.1s13.9-31.1 31.1-31.1zm0 49.3h18.2v-18.2c0-10.1-8.2-18.2-18.2-18.2-10.1 0-18.2 8.2-18.2 18.2 0 10.1 8.1 18.2 18.2 18.2z",
 						fill: `url(#${t}-i)`
-					}, null, 8, wt),
+					}, null, 8, Tt),
 					c("path", {
 						d: "m309.2 180.6h-24v-24c0-12.6 10.2-24.1 22.8-25 14.8-1 27.1 11.3 26.1 26.1-.8 12.7-12.3 22.9-24.9 22.9zm-50.7-48.9c-14.8-1-27.1 11.3-26.1 26.1.8 12.6 12.4 22.8 25 22.8h23.9v-24c0-12.6-10.3-24.1-22.8-24.9zm50.7 51.9h-24v23.9c0 12.6 10.2 24.1 22.8 25 14.8 1 27.1-11.3 26.1-26.1-.8-12.6-12.3-22.8-24.9-22.8zm-52.4 0c-14 0-25.3 11.8-24.4 26 .8 12.2 10.7 22.1 22.9 22.9 14.2.9 26-10.4 26-24.4v-24.5z",
 						fill: `url(#${t}-j)`
-					}, null, 8, Tt),
+					}, null, 8, Et),
 					c("path", {
 						d: "m281.7 183.8h3.6v18.5h-3.6z",
 						fill: `url(#${t}-k)`
-					}, null, 8, Et)
-				], 8, at))]),
+					}, null, 8, Dt)
+				], 8, ot))]),
 				_: 1
 			});
 		};
 	}
-}), Ot = /* @__PURE__ */ function(e) {
+}), kt = /* @__PURE__ */ function(e) {
 	return e.DELETE = "DELETE", e.SUCCESS = "SUCCESS", e;
-}({}), kt = {
+}({}), At = {
 	key: 0,
 	class: "p-6 text-center"
-}, At = { class: "flex justify-center" }, jt = {
+}, jt = { class: "flex justify-center" }, Mt = {
 	key: 1,
 	class: "p-6 text-center"
-}, Mt = {
+}, Nt = {
 	key: 0,
 	class: "mb-5 text-sm text-gray-500"
-}, Nt = { class: "flex justify-center" }, Pt = /* @__PURE__ */ p({
+}, Pt = { class: "flex justify-center" }, Ft = /* @__PURE__ */ p({
 	__name: "BaseModal",
 	props: {
 		title: {
@@ -689,7 +689,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		mode: {
 			type: String,
 			required: !1,
-			default: Ot.SUCCESS
+			default: kt.SUCCESS
 		}
 	},
 	emits: ["closeModal", "confirmModal"],
@@ -710,37 +710,37 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": i
-		}, [t.mode === P(Ot).DELETE ? (T(), s("div", kt, [
-			f(P(ye), { class: "w-12 h-12 text-gray-400 mx-auto mb-4" }),
+		}, [t.mode === P(kt).DELETE ? (T(), s("div", At, [
+			f(P(xe), { class: "w-12 h-12 text-gray-400 mx-auto mb-4" }),
 			c("h3", {
 				id: i,
 				class: "mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"
 			}, " Are you sure you want to delete this " + N(t.title) + "? ", 1),
-			c("div", At, [f(Qe, {
-				color: P(K).RED,
+			c("div", jt, [f(q, {
+				color: P(G).RED,
 				onClick: r[1] ||= (e) => n.$emit("confirmModal"),
 				description: "Yes, I'm sure"
-			}, null, 8, ["color"]), f(Qe, {
-				color: P(K).WHITE,
+			}, null, 8, ["color"]), f(q, {
+				color: P(G).WHITE,
 				onClick: r[2] ||= (e) => n.$emit("closeModal"),
 				description: "No, cancel"
 			}, null, 8, ["color"])])
-		])) : (T(), s("div", jt, [
-			f(P(ue), { class: "w-12 h-12 text-green-500 mx-auto mb-4" }),
+		])) : (T(), s("div", Mt, [
+			f(P(fe), { class: "w-12 h-12 text-green-500 mx-auto mb-4" }),
 			c("h3", {
 				id: i,
 				class: "mb-2 text-lg font-medium text-gray-900"
 			}, N(t.title), 1),
-			t.description ? (T(), s("p", Mt, N(t.description), 1)) : o("", !0),
+			t.description ? (T(), s("p", Nt, N(t.description), 1)) : o("", !0),
 			A(n.$slots, "default"),
-			c("div", Nt, [f(Qe, {
-				color: P(K).BLUE,
+			c("div", Pt, [f(q, {
+				color: P(G).BLUE,
 				onClick: r[3] ||= (e) => n.$emit("closeModal"),
 				description: "OK"
 			}, null, 8, ["color"])])
 		]))])], 64));
 	}
-}), Ft = /* @__PURE__ */ p({
+}), It = /* @__PURE__ */ p({
 	__name: "BaseRow",
 	props: { bgColor: {
 		type: String,
@@ -754,11 +754,11 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		}
 		return (e, t) => (T(), s("div", { class: v(n()) }, [A(e.$slots, "default")], 2));
 	}
-}), It = /* @__PURE__ */ p({
+}), Lt = /* @__PURE__ */ p({
 	__name: "BaseSpinner",
 	props: {
 		size: { default: "sm" },
-		color: { default: "blue" }
+		color: { default: "emerald" }
 	},
 	setup(e) {
 		let t = e, n = i(() => ({
@@ -777,7 +777,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 			amber: "border-t-amber-500"
 		})[t.color]);
 		return (e, t) => (T(), s("div", {
-			class: v(["border-gray-200 rounded-full animate-spin", [n.value, r.value]]),
+			class: v(["border-gray-200 dark:border-slate-700 rounded-full animate-spin", [n.value, r.value]]),
 			role: "status",
 			"aria-label": "Loading"
 		}, null, 2));
@@ -786,7 +786,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 	return e.SUCCESS = "SUCCESS", e.WARNING = "WARNING", e.ERROR = "ERROR", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.TOP_LEFT = "TOP_LEFT", e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e.BOTTOM_RIGHT = "BOTTOM_RIGHT", e;
-}({}), Lt = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" }, Rt = { class: "ml-3 text-sm font-normal" }, zt = /* @__PURE__ */ p({
+}({}), Rt = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" }, zt = { class: "ml-3 text-sm font-normal" }, Bt = /* @__PURE__ */ p({
 	__name: "BaseToast",
 	props: {
 		mode: {
@@ -860,28 +860,28 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 			id: "toast-top-right",
 			class: v(l()),
 			role: "alert"
-		}, [c("div", Lt, [
+		}, [c("div", Rt, [
 			e.mode == P(Y).ERROR ? (T(), s("div", {
 				key: 0,
 				class: v(a())
-			}, [f(P(ye), { class: "h-6 w-6 text-red-500" }), r[0] ||= c("span", { class: "sr-only" }, "Error icon", -1)], 2)) : e.mode == P(Y).SUCCESS ? (T(), s("div", {
+			}, [f(P(xe), { class: "h-6 w-6 text-red-500" }), r[0] ||= c("span", { class: "sr-only" }, "Error icon", -1)], 2)) : e.mode == P(Y).SUCCESS ? (T(), s("div", {
 				key: 1,
 				class: v(a())
-			}, [f(P(ue), { class: "h-6 w-6 text-green-500" }), r[1] ||= c("span", { class: "sr-only" }, "Check icon", -1)], 2)) : e.mode == P(Y).WARNING ? (T(), s("div", {
+			}, [f(P(fe), { class: "h-6 w-6 text-green-500" }), r[1] ||= c("span", { class: "sr-only" }, "Check icon", -1)], 2)) : e.mode == P(Y).WARNING ? (T(), s("div", {
 				key: 2,
 				class: v(a())
-			}, [f(P(be), { class: "h-6 w-6 text-yellow-500" }), r[2] ||= c("span", { class: "sr-only" }, "Warning icon", -1)], 2)) : o("", !0),
-			c("div", Rt, N(e.description), 1),
+			}, [f(P(Se), { class: "h-6 w-6 text-yellow-500" }), r[2] ||= c("span", { class: "sr-only" }, "Warning icon", -1)], 2)) : o("", !0),
+			c("div", zt, N(e.description), 1),
 			e.hasCloseIcon ? (T(), s("button", {
 				key: 3,
 				type: "button",
 				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] ||= c("span", { class: "sr-only" }, "Close", -1), f(P(B), { class: "h-6 w-6 text-gray-500" })])) : o("", !0)
+			}, [r[3] ||= c("span", { class: "sr-only" }, "Close", -1), f(P(z), { class: "h-6 w-6 text-gray-500" })])) : o("", !0)
 		])], 2)) : o("", !0);
 	}
-}), Bt = { class: "w-13" }, Vt = /* @__PURE__ */ p({
+}), Vt = { class: "w-13" }, Ht = /* @__PURE__ */ p({
 	__name: "ColoredSquares",
 	props: { color: {
 		type: String,
@@ -902,25 +902,25 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		function i() {
 			let e = "font-bold text-xs mr-2 px-2.5 py-0.5 rounded-full", n = "gray";
 			switch (t.color) {
-				case G.GREEN:
+				case W.GREEN:
 					n = "green";
 					break;
-				case G.RED:
+				case W.RED:
 					n = "red";
 					break;
-				case G.BLUE:
+				case W.BLUE:
 					n = "blue";
 					break;
-				case G.YELLOW:
+				case W.YELLOW:
 					n = "yellow";
 					break;
-				case G.NONE: return e;
+				case W.NONE: return e;
 			}
 			return e + " bg-" + n + "-100 text-" + n + "-800";
 		}
-		return (e, t) => (T(), s("div", Bt, [c("div", { class: v(["border border-gray-300 relative aspect-square rounded-lg bg-white shadow-sm overflow-hidden flex items-center justify-center text-center", i()]) }, [A(e.$slots, "default"), c("div", { class: v(["absolute bottom-0 left-0 h-1 w-full", r.value]) }, null, 2)], 2)]));
+		return (e, t) => (T(), s("div", Vt, [c("div", { class: v(["border border-gray-300 relative aspect-square rounded-lg bg-white shadow-sm overflow-hidden flex items-center justify-center text-center", i()]) }, [A(e.$slots, "default"), c("div", { class: v(["absolute bottom-0 left-0 h-1 w-full", r.value]) }, null, 2)], 2)]));
 	}
-}), Ht = { class: "flex items-start justify-between" }, Ut = { class: "min-w-0" }, Wt = /* @__PURE__ */ p({
+}), Ut = { class: "flex items-start justify-between" }, Wt = { class: "min-w-0" }, Gt = /* @__PURE__ */ p({
 	__name: "EarningsCard",
 	props: {
 		title: { default: "TOTAL EARNINGS" },
@@ -975,7 +975,7 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		return (n, r) => (T(), s("div", { class: v(["relative rounded-xl border-2 border-dashed bg-white dark:bg-slate-800", [d.value.border, t.compact ? "p-3" : "p-6"]]) }, [t.badge ? (T(), s("div", {
 			key: 0,
 			class: v(["absolute right-4 top-4 rounded-md px-3 py-1 text-xs font-bold tracking-wide", d.value.badge])
-		}, N(t.badge), 3)) : o("", !0), c("div", Ht, [c("div", Ut, [
+		}, N(t.badge), 3)) : o("", !0), c("div", Ut, [c("div", Wt, [
 			c("p", { class: v(["font-bold tracking-wide text-gray-800 dark:text-slate-200", t.compact ? "pr-8 text-xs" : "text-sm"]) }, N(t.title), 3),
 			c("p", { class: v(["mt-1 font-bold truncate", [d.value.amount, t.compact ? "text-lg" : "text-4xl"]]) }, N(f.value), 3),
 			c("p", { class: v(["mt-1 font-medium", [d.value.subtitle, t.compact ? "text-xs" : "text-sm"]]) }, N(t.subtitle), 3)
@@ -989,10 +989,10 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 			"stroke-linejoin": "round"
 		}, [l.value ? (T(), s(e, { key: 0 }, [r[0] ||= c("polyline", { points: "22 17 13.5 8.5 8.5 13.5 2 7" }, null, -1), r[1] ||= c("polyline", { points: "16 17 22 17 22 11" }, null, -1)], 64)) : (T(), s(e, { key: 1 }, [r[2] ||= c("polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }, null, -1), r[3] ||= c("polyline", { points: "16 7 22 7 22 13" }, null, -1)], 64))], 2))], 2)])], 2));
 	}
-}), Gt = {
+}), Kt = {
 	key: 0,
 	class: "font-bold text-green-800 dark:text-green-400"
-}, Kt = { key: 0 }, qt = { key: 0 }, Jt = "font-bold", Yt = /* @__PURE__ */ p({
+}, qt = { key: 0 }, Jt = { key: 0 }, Yt = "font-bold", Xt = /* @__PURE__ */ p({
 	__name: "EuroAmount",
 	props: {
 		amount: {
@@ -1012,20 +1012,20 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 	},
 	setup(t) {
 		let n = t, r = i(() => n.amount !== null && n.amount !== void 0), a = i(() => r.value && n.amount < 0), c = i(() => n.beforeAmount === null || n.beforeAmount === void 0 ? !1 : n.amount < n.beforeAmount), l = i(() => a.value || c.value), u = i(() => !a.value && !c.value && n.beforeAmount !== null && n.beforeAmount !== void 0);
-		return (n, i) => (T(), s(e, null, [r.value && u.value ? (T(), s("span", Gt, [d(N(t.amount) + " ", 1), t.showCurrency ? (T(), s("span", Kt, "€")) : o("", !0)])) : o("", !0), r.value && !u.value ? (T(), s("span", {
+		return (n, i) => (T(), s(e, null, [r.value && u.value ? (T(), s("span", Kt, [d(N(t.amount) + " ", 1), t.showCurrency ? (T(), s("span", qt, "€")) : o("", !0)])) : o("", !0), r.value && !u.value ? (T(), s("span", {
 			key: 1,
-			class: v([Jt, l.value ? "text-red-800 dark:text-red-400" : "text-gray-800 dark:text-gray-200"])
-		}, [d(N(t.amount) + " ", 1), t.showCurrency ? (T(), s("span", qt, "€")) : o("", !0)], 2)) : o("", !0)], 64));
+			class: v([Yt, l.value ? "text-red-800 dark:text-red-400" : "text-gray-800 dark:text-gray-200"])
+		}, [d(N(t.amount) + " ", 1), t.showCurrency ? (T(), s("span", Jt, "€")) : o("", !0)], 2)) : o("", !0)], 64));
 	}
-}), Xt = { "aria-label": "Pagination" }, Zt = { class: "flex list-none p-0 m-0" }, Qt = [
+}), Zt = { "aria-label": "Pagination" }, Qt = { class: "flex list-none p-0 m-0" }, $t = [
 	"aria-current",
 	"aria-label",
 	"onClick"
-], $t = {
+], en = {
 	key: 1,
 	"aria-hidden": "true",
 	class: "inline-block border border-gray-300 dark:border-gray-600 rounded-lg p-3 text-black dark:text-gray-200 cursor-not-allowed"
-}, en = /* @__PURE__ */ p({
+}, tn = /* @__PURE__ */ p({
 	__name: "Pagination",
 	props: {
 		totalItems: {
@@ -1053,30 +1053,31 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 		function d(e) {
 			e === i.value || e < 1 || e > a.value || (i.value = e, u(e), l("page-changed", e));
 		}
-		return I(() => [r.totalItems, r.itemsPerPage], () => {
-			a.value = Math.ceil(r.totalItems / r.itemsPerPage), i.value > a.value && (i.value = Math.max(1, a.value)), u(i.value);
-		}, { immediate: !0 }), (t, n) => (T(), s("nav", Xt, [c("ul", Zt, [(T(!0), s(e, null, k(o.value, (e, t) => (T(), s("li", {
+		return ae(() => [r.totalItems, r.itemsPerPage], () => {
+			let e = Number(r.itemsPerPage) > 0 ? Number(r.itemsPerPage) : 20, t = Number(r.totalItems) > 0 ? Number(r.totalItems) : 0;
+			a.value = Math.ceil(t / e), i.value > a.value && (i.value = Math.max(1, a.value)), u(i.value);
+		}, { immediate: !0 }), (t, n) => (T(), s("nav", Zt, [c("ul", Qt, [(T(!0), s(e, null, k(o.value, (e, t) => (T(), s("li", {
 			key: t,
 			class: "mr-1"
-		}, [e === 0 ? (T(), s("span", $t, "...")) : (T(), s("button", {
+		}, [e === 0 ? (T(), s("span", en, "...")) : (T(), s("button", {
 			key: 0,
 			type: "button",
 			"aria-current": e === i.value ? "page" : void 0,
 			"aria-label": `Go to page ${e}`,
 			onClick: (t) => d(e),
 			class: v(["inline-block min-w-[44px] border border-gray-300 dark:border-gray-600 rounded-lg p-3 text-black dark:text-gray-200 cursor-pointer transition-colors hover:bg-gray-300 dark:hover:bg-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", { "active font-bold bg-gray-200 dark:bg-gray-700": e === i.value }])
-		}, N(e), 11, Qt))]))), 128))])]));
+		}, N(e), 11, $t))]))), 128))])]));
 	}
-}), tn = { key: 0 }, nn = {
+}), nn = { key: 0 }, rn = {
 	key: 0,
 	class: "flex items-center space-x-2"
-}, rn = {
+}, an = {
 	key: 1,
 	class: "flex items-center space-x-2"
-}, an = {
+}, on = {
 	key: 2,
 	class: "flex items-center space-x-2"
-}, on = /* @__PURE__ */ p({
+}, sn = /* @__PURE__ */ p({
 	__name: "TrendArrow",
 	props: {
 		number: {
@@ -1090,22 +1091,22 @@ var Fe = { class: "min-w-0 flex-1" }, Ie = {
 	},
 	setup(e) {
 		let t = e, n = i(() => t.number !== null && t.number !== void 0 && t.number < 0), r = i(() => t.number === 0);
-		return (i, a) => e.number !== null && e.number !== void 0 ? (T(), s("div", tn, [n.value ? (T(), s("span", nn, [f(ze, { color: P(G).RED }, {
-			default: L(() => [d(N(e.number) + N(t.icon), 1)]),
+		return (i, a) => e.number !== null && e.number !== void 0 ? (T(), s("div", nn, [n.value ? (T(), s("span", rn, [f(Ve, { color: P(W).RED }, {
+			default: I(() => [d(N(e.number) + N(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), f(P(oe), { class: "h-5 w-5 text-red-500" })])) : r.value ? (T(), s("span", rn, [f(ze, { color: P(G).GRAY }, {
-			default: L(() => [d(N(e.number) + N(t.icon), 1)]),
+		}, 8, ["color"]), f(P(se), { class: "h-5 w-5 text-red-500" })])) : r.value ? (T(), s("span", an, [f(Ve, { color: P(W).GRAY }, {
+			default: I(() => [d(N(e.number) + N(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), f(P(we), { class: "h-5 w-5 text-gray-400" })])) : (T(), s("span", an, [f(ze, { color: P(G).GREEN }, {
-			default: L(() => [d(N(e.number) + N(t.icon), 1)]),
+		}, 8, ["color"]), f(P(Ee), { class: "h-5 w-5 text-gray-400" })])) : (T(), s("span", on, [f(Ve, { color: P(W).GREEN }, {
+			default: I(() => [d(N(e.number) + N(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), f(P(se), { class: "h-5 w-5 text-green-500" })]))])) : o("", !0);
+		}, 8, ["color"]), f(P(le), { class: "h-5 w-5 text-green-500" })]))])) : o("", !0);
 	}
 });
 //#endregion
 //#region src/composables/useThemeClasses.ts
 function Z() {
-	let { isDark: e } = W();
+	let { isDark: e } = U();
 	return E({
 		card: i(() => e.value ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"),
 		cardAlt: i(() => e.value ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200"),
@@ -1132,7 +1133,7 @@ function Z() {
 }
 //#endregion
 //#region src/composables/useEscapeKey.ts
-function sn(e) {
+function cn(e) {
 	function t(t) {
 		t.key === "Escape" && e();
 	}
@@ -1140,7 +1141,7 @@ function sn(e) {
 }
 //#endregion
 //#region src/components/BaseModalShell.vue?vue&type=script&setup=true&lang.ts
-var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-w-0" }, un = { class: "p-6 overflow-y-auto flex-1" }, dn = { class: "p-6" }, fn = { class: "flex items-start gap-4" }, pn = { class: "flex-1" }, mn = { class: "mt-4" }, hn = { class: "mt-6 flex gap-3 justify-end" }, gn = /* @__PURE__ */ p({
+var ln = { class: "flex items-start gap-4 min-w-0" }, un = { class: "flex-1 min-w-0" }, dn = { class: "p-6 overflow-y-auto flex-1" }, fn = { class: "p-6" }, pn = { class: "flex items-start gap-4" }, mn = { class: "flex-1" }, hn = { class: "mt-4" }, gn = { class: "mt-6 flex gap-3 justify-end" }, _n = /* @__PURE__ */ p({
 	__name: "BaseModalShell",
 	props: {
 		title: {},
@@ -1160,11 +1161,11 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 	},
 	emits: ["cancel", "backdrop"],
 	setup(e, { emit: n }) {
-		let r = e, l = n, { isDark: u } = W(), d = Z(), f = `modal-title-${Math.random().toString(36).slice(2, 9)}`, p = i(() => u.value ? "bg-gray-900 border border-gray-700" : "bg-white border border-gray-200"), m = i(() => r.iconBgClass || (u.value ? "bg-emerald-900/30" : "bg-emerald-50"));
+		let r = e, l = n, { isDark: u } = U(), d = Z(), f = `modal-title-${Math.random().toString(36).slice(2, 9)}`, p = i(() => u.value ? "bg-gray-900 border border-gray-700" : "bg-white border border-gray-200"), m = i(() => r.iconBgClass || (u.value ? "bg-emerald-900/30" : "bg-emerald-50"));
 		function h() {
 			l("backdrop"), r.manualClose || l("cancel");
 		}
-		return sn(() => {
+		return cn(() => {
 			r.manualClose || l("cancel");
 		}), (n, r) => (T(), a(t, { to: "body" }, [c("div", {
 			class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
@@ -1175,19 +1176,19 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 		}, [e.scrollable ? (T(), s("div", {
 			key: 0,
 			class: v(["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"])
 		}, [
-			c("div", { class: v(["flex items-start justify-between gap-4 p-6 border-b shrink-0", P(d).border]) }, [c("div", cn, [A(n.$slots, "icon", {}, () => [c("div", { class: v(["flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-full", m.value]) }, [(T(), a(M(e.icon), {
+			c("div", { class: v(["flex items-start justify-between gap-4 p-6 border-b shrink-0", P(d).border]) }, [c("div", ln, [A(n.$slots, "icon", {}, () => [c("div", { class: v(["flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-full", m.value]) }, [(T(), a(M(e.icon), {
 				class: v(["h-6 w-6", e.iconClass]),
 				"aria-hidden": "true"
-			}, null, 8, ["class"]))], 2)]), c("div", ln, [c("h3", {
+			}, null, 8, ["class"]))], 2)]), c("div", un, [c("h3", {
 				id: f,
 				class: v(["text-lg font-medium", P(d).primaryText])
 			}, N(e.title), 3), e.subtitle ? (T(), s("p", {
 				key: 0,
 				class: v(["text-sm mt-1 break-all", P(d).mutedText])
 			}, N(e.subtitle), 3)) : o("", !0)])]), A(n.$slots, "header-actions")], 2),
-			c("div", un, [A(n.$slots, "default")]),
+			c("div", dn, [A(n.$slots, "default")]),
 			n.$slots.footer ? (T(), s("div", {
 				key: 0,
 				class: v(["flex gap-3 justify-end p-6 border-t shrink-0", P(d).border])
@@ -1195,20 +1196,20 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 		], 2)) : (T(), s("div", {
 			key: 1,
 			class: v(["relative w-full mx-4 rounded-lg shadow-xl", [e.maxWidthClass, p.value]]),
-			onClick: r[1] ||= z(() => {}, ["stop"])
-		}, [c("div", dn, [
-			c("div", fn, [A(n.$slots, "icon", {}, () => [c("div", { class: v(["flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-full", m.value]) }, [(T(), a(M(e.icon), {
+			onClick: r[1] ||= R(() => {}, ["stop"])
+		}, [c("div", fn, [
+			c("div", pn, [A(n.$slots, "icon", {}, () => [c("div", { class: v(["flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-full", m.value]) }, [(T(), a(M(e.icon), {
 				class: v(["h-6 w-6", e.iconClass]),
 				"aria-hidden": "true"
-			}, null, 8, ["class"]))], 2)]), c("div", pn, [c("h3", {
+			}, null, 8, ["class"]))], 2)]), c("div", mn, [c("h3", {
 				id: f,
 				class: v(["text-lg font-medium", P(d).primaryText])
 			}, N(e.title), 3)])]),
-			c("div", mn, [A(n.$slots, "default")]),
-			c("div", hn, [A(n.$slots, "footer")])
+			c("div", hn, [A(n.$slots, "default")]),
+			c("div", gn, [A(n.$slots, "footer")])
 		])], 2))])]));
 	}
-}), _n = ["aria-expanded"], vn = { class: "flex items-center gap-3" }, yn = /* @__PURE__ */ p({
+}), vn = ["aria-expanded"], yn = { class: "flex items-center gap-3" }, bn = /* @__PURE__ */ p({
 	__name: "BaseCollapsibleSection",
 	props: {
 		title: {},
@@ -1218,13 +1219,13 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: a } = W(), l = Z(), u = i(() => a.value ? "text-gray-100" : "text-gray-700"), d = i(() => a.value ? "bg-gray-800/50 hover:bg-gray-800 border-gray-700" : "bg-gray-50 hover:bg-gray-100 border-gray-200"), f = i(() => a.value ? "bg-emerald-500/15 text-emerald-400" : "bg-emerald-50 text-emerald-700"), p = i(() => n.bodyClass === void 0 ? a.value ? "bg-gray-800" : "bg-white" : n.bodyClass);
+		let n = e, r = t, { isDark: a } = U(), l = Z(), u = i(() => a.value ? "text-gray-100" : "text-gray-700"), d = i(() => a.value ? "bg-gray-800/50 hover:bg-gray-800 border-gray-700" : "bg-gray-50 hover:bg-gray-100 border-gray-200"), f = i(() => a.value ? "bg-emerald-500/15 text-emerald-400" : "bg-emerald-50 text-emerald-700"), p = i(() => n.bodyClass === void 0 ? a.value ? "bg-gray-800" : "bg-white" : n.bodyClass);
 		return (t, n) => (T(), s("section", { class: v(["rounded-xl border transition-colors", P(l).cardAlt]) }, [c("button", {
 			type: "button",
 			class: v(["w-full flex items-center justify-between p-4 text-left transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500", [d.value, e.collapsed ? "rounded-xl" : "rounded-t-xl"]]),
 			"aria-expanded": !e.collapsed,
 			onClick: n[0] ||= (e) => r("toggle")
-		}, [c("div", vn, [c("h2", { class: v(["text-base font-semibold", u.value]) }, N(e.title), 3), e.badge ? (T(), s("span", {
+		}, [c("div", yn, [c("h2", { class: v(["text-base font-semibold", u.value]) }, N(e.title), 3), e.badge ? (T(), s("span", {
 			key: 0,
 			class: v(["text-xs px-2 py-0.5 rounded-full", f.value])
 		}, N(e.badge), 3)) : o("", !0)]), (T(), s("svg", {
@@ -1238,15 +1239,15 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			d: "M19 9l-7 7-7-7"
-		}, null, -1)]], 2))], 10, _n), R(c("div", { class: v(["p-6 border-t rounded-b-xl", [P(l).border, p.value]]) }, [A(t.$slots, "default")], 2), [[ie, !e.collapsed]])], 2));
+		}, null, -1)]], 2))], 10, vn), L(c("div", { class: v(["p-6 border-t rounded-b-xl", [P(l).border, p.value]]) }, [A(t.$slots, "default")], 2), [[ie, !e.collapsed]])], 2));
 	}
-}), bn = ["disabled"], xn = ["disabled"], Sn = {
+}), xn = ["disabled"], Sn = ["disabled"], Cn = {
 	key: 0,
 	class: "w-4 h-4 animate-spin",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	"aria-hidden": "true"
-}, Cn = /* @__PURE__ */ p({
+}, wn = /* @__PURE__ */ p({
 	__name: "BaseConfirmModal",
 	props: {
 		title: {},
@@ -1262,32 +1263,32 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 	},
 	emits: ["confirm", "cancel"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: i } = W(), l = Z();
+		let n = e, r = t, { isDark: i } = U(), l = Z();
 		function u() {
 			n.submitting || r("confirm");
 		}
 		function f() {
 			n.submitting || r("cancel");
 		}
-		return (t, n) => (T(), a(gn, {
+		return (t, n) => (T(), a(_n, {
 			title: e.title,
-			icon: P(be),
+			icon: P(Se),
 			"icon-bg-class": e.variant === "danger" ? P(i) ? "bg-red-900/30" : "bg-red-50" : P(i) ? "bg-amber-900/30" : "bg-amber-50",
 			"icon-class": e.variant === "danger" ? "text-red-600" : "text-amber-600",
 			"manual-close": e.submitting,
 			onCancel: f
 		}, {
-			footer: L(() => [c("button", {
+			footer: I(() => [c("button", {
 				type: "button",
 				disabled: e.submitting,
 				class: v(["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", [P(l).ghostButton, e.submitting ? "opacity-60 cursor-not-allowed" : "cursor-pointer"]]),
 				onClick: f
-			}, N(e.cancelText), 11, bn), c("button", {
+			}, N(e.cancelText), 11, xn), c("button", {
 				type: "button",
 				disabled: e.submitting,
 				class: v(["inline-flex items-center justify-center gap-2 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-offset-2", [e.variant === "danger" ? "focus-visible:ring-red-500" : "focus-visible:ring-emerald-500", e.variant === "danger" ? e.submitting ? "bg-red-400 cursor-not-allowed" : "bg-red-600 hover:bg-red-700 cursor-pointer" : e.submitting ? "bg-emerald-400 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 cursor-pointer"]]),
 				onClick: u
-			}, [e.submitting ? (T(), s("svg", Sn, [...n[0] ||= [c("circle", {
+			}, [e.submitting ? (T(), s("svg", Cn, [...n[0] ||= [c("circle", {
 				class: "opacity-25",
 				cx: "12",
 				cy: "12",
@@ -1298,8 +1299,8 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 				class: "opacity-75",
 				fill: "currentColor",
 				d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
-			}, null, -1)]])) : o("", !0), d(" " + N(e.submitting ? e.submittingText : e.confirmText), 1)], 10, xn)]),
-			default: L(() => [A(t.$slots, "message", {}, () => [c("p", { class: v(["text-sm", P(i) ? "text-gray-300" : "text-gray-600"]) }, N(e.message), 3)]), A(t.$slots, "default")]),
+			}, null, -1)]])) : o("", !0), d(" " + N(e.submitting ? e.submittingText : e.confirmText), 1)], 10, Sn)]),
+			default: I(() => [A(t.$slots, "message", {}, () => [c("p", { class: v(["text-sm", P(i) ? "text-gray-300" : "text-gray-600"]) }, N(e.message), 3)]), A(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"title",
@@ -1309,7 +1310,7 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 			"manual-close"
 		]));
 	}
-}), wn = { class: "mt-4" }, Tn = ["placeholder"], En = ["disabled"], Dn = /* @__PURE__ */ p({
+}), Tn = { class: "mt-4" }, En = ["placeholder"], Dn = ["disabled"], On = /* @__PURE__ */ p({
 	__name: "BaseTextInputModal",
 	props: {
 		title: {},
@@ -1327,7 +1328,7 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 	},
 	emits: ["confirm", "cancel"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: i } = W(), o = Z(), s = O(n.initialValue), u = O(null);
+		let n = e, r = t, { isDark: i } = U(), o = Z(), s = O(n.initialValue), u = O(null);
 		S(async () => {
 			await _(), u.value?.focus();
 		});
@@ -1340,13 +1341,13 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 		function p() {
 			s.value.trim() === (n.initialValue ?? "").trim() && f();
 		}
-		return sn(f), (t, n) => (T(), a(gn, {
+		return cn(f), (t, n) => (T(), a(_n, {
 			title: e.title,
-			icon: P(ve),
+			icon: P(be),
 			"manual-close": "",
 			onBackdrop: p
 		}, l({
-			footer: L(() => [c("button", {
+			footer: I(() => [c("button", {
 				type: "button",
 				class: v(["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", P(o).ghostButton]),
 				onClick: f
@@ -1355,24 +1356,24 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 				disabled: !s.value.trim() || e.submitting,
 				class: v(["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
-			}, N(e.submitting ? e.submittingText : e.confirmText), 11, En)]),
-			default: L(() => [c("p", { class: v(["text-sm", P(i) ? "text-gray-300" : "text-gray-600"]) }, N(e.message), 3), c("div", wn, [c("label", { class: v(["block text-sm font-medium mb-1", P(o).label]) }, N(e.inputLabel), 3), R(c("input", {
+			}, N(e.submitting ? e.submittingText : e.confirmText), 11, Dn)]),
+			default: I(() => [c("p", { class: v(["text-sm", P(i) ? "text-gray-300" : "text-gray-600"]) }, N(e.message), 3), c("div", Tn, [c("label", { class: v(["block text-sm font-medium mb-1", P(o).label]) }, N(e.inputLabel), 3), L(c("input", {
 				ref_key: "nameInput",
 				ref: u,
 				"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
 				type: "text",
 				placeholder: e.placeholder,
 				class: v(["w-full px-3 py-2 rounded-md border text-sm transition-colors", P(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: ae(d, ["enter"])
-			}, null, 42, Tn), [[re, s.value]])])]),
+				onKeyup: oe(d, ["enter"])
+			}, null, 42, En), [[re, s.value]])])]),
 			_: 2
 		}, [t.$slots.icon ? {
 			name: "icon",
-			fn: L(() => [A(t.$slots, "icon")]),
+			fn: I(() => [A(t.$slots, "icon")]),
 			key: "0"
 		} : void 0]), 1032, ["title", "icon"]));
 	}
-}), On = { class: "flex items-center justify-center min-h-[60vh]" }, kn = { class: "text-center px-6" }, An = /* @__PURE__ */ p({
+}), kn = { class: "flex items-center justify-center min-h-[60vh]" }, An = { class: "text-center px-6" }, jn = /* @__PURE__ */ p({
 	__name: "BaseNotFoundPage",
 	props: {
 		code: { default: "404" },
@@ -1381,12 +1382,12 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 		homeLabel: { default: "Go home" }
 	},
 	setup(e) {
-		let t = e, n = Ae(), { isDark: r } = W(), i = Z();
+		let t = e, n = Me(), { isDark: r } = U(), i = Z();
 		function a() {
 			n.push({ name: t.homeRouteName });
 		}
-		return (t, n) => (T(), s("div", On, [c("div", kn, [
-			f(P(be), { class: v(["w-16 h-16 mx-auto mb-4", P(i).illustration]) }, null, 8, ["class"]),
+		return (t, n) => (T(), s("div", kn, [c("div", An, [
+			f(P(Se), { class: v(["w-16 h-16 mx-auto mb-4", P(i).illustration]) }, null, 8, ["class"]),
 			c("h1", { class: v(["text-4xl font-bold mb-2", P(r) ? "text-gray-200" : "text-gray-800"]) }, N(e.code), 3),
 			c("p", { class: v(["text-lg mb-6", P(i).dimTextAlt]) }, N(e.message), 3),
 			c("button", {
@@ -1395,19 +1396,19 @@ var cn = { class: "flex items-start gap-4 min-w-0" }, ln = { class: "flex-1 min-
 			}, N(e.homeLabel), 3)
 		])]));
 	}
-}), jn = O(!1);
-function Mn() {
+}), Mn = O(!1);
+function Nn() {
 	function e() {
-		jn.value = !0;
+		Mn.value = !0;
 	}
 	function t() {
-		jn.value = !1;
+		Mn.value = !1;
 	}
 	function n() {
-		jn.value = !jn.value;
+		Mn.value = !Mn.value;
 	}
 	return {
-		mobileOpen: jn,
+		mobileOpen: Mn,
 		open: e,
 		close: t,
 		toggle: n
@@ -1415,19 +1416,19 @@ function Mn() {
 }
 //#endregion
 //#region src/composables/useSidebarCollapse.ts
-var Q = O(!1), Nn = !1, Pn = "mgv-sidebar-collapsed";
-function Fn(e) {
-	if (!Nn && (Nn = !0, Pn = e, typeof window < "u")) {
-		let e = window.localStorage?.getItem(Pn);
+var Q = O(!1), Pn = !1, Fn = "mgv-sidebar-collapsed";
+function In(e) {
+	if (!Pn && (Pn = !0, Fn = e, typeof window < "u")) {
+		let e = window.localStorage?.getItem(Fn);
 		e && (Q.value = e === "true"), m(!0).run(() => {
-			I(Q, (e) => {
-				window.localStorage?.setItem(Pn, String(e));
+			ae(Q, (e) => {
+				window.localStorage?.setItem(Fn, String(e));
 			});
 		});
 	}
 }
-function In(e) {
-	Fn(e?.storageKey ?? Pn);
+function Ln(e) {
+	In(e?.storageKey ?? Fn);
 	function t() {
 		Q.value = !0;
 	}
@@ -1446,16 +1447,16 @@ function In(e) {
 }
 //#endregion
 //#region src/composables/useNotifications.ts
-var $ = O([]), Ln = O(!1), Rn = i(() => $.value.filter((e) => !e.read).length);
-function zn() {
+var $ = O([]), Rn = O(!1), zn = i(() => $.value.filter((e) => !e.read).length);
+function Bn() {
 	function e() {
-		Ln.value = !0;
+		Rn.value = !0;
 	}
 	function t() {
-		Ln.value = !1;
+		Rn.value = !1;
 	}
 	function n() {
-		Ln.value = !Ln.value;
+		Rn.value = !Rn.value;
 	}
 	function r(e) {
 		$.value = e;
@@ -1483,8 +1484,8 @@ function zn() {
 	}
 	return {
 		notifications: $,
-		unreadCount: Rn,
-		open: Ln,
+		unreadCount: zn,
+		open: Rn,
 		openPanel: e,
 		closePanel: t,
 		togglePanel: n,
@@ -1498,22 +1499,22 @@ function zn() {
 }
 //#endregion
 //#region src/components/BaseSidebar.vue?vue&type=script&setup=true&lang.ts
-var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }, Hn = { class: "flex-1 overflow-y-auto px-3 space-y-6" }, Un = { class: "space-y-0.5" }, Wn = [
+var Vn = ["aria-label", "aria-expanded"], Hn = { class: "flex flex-col h-full" }, Un = { class: "flex-1 overflow-y-auto px-3 space-y-6" }, Wn = { class: "space-y-0.5" }, Gn = [
 	"aria-current",
 	"title",
 	"onClick"
-], Gn = ["aria-label"], Kn = { class: "relative shrink-0" }, qn = {
+], Kn = ["aria-label"], qn = { class: "relative shrink-0" }, Jn = {
 	key: 0,
 	class: "absolute -top-1.5 -right-1.5 min-w-4 h-4 px-1 rounded-full bg-red-500 text-white text-[10px] font-semibold leading-4 text-center"
-}, Jn = [
+}, Yn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Yn = [
+], Xn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Xn = /*#__PURE__*/ ((e, t) => {
+], Zn = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
@@ -1538,8 +1539,8 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		}
 	},
 	setup(t) {
-		let n = t, r = Ae(), l = ke(), { isDark: u, toggleTheme: p } = W(), { mobileOpen: m, close: h, toggle: g } = Mn(), { collapsed: y, toggle: b } = In(), { unreadCount: x, togglePanel: S } = zn(), C = i(() => n.collapsible && y.value), w = O(null), E = null;
-		I(m, async (e) => {
+		let n = t, r = Me(), l = je(), { isDark: u, toggleTheme: p } = U(), { mobileOpen: m, close: h, toggle: g } = Nn(), { collapsed: y, toggle: b } = Ln(), { unreadCount: x, togglePanel: S } = Bn(), C = i(() => n.collapsible && y.value), w = O(null), E = null;
+		ae(m, async (e) => {
 			e ? (E = document.activeElement instanceof HTMLElement ? document.activeElement : null, await _(), w.value?.focus()) : (E?.focus(), E = null);
 		});
 		function D() {
@@ -1563,15 +1564,15 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				class: v(["p-2 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", P(u) ? "text-gray-400 hover:bg-gray-800" : "text-gray-600 hover:bg-gray-100"]),
 				"aria-label": P(m) ? "Close navigation menu" : "Open navigation menu",
 				"aria-expanded": P(m)
-			}, [P(m) ? (T(), a(P(B), {
+			}, [P(m) ? (T(), a(P(z), {
 				key: 1,
 				class: "w-6 h-6",
 				"aria-hidden": "true"
-			})) : (T(), a(P(ce), {
+			})) : (T(), a(P(ue), {
 				key: 0,
 				class: "w-6 h-6",
 				"aria-hidden": "true"
-			}))], 10, Bn)], 2),
+			}))], 10, Vn)], 2),
 			P(m) ? (T(), s("div", {
 				key: 0,
 				class: "mobile-overlay fixed inset-0 z-40 bg-black/50",
@@ -1586,7 +1587,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					P(m) ? "translate-x-0 z-50" : "-translate-x-full max-lg:pointer-events-none lg:translate-x-0 z-50",
 					t.collapsible && P(y) ? "lg:w-16" : "lg:w-60"
 				]])
-			}, [c("div", Vn, [
+			}, [c("div", Hn, [
 				c("div", { class: v(["px-5 pt-5 pb-4 flex items-center justify-center relative", { "lg:px-2": C.value }]) }, [c("button", {
 					type: "button",
 					onClick: D,
@@ -1599,17 +1600,17 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					onClick: r[2] ||= (...e) => P(h) && P(h)(...e),
 					class: v(["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", P(u) ? "text-gray-400 hover:bg-gray-800" : "text-gray-500 hover:bg-gray-100"]),
 					"aria-label": "Close navigation menu"
-				}, [f(P(B), {
+				}, [f(P(z), {
 					class: "w-5 h-5",
 					"aria-hidden": "true"
 				})], 2)], 2),
-				c("nav", Hn, [(T(!0), s(e, null, k(t.sections, (t) => (T(), s("div", { key: t.title }, [c("p", { class: v(["px-2 mb-2 text-[10px] font-semibold uppercase tracking-wider text-gray-500", { "lg:hidden": C.value }]) }, N(t.title), 3), c("ul", Un, [(T(!0), s(e, null, k(t.items, (e) => (T(), s("li", { key: e.name }, [c("button", {
+				c("nav", Un, [(T(!0), s(e, null, k(t.sections, (t) => (T(), s("div", { key: t.title }, [c("p", { class: v(["px-2 mb-2 text-[10px] font-semibold uppercase tracking-wider text-gray-500", { "lg:hidden": C.value }]) }, N(t.title), 3), c("ul", Wn, [(T(!0), s(e, null, k(t.items, (e) => (T(), s("li", { key: e.name }, [c("button", {
 					type: "button",
 					"aria-current": j(e.name) ? "page" : void 0,
 					title: C.value ? e.label : void 0,
 					onClick: (t) => ee(e.name),
 					class: v(["flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors w-full text-left cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [j(e.name) ? P(u) ? "bg-emerald-500/15 text-emerald-300" : "bg-emerald-50 text-emerald-700" : P(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 }]])
-				}, [(T(), a(M(e.icon), { class: "w-[18px] h-[18px] shrink-0" })), c("span", { class: v({ "lg:hidden": C.value }) }, N(e.label), 3)], 10, Wn)]))), 128))])]))), 128))]),
+				}, [(T(), a(M(e.icon), { class: "w-[18px] h-[18px] shrink-0" })), c("span", { class: v({ "lg:hidden": C.value }) }, N(e.label), 3)], 10, Gn)]))), 128))])]))), 128))]),
 				c("div", { class: v(["px-4 py-4 border-t transition-colors space-y-3", P(u) ? "border-gray-800" : "border-gray-200"]) }, [
 					t.showNotifications ? (T(), s("button", {
 						key: 0,
@@ -1618,10 +1619,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 						title: "Notifications",
 						"aria-label": P(x) > 0 ? `Notifications, ${P(x)} unread` : "Notifications",
 						class: v(["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", [P(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 }]])
-					}, [c("span", Kn, [f(P(le), {
+					}, [c("span", qn, [f(P(de), {
 						class: "w-[18px] h-[18px]",
 						"aria-hidden": "true"
-					}), P(x) > 0 ? (T(), s("span", qn, N(P(x) > 99 ? "99+" : P(x)), 1)) : o("", !0)]), c("span", { class: v({ "lg:hidden": C.value }) }, "Notifications", 2)], 10, Gn)) : o("", !0),
+					}), P(x) > 0 ? (T(), s("span", Jn, N(P(x) > 99 ? "99+" : P(x)), 1)) : o("", !0)]), c("span", { class: v({ "lg:hidden": C.value }) }, "Notifications", 2)], 10, Kn)) : o("", !0),
 					t.showThemeToggle ? (T(), s("button", {
 						key: 1,
 						type: "button",
@@ -1631,13 +1632,13 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 						"aria-pressed": P(u),
 						class: v(["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", [P(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 }]])
 					}, [
-						(T(), a(M(P(u) ? P(Ee) : P(Te)), {
+						(T(), a(M(P(u) ? P(Oe) : P(De)), {
 							class: v(["hidden w-[18px] h-[18px] shrink-0", { "lg:block": C.value }]),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])),
 						c("span", { class: v({ "lg:hidden": C.value }) }, N(P(u) ? "Switch to light" : "Switch to dark"), 3),
 						c("span", { class: v(["ml-auto relative w-9 h-5 rounded-full transition-colors", [P(u) ? "bg-emerald-600" : "bg-gray-300", { "lg:hidden": C.value }]]) }, [c("span", { class: v(["absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300", P(u) ? "translate-x-4" : "translate-x-0"]) }, null, 2)], 2)
-					], 10, Jn)) : o("", !0),
+					], 10, Yn)) : o("", !0),
 					t.collapsible ? (T(), s("button", {
 						key: 2,
 						type: "button",
@@ -1646,10 +1647,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 						"aria-label": P(y) ? "Expand sidebar" : "Collapse sidebar",
 						"aria-pressed": P(y),
 						class: v(["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", [P(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 }]])
-					}, [(T(), a(M(P(y) ? P(pe) : P(fe)), {
+					}, [(T(), a(M(P(y) ? P(he) : P(me)), {
 						class: "w-[18px] h-[18px] shrink-0",
 						"aria-hidden": "true"
-					})), c("span", { class: v({ "lg:hidden": C.value }) }, "Collapse", 2)], 10, Yn)) : o("", !0),
+					})), c("span", { class: v({ "lg:hidden": C.value }) }, "Collapse", 2)], 10, Xn)) : o("", !0),
 					c("div", { class: v({ "lg:hidden": C.value }) }, [A(n.$slots, "status", {}, void 0, !0)], 2),
 					c("div", { class: v({ "lg:hidden": C.value }) }, [A(n.$slots, "footer", {}, () => [t.appName || t.version ? (T(), s("div", {
 						key: 0,
@@ -1663,26 +1664,26 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			])], 2)
 		]));
 	}
-}), [["__scopeId", "data-v-bfce9dd7"]]), Zn = {
+}), [["__scopeId", "data-v-bfce9dd7"]]), Qn = {
 	key: 1,
 	class: "mt-4 flex justify-center py-6"
-}, Qn = {
+}, $n = {
 	key: 2,
 	class: "mt-4 text-sm text-red-500",
 	role: "alert"
-}, $n = {
+}, er = {
 	key: 3,
 	class: "mt-4"
-}, er = { class: "relative" }, tr = ["placeholder"], nr = {
+}, tr = { class: "relative" }, nr = ["placeholder"], rr = {
 	key: 4,
 	class: "mt-3 max-h-64 overflow-y-auto"
-}, rr = ["aria-pressed", "onClick"], ir = { class: "flex-1 min-w-0" }, ar = {
+}, ir = ["aria-pressed", "onClick"], ar = { class: "flex-1 min-w-0" }, or = {
 	key: 0,
 	class: "text-center py-6"
-}, or = {
+}, sr = {
 	key: 1,
 	class: "text-center py-6"
-}, sr = ["disabled"], cr = ["disabled"], lr = /* @__PURE__ */ p({
+}, cr = ["disabled"], lr = ["disabled"], ur = /* @__PURE__ */ p({
 	__name: "BaseEntityPickerModal",
 	props: {
 		title: {},
@@ -1704,7 +1705,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["confirm", "cancel"],
 	setup(t, { emit: n }) {
-		let r = t, u = n, { isDark: d } = W(), p = Z(), m = O([]), h = O(!1), g = O(""), y = O(null), b = O(""), x = O(null), C = i(() => {
+		let r = t, u = n, { isDark: d } = U(), p = Z(), m = O([]), h = O(!1), g = O(""), y = O(null), b = O(""), x = O(null), C = i(() => {
 			let e = r.loader ? m.value : r.items;
 			return r.excludeId ? e.filter((e) => e.id !== r.excludeId) : e;
 		}), w = i(() => C.value.filter((e) => e.label.toLowerCase().includes(b.value.toLowerCase()))), E = {
@@ -1819,51 +1820,51 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		function ee() {
 			r.submitting || u("cancel");
 		}
-		return (n, r) => (T(), a(gn, {
+		return (n, r) => (T(), a(_n, {
 			title: t.title,
-			icon: P(xe),
+			icon: P(Ce),
 			"icon-bg-class": j.value.iconBg,
 			"icon-class": j.value.iconText,
 			"manual-close": t.submitting,
 			onCancel: ee
 		}, l({
-			footer: L(() => [c("button", {
+			footer: I(() => [c("button", {
 				type: "button",
 				disabled: t.submitting,
 				class: v(["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", P(p).ghostButton]),
 				onClick: ee
-			}, N(t.cancelText), 11, sr), c("button", {
+			}, N(t.cancelText), 11, cr), c("button", {
 				type: "button",
 				disabled: !y.value || t.submitting,
 				class: v(["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", !y.value || t.submitting ? j.value.confirmDisabled : j.value.confirmActive]),
 				onClick: M
-			}, N(t.submitting ? t.submittingText : t.confirmText), 11, cr)]),
-			default: L(() => [
+			}, N(t.submitting ? t.submittingText : t.confirmText), 11, lr)]),
+			default: I(() => [
 				t.message ? (T(), s("p", {
 					key: 0,
 					class: v(["text-sm", P(d) ? "text-gray-300" : "text-gray-600"])
 				}, N(t.message), 3)) : o("", !0),
-				h.value ? (T(), s("div", Zn, [f(It, { color: "emerald" })])) : g.value ? (T(), s("div", Qn, N(g.value), 1)) : o("", !0),
-				!h.value && !g.value && C.value.length > 0 ? (T(), s("div", $n, [c("div", er, [f(P(Ce), {
+				h.value ? (T(), s("div", Qn, [f(Lt, { color: "emerald" })])) : g.value ? (T(), s("div", $n, N(g.value), 1)) : o("", !0),
+				!h.value && !g.value && C.value.length > 0 ? (T(), s("div", er, [c("div", tr, [f(P(Te), {
 					class: v(["absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4", P(p).dimText]),
 					"aria-hidden": "true"
-				}, null, 8, ["class"]), R(c("input", {
+				}, null, 8, ["class"]), L(c("input", {
 					ref_key: "searchInputRef",
 					ref: x,
 					"onUpdate:modelValue": r[0] ||= (e) => b.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder,
 					class: v(["w-full pl-9 pr-3 py-2 text-sm rounded-md border outline-none transition-colors", [P(d) ? "bg-gray-800 border-gray-600 text-gray-200 placeholder-gray-500" : "bg-white border-gray-300 text-gray-700 placeholder-gray-400", j.value.inputFocus]])
-				}, null, 10, tr), [[re, b.value]])])])) : o("", !0),
-				!h.value && !g.value ? (T(), s("div", nr, [(T(!0), s(e, null, k(w.value, (e) => (T(), s("button", {
+				}, null, 10, nr), [[re, b.value]])])])) : o("", !0),
+				!h.value && !g.value ? (T(), s("div", rr, [(T(!0), s(e, null, k(w.value, (e) => (T(), s("button", {
 					key: e.id,
 					type: "button",
 					"aria-pressed": y.value === e.id,
 					class: v(["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", [y.value === e.id ? j.value.selectedRow : P(d) ? "hover:bg-gray-800 border border-transparent" : "hover:bg-gray-50 border border-transparent"]]),
 					onClick: (t) => y.value = e.id
 				}, [
-					f(P(xe), { class: v(["w-5 h-5 flex-shrink-0", P(p).dimText]) }, null, 8, ["class"]),
-					c("div", ir, [c("p", { class: v(["text-sm font-medium truncate", P(p).bodyText]) }, N(e.label), 3)]),
+					f(P(Ce), { class: v(["w-5 h-5 flex-shrink-0", P(p).dimText]) }, null, 8, ["class"]),
+					c("div", ar, [c("p", { class: v(["text-sm font-medium truncate", P(p).bodyText]) }, N(e.label), 3)]),
 					y.value === e.id ? (T(), s("div", {
 						key: 0,
 						class: v(["w-5 h-5 rounded-full flex items-center justify-center", j.value.checkBg])
@@ -1879,12 +1880,12 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 						"stroke-linejoin": "round",
 						d: "M5 13l4 4L19 7"
 					})], -1)]], 2)) : o("", !0)
-				], 10, rr))), 128)), C.value.length === 0 ? (T(), s("div", ar, [c("p", { class: v(["text-sm", P(p).dimText]) }, N(t.emptyMessage), 3)])) : w.value.length === 0 ? (T(), s("div", or, [c("p", { class: v(["text-sm", P(p).dimText]) }, N(t.noMatchMessage), 3)])) : o("", !0)])) : o("", !0)
+				], 10, ir))), 128)), C.value.length === 0 ? (T(), s("div", or, [c("p", { class: v(["text-sm", P(p).dimText]) }, N(t.emptyMessage), 3)])) : w.value.length === 0 ? (T(), s("div", sr, [c("p", { class: v(["text-sm", P(p).dimText]) }, N(t.noMatchMessage), 3)])) : o("", !0)])) : o("", !0)
 			]),
 			_: 2
 		}, [n.$slots.icon ? {
 			name: "icon",
-			fn: L(() => [A(n.$slots, "icon")]),
+			fn: I(() => [A(n.$slots, "icon")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"title",
@@ -1894,10 +1895,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"manual-close"
 		]));
 	}
-}), ur = {
+}), dr = {
 	href: "#main-content",
 	class: "sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:px-3 focus:py-2 focus:rounded-md focus:bg-emerald-600 focus:text-white focus:shadow-lg"
-}, dr = ["inert"], fr = /* @__PURE__ */ p({
+}, fr = ["inert"], pr = /* @__PURE__ */ p({
 	__name: "BaseAppLayout",
 	props: {
 		showSidebar: {
@@ -1907,19 +1908,23 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		skipLinkLabel: { default: "Skip to main content" }
 	},
 	setup(e) {
-		let t = e, { isDark: n } = W(), { mobileOpen: r } = Mn(), { collapsed: a } = In(), l = i(() => t.showSidebar);
+		let t = e, { isDark: n } = U(), { mobileOpen: r } = Nn(), { collapsed: a } = Ln(), l = i(() => t.showSidebar);
 		return (t, i) => (T(), s("div", { class: v(["min-h-screen transition-colors duration-300", P(n) ? "bg-gray-950 text-gray-100" : "bg-gray-50 text-gray-800"]) }, [
-			c("a", ur, N(e.skipLinkLabel), 1),
+			c("a", dr, N(e.skipLinkLabel), 1),
 			l.value ? A(t.$slots, "sidebar", {}, void 0, void 0, 0) : o("", !0),
 			c("main", {
 				id: "main-content",
 				tabindex: "-1",
 				inert: l.value && P(r) ? !0 : void 0,
 				class: v(["transition-all duration-300", l.value ? P(a) ? "pt-14 lg:pt-0 lg:ml-16" : "pt-14 lg:pt-0 lg:ml-60" : ""])
-			}, [A(t.$slots, "default")], 10, dr)
+			}, [A(t.$slots, "default")], 10, fr)
 		], 2));
 	}
-}), pr = { class: "flex items-center gap-3 min-w-0" }, mr = { class: "flex items-center gap-2" }, hr = /* @__PURE__ */ p({
+}), mr = { class: "flex items-center gap-3 min-w-0" }, hr = {
+	key: 0,
+	class: "absolute left-0 top-[0.14em] h-[1.1em] w-1 rounded-full bg-gradient-to-b from-emerald-400 to-emerald-600",
+	"aria-hidden": "true"
+}, gr = { class: "flex items-center gap-2" }, _r = /* @__PURE__ */ p({
 	__name: "BasePageHeader",
 	props: {
 		title: {},
@@ -1927,10 +1932,14 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		iconColor: { default: "emerald" },
 		maxWidthClass: { default: "max-w-4xl" },
 		align: { default: "center" },
-		marginClass: { default: "mb-8" }
+		marginClass: { default: "mb-8" },
+		accent: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	setup(e) {
-		let t = e, { isDark: n } = W(), r = Z(), a = i(() => {
+		let t = e, { isDark: n } = U(), r = Z(), a = i(() => {
 			let e = {
 				emerald: {
 					dark: "bg-emerald-500/10",
@@ -1971,19 +1980,19 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			}[t.iconColor];
 			return n.value ? e.dark : e.light;
 		});
-		return (t, n) => (T(), s("header", { class: v(e.maxWidthClass ? ["mx-auto px-4 sm:px-6", e.maxWidthClass] : void 0) }, [c("div", { class: v(["flex flex-wrap justify-between gap-3", [e.align === "end" ? "items-end" : "items-center", e.marginClass]]) }, [c("div", pr, [t.$slots.icon ? (T(), s("div", {
+		return (t, n) => (T(), s("header", { class: v(e.maxWidthClass ? ["mx-auto px-4 sm:px-6", e.maxWidthClass] : void 0) }, [c("div", { class: v(["flex flex-wrap justify-between gap-3", [e.align === "end" ? "items-end" : "items-center", e.marginClass]]) }, [c("div", mr, [t.$slots.icon ? (T(), s("div", {
 			key: 0,
 			class: v(["w-10 h-10 rounded-lg flex items-center justify-center", a.value])
-		}, [A(t.$slots, "icon", { iconClass: l.value })], 2)) : o("", !0), c("div", null, [c("h1", { class: v(["text-2xl font-bold", P(r).primaryTextSoft]) }, N(e.title), 3), e.subtitle || t.$slots.subtitle ? (T(), s("p", {
+		}, [A(t.$slots, "icon", { iconClass: l.value })], 2)) : o("", !0), c("div", null, [c("h1", { class: v(["text-2xl font-bold", [P(r).primaryTextSoft, e.accent ? "relative pl-3.5 tracking-tight" : ""]]) }, [e.accent ? (T(), s("span", hr)) : o("", !0), d(" " + N(e.title), 1)], 2), e.subtitle || t.$slots.subtitle ? (T(), s("p", {
 			key: 0,
-			class: v(["text-sm", P(r).dimTextAlt])
-		}, [A(t.$slots, "subtitle", {}, () => [d(N(e.subtitle), 1)])], 2)) : o("", !0)])]), c("div", mr, [A(t.$slots, "actions")])], 2)], 2));
+			class: v(["max-w-[72ch] text-sm", P(r).dimTextAlt])
+		}, [A(t.$slots, "subtitle", {}, () => [d(N(e.subtitle), 1)])], 2)) : o("", !0)])]), c("div", gr, [A(t.$slots, "actions")])], 2)], 2));
 	}
-}), gr = [
+}), vr = [
 	"type",
 	"disabled",
 	"title"
-], _r = { key: 0 }, vr = /* @__PURE__ */ p({
+], yr = { key: 0 }, br = /* @__PURE__ */ p({
 	__name: "BaseToolbarButton",
 	props: {
 		label: { default: "" },
@@ -1997,7 +2006,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["click"],
 	setup(e) {
-		let t = e, { isDark: n } = W(), r = {
+		let t = e, { isDark: n } = U(), r = {
 			neutral: "px-3 py-2 rounded-lg font-medium disabled:opacity-50",
 			danger: "px-3 py-2 rounded-lg font-medium disabled:opacity-50",
 			ghost: "h-9 px-4 rounded-md font-semibold disabled:opacity-40 disabled:hover:bg-slate-50 dark:disabled:hover:bg-slate-900"
@@ -2024,14 +2033,14 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			title: e.title,
 			class: v(["inline-flex shrink-0 items-center gap-2 text-sm border transition-colors cursor-pointer disabled:cursor-not-allowed whitespace-nowrap focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", a.value]),
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [A(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (T(), s("span", _r, N(e.label), 1)) : o("", !0)], 10, gr));
+		}, [A(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (T(), s("span", yr, N(e.label), 1)) : o("", !0)], 10, vr));
 	}
-}), yr = [
+}), xr = [
 	"type",
 	"disabled",
 	"title",
 	"aria-label"
-], br = { key: 0 }, xr = /* @__PURE__ */ p({
+], Sr = { key: 0 }, Cr = /* @__PURE__ */ p({
 	__name: "BaseActionButton",
 	props: {
 		label: { default: "" },
@@ -2050,7 +2059,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["click"],
 	setup(e) {
-		let t = e, { isDark: n } = W(), r = i(() => {
+		let t = e, { isDark: n } = U(), r = i(() => {
 			let e = {
 				emerald: {
 					dark: "text-emerald-400 hover:bg-emerald-500/10",
@@ -2130,9 +2139,9 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"aria-label": e.ariaLabel,
 			class: v(["inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-current", [e.fullWidth ? "flex-1" : "", c.value]]),
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [A(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (T(), s("span", br, N(e.label), 1)) : o("", !0)], 10, yr));
+		}, [A(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (T(), s("span", Sr, N(e.label), 1)) : o("", !0)], 10, xr));
 	}
-}), Sr = ["title", "aria-label"], Cr = /* @__PURE__ */ p({
+}), wr = ["title", "aria-label"], Tr = /* @__PURE__ */ p({
 	__name: "BaseCopyButton",
 	props: {
 		text: {},
@@ -2143,7 +2152,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["copied", "error"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: o } = W(), c = O(!1), l = null, u = i(() => c.value ? "Copied!" : n.label ? `Copy ${n.label}` : "Copy"), d = i(() => n.label ? `Copy ${n.label}` : "Copy"), f = i(() => n.variant === "bordered" ? `inline-flex items-center justify-center w-9 h-9 rounded-lg border transition-colors cursor-pointer shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 ${c.value ? o.value ? "border-emerald-500/40 bg-emerald-500/10 text-emerald-400" : "border-emerald-300 bg-emerald-50 text-emerald-600" : o.value ? "border-gray-600 text-gray-400 hover:text-gray-200 hover:bg-gray-800" : "border-gray-300 text-gray-400 hover:text-gray-600 hover:bg-gray-50"}` : `p-1 rounded transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 ${o.value ? "text-gray-400 hover:text-emerald-300 hover:bg-emerald-500/10" : "text-gray-500 hover:text-emerald-600 hover:bg-emerald-50"}`);
+		let n = e, r = t, { isDark: o } = U(), c = O(!1), l = null, u = i(() => c.value ? "Copied!" : n.label ? `Copy ${n.label}` : "Copy"), d = i(() => n.label ? `Copy ${n.label}` : "Copy"), f = i(() => n.variant === "bordered" ? `inline-flex items-center justify-center w-9 h-9 rounded-lg border transition-colors cursor-pointer shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 ${c.value ? o.value ? "border-emerald-500/40 bg-emerald-500/10 text-emerald-400" : "border-emerald-300 bg-emerald-50 text-emerald-600" : o.value ? "border-gray-600 text-gray-400 hover:text-gray-200 hover:bg-gray-800" : "border-gray-300 text-gray-400 hover:text-gray-600 hover:bg-gray-50"}` : `p-1 rounded transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 ${o.value ? "text-gray-400 hover:text-emerald-300 hover:bg-emerald-500/10" : "text-gray-500 hover:text-emerald-600 hover:bg-emerald-50"}`);
 		async function p(e) {
 			try {
 				if (navigator.clipboard?.writeText) {
@@ -2173,28 +2182,28 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"aria-label": d.value,
 			class: v(f.value),
 			onClick: m
-		}, [c.value ? (T(), a(P(ge), {
+		}, [c.value ? (T(), a(P(ve), {
 			key: 0,
 			class: v(e.iconClass),
 			"aria-hidden": "true"
-		}, null, 8, ["class"])) : (T(), a(P(_e), {
+		}, null, 8, ["class"])) : (T(), a(P(ye), {
 			key: 1,
 			class: v(e.iconClass),
 			"aria-hidden": "true"
-		}, null, 8, ["class"]))], 10, Sr));
+		}, null, 8, ["class"]))], 10, wr));
 	}
-}), wr = ["disabled", "aria-busy"], Tr = {
+}), Er = ["disabled", "aria-busy"], Dr = {
 	key: 0,
 	class: "w-5 h-5 animate-spin shrink-0",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, Er = {
+}, Or = {
 	key: 1,
 	class: "w-5 h-5 shrink-0",
 	viewBox: "0 0 48 48",
 	"aria-hidden": "true"
-}, Dr = /* @__PURE__ */ p({
+}, kr = /* @__PURE__ */ p({
 	__name: "BaseGoogleSignInButton",
 	props: {
 		label: { default: "Sign in with Google" },
@@ -2213,7 +2222,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: a } = W(), o = i(() => n.disabled || n.loading);
+		let n = e, r = t, { isDark: a } = U(), o = i(() => n.disabled || n.loading);
 		function l() {
 			o.value || r("click");
 		}
@@ -2223,7 +2232,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"aria-busy": e.loading,
 			onClick: l,
 			class: v(["inline-flex items-center justify-center gap-3 h-11 px-4 rounded-lg border text-sm font-medium transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed", [e.block ? "w-full" : "", P(a) ? "bg-gray-900 border-gray-700 text-gray-100 hover:bg-gray-800" : "bg-white border-gray-300 text-gray-700 hover:bg-gray-50"]])
-		}, [e.loading ? (T(), s("svg", Tr, [...n[0] ||= [c("circle", {
+		}, [e.loading ? (T(), s("svg", Dr, [...n[0] ||= [c("circle", {
 			class: "opacity-25",
 			cx: "12",
 			cy: "12",
@@ -2234,18 +2243,18 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			class: "opacity-75",
 			fill: "currentColor",
 			d: "M4 12a8 8 0 0 1 8-8V0C5.4 0 0 5.4 0 12h4z"
-		}, null, -1)]])) : (T(), s("svg", Er, [...n[1] ||= [u("<path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path><path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path><path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path><path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path><path fill=\"none\" d=\"M0 0h48v48H0z\"></path>", 5)]])), c("span", null, N(e.label), 1)], 10, wr));
+		}, null, -1)]])) : (T(), s("svg", Or, [...n[1] ||= [u("<path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path><path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path><path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path><path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path><path fill=\"none\" d=\"M0 0h48v48H0z\"></path>", 5)]])), c("span", null, N(e.label), 1)], 10, Er));
 	}
-}), Or = {
+}), Ar = {
 	key: 0,
 	class: "flex justify-center mb-6"
-}, kr = { class: "mb-6 text-center" }, Ar = { class: "flex items-center gap-3 my-5" }, jr = ["disabled"], Mr = { class: "flex items-center justify-between mb-1.5" }, Nr = { class: "relative" }, Pr = ["type", "disabled"], Fr = ["aria-label", "aria-pressed"], Ir = ["disabled"], Lr = ["disabled", "aria-busy"], Rr = {
+}, jr = { class: "mb-6 text-center" }, Mr = { class: "flex items-center gap-3 my-5" }, Nr = ["disabled"], Pr = { class: "flex items-center justify-between mb-1.5" }, Fr = { class: "relative" }, Ir = ["type", "disabled"], Lr = ["aria-label", "aria-pressed"], Rr = ["disabled"], zr = ["disabled", "aria-busy"], Br = {
 	key: 0,
 	class: "w-4 h-4 animate-spin",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, zr = /* @__PURE__ */ p({
+}, Vr = /* @__PURE__ */ p({
 	__name: "BaseLoginForm",
 	props: {
 		title: { default: "Sign in" },
@@ -2271,7 +2280,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["submit", "google-sign-in"],
 	setup(t, { emit: n }) {
-		let r = t, a = n, { isDark: l } = W(), u = Z(), p = O(""), m = O(""), h = O(!1), g = O(!1), _ = i(() => r.loading || r.googleLoading);
+		let r = t, a = n, { isDark: l } = U(), u = Z(), p = O(""), m = O(""), h = O(!1), g = O(!1), _ = i(() => r.loading || r.googleLoading);
 		function y() {
 			_.value || a("submit", {
 				email: p.value,
@@ -2280,8 +2289,8 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			});
 		}
 		return (n, r) => (T(), s("div", { class: v(["w-full max-w-sm mx-auto rounded-xl border shadow-sm p-6 sm:p-8", P(u).card]) }, [
-			n.$slots.logo ? (T(), s("div", Or, [A(n.$slots, "logo")])) : o("", !0),
-			c("div", kr, [c("h1", { class: v(["text-xl font-semibold", P(u).primaryText]) }, N(t.title), 3), t.subtitle ? (T(), s("p", {
+			n.$slots.logo ? (T(), s("div", Ar, [A(n.$slots, "logo")])) : o("", !0),
+			c("div", jr, [c("h1", { class: v(["text-xl font-semibold", P(u).primaryText]) }, N(t.title), 3), t.subtitle ? (T(), s("p", {
 				key: 0,
 				class: v(["mt-1 text-sm", P(u).mutedText])
 			}, N(t.subtitle), 3)) : o("", !0)]),
@@ -2290,23 +2299,23 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				role: "alert",
 				class: v(["mb-4 rounded-lg border px-3 py-2 text-sm", P(l) ? "bg-red-500/10 border-red-500/30 text-red-300" : "bg-red-50 border-red-200 text-red-700"])
 			}, N(t.error), 3)) : o("", !0),
-			t.showGoogle ? (T(), s(e, { key: 2 }, [f(Dr, {
+			t.showGoogle ? (T(), s(e, { key: 2 }, [f(kr, {
 				loading: t.googleLoading,
 				disabled: t.loading,
 				onClick: r[0] ||= (e) => a("google-sign-in")
-			}, null, 8, ["loading", "disabled"]), c("div", Ar, [
+			}, null, 8, ["loading", "disabled"]), c("div", Mr, [
 				c("span", { class: v(["h-px flex-1", P(l) ? "bg-gray-700" : "bg-gray-200"]) }, null, 2),
 				c("span", { class: v(["text-xs uppercase tracking-wider", P(u).dimTextAlt]) }, "or", 2),
 				c("span", { class: v(["h-px flex-1", P(l) ? "bg-gray-700" : "bg-gray-200"]) }, null, 2)
 			])], 64)) : o("", !0),
 			c("form", {
 				class: "space-y-4",
-				onSubmit: z(y, ["prevent"])
+				onSubmit: R(y, ["prevent"])
 			}, [
 				c("div", null, [c("label", {
 					for: "login-email",
 					class: v(["block mb-1.5 text-sm font-medium", P(u).label])
-				}, " Email ", 2), R(c("input", {
+				}, " Email ", 2), L(c("input", {
 					id: "login-email",
 					"onUpdate:modelValue": r[1] ||= (e) => p.value = e,
 					type: "email",
@@ -2316,11 +2325,11 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					disabled: _.value,
 					placeholder: "you@example.com",
 					class: v(["w-full h-11 px-3 rounded-lg border text-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60", P(u).inputWithPlaceholder])
-				}, null, 10, jr), [[re, p.value]])]),
-				c("div", null, [c("div", Mr, [c("label", {
+				}, null, 10, Nr), [[re, p.value]])]),
+				c("div", null, [c("div", Pr, [c("label", {
 					for: "login-password",
 					class: v(["block text-sm font-medium", P(u).label])
-				}, " Password ", 2), A(n.$slots, "forgot")]), c("div", Nr, [R(c("input", {
+				}, " Password ", 2), A(n.$slots, "forgot")]), c("div", Fr, [L(c("input", {
 					id: "login-password",
 					"onUpdate:modelValue": r[2] ||= (e) => m.value = e,
 					type: g.value ? "text" : "password",
@@ -2330,28 +2339,28 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					disabled: _.value,
 					placeholder: "••••••••",
 					class: v(["w-full h-11 pl-3 pr-16 rounded-lg border text-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60", P(u).inputWithPlaceholder])
-				}, null, 10, Pr), [[ne, m.value]]), c("button", {
+				}, null, 10, Ir), [[ne, m.value]]), c("button", {
 					type: "button",
 					onClick: r[3] ||= (e) => g.value = !g.value,
 					"aria-label": g.value ? "Hide password" : "Show password",
 					"aria-pressed": g.value,
 					class: v(["absolute inset-y-0 right-0 px-3 text-xs font-medium cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 rounded-r-lg", P(u).mutedText])
-				}, N(g.value ? "Hide" : "Show"), 11, Fr)])]),
+				}, N(g.value ? "Hide" : "Show"), 11, Lr)])]),
 				t.showRemember ? (T(), s("label", {
 					key: 0,
 					class: v(["flex items-center gap-2 text-sm cursor-pointer select-none", P(u).bodyText])
-				}, [R(c("input", {
+				}, [L(c("input", {
 					"onUpdate:modelValue": r[4] ||= (e) => h.value = e,
 					type: "checkbox",
 					disabled: _.value,
 					class: "w-4 h-4 rounded border-gray-300 text-emerald-600 focus:ring-emerald-500"
-				}, null, 8, Ir), [[te, h.value]]), r[5] ||= d(" Remember me ", -1)], 2)) : o("", !0),
+				}, null, 8, Rr), [[te, h.value]]), r[5] ||= d(" Remember me ", -1)], 2)) : o("", !0),
 				c("button", {
 					type: "submit",
 					disabled: _.value,
 					"aria-busy": t.loading,
 					class: "inline-flex items-center justify-center gap-2 w-full h-11 px-4 rounded-lg text-sm font-semibold text-white bg-emerald-600 hover:bg-emerald-700 transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed"
-				}, [t.loading ? (T(), s("svg", Rr, [...r[6] ||= [c("circle", {
+				}, [t.loading ? (T(), s("svg", Br, [...r[6] ||= [c("circle", {
 					class: "opacity-25",
 					cx: "12",
 					cy: "12",
@@ -2362,7 +2371,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					class: "opacity-75",
 					fill: "currentColor",
 					d: "M4 12a8 8 0 0 1 8-8V0C5.4 0 0 5.4 0 12h4z"
-				}, null, -1)]])) : o("", !0), d(" " + N(t.submitLabel), 1)], 8, Lr)
+				}, null, -1)]])) : o("", !0), d(" " + N(t.submitLabel), 1)], 8, zr)
 			], 32),
 			n.$slots.footer ? (T(), s("div", {
 				key: 3,
@@ -2370,10 +2379,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			}, [A(n.$slots, "footer")], 2)) : o("", !0)
 		], 2));
 	}
-}), Br = ["aria-label"], Vr = { class: "flex-1 overflow-y-auto" }, Hr = {
+}), Hr = ["aria-label"], Ur = { class: "flex-1 overflow-y-auto" }, Wr = {
 	key: 0,
 	class: "flex flex-col items-center justify-center text-center px-6 py-16 gap-3"
-}, Ur = ["onClick"], Wr = { class: "min-w-0 flex-1" }, Gr = { class: "flex items-baseline justify-between gap-2" }, Kr = /* @__PURE__ */ p({
+}, Gr = ["onClick"], Kr = { class: "min-w-0 flex-1" }, qr = { class: "flex items-baseline justify-between gap-2" }, Jr = /* @__PURE__ */ p({
 	__name: "BaseNotificationPanel",
 	props: {
 		title: { default: "Notifications" },
@@ -2385,7 +2394,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["select"],
 	setup(n, { emit: l }) {
-		let u = l, { isDark: p } = W(), m = Z(), { notifications: h, unreadCount: g, open: _, closePanel: y, markAllRead: b, markRead: x } = zn(), S = {
+		let u = l, { isDark: p } = U(), m = Z(), { notifications: h, unreadCount: g, open: _, closePanel: y, markAllRead: b, markRead: x } = Bn(), S = {
 			info: "bg-sky-500",
 			success: "bg-emerald-500",
 			warning: "bg-amber-500",
@@ -2394,7 +2403,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		function w(e) {
 			x(e), u("select", e);
 		}
-		return sn(() => {
+		return cn(() => {
 			_.value && y();
 		}), (i, l) => (T(), a(t, { to: "body" }, [f(r, {
 			"enter-active-class": "transition-opacity duration-200",
@@ -2402,7 +2411,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"leave-active-class": "transition-opacity duration-200",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: L(() => [P(_) ? (T(), s("div", {
+			default: I(() => [P(_) ? (T(), s("div", {
 				key: 0,
 				class: "fixed inset-0 z-[60] bg-black/50",
 				"aria-hidden": "true",
@@ -2415,7 +2424,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"leave-active-class": "transition-transform duration-300 ease-in",
 			"leave-to-class": "-translate-x-full"
 		}, {
-			default: L(() => [P(_) ? (T(), s("aside", {
+			default: I(() => [P(_) ? (T(), s("aside", {
 				key: 0,
 				role: "dialog",
 				"aria-modal": "true",
@@ -2427,7 +2436,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					onClick: l[1] ||= (...e) => P(y) && P(y)(...e),
 					"aria-label": "Close notifications",
 					class: v(["p-1.5 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", P(p) ? "text-gray-400 hover:bg-gray-800" : "text-gray-500 hover:bg-gray-100"])
-				}, [f(P(B), {
+				}, [f(P(z), {
 					class: "w-5 h-5",
 					"aria-hidden": "true"
 				})], 2)], 2),
@@ -2439,7 +2448,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					onClick: l[2] ||= (...e) => P(b) && P(b)(...e),
 					class: v(["text-xs font-medium cursor-pointer transition-colors focus:outline-none focus-visible:underline", P(m).emeraldText])
 				}, " Mark all as read ", 2)], 2)) : o("", !0),
-				c("div", Vr, [C.value === 0 ? (T(), s("div", Hr, [f(P(le), {
+				c("div", Ur, [C.value === 0 ? (T(), s("div", Wr, [f(P(de), {
 					class: v(["w-10 h-10", P(m).illustration]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]), c("p", { class: v(["text-sm", P(m).mutedText]) }, N(n.emptyText), 3)])) : (T(), s("ul", {
@@ -2452,18 +2461,18 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				}, [c("span", {
 					class: v(["mt-1.5 w-2 h-2 rounded-full shrink-0", e.read ? P(p) ? "bg-gray-700" : "bg-gray-300" : S[e.type ?? "info"]]),
 					"aria-hidden": "true"
-				}, null, 2), c("span", Wr, [c("span", Gr, [c("span", { class: v(["text-sm truncate", [e.read ? "font-medium" : "font-semibold", P(m).primaryTextSoft]]) }, N(e.title), 3), e.time ? (T(), s("span", {
+				}, null, 2), c("span", Kr, [c("span", qr, [c("span", { class: v(["text-sm truncate", [e.read ? "font-medium" : "font-semibold", P(m).primaryTextSoft]]) }, N(e.title), 3), e.time ? (T(), s("span", {
 					key: 0,
 					class: v(["text-xs shrink-0", P(m).dimText])
 				}, N(e.time), 3)) : o("", !0)]), e.message ? (T(), s("span", {
 					key: 0,
 					class: v(["mt-0.5 block text-sm", P(m).mutedText])
-				}, N(e.message), 3)) : o("", !0)])], 10, Ur)]))), 128))], 2))])
-			], 10, Br)) : o("", !0)]),
+				}, N(e.message), 3)) : o("", !0)])], 10, Gr)]))), 128))], 2))])
+			], 10, Hr)) : o("", !0)]),
 			_: 1
 		})]));
 	}
-}), qr = ["disabled"], Jr = /* @__PURE__ */ p({
+}), Yr = ["disabled"], Xr = /* @__PURE__ */ p({
 	__name: "BaseChipButton",
 	props: {
 		size: { default: "sm" },
@@ -2474,15 +2483,15 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = t, { isDark: r } = W();
+		let n = t, { isDark: r } = U();
 		return (t, i) => (T(), s("button", {
 			type: "button",
 			disabled: e.disabled,
 			class: v(["inline-flex items-center gap-1 font-medium rounded-md border transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [e.size === "xs" ? "text-xs px-2 py-0.5" : "text-xs px-2.5 py-1", P(r) ? "text-emerald-300 border-emerald-700 bg-emerald-900/30 hover:bg-emerald-800/50" : "text-emerald-700 border-emerald-200 bg-emerald-50 hover:bg-emerald-100"]]),
 			onClick: i[0] ||= (e) => n("click")
-		}, [A(t.$slots, "default")], 10, qr));
+		}, [A(t.$slots, "default")], 10, Yr));
 	}
-}), Yr = /* @__PURE__ */ p({
+}), Zr = /* @__PURE__ */ p({
 	__name: "BaseRemoveButton",
 	emits: ["click"],
 	setup(e, { emit: t }) {
@@ -2493,18 +2502,18 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			onClick: t[0] ||= (e) => n("click")
 		}, " × "));
 	}
-}), Xr = { class: "relative flex h-2 w-2" }, Zr = {
+}), Qr = { class: "relative flex h-2 w-2" }, $r = {
 	key: 0,
 	class: "animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75",
 	"aria-hidden": "true"
-}, Qr = /* @__PURE__ */ p({
+}, ei = /* @__PURE__ */ p({
 	__name: "BaseStatusPill",
 	props: {
 		status: {},
 		label: {}
 	},
 	setup(e) {
-		let t = e, { isDark: n } = W(), r = i(() => {
+		let t = e, { isDark: n } = U(), r = i(() => {
 			switch (t.status) {
 				case "ok": return n.value ? "bg-emerald-500/10 text-emerald-400" : "bg-emerald-50 text-emerald-700";
 				case "error": return n.value ? "bg-red-500/10 text-red-400" : "bg-red-50 text-red-700";
@@ -2517,13 +2526,13 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				default: return "bg-gray-400";
 			}
 		});
-		return (t, n) => (T(), s("div", { class: v(["flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs", r.value]) }, [c("span", Xr, [e.status === "ok" ? (T(), s("span", Zr)) : o("", !0), c("span", { class: v(["relative inline-flex rounded-full h-2 w-2", a.value]) }, null, 2)]), d(" " + N(e.label), 1)], 2));
+		return (t, n) => (T(), s("div", { class: v(["flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs", r.value]) }, [c("span", Qr, [e.status === "ok" ? (T(), s("span", $r)) : o("", !0), c("span", { class: v(["relative inline-flex rounded-full h-2 w-2", a.value]) }, null, 2)]), d(" " + N(e.label), 1)], 2));
 	}
-}), $r = { class: "text-sm font-medium" }, ei = [
+}), ti = { class: "text-sm font-medium" }, ni = [
 	"accept",
 	"multiple",
 	"disabled"
-], ti = /* @__PURE__ */ p({
+], ri = /* @__PURE__ */ p({
 	__name: "BaseFileDropzone",
 	props: {
 		label: {},
@@ -2540,7 +2549,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["files"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: i } = W(), a = O(!1);
+		let n = e, r = t, { isDark: i } = U(), a = O(!1);
 		function l(e) {
 			let t = e.target, n = Array.from(t.files ?? []);
 			t.value = "", n.length && r("files", n);
@@ -2555,9 +2564,9 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		}
 		return (t, n) => (T(), s("label", {
 			class: v(["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 ? P(i) ? "border-emerald-500 text-emerald-400" : "border-emerald-500 text-emerald-600" : P(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"])
 		}, [
 			A(t.$slots, "icon", {}, () => [n[1] ||= c("svg", {
 				class: "w-10 h-10",
@@ -2571,7 +2580,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				"stroke-linejoin": "round",
 				d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
 			})], -1)]),
-			c("p", $r, N(e.label), 1),
+			c("p", ti, N(e.label), 1),
 			e.hint ? (T(), s("p", {
 				key: 0,
 				class: v(["text-xs", P(i) ? "text-gray-500" : "text-gray-400"])
@@ -2583,10 +2592,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				multiple: e.multiple,
 				disabled: e.disabled,
 				onChange: l
-			}, null, 40, ei)
+			}, null, 40, ni)
 		], 34));
 	}
-}), ni = /* @__PURE__ */ p({
+}), ii = /* @__PURE__ */ p({
 	__name: "BaseCodeBlock",
 	props: {
 		code: {},
@@ -2595,7 +2604,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		maxHeightClass: { default: "" }
 	},
 	setup(e) {
-		let t = e, { isDark: n } = W(), r = {
+		let t = e, { isDark: n } = U(), r = {
 			soft: {
 				dark: "bg-gray-800/70 text-gray-300",
 				light: "bg-gray-100 text-gray-700"
@@ -2617,7 +2626,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			e.maxHeightClass
 		]]) }, N(e.code), 3));
 	}
-}), ri = ["value", "type"], ii = /* @__PURE__ */ p({
+}), ai = ["value", "type"], oi = /* @__PURE__ */ p({
 	__name: "BaseInput",
 	props: {
 		modelValue: { default: "" },
@@ -2639,9 +2648,9 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			type: e.type,
 			class: v(["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 placeholder:text-slate-400 dark:placeholder:text-slate-500 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.block ? "w-full" : "", e.size === "sm" ? "px-2 py-1.5" : "px-3 py-2"]]),
 			onInput: r
-		}, null, 42, ri));
+		}, null, 42, ai));
 	}
-}), ai = ["value"], oi = /* @__PURE__ */ p({
+}), si = ["value"], ci = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "BaseSelect",
 	props: {
@@ -2660,18 +2669,18 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		}
 		return (t, n) => (T(), s("div", { class: v(["relative", e.block ? "w-full" : "inline-block"]) }, [c("select", g(t.$attrs, {
 			value: e.modelValue,
-			class: ["w-full appearance-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"],
+			class: ["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: r
-		}), [A(t.$slots, "default")], 16, ai), f(P(me), {
+		}), [A(t.$slots, "default")], 16, si), f(P(ge), {
 			class: v(["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));
 	}
-}), si = [
+}), li = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
-], ci = ["aria-label"], li = ["aria-selected", "title"], ui = ["disabled", "onClick"], di = /* @__PURE__ */ p({
+], ui = ["aria-label"], di = ["aria-selected", "title"], fi = ["disabled", "onClick"], pi = /* @__PURE__ */ p({
 	__name: "BaseDropdown",
 	props: {
 		options: {},
@@ -2707,7 +2716,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		function g(e) {
 			e.disabled || (a("update:modelValue", e.value), l.value = !1);
 		}
-		sn(() => {
+		cn(() => {
 			l.value = !1;
 		});
 		function _(e) {
@@ -2725,10 +2734,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"aria-haspopup": "listbox",
 			"aria-expanded": l.value,
 			onClick: h
-		}, [c("span", { class: v(["min-w-0 truncate", d.value ? "" : "text-slate-400 dark:text-slate-500"]) }, N(d.value ? d.value.label : t.placeholder), 3), f(P(me), {
+		}, [c("span", { class: v(["min-w-0 truncate", d.value ? "" : "text-slate-400 dark:text-slate-500"]) }, N(d.value ? d.value.label : t.placeholder), 3), f(P(ge), {
 			class: v(["shrink-0 transition-transform", [t.chevronClass, l.value ? "rotate-180" : ""]]),
 			"aria-hidden": "true"
-		}, null, 8, ["class"])], 10, si), l.value ? (T(), s("ul", {
+		}, null, 8, ["class"])], 10, li), l.value ? (T(), s("ul", {
 			key: 0,
 			role: "listbox",
 			"aria-label": t.ariaLabel || t.placeholder,
@@ -2743,13 +2752,13 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			disabled: e.disabled,
 			class: v(m(e)),
 			onClick: (t) => g(e)
-		}, N(e.label), 11, ui)], 8, li))), 128))], 8, ci)) : o("", !0)], 2));
+		}, N(e.label), 11, fi)], 8, di))), 128))], 8, ui)) : o("", !0)], 2));
 	}
-}), fi = ["role", "aria-label"], pi = [
+}), mi = ["role", "aria-label"], hi = [
 	"aria-pressed",
 	"title",
 	"onClick"
-], mi = "bg-slate-50 dark:bg-slate-900 text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800", hi = /* @__PURE__ */ p({
+], gi = "bg-slate-50 dark:bg-slate-900 text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800", _i = /* @__PURE__ */ p({
 	__name: "BaseSegmentedControl",
 	props: {
 		options: {},
@@ -2766,7 +2775,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		let r = t, a = n, o = i(() => r.variant === "toolbar" ? "inline-flex h-9 divide-x divide-slate-300 dark:divide-slate-600 rounded-md border border-slate-300 dark:border-slate-600 overflow-hidden" : "inline-flex rounded border border-slate-300 dark:border-slate-600 overflow-hidden"), c = i(() => r.variant === "toolbar" ? "flex items-center px-3.5 text-xs font-semibold uppercase tracking-wide transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500" : `${r.variant === "wide" ? "px-4 py-2" : "px-3 py-2"} text-sm font-medium transition-colors cursor-pointer border-l first:border-l-0 border-slate-300 dark:border-slate-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500`), l = i(() => r.variant === "wide" ? "bg-emerald-600 text-white" : "bg-emerald-500 text-white");
 		function u(e) {
 			let t = e.value === r.modelValue;
-			return r.optionClass ? r.optionClass(e, t) : t ? l.value : mi;
+			return r.optionClass ? r.optionClass(e, t) : t ? l.value : gi;
 		}
 		return (n, r) => (T(), s("div", {
 			role: t.ariaLabel ? "group" : void 0,
@@ -2779,9 +2788,9 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"aria-pressed": e.value === t.modelValue,
 			title: e.title,
 			onClick: (t) => a("update:modelValue", e.value)
-		}, N(e.label), 11, pi))), 128))], 10, fi));
+		}, N(e.label), 11, hi))), 128))], 10, mi));
 	}
-}), gi = { class: "w-full text-sm" }, _i = { class: "bg-slate-50 dark:bg-slate-800/60 text-slate-600 dark:text-slate-300" }, vi = { class: "text-left border-b border-slate-200 dark:border-slate-700" }, yi = { class: "divide-y divide-slate-200 dark:divide-slate-700 [&>tr]:transition-colors [&>tr:hover]:bg-slate-50 dark:[&>tr:hover]:bg-slate-800/40" }, bi = { key: 0 }, xi = ["colspan"], Si = "overflow-x-auto rounded-xl border border-slate-200 bg-white shadow-sm dark:border-slate-700 dark:bg-slate-900", Ci = /* @__PURE__ */ p({
+}), vi = { class: "w-full text-sm" }, yi = { class: "bg-slate-50 dark:bg-slate-800/60 text-slate-600 dark:text-slate-300" }, bi = { class: "text-left border-b border-slate-200 dark:border-slate-700" }, xi = { class: "divide-y divide-slate-200 dark:divide-slate-700 [&>tr]:transition-colors [&>tr:hover]:bg-slate-50 dark:[&>tr:hover]:bg-slate-800/40" }, Si = { key: 0 }, Ci = ["colspan"], wi = "overflow-x-auto rounded-xl border border-slate-200 bg-white shadow-sm dark:border-slate-700 dark:bg-slate-900", Ti = /* @__PURE__ */ p({
 	__name: "BaseTable",
 	props: {
 		columns: {},
@@ -2796,24 +2805,24 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		}
 	},
 	setup(t) {
-		return (n, r) => (T(), s("div", { class: v(t.card ? Si : void 0) }, [c("table", gi, [c("thead", _i, [c("tr", vi, [(T(!0), s(e, null, k(t.columns, (e, t) => (T(), s("th", {
+		return (n, r) => (T(), s("div", { class: v(t.card ? wi : void 0) }, [c("table", vi, [c("thead", yi, [c("tr", bi, [(T(!0), s(e, null, k(t.columns, (e, t) => (T(), s("th", {
 			key: t,
 			class: v(["px-4 py-3", e.align === "right" ? "text-right" : ""])
-		}, N(e.label), 3))), 128))])]), c("tbody", yi, [t.empty ? (T(), s("tr", bi, [c("td", {
+		}, N(e.label), 3))), 128))])]), c("tbody", xi, [t.empty ? (T(), s("tr", Si, [c("td", {
 			colspan: t.columns.length,
 			class: "px-4 py-12 text-center text-slate-500"
-		}, [A(n.$slots, "empty", {}, () => [d(N(t.emptyText), 1)])], 8, xi)])) : o("", !0), A(n.$slots, "default")])])], 2));
+		}, [A(n.$slots, "empty", {}, () => [d(N(t.emptyText), 1)])], 8, Ci)])) : o("", !0), A(n.$slots, "default")])])], 2));
 	}
-}), wi = { class: "grid gap-3 md:grid-cols-2" }, Ti = {
+}), Ei = { class: "grid gap-3 md:grid-cols-2" }, Di = {
 	key: 0,
 	class: "block text-[11px] uppercase tracking-wide text-slate-500 mb-1"
-}, Ei = ["value"], Di = {
+}, Oi = ["value"], ki = {
 	key: 2,
 	class: "flex items-center gap-2 mt-4"
-}, Oi = ["checked", "onChange"], ki = { class: "text-sm text-slate-900 dark:text-slate-100" }, Ai = {
+}, Ai = ["checked", "onChange"], ji = { class: "text-sm text-slate-900 dark:text-slate-100" }, Mi = {
 	key: 4,
 	class: "text-[11px] text-slate-400 mt-1"
-}, ji = /* @__PURE__ */ p({
+}, Ni = /* @__PURE__ */ p({
 	__name: "BaseSpecFields",
 	props: {
 		specs: {},
@@ -2840,24 +2849,24 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			let t = e.clipboardData?.getData("text") ?? "";
 			/^-?\d*$/.test(t.trim()) || e.preventDefault();
 		}
-		return (n, f) => (T(), s("div", wi, [(T(!0), s(e, null, k(t.specs, (f) => (T(), s("div", { key: f.key }, [
-			f.type === "boolean" ? o("", !0) : (T(), s("label", Ti, N(f.label), 1)),
-			f.type === "select" ? (T(), a(oi, {
+		return (n, f) => (T(), s("div", Ei, [(T(!0), s(e, null, k(t.specs, (f) => (T(), s("div", { key: f.key }, [
+			f.type === "boolean" ? o("", !0) : (T(), s("label", Di, N(f.label), 1)),
+			f.type === "select" ? (T(), a(ci, {
 				key: 1,
 				modelValue: String(t.params[f.key] ?? ""),
 				"onUpdate:modelValue": (e) => r("update", f.key, e)
 			}, {
-				default: L(() => [(T(!0), s(e, null, k(f.options ?? [], (e) => (T(), s("option", {
+				default: I(() => [(T(!0), s(e, null, k(f.options ?? [], (e) => (T(), s("option", {
 					key: e,
 					value: e
-				}, N(e), 9, Ei))), 128))]),
+				}, N(e), 9, Oi))), 128))]),
 				_: 2
-			}, 1032, ["modelValue", "onUpdate:modelValue"])) : f.type === "boolean" ? (T(), s("label", Di, [c("input", {
+			}, 1032, ["modelValue", "onUpdate:modelValue"])) : f.type === "boolean" ? (T(), s("label", ki, [c("input", {
 				checked: !!t.params[f.key],
 				type: "checkbox",
 				class: "h-4 w-4",
 				onChange: (e) => i(f.key, e)
-			}, null, 40, Oi), c("span", ki, N(f.label), 1)])) : (T(), a(ii, {
+			}, null, 40, Ai), c("span", ji, N(f.label), 1)])) : (T(), a(oi, {
 				key: 3,
 				modelValue: t.params[f.key],
 				type: "number",
@@ -2876,11 +2885,11 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				"onPaste",
 				"onUpdate:modelValue"
 			])),
-			f.help ? (T(), s("p", Ai, N(f.help), 1)) : o("", !0),
+			f.help ? (T(), s("p", Mi, N(f.help), 1)) : o("", !0),
 			A(n.$slots, "after", { spec: f })
 		]))), 128))]));
 	}
-}), Mi = { class: "mt-1.5 space-y-0.5 px-1" }, Ni = { class: "text-slate-400 dark:text-slate-500" }, Pi = /* @__PURE__ */ p({
+}), Pi = { class: "mt-1.5 space-y-0.5 px-1" }, Fi = { class: "text-slate-400 dark:text-slate-500" }, Ii = /* @__PURE__ */ p({
 	__name: "BaseStatBreakdown",
 	props: {
 		items: {},
@@ -2899,16 +2908,16 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		function i(e) {
 			return !n.signed || e == null ? "text-slate-500 dark:text-slate-400" : e >= 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400";
 		}
-		return (n, a) => (T(), s("div", Mi, [(T(!0), s(e, null, k(t.items, (e) => (T(), s("div", {
+		return (n, a) => (T(), s("div", Pi, [(T(!0), s(e, null, k(t.items, (e) => (T(), s("div", {
 			key: e.label,
 			class: "flex items-center justify-between text-[11px]"
-		}, [c("span", Ni, N(e.label), 1), c("span", { class: v(["font-mono tabular-nums font-medium", i(e.value)]) }, N(r(e.value)), 3)]))), 128))]));
+		}, [c("span", Fi, N(e.label), 1), c("span", { class: v(["font-mono tabular-nums font-medium", i(e.value)]) }, N(r(e.value)), 3)]))), 128))]));
 	}
-}), Fi = [
+}), Li = [
 	"disabled",
 	"title",
 	"aria-pressed"
-], Ii = /* @__PURE__ */ p({
+], Ri = /* @__PURE__ */ p({
 	__name: "BaseFilterChip",
 	props: {
 		label: { default: "" },
@@ -2943,15 +2952,15 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			title: e.title,
 			"aria-pressed": e.active,
 			class: v(["whitespace-nowrap rounded-md border px-3 text-sm font-semibold text-center transition-colors focus:outline-none focus-visible:ring-2 disabled:opacity-50 disabled:cursor-not-allowed", e.active ? n[e.color] : t[e.color]])
-		}, [A(r.$slots, "default", {}, () => [d(N(e.label), 1)])], 10, Fi));
+		}, [A(r.$slots, "default", {}, () => [d(N(e.label), 1)])], 10, Li));
 	}
-}), Li = { class: "flex items-center justify-between mb-4" }, Ri = { class: "text-lg font-semibold text-slate-900 dark:text-slate-100" }, zi = {
+}), zi = { class: "flex items-center justify-between mb-4" }, Bi = { class: "text-lg font-semibold text-slate-900 dark:text-slate-100" }, Vi = {
 	key: 0,
 	class: "text-xs text-slate-500 dark:text-slate-400"
-}, Bi = {
+}, Hi = {
 	key: 0,
 	class: "inline-flex items-center gap-2 text-xs text-slate-500"
-}, Vi = { class: "grid gap-4 md:grid-cols-2" }, Hi = { class: "md:col-span-2" }, Ui = ["for"], Wi = { class: "md:col-span-2" }, Gi = ["for"], Ki = { class: "text-[11px] text-slate-500 mt-1" }, qi = { class: "md:col-span-2" }, Ji = ["for"], Yi = { class: "md:col-span-2" }, Xi = ["for"], Zi = { class: "md:col-span-2" }, Qi = "placeholder:text-slate-400 dark:placeholder:text-slate-500 font-mono", $i = /* @__PURE__ */ p({
+}, Ui = { class: "grid gap-4 md:grid-cols-2" }, Wi = { class: "md:col-span-2" }, Gi = ["for"], Ki = { class: "md:col-span-2" }, qi = ["for"], Ji = { class: "text-[11px] text-slate-500 mt-1" }, Yi = { class: "md:col-span-2" }, Xi = ["for"], Zi = { class: "md:col-span-2" }, Qi = ["for"], $i = { class: "md:col-span-2" }, ea = "placeholder:text-slate-400 dark:placeholder:text-slate-500 font-mono", ta = /* @__PURE__ */ p({
 	__name: "BaseCredentialsForm",
 	props: {
 		title: {},
@@ -3024,72 +3033,72 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				}
 			}
 		}
-		return S(h), n({ load: h }), (n, r) => (T(), a(Ft, { class: "!p-6" }, {
-			default: L(() => [
-				c("div", Li, [c("div", null, [c("h2", Ri, N(t.title), 1), t.subtitle ? (T(), s("p", zi, N(t.subtitle), 1)) : o("", !0)]), u.value ? (T(), s("span", Bi, [f(It, { class: "!h-4 !w-4" }), r[4] ||= d(" Saving… ", -1)])) : o("", !0)]),
-				c("div", Vi, [
-					c("div", Hi, [c("label", {
+		return S(h), n({ load: h }), (n, r) => (T(), a(It, { class: "!p-6" }, {
+			default: I(() => [
+				c("div", zi, [c("div", null, [c("h2", Bi, N(t.title), 1), t.subtitle ? (T(), s("p", Vi, N(t.subtitle), 1)) : o("", !0)]), u.value ? (T(), s("span", Hi, [f(Lt, { class: "!h-4 !w-4" }), r[4] ||= d(" Saving… ", -1)])) : o("", !0)]),
+				c("div", Ui, [
+					c("div", Wi, [c("label", {
 						for: `${t.idPrefix}-key-id`,
 						class: "block text-xs uppercase tracking-wide text-slate-500 mb-1"
-					}, N(t.keyLabel), 9, Ui), f(ii, {
+					}, N(t.keyLabel), 9, Gi), f(oi, {
 						id: `${t.idPrefix}-key-id`,
 						modelValue: m.keyId,
 						"onUpdate:modelValue": r[0] ||= (e) => m.keyId = e,
 						type: "text",
 						autocomplete: "off",
 						placeholder: t.keyPlaceholder,
-						class: v(Qi)
+						class: v(ea)
 					}, null, 8, [
 						"id",
 						"modelValue",
 						"placeholder"
 					])]),
-					c("div", Wi, [
+					c("div", Ki, [
 						c("label", {
 							for: `${t.idPrefix}-secret`,
 							class: "block text-xs uppercase tracking-wide text-slate-500 mb-1"
-						}, N(t.secretLabel), 9, Gi),
-						f(ii, {
+						}, N(t.secretLabel), 9, qi),
+						f(oi, {
 							id: `${t.idPrefix}-secret`,
 							modelValue: m.secretKey,
 							"onUpdate:modelValue": r[1] ||= (e) => m.secretKey = e,
 							type: "password",
 							autocomplete: "new-password",
 							placeholder: p.value ? "•••••••• (unchanged — type to replace)" : t.secretPlaceholder,
-							class: v(Qi)
+							class: v(ea)
 						}, null, 8, [
 							"id",
 							"modelValue",
 							"placeholder"
 						]),
-						c("p", Ki, [p.value ? (T(), s(e, { key: 0 }, [d(N(t.secretSetHint), 1)], 64)) : A(n.$slots, "no-secret-hint", {}, () => [d(N(t.permissionsHint), 1)], void 0, 1)])
+						c("p", Ji, [p.value ? (T(), s(e, { key: 0 }, [d(N(t.secretSetHint), 1)], 64)) : A(n.$slots, "no-secret-hint", {}, () => [d(N(t.permissionsHint), 1)], void 0, 1)])
 					]),
-					c("div", qi, [
+					c("div", Yi, [
 						c("label", {
 							for: `${t.idPrefix}-base-url`,
 							class: "block text-xs uppercase tracking-wide text-slate-500 mb-1"
-						}, "Base URL (trading)", 8, Ji),
-						f(ii, {
+						}, "Base URL (trading)", 8, Xi),
+						f(oi, {
 							id: `${t.idPrefix}-base-url`,
 							modelValue: m.baseUrl,
 							"onUpdate:modelValue": r[2] ||= (e) => m.baseUrl = e,
 							type: "text",
-							class: v(Qi)
+							class: v(ea)
 						}, null, 8, ["id", "modelValue"]),
 						A(n.$slots, "base-url-extra", { form: m })
 					]),
-					c("div", Yi, [c("label", {
+					c("div", Zi, [c("label", {
 						for: `${t.idPrefix}-data-url`,
 						class: "block text-xs uppercase tracking-wide text-slate-500 mb-1"
-					}, "Data URL (market data)", 8, Xi), f(ii, {
+					}, "Data URL (market data)", 8, Qi), f(oi, {
 						id: `${t.idPrefix}-data-url`,
 						modelValue: m.dataUrl,
 						"onUpdate:modelValue": r[3] ||= (e) => m.dataUrl = e,
 						type: "text",
-						class: v(Qi)
+						class: v(ea)
 					}, null, 8, ["id", "modelValue"])]),
-					c("div", Zi, [f(Qe, {
-						color: P(K).GREEN,
+					c("div", $i, [f(q, {
+						color: P(G).GREEN,
 						description: t.saveLabel,
 						isDisable: u.value,
 						isLoading: u.value,
@@ -3106,16 +3115,16 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			_: 3
 		}));
 	}
-}), ea = {
+}), na = {
 	key: 0,
 	class: "text-sm text-slate-500 dark:text-slate-400"
-}, ta = { class: "mb-3 flex flex-wrap items-center gap-2" }, na = { class: "relative min-w-[200px] flex-1" }, ra = ["placeholder"], ia = {
+}, ra = { class: "mb-3 flex flex-wrap items-center gap-2" }, ia = { class: "relative min-w-[200px] flex-1" }, aa = ["placeholder"], oa = {
 	key: 0,
 	class: "text-sm text-slate-500 dark:text-slate-400"
-}, aa = {
+}, sa = {
 	key: 1,
 	class: "flex flex-wrap gap-2"
-}, oa = ["title", "onClick"], sa = "h-9 rounded-md border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", ca = "\0all", la = /* @__PURE__ */ p({
+}, ca = ["title", "onClick"], la = "h-9 rounded-md border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", ua = "\0all", da = /* @__PURE__ */ p({
 	__name: "BasePillPickerModal",
 	props: {
 		title: {},
@@ -3137,11 +3146,11 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["pick", "close"],
 	setup(t, { emit: n }) {
-		let r = t, l = n, u = i(() => r.icon ?? Ce), d = O(""), p = O(ca), m = i(() => r.groups && r.groups.length > 0 ? [{
-			value: ca,
+		let r = t, l = n, u = i(() => r.icon ?? Te), d = O(""), p = O(ua), m = i(() => r.groups && r.groups.length > 0 ? [{
+			value: ua,
 			label: r.allLabel
-		}, ...r.groups] : []), h = i(() => r.items.filter((e) => (p.value === ca || e.group === p.value) && e.label.toLowerCase().includes(d.value.trim().toLowerCase())));
-		return (n, r) => (T(), a(gn, {
+		}, ...r.groups] : []), h = i(() => r.items.filter((e) => (p.value === ua || e.group === p.value) && e.label.toLowerCase().includes(d.value.trim().toLowerCase())));
+		return (n, r) => (T(), a(_n, {
 			title: t.title,
 			icon: u.value,
 			subtitle: t.subtitle,
@@ -3149,24 +3158,24 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"max-width-class": t.maxWidthClass,
 			onCancel: r[4] ||= (e) => l("close")
 		}, {
-			footer: L(() => [f(vr, {
+			footer: I(() => [f(br, {
 				variant: "ghost",
 				label: t.closeText,
 				onClick: r[3] ||= (e) => l("close")
 			}, null, 8, ["label"])]),
-			default: L(() => [t.items.length === 0 ? (T(), s("p", ea, N(t.emptyMessage), 1)) : (T(), s(e, { key: 1 }, [c("div", ta, [c("div", na, [
-				f(P(Ce), { class: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }),
-				R(c("input", {
+			default: I(() => [t.items.length === 0 ? (T(), s("p", na, N(t.emptyMessage), 1)) : (T(), s(e, { key: 1 }, [c("div", ra, [c("div", ia, [
+				f(P(Te), { class: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }),
+				L(c("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => d.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder,
 					autocomplete: "off",
 					class: v([
-						sa,
+						la,
 						"w-full pl-9 pr-8 placeholder:text-slate-400 dark:placeholder:text-slate-500",
 						t.mono ? "font-mono" : ""
 					])
-				}, null, 10, ra), [[re, d.value]]),
+				}, null, 10, aa), [[re, d.value]]),
 				d.value ? (T(), s("button", {
 					key: 0,
 					type: "button",
@@ -3174,7 +3183,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 					class: "absolute right-2 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200",
 					onClick: r[1] ||= (e) => d.value = ""
 				}, " ✕ ")) : o("", !0)
-			]), m.value.length > 0 ? (T(), a(hi, {
+			]), m.value.length > 0 ? (T(), a(_i, {
 				key: 0,
 				modelValue: p.value,
 				"onUpdate:modelValue": r[2] ||= (e) => p.value = e,
@@ -3184,13 +3193,13 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				"modelValue",
 				"options",
 				"aria-label"
-			])) : o("", !0)]), h.value.length === 0 ? (T(), s("p", ia, N(t.noMatchMessage), 1)) : (T(), s("div", aa, [(T(!0), s(e, null, k(h.value, (e) => (T(), s("button", {
+			])) : o("", !0)]), h.value.length === 0 ? (T(), s("p", oa, N(t.noMatchMessage), 1)) : (T(), s("div", sa, [(T(!0), s(e, null, k(h.value, (e) => (T(), s("button", {
 				key: e.id,
 				type: "button",
 				title: e.title,
 				class: v(["h-8 shrink-0 rounded-md border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 px-3 text-sm text-slate-700 dark:text-slate-200 transition-colors hover:border-emerald-500 hover:bg-emerald-50 hover:text-emerald-700 dark:hover:bg-emerald-500/10 dark:hover:text-emerald-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", t.mono ? "font-mono" : ""]),
 				onClick: (t) => l("pick", e)
-			}, N(e.label), 11, oa))), 128))]))], 64))]),
+			}, N(e.label), 11, ca))), 128))]))], 64))]),
 			_: 1
 		}, 8, [
 			"title",
@@ -3199,7 +3208,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"max-width-class"
 		]));
 	}
-}), ua = ["aria-label"], da = ["title"], fa = { class: "text-[10px] tabular-nums text-slate-400 dark:text-slate-500" }, pa = ["title"], ma = /* @__PURE__ */ p({
+}), fa = ["aria-label"], pa = ["title"], ma = { class: "text-[10px] tabular-nums text-slate-400 dark:text-slate-500" }, ha = ["title"], ga = /* @__PURE__ */ p({
 	__name: "BaseBarDistribution",
 	props: {
 		bars: {},
@@ -3220,7 +3229,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			class: "flex min-w-7 flex-1 flex-col items-center gap-0.5",
 			title: o(e)
 		}, [
-			c("span", fa, N(e.count), 1),
+			c("span", ma, N(e.count), 1),
 			c("div", {
 				class: v(["w-full max-w-8 rounded-t", t.barClass]),
 				style: b({ height: `${a(e)}px` })
@@ -3228,10 +3237,10 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			c("span", {
 				class: "max-w-full truncate font-mono text-[10px] text-slate-500 dark:text-slate-400",
 				title: e.label
-			}, N(e.label), 9, pa)
-		], 8, da))), 128))], 8, ua));
+			}, N(e.label), 9, ha)
+		], 8, pa))), 128))], 8, fa));
 	}
-}), ha = /* @__PURE__ */ p({
+}), _a = /* @__PURE__ */ p({
 	__name: "BaseDateTimePicker",
 	props: {
 		modelValue: { default: null },
@@ -3253,7 +3262,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isDark: o } = W(), s = i(() => ({
+		let n = e, r = t, { isDark: o } = U(), s = i(() => ({
 			enableTimePicker: n.mode !== "date",
 			is24: n.is24,
 			...n.timeConfig
@@ -3262,7 +3271,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			let e = n.is24 ? "HH:mm" : "hh:mm a";
 			return n.mode === "date" ? { input: "dd/MM/yyyy" } : n.mode === "time" ? { input: e } : { input: `dd/MM/yyyy ${e}` };
 		});
-		return (t, n) => (T(), a(P(je), {
+		return (t, n) => (T(), a(P(Ne), {
 			"model-value": e.modelValue,
 			dark: P(o),
 			"time-picker": e.mode === "time",
@@ -3273,7 +3282,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
 		}, l({ _: 2 }, [k(t.$slots, (e, n) => ({
 			name: n,
-			fn: L((e) => [A(t.$slots, n, y(h(e ?? {})))])
+			fn: I((e) => [A(t.$slots, n, y(h(e ?? {})))])
 		}))]), 1032, [
 			"model-value",
 			"dark",
@@ -3284,28 +3293,28 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"teleport"
 		]));
 	}
-}), ga = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-1" }, _a = { class: "truncate" }, va = [
+}), va = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-1" }, ya = { class: "truncate" }, ba = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], ya = [
+], xa = [
 	"disabled",
 	"readonly",
 	"aria-label",
 	"aria-expanded",
 	"aria-activedescendant",
 	"placeholder"
-], ba = ["aria-multiselectable"], xa = [
+], Sa = ["aria-multiselectable"], Ca = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"title",
 	"onMouseenter",
 	"onClick"
-], Sa = { class: "truncate" }, Ca = {
+], wa = { class: "truncate" }, Ta = {
 	key: 0,
 	class: "px-3 py-2 text-sm text-slate-500 dark:text-slate-400"
-}, wa = /* @__PURE__ */ p({
+}, Ea = /* @__PURE__ */ p({
 	__name: "BaseSearchSelect",
 	props: {
 		options: {},
@@ -3344,7 +3353,7 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { 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(D, (e) => {
+		ae(D, (e) => {
 			h.value = e.findIndex((e) => !e.disabled);
 		});
 		function A(e) {
@@ -3370,26 +3379,26 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				} else l("update:modelValue", e.value), F(), d.value?.blur();
 			}
 		}
-		function L(e) {
+		function I(e) {
 			l("update:modelValue", y.value.filter((t) => t !== e.value));
 		}
-		function ae() {
+		function oe() {
 			l("update:modelValue", r.multiple ? [] : null), m.value = "";
 		}
-		function oe(e) {
+		function se(e) {
 			let t = D.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, _(() => document.getElementById(`${g}-${n}`)?.scrollIntoView?.({ block: "nearest" }));
 		}
-		function se(e) {
+		function ce(e) {
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), p.value ? oe(1) : M();
+					e.preventDefault(), p.value ? se(1) : M();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), p.value ? oe(-1) : M();
+					e.preventDefault(), p.value ? se(-1) : M();
 					break;
 				case "Enter":
 					p.value && h.value >= 0 && (e.preventDefault(), ne(D.value[h.value]));
@@ -3400,13 +3409,13 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				case "Tab":
 					F();
 					break;
-				case "Backspace": r.multiple && m.value === "" && b.value.length && L(b.value[b.value.length - 1]);
+				case "Backspace": r.multiple && m.value === "" && b.value.length && I(b.value[b.value.length - 1]);
 			}
 		}
-		function ce(e) {
+		function le(e) {
 			p.value && u.value && !u.value.contains(e.target) && F();
 		}
-		return S(() => document.addEventListener("mousedown", ce)), x(() => document.removeEventListener("mousedown", ce)), (n, r) => (T(), s("div", {
+		return S(() => document.addEventListener("mousedown", le)), x(() => document.removeEventListener("mousedown", le)), (n, r) => (T(), s("div", {
 			ref_key: "rootEl",
 			ref: u,
 			class: v(t.block ? "relative w-full" : "relative inline-block min-w-48")
@@ -3414,20 +3423,20 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			class: v(["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", [p.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: te
 		}, [
-			c("div", ga, [(T(!0), s(e, null, k(b.value, (e) => R((T(), s("span", {
+			c("div", va, [(T(!0), s(e, null, k(b.value, (e) => L((T(), s("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"
-			}, [c("span", _a, N(e.label), 1), c("button", {
+			}, [c("span", ya, N(e.label), 1), c("button", {
 				type: "button",
 				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) => L(e), ["stop"])
-			}, [f(P(B), {
+				onMousedown: r[0] ||= R(() => {}, ["stop", "prevent"]),
+				onClick: R((t) => I(e), ["stop"])
+			}, [f(P(z), {
 				class: "h-3 w-3",
 				"aria-hidden": "true"
-			})], 40, va)])), [[ie, t.multiple]])), 128)), R(c("input", {
+			})], 40, ba)])), [[ie, t.multiple]])), 128)), L(c("input", {
 				ref_key: "inputEl",
 				ref: d,
 				"onUpdate:modelValue": r[1] ||= (e) => m.value = e,
@@ -3445,20 +3454,20 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				class: v(["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", w.value ? "placeholder:text-slate-900 dark:placeholder:text-slate-100" : "placeholder:text-slate-400 dark:placeholder:text-slate-500"]),
 				onFocus: M,
 				onInput: M,
-				onKeydown: se
-			}, null, 42, ya), [[re, m.value]])]),
+				onKeydown: ce
+			}, null, 42, xa), [[re, m.value]])]),
 			t.clearable && C.value && !t.disabled ? (T(), s("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(ae, ["stop"])
-			}, [f(P(B), {
+				onMousedown: r[2] ||= R(() => {}, ["stop", "prevent"]),
+				onClick: R(oe, ["stop"])
+			}, [f(P(z), {
 				class: "h-4 w-4",
 				"aria-hidden": "true"
 			})], 32)) : o("", !0),
-			f(P(me), {
+			f(P(ge), {
 				class: v(["h-4 w-4 shrink-0 text-slate-500 transition-transform dark:text-slate-400", p.value ? "rotate-180" : ""]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])
@@ -3476,31 +3485,31 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			"aria-disabled": e.disabled || void 0,
 			title: e.title,
 			class: v(["flex cursor-pointer items-center justify-between gap-2 px-3 py-2 text-left text-sm", j(e, t)]),
-			onMousedown: r[3] ||= z(() => {}, ["prevent"]),
+			onMousedown: r[3] ||= R(() => {}, ["prevent"]),
 			onMouseenter: (e) => h.value = t,
 			onClick: (t) => ne(e)
-		}, [c("span", Sa, N(e.label), 1), A(e) ? (T(), a(P(de), {
+		}, [c("span", wa, N(e.label), 1), A(e) ? (T(), a(P(pe), {
 			key: 0,
 			class: "h-4 w-4 shrink-0",
 			"aria-hidden": "true"
-		})) : o("", !0)], 42, xa))), 128)), D.value.length === 0 ? (T(), s("li", Ca, N(t.options.length === 0 ? t.emptyText : t.noResultsText), 1)) : o("", !0)], 8, ba)) : o("", !0)], 2));
+		})) : o("", !0)], 42, Ca))), 128)), D.value.length === 0 ? (T(), s("li", Ta, N(t.options.length === 0 ? t.emptyText : t.noResultsText), 1)) : o("", !0)], 8, Sa)) : o("", !0)], 2));
 	}
-}), Ta = { class: "rounded-xl border border-slate-200 bg-white text-left shadow-sm dark:border-slate-700 dark:bg-slate-900" }, Ea = {
+}), Da = { class: "rounded-xl border border-slate-200 bg-white text-left shadow-sm dark:border-slate-700 dark:bg-slate-900" }, Oa = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-between gap-3 border-b border-slate-200 px-5 py-3 dark:border-slate-700"
-}, Da = { class: "min-w-0" }, Oa = {
+}, ka = { class: "min-w-0" }, Aa = {
 	key: 0,
 	class: "text-base font-semibold text-slate-900 dark:text-slate-100"
-}, ka = {
+}, ja = {
 	key: 1,
 	class: "text-sm text-slate-500 dark:text-slate-400"
-}, Aa = {
+}, Ma = {
 	key: 0,
 	class: "flex items-center gap-2"
-}, ja = {
+}, Na = {
 	key: 1,
 	class: "flex flex-wrap items-center justify-end gap-2 border-t border-slate-200 px-5 py-3 dark:border-slate-700"
-}, Ma = /* @__PURE__ */ p({
+}, Pa = /* @__PURE__ */ p({
 	__name: "BaseCard",
 	props: {
 		title: { default: "" },
@@ -3508,24 +3517,24 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 		padding: { default: "md" }
 	},
 	setup(e) {
-		return (t, n) => (T(), s("section", Ta, [
-			e.title || e.subtitle || t.$slots.actions ? (T(), s("header", Ea, [c("div", Da, [e.title ? (T(), s("h2", Oa, N(e.title), 1)) : o("", !0), e.subtitle ? (T(), s("p", ka, N(e.subtitle), 1)) : o("", !0)]), t.$slots.actions ? (T(), s("div", Aa, [A(t.$slots, "actions")])) : o("", !0)])) : o("", !0),
+		return (t, n) => (T(), s("section", Da, [
+			e.title || e.subtitle || t.$slots.actions ? (T(), s("header", Oa, [c("div", ka, [e.title ? (T(), s("h2", Aa, N(e.title), 1)) : o("", !0), e.subtitle ? (T(), s("p", ja, N(e.subtitle), 1)) : o("", !0)]), t.$slots.actions ? (T(), s("div", Ma, [A(t.$slots, "actions")])) : o("", !0)])) : o("", !0),
 			c("div", { class: v(e.padding === "sm" ? "p-4" : e.padding === "none" ? "" : "p-5") }, [A(t.$slots, "default")], 2),
-			t.$slots.footer ? (T(), s("footer", ja, [A(t.$slots, "footer")])) : o("", !0)
+			t.$slots.footer ? (T(), s("footer", Na, [A(t.$slots, "footer")])) : o("", !0)
 		]));
 	}
-}), Na = ["for"], Pa = {
+}), Fa = ["for"], Ia = {
 	key: 0,
 	class: "ml-0.5 text-red-500",
 	"aria-hidden": "true"
-}, Fa = {
+}, La = {
 	key: 1,
 	class: "mt-1 text-xs font-medium text-red-600 dark:text-red-400",
 	role: "alert"
-}, Ia = {
+}, Ra = {
 	key: 2,
 	class: "mt-1 text-xs text-slate-500 dark:text-slate-400"
-}, La = /* @__PURE__ */ p({
+}, za = /* @__PURE__ */ p({
 	__name: "BaseField",
 	props: {
 		label: { default: "" },
@@ -3551,12 +3560,12 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				key: 0,
 				for: e.labelFor || void 0,
 				class: v(["mb-1 block", e.compact ? "text-xs uppercase tracking-wide text-slate-500 dark:text-slate-400" : "text-sm font-medium text-slate-700 dark:text-slate-200"])
-			}, [d(N(e.label), 1), e.required ? (T(), s("span", Pa, "*")) : o("", !0)], 10, Na)) : o("", !0),
+			}, [d(N(e.label), 1), e.required ? (T(), s("span", Ia, "*")) : o("", !0)], 10, Fa)) : o("", !0),
 			A(t.$slots, "default"),
-			e.error ? (T(), s("p", Fa, N(e.error), 1)) : e.hint ? (T(), s("p", Ia, N(e.hint), 1)) : o("", !0)
+			e.error ? (T(), s("p", La, N(e.error), 1)) : e.hint ? (T(), s("p", Ra, N(e.hint), 1)) : o("", !0)
 		], 2));
 	}
-}), Ra = { class: "flex items-start justify-between gap-3" }, za = { class: "min-w-0 text-left" }, Ba = { class: "truncate text-sm font-bold tracking-wide text-gray-800 dark:text-slate-200" }, Va = /* @__PURE__ */ p({
+}), Ba = { class: "flex items-start justify-between gap-3" }, Va = { class: "min-w-0 text-left" }, Ha = { class: "truncate text-sm font-bold tracking-wide text-gray-800 dark:text-slate-200" }, Ua = /* @__PURE__ */ p({
 	__name: "BaseStatCard",
 	props: {
 		title: {},
@@ -3603,9 +3612,9 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 				icon: "text-slate-500 dark:text-slate-300"
 			}
 		}, r = i(() => n[t.accent]);
-		return (t, n) => (T(), a(M(e.to ? P(Oe) : "div"), g(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(() => [c("div", Ra, [c("div", za, [
-				c("p", Ba, N(e.title), 1),
+		return (t, n) => (T(), a(M(e.to ? P(Ae) : "div"), g(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: I(() => [c("div", Ba, [c("div", Va, [
+				c("p", Ha, N(e.title), 1),
 				c("p", { class: v(["mt-1 truncate text-3xl font-bold", r.value.value]) }, N(e.value), 3),
 				e.subtitle ? (T(), s("p", {
 					key: 0,
@@ -3619,12 +3628,248 @@ var Bn = ["aria-label", "aria-expanded"], Vn = { class: "flex flex-col h-full" }
 			_: 3
 		}, 16, ["class"]));
 	}
+}), Wa = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], Ga = {
+	key: 0,
+	class: "text-sm font-medium text-slate-700 dark:text-slate-200"
+}, Ka = /* @__PURE__ */ p({
+	__name: "BaseToggle",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "" },
+		ariaLabel: { default: "" },
+		color: { default: "emerald" },
+		offTone: { default: "slate" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = {
+			emerald: "bg-emerald-500",
+			red: "bg-red-600",
+			sky: "bg-sky-500",
+			amber: "bg-amber-500"
+		};
+		function a() {
+			if (n.disabled) return;
+			let e = !n.modelValue;
+			r("update:modelValue", e), r("change", e);
+		}
+		return (t, n) => (T(), s("label", { class: v(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"]) }, [c("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": e.modelValue,
+			"aria-label": e.label ? void 0 : e.ariaLabel || void 0,
+			disabled: e.disabled,
+			class: v(["relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-900 disabled:cursor-not-allowed", e.modelValue ? i[e.color] : e.offTone === "red" ? "bg-red-200 dark:bg-red-900/50" : "bg-slate-200 dark:bg-slate-700"]),
+			onClick: a
+		}, [c("span", {
+			class: v(["inline-block h-5 w-5 rounded-full bg-white shadow ring-1 ring-black/5 transition-transform", e.modelValue ? "translate-x-[22px]" : "translate-x-0.5"]),
+			"aria-hidden": "true"
+		}, null, 2)], 10, Wa), e.label ? (T(), s("span", Ga, N(e.label), 1)) : o("", !0)], 2));
+	}
+}), qa = ["checked", "disabled"], Ja = {
+	key: 0,
+	class: "text-sm text-slate-700 dark:text-slate-200"
+}, Ya = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "BaseCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			let t = e.target.checked;
+			n("update:modelValue", t), n("change", t);
+		}
+		return (t, n) => (T(), s("label", { class: v(["inline-flex items-center gap-2 select-none", e.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"]) }, [c("input", g(t.$attrs, {
+			type: "checkbox",
+			checked: e.modelValue,
+			disabled: e.disabled,
+			class: "h-5 w-5 shrink-0 cursor-[inherit] rounded-md border-slate-300 bg-white text-emerald-600 accent-emerald-600 transition-colors focus:ring-2 focus:ring-emerald-500/40 focus:ring-offset-0 dark:border-slate-600 dark:bg-slate-900 dark:checked:bg-emerald-600",
+			onChange: r
+		}), null, 16, qa), e.label || t.$slots.default ? (T(), s("span", Ja, [A(t.$slots, "default", {}, () => [d(N(e.label), 1)])])) : o("", !0)], 2));
+	}
+}), Xa = { class: "flex flex-col gap-2 text-left" }, Za = {
+	class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-sm font-semibold text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300",
+	"aria-hidden": "true"
+}, Qa = { class: "min-w-0" }, $a = { class: "block truncate text-sm font-medium text-slate-900 dark:text-slate-100" }, eo = {
+	key: 0,
+	class: "block truncate text-xs text-slate-500 dark:text-slate-400"
+}, to = /* @__PURE__ */ p({
+	__name: "BaseSidebarUser",
+	props: {
+		name: {},
+		email: { default: "" },
+		to: { default: void 0 },
+		showLogout: {
+			type: Boolean,
+			default: !0
+		},
+		logoutLabel: { default: "Logout" },
+		profileLabel: { default: "View profile" }
+	},
+	emits: ["logout"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, l = i(() => (n.name || "?").split(/[\s._-]+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join(""));
+		return (t, n) => (T(), s("div", Xa, [(T(), a(M(e.to ? P(Ae) : "div"), g(e.to ? { to: e.to } : {}, {
+			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: I(() => [c("span", Za, N(l.value), 1), c("span", Qa, [c("span", $a, N(e.name), 1), e.email ? (T(), s("span", eo, N(e.email), 1)) : o("", !0)])]),
+			_: 1
+		}, 16, ["class", "title"])), e.showLogout ? (T(), a(q, {
+			key: 0,
+			class: "w-full justify-center",
+			description: e.logoutLabel,
+			color: P(G).RED,
+			size: P(K).SMALL,
+			outline: "",
+			"icon-left": "",
+			onClick: n[0] ||= (e) => r("logout")
+		}, {
+			default: I(() => [f(P(ce), {
+				class: "mr-1.5 h-4 w-4",
+				"aria-hidden": "true"
+			})]),
+			_: 1
+		}, 8, [
+			"description",
+			"color",
+			"size"
+		])) : o("", !0)]));
+	}
+}), no = { class: "flex min-h-screen w-full flex-col items-center justify-center bg-slate-50 px-4 py-10 dark:bg-slate-950" }, ro = { class: "mb-6 flex justify-center" }, io = {
+	key: 0,
+	class: "mb-1 text-2xl font-bold tracking-tight text-slate-900 dark:text-slate-100"
+}, ao = {
+	key: 1,
+	class: "text-sm text-slate-500 dark:text-slate-400"
+}, oo = {
+	key: 2,
+	class: "mt-6 border-t border-slate-200 pt-4 text-center text-sm text-slate-500 dark:border-slate-700 dark:text-slate-400"
+}, so = /* @__PURE__ */ p({
+	__name: "BaseAuthLayout",
+	props: {
+		title: { default: "" },
+		subtitle: { default: "" },
+		wide: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (T(), s("div", no, [c("div", ro, [A(t.$slots, "logo", {}, () => [f(Ot, { size: P(J).MEDIUM }, null, 8, ["size"])])]), c("div", { class: v(["w-full rounded-xl border border-slate-200 bg-white p-6 text-left shadow-sm sm:p-8 dark:border-slate-700 dark:bg-slate-900", e.wide ? "max-w-3xl" : "max-w-md"]) }, [
+			e.title ? (T(), s("h1", io, N(e.title), 1)) : o("", !0),
+			e.subtitle ? (T(), s("p", ao, N(e.subtitle), 1)) : o("", !0),
+			c("div", { class: v(e.title || e.subtitle ? "mt-6" : "") }, [A(t.$slots, "default")], 2),
+			t.$slots.footer ? (T(), s("div", oo, [A(t.$slots, "footer")])) : o("", !0)
+		], 2)]));
+	}
+});
+//#endregion
+//#region node_modules/@heroicons/vue/20/solid/esm/CheckCircleIcon.js
+function co(e, t) {
+	return T(), s("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [c("path", {
+		"fill-rule": "evenodd",
+		d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region node_modules/@heroicons/vue/20/solid/esm/XCircleIcon.js
+function lo(e, t) {
+	return T(), s("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [c("path", {
+		"fill-rule": "evenodd",
+		d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region src/components/BaseBooleanBadge.vue
+var uo = /* @__PURE__ */ p({
+	__name: "BaseBooleanBadge",
+	props: {
+		value: {
+			type: [Boolean, null],
+			default: !1
+		},
+		trueLabel: { default: "Yes" },
+		falseLabel: { default: "No" }
+	},
+	setup(e) {
+		return (t, n) => (T(), s("span", { class: v(["inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-inset", e.value ? "bg-emerald-50 text-emerald-700 ring-emerald-600/20 dark:bg-emerald-500/10 dark:text-emerald-300 dark:ring-emerald-400/30" : "bg-red-50 text-red-700 ring-red-600/20 dark:bg-red-500/10 dark:text-red-300 dark:ring-red-400/30"]) }, [e.value ? (T(), a(P(co), {
+			key: 0,
+			class: "h-3.5 w-3.5",
+			"aria-hidden": "true"
+		})) : (T(), a(P(lo), {
+			key: 1,
+			class: "h-3.5 w-3.5",
+			"aria-hidden": "true"
+		})), d(" " + N(e.value ? e.trueLabel : e.falseLabel), 1)], 2));
+	}
+}), fo = { class: "text-xs uppercase tracking-wide text-slate-500 dark:text-slate-400" }, po = ["href"], mo = {
+	key: 1,
+	class: "text-slate-400 dark:text-slate-500"
+}, ho = /* @__PURE__ */ p({
+	__name: "BaseDetailList",
+	props: {
+		items: {},
+		columns: { default: 2 },
+		emptyText: { default: "—" }
+	},
+	setup(t) {
+		function n(e) {
+			return e == null || e === "";
+		}
+		return (r, i) => (T(), s("dl", { class: v(["grid grid-cols-1 gap-x-6 gap-y-4 text-left", t.columns === 2 ? "sm:grid-cols-2" : t.columns === 3 ? "sm:grid-cols-2 lg:grid-cols-3" : ""]) }, [(T(!0), s(e, null, k(t.items, (r) => (T(), s("div", {
+			key: r.label,
+			class: "min-w-0"
+		}, [c("dt", fo, N(r.label), 1), c("dd", { class: v(["mt-1 break-words text-sm text-slate-900 dark:text-slate-100", r.mono ? "font-mono" : ""]) }, [r.href && !n(r.value) ? (T(), s("a", {
+			key: 0,
+			href: r.href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			class: "text-emerald-600 hover:underline dark:text-emerald-400"
+		}, N(r.value), 9, po)) : n(r.value) ? (T(), s("span", mo, N(t.emptyText), 1)) : (T(), s(e, { key: 2 }, [d(N(r.value), 1)], 64))], 2)]))), 128))], 2));
+	}
 });
 //#endregion
 //#region src/composables/useDebounce.ts
-function Ha(e, t = 300) {
+function go(e, t = 300) {
 	let n = O(e.value), r = null;
-	return I(e, (e) => {
+	return ae(e, (e) => {
 		r && clearTimeout(r), r = setTimeout(() => {
 			n.value = e, r = null;
 		}, t);
@@ -3634,7 +3879,7 @@ function Ha(e, t = 300) {
 }
 //#endregion
 //#region src/composables/useToast.ts
-function Ua(e = 3e3) {
+function _o(e = 3e3) {
 	let t = O(!1), n = O(""), r = O(Y.SUCCESS), i = null;
 	function a() {
 		i &&= (clearTimeout(i), null);
@@ -3655,8 +3900,8 @@ function Ua(e = 3e3) {
 }
 //#endregion
 //#region src/composables/useQueryParamSync.ts
-function Wa() {
-	let e = ke(), t = Ae();
+function vo() {
+	let e = je(), t = Me();
 	function n(t) {
 		let n = e.query[t];
 		return typeof n == "string" ? n : "";
@@ -3677,8 +3922,8 @@ function Wa() {
 }
 //#endregion
 //#region src/composables/useFieldClasses.ts
-function Ga() {
-	let { isDark: e } = W(), t = i(() => e.value ? "text-gray-300" : "text-gray-600"), n = i(() => e.value ? "bg-gray-800 border-gray-600 text-gray-100 placeholder-gray-500 focus:ring-emerald-500 focus:border-emerald-500" : "bg-white border-gray-300 text-gray-800 focus:ring-emerald-500 focus:border-emerald-500");
+function yo() {
+	let { isDark: e } = U(), t = i(() => e.value ? "text-gray-300" : "text-gray-600"), n = i(() => e.value ? "bg-gray-800 border-gray-600 text-gray-100 placeholder-gray-500 focus:ring-emerald-500 focus:border-emerald-500" : "bg-white border-gray-300 text-gray-800 focus:ring-emerald-500 focus:border-emerald-500");
 	function r(t) {
 		return t == null || String(t).trim() === "" ? e.value ? "bg-gray-800 border-red-500 text-gray-100 placeholder-gray-500 focus:ring-red-500 focus:border-red-500 ring-1 ring-red-500/30" : "bg-white border-red-400 text-gray-800 focus:ring-red-500 focus:border-red-500 ring-1 ring-red-400/30" : n.value;
 	}
@@ -3690,7 +3935,7 @@ function Ga() {
 }
 //#endregion
 //#region src/composables/usePolling.ts
-function Ka(e, t, n = {}) {
+function bo(e, t, n = {}) {
 	let { immediate: r = !0, pauseWhenHidden: i = !0 } = n, a = null, o = O(!1), s = !1;
 	function c() {
 		a === null && t !== null && (a = setInterval(() => void e(), t));
@@ -3725,62 +3970,62 @@ function Ka(e, t, n = {}) {
 }
 //#endregion
 //#region src/enums/BaseBadgeEnum.ts
-var qa = /* @__PURE__ */ function(e) {
+var xo = /* @__PURE__ */ function(e) {
 	return e.WIN = "WIN", e.LOSE = "LOSE", e;
 }({});
 //#endregion
 //#region src/utils/util.ts
-function Ja(e) {
+function So(e) {
 	let t = "red";
 	switch (e) {
-		case V.ERROR:
+		case B.ERROR:
 			t = "red";
 			break;
-		case V.SUCCESS:
+		case B.SUCCESS:
 			t = "green";
 			break;
-		case V.INFO:
+		case B.INFO:
 			t = "gray";
 			break;
-		case V.WARNING: t = "yellow";
+		case B.WARNING: t = "yellow";
 	}
 	return t;
 }
-function Ya(e) {
+function Co(e) {
 	let t = "red";
 	switch (e) {
-		case G.GREEN:
+		case W.GREEN:
 			t = "green";
 			break;
-		case G.RED:
+		case W.RED:
 			t = "red";
 			break;
-		case G.BLUE:
+		case W.BLUE:
 			t = "blue";
 			break;
-		case G.YELLOW:
+		case W.YELLOW:
 			t = "yellow";
 			break;
-		case G.BLACK:
+		case W.BLACK:
 			t = "black";
 			break;
-		case G.GRAY:
+		case W.GRAY:
 			t = "gray";
 			break;
-		case G.NONE: t = "";
+		case W.NONE: t = "";
 	}
 	return t;
 }
 //#endregion
 //#region src/utils/httpColors.ts
-var Xa = {
+var wo = {
 	GET: "bg-blue-600",
 	POST: "bg-emerald-600",
 	PUT: "bg-amber-600",
 	DELETE: "bg-red-600",
 	PATCH: "bg-purple-600",
 	HEAD: "bg-gray-600"
-}, Za = {
+}, To = {
 	GET: "bg-blue-500",
 	POST: "bg-green-500",
 	PUT: "bg-yellow-500",
@@ -3788,39 +4033,39 @@ var Xa = {
 	PATCH: "bg-purple-500",
 	HEAD: "bg-gray-500"
 };
-function Qa(e) {
-	return e ? Xa[e.toUpperCase()] ?? "bg-gray-600" : "bg-gray-600";
+function Eo(e) {
+	return e ? wo[e.toUpperCase()] ?? "bg-gray-600" : "bg-gray-600";
 }
-function $a(e) {
-	return e ? Za[e.toUpperCase()] ?? "bg-gray-500" : "bg-gray-500";
+function Do(e) {
+	return e ? To[e.toUpperCase()] ?? "bg-gray-500" : "bg-gray-500";
 }
-function eo(e) {
+function Oo(e) {
 	let t = e ?? 0;
 	return t >= 200 && t < 300 ? "bg-emerald-600" : t >= 300 && t < 400 ? "bg-blue-600" : t >= 400 && t < 500 ? "bg-amber-600" : t >= 500 ? "bg-red-600" : "bg-gray-600";
 }
-function to(e, t) {
+function ko(e, t) {
 	let n = (e || "ANY").toUpperCase();
 	return n === "GET" ? t ? "bg-blue-500/15 text-blue-400" : "bg-blue-100 text-blue-700" : n === "POST" ? t ? "bg-emerald-500/15 text-emerald-400" : "bg-emerald-100 text-emerald-700" : n === "PUT" ? t ? "bg-amber-500/15 text-amber-400" : "bg-amber-100 text-amber-700" : n === "DELETE" ? t ? "bg-red-500/15 text-red-400" : "bg-red-100 text-red-700" : n === "PATCH" ? t ? "bg-purple-500/15 text-purple-400" : "bg-purple-100 text-purple-700" : n === "HEAD" ? t ? "bg-sky-500/15 text-sky-400" : "bg-sky-100 text-sky-700" : t ? "bg-gray-500/15 text-gray-400" : "bg-gray-100 text-gray-600";
 }
-function no(e, t) {
+function Ao(e, t) {
 	let n = e ?? 200;
 	return n >= 200 && n < 300 ? t ? "bg-emerald-500/15 text-emerald-300" : "bg-emerald-100 text-emerald-700" : n >= 300 && n < 400 ? t ? "bg-sky-500/15 text-sky-300" : "bg-sky-100 text-sky-700" : n >= 400 && n < 500 ? t ? "bg-amber-500/15 text-amber-300" : "bg-amber-100 text-amber-700" : n >= 500 && n < 600 ? t ? "bg-red-500/15 text-red-300" : "bg-red-100 text-red-700" : t ? "bg-gray-800 text-gray-400" : "bg-gray-100 text-gray-600";
 }
-function ro(e, t) {
+function jo(e, t) {
 	let n = e ?? 200;
 	return t ? n >= 200 && n < 300 ? "bg-green-500/15 text-green-400" : n >= 300 && n < 400 ? "bg-blue-500/15 text-blue-400" : n >= 400 && n < 500 ? "bg-yellow-500/15 text-yellow-400" : "bg-red-500/15 text-red-400" : n >= 200 && n < 300 ? "bg-green-100 text-green-800" : n >= 300 && n < 400 ? "bg-blue-100 text-blue-800" : n >= 400 && n < 500 ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800";
 }
 //#endregion
 //#region src/utils/kvRows.ts
-function io(e) {
+function Mo(e) {
 	return !(e.key ?? "").trim() || e.matcherType === "absent" ? !1 : !(e.value ?? "").trim();
 }
-function ao(e) {
+function No(e) {
 	return e.matcherType === "absent" || !(e.value ?? "").trim() ? !1 : !(e.key ?? "").trim();
 }
 //#endregion
 //#region src/utils/sanitizeHtml.ts
-var oo = /* @__PURE__ */ new Set([
+var Po = /* @__PURE__ */ new Set([
 	"A",
 	"B",
 	"STRONG",
@@ -3835,7 +4080,7 @@ var oo = /* @__PURE__ */ new Set([
 	"LI",
 	"SPAN",
 	"DIV"
-]), so = /* @__PURE__ */ new Set([
+]), Fo = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -3843,53 +4088,53 @@ var oo = /* @__PURE__ */ new Set([
 	"EMBED",
 	"NOSCRIPT",
 	"TEMPLATE"
-]), co = { A: /* @__PURE__ */ new Set(["href", "title"]) };
-function lo(e) {
+]), Io = { A: /* @__PURE__ */ new Set(["href", "title"]) };
+function Lo(e) {
 	let t = e.trim().toLowerCase();
 	return t.startsWith("http://") || t.startsWith("https://") || t.startsWith("mailto:") || t.startsWith("tel:") || t.startsWith("/") || t.startsWith("#") || t === "";
 }
-function uo(e) {
+function Ro(e) {
 	if (e.nodeType !== Node.ELEMENT_NODE) return;
 	let t = e, n = t.tagName.toUpperCase();
-	if (!oo.has(n)) {
-		so.has(n) ? t.remove() : t.replaceWith(document.createTextNode(t.textContent ?? ""));
+	if (!Po.has(n)) {
+		Fo.has(n) ? t.remove() : t.replaceWith(document.createTextNode(t.textContent ?? ""));
 		return;
 	}
-	let r = co[n] ?? /* @__PURE__ */ new Set();
+	let r = Io[n] ?? /* @__PURE__ */ new Set();
 	for (let e of Array.from(t.attributes)) {
 		if (!r.has(e.name.toLowerCase())) {
 			t.removeAttribute(e.name);
 			continue;
 		}
-		n === "A" && e.name.toLowerCase() === "href" && !lo(e.value) && t.removeAttribute(e.name);
+		n === "A" && e.name.toLowerCase() === "href" && !Lo(e.value) && t.removeAttribute(e.name);
 	}
 	n === "A" && t.hasAttribute("href") && (t.setAttribute("rel", "noopener noreferrer"), t.setAttribute("target", "_blank"));
-	for (let e of Array.from(t.childNodes)) uo(e);
+	for (let e of Array.from(t.childNodes)) Ro(e);
 }
-function fo(e) {
+function zo(e) {
 	if (!e) return "";
 	let t = new DOMParser().parseFromString(`<div>${e}</div>`, "text/html").body.firstElementChild;
 	if (!t) return "";
-	for (let e of Array.from(t.childNodes)) uo(e);
+	for (let e of Array.from(t.childNodes)) Ro(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/utils/format.ts
-var po = "—";
-function mo(e, t = 4) {
-	if (e == null || typeof e == "string" && e.trim() === "") return po;
+var Bo = "—";
+function Vo(e, t = 4) {
+	if (e == null || typeof e == "string" && e.trim() === "") return Bo;
 	let n = typeof e == "string" ? Number(e) : e;
 	return isFinite(n) ? n.toLocaleString(void 0, {
 		minimumFractionDigits: t,
 		maximumFractionDigits: t
-	}) : po;
+	}) : Bo;
 }
-function ho(e) {
-	if (e == null || e === "") return po;
+function Ho(e) {
+	if (e == null || e === "") return Bo;
 	let t = new Date(e);
 	return isNaN(t.getTime()) ? String(e) : t.toLocaleString();
 }
-function go(e) {
+function Uo(e) {
 	return new Date(e).toLocaleString(void 0, {
 		month: "short",
 		day: "numeric",
@@ -3897,13 +4142,13 @@ function go(e) {
 		minute: "2-digit"
 	});
 }
-function _o(e) {
+function Wo(e) {
 	return new Date(e).toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
 	});
 }
-function vo(e) {
+function Go(e) {
 	try {
 		return new Date(e).toLocaleString(void 0, {
 			year: "numeric",
@@ -3919,7 +4164,7 @@ function vo(e) {
 		return String(e);
 	}
 }
-function yo(e) {
+function Ko(e) {
 	if (!isFinite(e) || e === 0) return e.toFixed(2);
 	let t = Math.abs(e), n = 2;
 	return t < 1e-4 ? n = 8 : t < .01 ? n = 6 : t < 1 ? n = 4 : t < 100 && (n = 3), e.toLocaleString(void 0, {
@@ -3927,14 +4172,14 @@ function yo(e) {
 		maximumFractionDigits: n
 	});
 }
-function bo(e, t = 2) {
+function qo(e, t = 2) {
 	return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
 }
-function xo(e) {
+function Jo(e) {
 	return `${e < 0 ? "-" : "+"}$${Math.abs(e).toFixed(2)}`;
 }
-function So(e) {
-	if (e == null || e === "") return po;
+function Yo(e) {
+	if (e == null || e === "") return Bo;
 	let t = new Date(e);
 	return isNaN(t.getTime()) ? String(e) : t.toLocaleDateString("en-US", {
 		year: "numeric",
@@ -3942,8 +4187,8 @@ function So(e) {
 		day: "numeric"
 	});
 }
-function Co(e) {
-	if (e == null || e === "") return po;
+function Xo(e) {
+	if (e == null || e === "") return Bo;
 	let t = new Date(e);
 	return isNaN(t.getTime()) ? String(e) : t.toLocaleDateString("en-US", {
 		year: "numeric",
@@ -3953,22 +4198,22 @@ function Co(e) {
 		minute: "2-digit"
 	});
 }
-function wo(e) {
+function Zo(e) {
 	if (typeof e != "number" || !isFinite(e) || e <= 0) return "";
 	let t = e / 1e3, n = t < 1 ? 3 : 2;
 	return `= ${t.toFixed(n)} s`;
 }
-function To(e) {
+function Qo(e) {
 	return e ? e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB` : "";
 }
-function Eo(e) {
+function $o(e) {
 	try {
 		return JSON.stringify(JSON.parse(e), null, 2);
 	} catch {
 		return e;
 	}
 }
-function Do(e) {
+function es(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	try {
@@ -3977,14 +4222,14 @@ function Do(e) {
 		return String(e);
 	}
 }
-function Oo(e, t = 2) {
-	if (e == null || !isFinite(e)) return po;
+function ts(e, t = 2) {
+	if (e == null || !isFinite(e)) return Bo;
 	let n = Math.floor(Math.max(0, e) / 6e4), r = Math.floor(n / 1440), i = Math.floor(n % 1440 / 60), a = n % 60, o = [];
 	return r > 0 && o.push(`${r}d`), (r > 0 || i > 0) && o.push(`${i}h`), o.push(`${a}m`), o.slice(0, t).join(" ");
 }
 //#endregion
 //#region src/utils/validate.ts
-function ko(e) {
+function ns(e) {
 	let t = (e ?? "").trim();
 	if (!t) return !1;
 	try {
@@ -3994,7 +4239,7 @@ function ko(e) {
 		return !1;
 	}
 }
-function Ao(e) {
+function rs(e) {
 	if (!e.trim()) return !0;
 	try {
 		return JSON.parse(e), !0;
@@ -4002,7 +4247,7 @@ function Ao(e) {
 		return !1;
 	}
 }
-function jo(e) {
+function is(e) {
 	if (!e.trim()) return !0;
 	try {
 		return !new DOMParser().parseFromString(e, "application/xml").getElementsByTagName("parsererror").length;
@@ -4010,7 +4255,7 @@ function jo(e) {
 		return !1;
 	}
 }
-function Mo(e) {
+function as(e) {
 	if (!e.trim()) return !0;
 	let t = e.replace(/\s+/g, "");
 	if (!t) return !0;
@@ -4023,7 +4268,7 @@ function Mo(e) {
 }
 //#endregion
 //#region src/utils/specForm.ts
-function No(e, t) {
+function os(e, t) {
 	let n = {};
 	if (!e) return n;
 	for (let r of e) {
@@ -4032,7 +4277,7 @@ function No(e, t) {
 	}
 	return n;
 }
-function Po(e, t) {
+function ss(e, t) {
 	if (!e) return null;
 	for (let n of e) if (n.type === "decimal" || n.type === "integer") {
 		let e = t[n.key], r = e === "" || e == null;
@@ -4043,7 +4288,7 @@ function Po(e, t) {
 }
 //#endregion
 //#region src/utils/pnl.ts
-function Fo(e) {
+function cs(e) {
 	if (e.buyPrice == null || e.lastPrice == null || e.filledQty == null) return {
 		pnlUsd: null,
 		pnlPct: null
@@ -4058,4 +4303,4 @@ function Fo(e) {
 	};
 }
 //#endregion
-export { V as AlertEnum, xr as BaseActionButton, Le as BaseAlert, fr as BaseAppLayout, ze as BaseBadge, qa as BaseBadgeEnum, ma as BaseBarDistribution, Ue as BaseBreadcrumb, Qe as BaseButton, K as BaseButtonEnum, q as BaseButtonSizeEnum, Ma as BaseCard, Jr as BaseChipButton, ni as BaseCodeBlock, yn as BaseCollapsibleSection, Cn as BaseConfirmModal, Cr as BaseCopyButton, $i as BaseCredentialsForm, ha as BaseDateTimePicker, di as BaseDropdown, lr as BaseEntityPickerModal, La as BaseField, ti as BaseFileDropzone, Ii as BaseFilterChip, Dr as BaseGoogleSignInButton, ii as BaseInput, rt as BaseLine, it as BaseLoginEnum, zr as BaseLoginForm, Dt as BaseLogo, J as BaseLogoEnum, Pt as BaseModal, Ot as BaseModalEnum, gn as BaseModalShell, An as BaseNotFoundPage, Kr as BaseNotificationPanel, hr as BasePageHeader, la as BasePillPickerModal, Yr as BaseRemoveButton, Ft as BaseRow, wa as BaseSearchSelect, hi as BaseSegmentedControl, oi as BaseSelect, Xn as BaseSidebar, ji as BaseSpecFields, It as BaseSpinner, Pi as BaseStatBreakdown, Va as BaseStatCard, Qr as BaseStatusPill, Ci as BaseTable, Dn as BaseTextInputModal, zt as BaseToast, Y as BaseToastEnum, vr as BaseToolbarButton, Vt as ColoredSquares, G as ColorsEnums, Wt as EarningsCard, Yt as EuroAmount, $e as LineEnum, en as Pagination, X as PositioningEnum, on as TrendArrow, No as buildSpecParams, Fo as computePnL, Po as firstInvalidNumericSpec, To as fmtBytes, So as fmtCalendarDate, Co as fmtCalendarDateTime, ho as fmtDate, _o as fmtDateShort, go as fmtDateTime, vo as fmtDateTimeMs, Oo as fmtDuration, wo as fmtMsAsSeconds, mo as fmtNumber, bo as fmtPct, yo as fmtPrice, xo as fmtUsd, Eo as formatJson, Ja as getBaseColor, Ya as getBaseColorOf, Pe as initTheme, lo as isSafeHref, ko as isValidAbsoluteUrl, Mo as isValidBase64, Ao as isValidJson, jo as isValidXml, $a as methodBadgeBright, Qa as methodBadgeSolid, to as methodBadgeTinted, ao as rowKeyMissing, io as rowValueMissing, fo as sanitizeHtml, no as statusBadgeSoft, eo as statusBadgeSolid, ro as statusBadgeTinted, Do as stringifyValue, Ha as useDebouncedRef, sn as useEscapeKey, Ga as useFieldClasses, Mn as useMobileSidebar, zn as useNotifications, Ka as usePolling, Wa as useQueryParamSync, In as useSidebarCollapse, W as useTheme, Z as useThemeClasses, Ua as useToast };
+export { B as AlertEnum, Cr as BaseActionButton, ze as BaseAlert, pr as BaseAppLayout, so as BaseAuthLayout, Ve as BaseBadge, xo as BaseBadgeEnum, ga as BaseBarDistribution, uo as BaseBooleanBadge, Ge as BaseBreadcrumb, q as BaseButton, G as BaseButtonEnum, K as BaseButtonSizeEnum, Pa as BaseCard, Ya as BaseCheckbox, Xr as BaseChipButton, ii as BaseCodeBlock, bn as BaseCollapsibleSection, wn as BaseConfirmModal, Tr as BaseCopyButton, ta as BaseCredentialsForm, _a as BaseDateTimePicker, ho as BaseDetailList, pi as BaseDropdown, ur as BaseEntityPickerModal, za as BaseField, ri as BaseFileDropzone, Ri as BaseFilterChip, kr as BaseGoogleSignInButton, oi as BaseInput, it as BaseLine, at as BaseLoginEnum, Vr as BaseLoginForm, Ot as BaseLogo, J as BaseLogoEnum, Ft as BaseModal, kt as BaseModalEnum, _n as BaseModalShell, jn as BaseNotFoundPage, Jr as BaseNotificationPanel, _r as BasePageHeader, da as BasePillPickerModal, Zr as BaseRemoveButton, It as BaseRow, Ea as BaseSearchSelect, _i as BaseSegmentedControl, ci as BaseSelect, Zn as BaseSidebar, to as BaseSidebarUser, Ni as BaseSpecFields, Lt as BaseSpinner, Ii as BaseStatBreakdown, Ua as BaseStatCard, ei as BaseStatusPill, Ti as BaseTable, On as BaseTextInputModal, Bt as BaseToast, Y as BaseToastEnum, Ka as BaseToggle, br as BaseToolbarButton, Ht as ColoredSquares, W as ColorsEnums, Gt as EarningsCard, Xt as EuroAmount, et as LineEnum, tn as Pagination, X as PositioningEnum, sn as TrendArrow, os as buildSpecParams, cs as computePnL, ss as firstInvalidNumericSpec, Qo as fmtBytes, Yo as fmtCalendarDate, Xo as fmtCalendarDateTime, Ho as fmtDate, Wo as fmtDateShort, Uo as fmtDateTime, Go as fmtDateTimeMs, ts as fmtDuration, Zo as fmtMsAsSeconds, Vo as fmtNumber, qo as fmtPct, Ko as fmtPrice, Jo as fmtUsd, $o as formatJson, So as getBaseColor, Co as getBaseColorOf, Ie as initTheme, Lo as isSafeHref, ns as isValidAbsoluteUrl, as as isValidBase64, rs as isValidJson, is as isValidXml, Do as methodBadgeBright, Eo as methodBadgeSolid, ko as methodBadgeTinted, No as rowKeyMissing, Mo as rowValueMissing, zo as sanitizeHtml, Ao as statusBadgeSoft, Oo as statusBadgeSolid, jo as statusBadgeTinted, es as stringifyValue, go as useDebouncedRef, cn as useEscapeKey, yo as useFieldClasses, Nn as useMobileSidebar, Bn as useNotifications, bo as usePolling, vo as useQueryParamSync, Ln as useSidebarCollapse, U as useTheme, Z as useThemeClasses, _o as useToast };