@rpcbase/ui 0.236.0 → 0.237.0

package/dist/index16.js

@@ -1,30 +1,30 @@
 import { j as t } from "./index30.js";
-import { c as X } from "./index28.js";
-import { useContext as q, useState as z, useMemo as B, useCallback as H, useEffect as Y, createContext as Q, useRef as G } from "react";
-import { X as Z, Loader2 as _, MoreVertical as ee } from "lucide-react";
-import { cn as K } from "./index2.js";
-import { DialogRoot as te } from "./index34.js";
-import { DialogPortal as ne } from "./index39.js";
-import { DialogBackdrop as oe } from "./index38.js";
-import { DialogPopup as re } from "./index36.js";
-import { DialogTitle as se } from "./index40.js";
-import { DialogClose as ie } from "./index35.js";
-const V = (s) => {
-  const e = Date.parse(s);
+import { c as _ } from "./index28.js";
+import { useContext as te, useState as R, useMemo as Y, useCallback as ne, useEffect as J, createContext as oe, useRef as H } from "react";
+import { X as ie, Loader2 as re, MoreVertical as se } from "lucide-react";
+import { cn as W } from "./index2.js";
+import { DialogRoot as ae } from "./index34.js";
+import { DialogPortal as ce } from "./index39.js";
+import { DialogBackdrop as le } from "./index38.js";
+import { DialogPopup as de } from "./index36.js";
+import { DialogTitle as ue } from "./index40.js";
+import { DialogClose as me } from "./index35.js";
+const ee = (r) => {
+  const e = Date.parse(r);
   return Number.isFinite(e) ? e : 0;
-}, ae = (s) => {
-  const e = new Date(V(s));
+}, fe = (r) => {
+  const e = new Date(ee(r));
   if (!Number.isFinite(e.getTime())) return "unknown";
-  const n = e.getFullYear(), i = String(e.getMonth() + 1).padStart(2, "0"), c = String(e.getDate()).padStart(2, "0");
-  return `${n}-${i}-${c}`;
-}, ce = (s) => {
-  if (s === "unknown") return "Unknown date";
-  const [e, n, i] = s.split("-"), c = Number(e), l = Number(n), r = Number(i);
-  if (!Number.isFinite(c) || !Number.isFinite(l) || !Number.isFinite(r)) return "Unknown date";
-  const U = new Date(c, l - 1, r);
-  if (!Number.isFinite(U.getTime())) return "Unknown date";
-  const x = (/* @__PURE__ */ new Date()).getFullYear() !== c;
-  return U.toLocaleDateString(void 0, x ? {
+  const n = e.getFullYear(), s = String(e.getMonth() + 1).padStart(2, "0"), a = String(e.getDate()).padStart(2, "0");
+  return `${n}-${s}-${a}`;
+}, xe = (r) => {
+  if (r === "unknown") return "Unknown date";
+  const [e, n, s] = r.split("-"), a = Number(e), c = Number(n), i = Number(s);
+  if (!Number.isFinite(a) || !Number.isFinite(c) || !Number.isFinite(i)) return "Unknown date";
+  const f = new Date(a, c - 1, i);
+  if (!Number.isFinite(f.getTime())) return "Unknown date";
+  const l = (/* @__PURE__ */ new Date()).getFullYear() !== a;
+  return f.toLocaleDateString(void 0, l ? {
     weekday: "short",
     month: "short",
     day: "numeric",
@@ -34,65 +34,65 @@ const V = (s) => {
     month: "short",
     day: "numeric"
   });
-}, le = (s) => {
-  const e = s.platform?.webpush;
+}, pe = (r) => {
+  const e = r.platform?.webpush;
   if (!e || typeof e != "object" || Array.isArray(e)) return "";
   const n = e.fcmOptions;
   return !n || typeof n != "object" || Array.isArray(n) ? "" : typeof n.link == "string" ? n.link : "";
-}, J = (s) => {
+}, Q = (r) => {
   const e = [];
   let n = null;
-  for (const i of s) {
-    const c = ae(i.createdAt);
-    c !== n && (n = c, e.push({
-      key: c,
-      label: ce(c),
+  for (const s of r) {
+    const a = fe(s.createdAt);
+    a !== n && (n = a, e.push({
+      key: a,
+      label: xe(a),
       items: []
-    })), e[e.length - 1].items.push(i);
+    })), e[e.length - 1].items.push(s);
   }
   return e;
-}, de = Q(null);
-function we({
-  open: s,
+}, G = () => typeof window > "u" || !("Notification" in window) ? "unsupported" : window.Notification.permission, he = oe(null);
+function Re({
+  open: r,
   onOpenChange: e,
   className: n,
-  limit: i = 50,
-  defaultUnreadOnly: c = !1,
-  realtimeContext: l
+  limit: s = 50,
+  defaultUnreadOnly: a = !1,
+  realtimeContext: c
 }) {
-  const r = q(l ?? de), [U, D] = z([]), [x, S] = z(0), [b, y] = z(0), [I, E] = z(!1), [P, L] = z(null), [d, M] = z(c), v = r?.notifications ?? U, j = r?.unreadCount ?? x, N = r?.unseenCount ?? b, R = r?.loading ?? I, w = r?.error ? r.error instanceof Error ? r.error.message : String(r.error) : P, m = B(() => v.slice(0, i), [i, v]), T = B(() => m.filter((o) => !o.readAt), [m]), F = B(() => m.filter((o) => !!o.readAt), [m]), k = B(() => J(T), [T]), A = B(() => J(F), [F]), p = H(async ({
+  const i = te(c ?? he), [f, h] = R([]), [l, b] = R(0), [d, x] = R(0), [v, B] = R(!1), [q, T] = R(null), [p, P] = R(a), [M, g] = R(() => G()), [O, k] = R(!1), A = i?.notifications ?? f, C = i?.unreadCount ?? l, F = i?.unseenCount ?? d, z = i?.loading ?? v, S = i?.error ? i.error instanceof Error ? i.error.message : String(i.error) : q, y = Y(() => A.slice(0, s), [s, A]), D = Y(() => y.filter((o) => !o.readAt), [y]), $ = Y(() => y.filter((o) => !!o.readAt), [y]), U = Y(() => Q(D), [D]), I = Y(() => Q($), [$]), L = ne(async ({
     unreadOnly: o,
-    markSeen: a
+    markSeen: m
   }) => {
-    E(!0), L(null);
+    B(!0), T(null);
     try {
-      const g = await fetch("/api/rb/notifications", {
+      const j = await fetch("/api/rb/notifications", {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         credentials: "include",
         body: JSON.stringify({
-          limit: i,
+          limit: s,
           unreadOnly: o,
-          markSeen: a
+          markSeen: m
         })
-      }), u = await g.json().catch(() => null);
-      if (!g.ok || !u?.ok) {
-        L(u?.error || "Unable to load notifications.");
+      }), u = await j.json().catch(() => null);
+      if (!j.ok || !u?.ok) {
+        T(u?.error || "Unable to load notifications.");
         return;
       }
-      const C = Array.isArray(u.notifications) ? u.notifications : [];
-      D(C), S(Number.isFinite(u.unreadCount) ? Math.max(0, Math.floor(u.unreadCount ?? 0)) : 0), y(Number.isFinite(u.unseenCount) ? Math.max(0, Math.floor(u.unseenCount ?? 0)) : 0);
+      const E = Array.isArray(u.notifications) ? u.notifications : [];
+      h(E), b(Number.isFinite(u.unreadCount) ? Math.max(0, Math.floor(u.unreadCount ?? 0)) : 0), x(Number.isFinite(u.unseenCount) ? Math.max(0, Math.floor(u.unseenCount ?? 0)) : 0);
     } catch {
-      L("Unable to load notifications.");
+      T("Unable to load notifications.");
     } finally {
-      E(!1);
+      B(!1);
     }
-  }, [i]);
-  Y(() => {
-    if (s) {
-      if (r) {
+  }, [s]);
+  J(() => {
+    if (r) {
+      if (i) {
         (async () => {
           try {
             await fetch("/api/rb/notifications", {
@@ -113,20 +113,53 @@ function we({
         })();
         return;
       }
-      p({
-        unreadOnly: d,
+      L({
+        unreadOnly: p,
         markSeen: !0
       });
     }
-  }, [s, r, p, d]), Y(() => {
-    s && (r || p({
-      unreadOnly: d,
+  }, [r, i, L, p]), J(() => {
+    r && (i || L({
+      unreadOnly: p,
       markSeen: !1
     }));
-  }, [s, r, p, d]);
-  const $ = async (o) => {
+  }, [r, i, L, p]), J(() => {
+    if (!r || (g(G()), typeof navigator > "u" || !navigator.permissions?.query)) return;
+    let o = null, m = !1;
+    const j = () => {
+      g(G());
+    };
+    try {
+      navigator.permissions.query({
+        name: "notifications"
+      }).then((u) => {
+        m || (o = u, j(), u.addEventListener("change", j));
+      }).catch(() => {
+      });
+    } catch {
+      return;
+    }
+    return () => {
+      m = !0, o?.removeEventListener("change", j);
+    };
+  }, [r]);
+  const K = async () => {
+    if (typeof window > "u" || !("Notification" in window)) {
+      g("unsupported");
+      return;
+    }
+    k(!0);
     try {
-      const a = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/read`, {
+      const o = await window.Notification.requestPermission();
+      g(o);
+    } catch {
+      g(G());
+    } finally {
+      k(!1);
+    }
+  }, V = async (o) => {
+    try {
+      const m = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/read`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -134,167 +167,198 @@ function we({
         credentials: "include",
         keepalive: !0,
         body: "{}"
-      }), g = await a.json().catch(() => null);
-      if (!a.ok || !g?.ok) return;
+      }), j = await m.json().catch(() => null);
+      if (!m.ok || !j?.ok) return;
       const u = (/* @__PURE__ */ new Date()).toISOString();
-      if (r) return;
-      D((C) => {
-        const f = C.find((h) => h.id === o);
-        return f && !f.readAt && S((h) => Math.max(0, h - 1)), f && !f.seenAt && y((h) => Math.max(0, h - 1)), C.map((h) => h.id === o && !h.readAt ? {
-          ...h,
+      if (i) return;
+      h((E) => {
+        const w = E.find((N) => N.id === o);
+        return w && !w.readAt && b((N) => Math.max(0, N - 1)), w && !w.seenAt && x((N) => Math.max(0, N - 1)), E.map((N) => N.id === o && !N.readAt ? {
+          ...N,
           readAt: u,
-          ...h.seenAt ? {} : {
+          ...N.seenAt ? {} : {
             seenAt: u
           }
-        } : h);
+        } : N);
       });
     } catch {
       return;
     }
-  }, O = async (o) => {
+  }, X = async (o) => {
     try {
-      const a = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/archive`, {
+      const m = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/archive`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         credentials: "include",
         body: "{}"
-      }), g = await a.json().catch(() => null);
-      if (!a.ok || !g?.ok || r) return;
-      D((u) => {
-        const C = u.find((f) => f.id === o);
-        return C && !C.readAt && S((f) => Math.max(0, f - 1)), C && !C.seenAt && y((f) => Math.max(0, f - 1)), u.filter((f) => f.id !== o);
+      }), j = await m.json().catch(() => null);
+      if (!m.ok || !j?.ok || i) return;
+      h((u) => {
+        const E = u.find((w) => w.id === o);
+        return E && !E.readAt && b((w) => Math.max(0, w - 1)), E && !E.seenAt && x((w) => Math.max(0, w - 1)), u.filter((w) => w.id !== o);
       });
     } catch {
       return;
     }
   };
-  return /* @__PURE__ */ t.jsx(te, { open: s, onOpenChange: e, children: /* @__PURE__ */ t.jsxs(ne, { children: [
-    /* @__PURE__ */ t.jsx(oe, { className: "fixed inset-0 z-50 bg-black/50" }),
-    /* @__PURE__ */ t.jsxs(re, { className: K("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", n), children: [
+  return /* @__PURE__ */ t.jsx(ae, { open: r, onOpenChange: e, children: /* @__PURE__ */ t.jsxs(ce, { children: [
+    /* @__PURE__ */ t.jsx(le, { className: "fixed inset-0 z-50 bg-black/50" }),
+    /* @__PURE__ */ t.jsxs(de, { className: W("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", n), children: [
       /* @__PURE__ */ t.jsxs("header", { className: "flex items-center justify-between gap-2 border-b px-4 py-3", children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ t.jsx(se, { className: "text-sm font-semibold", children: "Notifications" }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: j > 0 ? `${j} unread` : N > 0 ? `${N} new` : "All caught up" })
+          /* @__PURE__ */ t.jsx(ue, { className: "text-sm font-semibold", children: "Notifications" }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: C > 0 ? `${C} unread` : F > 0 ? `${F} new` : "All caught up" })
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => M((o) => !o), className: K("rounded-md border px-2 py-1 text-xs", d ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"), children: d ? "Unread" : "All" }),
-          /* @__PURE__ */ t.jsx(ie, { render: /* @__PURE__ */ t.jsx("button", { type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent" }), children: /* @__PURE__ */ t.jsx(Z, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => P((o) => !o), className: W("rounded-md border px-2 py-1 text-xs", p ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"), children: p ? "Unread" : "All" }),
+          /* @__PURE__ */ t.jsx(me, { render: /* @__PURE__ */ t.jsx("button", { type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent" }), children: /* @__PURE__ */ t.jsx(ie, { className: "h-4 w-4" }) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: R ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ t.jsx(_, { className: "h-4 w-4 animate-spin" }) }) : w ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: w }) : m.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "No notifications." }) : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ t.jsxs("div", { children: [
-          /* @__PURE__ */ t.jsx("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" }),
-          k.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : k.map((o) => /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx("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: o.label }),
-            /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: o.items.map((a) => /* @__PURE__ */ t.jsx(W, { notification: a, onMarkRead: $, onArchive: O }, a.id)) })
-          ] }, `unread:${o.key}`))
-        ] }),
-        d ? null : /* @__PURE__ */ t.jsxs("div", { children: [
-          /* @__PURE__ */ t.jsx("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" }),
-          A.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : A.map((o) => /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx("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: o.label }),
-            /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: o.items.map((a) => /* @__PURE__ */ t.jsx(W, { notification: a, onMarkRead: $, onArchive: O }, a.id)) })
-          ] }, `previous:${o.key}`))
+      /* @__PURE__ */ t.jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: [
+        /* @__PURE__ */ t.jsx(be, { permission: M, requesting: O, onEnable: K }),
+        z ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ t.jsx(re, { className: "h-4 w-4 animate-spin" }) }) : S ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: S }) : y.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "No notifications." }) : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("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" }),
+            U.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : U.map((o) => /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx("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: o.label }),
+              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: o.items.map((m) => /* @__PURE__ */ t.jsx(Z, { notification: m, onMarkRead: V, onArchive: X }, m.id)) })
+            ] }, `unread:${o.key}`))
+          ] }),
+          p ? null : /* @__PURE__ */ t.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsx("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" }),
+            I.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : I.map((o) => /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx("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: o.label }),
+              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: o.items.map((m) => /* @__PURE__ */ t.jsx(Z, { notification: m, onMarkRead: V, onArchive: X }, m.id)) })
+            ] }, `previous:${o.key}`))
+          ] })
         ] })
-      ] }) })
+      ] })
     ] })
   ] }) });
 }
