@rpcbase/ui 0.207.0 → 0.209.0

package/dist/index309.js

@@ -1,335 +1,565 @@
-import { cn as e } from "./index12.js";
-import { Content2 as t, Item2 as n, Portal2 as r, Root2 as i, Trigger as a } from "./index308.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"
+"use client";
+import { composeEventHandlers as e } from "./index17.js";
+import { composeRefs as t, useComposedRefs as n } from "./index18.js";
+import { Primitive as r, dispatchDiscreteCustomEvent as i } from "./index20.js";
+import { useCallbackRef as a } from "./index21.js";
+import { DismissableLayer as o } from "./index23.js";
+import { createContextScope as s } from "./index198.js";
+import { createCollection as c } from "./index200.js";
+import { useDirection as l } from "./index201.js";
+import { useFocusGuards as u } from "./index202.js";
+import { FocusScope as d } from "./index203.js";
+import { useId as f } from "./index205.js";
+import { Anchor as p, Arrow as m, Content as ee, Root2 as h, createPopperScope as g } from "./index213.js";
+import { Portal as _ } from "./index214.js";
+import { hideOthers as te } from "./index219.js";
+import ne from "./index241.js";
+import { Presence as v } from "./index306.js";
+import { Item as y, Root as re, createRovingFocusGroupScope as b } from "./index307.js";
+import { createSlot as x } from "./index308.js";
+import * as S from "react";
+import { jsx as C } from "react/jsx-runtime";
+//#region ../../node_modules/@radix-ui/react-menu/dist/index.mjs
+var w = ["Enter", " "], T = [
+	"ArrowDown",
+	"PageUp",
+	"Home"
+], ie = [
+	"ArrowUp",
+	"PageDown",
+	"End"
+], ae = [...T, ...ie], E = {
+	ltr: [...w, "ArrowRight"],
+	rtl: [...w, "ArrowLeft"]
+}, oe = {
+	ltr: ["ArrowLeft"],
+	rtl: ["ArrowRight"]
+}, D = "Menu", [O, se, ce] = c(D), [k, A] = s(D, [
+	ce,
+	g,
+	b
+]), j = g(), le = b(), [M, N] = k(D), [P, F] = k(D), I = (e) => {
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: o, modal: s = !0 } = e, c = j(t), [u, d] = S.useState(null), f = S.useRef(!1), p = a(o), m = l(i);
+	return S.useEffect(() => {
+		let e = () => {
+			f.current = !0, document.addEventListener("pointerdown", t, {
+				capture: !0,
+				once: !0
+			}), document.addEventListener("pointermove", t, {
+				capture: !0,
+				once: !0
+			});
+		}, t = () => f.current = !1;
+		return document.addEventListener("keydown", e, { capture: !0 }), () => {
+			document.removeEventListener("keydown", e, { capture: !0 }), document.removeEventListener("pointerdown", t, { capture: !0 }), document.removeEventListener("pointermove", t, { capture: !0 });
+		};
+	}, []), /* @__PURE__ */ C(h, {
+		...c,
+		children: /* @__PURE__ */ C(M, {
+			scope: t,
+			open: n,
+			onOpenChange: p,
+			content: u,
+			onContentChange: d,
+			children: /* @__PURE__ */ C(P, {
+				scope: t,
+				onClose: S.useCallback(() => p(!1), [p]),
+				isUsingKeyboardRef: f,
+				dir: m,
+				modal: s,
+				children: r
+			})
+		})
 	});
