@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,12 +1,13 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
 import { ToastItem } from "../Toast/ToastItem.js";
 import { NotificationItem } from "./NotificationItem.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/overlays/Notifications/OverlayContainer.tsx
@@ -57,77 +58,146 @@ function getItemCreatedAt(item) {
 * for overlay items. Extracted from OverlayContainer for readability.
 */
 function useItemPositions(visibleItems) {
-	const [heights, setHeights] = useState({});
-	const itemRefs = useRef(/* @__PURE__ */ new Map());
-	const lastPositionsRef = useRef(/* @__PURE__ */ new Map());
-	const [settledIds, setSettledIds] = useState(/* @__PURE__ */ new Set());
+	const $ = c(22);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [heights, setHeights] = useState(t0);
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ new Map();
+		$[1] = t1;
+	} else t1 = $[1];
+	const itemRefs = useRef(t1);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ new Map();
+		$[2] = t2;
+	} else t2 = $[2];
+	const lastPositionsRef = useRef(t2);
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ new Set();
+		$[3] = t3;
+	} else t3 = $[3];
+	const [settledIds, setSettledIds] = useState(t3);
 	const rafRef = useRef(null);
-	useLayoutEffect$1(() => {
-		const newHeights = {};
-		let hasChanges = false;
-		itemRefs.current.forEach((el, id) => {
-			const height = el.offsetHeight || DEFAULT_ITEM_HEIGHT;
-			newHeights[id] = height;
-			if (heights[id] !== height) hasChanges = true;
-		});
-		for (const id of Object.keys(heights)) if (!itemRefs.current.has(id)) hasChanges = true;
-		if (hasChanges) setHeights(newHeights);
-	});
-	useEffect(() => {
-		const heightKeys = Object.keys(heights);
-		const newIds = heightKeys.filter((id) => !settledIds.has(id));
-		const hasStaleIds = settledIds.size > 0 && [...settledIds].some((id) => !(id in heights));
-		if (newIds.length === 0 && !hasStaleIds) return;
-		if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
-		if (newIds.length === 0 && hasStaleIds) {
-			setSettledIds((prev) => new Set(heightKeys.filter((id) => prev.has(id))));
-			return;
-		}
-		rafRef.current = requestAnimationFrame(() => {
-			rafRef.current = null;
-			setSettledIds((prev) => {
-				const next = /* @__PURE__ */ new Set();
-				for (const id of heightKeys) if (prev.has(id)) next.add(id);
-				for (const id of newIds) next.add(id);
-				return next;
+	let t4;
+	if ($[4] !== heights) {
+		t4 = () => {
+			const newHeights = {};
+			let hasChanges = false;
+			itemRefs.current.forEach((el, id) => {
+				const height = el.offsetHeight || DEFAULT_ITEM_HEIGHT;
+				newHeights[id] = height;
+				if (heights[id] !== height) hasChanges = true;
 			});
-		});
-		return () => {
-			if (rafRef.current != null) {
-				cancelAnimationFrame(rafRef.current);
-				rafRef.current = null;
+			for (const id_0 of Object.keys(heights)) if (!itemRefs.current.has(id_0)) hasChanges = true;
+			if (hasChanges) setHeights(newHeights);
+		};
+		$[4] = heights;
+		$[5] = t4;
+	} else t4 = $[5];
+	useLayoutEffect$1(t4);
+	let t5;
+	if ($[6] !== heights || $[7] !== settledIds) {
+		t5 = () => {
+			const heightKeys = Object.keys(heights);
+			const newIds = heightKeys.filter((id_1) => !settledIds.has(id_1));
+			const hasStaleIds = settledIds.size > 0 && [...settledIds].some((id_2) => !(id_2 in heights));
+			if (newIds.length === 0 && !hasStaleIds) return;
+			if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
+			if (newIds.length === 0 && hasStaleIds) {
+				setSettledIds((prev) => new Set(heightKeys.filter((id_3) => prev.has(id_3))));
+				return;
 			}
+			rafRef.current = requestAnimationFrame(() => {
+				rafRef.current = null;
+				setSettledIds((prev_0) => {
+					const next = /* @__PURE__ */ new Set();
+					for (const id_4 of heightKeys) if (prev_0.has(id_4)) next.add(id_4);
+					for (const id_5 of newIds) next.add(id_5);
+					return next;
+				});
+			});
+			return () => {
+				if (rafRef.current != null) {
+					cancelAnimationFrame(rafRef.current);
+					rafRef.current = null;
+				}
+			};
+		};
+		$[6] = heights;
+		$[7] = settledIds;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== heights) {
+		t6 = [heights];
+		$[9] = heights;
+		$[10] = t6;
+	} else t6 = $[10];
+	useEffect(t5, t6);
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (itemId, displayRef) => (el_0) => {
+			displayRef(el_0);
+			if (el_0) itemRefs.current.set(itemId, el_0);
+			else itemRefs.current.delete(itemId);
 		};
-	}, [heights]);
-	const createRefCallback = useCallback((itemId, displayRef) => (el) => {
-		displayRef(el);
-		if (el) itemRefs.current.set(itemId, el);
-		else itemRefs.current.delete(itemId);
-	}, []);
-	const positions = useMemo(() => {
-		const posMap = /* @__PURE__ */ new Map();
+		$[11] = t7;
+	} else t7 = $[11];
+	const createRefCallback = t7;
+	let posMap;
+	if ($[12] !== heights || $[13] !== visibleItems) {
+		posMap = /* @__PURE__ */ new Map();
 		let currentTop = 0;
 		for (const item of visibleItems) {
-			const id = getItemId(item);
-			posMap.set(id, currentTop);
-			const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;
-			currentTop += height + ITEM_GAP;
+			const id_6 = getItemId(item);
+			posMap.set(id_6, currentTop);
+			const height_0 = heights[id_6] ?? DEFAULT_ITEM_HEIGHT;
+			currentTop = currentTop + (height_0 + ITEM_GAP);
 		}
-		return posMap;
-	}, [visibleItems, heights]);
-	useEffect(() => {
-		positions.forEach((pos, id) => {
-			lastPositionsRef.current.set(id, pos);
-		});
-	}, [positions]);
-	return {
-		heights,
-		settledIds,
-		positions,
-		lastPositionsRef,
-		itemRefs,
-		createRefCallback
-	};
+		$[12] = heights;
+		$[13] = visibleItems;
+		$[14] = posMap;
+	} else posMap = $[14];
+	const positions = posMap;
+	let t8;
+	let t9;
+	if ($[15] !== positions) {
+		t8 = () => {
+			positions.forEach((pos, id_7) => {
+				lastPositionsRef.current.set(id_7, pos);
+			});
+		};
+		t9 = [positions];
+		$[15] = positions;
+		$[16] = t8;
+		$[17] = t9;
+	} else {
+		t8 = $[16];
+		t9 = $[17];
+	}
+	useEffect(t8, t9);
+	let t10;
+	if ($[18] !== heights || $[19] !== positions || $[20] !== settledIds) {
+		t10 = {
+			heights,
+			settledIds,
+			positions,
+			lastPositionsRef,
+			itemRefs,
+			createRefCallback
+		};
+		$[18] = heights;
+		$[19] = positions;
+		$[20] = settledIds;
+		$[21] = t10;
+	} else t10 = $[21];
+	return t10;
 }
 /**
 * Manages collapse/expand behavior and pause state for the overlay container.
@@ -202,105 +272,196 @@ function useCollapseState(canCollapse, allItems, itemRefs, onPauseChange) {
 		handleFocus: useCallback(() => {
 			onPauseChange(true);
 		}, [onPauseChange]),
-		handleBlur: useCallback((e) => {
-			if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) onPauseChange(false);
+		handleBlur: useCallback((e_0) => {
+			if (containerRef.current && !containerRef.current.contains(e_0.relatedTarget)) onPauseChange(false);
 		}, [onPauseChange]),
 		containerRef
 	};
 }
-function OverlayContainer({ toasts, notifications, onToastExitComplete, onNotificationExitComplete, onNotificationDismiss, onNotificationRestore, onPauseChange }) {
-	const allItems = useMemo(() => {
-		const items = [...toasts.map((t) => ({
-			kind: "toast",
-			data: t
-		})), ...notifications.map((n) => ({
-			kind: "notification",
-			data: n
-		}))];
-		items.sort((a, b) => getItemCreatedAt(a) - getItemCreatedAt(b));
-		return items;
-	}, [toasts, notifications]);
-	const visibleItems = useMemo(() => allItems.filter((item) => !isItemExiting(item)), [allItems]);
-	const hasNotifications = notifications.some((n) => !n.isExiting);
-	const hasActionableToasts = toasts.some((t) => !t.isExiting && t.actions);
-	const canCollapse = !hasNotifications && !hasActionableToasts;
+function OverlayContainer(t0) {
+	const $ = c(41);
+	const { toasts, notifications, onToastExitComplete, onNotificationExitComplete, onNotificationDismiss, onNotificationRestore, onPauseChange } = t0;
+	let items;
+	if ($[0] !== notifications || $[1] !== toasts) {
+		items = [...toasts.map(_temp2), ...notifications.map(_temp3)];
+		items.sort(_temp4);
+		$[0] = notifications;
+		$[1] = toasts;
+		$[2] = items;
+	} else items = $[2];
+	const allItems = items;
+	let t1;
+	if ($[3] !== allItems) {
+		t1 = allItems.filter(_temp5);
+		$[3] = allItems;
+		$[4] = t1;
+	} else t1 = $[4];
+	const visibleItems = t1;
+	let t2;
+	if ($[5] !== notifications) {
+		t2 = notifications.some(_temp6);
+		$[5] = notifications;
+		$[6] = t2;
+	} else t2 = $[6];
+	const hasNotifications = t2;
+	let t3;
+	if ($[7] !== toasts) {
+		t3 = toasts.some(_temp7);
+		$[7] = toasts;
+		$[8] = t3;
+	} else t3 = $[8];
+	const canCollapse = !hasNotifications && !t3;
 	const { heights, settledIds, positions, lastPositionsRef, itemRefs, createRefCallback } = useItemPositions(visibleItems);
 	const { isCollapsed, handleMouseEnter, handleMouseLeave, handleFocus, handleBlur, containerRef } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);
-	const handleNotificationDismiss = useEvent((id, reason) => {
-		onNotificationDismiss(id, reason);
-		onPauseChange(false);
-	});
-	const handleExitComplete = useEvent((item) => {
-		const id = getItemId(item);
-		lastPositionsRef.current?.delete(id);
-		if (item.kind === "toast") onToastExitComplete(item.data.internalId);
-		else onNotificationExitComplete(item.data.internalId);
-	});
-	const getItemStyle = useCallback((item, index, total) => {
-		const id = getItemId(item);
-		const baseTop = positions.get(id) ?? lastPositionsRef.current?.get(id) ?? 0;
-		const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;
-		if (!isCollapsed || !canCollapse) return { top: `${baseTop}px` };
-		const isNewest = index === total - 1;
-		return {
-			top: `${COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height}px`,
-			zIndex: index,
-			opacity: isNewest ? 1 : 0,
-			pointerEvents: "none"
+	let t4;
+	if ($[9] !== onNotificationDismiss || $[10] !== onPauseChange) {
+		t4 = (id, reason) => {
+			onNotificationDismiss(id, reason);
+			onPauseChange(false);
 		};
-	}, [
-		isCollapsed,
-		canCollapse,
-		positions,
-		heights,
-		lastPositionsRef
-	]);
-	const visibleIndexMap = useMemo(() => {
-		const map = /* @__PURE__ */ new Map();
-		visibleItems.forEach((item, index) => {
-			map.set(getItemId(item), index);
+		$[9] = onNotificationDismiss;
+		$[10] = onPauseChange;
+		$[11] = t4;
+	} else t4 = $[11];
+	const handleNotificationDismiss = useEvent(t4);
+	let t5;
+	if ($[12] !== lastPositionsRef || $[13] !== onNotificationExitComplete || $[14] !== onToastExitComplete) {
+		t5 = (item_0) => {
+			const id_0 = getItemId(item_0);
+			lastPositionsRef.current?.delete(id_0);
+			if (item_0.kind === "toast") onToastExitComplete(item_0.data.internalId);
+			else onNotificationExitComplete(item_0.data.internalId);
+		};
+		$[12] = lastPositionsRef;
+		$[13] = onNotificationExitComplete;
+		$[14] = onToastExitComplete;
+		$[15] = t5;
+	} else t5 = $[15];
+	const handleExitComplete = useEvent(t5);
+	let t6;
+	if ($[16] !== canCollapse || $[17] !== heights || $[18] !== isCollapsed || $[19] !== lastPositionsRef || $[20] !== positions) {
+		t6 = (item_1, index, total) => {
+			const id_1 = getItemId(item_1);
+			const baseTop = positions.get(id_1) ?? lastPositionsRef.current?.get(id_1) ?? 0;
+			const height = heights[id_1] ?? DEFAULT_ITEM_HEIGHT;
+			if (!isCollapsed || !canCollapse) return { top: `${baseTop}px` };
+			const isNewest = index === total - 1;
+			return {
+				top: `${COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height}px`,
+				zIndex: index,
+				opacity: isNewest ? 1 : 0,
+				pointerEvents: "none"
+			};
+		};
+		$[16] = canCollapse;
+		$[17] = heights;
+		$[18] = isCollapsed;
+		$[19] = lastPositionsRef;
+		$[20] = positions;
+		$[21] = t6;
+	} else t6 = $[21];
+	const getItemStyle = t6;
+	let map;
+	if ($[22] !== visibleItems) {
+		map = /* @__PURE__ */ new Map();
+		visibleItems.forEach((item_2, index_0) => {
+			map.set(getItemId(item_2), index_0);
 		});
-		return map;
-	}, [visibleItems]);
+		$[22] = visibleItems;
+		$[23] = map;
+	} else map = $[23];
+	const visibleIndexMap = map;
 	if (allItems.length === 0) return null;
-	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(OverlayContainerElement, {
-		ref: containerRef,
-		onFocus: handleFocus,
-		onBlur: handleBlur,
-		children: allItems.map((item) => {
-			const itemId = getItemId(item);
+	let t7;
+	if ($[24] !== allItems || $[25] !== createRefCallback || $[26] !== getItemStyle || $[27] !== handleExitComplete || $[28] !== handleMouseEnter || $[29] !== handleMouseLeave || $[30] !== handleNotificationDismiss || $[31] !== onNotificationRestore || $[32] !== settledIds || $[33] !== visibleIndexMap || $[34] !== visibleItems.length) {
+		t7 = allItems.map((item_3) => {
+			const itemId = getItemId(item_3);
 			const visibleIndex = visibleIndexMap.get(itemId) ?? 0;
 			return /* @__PURE__ */ jsx(DisplayTransition, {
-				isShown: !isItemExiting(item),
+				isShown: !isItemExiting(item_3),
 				onRest: (transition) => {
-					if (transition === "exit") handleExitComplete(item);
+					if (transition === "exit") handleExitComplete(item_3);
 				},
-				children: ({ isShown, ref }) => /* @__PURE__ */ jsx(OverlayItemWrapper, {
-					ref: createRefCallback(itemId, ref),
-					mods: {
-						isShown,
-						isMeasured: settledIds.has(itemId)
-					},
-					style: getItemStyle(item, visibleIndex, visibleItems.length),
-					onMouseEnter: handleMouseEnter,
-					onMouseLeave: handleMouseLeave,
-					children: item.kind === "toast" ? /* @__PURE__ */ jsx(ToastItem, {
-						...item.data.itemProps,
-						title: item.data.title,
-						description: item.data.description,
-						theme: item.data.theme,
-						icon: item.data.icon,
-						isLoading: item.data.isLoading,
-						actions: item.data.actions
-					}) : /* @__PURE__ */ jsx(NotificationItem, {
-						notification: item.data,
-						onDismiss: handleNotificationDismiss,
-						onRestore: onNotificationRestore
-					})
-				})
+				children: (t8) => {
+					const { isShown, ref } = t8;
+					return /* @__PURE__ */ jsx(OverlayItemWrapper, {
+						ref: createRefCallback(itemId, ref),
+						mods: {
+							isShown,
+							isMeasured: settledIds.has(itemId)
+						},
+						style: getItemStyle(item_3, visibleIndex, visibleItems.length),
+						onMouseEnter: handleMouseEnter,
+						onMouseLeave: handleMouseLeave,
+						children: item_3.kind === "toast" ? /* @__PURE__ */ jsx(ToastItem, {
+							...item_3.data.itemProps,
+							title: item_3.data.title,
+							description: item_3.data.description,
+							theme: item_3.data.theme,
+							icon: item_3.data.icon,
+							isLoading: item_3.data.isLoading,
+							actions: item_3.data.actions
+						}) : /* @__PURE__ */ jsx(NotificationItem, {
+							notification: item_3.data,
+							onDismiss: handleNotificationDismiss,
+							onRestore: onNotificationRestore
+						})
+					});
+				}
 			}, itemId);
-		})
-	}) });
+		});
+		$[24] = allItems;
+		$[25] = createRefCallback;
+		$[26] = getItemStyle;
+		$[27] = handleExitComplete;
+		$[28] = handleMouseEnter;
+		$[29] = handleMouseLeave;
+		$[30] = handleNotificationDismiss;
+		$[31] = onNotificationRestore;
+		$[32] = settledIds;
+		$[33] = visibleIndexMap;
+		$[34] = visibleItems.length;
+		$[35] = t7;
+	} else t7 = $[35];
+	let t8;
+	if ($[36] !== containerRef || $[37] !== handleBlur || $[38] !== handleFocus || $[39] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(OverlayContainerElement, {
+			ref: containerRef,
+			onFocus: handleFocus,
+			onBlur: handleBlur,
+			children: t7
+		}) });
+		$[36] = containerRef;
+		$[37] = handleBlur;
+		$[38] = handleFocus;
+		$[39] = t7;
+		$[40] = t8;
+	} else t8 = $[40];
+	return t8;
+}
+function _temp7(t_0) {
+	return !t_0.isExiting && t_0.actions;
+}
+function _temp6(n_0) {
+	return !n_0.isExiting;
+}
+function _temp5(item) {
+	return !isItemExiting(item);
+}
+function _temp4(a, b) {
+	return getItemCreatedAt(a) - getItemCreatedAt(b);
+}
+function _temp3(n) {
+	return {
+		kind: "notification",
+		data: n
+	};
+}
+function _temp2(t) {
+	return {
+		kind: "toast",
+		data: t
+	};
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayContainer.js","names":[],"sources":["../../../../src/components/overlays/Notifications/OverlayContainer.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  Key,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\nimport { ToastItem } from '../Toast/ToastItem';\n\nimport { NotificationItem } from './NotificationItem';\n\nimport type { InternalToast } from '../Toast/types';\nimport type { DismissReason, InternalNotification } from './types';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst COLLAPSE_VISIBLE_HEIGHT = 10;\nconst CONTAINER_OFFSET = 16;\nconst ITEM_GAP = 8;\nconst DEFAULT_ITEM_HEIGHT = 56;\n\n// ─── Styled Elements ─────────────────────────────────────────────────\n\nconst OverlayContainerElement = tasty({\n  styles: {\n    position: 'fixed',\n    top: '2x',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    zIndex: 100,\n    padding: '1x',\n    height: '0',\n    pointerEvents: 'none',\n  },\n});\n\nconst OverlayItemWrapper = tasty({\n  styles: {\n    position: 'absolute',\n    top: '0',\n    left: '50%',\n    transform: {\n      '': 'translateX(-50%) translateY(-50%)',\n      'isMeasured & isShown': 'translateX(-50%) translateY(0)',\n    },\n    width: 'max-content 50x',\n    pointerEvents: 'auto',\n    transition: {\n      '': 'opacity $transition ease-in, transform $transition ease-in',\n      isMeasured:\n        'top $transition ease-in, opacity $transition ease-in, transform $transition ease-in',\n    },\n    opacity: {\n      '': 0,\n      isShown: 1,\n    },\n  },\n});\n\n// ─── Unified Item Type ───────────────────────────────────────────────\n\ntype OverlayItem =\n  | { kind: 'toast'; data: InternalToast }\n  | { kind: 'notification'; data: InternalNotification };\n\nfunction getItemId(item: OverlayItem): string {\n  return item.data.internalId;\n}\n\nfunction isItemExiting(item: OverlayItem): boolean {\n  return item.data.isExiting === true;\n}\n\nfunction getItemCreatedAt(item: OverlayItem): number {\n  return item.data.createdAt;\n}\n\n// ─── useItemPositions Hook ───────────────────────────────────────────\n\ninterface ItemPositionsResult {\n  heights: Record<string, number>;\n  /** Set of item IDs that have been measured AND painted at their correct position. */\n  settledIds: Set<string>;\n  positions: Map<string, number>;\n  lastPositionsRef: ReturnType<typeof useRef<Map<string, number>>>;\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>;\n  createRefCallback: (\n    itemId: string,\n    displayRef: (el: HTMLElement | null) => void,\n  ) => (el: HTMLDivElement | null) => void;\n}\n\n/**\n * Manages height measurement, position calculation, and ref tracking\n * for overlay items. Extracted from OverlayContainer for readability.\n */\nfunction useItemPositions(visibleItems: OverlayItem[]): ItemPositionsResult {\n  const [heights, setHeights] = useState<Record<string, number>>({});\n  const itemRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n  const lastPositionsRef = useRef<Map<string, number>>(new Map());\n\n  // Items that have been measured AND painted at their correct position.\n  // Lags one frame behind `heights` so the browser paints the item at\n  // its final `top` before the CSS `top` transition is enabled.\n  const [settledIds, setSettledIds] = useState<Set<string>>(new Set());\n  const rafRef = useRef<number | null>(null);\n\n  // Measure heights using layout effect to avoid visible layout shifts.\n  // Runs every render but bails early if nothing changed.\n  useLayoutEffect(() => {\n    const newHeights: Record<string, number> = {};\n    let hasChanges = false;\n\n    itemRefs.current.forEach((el, id) => {\n      const height = el.offsetHeight || DEFAULT_ITEM_HEIGHT;\n      newHeights[id] = height;\n\n      if (heights[id] !== height) {\n        hasChanges = true;\n      }\n    });\n\n    for (const id of Object.keys(heights)) {\n      if (!itemRefs.current.has(id)) {\n        hasChanges = true;\n      }\n    }\n\n    if (hasChanges) {\n      setHeights(newHeights);\n    }\n  });\n\n  // After heights change, schedule settledIds update for the next frame.\n  // This ensures the item is painted at its correct position (with no top\n  // transition) before we enable the transition.\n  useEffect(() => {\n    const heightKeys = Object.keys(heights);\n    const newIds = heightKeys.filter((id) => !settledIds.has(id));\n    const hasStaleIds =\n      settledIds.size > 0 && [...settledIds].some((id) => !(id in heights));\n\n    if (newIds.length === 0 && !hasStaleIds) return;\n\n    if (rafRef.current != null) {\n      cancelAnimationFrame(rafRef.current);\n    }\n\n    // For pruning-only updates (no new items), apply synchronously since\n    // there's no need to wait for a paint frame.\n    if (newIds.length === 0 && hasStaleIds) {\n      setSettledIds((prev) => new Set(heightKeys.filter((id) => prev.has(id))));\n      return;\n    }\n\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      setSettledIds((prev) => {\n        const next = new Set<string>();\n\n        // Only keep IDs that still exist in heights (prune removed items)\n        for (const id of heightKeys) {\n          if (prev.has(id)) {\n            next.add(id);\n          }\n        }\n\n        for (const id of newIds) {\n          next.add(id);\n        }\n\n        return next;\n      });\n    });\n\n    return () => {\n      if (rafRef.current != null) {\n        cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n    };\n  }, [heights]);\n\n  const createRefCallback = useCallback(\n    (itemId: string, displayRef: (el: HTMLElement | null) => void) =>\n      (el: HTMLDivElement | null) => {\n        displayRef(el);\n\n        if (el) {\n          itemRefs.current.set(itemId, el);\n        } else {\n          itemRefs.current.delete(itemId);\n        }\n      },\n    [],\n  );\n\n  const positions = useMemo(() => {\n    const posMap = new Map<string, number>();\n    let currentTop = 0;\n\n    for (const item of visibleItems) {\n      const id = getItemId(item);\n      posMap.set(id, currentTop);\n      const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n      currentTop += height + ITEM_GAP;\n    }\n\n    return posMap;\n  }, [visibleItems, heights]);\n\n  useEffect(() => {\n    positions.forEach((pos, id) => {\n      lastPositionsRef.current.set(id, pos);\n    });\n  }, [positions]);\n\n  return {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  };\n}\n\n// ─── useCollapseState Hook ───────────────────────────────────────────\n\ninterface CollapseStateResult {\n  isCollapsed: boolean;\n  handleMouseEnter: () => void;\n  handleMouseLeave: () => void;\n  handleFocus: () => void;\n  handleBlur: (e: FocusEvent) => void;\n  containerRef: RefObject<HTMLDivElement | null>;\n}\n\n/**\n * Manages collapse/expand behavior and pause state for the overlay container.\n * Extracted from OverlayContainer for readability.\n */\nfunction useCollapseState(\n  canCollapse: boolean,\n  allItems: OverlayItem[],\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>,\n  onPauseChange: (paused: boolean) => void,\n): CollapseStateResult {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const boundsRef = useRef<DOMRect | null>(null);\n\n  const updateBounds = useCallback(() => {\n    const refs = itemRefs.current;\n\n    if (!refs || refs.size === 0) {\n      boundsRef.current = null;\n      return;\n    }\n\n    let minX = Infinity,\n      minY = Infinity,\n      maxX = -Infinity,\n      maxY = -Infinity;\n\n    refs.forEach((el) => {\n      const rect = el.getBoundingClientRect();\n      minX = Math.min(minX, rect.left);\n      minY = Math.min(minY, rect.top);\n      maxX = Math.max(maxX, rect.right);\n      maxY = Math.max(maxY, rect.bottom);\n    });\n\n    if (typeof DOMRect !== 'undefined') {\n      boundsRef.current = new DOMRect(minX, minY, maxX - minX, maxY - minY);\n    } else {\n      boundsRef.current = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY,\n        top: minY,\n        right: maxX,\n        bottom: maxY,\n        left: minX,\n        toJSON: () => ({}),\n      } as DOMRect;\n    }\n  }, [itemRefs]);\n\n  // Track mouse for collapse — expand when mouse leaves bounds\n  useEffect(() => {\n    if (!isCollapsed) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const bounds = boundsRef.current;\n\n      if (!bounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n        return;\n      }\n\n      const padding = 20;\n      const isInBounds =\n        e.clientX >= bounds.left - padding &&\n        e.clientX <= bounds.right + padding &&\n        e.clientY >= bounds.top - padding &&\n        e.clientY <= bounds.bottom + padding;\n\n      if (!isInBounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n      }\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [isCollapsed, onPauseChange]);\n\n  // Update bounds when items change\n  useEffect(() => {\n    updateBounds();\n  }, [allItems, updateBounds]);\n\n  const handleMouseEnter = useCallback(() => {\n    updateBounds();\n    onPauseChange(true);\n\n    if (canCollapse) {\n      setIsCollapsed(true);\n    }\n  }, [updateBounds, canCollapse, onPauseChange]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (!isCollapsed) {\n      onPauseChange(false);\n    }\n  }, [isCollapsed, onPauseChange]);\n\n  const handleFocus = useCallback(() => {\n    onPauseChange(true);\n  }, [onPauseChange]);\n\n  const handleBlur = useCallback(\n    (e: FocusEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(e.relatedTarget as Node)\n      ) {\n        onPauseChange(false);\n      }\n    },\n    [onPauseChange],\n  );\n\n  return {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  };\n}\n\n// ─── Overlay Container ───────────────────────────────────────────────\n//\n// INTENTIONAL: Position calculations are done manually (absolute positioning + JS\n// height tracking) rather than relying on CSS flexbox/grid layout. This is\n// deliberate — the container mixes enter/exit animations, collapse behavior, and\n// heterogeneous item sizes (toasts vs notifications) which require per-item\n// position control. CSS-only solutions (e.g., flex column with gap) break when\n// items exit asynchronously or when collapse transforms need to be computed per-item.\n\nexport interface OverlayContainerProps {\n  toasts: InternalToast[];\n  notifications: InternalNotification[];\n  onToastExitComplete: (internalId: string) => void;\n  onNotificationExitComplete: (internalId: string) => void;\n  onNotificationDismiss: (id: Key, reason: DismissReason) => void;\n  onNotificationRestore: (id: Key) => void;\n  onPauseChange: (paused: boolean) => void;\n}\n\nexport function OverlayContainer({\n  toasts,\n  notifications,\n  onToastExitComplete,\n  onNotificationExitComplete,\n  onNotificationDismiss,\n  onNotificationRestore,\n  onPauseChange,\n}: OverlayContainerProps) {\n  // Merge toasts and notifications into a single ordered list\n  const allItems: OverlayItem[] = useMemo(() => {\n    const items: OverlayItem[] = [\n      ...toasts.map((t): OverlayItem => ({ kind: 'toast', data: t })),\n      ...notifications.map(\n        (n): OverlayItem => ({ kind: 'notification', data: n }),\n      ),\n    ];\n\n    // Sort by createdAt ascending (oldest first = bottom of stack, newest last = top)\n    items.sort((a, b) => getItemCreatedAt(a) - getItemCreatedAt(b));\n\n    return items;\n  }, [toasts, notifications]);\n\n  const visibleItems = useMemo(\n    () => allItems.filter((item) => !isItemExiting(item)),\n    [allItems],\n  );\n  const hasNotifications = notifications.some((n) => !n.isExiting);\n  const hasActionableToasts = toasts.some((t) => !t.isExiting && t.actions);\n  const canCollapse = !hasNotifications && !hasActionableToasts;\n\n  const {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  } = useItemPositions(visibleItems);\n\n  const {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);\n\n  // ─── Callbacks ─────────────────────────────────────────────────────\n\n  // When the user dismisses a notification they were hovering, the element\n  // is removed from the DOM so mouseLeave never fires. Explicitly unpause\n  // so remaining notifications' timers resume.\n  const handleNotificationDismiss = useEvent(\n    (id: Key, reason: DismissReason) => {\n      onNotificationDismiss(id, reason);\n      onPauseChange(false);\n    },\n  );\n\n  const handleExitComplete = useEvent((item: OverlayItem) => {\n    const id = getItemId(item);\n    lastPositionsRef.current?.delete(id);\n\n    if (item.kind === 'toast') {\n      onToastExitComplete(item.data.internalId);\n    } else {\n      onNotificationExitComplete(item.data.internalId);\n    }\n  });\n\n  // useCallback (not useEvent) because this is called during render.\n  // useEvent defers the ref update to useLayoutEffect, so during render\n  // it would still read the previous closure's positions/heights.\n  const getItemStyle = useCallback(\n    (item: OverlayItem, index: number, total: number) => {\n      const id = getItemId(item);\n      const baseTop =\n        positions.get(id) ?? lastPositionsRef.current?.get(id) ?? 0;\n      const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n\n      if (!isCollapsed || !canCollapse) {\n        return { top: `${baseTop}px` };\n      }\n\n      const isNewest = index === total - 1;\n      const collapsedTop = COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height;\n\n      return {\n        top: `${collapsedTop}px`,\n        zIndex: index,\n        opacity: isNewest ? 1 : 0,\n        pointerEvents: 'none' as const,\n      };\n    },\n    [isCollapsed, canCollapse, positions, heights, lastPositionsRef],\n  );\n\n  // Build a visibleIndex lookup map to avoid O(n²) findIndex inside render loop\n  const visibleIndexMap = useMemo(() => {\n    const map = new Map<string, number>();\n\n    visibleItems.forEach((item, index) => {\n      map.set(getItemId(item), index);\n    });\n\n    return map;\n  }, [visibleItems]);\n\n  if (allItems.length === 0) return null;\n\n  return (\n    <Portal>\n      <OverlayContainerElement\n        ref={containerRef}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {allItems.map((item) => {\n          const itemId = getItemId(item);\n          const visibleIndex = visibleIndexMap.get(itemId) ?? 0;\n          const isExiting = isItemExiting(item);\n\n          return (\n            <DisplayTransition\n              key={itemId}\n              isShown={!isExiting}\n              onRest={(transition) => {\n                if (transition === 'exit') {\n                  handleExitComplete(item);\n                }\n              }}\n            >\n              {({ isShown, ref }) => (\n                <OverlayItemWrapper\n                  ref={createRefCallback(itemId, ref)}\n                  mods={{ isShown, isMeasured: settledIds.has(itemId) }}\n                  style={getItemStyle(item, visibleIndex, visibleItems.length)}\n                  onMouseEnter={handleMouseEnter}\n                  onMouseLeave={handleMouseLeave}\n                >\n                  {item.kind === 'toast' ? (\n                    <ToastItem\n                      {...item.data.itemProps}\n                      title={item.data.title}\n                      description={item.data.description}\n                      theme={item.data.theme}\n                      icon={item.data.icon}\n                      isLoading={item.data.isLoading}\n                      actions={item.data.actions}\n                    />\n                  ) : (\n                    <NotificationItem\n                      notification={item.data}\n                      onDismiss={handleNotificationDismiss}\n                      onRestore={onNotificationRestore}\n                    />\n                  )}\n                </OverlayItemWrapper>\n              )}\n            </DisplayTransition>\n          );\n        })}\n      </OverlayContainerElement>\n    </Portal>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OverlayContainer.js","names":["tasty","FocusEvent","Key","RefObject","useCallback","useEffect","useMemo","useRef","useState","useEvent","useLayoutEffect","DisplayTransition","Portal","ToastItem","NotificationItem","InternalToast","DismissReason","InternalNotification","COLLAPSE_VISIBLE_HEIGHT","CONTAINER_OFFSET","ITEM_GAP","DEFAULT_ITEM_HEIGHT","OverlayContainerElement","styles","position","top","left","transform","zIndex","padding","height","pointerEvents","OverlayItemWrapper","width","transition","isMeasured","opacity","isShown","OverlayItem","kind","data","getItemId","item","internalId","isItemExiting","isExiting","getItemCreatedAt","createdAt","ItemPositionsResult","heights","Record","settledIds","Set","positions","Map","lastPositionsRef","ReturnType","itemRefs","HTMLDivElement","createRefCallback","itemId","displayRef","el","HTMLElement","useItemPositions","visibleItems","$","_c","t0","Symbol","for","setHeights","t1","t2","t3","setSettledIds","rafRef","t4","newHeights","hasChanges","current","forEach","id","offsetHeight","id_0","Object","keys","has","t5","heightKeys","newIds","filter","id_1","hasStaleIds","size","some","id_2","length","cancelAnimationFrame","prev","id_3","requestAnimationFrame","prev_0","next","id_4","add","id_5","t6","t7","el_0","set","delete","posMap","currentTop","id_6","height_0","t8","t9","pos","id_7","t10","CollapseStateResult","isCollapsed","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","e","containerRef","useCollapseState","canCollapse","allItems","onPauseChange","paused","setIsCollapsed","boundsRef","DOMRect","updateBounds","refs","minX","Infinity","minY","maxX","maxY","rect","getBoundingClientRect","Math","min","max","right","bottom","x","y","toJSON","handleMouseMove","MouseEvent","bounds","isInBounds","clientX","clientY","window","addEventListener","removeEventListener","contains","relatedTarget","Node","OverlayContainerProps","toasts","notifications","onToastExitComplete","onNotificationExitComplete","onNotificationDismiss","reason","onNotificationRestore","OverlayContainer","items","map","_temp2","_temp3","sort","_temp4","_temp5","_temp6","hasNotifications","_temp7","hasActionableToasts","handleNotificationDismiss","item_0","handleExitComplete","item_1","index","total","baseTop","get","isNewest","collapsedTop","const","getItemStyle","item_2","index_0","visibleIndexMap","item_3","visibleIndex","ref","itemProps","title","description","theme","icon","isLoading","actions","t_0","t","n_0","n","a","b"],"sources":["../../../../src/components/overlays/Notifications/OverlayContainer.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  Key,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\nimport { ToastItem } from '../Toast/ToastItem';\n\nimport { NotificationItem } from './NotificationItem';\n\nimport type { InternalToast } from '../Toast/types';\nimport type { DismissReason, InternalNotification } from './types';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst COLLAPSE_VISIBLE_HEIGHT = 10;\nconst CONTAINER_OFFSET = 16;\nconst ITEM_GAP = 8;\nconst DEFAULT_ITEM_HEIGHT = 56;\n\n// ─── Styled Elements ─────────────────────────────────────────────────\n\nconst OverlayContainerElement = tasty({\n  styles: {\n    position: 'fixed',\n    top: '2x',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    zIndex: 100,\n    padding: '1x',\n    height: '0',\n    pointerEvents: 'none',\n  },\n});\n\nconst OverlayItemWrapper = tasty({\n  styles: {\n    position: 'absolute',\n    top: '0',\n    left: '50%',\n    transform: {\n      '': 'translateX(-50%) translateY(-50%)',\n      'isMeasured & isShown': 'translateX(-50%) translateY(0)',\n    },\n    width: 'max-content 50x',\n    pointerEvents: 'auto',\n    transition: {\n      '': 'opacity $transition ease-in, transform $transition ease-in',\n      isMeasured:\n        'top $transition ease-in, opacity $transition ease-in, transform $transition ease-in',\n    },\n    opacity: {\n      '': 0,\n      isShown: 1,\n    },\n  },\n});\n\n// ─── Unified Item Type ───────────────────────────────────────────────\n\ntype OverlayItem =\n  | { kind: 'toast'; data: InternalToast }\n  | { kind: 'notification'; data: InternalNotification };\n\nfunction getItemId(item: OverlayItem): string {\n  return item.data.internalId;\n}\n\nfunction isItemExiting(item: OverlayItem): boolean {\n  return item.data.isExiting === true;\n}\n\nfunction getItemCreatedAt(item: OverlayItem): number {\n  return item.data.createdAt;\n}\n\n// ─── useItemPositions Hook ───────────────────────────────────────────\n\ninterface ItemPositionsResult {\n  heights: Record<string, number>;\n  /** Set of item IDs that have been measured AND painted at their correct position. */\n  settledIds: Set<string>;\n  positions: Map<string, number>;\n  lastPositionsRef: ReturnType<typeof useRef<Map<string, number>>>;\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>;\n  createRefCallback: (\n    itemId: string,\n    displayRef: (el: HTMLElement | null) => void,\n  ) => (el: HTMLDivElement | null) => void;\n}\n\n/**\n * Manages height measurement, position calculation, and ref tracking\n * for overlay items. Extracted from OverlayContainer for readability.\n */\nfunction useItemPositions(visibleItems: OverlayItem[]): ItemPositionsResult {\n  const [heights, setHeights] = useState<Record<string, number>>({});\n  const itemRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n  const lastPositionsRef = useRef<Map<string, number>>(new Map());\n\n  // Items that have been measured AND painted at their correct position.\n  // Lags one frame behind `heights` so the browser paints the item at\n  // its final `top` before the CSS `top` transition is enabled.\n  const [settledIds, setSettledIds] = useState<Set<string>>(new Set());\n  const rafRef = useRef<number | null>(null);\n\n  // Measure heights using layout effect to avoid visible layout shifts.\n  // Runs every render but bails early if nothing changed.\n  useLayoutEffect(() => {\n    const newHeights: Record<string, number> = {};\n    let hasChanges = false;\n\n    itemRefs.current.forEach((el, id) => {\n      const height = el.offsetHeight || DEFAULT_ITEM_HEIGHT;\n      newHeights[id] = height;\n\n      if (heights[id] !== height) {\n        hasChanges = true;\n      }\n    });\n\n    for (const id of Object.keys(heights)) {\n      if (!itemRefs.current.has(id)) {\n        hasChanges = true;\n      }\n    }\n\n    if (hasChanges) {\n      setHeights(newHeights);\n    }\n  });\n\n  // After heights change, schedule settledIds update for the next frame.\n  // This ensures the item is painted at its correct position (with no top\n  // transition) before we enable the transition.\n  useEffect(() => {\n    const heightKeys = Object.keys(heights);\n    const newIds = heightKeys.filter((id) => !settledIds.has(id));\n    const hasStaleIds =\n      settledIds.size > 0 && [...settledIds].some((id) => !(id in heights));\n\n    if (newIds.length === 0 && !hasStaleIds) return;\n\n    if (rafRef.current != null) {\n      cancelAnimationFrame(rafRef.current);\n    }\n\n    // For pruning-only updates (no new items), apply synchronously since\n    // there's no need to wait for a paint frame.\n    if (newIds.length === 0 && hasStaleIds) {\n      setSettledIds((prev) => new Set(heightKeys.filter((id) => prev.has(id))));\n      return;\n    }\n\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      setSettledIds((prev) => {\n        const next = new Set<string>();\n\n        // Only keep IDs that still exist in heights (prune removed items)\n        for (const id of heightKeys) {\n          if (prev.has(id)) {\n            next.add(id);\n          }\n        }\n\n        for (const id of newIds) {\n          next.add(id);\n        }\n\n        return next;\n      });\n    });\n\n    return () => {\n      if (rafRef.current != null) {\n        cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n    };\n  }, [heights]);\n\n  const createRefCallback = useCallback(\n    (itemId: string, displayRef: (el: HTMLElement | null) => void) =>\n      (el: HTMLDivElement | null) => {\n        displayRef(el);\n\n        if (el) {\n          itemRefs.current.set(itemId, el);\n        } else {\n          itemRefs.current.delete(itemId);\n        }\n      },\n    [],\n  );\n\n  const positions = useMemo(() => {\n    const posMap = new Map<string, number>();\n    let currentTop = 0;\n\n    for (const item of visibleItems) {\n      const id = getItemId(item);\n      posMap.set(id, currentTop);\n      const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n      currentTop += height + ITEM_GAP;\n    }\n\n    return posMap;\n  }, [visibleItems, heights]);\n\n  useEffect(() => {\n    positions.forEach((pos, id) => {\n      lastPositionsRef.current.set(id, pos);\n    });\n  }, [positions]);\n\n  return {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  };\n}\n\n// ─── useCollapseState Hook ───────────────────────────────────────────\n\ninterface CollapseStateResult {\n  isCollapsed: boolean;\n  handleMouseEnter: () => void;\n  handleMouseLeave: () => void;\n  handleFocus: () => void;\n  handleBlur: (e: FocusEvent) => void;\n  containerRef: RefObject<HTMLDivElement | null>;\n}\n\n/**\n * Manages collapse/expand behavior and pause state for the overlay container.\n * Extracted from OverlayContainer for readability.\n */\nfunction useCollapseState(\n  canCollapse: boolean,\n  allItems: OverlayItem[],\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>,\n  onPauseChange: (paused: boolean) => void,\n): CollapseStateResult {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const boundsRef = useRef<DOMRect | null>(null);\n\n  const updateBounds = useCallback(() => {\n    const refs = itemRefs.current;\n\n    if (!refs || refs.size === 0) {\n      boundsRef.current = null;\n      return;\n    }\n\n    let minX = Infinity,\n      minY = Infinity,\n      maxX = -Infinity,\n      maxY = -Infinity;\n\n    refs.forEach((el) => {\n      const rect = el.getBoundingClientRect();\n      minX = Math.min(minX, rect.left);\n      minY = Math.min(minY, rect.top);\n      maxX = Math.max(maxX, rect.right);\n      maxY = Math.max(maxY, rect.bottom);\n    });\n\n    if (typeof DOMRect !== 'undefined') {\n      boundsRef.current = new DOMRect(minX, minY, maxX - minX, maxY - minY);\n    } else {\n      boundsRef.current = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY,\n        top: minY,\n        right: maxX,\n        bottom: maxY,\n        left: minX,\n        toJSON: () => ({}),\n      } as DOMRect;\n    }\n  }, [itemRefs]);\n\n  // Track mouse for collapse — expand when mouse leaves bounds\n  useEffect(() => {\n    if (!isCollapsed) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const bounds = boundsRef.current;\n\n      if (!bounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n        return;\n      }\n\n      const padding = 20;\n      const isInBounds =\n        e.clientX >= bounds.left - padding &&\n        e.clientX <= bounds.right + padding &&\n        e.clientY >= bounds.top - padding &&\n        e.clientY <= bounds.bottom + padding;\n\n      if (!isInBounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n      }\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [isCollapsed, onPauseChange]);\n\n  // Update bounds when items change\n  useEffect(() => {\n    updateBounds();\n  }, [allItems, updateBounds]);\n\n  const handleMouseEnter = useCallback(() => {\n    updateBounds();\n    onPauseChange(true);\n\n    if (canCollapse) {\n      setIsCollapsed(true);\n    }\n  }, [updateBounds, canCollapse, onPauseChange]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (!isCollapsed) {\n      onPauseChange(false);\n    }\n  }, [isCollapsed, onPauseChange]);\n\n  const handleFocus = useCallback(() => {\n    onPauseChange(true);\n  }, [onPauseChange]);\n\n  const handleBlur = useCallback(\n    (e: FocusEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(e.relatedTarget as Node)\n      ) {\n        onPauseChange(false);\n      }\n    },\n    [onPauseChange],\n  );\n\n  return {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  };\n}\n\n// ─── Overlay Container ───────────────────────────────────────────────\n//\n// INTENTIONAL: Position calculations are done manually (absolute positioning + JS\n// height tracking) rather than relying on CSS flexbox/grid layout. This is\n// deliberate — the container mixes enter/exit animations, collapse behavior, and\n// heterogeneous item sizes (toasts vs notifications) which require per-item\n// position control. CSS-only solutions (e.g., flex column with gap) break when\n// items exit asynchronously or when collapse transforms need to be computed per-item.\n\nexport interface OverlayContainerProps {\n  toasts: InternalToast[];\n  notifications: InternalNotification[];\n  onToastExitComplete: (internalId: string) => void;\n  onNotificationExitComplete: (internalId: string) => void;\n  onNotificationDismiss: (id: Key, reason: DismissReason) => void;\n  onNotificationRestore: (id: Key) => void;\n  onPauseChange: (paused: boolean) => void;\n}\n\nexport function OverlayContainer({\n  toasts,\n  notifications,\n  onToastExitComplete,\n  onNotificationExitComplete,\n  onNotificationDismiss,\n  onNotificationRestore,\n  onPauseChange,\n}: OverlayContainerProps) {\n  // Merge toasts and notifications into a single ordered list\n  const allItems: OverlayItem[] = useMemo(() => {\n    const items: OverlayItem[] = [\n      ...toasts.map((t): OverlayItem => ({ kind: 'toast', data: t })),\n      ...notifications.map(\n        (n): OverlayItem => ({ kind: 'notification', data: n }),\n      ),\n    ];\n\n    // Sort by createdAt ascending (oldest first = bottom of stack, newest last = top)\n    items.sort((a, b) => getItemCreatedAt(a) - getItemCreatedAt(b));\n\n    return items;\n  }, [toasts, notifications]);\n\n  const visibleItems = useMemo(\n    () => allItems.filter((item) => !isItemExiting(item)),\n    [allItems],\n  );\n  const hasNotifications = notifications.some((n) => !n.isExiting);\n  const hasActionableToasts = toasts.some((t) => !t.isExiting && t.actions);\n  const canCollapse = !hasNotifications && !hasActionableToasts;\n\n  const {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  } = useItemPositions(visibleItems);\n\n  const {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);\n\n  // ─── Callbacks ─────────────────────────────────────────────────────\n\n  // When the user dismisses a notification they were hovering, the element\n  // is removed from the DOM so mouseLeave never fires. Explicitly unpause\n  // so remaining notifications' timers resume.\n  const handleNotificationDismiss = useEvent(\n    (id: Key, reason: DismissReason) => {\n      onNotificationDismiss(id, reason);\n      onPauseChange(false);\n    },\n  );\n\n  const handleExitComplete = useEvent((item: OverlayItem) => {\n    const id = getItemId(item);\n    lastPositionsRef.current?.delete(id);\n\n    if (item.kind === 'toast') {\n      onToastExitComplete(item.data.internalId);\n    } else {\n      onNotificationExitComplete(item.data.internalId);\n    }\n  });\n\n  // useCallback (not useEvent) because this is called during render.\n  // useEvent defers the ref update to useLayoutEffect, so during render\n  // it would still read the previous closure's positions/heights.\n  const getItemStyle = useCallback(\n    (item: OverlayItem, index: number, total: number) => {\n      const id = getItemId(item);\n      const baseTop =\n        positions.get(id) ?? lastPositionsRef.current?.get(id) ?? 0;\n      const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n\n      if (!isCollapsed || !canCollapse) {\n        return { top: `${baseTop}px` };\n      }\n\n      const isNewest = index === total - 1;\n      const collapsedTop = COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height;\n\n      return {\n        top: `${collapsedTop}px`,\n        zIndex: index,\n        opacity: isNewest ? 1 : 0,\n        pointerEvents: 'none' as const,\n      };\n    },\n    [isCollapsed, canCollapse, positions, heights, lastPositionsRef],\n  );\n\n  // Build a visibleIndex lookup map to avoid O(n²) findIndex inside render loop\n  const visibleIndexMap = useMemo(() => {\n    const map = new Map<string, number>();\n\n    visibleItems.forEach((item, index) => {\n      map.set(getItemId(item), index);\n    });\n\n    return map;\n  }, [visibleItems]);\n\n  if (allItems.length === 0) return null;\n\n  return (\n    <Portal>\n      <OverlayContainerElement\n        ref={containerRef}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {allItems.map((item) => {\n          const itemId = getItemId(item);\n          const visibleIndex = visibleIndexMap.get(itemId) ?? 0;\n          const isExiting = isItemExiting(item);\n\n          return (\n            <DisplayTransition\n              key={itemId}\n              isShown={!isExiting}\n              onRest={(transition) => {\n                if (transition === 'exit') {\n                  handleExitComplete(item);\n                }\n              }}\n            >\n              {({ isShown, ref }) => (\n                <OverlayItemWrapper\n                  ref={createRefCallback(itemId, ref)}\n                  mods={{ isShown, isMeasured: settledIds.has(itemId) }}\n                  style={getItemStyle(item, visibleIndex, visibleItems.length)}\n                  onMouseEnter={handleMouseEnter}\n                  onMouseLeave={handleMouseLeave}\n                >\n                  {item.kind === 'toast' ? (\n                    <ToastItem\n                      {...item.data.itemProps}\n                      title={item.data.title}\n                      description={item.data.description}\n                      theme={item.data.theme}\n                      icon={item.data.icon}\n                      isLoading={item.data.isLoading}\n                      actions={item.data.actions}\n                    />\n                  ) : (\n                    <NotificationItem\n                      notification={item.data}\n                      onDismiss={handleNotificationDismiss}\n                      onRestore={onNotificationRestore}\n                    />\n                  )}\n                </OverlayItemWrapper>\n              )}\n            </DisplayTransition>\n          );\n        })}\n      </OverlayContainerElement>\n    </Portal>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";