@pixotope/toasts 0.0.0-stage → 0.0.1

package/dist/index.js

@@ -0,0 +1,438 @@
+import { EventBus } from "@pixotope/event-bus";
+import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/core.ts
+const DEFAULT_TOAST_DURATION = 3e3;
+let generatedIds = 0;
+const createToastId = () => `px-toast-${Date.now().toString(36)}-${(generatedIds++).toString(36)}`;
+const createToastCore = () => {
+	const bus = new EventBus();
+	const timers = /* @__PURE__ */ new Map();
+	const pendingRemovals = /* @__PURE__ */ new Map();
+	let toasts = [];
+	const setToasts = (next) => {
+		toasts = next;
+		bus.emit("toasts:change", toasts);
+	};
+	const clearTimer = (id) => {
+		const timer = timers.get(id);
+		if (timer?.handle) clearTimeout(timer.handle);
+		timers.delete(id);
+	};
+	const cancelRemoval = (id) => {
+		clearTimeout(pendingRemovals.get(id));
+		pendingRemovals.delete(id);
+	};
+	const remove = (id) => {
+		const removed = id === void 0 ? toasts : toasts.filter((t) => t.id === id);
+		if (!removed.length) return;
+		for (const toast of removed) {
+			clearTimer(toast.id);
+			cancelRemoval(toast.id);
+		}
+		setToasts(id === void 0 ? [] : toasts.filter((t) => t.id !== id));
+	};
+	const dismiss = (id) => {
+		const dismissed = toasts.filter((t) => t.visible && (id === void 0 || t.id === id));
+		if (!dismissed.length) return;
+		const dismissedIds = new Set(dismissed.map((t) => t.id));
+		for (const toastId of dismissedIds) {
+			clearTimer(toastId);
+			pendingRemovals.set(toastId, setTimeout(() => {
+				pendingRemovals.delete(toastId);
+				remove(toastId);
+			}, 300));
+		}
+		setToasts(toasts.map((t) => dismissedIds.has(t.id) ? {
+			...t,
+			visible: false
+		} : t));
+		for (const toast of dismissed) toast.onClose?.(toast);
+	};
+	const upsert = ({ id, ...input }) => {
+		const now = Date.now();
+		if (!toasts.find((t) => t.id === id)) {
+			setToasts([...toasts, {
+				...input,
+				id,
+				type: input.type ?? "warning",
+				count: 1,
+				createdAt: now,
+				updatedAt: now,
+				visible: true
+			}]);
+			return;
+		}
+		cancelRemoval(id);
+		clearTimer(id);
+		setToasts(toasts.map((t) => t.id === id ? {
+			...t,
+			...input,
+			type: input.type ?? t.type,
+			count: t.count + 1,
+			updatedAt: now,
+			visible: true
+		} : t));
+	};
+	bus.on("toast:upsert", upsert);
+	bus.on("toast:dismiss", dismiss);
+	bus.on("toast:remove", remove);
+	const runTimer = (id, timer) => {
+		timer.startedAt = Date.now();
+		timer.handle = setTimeout(() => {
+			timers.delete(id);
+			dismiss(id);
+		}, timer.remaining);
+	};
+	const pause = (id) => {
+		const timer = timers.get(id);
+		if (!timer?.handle) return;
+		clearTimeout(timer.handle);
+		timer.handle = void 0;
+		timer.remaining -= Date.now() - timer.startedAt;
+	};
+	const resume = (id) => {
+		const timer = timers.get(id);
+		if (!timer || timer.handle) return;
+		runTimer(id, timer);
+	};
+	return {
+		bus,
+		getToasts: () => toasts,
+		subscribe: (listener) => bus.on("toasts:change", listener),
+		startTimer: (toast, duration) => {
+			if (!toast.visible || !Number.isFinite(duration)) return;
+			if (timers.get(toast.id)?.version === toast.updatedAt) return;
+			clearTimer(toast.id);
+			const timer = {
+				handle: void 0,
+				remaining: duration,
+				startedAt: 0,
+				version: toast.updatedAt
+			};
+			timers.set(toast.id, timer);
+			runTimer(toast.id, timer);
+		},
+		pause,
+		resume,
+		pauseAll: () => timers.forEach((_, id) => pause(id)),
+		resumeAll: () => timers.forEach((_, id) => resume(id))
+	};
+};
+const coreKey = Symbol.for("@pixotope/toasts");
+const getToastCore = () => globalThis[coreKey] ??= createToastCore();
+//#endregion
+//#region src/toast.ts
+const show = (input) => {
+	const id = input.id ?? createToastId();
+	getToastCore().bus.emit("toast:upsert", {
+		...input,
+		id
+	});
+	return id;
+};
+const shorthand = (type) => (title, options) => show({
+	...options,
+	title,
+	type
+});
+/**
+* Shows a toast and returns its id. Works outside React; a mounted
+* `<Toaster>` renders it.
+*/
+const toast = Object.assign(show, {
+	success: shorthand("success"),
+	error: shorthand("error"),
+	warning: shorthand("warning"),
+	info: shorthand("info"),
+	clean: shorthand("clean"),
+	insight: shorthand("insight"),
+	/** Plays the exit animation, then removes; omit the id to dismiss all. */
+	dismiss: (id) => getToastCore().bus.emit("toast:dismiss", id),
+	/** Removes immediately without calling `onClose`; omit the id to remove all. */
+	remove: (id) => getToastCore().bus.emit("toast:remove", id)
+});
+//#endregion
+//#region src/Toaster.module.scss
+var Toaster_module_default = { "toaster": "NAvrhW_toaster" };
+//#endregion
+//#region src/icons.tsx
+const CloseIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 16 16",
+	width: "16",
+	height: "16",
+	"aria-hidden": true,
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M11.6801 3L13 4.31994L9.31994 8L13 11.6801L11.6801 13L8 9.31994L4.31994 13L3 11.6801L6.68006 8L3 4.31994L4.31994 3L8 6.68006L11.6801 3Z"
+	})
+});
+const CopyIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+	viewBox: "0 0 16 16",
+	width: "16",
+	height: "16",
+	"aria-hidden": true,
+	...props,
+	children: [/* @__PURE__ */ jsx("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M1 10H1.87178e-06L0 2.00842C-2.58519e-07 0.904675 0.894148 0.00958455 1.99789 0.00842272L9.99956 0L10.0006 0.999999L1.99895 1.00842C1.44707 1.009 1 1.45655 1 2.00842L1 10Z"
+	}), /* @__PURE__ */ jsx("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M11.0001 3C11.1327 3 11.2599 3.05268 11.3536 3.14645L15.8536 7.64645C15.9474 7.74021 16.0001 7.86739 16.0001 8V14.5C16.0001 15.3284 15.3285 16 14.5001 16H4.50009C3.67166 16 3.00009 15.3284 3.00009 14.5V4.5C3.00009 3.67157 3.67166 3 4.50009 3H11.0001ZM10.0001 4H4.50009C4.22395 4 4.00009 4.22386 4.00009 4.5V14.5C4.00009 14.7761 4.22395 15 4.50009 15H14.5001C14.7762 15 15.0001 14.7761 15.0001 14.5V9.00129H11.0001C10.4478 9.00129 10.0001 8.55357 10.0001 8.00129V4ZM11.0001 4.20711V8.00129H14.7943L11.0001 4.20711Z"
+	})]
+});
+const InfoIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 16 16",
+	width: "16",
+	height: "16",
+	"aria-hidden": true,
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fillRule: "evenodd",
+		d: "M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm1-3V7H7v6h2zM8 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
+	})
+});
+const WarningIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 17 16",
+	width: "17",
+	height: "16",
+	"aria-hidden": true,
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M0.750968 16C0.193431 16 -0.169191 15.4133 0.0801473 14.9146L7.33015 0.41459C7.60654 -0.138197 8.3954 -0.138197 8.67179 0.41459L15.9218 14.9146C16.1711 15.4133 15.8085 16 15.251 16H0.750968ZM7.25097 6H8.75097V11H7.25097V6ZM8.75097 12.75C8.75097 13.1642 8.41518 13.5 8.00097 13.5C7.58675 13.5 7.25097 13.1642 7.25097 12.75C7.25097 12.3358 7.58675 12 8.00097 12C8.41518 12 8.75097 12.3358 8.75097 12.75Z"
+	})
+});
+//#endregion
+//#region src/ToastNotification.module.scss
+var ToastNotification_module_default = {
+	"action": "_2Xv1UW_action",
+	"buttons": "_2Xv1UW_buttons",
+	"content": "_2Xv1UW_content",
+	"copyButton": "_2Xv1UW_copyButton",
+	"description": "_2Xv1UW_description",
+	"enter": "_2Xv1UW_enter",
+	"exit": "_2Xv1UW_exit",
+	"icon": "_2Xv1UW_icon",
+	"iconButton": "_2Xv1UW_iconButton",
+	"note": "_2Xv1UW_note",
+	"subtitle": "_2Xv1UW_subtitle",
+	"time": "_2Xv1UW_time",
+	"timer": "_2Xv1UW_timer",
+	"title": "_2Xv1UW_title",
+	"toast": "_2Xv1UW_toast"
+};
+//#endregion
+//#region src/ToastNotification.tsx
+const joinClassNames = (...names) => names.filter(Boolean).join(" ");
+/** The default Pixotope toast visual, also usable inside `renderToast`. */
+const ToastNotification = ({ toast, onDismiss, className, onMouseDown, onMouseEnter, ...rest }) => {
+	const titleRef = useRef(null);
+	const subtitleRef = useRef(null);
+	const descriptionRef = useRef(null);
+	const [copied, setCopied] = useState(false);
+	const { type, icon, subtitle, description, note, action, showTime = true, timeLabel, dismissible = true, copyable = true, count, updatedAt, visible } = toast;
+	const duration = toast.duration ?? 3e3;
+	const formattedTime = new Date(updatedAt).toLocaleTimeString();
+	const copyToClipboard = () => {
+		const lines = [`${type}: ${titleRef.current?.innerText ?? ""}`];
+		if (subtitleRef.current) lines.push(subtitleRef.current.innerText);
+		if (descriptionRef.current?.innerText) lines.push(descriptionRef.current.innerText);
+		if (showTime) lines.push(` at ${formattedTime}`);
+		navigator.clipboard.writeText(lines.join("\n"));
+		setCopied(true);
+	};
+	const Icon = icon === "info" ? InfoIcon : icon === "warning" ? WarningIcon : null;
+	return /* @__PURE__ */ jsxs("div", {
+		role: type === "error" ? "alert" : "status",
+		className: joinClassNames(ToastNotification_module_default.toast, toast.className, className),
+		"data-type": type,
+		"data-visible": visible,
+		onMouseDown: (event) => {
+			if (event.button === 1 && dismissible) onDismiss?.();
+			onMouseDown?.(event);
+		},
+		onMouseEnter: (event) => {
+			setCopied(false);
+			onMouseEnter?.(event);
+		},
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: ToastNotification_module_default.buttons,
+				children: [copyable && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: joinClassNames(ToastNotification_module_default.iconButton, ToastNotification_module_default.copyButton),
+					"data-copied": copied,
+					"aria-label": "Copy notification",
+					onClick: copyToClipboard,
+					children: copied ? "copied" : /* @__PURE__ */ jsx(CopyIcon, {})
+				}), dismissible && onDismiss && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: ToastNotification_module_default.iconButton,
+					"aria-label": "Close notification",
+					onClick: onDismiss,
+					children: /* @__PURE__ */ jsx(CloseIcon, {})
+				})]
+			}),
+			Icon && /* @__PURE__ */ jsx(Icon, { className: ToastNotification_module_default.icon }),
+			/* @__PURE__ */ jsxs("div", {
+				className: ToastNotification_module_default.content,
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						ref: titleRef,
+						className: ToastNotification_module_default.title,
+						children: toast.title
+					}),
+					subtitle && /* @__PURE__ */ jsx("div", {
+						ref: subtitleRef,
+						className: ToastNotification_module_default.subtitle,
+						children: subtitle
+					}),
+					/* @__PURE__ */ jsx("div", {
+						ref: descriptionRef,
+						className: ToastNotification_module_default.description,
+						children: description
+					}),
+					note && /* @__PURE__ */ jsx("div", {
+						className: ToastNotification_module_default.note,
+						children: note
+					}),
+					action && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: ToastNotification_module_default.action,
+						onClick: () => action.onClick(toast),
+						children: action.label
+					}),
+					showTime && /* @__PURE__ */ jsxs("div", {
+						className: ToastNotification_module_default.time,
+						children: [/* @__PURE__ */ jsx("div", { children: timeLabel }), /* @__PURE__ */ jsxs("div", { children: [formattedTime, count > 1 && ` (${count})`] })]
+					})
+				]
+			}),
+			visible && Number.isFinite(duration) && /* @__PURE__ */ jsx("span", {
+				className: ToastNotification_module_default.timer,
+				style: { animationDuration: `${duration}ms` },
+				"data-testid": "toast-timer"
+			}, updatedAt)
+		]
+	});
+};
+//#endregion
+//#region src/useToasts.ts
+const withDefaults = (toast, defaults) => {
+	if (!defaults) return toast;
+	const merged = { ...toast };
+	for (const [key, value] of Object.entries(defaults)) if (merged[key] === void 0) merged[key] = value;
+	return merged;
+};
+/**
+* Headless access to the toast store, for rendering toasts with your own
+* components. Starts the auto-dismiss timer of every toast it returns.
+*/
+const useToasts = ({ limit = Infinity, toastOptions } = {}) => {
+	const core = getToastCore();
+	const all = useSyncExternalStore(core.subscribe, core.getToasts, core.getToasts);
+	const toasts = useMemo(() => all.slice(0, limit).map((t) => withDefaults(t, toastOptions)), [
+		all,
+		limit,
+		toastOptions
+	]);
+	useEffect(() => {
+		for (const toast of toasts) core.startTimer(toast, toast.duration ?? 3e3);
+	}, [core, toasts]);
+	return {
+		toasts,
+		dismiss: toast.dismiss,
+		remove: toast.remove,
+		pause: core.pause,
+		resume: core.resume,
+		pauseAll: core.pauseAll,
+		resumeAll: core.resumeAll
+	};
+};
+//#endregion
+//#region src/Toaster.tsx
+const DEFAULT_OFFSET = {
+	top: 56,
+	right: 14,
+	bottom: 14,
+	left: 14
+};
+const DEFAULT_TOAST_OPTIONS = { timeLabel: "Message received:" };
+const placement = (position, offset) => {
+	const [vertical, horizontal] = position.split("-");
+	return {
+		[vertical]: offset[vertical],
+		...horizontal === "center" ? { left: "50%" } : { [horizontal]: offset[horizontal] }
+	};
+};
+/** Renders toasts raised with `toast()`. Mount one per app. */
+const Toaster = ({ position = "top-right", offset, limit = 5, zIndex = 9999, className, toastOptions, renderToast, container }) => {
+	const mergedOptions = useMemo(() => ({
+		...DEFAULT_TOAST_OPTIONS,
+		...toastOptions
+	}), [toastOptions]);
+	const { toasts, dismiss, pause, resume, pauseAll, resumeAll } = useToasts({
+		limit,
+		toastOptions: mergedOptions
+	});
+	const [windowFocused, setWindowFocused] = useState(true);
+	useEffect(() => {
+		const onBlur = () => {
+			pauseAll();
+			setWindowFocused(false);
+		};
+		const onFocus = () => {
+			resumeAll();
+			setWindowFocused(true);
+		};
+		window.addEventListener("blur", onBlur);
+		window.addEventListener("focus", onFocus);
+		return () => {
+			window.removeEventListener("blur", onBlur);
+			window.removeEventListener("focus", onFocus);
+		};
+	}, [pauseAll, resumeAll]);
+	const target = container ?? (typeof document === "undefined" ? null : document.body);
+	if (!target) return null;
+	return createPortal(/* @__PURE__ */ jsx("section", {
+		"aria-live": "polite",
+		"aria-label": "Notifications",
+		className: [Toaster_module_default.toaster, className].filter(Boolean).join(" "),
+		"data-position": position,
+		"data-paused": !windowFocused,
+		style: {
+			...placement(position, {
+				...DEFAULT_OFFSET,
+				...offset
+			}),
+			zIndex
+		},
+		children: toasts.map((toast) => {
+			const helpers = {
+				dismiss: () => dismiss(toast.id),
+				pause: () => pause(toast.id),
+				resume: () => resume(toast.id)
+			};
+			return /* @__PURE__ */ jsx("div", {
+				onMouseEnter: helpers.pause,
+				onMouseLeave: helpers.resume,
+				children: renderToast ? renderToast(toast, helpers) : /* @__PURE__ */ jsx(ToastNotification, {
+					toast,
+					onDismiss: helpers.dismiss
+				})
+			}, toast.id);
+		})
+	}), target);
+};
+//#endregion
+export { DEFAULT_TOAST_DURATION, ToastNotification, Toaster, toast, useToasts };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["styles","toastApi","styles"],"sources":["../src/core.ts","../src/toast.ts","../src/Toaster.module.scss","../src/icons.tsx","../src/ToastNotification.module.scss","../src/ToastNotification.tsx","../src/useToasts.ts","../src/Toaster.tsx"],"sourcesContent":["import { EventBus } from '@pixotope/event-bus';\nimport type { Toast, ToastInput } from './types';\n\nexport const DEFAULT_TOAST_DURATION = 3000;\n/** Matches the exit animation length in ToastNotification.module.scss. */\nexport const TOAST_EXIT_DURATION = 300;\n\ntype ToastEvents = {\n  'toast:upsert': ToastInput & { id: string };\n  'toast:dismiss': string | undefined;\n  'toast:remove': string | undefined;\n  'toasts:change': readonly Toast[];\n};\n\ninterface ToastTimer {\n  handle: ReturnType<typeof setTimeout> | undefined;\n  remaining: number;\n  startedAt: number;\n  /** The `updatedAt` the timer was started for; an update restarts it. */\n  version: number;\n}\n\nexport interface ToastCore {\n  bus: EventBus<ToastEvents>;\n  getToasts: () => readonly Toast[];\n  subscribe: (listener: () => void) => () => void;\n  startTimer: (toast: Toast, duration: number) => void;\n  pause: (id: string) => void;\n  resume: (id: string) => void;\n  pauseAll: () => void;\n  resumeAll: () => void;\n}\n\nlet generatedIds = 0;\nexport const createToastId = () =>\n  `px-toast-${Date.now().toString(36)}-${(generatedIds++).toString(36)}`;\n\nexport const createToastCore = (): ToastCore => {\n  const bus = new EventBus<ToastEvents>();\n  const timers = new Map<string, ToastTimer>();\n  const pendingRemovals = new Map<string, ReturnType<typeof setTimeout>>();\n  let toasts: readonly Toast[] = [];\n\n  const setToasts = (next: readonly Toast[]) => {\n    toasts = next;\n    bus.emit('toasts:change', toasts);\n  };\n\n  const clearTimer = (id: string) => {\n    const timer = timers.get(id);\n    if (timer?.handle) clearTimeout(timer.handle);\n    timers.delete(id);\n  };\n\n  const cancelRemoval = (id: string) => {\n    clearTimeout(pendingRemovals.get(id));\n    pendingRemovals.delete(id);\n  };\n\n  const remove = (id: string | undefined) => {\n    const removed =\n      id === undefined ? toasts : toasts.filter((t) => t.id === id);\n    if (!removed.length) return;\n    for (const toast of removed) {\n      clearTimer(toast.id);\n      cancelRemoval(toast.id);\n    }\n    setToasts(id === undefined ? [] : toasts.filter((t) => t.id !== id));\n  };\n\n  const dismiss = (id: string | undefined) => {\n    const dismissed = toasts.filter(\n      (t) => t.visible && (id === undefined || t.id === id)\n    );\n    if (!dismissed.length) return;\n    const dismissedIds = new Set(dismissed.map((t) => t.id));\n    for (const toastId of dismissedIds) {\n      clearTimer(toastId);\n      pendingRemovals.set(\n        toastId,\n        setTimeout(() => {\n          pendingRemovals.delete(toastId);\n          remove(toastId);\n        }, TOAST_EXIT_DURATION)\n      );\n    }\n    setToasts(\n      toasts.map((t) => (dismissedIds.has(t.id) ? { ...t, visible: false } : t))\n    );\n    for (const toast of dismissed) toast.onClose?.(toast);\n  };\n\n  const upsert = ({ id, ...input }: ToastInput & { id: string }) => {\n    const now = Date.now();\n    const existing = toasts.find((t) => t.id === id);\n    if (!existing) {\n      setToasts([\n        ...toasts,\n        {\n          ...input,\n          id,\n          type: input.type ?? 'warning',\n          count: 1,\n          createdAt: now,\n          updatedAt: now,\n          visible: true,\n        },\n      ]);\n      return;\n    }\n    cancelRemoval(id);\n    clearTimer(id);\n    setToasts(\n      toasts.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...input,\n              type: input.type ?? t.type,\n              count: t.count + 1,\n              updatedAt: now,\n              visible: true,\n            }\n          : t\n      )\n    );\n  };\n\n  bus.on('toast:upsert', upsert);\n  bus.on('toast:dismiss', dismiss);\n  bus.on('toast:remove', remove);\n\n  const runTimer = (id: string, timer: ToastTimer) => {\n    timer.startedAt = Date.now();\n    timer.handle = setTimeout(() => {\n      timers.delete(id);\n      dismiss(id);\n    }, timer.remaining);\n  };\n\n  const pause = (id: string) => {\n    const timer = timers.get(id);\n    if (!timer?.handle) return;\n    clearTimeout(timer.handle);\n    timer.handle = undefined;\n    timer.remaining -= Date.now() - timer.startedAt;\n  };\n\n  const resume = (id: string) => {\n    const timer = timers.get(id);\n    if (!timer || timer.handle) return;\n    runTimer(id, timer);\n  };\n\n  return {\n    bus,\n    getToasts: () => toasts,\n    subscribe: (listener) => bus.on('toasts:change', listener),\n    startTimer: (toast, duration) => {\n      if (!toast.visible || !Number.isFinite(duration)) return;\n      if (timers.get(toast.id)?.version === toast.updatedAt) return;\n      clearTimer(toast.id);\n      const timer: ToastTimer = {\n        handle: undefined,\n        remaining: duration,\n        startedAt: 0,\n        version: toast.updatedAt,\n      };\n      timers.set(toast.id, timer);\n      runTimer(toast.id, timer);\n    },\n    pause,\n    resume,\n    pauseAll: () => timers.forEach((_, id) => pause(id)),\n    resumeAll: () => timers.forEach((_, id) => resume(id)),\n  };\n};\n\n// Kept on globalThis so toasts raised from a second bundled copy of this\n// package still reach the <Toaster> rendered by the first.\nconst coreKey = Symbol.for('@pixotope/toasts');\ntype GlobalWithCore = typeof globalThis & { [coreKey]?: ToastCore };\n\nexport const getToastCore = (): ToastCore =>\n  ((globalThis as GlobalWithCore)[coreKey] ??= createToastCore());\n","import { createToastId, getToastCore } from './core';\nimport type { ToastInput, ToastOptions, ToastType } from './types';\n\nexport type ToastShorthand = (\n  title: ToastInput['title'],\n  options?: Omit<ToastOptions, 'type'>\n) => string;\n\nconst show = (input: ToastInput): string => {\n  const id = input.id ?? createToastId();\n  getToastCore().bus.emit('toast:upsert', { ...input, id });\n  return id;\n};\n\nconst shorthand =\n  (type: ToastType): ToastShorthand =>\n  (title, options) =>\n    show({ ...options, title, type });\n\n/**\n * Shows a toast and returns its id. Works outside React; a mounted\n * `<Toaster>` renders it.\n */\nexport const toast = Object.assign(show, {\n  success: shorthand('success'),\n  error: shorthand('error'),\n  warning: shorthand('warning'),\n  info: shorthand('info'),\n  clean: shorthand('clean'),\n  insight: shorthand('insight'),\n  /** Plays the exit animation, then removes; omit the id to dismiss all. */\n  dismiss: (id?: string) => getToastCore().bus.emit('toast:dismiss', id),\n  /** Removes immediately without calling `onClose`; omit the id to remove all. */\n  remove: (id?: string) => getToastCore().bus.emit('toast:remove', id),\n});\n",".toaster {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  pointer-events: none;\n}\n.toaster > * {\n  pointer-events: auto;\n}\n.toaster[data-position$=-right] {\n  align-items: flex-end;\n  --px-toast-enter-transform: translateX(100%);\n}\n.toaster[data-position$=-left] {\n  align-items: flex-start;\n  --px-toast-enter-transform: translateX(-100%);\n}\n.toaster[data-position$=-center] {\n  align-items: center;\n  transform: translateX(-50%);\n}\n.toaster[data-position=top-center] {\n  --px-toast-enter-transform: translateY(-100%);\n}\n.toaster[data-position=bottom-center] {\n  --px-toast-enter-transform: translateY(100%);\n}","import type { SVGProps } from 'react';\n\ntype IconProps = SVGProps<SVGSVGElement>;\n\nexport const CloseIcon = (props: IconProps) => (\n  <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" aria-hidden {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.6801 3L13 4.31994L9.31994 8L13 11.6801L11.6801 13L8 9.31994L4.31994 13L3 11.6801L6.68006 8L3 4.31994L4.31994 3L8 6.68006L11.6801 3Z\"\n    />\n  </svg>\n);\n\nexport const CopyIcon = (props: IconProps) => (\n  <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" aria-hidden {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M1 10H1.87178e-06L0 2.00842C-2.58519e-07 0.904675 0.894148 0.00958455 1.99789 0.00842272L9.99956 0L10.0006 0.999999L1.99895 1.00842C1.44707 1.009 1 1.45655 1 2.00842L1 10Z\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.0001 3C11.1327 3 11.2599 3.05268 11.3536 3.14645L15.8536 7.64645C15.9474 7.74021 16.0001 7.86739 16.0001 8V14.5C16.0001 15.3284 15.3285 16 14.5001 16H4.50009C3.67166 16 3.00009 15.3284 3.00009 14.5V4.5C3.00009 3.67157 3.67166 3 4.50009 3H11.0001ZM10.0001 4H4.50009C4.22395 4 4.00009 4.22386 4.00009 4.5V14.5C4.00009 14.7761 4.22395 15 4.50009 15H14.5001C14.7762 15 15.0001 14.7761 15.0001 14.5V9.00129H11.0001C10.4478 9.00129 10.0001 8.55357 10.0001 8.00129V4ZM11.0001 4.20711V8.00129H14.7943L11.0001 4.20711Z\"\n    />\n  </svg>\n);\n\nexport const InfoIcon = (props: IconProps) => (\n  <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" aria-hidden {...props}>\n    <path\n      fillRule=\"evenodd\"\n      d=\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm1-3V7H7v6h2zM8 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\"\n    />\n  </svg>\n);\n\nexport const WarningIcon = (props: IconProps) => (\n  <svg viewBox=\"0 0 17 16\" width=\"17\" height=\"16\" aria-hidden {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M0.750968 16C0.193431 16 -0.169191 15.4133 0.0801473 14.9146L7.33015 0.41459C7.60654 -0.138197 8.3954 -0.138197 8.67179 0.41459L15.9218 14.9146C16.1711 15.4133 15.8085 16 15.251 16H0.750968ZM7.25097 6H8.75097V11H7.25097V6ZM8.75097 12.75C8.75097 13.1642 8.41518 13.5 8.00097 13.5C7.58675 13.5 7.25097 13.1642 7.25097 12.75C7.25097 12.3358 7.58675 12 8.00097 12C8.41518 12 8.75097 12.3358 8.75097 12.75Z\"\n    />\n  </svg>\n);\n","@keyframes enter {\n  from {\n    transform: var(--px-toast-enter-transform, translateX(100%));\n    opacity: 0;\n  }\n  to {\n    transform: none;\n    opacity: 1;\n  }\n}\n@keyframes exit {\n  from {\n    transform: none;\n    opacity: 1;\n  }\n  to {\n    transform: var(--px-toast-enter-transform, translateX(100%));\n    opacity: 0;\n  }\n}\n@keyframes timer {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0;\n  }\n}\n.toast {\n  --px-toast-accent: var(--support-03);\n  position: relative;\n  display: flex;\n  gap: 8px;\n  width: 320px;\n  padding: 12px 24px 12px 20px;\n  border: 0 solid var(--px-toast-accent);\n  border-left-width: 5px;\n  background-color: var(--ui-02);\n  user-select: text;\n  animation: enter 0.3s ease-in-out;\n}\n.toast[data-type=info] {\n  --px-toast-accent: var(--support-04);\n}\n.toast[data-type=error] {\n  --px-toast-accent: var(--interactive-07);\n}\n.toast[data-type=success] {\n  --px-toast-accent: var(--support-12);\n}\n.toast[data-type=insight] {\n  --px-toast-accent: var(--support-13);\n}\n.toast[data-type=clean] {\n  --px-toast-accent: transparent;\n}\n.toast[data-visible=false] {\n  animation: exit 0.3s ease-in-out forwards;\n}\n\n.timer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background: var(--text-01);\n  opacity: 0.3;\n  animation: timer linear 1 forwards;\n}\n.toast:hover .timer, [data-paused=true] .timer {\n  animation-play-state: paused;\n}\n\n.icon {\n  flex-shrink: 0;\n  fill: var(--px-toast-accent);\n}\n\n.buttons {\n  position: absolute;\n  top: 12px;\n  right: 0;\n  display: flex;\n  gap: 8px;\n  margin-right: 14px;\n}\n\n.iconButton {\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--text-01);\n  font-size: 12px;\n  cursor: pointer;\n}\n.iconButton svg {\n  fill: currentColor;\n}\n.iconButton:focus-visible {\n  outline: 1px solid var(--interactive-01);\n}\n\n.copyButton {\n  opacity: 1;\n  transition: opacity 0.2s ease-in-out;\n}\n.copyButton svg {\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n.toast:hover .copyButton svg, .copyButton:focus-visible svg {\n  opacity: 1;\n}\n.copyButton[data-copied=true] {\n  opacity: 0;\n  transition-duration: 1s;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  width: 100%;\n  color: var(--text-01);\n}\n\n.title {\n  margin: 0 0 4px;\n  padding-bottom: 4px;\n  color: var(--text-01);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n  letter-spacing: 0.16px;\n  text-align: left;\n}\n\n.subtitle {\n  margin-top: -4px;\n  margin-bottom: 8px;\n  color: var(--text-03);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0.32px;\n}\n\n.description {\n  margin-bottom: 8px;\n  color: var(--text-01);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: 0.16px;\n  text-align: left;\n  overflow-wrap: anywhere;\n}\n\n.note {\n  align-self: stretch;\n  margin-bottom: 8px;\n  padding: 4px 8px;\n  border-radius: 2px;\n  background-color: var(--faded-light-green-2);\n  color: var(--text-01);\n  font-family: \"IBM Plex Mono\", monospace;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  text-align: left;\n}\n\n.action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-bottom: 8px;\n  padding: 10px 22px;\n  border: 2px solid var(--interactive-01);\n  background: var(--interactive-01);\n  color: var(--ui-01);\n  font: inherit;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  cursor: pointer;\n  transition: opacity 0.3s ease, background 0.3s ease;\n}\n.action:hover {\n  opacity: 0.9;\n}\n.action:active {\n  opacity: 0.8;\n}\n.action:focus {\n  outline: none;\n}\n.action:focus-visible {\n  outline: 2px solid var(--interactive-03-hover);\n}\n\n.time {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  color: var(--text-03);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n}","import { useRef, useState, type HTMLAttributes } from 'react';\nimport { CloseIcon, CopyIcon, InfoIcon, WarningIcon } from './icons';\nimport styles from './ToastNotification.module.scss';\nimport type { Toast } from './types';\nimport { DEFAULT_TOAST_DURATION } from './core';\n\nexport interface ToastNotificationProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  toast: Toast;\n  onDismiss?: () => void;\n}\n\nconst joinClassNames = (...names: (string | false | undefined)[]) =>\n  names.filter(Boolean).join(' ');\n\n/** The default Pixotope toast visual, also usable inside `renderToast`. */\nexport const ToastNotification = ({\n  toast,\n  onDismiss,\n  className,\n  onMouseDown,\n  onMouseEnter,\n  ...rest\n}: ToastNotificationProps) => {\n  const titleRef = useRef<HTMLHeadingElement>(null);\n  const subtitleRef = useRef<HTMLDivElement>(null);\n  const descriptionRef = useRef<HTMLDivElement>(null);\n  const [copied, setCopied] = useState(false);\n\n  const {\n    type,\n    icon,\n    subtitle,\n    description,\n    note,\n    action,\n    showTime = true,\n    timeLabel,\n    dismissible = true,\n    copyable = true,\n    count,\n    updatedAt,\n    visible,\n  } = toast;\n  const duration = toast.duration ?? DEFAULT_TOAST_DURATION;\n  const formattedTime = new Date(updatedAt).toLocaleTimeString();\n\n  const copyToClipboard = () => {\n    const lines = [`${type}: ${titleRef.current?.innerText ?? ''}`];\n    if (subtitleRef.current) lines.push(subtitleRef.current.innerText);\n    if (descriptionRef.current?.innerText) {\n      lines.push(descriptionRef.current.innerText);\n    }\n    if (showTime) lines.push(` at ${formattedTime}`);\n    void navigator.clipboard.writeText(lines.join('\\n'));\n    setCopied(true);\n  };\n\n  const Icon =\n    icon === 'info' ? InfoIcon : icon === 'warning' ? WarningIcon : null;\n\n  return (\n    <div\n      role={type === 'error' ? 'alert' : 'status'}\n      className={joinClassNames(styles.toast, toast.className, className)}\n      data-type={type}\n      data-visible={visible}\n      onMouseDown={(event) => {\n        if (event.button === 1 && dismissible) onDismiss?.();\n        onMouseDown?.(event);\n      }}\n      onMouseEnter={(event) => {\n        setCopied(false);\n        onMouseEnter?.(event);\n      }}\n      {...rest}\n    >\n      <div className={styles.buttons}>\n        {copyable && (\n          <button\n            type=\"button\"\n            className={joinClassNames(styles.iconButton, styles.copyButton)}\n            data-copied={copied}\n            aria-label=\"Copy notification\"\n            onClick={copyToClipboard}\n          >\n            {copied ? 'copied' : <CopyIcon />}\n          </button>\n        )}\n        {dismissible && onDismiss && (\n          <button\n            type=\"button\"\n            className={styles.iconButton}\n            aria-label=\"Close notification\"\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </button>\n        )}\n      </div>\n      {Icon && <Icon className={styles.icon} />}\n      <div className={styles.content}>\n        <h3 ref={titleRef} className={styles.title}>\n          {toast.title}\n        </h3>\n        {subtitle && (\n          <div ref={subtitleRef} className={styles.subtitle}>\n            {subtitle}\n          </div>\n        )}\n        <div ref={descriptionRef} className={styles.description}>\n          {description}\n        </div>\n        {note && <div className={styles.note}>{note}</div>}\n        {action && (\n          <button\n            type=\"button\"\n            className={styles.action}\n            onClick={() => action.onClick(toast)}\n          >\n            {action.label}\n          </button>\n        )}\n        {showTime && (\n          <div className={styles.time}>\n            <div>{timeLabel}</div>\n            <div>\n              {formattedTime}\n              {count > 1 && ` (${count})`}\n            </div>\n          </div>\n        )}\n      </div>\n      {visible && Number.isFinite(duration) && (\n        <span\n          key={updatedAt}\n          className={styles.timer}\n          style={{ animationDuration: `${duration}ms` }}\n          data-testid=\"toast-timer\"\n        />\n      )}\n    </div>\n  );\n};\n","import { useEffect, useMemo, useSyncExternalStore } from 'react';\nimport { DEFAULT_TOAST_DURATION, getToastCore } from './core';\nimport { toast as toastApi } from './toast';\nimport type { Toast, ToastOptions } from './types';\n\nexport type ToastDefaults = Omit<ToastOptions, 'id'>;\n\nexport interface UseToastsOptions {\n  /** Most toasts returned at once; the rest wait, and their timers do not run yet. */\n  limit?: number;\n  /** Defaults for fields a toast leaves undefined. */\n  toastOptions?: ToastDefaults;\n}\n\nexport interface UseToastsResult {\n  toasts: Toast[];\n  dismiss: (id?: string) => void;\n  remove: (id?: string) => void;\n  pause: (id: string) => void;\n  resume: (id: string) => void;\n  pauseAll: () => void;\n  resumeAll: () => void;\n}\n\nconst withDefaults = (toast: Toast, defaults: ToastDefaults | undefined) => {\n  if (!defaults) return toast;\n  const merged: Record<string, unknown> = { ...toast };\n  for (const [key, value] of Object.entries(defaults)) {\n    if (merged[key] === undefined) merged[key] = value;\n  }\n  return merged as unknown as Toast;\n};\n\n/**\n * Headless access to the toast store, for rendering toasts with your own\n * components. Starts the auto-dismiss timer of every toast it returns.\n */\nexport const useToasts = ({\n  limit = Infinity,\n  toastOptions,\n}: UseToastsOptions = {}): UseToastsResult => {\n  const core = getToastCore();\n  const all = useSyncExternalStore(\n    core.subscribe,\n    core.getToasts,\n    core.getToasts\n  );\n\n  const toasts = useMemo(\n    () => all.slice(0, limit).map((t) => withDefaults(t, toastOptions)),\n    [all, limit, toastOptions]\n  );\n\n  useEffect(() => {\n    for (const toast of toasts) {\n      core.startTimer(toast, toast.duration ?? DEFAULT_TOAST_DURATION);\n    }\n  }, [core, toasts]);\n\n  return {\n    toasts,\n    dismiss: toastApi.dismiss,\n    remove: toastApi.remove,\n    pause: core.pause,\n    resume: core.resume,\n    pauseAll: core.pauseAll,\n    resumeAll: core.resumeAll,\n  };\n};\n","import {\n  useEffect,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport styles from './Toaster.module.scss';\nimport { ToastNotification } from './ToastNotification';\nimport type { Toast, ToastPosition } from './types';\nimport { useToasts, type ToastDefaults } from './useToasts';\n\nexport interface ToastOffset {\n  top?: number;\n  right?: number;\n  bottom?: number;\n  left?: number;\n}\n\nexport interface RenderToastHelpers {\n  dismiss: () => void;\n  pause: () => void;\n  resume: () => void;\n}\n\nexport interface ToasterProps {\n  position?: ToastPosition;\n  /** Distance in px from the viewport edges the position touches. */\n  offset?: ToastOffset;\n  /** Most toasts shown at once; later ones wait for a free slot. */\n  limit?: number;\n  zIndex?: number;\n  className?: string;\n  /** Defaults for fields a toast leaves undefined. */\n  toastOptions?: ToastDefaults;\n  /** Replaces the default visual; render `ToastNotification` to wrap it. */\n  renderToast?: (toast: Toast, helpers: RenderToastHelpers) => ReactNode;\n  /** Portal target; defaults to `document.body`. */\n  container?: Element | null;\n}\n\nconst DEFAULT_OFFSET: Required<ToastOffset> = {\n  top: 56,\n  right: 14,\n  bottom: 14,\n  left: 14,\n};\n\nconst DEFAULT_TOAST_OPTIONS: ToastDefaults = {\n  timeLabel: 'Message received:',\n};\n\nconst placement = (\n  position: ToastPosition,\n  offset: Required<ToastOffset>\n): CSSProperties => {\n  const [vertical, horizontal] = position.split('-') as [\n    'top' | 'bottom',\n    'left' | 'center' | 'right',\n  ];\n  return {\n    [vertical]: offset[vertical],\n    ...(horizontal === 'center'\n      ? { left: '50%' }\n      : { [horizontal]: offset[horizontal] }),\n  };\n};\n\n/** Renders toasts raised with `toast()`. Mount one per app. */\nexport const Toaster = ({\n  position = 'top-right',\n  offset,\n  limit = 5,\n  zIndex = 9999,\n  className,\n  toastOptions,\n  renderToast,\n  container,\n}: ToasterProps) => {\n  const mergedOptions = useMemo(\n    () => ({ ...DEFAULT_TOAST_OPTIONS, ...toastOptions }),\n    [toastOptions]\n  );\n\n  const { toasts, dismiss, pause, resume, pauseAll, resumeAll } = useToasts({\n    limit,\n    toastOptions: mergedOptions,\n  });\n  const [windowFocused, setWindowFocused] = useState(true);\n\n  // Timers stop while the window is in the background, as in ToastsPortal\n  useEffect(() => {\n    const onBlur = () => {\n      pauseAll();\n      setWindowFocused(false);\n    };\n    const onFocus = () => {\n      resumeAll();\n      setWindowFocused(true);\n    };\n    window.addEventListener('blur', onBlur);\n    window.addEventListener('focus', onFocus);\n    return () => {\n      window.removeEventListener('blur', onBlur);\n      window.removeEventListener('focus', onFocus);\n    };\n  }, [pauseAll, resumeAll]);\n\n  const target =\n    container ?? (typeof document === 'undefined' ? null : document.body);\n  if (!target) return null;\n\n  return createPortal(\n    <section\n      aria-live=\"polite\"\n      aria-label=\"Notifications\"\n      className={[styles.toaster, className].filter(Boolean).join(' ')}\n      data-position={position}\n      data-paused={!windowFocused}\n      style={{\n        ...placement(position, { ...DEFAULT_OFFSET, ...offset }),\n        zIndex,\n      }}\n    >\n      {toasts.map((toast) => {\n        const helpers: RenderToastHelpers = {\n          dismiss: () => dismiss(toast.id),\n          pause: () => pause(toast.id),\n          resume: () => resume(toast.id),\n        };\n        return (\n          <div\n            key={toast.id}\n            onMouseEnter={helpers.pause}\n            onMouseLeave={helpers.resume}\n          >\n            {renderToast ? (\n              renderToast(toast, helpers)\n            ) : (\n              <ToastNotification toast={toast} onDismiss={helpers.dismiss} />\n            )}\n          </div>\n        );\n      })}\n    </section>,\n    target\n  );\n};\n"],"mappings":"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"}