-function W(s) {
-  const e = X.c(47), {
+function be(r) {
+  const e = _.c(13), {
+    permission: n,
+    requesting: s,
+    onEnable: a
+  } = r;
+  if (n === "granted")
+    return null;
+  if (n === "unsupported") {
+    let v;
+    return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ t.jsx("div", { className: "mt-3 rounded-md border bg-muted/40 p-3 text-sm text-muted-foreground", children: "Browser notifications are not supported by this browser." }), e[0] = v) : v = e[0], v;
+  }
+  const c = n === "denied", i = c ? "Browser notifications are blocked." : "Browser notifications are not enabled.";
+  let f;
+  e[1] !== i ? (f = /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium", children: i }), e[1] = i, e[2] = f) : f = e[2];
+  const h = c ? "Enable notifications for this site in your browser settings, then click again." : "Enable browser notifications to receive important alerts.";
+  let l;
+  e[3] !== h ? (l = /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: h }), e[3] = h, e[4] = l) : l = e[4];
+  const b = s ? "Enabling..." : "Enable browser notifications";
+  let d;
+  e[5] !== a || e[6] !== s || e[7] !== b ? (d = /* @__PURE__ */ t.jsx("button", { type: "button", className: "mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50", disabled: s, onClick: a, children: b }), e[5] = a, e[6] = s, e[7] = b, e[8] = d) : d = e[8];
+  let x;
+  return e[9] !== f || e[10] !== l || e[11] !== d ? (x = /* @__PURE__ */ t.jsxs("div", { className: "mt-3 rounded-md border bg-muted/40 p-3", children: [
+    f,
+    l,
+    d
+  ] }), e[9] = f, e[10] = l, e[11] = d, e[12] = x) : x = e[12], x;
+}
+function Z(r) {
+  const e = _.c(47), {
     notification: n,
-    onMarkRead: i,
-    onArchive: c
-  } = s, [l, r] = z(!1), U = G(null), D = G(null), x = !n.readAt;
-  let S;
-  e[0] !== n ? (S = le(n), e[0] = n, e[1] = S) : S = e[1];
-  const b = S;
-  let y;
+    onMarkRead: s,
+    onArchive: a
+  } = r, [c, i] = R(!1), f = H(null), h = H(null), l = !n.readAt;
+  let b;
+  e[0] !== n ? (b = pe(n), e[0] = n, e[1] = b) : b = e[1];
+  const d = b;
+  let x;
   if (e[2] !== n.createdAt) {
     e: {
-      const O = new Date(V(n.createdAt));
-      if (!Number.isFinite(O.getTime())) {
-        y = "";
+      const U = new Date(ee(n.createdAt));
+      if (!Number.isFinite(U.getTime())) {
+        x = "";
         break e;
       }
-      y = O.toLocaleString();
+      x = U.toLocaleString();
     }
-    e[2] = n.createdAt, e[3] = y;
+    e[2] = n.createdAt, e[3] = x;
   } else
-    y = e[3];
-  const I = y;
-  let E, P;
-  e[4] !== l ? (E = () => {
-    if (!l)
+    x = e[3];
+  const v = x;
+  let B, q;
+  e[4] !== c ? (B = () => {
+    if (!c)
       return;
-    const O = (a) => {
-      const g = a.target;
-      g instanceof Node && (U.current?.contains(g) || D.current?.contains(g) || r(!1));
-    }, o = (a) => {
-      a.key === "Escape" && (r(!1), D.current?.focus());
+    const U = (L) => {
+      const K = L.target;
+      K instanceof Node && (f.current?.contains(K) || h.current?.contains(K) || i(!1));
+    }, I = (L) => {
+      L.key === "Escape" && (i(!1), h.current?.focus());
     };
-    return document.addEventListener("pointerdown", O), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("pointerdown", O), document.removeEventListener("keydown", o);
+    return document.addEventListener("pointerdown", U), document.addEventListener("keydown", I), () => {
+      document.removeEventListener("pointerdown", U), document.removeEventListener("keydown", I);
     };
-  }, P = [l], e[4] = l, e[5] = E, e[6] = P) : (E = e[5], P = e[6]), Y(E, P);
-  const L = x ? "bg-primary/5" : "bg-background";
-  let d;
-  e[7] !== L ? (d = K("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", L), e[7] = L, e[8] = d) : d = e[8];
+  }, q = [c], e[4] = c, e[5] = B, e[6] = q) : (B = e[5], q = e[6]), J(B, q);
+  const T = l ? "bg-primary/5" : "bg-background";
+  let p;
+  e[7] !== T ? (p = W("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", T), e[7] = T, e[8] = p) : p = e[8];
+  let P;
+  e[9] !== l || e[10] !== d || e[11] !== n.id || e[12] !== s ? (P = () => {
+    l && s(n.id), d && (window.location.href = d);
+  }, e[9] = l, e[10] = d, e[11] = n.id, e[12] = s, e[13] = P) : P = e[13];
   let M;
-  e[9] !== x || e[10] !== b || e[11] !== n.id || e[12] !== i ? (M = () => {
-    x && i(n.id), b && (window.location.href = b);
-  }, e[9] = x, e[10] = b, e[11] = n.id, e[12] = i, e[13] = M) : M = e[13];
-  let v;
-  e[14] !== n.title ? (v = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[14] = n.title, e[15] = v) : v = e[15];
-  let j;
-  e[16] !== n.body ? (j = n.body ? /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: n.body }) : null, e[16] = n.body, e[17] = j) : j = e[17];
-  let N;
-  e[18] !== v || e[19] !== j ? (N = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
-    v,
-    j
-  ] }), e[18] = v, e[19] = j, e[20] = N) : N = e[20];
-  let R;
-  e[21] !== b ? (R = b ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: b }) : null, e[21] = b, e[22] = R) : R = e[22];
-  let w;
-  e[23] !== I ? (w = I ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: I }) : null, e[23] = I, e[24] = w) : w = e[24];
-  let m;
-  e[25] !== N || e[26] !== R || e[27] !== w || e[28] !== M ? (m = /* @__PURE__ */ t.jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", onClick: M, children: [
-    N,
-    R,
-    w
-  ] }), e[25] = N, e[26] = R, e[27] = w, e[28] = M, e[29] = m) : m = e[29];
-  let T, F;
-  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = () => {
-    r(ue);
-  }, F = /* @__PURE__ */ t.jsx(ee, { className: "h-4 w-4" }), e[30] = T, e[31] = F) : (T = e[30], F = e[31]);
+  e[14] !== n.title ? (M = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[14] = n.title, e[15] = M) : M = e[15];
+  let g;
+  e[16] !== n.body ? (g = n.body ? /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: n.body }) : null, e[16] = n.body, e[17] = g) : g = e[17];
+  let O;
+  e[18] !== M || e[19] !== g ? (O = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
+    M,
+    g
+  ] }), e[18] = M, e[19] = g, e[20] = O) : O = e[20];
   let k;
