@rpcbase/ui 0.183.0 → 0.184.0

package/dist/index239.js

@@ -1,71 +1,9 @@
-import * as i from "react";
-import { useComposedRefs as O } from "./index53.js";
-import { useLayoutEffect as A } from "./index65.js";
-function E(n, e) {
-  return i.useReducer((t, r) => e[t][r] ?? t, n);
-}
-var T = (n) => {
-  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = O(r.ref, v(a));
-  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
-};
-T.displayName = "Presence";
-function R(n) {
-  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return i.useEffect(() => {
-    const o = l(r.current);
-    c.current = N === "mounted" ? o : "none";
-  }, [N]), A(() => {
-    const o = r.current, m = a.current;
-    if (m !== n) {
-      const f = c.current, u = l(o);
-      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
-    }
-  }, [n, s]), A(() => {
-    if (e) {
-      let o;
-      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(r.current).includes(CSS.escape(u.animationName));
-        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
-          const y = e.style.animationFillMode;
-          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
-            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = y);
-          });
-        }
-      }, f = (u) => {
-        u.target === e && (c.current = l(r.current));
-      };
-      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
-        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
-      };
-    } else
-      s("ANIMATION_END");
-  }, [e, s]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(N),
-    ref: i.useCallback((o) => {
-      r.current = o ? getComputedStyle(o) : null, t(o);
-    }, [])
-  };
-}
-function l(n) {
-  return n?.animationName || "none";
-}
-function v(n) {
-  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
-  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+import { useState as o } from "react";
+function a(t, e) {
+  const [u, n] = o(t);
+  return [e === void 0 ? u : e, n];
 }
 export {
-  T as Presence
+  a as useControlledValue
 };
 //# sourceMappingURL=index239.js.map

package/dist/index239.js.map

@@ -1 +1 @@
-{"version":3,"file":"index239.js","sources":["../../../node_modules/@radix-ui/react-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// src/use-state-machine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// src/presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef(null);\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      stylesRef.current = node2 ? getComputedStyle(node2) : null;\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nvar Root = Presence;\nexport {\n  Presence,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useStateMachine","initialState","machine","React","state","event","Presence","props","present","children","presence","usePresence","child","React2","ref","useComposedRefs","getElementRef","node","setNode","stylesRef","prevPresentRef","prevAnimationNameRef","send","currentAnimationName","getAnimationName","useLayoutEffect","styles","wasPresent","prevAnimationName","timeoutId","ownerWindow","handleAnimationEnd","isCurrentAnimation","currentFillMode","handleAnimationStart","node2","element","getter","mayWarn"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index239.js","sources":["../../../node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js"],"sourcesContent":["import { useState } from \"react\";\n/**\n * A custom hook for managing both controlled and uncontrolled component states.\n *\n * This hook allows a component to support both controlled and uncontrolled\n * states by determining whether the `controlledValue` is provided. If it is\n * undefined, the hook falls back to using the internal state.\n *\n * @example\n *   // Uncontrolled usage\n *   const [value, setValue] = useControlledValue(0, undefined);\n *\n *   // Controlled usage\n *   const [value, setValue] = useControlledValue(0, props.value);\n *\n * @template T - The type of the value.\n * @param defaultValue The initial value for the uncontrolled state.\n * @param controlledValue The value for the controlled state. If undefined, the\n *   component will use the uncontrolled state.\n * @returns A tuple where the first element is the current value (either\n *   controlled or uncontrolled) and the second element is a setter function to\n *   update the value.\n */\nexport function useControlledValue(defaultValue, controlledValue) {\n    const [uncontrolledValue, setValue] = useState(defaultValue);\n    const value = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    return [value, setValue];\n}\n"],"names":["useControlledValue","defaultValue","controlledValue","uncontrolledValue","setValue","useState"],"mappings":";AAuBO,SAASA,EAAmBC,GAAcC,GAAiB;AAC9D,QAAM,CAACC,GAAmBC,CAAQ,IAAIC,EAASJ,CAAY;AAE3D,SAAO,CADOC,MAAoB,SAAYC,IAAoBD,GACnDE,CAAQ;AAC3B;","x_google_ignoreList":[0]}

package/dist/index24.js

@@ -1,74 +1,102 @@
-import { j as e } from "./index29.js";
-import { useContext as H, createContext as Q, useState as p, useMemo as y, useCallback as W, useEffect as L } from "react";
-import * as b from "@radix-ui/react-dialog";
-import { Root as Z, Trigger as _, Portal as ee, Content as te, Item as E } from "./index49.js";
-import { X as ne, Loader2 as se, MoreVertical as re } from "lucide-react";
-import { cn as w } from "./index2.js";
-const G = (t) => {
-  const s = Date.parse(t);
-  return Number.isFinite(s) ? s : 0;
-}, oe = (t) => {
-  const s = new Date(G(t));
-  if (!Number.isFinite(s.getTime())) return "unknown";
-  const m = s.getFullYear(), o = String(s.getMonth() + 1).padStart(2, "0"), a = String(s.getDate()).padStart(2, "0");
-  return `${m}-${o}-${a}`;
-}, ae = (t) => {
-  if (t === "unknown") return "Unknown date";
-  const [s, m, o] = t.split("-"), a = Number(s), x = Number(m), r = Number(o);
-  if (!Number.isFinite(a) || !Number.isFinite(x) || !Number.isFinite(r)) return "Unknown date";
-  const j = new Date(a, x - 1, r);
-  if (!Number.isFinite(j.getTime())) return "Unknown date";
-  const k = (/* @__PURE__ */ new Date()).getFullYear() !== a;
-  return j.toLocaleDateString(void 0, k ? { weekday: "short", month: "short", day: "numeric", year: "numeric" } : { weekday: "short", month: "short", day: "numeric" });
-}, Y = (t) => {
-  const s = [];
-  let m = null;
-  for (const o of t) {
-    const a = oe(o.createdAt);
-    a !== m && (m = a, s.push({ key: a, label: ae(a), items: [] })), s[s.length - 1].items.push(o);
+import { j as t } from "./index30.js";
+import { c as H } from "./index28.js";
+import { useContext as Q, createContext as W, useState as T, useMemo as $, useCallback as Z, useEffect as J } from "react";
+import * as F from "@radix-ui/react-dialog";
+import { Trigger as _, Item as K, Root as ee, Portal as te, Content as ne } from "./index54.js";
+import { X as se, Loader2 as oe, MoreVertical as re } from "lucide-react";
+import { cn as P } from "./index2.js";
+const q = (i) => {
+  const e = Date.parse(i);
+  return Number.isFinite(e) ? e : 0;
+}, ie = (i) => {
+  const e = new Date(q(i));
+  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}`;
+}, ae = (i) => {
+  if (i === "unknown") return "Unknown date";
+  const [e, n, r] = i.split("-"), a = Number(e), f = Number(n), s = Number(r);
+  if (!Number.isFinite(a) || !Number.isFinite(f) || !Number.isFinite(s)) return "Unknown date";
+  const y = new Date(a, f - 1, s);
+  if (!Number.isFinite(y.getTime())) return "Unknown date";
+  const x = (/* @__PURE__ */ new Date()).getFullYear() !== a;
+  return y.toLocaleDateString(void 0, x ? {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  } : {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+}, V = (i) => {
+  const e = [];
+  let n = null;
+  for (const r of i) {
+    const a = ie(r.createdAt);
+    a !== n && (n = a, e.push({
+      key: a,
+      label: ae(a),
+      items: []
+    })), e[e.length - 1].items.push(r);
   }
-  return s;
-}, ie = Q(null);
-function xe({
-  open: t,
-  onOpenChange: s,
-  className: m,
-  limit: o = 50,
+  return e;
+}, le = W(null);
+function he({
+  open: i,
+  onOpenChange: e,
+  className: n,
+  limit: r = 50,
   defaultUnreadOnly: a = !1,
-  realtimeContext: x
+  realtimeContext: f
 }) {
-  const r = H(x ?? ie), [j, v] = p([]), [k, C] = p(0), [J, A] = p(0), [K, U] = p(!1), [V, S] = p(null), [f, X] = p(a), M = r?.notifications ?? j, D = r?.unreadCount ?? k, O = r?.unseenCount ?? J, q = r?.loading ?? K, R = r?.error ? r.error instanceof Error ? r.error.message : String(r.error) : V, g = y(() => M.slice(0, o), [o, M]), T = y(() => g.filter((n) => !n.readAt), [g]), F = y(() => g.filter((n) => !!n.readAt), [g]), I = y(() => Y(T), [T]), z = y(() => Y(F), [F]), N = W(async ({ unreadOnly: n, markSeen: d }) => {
-    U(!0), S(null);
+  const s = Q(f ?? le), [y, C] = T([]), [x, h] = T(0), [A, p] = T(0), [S, j] = T(!1), [M, b] = T(null), [c, U] = T(a), v = s?.notifications ?? y, D = s?.unreadCount ?? x, N = s?.unseenCount ?? A, R = s?.loading ?? S, w = s?.error ? s.error instanceof Error ? s.error.message : String(s.error) : M, g = $(() => v.slice(0, r), [r, v]), I = $(() => g.filter((o) => !o.readAt), [g]), E = $(() => g.filter((o) => !!o.readAt), [g]), L = $(() => V(I), [I]), Y = $(() => V(E), [E]), z = Z(async ({
+    unreadOnly: o,
+    markSeen: d
+  }) => {
+    j(!0), b(null);
     try {
-      const h = await fetch("/api/rb/notifications", {
+      const O = await fetch("/api/rb/notifications", {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json"
+        },
         credentials: "include",
-        body: JSON.stringify({ limit: o, unreadOnly: n, markSeen: d })
-      }), i = await h.json().catch(() => null);
-      if (!h.ok || !i?.ok) {
-        S(i?.error || "Unable to load notifications.");
+        body: JSON.stringify({
+          limit: r,
+          unreadOnly: o,
+          markSeen: d
+        })
+      }), l = await O.json().catch(() => null);
+      if (!O.ok || !l?.ok) {
+        b(l?.error || "Unable to load notifications.");
         return;
       }
-      const u = Array.isArray(i.notifications) ? i.notifications : [];
-      v(u), C(Number.isFinite(i.unreadCount) ? Math.max(0, Math.floor(i.unreadCount ?? 0)) : 0), A(Number.isFinite(i.unseenCount) ? Math.max(0, Math.floor(i.unseenCount ?? 0)) : 0);
+      const k = Array.isArray(l.notifications) ? l.notifications : [];
+      C(k), h(Number.isFinite(l.unreadCount) ? Math.max(0, Math.floor(l.unreadCount ?? 0)) : 0), p(Number.isFinite(l.unseenCount) ? Math.max(0, Math.floor(l.unseenCount ?? 0)) : 0);
     } catch {
-      S("Unable to load notifications.");
+      b("Unable to load notifications.");
     } finally {
-      U(!1);
+      j(!1);
     }
-  }, [o]);
-  L(() => {
-    if (t) {
-      if (r) {
+  }, [r]);
+  J(() => {
+    if (i) {
+      if (s) {
         (async () => {
           try {
             await fetch("/api/rb/notifications", {
               method: "POST",
-              headers: { "Content-Type": "application/json" },
+              headers: {
+                "Content-Type": "application/json"
+              },
               credentials: "include",
               keepalive: !0,
-              body: JSON.stringify({ limit: 1, markSeen: !0 })
+              body: JSON.stringify({
+                limit: 1,
+                markSeen: !0
+              })
             });
           } catch {
             return;
@@ -76,197 +104,166 @@ function xe({
         })();
         return;
       }
-      N({ unreadOnly: f, markSeen: !0 });
+      z({
+        unreadOnly: c,
+        markSeen: !0
+      });
     }
-  }, [t, r, N, f]), L(() => {
-    t && (r || N({ unreadOnly: f, markSeen: !1 }));
-  }, [t, r, N, f]);
-  const P = async (n) => {
+  }, [i, s, z, c]), J(() => {
+    i && (s || z({
+      unreadOnly: c,
+      markSeen: !1
+    }));
+  }, [i, s, z, c]);
+  const B = async (o) => {
     try {
-      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(n)}/read`, {
+      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/read`, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json"
+        },
         credentials: "include",
         keepalive: !0,
         body: "{}"
-      }), h = await d.json().catch(() => null);
-      if (!d.ok || !h?.ok) return;
-      const i = (/* @__PURE__ */ new Date()).toISOString();
-      if (r) return;
-      v((u) => {
-        const c = u.find((l) => l.id === n);
-        return c && !c.readAt && C((l) => Math.max(0, l - 1)), c && !c.seenAt && A((l) => Math.max(0, l - 1)), u.map((l) => l.id === n && !l.readAt ? { ...l, readAt: i, ...l.seenAt ? {} : { seenAt: i } } : l);
+      }), O = await d.json().catch(() => null);
+      if (!d.ok || !O?.ok) return;
+      const l = (/* @__PURE__ */ new Date()).toISOString();
+      if (s) return;
+      C((k) => {
+        const m = k.find((u) => u.id === o);
+        return m && !m.readAt && h((u) => Math.max(0, u - 1)), m && !m.seenAt && p((u) => Math.max(0, u - 1)), k.map((u) => u.id === o && !u.readAt ? {
+          ...u,
+          readAt: l,
+          ...u.seenAt ? {} : {
+            seenAt: l
+          }
+        } : u);
       });
     } catch {
       return;
     }
-  }, $ = async (n) => {
+  }, G = async (o) => {
     try {
-      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(n)}/archive`, {
+      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/archive`, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json"
+        },
         credentials: "include",
         body: "{}"
-      }), h = await d.json().catch(() => null);
-      if (!d.ok || !h?.ok || r) return;
-      v((i) => {
-        const u = i.find((c) => c.id === n);
-        return u && !u.readAt && C((c) => Math.max(0, c - 1)), u && !u.seenAt && A((c) => Math.max(0, c - 1)), i.filter((c) => c.id !== n);
+      }), O = await d.json().catch(() => null);
+      if (!d.ok || !O?.ok || s) return;
+      C((l) => {
+        const k = l.find((m) => m.id === o);
+        return k && !k.readAt && h((m) => Math.max(0, m - 1)), k && !k.seenAt && p((m) => Math.max(0, m - 1)), l.filter((m) => m.id !== o);
       });
     } catch {
       return;
     }
   };
-  return /* @__PURE__ */ e.jsx(b.Root, { open: t, onOpenChange: s, children: /* @__PURE__ */ e.jsxs(b.Portal, { children: [
-    /* @__PURE__ */ e.jsx(b.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }),
-    /* @__PURE__ */ e.jsxs(
-      b.Content,
-      {
-        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",
-          m
-        ),
-        children: [
-          /* @__PURE__ */ e.jsxs("header", { className: "flex items-center justify-between gap-2 border-b px-4 py-3", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ e.jsx(b.Title, { className: "text-sm font-semibold", children: "Notifications" }),
-              /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: D > 0 ? `${D} unread` : O > 0 ? `${O} new` : "All caught up" })
-            ] }),
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => X((n) => !n),
-                  className: w(
-                    "rounded-md border px-2 py-1 text-xs",
-                    f ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"
-                  ),
-                  children: f ? "Unread" : "All"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(b.Close, { asChild: !0, children: /* @__PURE__ */ e.jsx("button", { type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent", children: /* @__PURE__ */ e.jsx(ne, { className: "h-4 w-4" }) }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: q ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ e.jsx(se, { className: "h-4 w-4 animate-spin" }) }) : R ? /* @__PURE__ */ e.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: R }) : g.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "No notifications." }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.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" }),
-              I.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : I.map((n) => /* @__PURE__ */ e.jsxs("div", { children: [
-                /* @__PURE__ */ e.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: n.label }),
-                /* @__PURE__ */ e.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: n.items.map((d) => /* @__PURE__ */ e.jsx(
-                  B,
-                  {
-                    notification: d,
-                    onMarkRead: P,
-                    onArchive: $
-                  },
-                  d.id
-                )) })
-              ] }, `unread:${n.key}`))
-            ] }),
-            f ? null : /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.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" }),
-              z.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : z.map((n) => /* @__PURE__ */ e.jsxs("div", { children: [
-                /* @__PURE__ */ e.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: n.label }),
-                /* @__PURE__ */ e.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: n.items.map((d) => /* @__PURE__ */ e.jsx(
-                  B,
-                  {
-                    notification: d,
-                    onMarkRead: P,
-                    onArchive: $
-                  },
-                  d.id
-                )) })
-              ] }, `previous:${n.key}`))
-            ] })
-          ] }) })
-        ]
-      }
-    )
+  return /* @__PURE__ */ t.jsx(F.Root, { open: i, onOpenChange: e, children: /* @__PURE__ */ t.jsxs(F.Portal, { children: [
+    /* @__PURE__ */ t.jsx(F.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }),
+    /* @__PURE__ */ t.jsxs(F.Content, { className: P("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(F.Title, { className: "text-sm font-semibold", children: "Notifications" }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: D > 0 ? `${D} unread` : N > 0 ? `${N} new` : "All caught up" })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => U((o) => !o), className: P("rounded-md border px-2 py-1 text-xs", c ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"), children: c ? "Unread" : "All" }),
+          /* @__PURE__ */ t.jsx(F.Close, { asChild: !0, children: /* @__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(se, { 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(oe, { className: "h-4 w-4 animate-spin" }) }) : w ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: w }) : g.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" }),
+          L.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : L.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((d) => /* @__PURE__ */ t.jsx(X, { notification: d, onMarkRead: B, onArchive: G }, d.id)) })
+          ] }, `unread:${o.key}`))
+        ] }),
+        c ? 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" }),
+          Y.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : Y.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((d) => /* @__PURE__ */ t.jsx(X, { notification: d, onMarkRead: B, onArchive: G }, d.id)) })
+          ] }, `previous:${o.key}`))
+        ] })
+      ] }) })
+    ] })
   ] }) });
 }
-function B({
-  notification: t,
-  onMarkRead: s,
-  onArchive: m
-}) {
-  const o = !t.readAt, a = (() => {
-    const x = new Date(G(t.createdAt));
-    return Number.isFinite(x.getTime()) ? x.toLocaleString() : "";
-  })();
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: w(
-        "group flex w-full gap-3 px-4 py-3 hover:bg-accent/40",
-        o ? "bg-primary/5" : "bg-background"
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "min-w-0 flex-1 text-left",
-            onClick: () => {
-              o && s(t.id), t.url && (window.location.href = t.url);
-            },
-            children: [
-              /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ e.jsx("div", { className: "truncate text-sm font-semibold", children: t.title }),
-                t.body ? /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: t.body }) : null
-              ] }),
-              t.url ? /* @__PURE__ */ e.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: t.url }) : null,
-              a ? /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: a }) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { className: "flex items-start", children: /* @__PURE__ */ e.jsxs(Z, { children: [
-          /* @__PURE__ */ e.jsx(_, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-            "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__ */ e.jsx(re, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(
-            te,
-            {
-              align: "end",
-              sideOffset: 6,
-              className: w(
-                "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"
-              ),
-              children: [
-                /* @__PURE__ */ e.jsx(
-                  E,
-                  {
-                    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: () => m(t.id),
-                    children: "Archive"
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  E,
-                  {
-                    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: !o,
-                    onSelect: () => s(t.id),
-                    children: "Mark as read"
-                  }
-                )
-              ]
-            }
-          ) })
-        ] }) })
-      ]
+function X(i) {
+  const e = H.c(43), {
+    notification: n,
+    onMarkRead: r,
+    onArchive: a
+  } = i, f = !n.readAt;
+  let s;
+  if (e[0] !== n.createdAt) {
+    e: {
+      const I = new Date(q(n.createdAt));
+      if (!Number.isFinite(I.getTime())) {
+        s = "";
+        break e;
+      }
+      s = I.toLocaleString();
     }
-  );
+    e[0] = n.createdAt, e[1] = s;
+  } else
+    s = e[1];
+  const y = s, C = f ? "bg-primary/5" : "bg-background";
+  let x;
+  e[2] !== C ? (x = P("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", C), e[2] = C, e[3] = x) : x = e[3];
+  let h;
+  e[4] !== f || e[5] !== n.id || e[6] !== n.url || e[7] !== r ? (h = () => {
+    f && r(n.id), n.url && (window.location.href = n.url);
+  }, e[4] = f, e[5] = n.id, e[6] = n.url, e[7] = r, e[8] = h) : h = e[8];
+  let A;
+  e[9] !== n.title ? (A = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[9] = n.title, e[10] = A) : A = e[10];
+  let p;
+  e[11] !== n.body ? (p = n.body ? /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: n.body }) : null, e[11] = n.body, e[12] = p) : p = e[12];
+  let S;
+  e[13] !== A || e[14] !== p ? (S = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
+    A,
+    p
+  ] }), e[13] = A, e[14] = p, e[15] = S) : S = e[15];
+  let j;
+  e[16] !== n.url ? (j = n.url ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: n.url }) : null, e[16] = n.url, e[17] = j) : j = e[17];
+  let M;
+  e[18] !== y ? (M = y ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: y }) : null, e[18] = y, e[19] = M) : M = e[19];
+  let b;
+  e[20] !== h || e[21] !== S || e[22] !== j || e[23] !== M ? (b = /* @__PURE__ */ t.jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", onClick: h, children: [
+    S,
+    j,
+    M
+  ] }), e[20] = h, e[21] = S, e[22] = j, e[23] = M, e[24] = b) : b = e[24];
+  let c;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t.jsx(_, { asChild: !0, children: /* @__PURE__ */ t.jsx("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__ */ t.jsx(re, { className: "h-4 w-4" }) }) }), e[25] = c) : c = e[25];
+  let U;
+  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = P("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"), e[26] = U) : U = e[26];
+  let v;
+  e[27] !== n.id || e[28] !== a ? (v = /* @__PURE__ */ t.jsx(K, { 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: () => a(n.id), children: "Archive" }), e[27] = n.id, e[28] = a, e[29] = v) : v = e[29];
+  const D = !f;
+  let N;
+  e[30] !== n.id || e[31] !== r ? (N = () => r(n.id), e[30] = n.id, e[31] = r, e[32] = N) : N = e[32];
+  let R;
+  e[33] !== D || e[34] !== N ? (R = /* @__PURE__ */ t.jsx(K, { 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: D, onSelect: N, children: "Mark as read" }), e[33] = D, e[34] = N, e[35] = R) : R = e[35];
+  let w;
+  e[36] !== v || e[37] !== R ? (w = /* @__PURE__ */ t.jsx("div", { className: "flex items-start", children: /* @__PURE__ */ t.jsxs(ee, { children: [
+    c,
+    /* @__PURE__ */ t.jsx(te, { children: /* @__PURE__ */ t.jsxs(ne, { align: "end", sideOffset: 6, className: U, children: [
+      v,
+      R
+    ] }) })
+  ] }) }), e[36] = v, e[37] = R, e[38] = w) : w = e[38];
+  let g;
+  return e[39] !== b || e[40] !== w || e[41] !== x ? (g = /* @__PURE__ */ t.jsxs("div", { className: x, children: [
+    b,
+    w
+  ] }), e[39] = b, e[40] = w, e[41] = x, e[42] = g) : g = e[42], g;
 }
 export {
-  xe as NotificationsDrawer
+  he as NotificationsDrawer
 };
 //# sourceMappingURL=index24.js.map