erp-pro-ui 0.1.0 → 0.1.2

package/dist/chunks/toast-CvfP7PUP.mjs

@@ -0,0 +1,339 @@
+import { _ as AlertTriangleIcon, h as CheckCircleIcon, l as LoaderIcon, n as XCircleIcon, q as CloseIcon, u as InfoCircleIcon } from "./icons-DuumN7z-.mjs";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "framer-motion";
+//#region src/components/overlays/toast/Toast.tsx
+var ToastContext = createContext(null);
+var useToast = () => {
+	const context = useContext(ToastContext);
+	if (!context) throw new Error("useToast must be used within a ToastProvider");
+	return context;
+};
+var typeStyles = {
+	success: {
+		bg: "bg-white dark:bg-neutral-800 border-success-border",
+		icon: "text-success",
+		iconBg: "bg-success-subtle"
+	},
+	error: {
+		bg: "bg-white dark:bg-neutral-800 border-danger-border",
+		icon: "text-danger",
+		iconBg: "bg-danger-subtle"
+	},
+	warning: {
+		bg: "bg-white dark:bg-neutral-800 border-warning-border",
+		icon: "text-warning",
+		iconBg: "bg-warning-subtle"
+	},
+	info: {
+		bg: "bg-white dark:bg-neutral-800 border-info-border",
+		icon: "text-info",
+		iconBg: "bg-info-subtle"
+	},
+	default: {
+		bg: "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700",
+		icon: "text-neutral-500",
+		iconBg: "bg-neutral-100 dark:bg-neutral-700"
+	},
+	loading: {
+		bg: "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700",
+		icon: "text-accent",
+		iconBg: "bg-accent-subtle"
+	}
+};
+var positionStyles = {
+	"top-left": "top-4 left-4",
+	"top-center": "top-4 left-1/2 -translate-x-1/2",
+	"top-right": "top-4 right-4",
+	"bottom-left": "bottom-4 left-4",
+	"bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
+	"bottom-right": "bottom-4 right-4"
+};
+var getMotionVariants = (position) => {
+	const isTop = position.startsWith("top");
+	const isCenter = position.includes("center");
+	const isLeft = position.includes("left");
+	return {
+		initial: {
+			opacity: 0,
+			y: isTop ? -20 : 20,
+			x: isCenter ? 0 : isLeft ? -20 : 20,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			x: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			y: isTop ? -20 : 20,
+			scale: .95,
+			transition: { duration: .15 }
+		}
+	};
+};
+var ToastItem = forwardRef(({ toast, onDismiss, position }, ref) => {
+	const { type, title, description, icon, action, dismissible = true, duration } = toast;
+	const timerRef = useRef(null);
+	const [progress, setProgress] = useState(100);
+	const [isPaused, setIsPaused] = useState(false);
+	const defaultIcons = {
+		success: /* @__PURE__ */ jsx(CheckCircleIcon, {
+			className: "w-5 h-5",
+			"aria-hidden": "true"
+		}),
+		error: /* @__PURE__ */ jsx(XCircleIcon, {
+			className: "w-5 h-5",
+			"aria-hidden": "true"
+		}),
+		warning: /* @__PURE__ */ jsx(AlertTriangleIcon, {
+			className: "w-5 h-5",
+			"aria-hidden": "true"
+		}),
+		info: /* @__PURE__ */ jsx(InfoCircleIcon, {
+			className: "w-5 h-5",
+			"aria-hidden": "true"
+		}),
+		loading: /* @__PURE__ */ jsx(LoaderIcon, {
+			className: "w-5 h-5 animate-spin",
+			"aria-hidden": "true"
+		}),
+		default: null
+	};
+	useEffect(() => {
+		if (duration && duration > 0 && type !== "loading") {
+			const startTime = Date.now();
+			const interval = 50;
+			const updateProgress = () => {
+				if (isPaused) return;
+				const elapsed = Date.now() - startTime;
+				const remaining = Math.max(0, 100 - elapsed / duration * 100);
+				setProgress(remaining);
+				if (remaining <= 0) {
+					toast.onAutoClose?.();
+					onDismiss(toast.id);
+				}
+			};
+			timerRef.current = setInterval(updateProgress, interval);
+			return () => {
+				if (timerRef.current) clearInterval(timerRef.current);
+			};
+		}
+	}, [
+		duration,
+		toast.id,
+		type,
+		isPaused,
+		onDismiss,
+		toast
+	]);
+	const handleMouseEnter = () => setIsPaused(true);
+	const handleMouseLeave = () => setIsPaused(false);
+	const styles = typeStyles[type];
+	const displayIcon = icon ?? defaultIcons[type];
+	const variants = getMotionVariants(position);
+	return /* @__PURE__ */ jsxs(motion.div, {
+		ref,
+		layout: true,
+		initial: variants.initial,
+		animate: variants.animate,
+		exit: variants.exit,
+		transition: {
+			type: "spring",
+			stiffness: 400,
+			damping: 30
+		},
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		className: `
+          relative flex items-start gap-3 p-4 pr-10
+          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]
+          overflow-hidden
+          ${styles.bg}
+        `,
+		role: "alert",
+		"aria-live": "polite",
+		children: [
+			duration && duration > 0 && type !== "loading" && /* @__PURE__ */ jsx("div", {
+				className: "absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700",
+				children: /* @__PURE__ */ jsx(motion.div, {
+					className: `h-full ${type === "success" ? "bg-success" : type === "error" ? "bg-destructive" : type === "warning" ? "bg-warning" : type === "info" ? "bg-info" : "bg-neutral-400"}`,
+					style: { width: `${progress}%` },
+					transition: { duration: .05 }
+				})
+			}),
+			displayIcon && /* @__PURE__ */ jsx("div", {
+				className: `shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`,
+				children: displayIcon
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					title && /* @__PURE__ */ jsx("p", {
+						className: "font-semibold text-neutral-900 dark:text-white text-sm",
+						children: title
+					}),
+					description && /* @__PURE__ */ jsx("p", {
+						className: `text-sm text-neutral-600 dark:text-neutral-300 ${title ? "mt-1" : ""}`,
+						children: description
+					}),
+					action && /* @__PURE__ */ jsx("button", {
+						onClick: () => {
+							action.onClick();
+							onDismiss(toast.id);
+						},
+						className: "mt-2 text-sm font-medium text-accent hover:underline",
+						children: action.label
+					})
+				]
+			}),
+			dismissible && /* @__PURE__ */ jsx("button", {
+				onClick: () => {
+					toast.onDismiss?.();
+					onDismiss(toast.id);
+				},
+				className: "absolute top-3 right-3 p-1 rounded-full text-neutral-400 hover:text-neutral-600 dark:text-neutral-500 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors",
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ jsx(CloseIcon, {
+					className: "w-4 h-4",
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+});
+ToastItem.displayName = "ToastItem";
+var ToastProvider = ({ children, position = "bottom-right", duration = 5e3, maxToasts = 5, gap = 12, dismissible = true, containerClassName = "" }) => {
+	const [toasts, setToasts] = useState([]);
+	const toastIdCounter = useRef(0);
+	const generateId = () => {
+		toastIdCounter.current += 1;
+		return `toast-${toastIdCounter.current}-${Date.now()}`;
+	};
+	const addToast = useCallback((options, type = "default") => {
+		const id = generateId();
+		const toastOptions = typeof options === "string" ? { description: options } : options;
+		const newToast = {
+			id,
+			type: toastOptions.type ?? type,
+			title: toastOptions.title,
+			description: toastOptions.description,
+			duration: toastOptions.duration ?? duration,
+			icon: toastOptions.icon,
+			action: toastOptions.action,
+			dismissible: toastOptions.dismissible ?? dismissible,
+			onDismiss: toastOptions.onDismiss,
+			onAutoClose: toastOptions.onAutoClose
+		};
+		setToasts((prev) => {
+			return [...prev, newToast].slice(-maxToasts);
+		});
+		return id;
+	}, [
+		duration,
+		dismissible,
+		maxToasts
+	]);
+	const dismiss = useCallback((id) => {
+		setToasts((prev) => prev.filter((t) => t.id !== id));
+	}, []);
+	const dismissAll = useCallback(() => {
+		setToasts([]);
+	}, []);
+	const update = useCallback((id, options) => {
+		setToasts((prev) => prev.map((t) => t.id === id ? {
+			...t,
+			...options,
+			type: options.type ?? t.type
+		} : t));
+	}, []);
+	const toast = useCallback((options) => addToast(options, "default"), [addToast]);
+	const success = useCallback((options) => addToast(options, "success"), [addToast]);
+	const error = useCallback((options) => addToast(options, "error"), [addToast]);
+	const warning = useCallback((options) => addToast(options, "warning"), [addToast]);
+	const info = useCallback((options) => addToast(options, "info"), [addToast]);
+	const loading = useCallback((options) => {
+		return addToast({
+			...typeof options === "string" ? { description: options } : options,
+			duration: 0,
+			dismissible: false
+		}, "loading");
+	}, [addToast]);
+	const contextValue = {
+		toasts,
+		toast,
+		success,
+		error,
+		warning,
+		info,
+		loading,
+		promise: useCallback(async (promiseToResolve, options) => {
+			const id = loading(options.loading);
+			try {
+				const result = await promiseToResolve;
+				update(id, {
+					type: "success",
+					description: typeof options.success === "function" ? options.success(result) : options.success,
+					duration,
+					dismissible: true
+				});
+				return result;
+			} catch (err) {
+				update(id, {
+					type: "error",
+					description: typeof options.error === "function" ? options.error(err) : options.error,
+					duration,
+					dismissible: true
+				});
+				throw err;
+			}
+		}, [
+			loading,
+			update,
+			duration
+		]),
+		dismiss,
+		dismissAll,
+		update
+	};
+	const isTop = position.startsWith("top");
+	return /* @__PURE__ */ jsxs(ToastContext.Provider, {
+		value: contextValue,
+		children: [children, /* @__PURE__ */ jsx("div", {
+			className: `fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`,
+			style: { gap: `${gap}px` },
+			children: /* @__PURE__ */ jsx(AnimatePresence, {
+				mode: "popLayout",
+				children: (isTop ? toasts : [...toasts].reverse()).map((t) => /* @__PURE__ */ jsx("div", {
+					className: "pointer-events-auto",
+					children: /* @__PURE__ */ jsx(ToastItem, {
+						toast: t,
+						onDismiss: dismiss,
+						position
+					})
+				}, t.id))
+			})
+		})]
+	});
+};
+var globalToast = null;
+var setGlobalToast = (toastContext) => {
+	globalToast = toastContext;
+};
+var toastStandalone = {
+	show: (options) => globalToast?.toast(options),
+	success: (options) => globalToast?.success(options),
+	error: (options) => globalToast?.error(options),
+	warning: (options) => globalToast?.warning(options),
+	info: (options) => globalToast?.info(options),
+	loading: (options) => globalToast?.loading(options),
+	promise: (promise, options) => globalToast?.promise(promise, options),
+	dismiss: (id) => globalToast?.dismiss(id),
+	dismissAll: () => globalToast?.dismissAll()
+};
+//#endregion
+export { useToast as a, toastStandalone as i, ToastProvider as n, setGlobalToast as r, ToastItem as t };
+
+//# sourceMappingURL=toast-CvfP7PUP.mjs.map

package/dist/chunks/toast-CvfP7PUP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-CvfP7PUP.mjs","names":[],"sources":["../../src/components/overlays/toast/Toast.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n} from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoCircleIcon,\n  LoaderIcon,\n  XCircleIcon,\n} from \"../../icons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastType =\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"info\"\n  | \"default\"\n  | \"loading\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  type: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n  promise?: {\n    loading: string;\n    success: string | ((data: unknown) => string);\n    error: string | ((error: unknown) => string);\n  };\n}\n\nexport interface ToastOptions {\n  type?: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n}\n\nexport interface ToastContextValue {\n  toasts: Toast[];\n  toast: (options: ToastOptions | string) => string;\n  success: (options: ToastOptions | string) => string;\n  error: (options: ToastOptions | string) => string;\n  warning: (options: ToastOptions | string) => string;\n  info: (options: ToastOptions | string) => string;\n  loading: (options: ToastOptions | string) => string;\n  promise: <T>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => Promise<T>;\n  dismiss: (id: string) => void;\n  dismissAll: () => void;\n  update: (id: string, options: Partial<ToastOptions>) => void;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default position for toasts */\n  position?: ToastPosition;\n  /** Default duration in milliseconds */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n  /** Gap between toasts */\n  gap?: number;\n  /** Whether toasts are dismissible by default */\n  dismissible?: boolean;\n  /** Custom className for the toast container */\n  containerClassName?: string;\n}\n\nexport interface ToastItemProps {\n  toast: Toast;\n  onDismiss: (id: string) => void;\n  position: ToastPosition;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst typeStyles: Record<\n  ToastType,\n  { bg: string; icon: string; iconBg: string }\n> = {\n  success: {\n    bg: \"bg-white dark:bg-neutral-800 border-success-border\",\n    icon: \"text-success\",\n    iconBg: \"bg-success-subtle\",\n  },\n  error: {\n    bg: \"bg-white dark:bg-neutral-800 border-danger-border\",\n    icon: \"text-danger\",\n    iconBg: \"bg-danger-subtle\",\n  },\n  warning: {\n    bg: \"bg-white dark:bg-neutral-800 border-warning-border\",\n    icon: \"text-warning\",\n    iconBg: \"bg-warning-subtle\",\n  },\n  info: {\n    bg: \"bg-white dark:bg-neutral-800 border-info-border\",\n    icon: \"text-info\",\n    iconBg: \"bg-info-subtle\",\n  },\n  default: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-neutral-500\",\n    iconBg: \"bg-neutral-100 dark:bg-neutral-700\",\n  },\n  loading: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-accent\",\n    iconBg: \"bg-accent-subtle\",\n  },\n};\n\nconst positionStyles: Record<ToastPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\",\n};\n\nconst getMotionVariants = (position: ToastPosition) => {\n  const isTop = position.startsWith(\"top\");\n  const isCenter = position.includes(\"center\");\n  const isLeft = position.includes(\"left\");\n\n  return {\n    initial: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      x: isCenter ? 0 : isLeft ? -20 : 20,\n      scale: 0.95,\n    },\n    animate: {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      scale: 1,\n    },\n    exit: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      scale: 0.95,\n      transition: { duration: 0.15 },\n    },\n  };\n};\n\n// ============================================================================\n// Toast Item Component\n// ============================================================================\n\nconst ToastItem = forwardRef<HTMLDivElement, ToastItemProps>(\n  ({ toast, onDismiss, position }, ref) => {\n    const {\n      type,\n      title,\n      description,\n      icon,\n      action,\n      dismissible = true,\n      duration,\n    } = toast;\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [progress, setProgress] = useState(100);\n    const [isPaused, setIsPaused] = useState(false);\n\n    const defaultIcons: Record<ToastType, React.ReactNode> = {\n      success: <CheckCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      error: <XCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      warning: <AlertTriangleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      info: <InfoCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      loading: (\n        <LoaderIcon className=\"w-5 h-5 animate-spin\" aria-hidden=\"true\" />\n      ),\n      default: null,\n    };\n\n    // Auto-dismiss timer with progress\n    useEffect(() => {\n      if (duration && duration > 0 && type !== \"loading\") {\n        const startTime = Date.now();\n        const interval = 50;\n\n        const updateProgress = () => {\n          if (isPaused) return;\n\n          const elapsed = Date.now() - startTime;\n          const remaining = Math.max(0, 100 - (elapsed / duration) * 100);\n          setProgress(remaining);\n\n          if (remaining <= 0) {\n            toast.onAutoClose?.();\n            onDismiss(toast.id);\n          }\n        };\n\n        timerRef.current = setInterval(updateProgress, interval);\n\n        return () => {\n          if (timerRef.current) {\n            clearInterval(timerRef.current);\n          }\n        };\n      }\n    }, [duration, toast.id, type, isPaused, onDismiss, toast]);\n\n    const handleMouseEnter = () => setIsPaused(true);\n    const handleMouseLeave = () => setIsPaused(false);\n\n    const styles = typeStyles[type];\n    const displayIcon = icon ?? defaultIcons[type];\n    const variants = getMotionVariants(position);\n\n    return (\n      <motion.div\n        ref={ref}\n        layout\n        initial={variants.initial}\n        animate={variants.animate}\n        exit={variants.exit}\n        transition={{ type: \"spring\", stiffness: 400, damping: 30 }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`\n          relative flex items-start gap-3 p-4 pr-10\n          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]\n          overflow-hidden\n          ${styles.bg}\n        `}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {/* Progress bar */}\n        {duration && duration > 0 && type !== \"loading\" && (\n          <div className=\"absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-success\"\n                  : type === \"error\"\n                    ? \"bg-destructive\"\n                    : type === \"warning\"\n                      ? \"bg-warning\"\n                      : type === \"info\"\n                        ? \"bg-info\"\n                        : \"bg-neutral-400\"\n              }`}\n              style={{ width: `${progress}%` }}\n              transition={{ duration: 0.05 }}\n            />\n          </div>\n        )}\n\n        {/* Icon */}\n        {displayIcon && (\n          <div\n            className={`shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`}\n          >\n            {displayIcon}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"flex-1 min-w-0\">\n          {title && (\n            <p className=\"font-semibold text-neutral-900 dark:text-white text-sm\">\n              {title}\n            </p>\n          )}\n          {description && (\n            <p\n              className={`text-sm text-neutral-600 dark:text-neutral-300 ${\n                title ? \"mt-1\" : \"\"\n              }`}\n            >\n              {description}\n            </p>\n          )}\n          {action && (\n            <button\n              onClick={() => {\n                action.onClick();\n                onDismiss(toast.id);\n              }}\n              className=\"mt-2 text-sm font-medium text-accent hover:underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {/* Dismiss button */}\n        {dismissible && (\n          <button\n            onClick={() => {\n              toast.onDismiss?.();\n              onDismiss(toast.id);\n            }}\n            className=\"absolute top-3 right-3 p-1 rounded-full text-neutral-400 hover:text-neutral-600 dark:text-neutral-500 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors\"\n            aria-label=\"Dismiss\"\n          >\n            <CloseIcon className=\"w-4 h-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </motion.div>\n    );\n  },\n);\n\nToastItem.displayName = \"ToastItem\";\n\n// ============================================================================\n// Toast Provider Component\n// ============================================================================\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  children,\n  position = \"bottom-right\",\n  duration = 5000,\n  maxToasts = 5,\n  gap = 12,\n  dismissible = true,\n  containerClassName = \"\",\n}) => {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const generateId = () => {\n    toastIdCounter.current += 1;\n    return `toast-${toastIdCounter.current}-${Date.now()}`;\n  };\n\n  const addToast = useCallback(\n    (options: ToastOptions | string, type: ToastType = \"default\"): string => {\n      const id = generateId();\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n\n      const newToast: Toast = {\n        id,\n        type: toastOptions.type ?? type,\n        title: toastOptions.title,\n        description: toastOptions.description,\n        duration: toastOptions.duration ?? duration,\n        icon: toastOptions.icon,\n        action: toastOptions.action,\n        dismissible: toastOptions.dismissible ?? dismissible,\n        onDismiss: toastOptions.onDismiss,\n        onAutoClose: toastOptions.onAutoClose,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Keep only the last maxToasts\n        return updated.slice(-maxToasts);\n      });\n\n      return id;\n    },\n    [duration, dismissible, maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => {\n    setToasts([]);\n  }, []);\n\n  const update = useCallback((id: string, options: Partial<ToastOptions>) => {\n    setToasts((prev) =>\n      prev.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...options,\n              type: options.type ?? t.type,\n            }\n          : t,\n      ),\n    );\n  }, []);\n\n  const toast = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"default\"),\n    [addToast],\n  );\n\n  const success = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"success\"),\n    [addToast],\n  );\n\n  const error = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"error\"),\n    [addToast],\n  );\n\n  const warning = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"warning\"),\n    [addToast],\n  );\n\n  const info = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"info\"),\n    [addToast],\n  );\n\n  const loading = useCallback(\n    (options: ToastOptions | string) => {\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n      return addToast(\n        { ...toastOptions, duration: 0, dismissible: false },\n        \"loading\",\n      );\n    },\n    [addToast],\n  );\n\n  const promise = useCallback(\n    async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: string;\n        success: string | ((data: T) => string);\n        error: string | ((error: unknown) => string);\n      },\n    ): Promise<T> => {\n      const id = loading(options.loading);\n\n      try {\n        const result = await promiseToResolve;\n        const successMessage =\n          typeof options.success === \"function\"\n            ? options.success(result)\n            : options.success;\n        update(id, {\n          type: \"success\",\n          description: successMessage,\n          duration,\n          dismissible: true,\n        });\n        return result;\n      } catch (err) {\n        const errorMessage =\n          typeof options.error === \"function\"\n            ? options.error(err)\n            : options.error;\n        update(id, {\n          type: \"error\",\n          description: errorMessage,\n          duration,\n          dismissible: true,\n        });\n        throw err;\n      }\n    },\n    [loading, update, duration],\n  );\n\n  const contextValue: ToastContextValue = {\n    toasts,\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    promise,\n    dismiss,\n    dismissAll,\n    update,\n  };\n\n  const isTop = position.startsWith(\"top\");\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={`fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`}\n        style={{ gap: `${gap}px` }}\n      >\n        <AnimatePresence mode=\"popLayout\">\n          {(isTop ? toasts : [...toasts].reverse()).map((t) => (\n            <div key={t.id} className=\"pointer-events-auto\">\n              <ToastItem toast={t} onDismiss={dismiss} position={position} />\n            </div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </ToastContext.Provider>\n  );\n};\n\n// ============================================================================\n// Standalone toast function (for use without hooks)\n// ============================================================================\n\nlet globalToast: ToastContextValue | null = null;\n\nexport const setGlobalToast = (toastContext: ToastContextValue) => {\n  globalToast = toastContext;\n};\n\nexport const toastStandalone = {\n  show: (options: ToastOptions | string) => globalToast?.toast(options),\n  success: (options: ToastOptions | string) => globalToast?.success(options),\n  error: (options: ToastOptions | string) => globalToast?.error(options),\n  warning: (options: ToastOptions | string) => globalToast?.warning(options),\n  info: (options: ToastOptions | string) => globalToast?.info(options),\n  loading: (options: ToastOptions | string) => globalToast?.loading(options),\n  promise: <T,>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => globalToast?.promise(promise, options),\n  dismiss: (id: string) => globalToast?.dismiss(id),\n  dismissAll: () => globalToast?.dismissAll(),\n};\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default ToastProvider;\nexport { ToastItem };\n"],"mappings":"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"}