-  e[32] !== l ? (k = /* @__PURE__ */ t.jsx("button", { ref: D, type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent", "aria-label": "Notification options", "aria-haspopup": "menu", "aria-expanded": l, onClick: T, children: F }), e[32] = l, e[33] = k) : k = e[33];
+  e[21] !== d ? (k = d ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: d }) : null, e[21] = d, e[22] = k) : k = e[22];
   let A;
-  e[34] !== x || e[35] !== l || e[36] !== n.id || e[37] !== c || e[38] !== i ? (A = l ? /* @__PURE__ */ t.jsxs("div", { ref: U, role: "menu", className: K("absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95"), children: [
+  e[23] !== v ? (A = v ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: v }) : null, e[23] = v, e[24] = A) : A = e[24];
+  let C;
+  e[25] !== O || e[26] !== k || e[27] !== A || e[28] !== P ? (C = /* @__PURE__ */ t.jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", onClick: P, children: [
+    O,
+    k,
+    A
+  ] }), e[25] = O, e[26] = k, e[27] = A, e[28] = P, e[29] = C) : C = e[29];
+  let F, z;
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = () => {
+    i(ge);
+  }, z = /* @__PURE__ */ t.jsx(se, { className: "h-4 w-4" }), e[30] = F, e[31] = z) : (F = e[30], z = e[31]);
+  let S;
+  e[32] !== c ? (S = /* @__PURE__ */ t.jsx("button", { ref: h, type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent", "aria-label": "Notification options", "aria-haspopup": "menu", "aria-expanded": c, onClick: F, children: z }), e[32] = c, e[33] = S) : S = e[33];
+  let y;
+  e[34] !== l || e[35] !== c || e[36] !== n.id || e[37] !== a || e[38] !== s ? (y = c ? /* @__PURE__ */ t.jsxs("div", { ref: f, role: "menu", className: W("absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95"), children: [
     /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground", onClick: () => {
-      r(!1), c(n.id);
+      i(!1), a(n.id);
     }, children: "Archive" }),
-    /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50", disabled: !x, onClick: () => {
-      r(!1), i(n.id);
+    /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50", disabled: !l, onClick: () => {
+      i(!1), s(n.id);
     }, children: "Mark as read" })
-  ] }) : null, e[34] = x, e[35] = l, e[36] = n.id, e[37] = c, e[38] = i, e[39] = A) : A = e[39];
-  let p;
-  e[40] !== k || e[41] !== A ? (p = /* @__PURE__ */ t.jsxs("div", { className: "relative flex items-start", children: [
-    k,
-    A
-  ] }), e[40] = k, e[41] = A, e[42] = p) : p = e[42];
+  ] }) : null, e[34] = l, e[35] = c, e[36] = n.id, e[37] = a, e[38] = s, e[39] = y) : y = e[39];
+  let D;
+  e[40] !== S || e[41] !== y ? (D = /* @__PURE__ */ t.jsxs("div", { className: "relative flex items-start", children: [
+    S,
+    y
+  ] }), e[40] = S, e[41] = y, e[42] = D) : D = e[42];
   let $;
-  return e[43] !== m || e[44] !== p || e[45] !== d ? ($ = /* @__PURE__ */ t.jsxs("div", { className: d, children: [
-    m,
-    p
-  ] }), e[43] = m, e[44] = p, e[45] = d, e[46] = $) : $ = e[46], $;
+  return e[43] !== C || e[44] !== D || e[45] !== p ? ($ = /* @__PURE__ */ t.jsxs("div", { className: p, children: [
+    C,
+    D
+  ] }), e[43] = C, e[44] = D, e[45] = p, e[46] = $) : $ = e[46], $;
 }
-function ue(s) {
-  return !s;
+function ge(r) {
+  return !r;
 }
 export {
-  we as NotificationsDrawer
+  Re as NotificationsDrawer
 };
 //# sourceMappingURL=index16.js.map