@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/overlays/Notifications/OverlayProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayProvider.js","names":[],"sources":["../../../../src/components/overlays/Notifications/OverlayProvider.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  NotificationContext,\n  PersistentNotificationsContext,\n  ToastContext,\n} from './NotificationContext';\nimport { OverlayContainer } from './OverlayContainer';\nimport { useNotificationState } from './use-notification-state';\nimport { useOverlayTimers } from './use-overlay-timers';\nimport { usePersistentState } from './use-persistent-state';\nimport { useToastState } from './use-toast-state';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  OverlayProviderProps,\n  PersistentNotificationsContextValue,\n} from './types';\nimport type { OverlayTimers } from './use-overlay-timers';\n\n// ─── Re-export context hooks for consumers ───────────────────────────\n\nexport { useToastContext, useNotificationContext } from './NotificationContext';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst DEFAULT_MAX_PERSISTENT = 200;\n\n// ─── OverlayProvider ─────────────────────────────────────────────────\n\nexport function OverlayProvider({\n  children,\n  maxPersistentNotifications = DEFAULT_MAX_PERSISTENT,\n}: OverlayProviderProps) {\n  // Shared ref that breaks the circular dependency between state hooks and timers.\n  // State hooks need timer methods (start/clear), timer hooks need remove methods.\n  // All consumers access the ref only inside useEvent/callbacks (never during\n  // render), so it is guaranteed to be populated before first use.\n  const timersRef = useRef<OverlayTimers>(null!);\n\n  // 1. Persistent state (no dependencies on other hooks)\n  const persistent = usePersistentState(maxPersistentNotifications);\n\n  // 2. Toast state — accesses timers through the shared ref\n  const toast = useToastState(timersRef);\n\n  // 3. Notification state — accesses timers through the shared ref\n  const notification = useNotificationState(timersRef, persistent);\n\n  // 4. Create timers and populate the ref\n  const timers = useOverlayTimers({\n    toastsRef: toast.toastsRef,\n    notificationsRef: notification.notificationsRef,\n    removeToast: toast.removeToast,\n    removeNotification: notification.removeNotification,\n  });\n\n  timersRef.current = timers;\n\n  // ─── Context Values ───────────────────────────────────────────────\n\n  // Only include actually-changing values in deps. All useEvent-based\n  // callbacks are referentially stable and omitted.\n  const toastContextValue = useMemo<ToastContextValue>(\n    () => ({\n      addToast: toast.addToast,\n      removeToast: toast.removeToast,\n      updateToast: toast.updateToast,\n      toasts: toast.toasts,\n    }),\n    [toast.toasts],\n  );\n\n  const notificationContextValue = useMemo<InternalNotificationContextValue>(\n    () => ({\n      addNotification: notification.addNotification,\n      removeNotification: notification.removeNotification,\n      updateNotification: notification.updateNotification,\n      notifications: notification.notifications,\n      addPersistentItem: persistent.addPersistentItem,\n      removePersistentItem: persistent.removePersistentItem,\n      removePersistentItemsByOwner: persistent.removePersistentItemsByOwner,\n      removeByOwner: notification.removeByOwner,\n    }),\n    [notification.notifications],\n  );\n\n  const persistentContextValue = useMemo<PersistentNotificationsContextValue>(\n    () => ({\n      persistentItems: persistent.persistentItems,\n      removePersistentItem: persistent.removePersistentItem,\n      clearPersistentItems: persistent.clearPersistentItems,\n      markAllAsRead: persistent.markAllAsRead,\n    }),\n    [persistent.persistentItems],\n  );\n\n  return (\n    <ToastContext.Provider value={toastContextValue}>\n      <NotificationContext.Provider value={notificationContextValue}>\n        <PersistentNotificationsContext.Provider value={persistentContextValue}>\n          {children}\n          <OverlayContainer\n            toasts={toast.toasts}\n            notifications={notification.notifications}\n            onToastExitComplete={toast.finalizeToastRemoval}\n            onNotificationExitComplete={\n              notification.finalizeNotificationRemoval\n            }\n            onNotificationDismiss={notification.removeNotification}\n            onNotificationRestore={notification.restoreNotification}\n            onPauseChange={timers.handlePauseChange}\n          />\n        </PersistentNotificationsContext.Provider>\n      </NotificationContext.Provider>\n    </ToastContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA2BA,MAAM,yBAAyB;AAI/B,SAAgB,gBAAgB,EAC9B,UACA,6BAA6B,0BACN;CAKvB,MAAM,YAAY,OAAsB,KAAM;CAG9C,MAAM,aAAa,mBAAmB,2BAA2B;CAGjE,MAAM,QAAQ,cAAc,UAAU;CAGtC,MAAM,eAAe,qBAAqB,WAAW,WAAW;CAGhE,MAAM,SAAS,iBAAiB;EAC9B,WAAW,MAAM;EACjB,kBAAkB,aAAa;EAC/B,aAAa,MAAM;EACnB,oBAAoB,aAAa;EAClC,CAAC;AAEF,WAAU,UAAU;CAMpB,MAAM,oBAAoB,eACjB;EACL,UAAU,MAAM;EAChB,aAAa,MAAM;EACnB,aAAa,MAAM;EACnB,QAAQ,MAAM;EACf,GACD,CAAC,MAAM,OAAO,CACf;CAED,MAAM,2BAA2B,eACxB;EACL,iBAAiB,aAAa;EAC9B,oBAAoB,aAAa;EACjC,oBAAoB,aAAa;EACjC,eAAe,aAAa;EAC5B,mBAAmB,WAAW;EAC9B,sBAAsB,WAAW;EACjC,8BAA8B,WAAW;EACzC,eAAe,aAAa;EAC7B,GACD,CAAC,aAAa,cAAc,CAC7B;CAED,MAAM,yBAAyB,eACtB;EACL,iBAAiB,WAAW;EAC5B,sBAAsB,WAAW;EACjC,sBAAsB,WAAW;EACjC,eAAe,WAAW;EAC3B,GACD,CAAC,WAAW,gBAAgB,CAC7B;AAED,QACE,oBAAC,aAAa;EAAS,OAAO;YAC5B,oBAAC,oBAAoB;GAAS,OAAO;aACnC,qBAAC,+BAA+B;IAAS,OAAO;eAC7C,UACD,oBAAC;KACC,QAAQ,MAAM;KACd,eAAe,aAAa;KAC5B,qBAAqB,MAAM;KAC3B,4BACE,aAAa;KAEf,uBAAuB,aAAa;KACpC,uBAAuB,aAAa;KACpC,eAAe,OAAO;MACtB;KACsC;IACb;GACT"}
+{"version":3,"file":"OverlayProvider.js","names":["useMemo","useRef","NotificationContext","PersistentNotificationsContext","ToastContext","OverlayContainer","useNotificationState","useOverlayTimers","usePersistentState","useToastState","ToastContextValue","InternalNotificationContextValue","OverlayProviderProps","PersistentNotificationsContextValue","OverlayTimers","useToastContext","useNotificationContext","DEFAULT_MAX_PERSISTENT","OverlayProvider","children","maxPersistentNotifications","timersRef","persistent","toast","notification","timers","toastsRef","notificationsRef","removeToast","removeNotification","current","toastContextValue","addToast","updateToast","toasts","notificationContextValue","addNotification","updateNotification","notifications","addPersistentItem","removePersistentItem","removePersistentItemsByOwner","removeByOwner","persistentContextValue","persistentItems","clearPersistentItems","markAllAsRead","finalizeToastRemoval","finalizeNotificationRemoval","restoreNotification","handlePauseChange"],"sources":["../../../../src/components/overlays/Notifications/OverlayProvider.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  NotificationContext,\n  PersistentNotificationsContext,\n  ToastContext,\n} from './NotificationContext';\nimport { OverlayContainer } from './OverlayContainer';\nimport { useNotificationState } from './use-notification-state';\nimport { useOverlayTimers } from './use-overlay-timers';\nimport { usePersistentState } from './use-persistent-state';\nimport { useToastState } from './use-toast-state';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  OverlayProviderProps,\n  PersistentNotificationsContextValue,\n} from './types';\nimport type { OverlayTimers } from './use-overlay-timers';\n\n// ─── Re-export context hooks for consumers ───────────────────────────\n\nexport { useToastContext, useNotificationContext } from './NotificationContext';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst DEFAULT_MAX_PERSISTENT = 200;\n\n// ─── OverlayProvider ─────────────────────────────────────────────────\n\nexport function OverlayProvider({\n  children,\n  maxPersistentNotifications = DEFAULT_MAX_PERSISTENT,\n}: OverlayProviderProps) {\n  // Shared ref that breaks the circular dependency between state hooks and timers.\n  // State hooks need timer methods (start/clear), timer hooks need remove methods.\n  // All consumers access the ref only inside useEvent/callbacks (never during\n  // render), so it is guaranteed to be populated before first use.\n  const timersRef = useRef<OverlayTimers>(null!);\n\n  // 1. Persistent state (no dependencies on other hooks)\n  const persistent = usePersistentState(maxPersistentNotifications);\n\n  // 2. Toast state — accesses timers through the shared ref\n  const toast = useToastState(timersRef);\n\n  // 3. Notification state — accesses timers through the shared ref\n  const notification = useNotificationState(timersRef, persistent);\n\n  // 4. Create timers and populate the ref\n  const timers = useOverlayTimers({\n    toastsRef: toast.toastsRef,\n    notificationsRef: notification.notificationsRef,\n    removeToast: toast.removeToast,\n    removeNotification: notification.removeNotification,\n  });\n\n  timersRef.current = timers;\n\n  // ─── Context Values ───────────────────────────────────────────────\n\n  // Only include actually-changing values in deps. All useEvent-based\n  // callbacks are referentially stable and omitted.\n  const toastContextValue = useMemo<ToastContextValue>(\n    () => ({\n      addToast: toast.addToast,\n      removeToast: toast.removeToast,\n      updateToast: toast.updateToast,\n      toasts: toast.toasts,\n    }),\n    [toast.toasts],\n  );\n\n  const notificationContextValue = useMemo<InternalNotificationContextValue>(\n    () => ({\n      addNotification: notification.addNotification,\n      removeNotification: notification.removeNotification,\n      updateNotification: notification.updateNotification,\n      notifications: notification.notifications,\n      addPersistentItem: persistent.addPersistentItem,\n      removePersistentItem: persistent.removePersistentItem,\n      removePersistentItemsByOwner: persistent.removePersistentItemsByOwner,\n      removeByOwner: notification.removeByOwner,\n    }),\n    [notification.notifications],\n  );\n\n  const persistentContextValue = useMemo<PersistentNotificationsContextValue>(\n    () => ({\n      persistentItems: persistent.persistentItems,\n      removePersistentItem: persistent.removePersistentItem,\n      clearPersistentItems: persistent.clearPersistentItems,\n      markAllAsRead: persistent.markAllAsRead,\n    }),\n    [persistent.persistentItems],\n  );\n\n  return (\n    <ToastContext.Provider value={toastContextValue}>\n      <NotificationContext.Provider value={notificationContextValue}>\n        <PersistentNotificationsContext.Provider value={persistentContextValue}>\n          {children}\n          <OverlayContainer\n            toasts={toast.toasts}\n            notifications={notification.notifications}\n            onToastExitComplete={toast.finalizeToastRemoval}\n            onNotificationExitComplete={\n              notification.finalizeNotificationRemoval\n            }\n            onNotificationDismiss={notification.removeNotification}\n            onNotificationRestore={notification.restoreNotification}\n            onPauseChange={timers.handlePauseChange}\n          />\n        </PersistentNotificationsContext.Provider>\n      </NotificationContext.Provider>\n    </ToastContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA2BA,MAAMiB,yBAAyB;AAI/B,SAAgBC,gBAAgB,EAC9BC,UACAC,6BAA6BH,0BACN;CAKvB,MAAMI,YAAYpB,OAAsB,KAAM;CAG9C,MAAMqB,aAAad,mBAAmBY,2BAA2B;CAGjE,MAAMG,QAAQd,cAAcY,UAAU;CAGtC,MAAMG,eAAelB,qBAAqBe,WAAWC,WAAW;CAGhE,MAAMG,SAASlB,iBAAiB;EAC9BmB,WAAWH,MAAMG;EACjBC,kBAAkBH,aAAaG;EAC/BC,aAAaL,MAAMK;EACnBC,oBAAoBL,aAAaK;EAClC,CAAC;AAEFR,WAAUS,UAAUL;CAMpB,MAAMM,oBAAoB/B,eACjB;EACLgC,UAAUT,MAAMS;EAChBJ,aAAaL,MAAMK;EACnBK,aAAaV,MAAMU;EACnBC,QAAQX,MAAMW;EACf,GACD,CAACX,MAAMW,OACT,CAAC;CAED,MAAMC,2BAA2BnC,eACxB;EACLoC,iBAAiBZ,aAAaY;EAC9BP,oBAAoBL,aAAaK;EACjCQ,oBAAoBb,aAAaa;EACjCC,eAAed,aAAac;EAC5BC,mBAAmBjB,WAAWiB;EAC9BC,sBAAsBlB,WAAWkB;EACjCC,8BAA8BnB,WAAWmB;EACzCC,eAAelB,aAAakB;EAC7B,GACD,CAAClB,aAAac,cAChB,CAAC;CAED,MAAMK,yBAAyB3C,eACtB;EACL4C,iBAAiBtB,WAAWsB;EAC5BJ,sBAAsBlB,WAAWkB;EACjCK,sBAAsBvB,WAAWuB;EACjCC,eAAexB,WAAWwB;EAC3B,GACD,CAACxB,WAAWsB,gBACd,CAAC;AAED,QACE,oBAAC,aAAa;EAAS,OAAOb;YAC5B,oBAAC,oBAAoB;GAAS,OAAOI;aACnC,qBAAC,+BAA+B;IAAS,OAAOQ;eAC7CxB,UACD,oBAAC;KACC,QAAQI,MAAMW;KACd,eAAeV,aAAac;KAC5B,qBAAqBf,MAAMwB;KAC3B,4BACEvB,aAAawB;KAEf,uBAAuBxB,aAAaK;KACpC,uBAAuBL,aAAayB;KACpC,eAAexB,OAAOyB;MAAkB;KAEH;IACb;GACR"}

package/dist/components/overlays/Notifications/PersistentNotificationsList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -7,6 +7,7 @@ import { NotificationCard } from "./NotificationCard.js";
 import { Divider } from "../../content/Divider.js";
 import { formatRelativeTime } from "./format-relative-time.js";
 import { usePersistentNotifications } from "./use-persistent-notifications.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, useContext, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -48,80 +49,231 @@ const EmptyStateContainer = tasty({ styles: {
 * <PersistentNotificationsList emptyState="No notifications" />
 * ```
 */
-function PersistentNotificationsList({ onDismissItem, onAction, emptyState }) {
+function PersistentNotificationsList(t0) {
+	const $ = c(33);
+	const { onDismissItem, onAction, emptyState } = t0;
 	const { t } = useI18n();
 	const { items, remove, markAllAsRead } = usePersistentNotifications();
-	const listAriaLabel = t("notifications.ariaLabel", "Notifications");
-	const handleDismiss = useEvent((item) => {
-		remove(item.id);
-		onDismissItem?.(item);
-	});
+	let t1;
+	if ($[0] !== t) {
+		t1 = t("notifications.ariaLabel", "Notifications");
+		$[0] = t;
+		$[1] = t1;
+	} else t1 = $[1];
+	const listAriaLabel = t1;
+	let t2;
+	if ($[2] !== onDismissItem || $[3] !== remove) {
+		t2 = (item) => {
+			remove(item.id);
+			onDismissItem?.(item);
+		};
+		$[2] = onDismissItem;
+		$[3] = remove;
+		$[4] = t2;
+	} else t2 = $[4];
+	const handleDismiss = useEvent(t2);
 	const markReadTimerRef = useRef(null);
-	const [, setTick] = useState(0);
-	useEffect(() => {
-		if (items.length === 0) return;
-		const interval = setInterval(() => {
-			setTick((t) => t + 1);
-		}, TIMESTAMP_REFRESH_INTERVAL);
-		return () => clearInterval(interval);
-	}, [items.length]);
-	useEffect(() => {
-		if (!items.some((i) => !i.isRead)) return;
-		markReadTimerRef.current = setTimeout(() => {
-			markAllAsRead();
-		}, MARK_READ_DELAY);
-		return () => {
-			if (markReadTimerRef.current) {
-				clearTimeout(markReadTimerRef.current);
-				markReadTimerRef.current = null;
-			}
+	const [now, setNow] = useState(_temp);
+	let t3;
+	let t4;
+	if ($[5] !== items.length) {
+		t3 = () => {
+			if (items.length === 0) return;
+			const interval = setInterval(() => {
+				setNow(Date.now());
+			}, TIMESTAMP_REFRESH_INTERVAL);
+			return () => clearInterval(interval);
 		};
-	}, [markAllAsRead, items]);
-	if (items.length === 0) return /* @__PURE__ */ jsx(ListContainer, {
-		"aria-label": listAriaLabel,
-		children: /* @__PURE__ */ jsx(EmptyStateContainer, { children: emptyState ?? t("notifications.empty", "No notifications") })
-	});
-	return /* @__PURE__ */ jsx(NotificationActionInterceptorContext.Provider, {
-		value: onAction ?? null,
-		children: /* @__PURE__ */ jsx(ListContainer, {
-			"aria-label": listAriaLabel,
-			children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Divider, {}), /* @__PURE__ */ jsx(PersistentNotificationListItem, {
-				item,
+		t4 = [items.length];
+		$[5] = items.length;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+	}
+	useEffect(t3, t4);
+	let t5;
+	let t6;
+	if ($[8] !== items || $[9] !== markAllAsRead) {
+		t5 = () => {
+			if (!items.some(_temp2)) return;
+			markReadTimerRef.current = setTimeout(() => {
+				markAllAsRead();
+			}, MARK_READ_DELAY);
+			return () => {
+				if (markReadTimerRef.current) {
+					clearTimeout(markReadTimerRef.current);
+					markReadTimerRef.current = null;
+				}
+			};
+		};
+		t6 = [markAllAsRead, items];
+		$[8] = items;
+		$[9] = markAllAsRead;
+		$[10] = t5;
+		$[11] = t6;
+	} else {
+		t5 = $[10];
+		t6 = $[11];
+	}
+	useEffect(t5, t6);
+	if (items.length === 0) {
+		let t7;
+		if ($[12] !== emptyState || $[13] !== t) {
+			t7 = emptyState ?? t("notifications.empty", "No notifications");
+			$[12] = emptyState;
+			$[13] = t;
+			$[14] = t7;
+		} else t7 = $[14];
+		let t8;
+		if ($[15] !== t7) {
+			t8 = /* @__PURE__ */ jsx(EmptyStateContainer, { children: t7 });
+			$[15] = t7;
+			$[16] = t8;
+		} else t8 = $[16];
+		let t9;
+		if ($[17] !== listAriaLabel || $[18] !== t8) {
+			t9 = /* @__PURE__ */ jsx(ListContainer, {
+				"aria-label": listAriaLabel,
+				children: t8
+			});
+			$[17] = listAriaLabel;
+			$[18] = t8;
+			$[19] = t9;
+		} else t9 = $[19];
+		return t9;
+	}
+	const t7 = onAction ?? null;
+	let t8;
+	if ($[20] !== handleDismiss || $[21] !== items || $[22] !== now) {
+		let t9;
+		if ($[24] !== handleDismiss || $[25] !== now) {
+			t9 = (item_0, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Divider, {}), /* @__PURE__ */ jsx(PersistentNotificationListItem, {
+				item: item_0,
+				now,
 				onDismiss: handleDismiss
-			})] }, String(item.id)))
-		})
-	});
+			})] }, String(item_0.id));
+			$[24] = handleDismiss;
+			$[25] = now;
+			$[26] = t9;
+		} else t9 = $[26];
+		t8 = items.map(t9);
+		$[20] = handleDismiss;
+		$[21] = items;
+		$[22] = now;
+		$[23] = t8;
+	} else t8 = $[23];
+	let t9;
+	if ($[27] !== listAriaLabel || $[28] !== t8) {
+		t9 = /* @__PURE__ */ jsx(ListContainer, {
+			"aria-label": listAriaLabel,
+			children: t8
+		});
+		$[27] = listAriaLabel;
+		$[28] = t8;
+		$[29] = t9;
+	} else t9 = $[29];
+	let t10;
+	if ($[30] !== t7 || $[31] !== t9) {
+		t10 = /* @__PURE__ */ jsx(NotificationActionInterceptorContext.Provider, {
+			value: t7,
+			children: t9
+		});
+		$[30] = t7;
+		$[31] = t9;
+		$[32] = t10;
+	} else t10 = $[32];
+	return t10;
+}
+function _temp2(i) {
+	return !i.isRead;
+}
+function _temp() {
+	return Date.now();
 }
-function PersistentNotificationListItem({ item, onDismiss }) {
+function PersistentNotificationListItem(t0) {
+	const $ = c(24);
+	const { item, now, onDismiss } = t0;
 	const { t } = useI18n();
-	const suffix = /* @__PURE__ */ jsx(_Text, {
-		opacity: .5,
-		preset: "c2",
-		children: formatRelativeTime(item.createdAt, t)
-	});
-	const handleDismiss = useEvent((_id, _reason) => {
-		onDismiss?.(item);
-	});
+	let t1;
+	if ($[0] !== item.createdAt || $[1] !== now || $[2] !== t) {
+		t1 = formatRelativeTime(item.createdAt, t, now);
+		$[0] = item.createdAt;
+		$[1] = now;
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(_Text, {
+			opacity: .5,
+			preset: "c2",
+			children: t1
+		});
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const suffix = t2;
+	let t3;
+	if ($[6] !== item || $[7] !== onDismiss) {
+		t3 = (_id, _reason) => {
+			onDismiss?.(item);
+		};
+		$[6] = item;
+		$[7] = onDismiss;
+		$[8] = t3;
+	} else t3 = $[8];
+	const handleDismiss = useEvent(t3);
 	const parentInterceptor = useContext(NotificationActionInterceptorContext);
-	const handleItemAction = useEvent(() => {
-		parentInterceptor?.();
-	});
-	return /* @__PURE__ */ jsx(NotificationActionInterceptorContext.Provider, {
-		value: handleItemAction,
-		children: /* @__PURE__ */ jsx(NotificationCard, {
+	let t4;
+	if ($[9] !== parentInterceptor) {
+		t4 = () => {
+			parentInterceptor?.();
+		};
+		$[9] = parentInterceptor;
+		$[10] = t4;
+	} else t4 = $[10];
+	const handleItemAction = useEvent(t4);
+	const t5 = !!onDismiss;
+	const t6 = onDismiss ? handleDismiss : void 0;
+	let t7;
+	if ($[11] !== item.actions || $[12] !== item.description || $[13] !== item.icon || $[14] !== item.id || $[15] !== item.theme || $[16] !== item.title || $[17] !== suffix || $[18] !== t5 || $[19] !== t6) {
+		t7 = /* @__PURE__ */ jsx(NotificationCard, {
 			qa: "PersistentNotificationItem",
 			theme: item.theme,
 			title: item.title,
 			description: item.description,
 			icon: item.icon,
 			actions: item.actions,
-			isDismissable: !!onDismiss,
+			isDismissable: t5,
 			elevated: false,
 			notificationId: item.id,
 			suffix,
-			onDismiss: onDismiss ? handleDismiss : void 0
-		})
-	});
+			onDismiss: t6
+		});
+		$[11] = item.actions;
+		$[12] = item.description;
+		$[13] = item.icon;
+		$[14] = item.id;
+		$[15] = item.theme;
+		$[16] = item.title;
+		$[17] = suffix;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+	} else t7 = $[20];
+	let t8;
+	if ($[21] !== handleItemAction || $[22] !== t7) {
+		t8 = /* @__PURE__ */ jsx(NotificationActionInterceptorContext.Provider, {
+			value: handleItemAction,
+			children: t7
+		});
+		$[21] = handleItemAction;
+		$[22] = t7;
+		$[23] = t8;
+	} else t8 = $[23];
+	return t8;
 }
 
 //#endregion

package/dist/components/overlays/Notifications/PersistentNotificationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersistentNotificationsList.js","names":["Text"],"sources":["../../../../src/components/overlays/Notifications/PersistentNotificationsList.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { Fragment, Key, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { Divider } from '../../content/Divider';\nimport { Text } from '../../content/Text';\n\nimport { formatRelativeTime } from './format-relative-time';\nimport { NotificationActionInterceptorContext } from './NotificationAction';\nimport { NotificationCard } from './NotificationCard';\nimport { usePersistentNotifications } from './use-persistent-notifications';\n\nimport type {\n  DismissReason,\n  PersistentNotificationItem,\n  PersistentNotificationsListProps,\n} from './types';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst MARK_READ_DELAY = 2000;\n/** Interval (ms) at which relative timestamps refresh while the list is mounted. */\nconst TIMESTAMP_REFRESH_INTERVAL = 10_000;\n\n// ─── Styled Components ──────────────────────────────────────────────\n\nconst ListContainer = tasty({\n  qa: 'PersistentNotificationsList',\n  role: 'log',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n  },\n});\n\nconst EmptyStateContainer = tasty({\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n    placeContent: 'center',\n    padding: '4x',\n    color: '#dark.5',\n    preset: 't3',\n  },\n});\n\n// ─── PersistentNotificationsList Component ───────────────────────────\n\n/**\n * Standardized rendering for archived/persistent notifications.\n * Always reads items from the notification context.\n * Composable with app-specific shells (popover, dialog, page section).\n *\n * Marks all items as read after being visible for 2 seconds.\n * Relative timestamps refresh every 10 seconds while the list is mounted.\n *\n * Items are always dismissible. Dismissing an item removes it from the\n * persistent list and marks its ID as \"fully dismissed\" — subsequent triggers\n * with the same ID will be completely ignored (no overlay, no re-archival).\n *\n * @example\n * ```tsx\n * <PersistentNotificationsList emptyState=\"No notifications\" />\n * ```\n */\nexport function PersistentNotificationsList({\n  onDismissItem,\n  onAction,\n  emptyState,\n}: PersistentNotificationsListProps) {\n  const { t } = useI18n();\n  const { items, remove, markAllAsRead } = usePersistentNotifications();\n  const listAriaLabel = t('notifications.ariaLabel', 'Notifications');\n\n  // Default dismiss handler removes the item from the persistent list (which\n  // also marks the id as \"fully dismissed\" so it won't reappear).\n  // If a consumer provides `onDismissItem`, it is called *after* the built-in removal.\n  const handleDismiss = useEvent((item: PersistentNotificationItem) => {\n    remove(item.id);\n    onDismissItem?.(item);\n  });\n  const markReadTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Tick counter that increments every TIMESTAMP_REFRESH_INTERVAL to force\n  // re-render so relative timestamps (e.g. \"5 min ago\") stay up to date.\n  const [, setTick] = useState(0);\n\n  useEffect(() => {\n    if (items.length === 0) return;\n\n    const interval = setInterval(() => {\n      setTick((t) => t + 1);\n    }, TIMESTAMP_REFRESH_INTERVAL);\n\n    return () => clearInterval(interval);\n  }, [items.length]);\n\n  // Mark all persistent notifications as read after a 2s delay.\n  // Re-starts the timer whenever items change (e.g. new unread items arrive\n  // while the list is already visible).\n  useEffect(() => {\n    const hasUnread = items.some((i) => !i.isRead);\n\n    if (!hasUnread) return;\n\n    markReadTimerRef.current = setTimeout(() => {\n      markAllAsRead();\n    }, MARK_READ_DELAY);\n\n    return () => {\n      if (markReadTimerRef.current) {\n        clearTimeout(markReadTimerRef.current);\n        markReadTimerRef.current = null;\n      }\n    };\n  }, [markAllAsRead, items]);\n\n  if (items.length === 0) {\n    return (\n      <ListContainer aria-label={listAriaLabel}>\n        <EmptyStateContainer>\n          {emptyState ?? t('notifications.empty', 'No notifications')}\n        </EmptyStateContainer>\n      </ListContainer>\n    );\n  }\n\n  return (\n    <NotificationActionInterceptorContext.Provider value={onAction ?? null}>\n      <ListContainer aria-label={listAriaLabel}>\n        {items.map((item, index) => (\n          <Fragment key={String(item.id)}>\n            {index > 0 && <Divider />}\n            <PersistentNotificationListItem\n              item={item}\n              onDismiss={handleDismiss}\n            />\n          </Fragment>\n        ))}\n      </ListContainer>\n    </NotificationActionInterceptorContext.Provider>\n  );\n}\n\n// ─── List Item ───────────────────────────────────────────────────────\n\ninterface PersistentNotificationListItemProps {\n  item: PersistentNotificationItem;\n  onDismiss?: (item: PersistentNotificationItem) => void;\n}\n\nfunction PersistentNotificationListItem({\n  item,\n  onDismiss,\n}: PersistentNotificationListItemProps) {\n  const { t } = useI18n();\n  const suffix = (\n    <Text opacity={0.5} preset=\"c2\">\n      {formatRelativeTime(item.createdAt, t)}\n    </Text>\n  );\n\n  // useEvent keeps the callback stable across re-renders regardless of\n  // item reference changes (avoids unnecessary NotificationCard re-renders).\n  const handleDismiss = useEvent((_id: Key, _reason: DismissReason) => {\n    onDismiss?.(item);\n  });\n\n  const parentInterceptor = useContext(NotificationActionInterceptorContext);\n\n  // Chains with the list-level interceptor (e.g. closing the parent popover).\n  // Dismissal itself is handled by NotificationAction via the dismiss context\n  // to avoid double-firing onDismiss.\n  const handleItemAction = useEvent(() => {\n    parentInterceptor?.();\n  });\n\n  return (\n    <NotificationActionInterceptorContext.Provider value={handleItemAction}>\n      <NotificationCard\n        qa=\"PersistentNotificationItem\"\n        theme={item.theme}\n        title={item.title}\n        description={item.description}\n        icon={item.icon}\n        actions={item.actions}\n        isDismissable={!!onDismiss}\n        elevated={false}\n        notificationId={item.id}\n        suffix={suffix}\n        onDismiss={onDismiss ? handleDismiss : undefined}\n      />\n    </NotificationActionInterceptorContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,kBAAkB;;AAExB,MAAM,6BAA6B;AAInC,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAEF,MAAM,sBAAsB,MAAM,EAChC,QAAQ;CACN,SAAS;CACT,YAAY;CACZ,cAAc;CACd,SAAS;CACT,OAAO;CACP,QAAQ;CACT,EACF,CAAC;;;;;;;;;;;;;;;;;;AAqBF,SAAgB,4BAA4B,EAC1C,eACA,UACA,cACmC;CACnC,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,EAAE,OAAO,QAAQ,kBAAkB,4BAA4B;CACrE,MAAM,gBAAgB,EAAE,2BAA2B,gBAAgB;CAKnE,MAAM,gBAAgB,UAAU,SAAqC;AACnE,SAAO,KAAK,GAAG;AACf,kBAAgB,KAAK;GACrB;CACF,MAAM,mBAAmB,OAA6C,KAAK;CAI3E,MAAM,GAAG,WAAW,SAAS,EAAE;AAE/B,iBAAgB;AACd,MAAI,MAAM,WAAW,EAAG;EAExB,MAAM,WAAW,kBAAkB;AACjC,YAAS,MAAM,IAAI,EAAE;KACpB,2BAA2B;AAE9B,eAAa,cAAc,SAAS;IACnC,CAAC,MAAM,OAAO,CAAC;AAKlB,iBAAgB;AAGd,MAAI,CAFc,MAAM,MAAM,MAAM,CAAC,EAAE,OAAO,CAE9B;AAEhB,mBAAiB,UAAU,iBAAiB;AAC1C,kBAAe;KACd,gBAAgB;AAEnB,eAAa;AACX,OAAI,iBAAiB,SAAS;AAC5B,iBAAa,iBAAiB,QAAQ;AACtC,qBAAiB,UAAU;;;IAG9B,CAAC,eAAe,MAAM,CAAC;AAE1B,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC;EAAc,cAAY;YACzB,oBAAC,iCACE,cAAc,EAAE,uBAAuB,mBAAmB,GACvC;GACR;AAIpB,QACE,oBAAC,qCAAqC;EAAS,OAAO,YAAY;YAChE,oBAAC;GAAc,cAAY;aACxB,MAAM,KAAK,MAAM,UAChB,qBAAC,uBACE,QAAQ,KAAK,oBAAC,YAAU,EACzB,oBAAC;IACO;IACN,WAAW;KACX,KALW,OAAO,KAAK,GAAG,CAMnB,CACX;IACY;GAC8B;;AAWpD,SAAS,+BAA+B,EACtC,MACA,aACsC;CACtC,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SACJ,oBAACA;EAAK,SAAS;EAAK,QAAO;YACxB,mBAAmB,KAAK,WAAW,EAAE;GACjC;CAKT,MAAM,gBAAgB,UAAU,KAAU,YAA2B;AACnE,cAAY,KAAK;GACjB;CAEF,MAAM,oBAAoB,WAAW,qCAAqC;CAK1E,MAAM,mBAAmB,eAAe;AACtC,uBAAqB;GACrB;AAEF,QACE,oBAAC,qCAAqC;EAAS,OAAO;YACpD,oBAAC;GACC,IAAG;GACH,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,aAAa,KAAK;GAClB,MAAM,KAAK;GACX,SAAS,KAAK;GACd,eAAe,CAAC,CAAC;GACjB,UAAU;GACV,gBAAgB,KAAK;GACb;GACR,WAAW,YAAY,gBAAgB;IACvC;GAC4C"}
+{"version":3,"file":"PersistentNotificationsList.js","names":["tasty","Fragment","Key","useContext","useEffect","useRef","useState","useEvent","useI18n","Divider","Text","formatRelativeTime","NotificationActionInterceptorContext","NotificationCard","usePersistentNotifications","DismissReason","PersistentNotificationItem","PersistentNotificationsListProps","MARK_READ_DELAY","TIMESTAMP_REFRESH_INTERVAL","ListContainer","qa","role","styles","display","flow","EmptyStateContainer","placeItems","placeContent","padding","color","preset","PersistentNotificationsList","t0","$","_c","onDismissItem","onAction","emptyState","t","items","remove","markAllAsRead","t1","listAriaLabel","t2","item","id","handleDismiss","markReadTimerRef","now","setNow","_temp","t3","t4","length","interval","setInterval","Date","clearInterval","t5","t6","hasUnread","some","_temp2","current","setTimeout","clearTimeout","t7","t8","t9","item_0","index","String","map","t10","i","isRead","PersistentNotificationListItemProps","onDismiss","PersistentNotificationListItem","createdAt","suffix","_id","_reason","parentInterceptor","handleItemAction","undefined","actions","description","icon","theme","title"],"sources":["../../../../src/components/overlays/Notifications/PersistentNotificationsList.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { Fragment, Key, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { Divider } from '../../content/Divider';\nimport { Text } from '../../content/Text';\n\nimport { formatRelativeTime } from './format-relative-time';\nimport { NotificationActionInterceptorContext } from './NotificationAction';\nimport { NotificationCard } from './NotificationCard';\nimport { usePersistentNotifications } from './use-persistent-notifications';\n\nimport type {\n  DismissReason,\n  PersistentNotificationItem,\n  PersistentNotificationsListProps,\n} from './types';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst MARK_READ_DELAY = 2000;\n/** Interval (ms) at which relative timestamps refresh while the list is mounted. */\nconst TIMESTAMP_REFRESH_INTERVAL = 10_000;\n\n// ─── Styled Components ──────────────────────────────────────────────\n\nconst ListContainer = tasty({\n  qa: 'PersistentNotificationsList',\n  role: 'log',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n  },\n});\n\nconst EmptyStateContainer = tasty({\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n    placeContent: 'center',\n    padding: '4x',\n    color: '#dark.5',\n    preset: 't3',\n  },\n});\n\n// ─── PersistentNotificationsList Component ───────────────────────────\n\n/**\n * Standardized rendering for archived/persistent notifications.\n * Always reads items from the notification context.\n * Composable with app-specific shells (popover, dialog, page section).\n *\n * Marks all items as read after being visible for 2 seconds.\n * Relative timestamps refresh every 10 seconds while the list is mounted.\n *\n * Items are always dismissible. Dismissing an item removes it from the\n * persistent list and marks its ID as \"fully dismissed\" — subsequent triggers\n * with the same ID will be completely ignored (no overlay, no re-archival).\n *\n * @example\n * ```tsx\n * <PersistentNotificationsList emptyState=\"No notifications\" />\n * ```\n */\nexport function PersistentNotificationsList({\n  onDismissItem,\n  onAction,\n  emptyState,\n}: PersistentNotificationsListProps) {\n  const { t } = useI18n();\n  const { items, remove, markAllAsRead } = usePersistentNotifications();\n  const listAriaLabel = t('notifications.ariaLabel', 'Notifications');\n\n  // Default dismiss handler removes the item from the persistent list (which\n  // also marks the id as \"fully dismissed\" so it won't reappear).\n  // If a consumer provides `onDismissItem`, it is called *after* the built-in removal.\n  const handleDismiss = useEvent((item: PersistentNotificationItem) => {\n    remove(item.id);\n    onDismissItem?.(item);\n  });\n  const markReadTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Time is a reactive input, so memoized rows also refresh their labels.\n  const [now, setNow] = useState(() => Date.now());\n\n  useEffect(() => {\n    if (items.length === 0) return;\n\n    const interval = setInterval(() => {\n      setNow(Date.now());\n    }, TIMESTAMP_REFRESH_INTERVAL);\n\n    return () => clearInterval(interval);\n  }, [items.length]);\n\n  // Mark all persistent notifications as read after a 2s delay.\n  // Re-starts the timer whenever items change (e.g. new unread items arrive\n  // while the list is already visible).\n  useEffect(() => {\n    const hasUnread = items.some((i) => !i.isRead);\n\n    if (!hasUnread) return;\n\n    markReadTimerRef.current = setTimeout(() => {\n      markAllAsRead();\n    }, MARK_READ_DELAY);\n\n    return () => {\n      if (markReadTimerRef.current) {\n        clearTimeout(markReadTimerRef.current);\n        markReadTimerRef.current = null;\n      }\n    };\n  }, [markAllAsRead, items]);\n\n  if (items.length === 0) {\n    return (\n      <ListContainer aria-label={listAriaLabel}>\n        <EmptyStateContainer>\n          {emptyState ?? t('notifications.empty', 'No notifications')}\n        </EmptyStateContainer>\n      </ListContainer>\n    );\n  }\n\n  return (\n    <NotificationActionInterceptorContext.Provider value={onAction ?? null}>\n      <ListContainer aria-label={listAriaLabel}>\n        {items.map((item, index) => (\n          <Fragment key={String(item.id)}>\n            {index > 0 && <Divider />}\n            <PersistentNotificationListItem\n              item={item}\n              now={now}\n              onDismiss={handleDismiss}\n            />\n          </Fragment>\n        ))}\n      </ListContainer>\n    </NotificationActionInterceptorContext.Provider>\n  );\n}\n\n// ─── List Item ───────────────────────────────────────────────────────\n\ninterface PersistentNotificationListItemProps {\n  item: PersistentNotificationItem;\n  now: number;\n  onDismiss?: (item: PersistentNotificationItem) => void;\n}\n\nfunction PersistentNotificationListItem({\n  item,\n  now,\n  onDismiss,\n}: PersistentNotificationListItemProps) {\n  const { t } = useI18n();\n  const suffix = (\n    <Text opacity={0.5} preset=\"c2\">\n      {formatRelativeTime(item.createdAt, t, now)}\n    </Text>\n  );\n\n  // useEvent keeps the callback stable across re-renders regardless of\n  // item reference changes (avoids unnecessary NotificationCard re-renders).\n  const handleDismiss = useEvent((_id: Key, _reason: DismissReason) => {\n    onDismiss?.(item);\n  });\n\n  const parentInterceptor = useContext(NotificationActionInterceptorContext);\n\n  // Chains with the list-level interceptor (e.g. closing the parent popover).\n  // Dismissal itself is handled by NotificationAction via the dismiss context\n  // to avoid double-firing onDismiss.\n  const handleItemAction = useEvent(() => {\n    parentInterceptor?.();\n  });\n\n  return (\n    <NotificationActionInterceptorContext.Provider value={handleItemAction}>\n      <NotificationCard\n        qa=\"PersistentNotificationItem\"\n        theme={item.theme}\n        title={item.title}\n        description={item.description}\n        icon={item.icon}\n        actions={item.actions}\n        isDismissable={!!onDismiss}\n        elevated={false}\n        notificationId={item.id}\n        suffix={suffix}\n        onDismiss={onDismiss ? handleDismiss : undefined}\n      />\n    </NotificationActionInterceptorContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Notifications/dismissed-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/components/overlays/Notifications/dismissed-storage.ts
 const STORAGE_KEY = "cube-ui-dismissed-notifications";
 const TTL_MS = 864e5;

package/dist/components/overlays/Notifications/dismissed-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"dismissed-storage.js","names":[],"sources":["../../../../src/components/overlays/Notifications/dismissed-storage.ts"],"sourcesContent":["import type { Key } from 'react';\n\nconst STORAGE_KEY = 'cube-ui-dismissed-notifications';\nconst TTL_MS = 86_400_000; // 24 hours\n\ntype DismissedMap = Record<string, number>;\n\nfunction readMap(): DismissedMap {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY);\n\n    if (!raw) return {};\n\n    return JSON.parse(raw) as DismissedMap;\n  } catch {\n    return {};\n  }\n}\n\nfunction writeMap(map: DismissedMap): void {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(map));\n  } catch {\n    // SSR, private browsing, or quota exceeded — silently ignore\n  }\n}\n\nexport function saveDismissedId(id: Key): void {\n  const map = readMap();\n\n  map[String(id)] = Date.now();\n  writeMap(map);\n}\n\n/**\n * Reads the dismissed-IDs map from localStorage, removes entries older than\n * 24 hours, writes the cleaned map back, and returns the remaining valid IDs.\n */\nexport function cleanupAndGetValidIds(): Set<string> {\n  const map = readMap();\n  const now = Date.now();\n  const validIds = new Set<string>();\n  let changed = false;\n\n  for (const [id, timestamp] of Object.entries(map)) {\n    if (now - timestamp > TTL_MS) {\n      delete map[id];\n      changed = true;\n    } else {\n      validIds.add(id);\n    }\n  }\n\n  if (changed) {\n    writeMap(map);\n  }\n\n  return validIds;\n}\n"],"mappings":";;AAEA,MAAM,cAAc;AACpB,MAAM,SAAS;AAIf,SAAS,UAAwB;AAC/B,KAAI;EACF,MAAM,MAAM,aAAa,QAAQ,YAAY;AAE7C,MAAI,CAAC,IAAK,QAAO,EAAE;AAEnB,SAAO,KAAK,MAAM,IAAI;SAChB;AACN,SAAO,EAAE;;;AAIb,SAAS,SAAS,KAAyB;AACzC,KAAI;AACF,eAAa,QAAQ,aAAa,KAAK,UAAU,IAAI,CAAC;SAChD;;AAKV,SAAgB,gBAAgB,IAAe;CAC7C,MAAM,MAAM,SAAS;AAErB,KAAI,OAAO,GAAG,IAAI,KAAK,KAAK;AAC5B,UAAS,IAAI;;;;;;AAOf,SAAgB,wBAAqC;CACnD,MAAM,MAAM,SAAS;CACrB,MAAM,MAAM,KAAK,KAAK;CACtB,MAAM,2BAAW,IAAI,KAAa;CAClC,IAAI,UAAU;AAEd,MAAK,MAAM,CAAC,IAAI,cAAc,OAAO,QAAQ,IAAI,CAC/C,KAAI,MAAM,YAAY,QAAQ;AAC5B,SAAO,IAAI;AACX,YAAU;OAEV,UAAS,IAAI,GAAG;AAIpB,KAAI,QACF,UAAS,IAAI;AAGf,QAAO"}
+{"version":3,"file":"dismissed-storage.js","names":["Key","STORAGE_KEY","TTL_MS","DismissedMap","Record","readMap","raw","localStorage","getItem","JSON","parse","writeMap","map","setItem","stringify","saveDismissedId","id","String","Date","now","cleanupAndGetValidIds","Set","validIds","changed","timestamp","Object","entries","add"],"sources":["../../../../src/components/overlays/Notifications/dismissed-storage.ts"],"sourcesContent":["import type { Key } from 'react';\n\nconst STORAGE_KEY = 'cube-ui-dismissed-notifications';\nconst TTL_MS = 86_400_000; // 24 hours\n\ntype DismissedMap = Record<string, number>;\n\nfunction readMap(): DismissedMap {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY);\n\n    if (!raw) return {};\n\n    return JSON.parse(raw) as DismissedMap;\n  } catch {\n    return {};\n  }\n}\n\nfunction writeMap(map: DismissedMap): void {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(map));\n  } catch {\n    // SSR, private browsing, or quota exceeded — silently ignore\n  }\n}\n\nexport function saveDismissedId(id: Key): void {\n  const map = readMap();\n\n  map[String(id)] = Date.now();\n  writeMap(map);\n}\n\n/**\n * Reads the dismissed-IDs map from localStorage, removes entries older than\n * 24 hours, writes the cleaned map back, and returns the remaining valid IDs.\n */\nexport function cleanupAndGetValidIds(): Set<string> {\n  const map = readMap();\n  const now = Date.now();\n  const validIds = new Set<string>();\n  let changed = false;\n\n  for (const [id, timestamp] of Object.entries(map)) {\n    if (now - timestamp > TTL_MS) {\n      delete map[id];\n      changed = true;\n    } else {\n      validIds.add(id);\n    }\n  }\n\n  if (changed) {\n    writeMap(map);\n  }\n\n  return validIds;\n}\n"],"mappings":";;AAEA,MAAMC,cAAc;AACpB,MAAMC,SAAS;AAIf,SAASG,UAAwB;AAC/B,KAAI;EACF,MAAMC,MAAMC,aAAaC,QAAQP,YAAY;AAE7C,MAAI,CAACK,IAAK,QAAO,EAAE;AAEnB,SAAOG,KAAKC,MAAMJ,IAAI;SAChB;AACN,SAAO,EAAE;;;AAIb,SAASK,SAASC,KAAyB;AACzC,KAAI;AACFL,eAAaM,QAAQZ,aAAaQ,KAAKK,UAAUF,IAAI,CAAC;SAChD;;AAKV,SAAgBG,gBAAgBC,IAAe;CAC7C,MAAMJ,MAAMP,SAAS;AAErBO,KAAIK,OAAOD,GAAG,IAAIE,KAAKC,KAAK;AAC5BR,UAASC,IAAI;;;;;;AAOf,SAAgBQ,wBAAqC;CACnD,MAAMR,MAAMP,SAAS;CACrB,MAAMc,MAAMD,KAAKC,KAAK;CACtB,MAAMG,2BAAW,IAAID,KAAa;CAClC,IAAIE,UAAU;AAEd,MAAK,MAAM,CAACP,IAAIQ,cAAcC,OAAOC,QAAQd,IAAI,CAC/C,KAAIO,MAAMK,YAAYtB,QAAQ;AAC5B,SAAOU,IAAII;AACXO,YAAU;OAEVD,UAASK,IAAIX,GAAG;AAIpB,KAAIO,QACFZ,UAASC,IAAI;AAGf,QAAOU"}

package/dist/components/overlays/Notifications/format-relative-time.d.ts

@@ -19,7 +19,7 @@ import { TFunction } from "i18next";
  * in so the string reacts to the active language. When omitted (non-component
  * callers), English defaults are used.
  */
-declare function formatRelativeTime(timestamp: number, t?: TFunction): string;
+declare function formatRelativeTime(timestamp: number, t?: TFunction, now?: number): string;
 //#endregion
 export { formatRelativeTime };
 //# sourceMappingURL=format-relative-time.d.ts.map

package/dist/components/overlays/Notifications/format-relative-time.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/components/overlays/Notifications/format-relative-time.ts
 /**
 * Lightweight relative time formatter.
@@ -17,12 +17,12 @@
 * in so the string reacts to the active language. When omitted (non-component
 * callers), English defaults are used.
 */
-function formatRelativeTime(timestamp, t) {
+function formatRelativeTime(timestamp, t, now = Date.now()) {
 	const translate = (key, defaultValue, count) => {
 		if (t) return t(key, defaultValue, count != null ? { count } : void 0);
 		return count != null ? defaultValue.replace("{{count}}", String(count)) : defaultValue;
 	};
-	const diffMs = Date.now() - timestamp;
+	const diffMs = now - timestamp;
 	if (diffMs < 0) return translate("relativeTime.justNow", "just now");
 	const diffSeconds = Math.floor(diffMs / 1e3);
 	const diffMinutes = Math.floor(diffSeconds / 60);

package/dist/components/overlays/Notifications/format-relative-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-relative-time.js","names":[],"sources":["../../../../src/components/overlays/Notifications/format-relative-time.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\n/**\n * Lightweight relative time formatter.\n *\n * Output format (English source; localized via the `uikit` bundle's\n * `relativeTime.*` keys):\n * - `just now` (< 1 minute)\n * - `N min ago` (1–59 minutes)\n * - `N h ago` (1–23 hours)\n * - `N d ago` (1–6 days)\n * - `N w ago` (1–4 weeks)\n * - `N mo ago` (1–11 months)\n * - `N y ago` (1+ years)\n *\n * `t` is the UI Kit translation function (from `useI18n`), passed\n * in so the string reacts to the active language. When omitted (non-component\n * callers), English defaults are used.\n */\nexport function formatRelativeTime(timestamp: number, t?: TFunction): string {\n  const translate = (\n    key: string,\n    defaultValue: string,\n    count?: number,\n  ): string => {\n    if (t) {\n      return t(key, defaultValue, count != null ? { count } : undefined);\n    }\n\n    return count != null\n      ? defaultValue.replace('{{count}}', String(count))\n      : defaultValue;\n  };\n\n  const now = Date.now();\n  const diffMs = now - timestamp;\n\n  if (diffMs < 0) {\n    return translate('relativeTime.justNow', 'just now');\n  }\n\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffMinutes < 1) {\n    return translate('relativeTime.justNow', 'just now');\n  }\n\n  if (diffHours < 1) {\n    return translate('relativeTime.minAgo', '{{count}} min ago', diffMinutes);\n  }\n\n  if (diffDays < 1) {\n    return translate('relativeTime.hoursAgo', '{{count}} h ago', diffHours);\n  }\n\n  if (diffDays < 7) {\n    return translate('relativeTime.daysAgo', '{{count}} d ago', diffDays);\n  }\n\n  const diffWeeks = Math.floor(diffDays / 7);\n\n  if (diffDays < 30) {\n    return translate('relativeTime.weeksAgo', '{{count}} w ago', diffWeeks);\n  }\n\n  const diffMonths = Math.floor(diffDays / 30);\n\n  if (diffDays < 365) {\n    return translate('relativeTime.monthsAgo', '{{count}} mo ago', diffMonths);\n  }\n\n  const diffYears = Math.floor(diffDays / 365);\n\n  return translate('relativeTime.yearsAgo', '{{count}} y ago', diffYears);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,mBAAmB,WAAmB,GAAuB;CAC3E,MAAM,aACJ,KACA,cACA,UACW;AACX,MAAI,EACF,QAAO,EAAE,KAAK,cAAc,SAAS,OAAO,EAAE,OAAO,GAAG,OAAU;AAGpE,SAAO,SAAS,OACZ,aAAa,QAAQ,aAAa,OAAO,MAAM,CAAC,GAChD;;CAIN,MAAM,SADM,KAAK,KAAK,GACD;AAErB,KAAI,SAAS,EACX,QAAO,UAAU,wBAAwB,WAAW;CAGtD,MAAM,cAAc,KAAK,MAAM,SAAS,IAAK;CAC7C,MAAM,cAAc,KAAK,MAAM,cAAc,GAAG;CAChD,MAAM,YAAY,KAAK,MAAM,cAAc,GAAG;CAC9C,MAAM,WAAW,KAAK,MAAM,YAAY,GAAG;AAE3C,KAAI,cAAc,EAChB,QAAO,UAAU,wBAAwB,WAAW;AAGtD,KAAI,YAAY,EACd,QAAO,UAAU,uBAAuB,qBAAqB,YAAY;AAG3E,KAAI,WAAW,EACb,QAAO,UAAU,yBAAyB,mBAAmB,UAAU;AAGzE,KAAI,WAAW,EACb,QAAO,UAAU,wBAAwB,mBAAmB,SAAS;CAGvE,MAAM,YAAY,KAAK,MAAM,WAAW,EAAE;AAE1C,KAAI,WAAW,GACb,QAAO,UAAU,yBAAyB,mBAAmB,UAAU;CAGzE,MAAM,aAAa,KAAK,MAAM,WAAW,GAAG;AAE5C,KAAI,WAAW,IACb,QAAO,UAAU,0BAA0B,oBAAoB,WAAW;AAK5E,QAAO,UAAU,yBAAyB,mBAFxB,KAAK,MAAM,WAAW,IAAI,CAE2B"}
+{"version":3,"file":"format-relative-time.js","names":["TFunction","formatRelativeTime","timestamp","t","now","Date","translate","key","defaultValue","count","undefined","replace","String","diffMs","diffSeconds","Math","floor","diffMinutes","diffHours","diffDays","diffWeeks","diffMonths","diffYears"],"sources":["../../../../src/components/overlays/Notifications/format-relative-time.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\n/**\n * Lightweight relative time formatter.\n *\n * Output format (English source; localized via the `uikit` bundle's\n * `relativeTime.*` keys):\n * - `just now` (< 1 minute)\n * - `N min ago` (1–59 minutes)\n * - `N h ago` (1–23 hours)\n * - `N d ago` (1–6 days)\n * - `N w ago` (1–4 weeks)\n * - `N mo ago` (1–11 months)\n * - `N y ago` (1+ years)\n *\n * `t` is the UI Kit translation function (from `useI18n`), passed\n * in so the string reacts to the active language. When omitted (non-component\n * callers), English defaults are used.\n */\nexport function formatRelativeTime(\n  timestamp: number,\n  t?: TFunction,\n  now = Date.now(),\n): string {\n  const translate = (\n    key: string,\n    defaultValue: string,\n    count?: number,\n  ): string => {\n    if (t) {\n      return t(key, defaultValue, count != null ? { count } : undefined);\n    }\n\n    return count != null\n      ? defaultValue.replace('{{count}}', String(count))\n      : defaultValue;\n  };\n\n  const diffMs = now - timestamp;\n\n  if (diffMs < 0) {\n    return translate('relativeTime.justNow', 'just now');\n  }\n\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffMinutes < 1) {\n    return translate('relativeTime.justNow', 'just now');\n  }\n\n  if (diffHours < 1) {\n    return translate('relativeTime.minAgo', '{{count}} min ago', diffMinutes);\n  }\n\n  if (diffDays < 1) {\n    return translate('relativeTime.hoursAgo', '{{count}} h ago', diffHours);\n  }\n\n  if (diffDays < 7) {\n    return translate('relativeTime.daysAgo', '{{count}} d ago', diffDays);\n  }\n\n  const diffWeeks = Math.floor(diffDays / 7);\n\n  if (diffDays < 30) {\n    return translate('relativeTime.weeksAgo', '{{count}} w ago', diffWeeks);\n  }\n\n  const diffMonths = Math.floor(diffDays / 30);\n\n  if (diffDays < 365) {\n    return translate('relativeTime.monthsAgo', '{{count}} mo ago', diffMonths);\n  }\n\n  const diffYears = Math.floor(diffDays / 365);\n\n  return translate('relativeTime.yearsAgo', '{{count}} y ago', diffYears);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,SAAgBC,mBACdC,WACAC,GACAC,MAAMC,KAAKD,KAAK,EACR;CACR,MAAME,aACJC,KACAC,cACAC,UACW;AACX,MAAIN,EACF,QAAOA,EAAEI,KAAKC,cAAcC,SAAS,OAAO,EAAEA,OAAO,GAAGC,OAAU;AAGpE,SAAOD,SAAS,OACZD,aAAaG,QAAQ,aAAaC,OAAOH,MAAM,CAAC,GAChDD;;CAGN,MAAMK,SAAST,MAAMF;AAErB,KAAIW,SAAS,EACX,QAAOP,UAAU,wBAAwB,WAAW;CAGtD,MAAMQ,cAAcC,KAAKC,MAAMH,SAAS,IAAK;CAC7C,MAAMI,cAAcF,KAAKC,MAAMF,cAAc,GAAG;CAChD,MAAMI,YAAYH,KAAKC,MAAMC,cAAc,GAAG;CAC9C,MAAME,WAAWJ,KAAKC,MAAME,YAAY,GAAG;AAE3C,KAAID,cAAc,EAChB,QAAOX,UAAU,wBAAwB,WAAW;AAGtD,KAAIY,YAAY,EACd,QAAOZ,UAAU,uBAAuB,qBAAqBW,YAAY;AAG3E,KAAIE,WAAW,EACb,QAAOb,UAAU,yBAAyB,mBAAmBY,UAAU;AAGzE,KAAIC,WAAW,EACb,QAAOb,UAAU,wBAAwB,mBAAmBa,SAAS;CAGvE,MAAMC,YAAYL,KAAKC,MAAMG,WAAW,EAAE;AAE1C,KAAIA,WAAW,GACb,QAAOb,UAAU,yBAAyB,mBAAmBc,UAAU;CAGzE,MAAMC,aAAaN,KAAKC,MAAMG,WAAW,GAAG;AAE5C,KAAIA,WAAW,IACb,QAAOb,UAAU,0BAA0B,oBAAoBe,WAAW;AAK5E,QAAOf,UAAU,yBAAyB,mBAFxBS,KAAKC,MAAMG,WAAW,IAAI,CAE2B"}

package/dist/components/overlays/Notifications/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useToastContext } from "./NotificationContext.js";
 import { NotificationAction } from "./NotificationAction.js";
 import { NotificationCard } from "./NotificationCard.js";

package/dist/components/overlays/Notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["NotificationBase"],"sources":["../../../../src/components/overlays/Notifications/index.ts"],"sourcesContent":["// ─── Components ──────────────────────────────────────────────────────\n\nimport { Notification as NotificationBase } from './Notification';\nimport { NotificationAction } from './NotificationAction';\n\nexport { NotificationAction } from './NotificationAction';\nexport { NotificationCard } from './NotificationCard';\nexport type { NotificationCardProps } from './NotificationCard';\nexport { NotificationItem } from './NotificationItem';\nexport type { NotificationItemProps } from './NotificationItem';\nexport { PersistentNotificationsList } from './PersistentNotificationsList';\n\n// ─── Provider ────────────────────────────────────────────────────────\n\nexport { OverlayProvider } from './OverlayProvider';\n\n// useToastContext is re-exported for Toast module backward compatibility\nexport { useToastContext } from './NotificationContext';\n\n// ─── Hooks ───────────────────────────────────────────────────────────\n\nexport { useNotifications } from './use-notifications';\nexport {\n  usePersistentNotifications,\n  useNotificationsCount,\n} from './use-persistent-notifications';\n\n// ─── Utilities ───────────────────────────────────────────────────────\n\nexport { formatRelativeTime } from './format-relative-time';\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type {\n  NotificationType,\n  DismissReason,\n  NotificationBaseOptions,\n  OverlayNotificationOptions,\n  StoredNotificationOptions,\n  NotificationOptions,\n  NotificationActionProps,\n  NotificationHandle,\n  NotificationsApi,\n  PersistentNotificationItem,\n  PersistentNotificationsListProps,\n  OverlayProviderProps,\n  NotificationProps,\n} from './types';\n\n// ─── Compound Notification Component ─────────────────────────────────\n\n/**\n * Declarative Notification component with compound API.\n *\n * @example\n * ```tsx\n * // Declarative usage\n * <Notification\n *   id=\"release:new-version\"\n *   theme=\"warning\"\n *   title=\"New release available\"\n *   description=\"2.0.0 can be installed now.\"\n *   actions={\n *     <>\n *       <Notification.Action>Later</Notification.Action>\n *       <Notification.Action onPress={() => openUpgradeDialog()}>\n *         Upgrade\n *       </Notification.Action>\n *     </>\n *   }\n * />\n * ```\n */\nexport const Notification = Object.assign(NotificationBase, {\n  Action: NotificationAction,\n});\n\nexport type NotificationComponent = typeof Notification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAa,eAAe,OAAO,OAAOA,gBAAkB,EAC1D,QAAQ,oBACT,CAAC"}
+{"version":3,"file":"index.js","names":["Notification","NotificationBase","NotificationAction","NotificationCard","NotificationCardProps","NotificationItem","NotificationItemProps","PersistentNotificationsList","OverlayProvider","useToastContext","useNotifications","usePersistentNotifications","useNotificationsCount","formatRelativeTime","NotificationType","DismissReason","NotificationBaseOptions","OverlayNotificationOptions","StoredNotificationOptions","NotificationOptions","NotificationActionProps","NotificationHandle","NotificationsApi","PersistentNotificationItem","PersistentNotificationsListProps","OverlayProviderProps","NotificationProps","Object","assign","Action","NotificationComponent"],"sources":["../../../../src/components/overlays/Notifications/index.ts"],"sourcesContent":["// ─── Components ──────────────────────────────────────────────────────\n\nimport { Notification as NotificationBase } from './Notification';\nimport { NotificationAction } from './NotificationAction';\n\nexport { NotificationAction } from './NotificationAction';\nexport { NotificationCard } from './NotificationCard';\nexport type { NotificationCardProps } from './NotificationCard';\nexport { NotificationItem } from './NotificationItem';\nexport type { NotificationItemProps } from './NotificationItem';\nexport { PersistentNotificationsList } from './PersistentNotificationsList';\n\n// ─── Provider ────────────────────────────────────────────────────────\n\nexport { OverlayProvider } from './OverlayProvider';\n\n// useToastContext is re-exported for Toast module backward compatibility\nexport { useToastContext } from './NotificationContext';\n\n// ─── Hooks ───────────────────────────────────────────────────────────\n\nexport { useNotifications } from './use-notifications';\nexport {\n  usePersistentNotifications,\n  useNotificationsCount,\n} from './use-persistent-notifications';\n\n// ─── Utilities ───────────────────────────────────────────────────────\n\nexport { formatRelativeTime } from './format-relative-time';\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type {\n  NotificationType,\n  DismissReason,\n  NotificationBaseOptions,\n  OverlayNotificationOptions,\n  StoredNotificationOptions,\n  NotificationOptions,\n  NotificationActionProps,\n  NotificationHandle,\n  NotificationsApi,\n  PersistentNotificationItem,\n  PersistentNotificationsListProps,\n  OverlayProviderProps,\n  NotificationProps,\n} from './types';\n\n// ─── Compound Notification Component ─────────────────────────────────\n\n/**\n * Declarative Notification component with compound API.\n *\n * @example\n * ```tsx\n * // Declarative usage\n * <Notification\n *   id=\"release:new-version\"\n *   theme=\"warning\"\n *   title=\"New release available\"\n *   description=\"2.0.0 can be installed now.\"\n *   actions={\n *     <>\n *       <Notification.Action>Later</Notification.Action>\n *       <Notification.Action onPress={() => openUpgradeDialog()}>\n *         Upgrade\n *       </Notification.Action>\n *     </>\n *   }\n * />\n * ```\n */\nexport const Notification = Object.assign(NotificationBase, {\n  Action: NotificationAction,\n});\n\nexport type NotificationComponent = typeof Notification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAaA,eAAe2B,OAAOC,OAAO3B,gBAAkB,EAC1D4B,QAAQ3B,oBACT,CAAC"}