-}, 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
+};
+I.displayName = D;
+var L = "MenuAnchor", R = S.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ C(p, {
+		...j(n),
+		...r,
+		ref: t
+	});
+});
+R.displayName = L;
+var z = "MenuPortal", [ue, B] = k(z, { forceMount: void 0 }), de = (e) => {
+	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = N(z, t);
+	return /* @__PURE__ */ C(ue, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ C(v, {
+			present: n || a.open,
+			children: /* @__PURE__ */ C(_, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+de.displayName = z;
+var V = "MenuContent", [fe, H] = k(V), U = S.forwardRef((e, t) => {
+	let n = B(V, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = N(V, e.__scopeMenu), o = F(V, e.__scopeMenu);
+	return /* @__PURE__ */ C(O.Provider, {
+		scope: e.__scopeMenu,
+		children: /* @__PURE__ */ C(v, {
+			present: r || a.open,
+			children: /* @__PURE__ */ C(O.Slot, {
+				scope: e.__scopeMenu,
+				children: o.modal ? /* @__PURE__ */ C(pe, {
+					...i,
+					ref: t
+				}) : /* @__PURE__ */ C(me, {
+					...i,
+					ref: 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;
-		}
+			})
+		})
+	});
+}), pe = S.forwardRef((t, r) => {
+	let i = N(V, t.__scopeMenu), a = S.useRef(null), o = n(r, a);
+	return S.useEffect(() => {
+		let e = a.current;
+		if (e) return te(e);
+	}, []), /* @__PURE__ */ C(W, {
+		...t,
+		ref: o,
+		trapFocus: i.open,
+		disableOutsidePointerEvents: i.open,
+		disableOutsideScroll: !0,
+		onFocusOutside: e(t.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
+		onDismiss: () => i.onOpenChange(!1)
+	});
+}), me = S.forwardRef((e, t) => {
+	let n = N(V, e.__scopeMenu);
+	return /* @__PURE__ */ C(W, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		disableOutsideScroll: !1,
+		onDismiss: () => n.onOpenChange(!1)
+	});
+}), he = x("MenuContent.ScrollLock"), W = S.forwardRef((t, r) => {
+	let { __scopeMenu: i, loop: a = !1, trapFocus: s, onOpenAutoFocus: c, onCloseAutoFocus: l, disableOutsidePointerEvents: f, onEntryFocus: p, onEscapeKeyDown: m, onPointerDownOutside: h, onFocusOutside: g, onInteractOutside: _, onDismiss: te, disableOutsideScroll: v, ...y } = t, b = N(V, i), x = F(V, i), w = j(i), T = le(i), E = se(i), [oe, D] = S.useState(null), O = S.useRef(null), ce = n(r, O, b.onContentChange), k = S.useRef(0), A = S.useRef(""), M = S.useRef(0), P = S.useRef(null), I = S.useRef("right"), L = S.useRef(0), R = v ? ne : S.Fragment, z = v ? {
+		as: he,
+		allowPinchZoom: !0
+	} : void 0, ue = (e) => {
+		let t = A.current + e, n = E().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = Ge(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
+		(function e(t) {
+			A.current = t, window.clearTimeout(k.current), t !== "" && (k.current = window.setTimeout(() => e(""), 1e3));
+		})(t), o && setTimeout(() => o.focus());
 	};
-	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, {
+	S.useEffect(() => () => window.clearTimeout(k.current), []), u();
+	let B = S.useCallback((e) => I.current === P.current?.side && qe(e, P.current?.area), []);
+	return /* @__PURE__ */ C(fe, {
+		scope: i,
+		searchRef: A,
+		onItemEnter: S.useCallback((e) => {
+			B(e) && e.preventDefault();
+		}, [B]),
+		onItemLeave: S.useCallback((e) => {
+			B(e) || (O.current?.focus(), D(null));
+		}, [B]),
+		onTriggerLeave: S.useCallback((e) => {
+			B(e) && e.preventDefault();
+		}, [B]),
+		pointerGraceTimerRef: M,
+		onPointerGraceIntentChange: S.useCallback((e) => {
+			P.current = e;
+		}, []),
+		children: /* @__PURE__ */ C(R, {
+			...z,
+			children: /* @__PURE__ */ C(d, {
+				asChild: !0,
+				trapped: s,
+				onMountAutoFocus: e(c, (e) => {
+					e.preventDefault(), O.current?.focus({ preventScroll: !0 });
+				}),
+				onUnmountAutoFocus: l,
+				children: /* @__PURE__ */ C(o, {
+					asChild: !0,
+					disableOutsidePointerEvents: f,
+					onEscapeKeyDown: m,
+					onPointerDownOutside: h,
+					onFocusOutside: g,
+					onInteractOutside: _,
+					onDismiss: te,
+					children: /* @__PURE__ */ C(re, {
 						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" })
+						...T,
+						dir: x.dir,
+						orientation: "vertical",
+						loop: a,
+						currentTabStopId: oe,
+						onCurrentTabStopIdChange: D,
+						onEntryFocus: e(p, (e) => {
+							x.isUsingKeyboardRef.current || e.preventDefault();
+						}),
+						preventScrollOnEntryFocus: !0,
+						children: /* @__PURE__ */ C(ee, {
+							role: "menu",
+							"aria-orientation": "vertical",
+							"data-state": He(b.open),
+							"data-radix-menu-content": "",
+							dir: x.dir,
+							...w,
+							...y,
+							ref: ce,
+							style: {
+								outline: "none",
+								...y.style
+							},
+							onKeyDown: e(y.onKeyDown, (e) => {
+								let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && ue(e.key));
+								let i = O.current;
+								if (e.target !== i || !ae.includes(e.key)) return;
+								e.preventDefault();
+								let a = E().filter((e) => !e.disabled).map((e) => e.ref.current);
+								ie.includes(e.key) && a.reverse(), Ue(a);
+							}),
+							onBlur: e(t.onBlur, (e) => {
+								e.currentTarget.contains(e.target) || (window.clearTimeout(k.current), A.current = "");
+							}),
+							onPointerMove: e(t.onPointerMove, $((e) => {
+								let t = e.target, n = L.current !== e.clientX;
+								e.currentTarget.contains(t) && n && (I.current = e.clientX > L.current ? "right" : "left", L.current = e.clientX);
+							}))
 						})
-					})]
-				})]
-			}), /* @__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}`))] })]
+					})
 				})
-			})]
-		})] })
+			})
+		})
 	});
-}
-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();
+});
+U.displayName = V;
+var ge = "MenuGroup", G = S.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...i } = e;
+	return /* @__PURE__ */ C(r.div, {
+		role: "group",
+		...i,
+		ref: t
+	});
+});
+G.displayName = ge;
+var _e = "MenuLabel", ve = S.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...i } = e;
+	return /* @__PURE__ */ C(r.div, {
+		...i,
+		ref: t
+	});
+});
+ve.displayName = _e;
+var K = "MenuItem", ye = "menu.itemSelect", q = S.forwardRef((t, r) => {
+	let { disabled: a = !1, onSelect: o, ...s } = t, c = S.useRef(null), l = F(K, t.__scopeMenu), u = H(K, t.__scopeMenu), d = n(r, c), f = S.useRef(!1), p = () => {
+		let e = c.current;
+		if (!a && e) {
+			let t = new CustomEvent(ye, {
+				bubbles: !0,
+				cancelable: !0
+			});
+			e.addEventListener(ye, (e) => o?.(e), { once: !0 }), i(e, t), t.defaultPrevented ? f.current = !1 : l.onClose();
 		}
-		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, {
+	};
+	return /* @__PURE__ */ C(be, {
+		...s,
+		ref: d,
+		disabled: a,
+		onClick: e(t.onClick, p),
+		onPointerDown: (e) => {
+			t.onPointerDown?.(e), f.current = !0;
+		},
+		onPointerUp: e(t.onPointerUp, (e) => {
+			f.current || e.currentTarget?.click();
+		}),
+		onKeyDown: e(t.onKeyDown, (e) => {
+			let t = u.searchRef.current !== "";
+			a || t && e.key === " " || w.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
+		})
+	});
+});
+q.displayName = K;
+var be = S.forwardRef((t, i) => {
+	let { __scopeMenu: a, disabled: o = !1, textValue: s, ...c } = t, l = H(K, a), u = le(a), d = S.useRef(null), f = n(i, d), [p, m] = S.useState(!1), [ee, h] = S.useState("");
+	return S.useEffect(() => {
+		let e = d.current;
+		e && h((e.textContent ?? "").trim());
+	}, [c.children]), /* @__PURE__ */ C(O.ItemSlot, {
+		scope: a,
+		disabled: o,
+		textValue: s ?? ee,
+		children: /* @__PURE__ */ C(y, {
+			asChild: !0,
+			...u,
+			focusable: !o,
+			children: /* @__PURE__ */ C(r.div, {
+				role: "menuitem",
+				"data-highlighted": p ? "" : void 0,
+				"aria-disabled": o || void 0,
+				"data-disabled": o ? "" : void 0,
+				...c,
+				ref: f,
+				onPointerMove: e(t.onPointerMove, $((e) => {
+					o ? l.onItemLeave(e) : (l.onItemEnter(e), e.defaultPrevented || e.currentTarget.focus({ preventScroll: !0 }));
+				})),
+				onPointerLeave: e(t.onPointerLeave, $((e) => l.onItemLeave(e))),
+				onFocus: e(t.onFocus, () => m(!0)),
+				onBlur: e(t.onBlur, () => m(!1))
+			})
+		})
+	});
+}), xe = "MenuCheckboxItem", Se = S.forwardRef((t, n) => {
+	let { checked: r = !1, onCheckedChange: i, ...a } = t;
+	return /* @__PURE__ */ C(ke, {
+		scope: t.__scopeMenu,
+		checked: r,
+		children: /* @__PURE__ */ C(q, {
+			role: "menuitemcheckbox",
+			"aria-checked": Z(r) ? "mixed" : r,
+			...a,
+			ref: n,
+			"data-state": Q(r),
+			onSelect: e(a.onSelect, () => i?.(Z(r) ? !0 : !r), { checkForDefaultPrevented: !1 })
+		})
+	});
+});
+Se.displayName = xe;
+var Ce = "MenuRadioGroup", [we, Te] = k(Ce, {
+	value: void 0,
+	onValueChange: () => {}
+}), Ee = S.forwardRef((e, t) => {
+	let { value: n, onValueChange: r, ...i } = e, o = a(r);
+	return /* @__PURE__ */ C(we, {
+		scope: e.__scopeMenu,
+		value: n,
+		onValueChange: o,
+		children: /* @__PURE__ */ C(G, {
+			...i,
+			ref: t
+		})
+	});
+});
+Ee.displayName = Ce;
+var De = "MenuRadioItem", Oe = S.forwardRef((t, n) => {
+	let { value: r, ...i } = t, a = Te(De, t.__scopeMenu), o = r === a.value;
+	return /* @__PURE__ */ C(ke, {
+		scope: t.__scopeMenu,
+		checked: o,
+		children: /* @__PURE__ */ C(q, {
+			role: "menuitemradio",
+			"aria-checked": o,
+			...i,
+			ref: n,
+			"data-state": Q(o),
+			onSelect: e(i.onSelect, () => a.onValueChange?.(r), { checkForDefaultPrevented: !1 })
+		})
+	});
+});
+Oe.displayName = De;
+var J = "MenuItemIndicator", [ke, Ae] = k(J, { checked: !1 }), je = S.forwardRef((e, t) => {
+	let { __scopeMenu: n, forceMount: i, ...a } = e, o = Ae(J, n);
+	return /* @__PURE__ */ C(v, {
+		present: i || Z(o.checked) || o.checked === !0,
+		children: /* @__PURE__ */ C(r.span, {
+			...a,
+			ref: t,
+			"data-state": Q(o.checked)
+		})
+	});
+});
+je.displayName = J;
+var Me = "MenuSeparator", Ne = S.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...i } = e;
+	return /* @__PURE__ */ C(r.div, {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		...i,
+		ref: t
+	});
+});
+Ne.displayName = Me;
+var Pe = "MenuArrow", Fe = S.forwardRef((e, t) => {
+	let { __scopeMenu: n, ...r } = e;
+	return /* @__PURE__ */ C(m, {
+		...j(n),
+		...r,
+		ref: t
+	});
+});
+Fe.displayName = Pe;
+var Y = "MenuSub", [Ie, Le] = k(Y), Re = (e) => {
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, o = N(Y, t), s = j(t), [c, l] = S.useState(null), [u, d] = S.useState(null), p = a(i);
+	return S.useEffect(() => (o.open === !1 && p(!1), () => p(!1)), [o.open, p]), /* @__PURE__ */ C(h, {
+		...s,
+		children: /* @__PURE__ */ C(M, {
+			scope: t,
+			open: r,
+			onOpenChange: p,
+			content: u,
+			onContentChange: d,
+			children: /* @__PURE__ */ C(Ie, {
+				scope: t,
+				contentId: f(),
+				triggerId: f(),
+				trigger: c,
+				onTriggerChange: l,
+				children: n
+			})
+		})
+	});
+};
+Re.displayName = Y;
+var X = "MenuSubTrigger", ze = S.forwardRef((n, r) => {
+	let i = N(X, n.__scopeMenu), a = F(X, n.__scopeMenu), o = Le(X, n.__scopeMenu), s = H(X, n.__scopeMenu), c = S.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: u } = s, d = { __scopeMenu: n.__scopeMenu }, f = S.useCallback(() => {
+		c.current && window.clearTimeout(c.current), c.current = null;
+	}, []);
+	return S.useEffect(() => f, [f]), S.useEffect(() => {
+		let e = l.current;
+		return () => {
+			window.clearTimeout(e), u(null);
+		};
+	}, [l, u]), /* @__PURE__ */ C(R, {
 		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" })
+		...d,
+		children: /* @__PURE__ */ C(be, {
+			id: o.triggerId,
+			"aria-haspopup": "menu",
+			"aria-expanded": i.open,
+			"aria-controls": o.contentId,
+			"data-state": He(i.open),
+			...n,
+			ref: t(r, o.onTriggerChange),
+			onClick: (e) => {
+				n.onClick?.(e), !(n.disabled || e.defaultPrevented) && (e.currentTarget.focus(), i.open || i.onOpenChange(!0));
+			},
+			onPointerMove: e(n.onPointerMove, $((e) => {
+				s.onItemEnter(e), !e.defaultPrevented && !n.disabled && !i.open && !c.current && (s.onPointerGraceIntentChange(null), c.current = window.setTimeout(() => {
+					i.onOpenChange(!0), f();
+				}, 100));
+			})),
+			onPointerLeave: e(n.onPointerLeave, $((e) => {
+				f();
+				let t = i.content?.getBoundingClientRect();
+				if (t) {
+					let n = i.content?.dataset.side, r = n === "right", a = r ? -5 : 5, o = t[r ? "left" : "right"], c = t[r ? "right" : "left"];
+					s.onPointerGraceIntentChange({
+						area: [
+							{
+								x: e.clientX + a,
+								y: e.clientY
+							},
+							{
+								x: o,
+								y: t.top
+							},
+							{
+								x: c,
+								y: t.top
+							},
+							{
+								x: c,
+								y: t.bottom
+							},
+							{
+								x: o,
+								y: t.bottom
+							}
+						],
+						side: n
+					}), window.clearTimeout(l.current), l.current = window.setTimeout(() => s.onPointerGraceIntentChange(null), 300);
+				} else {
+					if (s.onTriggerLeave(e), e.defaultPrevented) return;
+					s.onPointerGraceIntentChange(null);
+				}
+			})),
+			onKeyDown: e(n.onKeyDown, (e) => {
+				let t = s.searchRef.current !== "";
+				n.disabled || t && e.key === " " || E[a.dir].includes(e.key) && (i.onOpenChange(!0), i.content?.focus(), e.preventDefault());
+			})
 		})
-	}), 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;
+	});
+});
+ze.displayName = X;
+var Be = "MenuSubContent", Ve = S.forwardRef((t, r) => {
+	let i = B(V, t.__scopeMenu), { forceMount: a = i.forceMount, ...o } = t, s = N(V, t.__scopeMenu), c = F(V, t.__scopeMenu), l = Le(Be, t.__scopeMenu), u = S.useRef(null), d = n(r, u);
+	return /* @__PURE__ */ C(O.Provider, {
+		scope: t.__scopeMenu,
+		children: /* @__PURE__ */ C(v, {
+			present: a || s.open,
+			children: /* @__PURE__ */ C(O.Slot, {
+				scope: t.__scopeMenu,
+				children: /* @__PURE__ */ C(W, {
+					id: l.contentId,
+					"aria-labelledby": l.triggerId,
+					...o,
+					ref: d,
+					align: "start",
+					side: c.dir === "rtl" ? "left" : "right",
+					disableOutsidePointerEvents: !1,
+					disableOutsideScroll: !1,
+					trapFocus: !1,
+					onOpenAutoFocus: (e) => {
+						c.isUsingKeyboardRef.current && u.current?.focus(), e.preventDefault();
+					},
+					onCloseAutoFocus: (e) => e.preventDefault(),
+					onFocusOutside: e(t.onFocusOutside, (e) => {
+						e.target !== l.trigger && s.onOpenChange(!1);
+					}),
+					onEscapeKeyDown: e(t.onEscapeKeyDown, (e) => {
+						c.onClose(), e.preventDefault();
+					}),
+					onKeyDown: e(t.onKeyDown, (e) => {
+						let t = e.currentTarget.contains(e.target), n = oe[c.dir].includes(e.key);
+						t && n && (s.onOpenChange(!1), l.trigger?.focus(), e.preventDefault());
+					})
+				})
+			})
+		})
+	});
+});
+Ve.displayName = Be;
+function He(e) {
+	return e ? "open" : "closed";
+}
+function Z(e) {
+	return e === "indeterminate";
+}
+function Q(e) {
+	return Z(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Ue(e) {
+	let t = document.activeElement;
+	for (let n of e) if (n === t || (n.focus(), document.activeElement !== t)) return;
+}
+function We(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+function Ge(e, t, n) {
+	let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = We(e, Math.max(i, 0));
+	r.length === 1 && (a = a.filter((e) => e !== n));
+	let o = a.find((e) => e.toLowerCase().startsWith(r.toLowerCase()));
+	return o === n ? void 0 : o;
+}
+function Ke(e, t) {
+	let { x: n, y: r } = e, i = !1;
+	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
+		l > r != d > r && n < (u - c) * (r - l) / (d - l) + c && (i = !i);
+	}
+	return i;
+}
+function qe(e, t) {
+	return t ? Ke({
+		x: e.clientX,
+		y: e.clientY
+	}, t) : !1;
+}
+function $(e) {
+	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
+var Je = I, Ye = R, Xe = de, Ze = U, Qe = G, $e = ve, et = q, tt = Se, nt = Ee, rt = Oe, it = je, at = Ne, ot = Fe, st = ze, ct = Ve;
 //#endregion
-export { w as NotificationsDrawer };
+export { Ye as Anchor2, ot as Arrow2, tt as CheckboxItem, Ze as Content2, Qe as Group, et as Item2, it as ItemIndicator, $e as Label, Xe as Portal, nt as RadioGroup, rt as RadioItem, Je as Root3, at as Separator, ct as SubContent, st as SubTrigger, A as createMenuScope };
 
 //# sourceMappingURL=index309.js.map