@rpcbase/ui 0.246.0 → 0.248.0

package/dist/components/Notifications/NotificationsDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgF,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAMlH,OAAO,KAAK,EAAoB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AA0I3E,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAU,EACV,iBAAyB,EACzB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAA;CAC7D,2CAmUA"}
+{"version":3,"file":"NotificationsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgF,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAMlH,OAAO,KAAK,EAAoB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AA0I3E,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAU,EACV,iBAAyB,EACzB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAA;CAC7D,2CAoUA"}

package/dist/index10.js

@@ -1,5 +1,5 @@
-import { j as u } from "./index28.js";
-import { c as Te } from "./index29.js";
+import { j as u } from "./index30.js";
+import { c as Te } from "./index28.js";
 import { Check as Re, ChevronDown as ye, ChevronUp as Me } from "lucide-react";
 import * as r from "react";
 import { createPortal as Se } from "react-dom";

package/dist/index106.js

@@ -1,5 +1,5 @@
 import { DayFlag as e } from "./index118.js";
-import { dateMatchModifiers as u } from "./index31.js";
+import { dateMatchModifiers as u } from "./index32.js";
 function V(b, S, h, M, a) {
   const { disabled: m, hidden: p, modifiers: r, showOutsideDays: y, broadcastCalendar: B, today: g = a.today() } = S, { isSameDay: v, isSameMonth: A, startOfMonth: E, isBefore: F, endOfMonth: j, isAfter: k } = a, O = h && E(h), D = M && j(M), i = {
     [e.focused]: [],

package/dist/index11.js

@@ -1,5 +1,5 @@
-import { j as d } from "./index28.js";
-import { c as ot } from "./index29.js";
+import { j as d } from "./index30.js";
+import { c as ot } from "./index28.js";
 import * as u from "react";
 import Kt, { components as Ut } from "react-select";
 import { cn as lt } from "./index2.js";

package/dist/index12.js

@@ -1,7 +1,7 @@
-import { j as T } from "./index28.js";
-import { c as ne } from "./index29.js";
+import { j as T } from "./index30.js";
+import { c as ne } from "./index28.js";
 import { useState as Z, useRef as ae, useEffect as ee } from "react";
-import { decode as ce } from "./index41.js";
+import { decode as ce } from "./index42.js";
 const se = [320, 640, 960, 1600], te = /^\/api\/rb\/files\/[^/?#]+/, me = (s) => [...new Set(s.map((e) => Math.floor(e)).filter((e) => Number.isFinite(e) && e > 0))].sort((e, t) => e - t), le = (s) => {
   if (te.test(s)) return !0;
   try {

package/dist/index13.js

@@ -1,5 +1,5 @@
-import { j as g } from "./index28.js";
-import { c as f } from "./index29.js";
+import { j as g } from "./index30.js";
+import { c as f } from "./index28.js";
 import { FilesUploadField as h } from "./index8.js";
 const v = ["image/*", ".heic", ".heif", "image/heic", "image/heif", "image/heic-sequence", "image/heif-sequence"];
 function j(r) {

package/dist/index14.js

@@ -1,5 +1,5 @@
-import { j as n } from "./index28.js";
-import { c as f } from "./index29.js";
+import { j as n } from "./index30.js";
+import { c as f } from "./index28.js";
 import { cn as u } from "./index2.js";
 function d(s) {
   const e = f.c(10);

package/dist/index15.js

@@ -1,5 +1,5 @@
-import { j as u } from "./index28.js";
-import { c as x } from "./index29.js";
+import { j as u } from "./index30.js";
+import { c as x } from "./index28.js";
 import { Bell as b } from "lucide-react";
 import { cn as h } from "./index2.js";
 function w(d) {

package/dist/index16.js

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