@tomny-dev/uzi 0.5.0 → 0.6.0

package/dist/index17.js

@@ -1,435 +1,16 @@
 "use client";
 import { cx } from "./index3.js";
-import toast_module_default from "./index16.js";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as ToastPrimitive from "@radix-ui/react-toast";
-//#region src/components/toast/ToastContext.tsx
-/** Default provider configuration. */
-var DEFAULT_CONFIG = {
-	position: "top-right",
-	maxToasts: 5,
-	defaultDuration: 4e3,
-	pauseOnHover: true,
-	pauseOnFocusLoss: true
-};
-var ToastContext = createContext(void 0);
-var toastIdCounter = 0;
-var generateToastId = () => `toast-${++toastIdCounter}-${Date.now()}`;
-/**
-* Toast notification context provider.
-*
-* @remarks
-* Wrap your app (or a section) to enable `useToast` calls. Supports configurable placement,
-* maximum visible toasts, and pause behavior on hover or window blur.
-*
-* @param props.children - React subtree that can consume the toast context.
-* @param props.config - Optional provider configuration overrides.
-*/
-function ToastProvider({ children, config }) {
-	const [toasts, setToasts] = useState([]);
-	const [isPaused, setIsPaused] = useState(false);
-	const merged = useMemo(() => ({
-		...DEFAULT_CONFIG,
-		...config
-	}), [config]);
-	const push = useCallback((message, options = {}) => {
-		const id = generateToastId();
-		setToasts((prev) => {
-			const next = [...prev, {
-				id,
-				message,
-				type: options.type ?? "info",
-				duration: options.duration ?? (options.type === "error" ? 6e3 : merged.defaultDuration),
-				dismissible: options.dismissible ?? true,
-				copyable: options.copyable ?? false,
-				action: options.action
-			}];
-			if (next.length > merged.maxToasts) next.shift();
-			return next;
-		});
-		return id;
-	}, [merged.defaultDuration, merged.maxToasts]);
-	const success = useCallback((message, options) => push(message, {
-		...options,
-		type: "success"
-	}), [push]);
-	const error = useCallback((message, options) => push(message, {
-		copyable: true,
-		...options,
-		type: "error"
-	}), [push]);
-	const warning = useCallback((message, options) => push(message, {
-		...options,
-		type: "warning"
-	}), [push]);
-	const info = useCallback((message, options) => push(message, {
-		...options,
-		type: "info"
-	}), [push]);
-	const dismiss = useCallback((id) => {
-		setToasts((prev) => prev.filter((t) => t.id !== id));
-	}, []);
-	const dismissAll = useCallback(() => setToasts([]), []);
-	useEffect(() => {
-		if (!merged.pauseOnFocusLoss) return;
-		const handleVisibility = () => setIsPaused(document.visibilityState !== "visible");
-		document.addEventListener("visibilitychange", handleVisibility);
-		return () => document.removeEventListener("visibilitychange", handleVisibility);
-	}, [merged.pauseOnFocusLoss]);
-	const value = useMemo(() => ({
-		toasts,
-		push,
-		success,
-		error,
-		warning,
-		info,
-		dismiss,
-		dismissAll
-	}), [
-		toasts,
-		push,
-		success,
-		error,
-		warning,
-		info,
-		dismiss,
-		dismissAll
-	]);
-	return /* @__PURE__ */ jsx(ToastContext.Provider, {
-		value,
-		children: /* @__PURE__ */ jsxs(ToastPrimitive.Provider, {
-			swipeDirection: "right",
-			children: [children, /* @__PURE__ */ jsx(ToastContainer, {
-				toasts,
-				position: merged.position,
-				pauseOnHover: merged.pauseOnHover,
-				isPaused,
-				onDismiss: dismiss,
-				onPauseChange: setIsPaused
-			})]
-		})
+import alert_module_default from "./index16.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/alert/Alert.tsx
+function Alert({ tone, children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(alert_module_default.alert, alert_module_default[tone], className),
+		role: "alert",
+		children
 	});
 }
-/**
-* Hook to access the toast API.
-*
-* @remarks
-* Exposes `push`, intent helpers (`success`, `error`, `warning`, `info`), and dismissal helpers.
-* Must be called within a `ToastProvider`.
-*
-* @throws Error if used outside of a `ToastProvider`.
-*/
-function useToast() {
-	const ctx = useContext(ToastContext);
-	if (!ctx) throw new Error("useToast must be used within a ToastProvider");
-	return ctx;
-}
-/** Renders the positioned toast stack. */
-function ToastContainer({ toasts, position, pauseOnHover, isPaused, onDismiss, onPauseChange }) {
-	const posClass = (() => {
-		switch (position) {
-			case "top-left": return "topLeft";
-			case "top-center": return "topCenter";
-			case "bottom-right": return "bottomRight";
-			case "bottom-left": return "bottomLeft";
-			case "bottom-center": return "bottomCenter";
-			default: return "topRight";
-		}
-	})();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [toasts.map((toast) => /* @__PURE__ */ jsx(ToastItem, {
-		toast,
-		isPaused,
-		onDismiss
-	}, toast.id)), /* @__PURE__ */ jsx(ToastPrimitive.Viewport, {
-		className: cx(toast_module_default.stack, toast_module_default[posClass]),
-		label: "Notifications",
-		onMouseEnter: () => pauseOnHover && onPauseChange(true),
-		onMouseLeave: () => pauseOnHover && onPauseChange(false)
-	})] });
-}
-/** Individual toast item with timers and actions. */
-function ToastItem({ toast, isPaused, onDismiss }) {
-	const [open, setOpen] = useState(true);
-	const [copyState, setCopyState] = useState("idle");
-	const copyTimerRef = useRef(null);
-	const timerRef = useRef(null);
-	const startRef = useRef(0);
-	const remainingRef = useRef(toast.duration ?? 0);
-	const closingRef = useRef(false);
-	const palette = getPalette(toast.type);
-	const styleVars = {
-		["--toast-bg"]: palette.background,
-		["--toast-border"]: palette.border,
-		["--toast-accent"]: palette.accent,
-		["--toast-text"]: palette.text,
-		["--toast-action-bg"]: palette.actionBg,
-		["--toast-action-border"]: palette.actionBorder
-	};
-	const stopTimer = () => {
-		if (timerRef.current) {
-			window.clearTimeout(timerRef.current);
-			timerRef.current = null;
-		}
-	};
-	const triggerDismiss = useCallback(() => {
-		if (closingRef.current) return;
-		closingRef.current = true;
-		setOpen(false);
-		stopTimer();
-		window.setTimeout(() => onDismiss(toast.id), 160);
-	}, [onDismiss, toast.id]);
-	const schedule = useCallback((delay) => {
-		if (!delay || delay <= 0) {
-			triggerDismiss();
-			return;
-		}
-		startRef.current = performance.now();
-		stopTimer();
-		timerRef.current = window.setTimeout(() => triggerDismiss(), delay);
-	}, [triggerDismiss]);
-	useEffect(() => {
-		if (!toast.duration || toast.duration <= 0) return void 0;
-		schedule(toast.duration);
-		return stopTimer;
-	}, [schedule, toast.duration]);
-	useEffect(() => {
-		if (!toast.duration || toast.duration <= 0) return;
-		if (isPaused) {
-			const elapsed = performance.now() - startRef.current;
-			remainingRef.current = Math.max(0, remainingRef.current - elapsed);
-			stopTimer();
-		} else schedule(remainingRef.current);
-	}, [
-		isPaused,
-		schedule,
-		toast.duration
-	]);
-	useEffect(() => {
-		return () => {
-			if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);
-		};
-	}, []);
-	const handleCopy = useCallback(async () => {
-		if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);
-		try {
-			if (!navigator.clipboard) throw new Error("Clipboard API unavailable");
-			await navigator.clipboard.writeText(toast.message);
-			setCopyState("copied");
-		} catch {
-			setCopyState("failed");
-		}
-		copyTimerRef.current = window.setTimeout(() => setCopyState("idle"), 1800);
-	}, [toast.message]);
-	const icon = getIcon(toast.type);
-	return /* @__PURE__ */ jsxs(ToastPrimitive.Root, {
-		open,
-		onOpenChange: (nextOpen) => {
-			if (!nextOpen) triggerDismiss();
-		},
-		duration: 2147483647,
-		className: toast_module_default.toast,
-		style: styleVars,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: toast_module_default.icon,
-				"aria-hidden": true,
-				children: icon
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: toast_module_default.body,
-				children: [/* @__PURE__ */ jsx(ToastPrimitive.Description, {
-					className: toast_module_default.message,
-					children: toast.message
-				}), toast.action && /* @__PURE__ */ jsx("div", {
-					className: toast_module_default.actions,
-					children: /* @__PURE__ */ jsx(ToastPrimitive.Action, {
-						asChild: true,
-						altText: toast.action.label,
-						children: /* @__PURE__ */ jsx("button", {
-							type: "button",
-							className: toast_module_default.actionButton,
-							onClick: () => {
-								toast.action?.onClick();
-								triggerDismiss();
-							},
-							children: toast.action.label
-						})
-					})
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: toast_module_default.controls,
-				children: [toast.copyable && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: cx(toast_module_default.iconButton, copyState === "failed" && toast_module_default.iconButtonError),
-					"aria-label": "Copy message",
-					onClick: handleCopy,
-					children: copyState === "copied" ? /* @__PURE__ */ jsx("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: /* @__PURE__ */ jsx("path", {
-							d: "M2 6.5l3 3 6-6",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}) : copyState === "failed" ? /* @__PURE__ */ jsx("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: /* @__PURE__ */ jsx("path", {
-							d: "M10 3L3 10M3 3l7 7",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round"
-						})
-					}) : /* @__PURE__ */ jsxs("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: [/* @__PURE__ */ jsx("rect", {
-							x: "4.5",
-							y: "1.5",
-							width: "7",
-							height: "7",
-							rx: "1.5",
-							stroke: "currentColor",
-							strokeWidth: "1.25"
-						}), /* @__PURE__ */ jsx("path", {
-							d: "M1.5 5.5v5a1.5 1.5 0 001.5 1.5h5",
-							stroke: "currentColor",
-							strokeWidth: "1.25",
-							strokeLinecap: "round"
-						})]
-					})
-				}), toast.dismissible !== false && /* @__PURE__ */ jsx(ToastPrimitive.Close, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: toast_module_default.iconButton,
-						"aria-label": "Dismiss notification",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "13",
-							height: "13",
-							viewBox: "0 0 13 13",
-							fill: "none",
-							"aria-hidden": true,
-							children: /* @__PURE__ */ jsx("path", {
-								d: "M10 3L3 10M3 3l7 7",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round"
-							})
-						})
-					})
-				})]
-			})
-		]
-	});
-}
-function getPalette(type) {
-	switch (type) {
-		case "success": return {
-			background: "color-mix(in srgb, var(--success) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--success) 30%, transparent)",
-			accent: "var(--success)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--success) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--success) 35%, transparent)"
-		};
-		case "error": return {
-			background: "color-mix(in srgb, var(--destructive) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--destructive) 30%, transparent)",
-			accent: "var(--destructive)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--destructive) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--destructive) 35%, transparent)"
-		};
-		case "warning": return {
-			background: "color-mix(in srgb, var(--warning) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--warning) 30%, transparent)",
-			accent: "var(--warning)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--warning) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--warning) 35%, transparent)"
-		};
-		default: return {
-			background: "color-mix(in srgb, var(--primary) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--primary) 30%, transparent)",
-			accent: "var(--primary)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--primary) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--primary) 35%, transparent)"
-		};
-	}
-}
-function getIcon(type) {
-	switch (type) {
-		case "success": return /* @__PURE__ */ jsx("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M3 8l3.5 3.5L13 4.5",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		});
-		case "error": return /* @__PURE__ */ jsx("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M4 4l8 8M12 4l-8 8",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-		case "warning": return /* @__PURE__ */ jsx("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M8 3v6M8 11.5v1",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-		default: return /* @__PURE__ */ jsx("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M8 7v5M8 4.5v.5",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-	}
-}
 //#endregion
-export { ToastProvider, useToast };
+export { Alert };
 
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","names":[],"sources":["../src/components/toast/ToastContext.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport { cx } from \"../../utils/cx\";\nimport type {\n  Toast,\n  ToastConfig,\n  ToastContextValue,\n  ToastOptions,\n  ToastPosition,\n  ToastType,\n} from \"./types\";\nimport styles from \"./toast.module.css\";\n\n/** Default provider configuration. */\nconst DEFAULT_CONFIG: Required<ToastConfig> = {\n  position: \"top-right\",\n  maxToasts: 5,\n  defaultDuration: 4000,\n  pauseOnHover: true,\n  pauseOnFocusLoss: true,\n};\n\nconst ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nlet toastIdCounter = 0;\nconst generateToastId = () => `toast-${++toastIdCounter}-${Date.now()}`;\n\n/**\n * Toast notification context provider.\n *\n * @remarks\n * Wrap your app (or a section) to enable `useToast` calls. Supports configurable placement,\n * maximum visible toasts, and pause behavior on hover or window blur.\n *\n * @param props.children - React subtree that can consume the toast context.\n * @param props.config - Optional provider configuration overrides.\n */\nexport function ToastProvider({\n  children,\n  config,\n}: {\n  children: ReactNode;\n  config?: ToastConfig;\n}) {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const [isPaused, setIsPaused] = useState(false);\n  const merged = useMemo(() => ({ ...DEFAULT_CONFIG, ...config }), [config]);\n\n  const push = useCallback(\n    (message: string, options: ToastOptions = {}) => {\n      const id = generateToastId();\n      setToasts((prev) => {\n        const next: Toast[] = [\n          ...prev,\n          {\n            id,\n            message,\n            type: options.type ?? \"info\",\n            duration: options.duration ?? (options.type === \"error\" ? 6000 : merged.defaultDuration),\n            dismissible: options.dismissible ?? true,\n            copyable: options.copyable ?? false,\n            action: options.action,\n          },\n        ];\n        if (next.length > merged.maxToasts) next.shift();\n        return next;\n      });\n      return id;\n    },\n    [merged.defaultDuration, merged.maxToasts],\n  );\n\n  const success = useCallback(\n    (message: string, options?: Omit<ToastOptions, \"type\">) => push(message, { ...options, type: \"success\" }),\n    [push],\n  );\n  const error = useCallback(\n    (message: string, options?: Omit<ToastOptions, \"type\">) =>\n      push(message, { copyable: true, ...options, type: \"error\" }),\n    [push],\n  );\n  const warning = useCallback(\n    (message: string, options?: Omit<ToastOptions, \"type\">) => push(message, { ...options, type: \"warning\" }),\n    [push],\n  );\n  const info = useCallback(\n    (message: string, options?: Omit<ToastOptions, \"type\">) => push(message, { ...options, type: \"info\" }),\n    [push],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => setToasts([]), []);\n\n  useEffect(() => {\n    if (!merged.pauseOnFocusLoss) return;\n    const handleVisibility = () => setIsPaused(document.visibilityState !== \"visible\");\n    document.addEventListener(\"visibilitychange\", handleVisibility);\n    return () => document.removeEventListener(\"visibilitychange\", handleVisibility);\n  }, [merged.pauseOnFocusLoss]);\n\n  const value = useMemo<ToastContextValue>(\n    () => ({ toasts, push, success, error, warning, info, dismiss, dismissAll }),\n    [toasts, push, success, error, warning, info, dismiss, dismissAll],\n  );\n\n  return (\n    <ToastContext.Provider value={value}>\n      <ToastPrimitive.Provider swipeDirection=\"right\">\n        {children}\n        <ToastContainer\n          toasts={toasts}\n          position={merged.position}\n          pauseOnHover={merged.pauseOnHover}\n          isPaused={isPaused}\n          onDismiss={dismiss}\n          onPauseChange={setIsPaused}\n        />\n      </ToastPrimitive.Provider>\n    </ToastContext.Provider>\n  );\n}\n\n/**\n * Hook to access the toast API.\n *\n * @remarks\n * Exposes `push`, intent helpers (`success`, `error`, `warning`, `info`), and dismissal helpers.\n * Must be called within a `ToastProvider`.\n *\n * @throws Error if used outside of a `ToastProvider`.\n */\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error(\"useToast must be used within a ToastProvider\");\n  return ctx;\n}\n\n/** Renders the positioned toast stack. */\nfunction ToastContainer({\n  toasts,\n  position,\n  pauseOnHover,\n  isPaused,\n  onDismiss,\n  onPauseChange,\n}: {\n  toasts: Toast[];\n  position: ToastPosition;\n  pauseOnHover: boolean;\n  isPaused: boolean;\n  onDismiss: (id: string) => void;\n  onPauseChange: (paused: boolean) => void;\n}) {\n  const posClass = (() => {\n    switch (position) {\n      case \"top-left\":\n        return \"topLeft\";\n      case \"top-center\":\n        return \"topCenter\";\n      case \"bottom-right\":\n        return \"bottomRight\";\n      case \"bottom-left\":\n        return \"bottomLeft\";\n      case \"bottom-center\":\n        return \"bottomCenter\";\n      case \"top-right\":\n      default:\n        return \"topRight\";\n    }\n  })();\n\n  return (\n    <>\n      {toasts.map((toast) => (\n        <ToastItem key={toast.id} toast={toast} isPaused={isPaused} onDismiss={onDismiss} />\n      ))}\n      <ToastPrimitive.Viewport\n        className={cx(styles.stack, styles[posClass])}\n        label=\"Notifications\"\n        onMouseEnter={() => pauseOnHover && onPauseChange(true)}\n        onMouseLeave={() => pauseOnHover && onPauseChange(false)}\n      />\n    </>\n  );\n}\n\n/** Individual toast item with timers and actions. */\nfunction ToastItem({\n  toast,\n  isPaused,\n  onDismiss,\n}: {\n  toast: Toast;\n  isPaused: boolean;\n  onDismiss: (id: string) => void;\n}) {\n  const [open, setOpen] = useState(true);\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const copyTimerRef = useRef<number | null>(null);\n  const timerRef = useRef<number | null>(null);\n  const startRef = useRef<number>(0);\n  const remainingRef = useRef<number>(toast.duration ?? 0);\n  const closingRef = useRef(false);\n\n  const palette = getPalette(toast.type);\n  const styleVars: CSSProperties = {\n    [\"--toast-bg\" as any]: palette.background,\n    [\"--toast-border\" as any]: palette.border,\n    [\"--toast-accent\" as any]: palette.accent,\n    [\"--toast-text\" as any]: palette.text,\n    [\"--toast-action-bg\" as any]: palette.actionBg,\n    [\"--toast-action-border\" as any]: palette.actionBorder,\n  };\n\n  const stopTimer = () => {\n    if (timerRef.current) {\n      window.clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const triggerDismiss = useCallback(() => {\n    if (closingRef.current) return;\n    closingRef.current = true;\n    setOpen(false);\n    stopTimer();\n    window.setTimeout(() => onDismiss(toast.id), 160);\n  }, [onDismiss, toast.id]);\n\n  const schedule = useCallback(\n    (delay: number) => {\n      if (!delay || delay <= 0) {\n        triggerDismiss();\n        return;\n      }\n      startRef.current = performance.now();\n      stopTimer();\n      timerRef.current = window.setTimeout(() => triggerDismiss(), delay);\n    },\n    [triggerDismiss],\n  );\n\n  useEffect(() => {\n    if (!toast.duration || toast.duration <= 0) return undefined;\n    schedule(toast.duration);\n    return stopTimer;\n  }, [schedule, toast.duration]);\n\n  useEffect(() => {\n    if (!toast.duration || toast.duration <= 0) return;\n    if (isPaused) {\n      const elapsed = performance.now() - startRef.current;\n      remainingRef.current = Math.max(0, remainingRef.current - elapsed);\n      stopTimer();\n    } else {\n      schedule(remainingRef.current);\n    }\n  }, [isPaused, schedule, toast.duration]);\n\n  useEffect(() => {\n    return () => {\n      if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);\n    };\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);\n    try {\n      if (!navigator.clipboard) throw new Error(\"Clipboard API unavailable\");\n      await navigator.clipboard.writeText(toast.message);\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n    copyTimerRef.current = window.setTimeout(() => setCopyState(\"idle\"), 1800);\n  }, [toast.message]);\n\n  const icon = getIcon(toast.type);\n\n  return (\n    <ToastPrimitive.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        if (!nextOpen) triggerDismiss();\n      }}\n      duration={2147483647}\n      className={styles.toast}\n      style={styleVars}\n    >\n      <span className={styles.icon} aria-hidden>\n        {icon}\n      </span>\n      <div className={styles.body}>\n        <ToastPrimitive.Description className={styles.message}>\n          {toast.message}\n        </ToastPrimitive.Description>\n        {toast.action && (\n          <div className={styles.actions}>\n            <ToastPrimitive.Action asChild altText={toast.action.label}>\n              <button\n                type=\"button\"\n                className={styles.actionButton}\n                onClick={() => {\n                  toast.action?.onClick();\n                  triggerDismiss();\n                }}\n              >\n                {toast.action.label}\n              </button>\n            </ToastPrimitive.Action>\n          </div>\n        )}\n      </div>\n      <div className={styles.controls}>\n        {toast.copyable && (\n          <button\n            type=\"button\"\n            className={cx(styles.iconButton, copyState === \"failed\" && styles.iconButtonError)}\n            aria-label=\"Copy message\"\n            onClick={handleCopy}\n          >\n            {copyState === \"copied\" ? (\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden>\n                <path d=\"M2 6.5l3 3 6-6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              </svg>\n            ) : copyState === \"failed\" ? (\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden>\n                <path d=\"M10 3L3 10M3 3l7 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n              </svg>\n            ) : (\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden>\n                <rect x=\"4.5\" y=\"1.5\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" strokeWidth=\"1.25\" />\n                <path d=\"M1.5 5.5v5a1.5 1.5 0 001.5 1.5h5\" stroke=\"currentColor\" strokeWidth=\"1.25\" strokeLinecap=\"round\" />\n              </svg>\n            )}\n          </button>\n        )}\n        {toast.dismissible !== false && (\n          <ToastPrimitive.Close asChild>\n            <button\n              type=\"button\"\n              className={styles.iconButton}\n              aria-label=\"Dismiss notification\"\n            >\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" aria-hidden>\n                <path d=\"M10 3L3 10M3 3l7 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n              </svg>\n            </button>\n          </ToastPrimitive.Close>\n        )}\n      </div>\n    </ToastPrimitive.Root>\n  );\n}\n\nfunction getPalette(type: ToastType) {\n  switch (type) {\n    case \"success\":\n      return {\n        background: \"color-mix(in srgb, var(--success) 12%, var(--popover))\",\n        border: \"color-mix(in srgb, var(--success) 30%, transparent)\",\n        accent: \"var(--success)\",\n        text: \"var(--popover-foreground)\",\n        actionBg: \"color-mix(in srgb, var(--success) 14%, transparent)\",\n        actionBorder: \"color-mix(in srgb, var(--success) 35%, transparent)\",\n      };\n    case \"error\":\n      return {\n        background: \"color-mix(in srgb, var(--destructive) 12%, var(--popover))\",\n        border: \"color-mix(in srgb, var(--destructive) 30%, transparent)\",\n        accent: \"var(--destructive)\",\n        text: \"var(--popover-foreground)\",\n        actionBg: \"color-mix(in srgb, var(--destructive) 14%, transparent)\",\n        actionBorder: \"color-mix(in srgb, var(--destructive) 35%, transparent)\",\n      };\n    case \"warning\":\n      return {\n        background: \"color-mix(in srgb, var(--warning) 12%, var(--popover))\",\n        border: \"color-mix(in srgb, var(--warning) 30%, transparent)\",\n        accent: \"var(--warning)\",\n        text: \"var(--popover-foreground)\",\n        actionBg: \"color-mix(in srgb, var(--warning) 14%, transparent)\",\n        actionBorder: \"color-mix(in srgb, var(--warning) 35%, transparent)\",\n      };\n    case \"info\":\n    default:\n      return {\n        background: \"color-mix(in srgb, var(--primary) 12%, var(--popover))\",\n        border: \"color-mix(in srgb, var(--primary) 30%, transparent)\",\n        accent: \"var(--primary)\",\n        text: \"var(--popover-foreground)\",\n        actionBg: \"color-mix(in srgb, var(--primary) 14%, transparent)\",\n        actionBorder: \"color-mix(in srgb, var(--primary) 35%, transparent)\",\n      };\n  }\n}\n\nfunction getIcon(type: ToastType) {\n  switch (type) {\n    case \"success\":\n      return (\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n          <path d=\"M3 8l3.5 3.5L13 4.5\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      );\n    case \"error\":\n      return (\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n          <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n        </svg>\n      );\n    case \"warning\":\n      return (\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n          <path d=\"M8 3v6M8 11.5v1\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n        </svg>\n      );\n    case \"info\":\n    default:\n      return (\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n          <path d=\"M8 7v5M8 4.5v.5\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n        </svg>\n      );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index17.js","names":[],"sources":["../src/components/alert/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./alert.module.css\";\n\nexport type AlertTone = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport type AlertProps = {\n  tone: AlertTone;\n  children: ReactNode;\n  className?: string;\n};\n\nexport function Alert({ tone, children, className }: AlertProps) {\n  return (\n    <div className={cx(styles.alert, styles[tone], className)} role=\"alert\">\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,MAAM,EAAE,MAAM,UAAU,aAAyB;CAC/D,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAO,OAAO,qBAAO,OAAO,SAAS;EAAG,MAAK;EAC7D;CACE,CAAA;AAET"}