@rpcbase/ui 0.208.0 → 0.209.0

package/dist/index312.js

@@ -1,335 +1,272 @@
 import { cn as e } from "./index12.js";
-import { Content2 as t, Item2 as n, Portal2 as r, Root2 as i, Trigger as a } from "./index311.js";
-import { c as o } from "react/compiler-runtime";
-import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Loader2 as h, MoreVertical as g, X as _ } from "lucide-react";
-import * as v from "@radix-ui/react-dialog";
-//#region src/components/Notifications/NotificationsDrawer.tsx
-var y = (e) => {
-	let t = Date.parse(e);
-	return Number.isFinite(t) ? t : 0;
-}, b = (e) => {
-	let t = new Date(y(e));
-	return Number.isFinite(t.getTime()) ? `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}` : "unknown";
-}, x = (e) => {
-	if (e === "unknown") return "Unknown date";
-	let [t, n, r] = e.split("-"), i = Number(t), a = Number(n), o = Number(r);
-	if (!Number.isFinite(i) || !Number.isFinite(a) || !Number.isFinite(o)) return "Unknown date";
-	let s = new Date(i, a - 1, o);
-	if (!Number.isFinite(s.getTime())) return "Unknown date";
-	let c = (/* @__PURE__ */ new Date()).getFullYear() !== i;
-	return s.toLocaleDateString(void 0, c ? {
-		weekday: "short",
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	} : {
-		weekday: "short",
-		month: "short",
-		day: "numeric"
-	});
-}, S = (e) => {
-	let t = [], n = null;
-	for (let r of e) {
-		let e = b(r.createdAt);
-		e !== n && (n = e, t.push({
-			key: e,
-			label: x(e),
-			items: []
-		})), t[t.length - 1].items.push(r);
+import { useEffect as t, useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Loader2 as o } from "lucide-react";
+//#region src/components/Notifications/NotificationsSettings.tsx
+var s = [
+	{
+		value: "off",
+		label: "Off"
+	},
+	{
+		value: "daily",
+		label: "Daily"
+	},
+	{
+		value: "weekly",
+		label: "Weekly"
 	}
-	return t;
-}, C = s(null);
-function w({ open: t, onOpenChange: n, className: r, limit: i = 50, defaultUnreadOnly: a = !1, realtimeContext: o }) {
-	let s = l(o ?? C), [g, y] = f([]), [b, x] = f(0), [w, E] = f(0), [D, O] = f(!1), [k, A] = f(null), [j, M] = f(a), N = s?.notifications ?? g, P = s?.unreadCount ?? b, F = s?.unseenCount ?? w, I = s?.loading ?? D, L = s?.error ? s.error instanceof Error ? s.error.message : String(s.error) : k, R = d(() => N.slice(0, i), [i, N]), z = d(() => R.filter((e) => !e.readAt), [R]), B = d(() => R.filter((e) => !!e.readAt), [R]), V = d(() => S(z), [z]), H = d(() => S(B), [B]), U = c(async ({ unreadOnly: e, markSeen: t }) => {
-		O(!0), A(null);
+], c = (e) => {
+	let t = e?.digestFrequency;
+	return {
+		digestFrequency: t === "off" || t === "daily" || t === "weekly" ? t : "weekly",
+		topicPreferences: Array.isArray(e?.topicPreferences) ? e.topicPreferences.map((e) => ({
+			topic: typeof e.topic == "string" ? e.topic.trim() : "",
+			inApp: e.inApp === !0,
+			emailDigest: e.emailDigest === !0,
+			push: e.push === !0
+		})).filter((e) => e.topic.length > 0) : [],
+		...typeof e?.lastDigestSentAt == "string" ? { lastDigestSentAt: e.lastDigestSentAt } : {}
+	};
+}, l = (e) => {
+	if (!Array.isArray(e)) return [];
+	let t = /* @__PURE__ */ new Set();
+	return e.map((e) => ({
+		topic: typeof e.topic == "string" ? e.topic.trim() : "",
+		title: typeof e.title == "string" ? e.title.trim() : "",
+		description: typeof e.description == "string" ? e.description.trim() : void 0
+	})).filter((e) => e.topic.length > 0).filter((e) => t.has(e.topic) ? !1 : (t.add(e.topic), !0));
+}, u = (e, t) => {
+	let n = {
+		topic: "",
+		inApp: !0,
+		emailDigest: !0,
+		push: !1
+	}, r = new Map(e.topicPreferences.map((e) => [e.topic, e]));
+	return {
+		...e,
+		topicPreferences: t.map((e) => {
+			let t = r.get(e.topic);
+			return t ? {
+				topic: e.topic,
+				inApp: t.inApp === !0,
+				emailDigest: t.emailDigest === !0,
+				push: t.push === !0
+			} : {
+				...n,
+				topic: e.topic
+			};
+		})
+	};
+};
+function d({ className: d, topics: f }) {
+	let [p, m] = r(!0), [h, g] = r(!1), [_, v] = r(null), [y, b] = r(() => c({
+		digestFrequency: "weekly",
+		topicPreferences: []
+	})), x = n(() => l(f), [f]), S = async () => {
+		m(!0), v(null);
 		try {
-			let n = await fetch("/api/rb/notifications", {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				credentials: "include",
-				body: JSON.stringify({
-					limit: i,
-					unreadOnly: e,
-					markSeen: t
-				})
-			}), r = await n.json().catch(() => null);
-			if (!n.ok || !r?.ok) {
-				A(r?.error || "Unable to load notifications.");
+			let e = await fetch("/api/rb/notifications/settings", {
+				method: "GET",
+				credentials: "include"
+			}), t = await e.json().catch(() => null);
+			if (!e.ok || !t?.ok) {
+				v(t?.error || "Unable to load notification settings.");
 				return;
 			}
-			y(Array.isArray(r.notifications) ? r.notifications : []), x(Number.isFinite(r.unreadCount) ? Math.max(0, Math.floor(r.unreadCount ?? 0)) : 0), E(Number.isFinite(r.unseenCount) ? Math.max(0, Math.floor(r.unseenCount ?? 0)) : 0);
+			let n = c(t.settings);
+			b(x.length > 0 ? u(n, x) : n);
 		} catch {
-			A("Unable to load notifications.");
+			v("Unable to load notification settings.");
 		} finally {
-			O(!1);
-		}
-	}, [i]);
-	u(() => {
-		if (t) {
-			if (s) {
-				(async () => {
-					try {
-						await fetch("/api/rb/notifications", {
-							method: "POST",
-							headers: { "Content-Type": "application/json" },
-							credentials: "include",
-							keepalive: !0,
-							body: JSON.stringify({
-								limit: 1,
-								markSeen: !0
-							})
-						});
-					} catch {
-						return;
-					}
-				})();
-				return;
-			}
-			U({
-				unreadOnly: j,
-				markSeen: !0
-			});
-		}
-	}, [
-		t,
-		s,
-		U,
-		j
-	]), u(() => {
-		t && (s || U({
-			unreadOnly: j,
-			markSeen: !1
-		}));
-	}, [
-		t,
-		s,
-		U,
-		j
-	]);
-	let W = async (e) => {
-		try {
-			let t = await fetch(`/api/rb/notifications/${encodeURIComponent(e)}/read`, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				credentials: "include",
-				keepalive: !0,
-				body: "{}"
-			}), n = await t.json().catch(() => null);
-			if (!t.ok || !n?.ok) return;
-			let r = (/* @__PURE__ */ new Date()).toISOString();
-			if (s) return;
-			y((t) => {
-				let n = t.find((t) => t.id === e);
-				return n && !n.readAt && x((e) => Math.max(0, e - 1)), n && !n.seenAt && E((e) => Math.max(0, e - 1)), t.map((t) => t.id === e && !t.readAt ? {
-					...t,
-					readAt: r,
-					...t.seenAt ? {} : { seenAt: r }
-				} : t);
-			});
-		} catch {
-			return;
+			m(!1);
 		}
-	}, G = async (e) => {
+	}, C = async (e) => {
+		g(!0), v(null);
 		try {
-			let t = await fetch(`/api/rb/notifications/${encodeURIComponent(e)}/archive`, {
-				method: "POST",
+			let t = await fetch("/api/rb/notifications/settings", {
+				method: "PUT",
 				headers: { "Content-Type": "application/json" },
 				credentials: "include",
-				body: "{}"
+				body: JSON.stringify({
+					digestFrequency: e.digestFrequency,
+					topicPreferences: e.topicPreferences
+				})
 			}), n = await t.json().catch(() => null);
-			if (!t.ok || !n?.ok || s) return;
-			y((t) => {
-				let n = t.find((t) => t.id === e);
-				return n && !n.readAt && x((e) => Math.max(0, e - 1)), n && !n.seenAt && E((e) => Math.max(0, e - 1)), t.filter((t) => t.id !== e);
-			});
+			if (!t.ok || !n?.ok) {
+				v(n?.error || "Unable to save notification settings.");
+				return;
+			}
+			let r = c(n.settings);
+			b(x.length > 0 ? u(r, x) : r);
 		} catch {
-			return;
+			v("Unable to save notification settings.");
+		} finally {
+			g(!1);
 		}
 	};
-	return /* @__PURE__ */ p(v.Root, {
-		open: t,
-		onOpenChange: n,
-		children: /* @__PURE__ */ m(v.Portal, { children: [/* @__PURE__ */ p(v.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }), /* @__PURE__ */ m(v.Content, {
-			className: e("fixed right-0 top-0 z-50 flex h-full w-full max-w-md flex-col border-l bg-background shadow-xl outline-none", r),
-			children: [/* @__PURE__ */ m("header", {
-				className: "flex items-center justify-between gap-2 border-b px-4 py-3",
-				children: [/* @__PURE__ */ m("div", {
-					className: "flex min-w-0 flex-col",
-					children: [/* @__PURE__ */ p(v.Title, {
-						className: "text-sm font-semibold",
-						children: "Notifications"
-					}), /* @__PURE__ */ p("span", {
-						className: "text-xs text-muted-foreground",
-						children: P > 0 ? `${P} unread` : F > 0 ? `${F} new` : "All caught up"
-					})]
-				}), /* @__PURE__ */ m("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => M((e) => !e),
-						className: e("rounded-md border px-2 py-1 text-xs", j ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"),
-						children: j ? "Unread" : "All"
-					}), /* @__PURE__ */ p(v.Close, {
-						asChild: !0,
-						children: /* @__PURE__ */ p("button", {
-							type: "button",
-							className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent",
-							children: /* @__PURE__ */ p(_, { className: "h-4 w-4" })
-						})
-					})]
-				})]
-			}), /* @__PURE__ */ p("div", {
-				className: "flex-1 overflow-y-auto px-4 pb-3",
-				children: I ? /* @__PURE__ */ p("div", {
-					className: "flex items-center justify-center py-10 text-muted-foreground",
-					children: /* @__PURE__ */ p(h, { className: "h-4 w-4 animate-spin" })
-				}) : L ? /* @__PURE__ */ p("div", {
-					className: "py-10 text-center text-sm text-muted-foreground",
-					children: L
-				}) : R.length === 0 ? /* @__PURE__ */ p("div", {
-					className: "py-10 text-center text-sm text-muted-foreground",
-					children: "No notifications."
-				}) : /* @__PURE__ */ m("div", {
-					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-						className: "sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground",
-						children: "Unread notifications"
-					}), V.length === 0 ? /* @__PURE__ */ p("div", {
-						className: "py-6 text-center text-sm text-muted-foreground",
-						children: "No unread notifications."
-					}) : V.map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-						className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground",
-						children: e.label
-					}), /* @__PURE__ */ p("div", {
-						className: "-mx-4 flex flex-col divide-y divide-border",
-						children: e.items.map((e) => /* @__PURE__ */ p(T, {
-							notification: e,
-							onMarkRead: W,
-							onArchive: G
-						}, e.id))
-					})] }, `unread:${e.key}`))] }), j ? null : /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-						className: "sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground",
-						children: "Previous notifications"
-					}), H.length === 0 ? /* @__PURE__ */ p("div", {
-						className: "py-6 text-center text-sm text-muted-foreground",
-						children: "No previous notifications."
-					}) : H.map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-						className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground",
+	t(() => {
+		S();
+	}, []), t(() => {
+		x.length !== 0 && b((e) => u(e, x));
+	}, [x]);
+	let w = (e, t) => {
+		let n = y.topicPreferences.some((t) => t.topic === e) ? y.topicPreferences.map((n) => n.topic === e ? t(n) : n) : [...y.topicPreferences, t({
+			topic: e,
+			inApp: !0,
+			emailDigest: !0,
+			push: !1
+		})], r = c({
+			...y,
+			topicPreferences: n
+		});
+		b(r), C(r);
+	};
+	return p ? /* @__PURE__ */ i("div", {
+		className: e("flex items-center justify-center py-10 text-muted-foreground", d),
+		children: /* @__PURE__ */ i(o, { className: "h-4 w-4 animate-spin" })
+	}) : /* @__PURE__ */ a("div", {
+		className: e("space-y-4", d),
+		children: [/* @__PURE__ */ i("div", {
+			className: "rounded-md border bg-background p-4",
+			children: /* @__PURE__ */ a("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("div", {
+					className: "text-sm font-semibold",
+					children: "Email digest"
+				}), /* @__PURE__ */ i("div", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: "Choose how often we email you a summary."
+				})] }), /* @__PURE__ */ i("select", {
+					value: y.digestFrequency,
+					onChange: (e) => {
+						let t = e.target.value, n = c({
+							...y,
+							digestFrequency: t
+						});
+						b(n), C(n);
+					},
+					className: "h-9 rounded-md border bg-background px-2 text-sm",
+					children: s.map((e) => /* @__PURE__ */ i("option", {
+						value: e.value,
 						children: e.label
-					}), /* @__PURE__ */ p("div", {
-						className: "-mx-4 flex flex-col divide-y divide-border",
-						children: e.items.map((e) => /* @__PURE__ */ p(T, {
-							notification: e,
-							onMarkRead: W,
-							onArchive: G
-						}, e.id))
-					})] }, `previous:${e.key}`))] })]
-				})
-			})]
-		})] })
+					}, e.value))
+				})]
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "rounded-md border bg-background p-4",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "flex items-start justify-between gap-3",
+					children: /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("div", {
+						className: "text-sm font-semibold",
+						children: "Topics"
+					}), /* @__PURE__ */ i("div", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: "Choose where you receive each topic."
+					})] })
+				}),
+				x.length === 0 ? /* @__PURE__ */ i("div", {
+					className: "mt-4 text-sm text-muted-foreground",
+					children: "No topics configured."
+				}) : /* @__PURE__ */ i("div", {
+					className: "mt-4 overflow-x-auto",
+					children: /* @__PURE__ */ a("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ a("tr", {
+							className: "text-left text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ i("th", {
+									className: "py-2 pr-4 font-medium",
+									children: "Topic"
+								}),
+								/* @__PURE__ */ i("th", {
+									className: "py-2 pr-4 font-medium",
+									children: "In-app"
+								}),
+								/* @__PURE__ */ i("th", {
+									className: "py-2 pr-4 font-medium",
+									children: "Email digest"
+								}),
+								/* @__PURE__ */ i("th", {
+									className: "py-2 pr-4 font-medium",
+									children: "Push"
+								})
+							]
+						}) }), /* @__PURE__ */ i("tbody", { children: y.topicPreferences.map((e) => {
+							let t = x.find((t) => t.topic === e.topic);
+							return /* @__PURE__ */ a("tr", {
+								className: "border-t align-top",
+								children: [
+									/* @__PURE__ */ i("td", {
+										className: "py-3 pr-4",
+										children: /* @__PURE__ */ a("div", {
+											className: "flex flex-col gap-1",
+											children: [
+												/* @__PURE__ */ i("span", {
+													className: "font-medium",
+													children: t?.title || e.topic
+												}),
+												t?.description ? /* @__PURE__ */ i("span", {
+													className: "text-xs text-muted-foreground",
+													children: t.description
+												}) : null,
+												/* @__PURE__ */ i("span", {
+													className: "text-[11px] text-muted-foreground",
+													children: e.topic
+												})
+											]
+										})
+									}),
+									/* @__PURE__ */ i("td", {
+										className: "py-3 pr-4",
+										children: /* @__PURE__ */ i("input", {
+											type: "checkbox",
+											checked: e.inApp,
+											onChange: (t) => w(e.topic, (e) => ({
+												...e,
+												inApp: t.target.checked
+											}))
+										})
+									}),
+									/* @__PURE__ */ i("td", {
+										className: "py-3 pr-4",
+										children: /* @__PURE__ */ i("input", {
+											type: "checkbox",
+											checked: e.emailDigest,
+											onChange: (t) => w(e.topic, (e) => ({
+												...e,
+												emailDigest: t.target.checked
+											}))
+										})
+									}),
+									/* @__PURE__ */ i("td", {
+										className: "py-3 pr-4",
+										children: /* @__PURE__ */ i("input", {
+											type: "checkbox",
+											checked: e.push,
+											disabled: !0,
+											className: "opacity-50",
+											"aria-label": "Push notifications (coming soon)"
+										})
+									})
+								]
+							}, e.topic);
+						}) })]
+					})
+				}),
+				_ ? /* @__PURE__ */ i("div", {
+					className: "mt-3 text-sm text-destructive",
+					children: _
+				}) : h ? /* @__PURE__ */ i("div", {
+					className: "mt-3 text-xs text-muted-foreground",
+					children: "Saving…"
+				}) : null
+			]
+		})]
 	});
 }
