@rpcbase/ui 0.208.0 → 0.209.0

package/dist/index311.js

@@ -1,214 +1,335 @@
-"use client";
-import { composeEventHandlers as e } from "./index17.js";
-import { composeRefs as t } from "./index18.js";
-import { Primitive as n } from "./index20.js";
-import { createContextScope as r } from "./index199.js";
-import { useId as i } from "./index206.js";
-import { useControllableState as a } from "./index217.js";
-import { Anchor2 as o, Arrow2 as s, CheckboxItem as c, Content2 as l, Group as u, Item2 as d, ItemIndicator as f, Label as p, Portal as m, RadioGroup as h, RadioItem as g, Root3 as _, Separator as v, SubContent as y, SubTrigger as b, createMenuScope as x } from "./index310.js";
-import * as S from "react";
-import { jsx as C } from "react/jsx-runtime";
-//#region ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-var w = "DropdownMenu", [T, ee] = r(w, [x]), E = x(), [D, O] = T(w), k = (e) => {
-	let { __scopeDropdownMenu: t, children: n, dir: r, open: o, defaultOpen: s, onOpenChange: c, modal: l = !0 } = e, u = E(t), d = S.useRef(null), [f, p] = a({
-		prop: o,
-		defaultProp: s ?? !1,
-		onChange: c,
-		caller: w
+import { cn as e } from "./index12.js";
+import { Content2 as t, Item2 as n, Portal2 as r, Root2 as i, Trigger as a } from "./index310.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"
 	});
-	return /* @__PURE__ */ C(D, {
-		scope: t,
-		triggerId: i(),
-		triggerRef: d,
-		contentId: i(),
-		open: f,
-		onOpenChange: p,
-		onOpenToggle: S.useCallback(() => p((e) => !e), [p]),
-		modal: l,
-		children: /* @__PURE__ */ C(_, {
-			...u,
-			open: f,
-			onOpenChange: p,
-			dir: r,
-			modal: l,
-			children: n
-		})
+}, 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);
+	}
+	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);
+		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.");
+				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);
+		} catch {
+			A("Unable to load notifications.");
+		} 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;
+		}
+	}, G = async (e) => {
+		try {
+			let t = await fetch(`/api/rb/notifications/${encodeURIComponent(e)}/archive`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				credentials: "include",
+				body: "{}"
+			}), 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);
+			});
+		} catch {
+			return;
+		}
+	};
+	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",
+						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}`))] })]
+				})
+			})]
+		})] })
 	});
-};
-k.displayName = w;
-var A = "DropdownMenuTrigger", j = S.forwardRef((r, i) => {
-	let { __scopeDropdownMenu: a, disabled: s = !1, ...c } = r, l = O(A, a);
-	return /* @__PURE__ */ C(o, {
+}
+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,
-		...E(a),
-		children: /* @__PURE__ */ C(n.button, {
+		children: /* @__PURE__ */ p("button", {
 			type: "button",
-			id: l.triggerId,
-			"aria-haspopup": "menu",
-			"aria-expanded": l.open,
-			"aria-controls": l.open ? l.contentId : void 0,
-			"data-state": l.open ? "open" : "closed",
-			"data-disabled": s ? "" : void 0,
-			disabled: s,
-			...c,
-			ref: t(i, l.triggerRef),
-			onPointerDown: e(r.onPointerDown, (e) => {
-				!s && e.button === 0 && e.ctrlKey === !1 && (l.onOpenToggle(), l.open || e.preventDefault());
-			}),
-			onKeyDown: e(r.onKeyDown, (e) => {
-				s || (["Enter", " "].includes(e.key) && l.onOpenToggle(), e.key === "ArrowDown" && l.onOpenChange(!0), [
-					"Enter",
-					" ",
-					"ArrowDown"
-				].includes(e.key) && e.preventDefault());
-			})
+			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" })
 		})
-	});
-});
-j.displayName = A;
-var M = "DropdownMenuPortal", N = (e) => {
-	let { __scopeDropdownMenu: t, ...n } = e;
-	return /* @__PURE__ */ C(m, {
-		...E(t),
-		...n
-	});
-};
-N.displayName = M;
-var P = "DropdownMenuContent", F = S.forwardRef((t, n) => {
-	let { __scopeDropdownMenu: r, ...i } = t, a = O(P, r), o = E(r), s = S.useRef(!1);
-	return /* @__PURE__ */ C(l, {
-		id: a.contentId,
-		"aria-labelledby": a.triggerId,
-		...o,
-		...i,
-		ref: n,
-		onCloseAutoFocus: e(t.onCloseAutoFocus, (e) => {
-			s.current || a.triggerRef.current?.focus(), s.current = !1, e.preventDefault();
-		}),
-		onInteractOutside: e(t.onInteractOutside, (e) => {
-			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0, r = t.button === 2 || n;
-			(!a.modal || r) && (s.current = !0);
-		}),
-		style: {
-			...t.style,
-			"--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-			"--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-			"--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-			"--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-			"--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-		}
-	});
-});
-F.displayName = P;
-var I = "DropdownMenuGroup", L = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(u, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-L.displayName = I;
-var R = "DropdownMenuLabel", z = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(p, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-z.displayName = R;
-var B = "DropdownMenuItem", V = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(d, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-V.displayName = B;
-var H = "DropdownMenuCheckboxItem", te = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(c, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-te.displayName = H;
-var U = "DropdownMenuRadioGroup", W = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(h, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-W.displayName = U;
-var G = "DropdownMenuRadioItem", K = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(g, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-K.displayName = G;
-var q = "DropdownMenuItemIndicator", J = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(f, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-J.displayName = q;
-var Y = "DropdownMenuSeparator", X = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(v, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-X.displayName = Y;
-var Z = "DropdownMenuArrow", Q = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(s, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-Q.displayName = Z;
-var $ = "DropdownMenuSubTrigger", ne = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(b, {
-		...E(n),
-		...r,
-		ref: t
-	});
-});
-ne.displayName = $;
-var re = "DropdownMenuSubContent", ie = S.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ C(y, {
-		...E(n),
-		...r,
-		ref: t,
-		style: {
-			...e.style,
-			"--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-			"--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-			"--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-			"--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-			"--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-		}
-	});
-});
-ie.displayName = re;
-var ae = k, oe = j, se = N, ce = F, le = V;
+	}), 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 { ce as Content2, le as Item2, se as Portal2, ae as Root2, oe as Trigger };
+export { w as NotificationsDrawer };
 
 //# sourceMappingURL=index311.js.map