-function T(s) {
-	let c = o(43), { notification: l, onMarkRead: u, onArchive: d } = s, f = !l.readAt, h;
-	if (c[0] !== l.createdAt) {
-		bb0: {
-			let e = new Date(y(l.createdAt));
-			if (!Number.isFinite(e.getTime())) {
-				h = "";
-				break bb0;
-			}
-			h = e.toLocaleString();
-		}
-		c[0] = l.createdAt, c[1] = h;
-	} else h = c[1];
-	let _ = h, v = f ? "bg-primary/5" : "bg-background", b;
-	c[2] === v ? b = c[3] : (b = e("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", v), c[2] = v, c[3] = b);
-	let x;
-	c[4] !== f || c[5] !== l.id || c[6] !== l.url || c[7] !== u ? (x = () => {
-		f && u(l.id), l.url && (window.location.href = l.url);
-	}, c[4] = f, c[5] = l.id, c[6] = l.url, c[7] = u, c[8] = x) : x = c[8];
-	let S;
-	c[9] === l.title ? S = c[10] : (S = /* @__PURE__ */ p("div", {
-		className: "truncate text-sm font-semibold",
-		children: l.title
-	}), c[9] = l.title, c[10] = S);
-	let C;
-	c[11] === l.body ? C = c[12] : (C = l.body ? /* @__PURE__ */ p("div", {
-		className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground",
-		children: l.body
-	}) : null, c[11] = l.body, c[12] = C);
-	let w;
-	c[13] !== S || c[14] !== C ? (w = /* @__PURE__ */ m("div", {
-		className: "min-w-0",
-		children: [S, C]
-	}), c[13] = S, c[14] = C, c[15] = w) : w = c[15];
-	let T;
-	c[16] === l.url ? T = c[17] : (T = l.url ? /* @__PURE__ */ p("div", {
-		className: "mt-2 truncate text-xs text-primary",
-		children: l.url
-	}) : null, c[16] = l.url, c[17] = T);
-	let E;
-	c[18] === _ ? E = c[19] : (E = _ ? /* @__PURE__ */ p("div", {
-		className: "mt-2 text-[11px] text-muted-foreground",
-		children: _
-	}) : null, c[18] = _, c[19] = E);
-	let D;
-	c[20] !== x || c[21] !== w || c[22] !== T || c[23] !== E ? (D = /* @__PURE__ */ m("button", {
-		type: "button",
-		className: "min-w-0 flex-1 text-left",
-		onClick: x,
-		children: [
-			w,
-			T,
-			E
-		]
-	}), c[20] = x, c[21] = w, c[22] = T, c[23] = E, c[24] = D) : D = c[24];
-	let O;
-	c[25] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ p(a, {
-		asChild: !0,
-		children: /* @__PURE__ */ p("button", {
-			type: "button",
-			className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent",
-			"aria-label": "Notification options",
-			children: /* @__PURE__ */ p(g, { className: "h-4 w-4" })
-		})
-	}), c[25] = O) : O = c[25];
-	let k;
-	c[26] === Symbol.for("react.memo_cache_sentinel") ? (k = e("z-50 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"), c[26] = k) : k = c[26];
-	let A;
-	c[27] !== l.id || c[28] !== d ? (A = /* @__PURE__ */ p(n, {
-		className: "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		onSelect: () => d(l.id),
-		children: "Archive"
-	}), c[27] = l.id, c[28] = d, c[29] = A) : A = c[29];
-	let j = !f, M;
-	c[30] !== l.id || c[31] !== u ? (M = () => u(l.id), c[30] = l.id, c[31] = u, c[32] = M) : M = c[32];
-	let N;
-	c[33] !== j || c[34] !== M ? (N = /* @__PURE__ */ p(n, {
-		className: "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		disabled: j,
-		onSelect: M,
-		children: "Mark as read"
-	}), c[33] = j, c[34] = M, c[35] = N) : N = c[35];
-	let P;
-	c[36] !== A || c[37] !== N ? (P = /* @__PURE__ */ p("div", {
-		className: "flex items-start",
-		children: /* @__PURE__ */ m(i, { children: [O, /* @__PURE__ */ p(r, { children: /* @__PURE__ */ m(t, {
-			align: "end",
-			sideOffset: 6,
-			className: k,
-			children: [A, N]
-		}) })] })
-	}), c[36] = A, c[37] = N, c[38] = P) : P = c[38];
-	let F;
-	return c[39] !== D || c[40] !== P || c[41] !== b ? (F = /* @__PURE__ */ m("div", {
-		className: b,
-		children: [D, P]
-	}), c[39] = D, c[40] = P, c[41] = b, c[42] = F) : F = c[42], F;
-}
 //#endregion
-export { w as NotificationsDrawer };
+export { d as NotificationsSettings };
 
 //# sourceMappingURL=index312.js.map