@tomny-dev/uzi 0.5.0 → 0.6.0-pr.60.173.1.802e4f7

package/dist/index18.cjs

@@ -1,438 +1,16 @@
 "use client";
-const require_runtime = require("./index2.cjs");
 const require_cx = require("./index4.cjs");
-const require_toast_module = require("./index17.cjs");
-let react = require("react");
+const require_alert_module = require("./index17.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _radix_ui_react_toast = require("@radix-ui/react-toast");
-_radix_ui_react_toast = require_runtime.__toESM(_radix_ui_react_toast, 1);
-//#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 = (0, react.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] = (0, react.useState)([]);
-	const [isPaused, setIsPaused] = (0, react.useState)(false);
-	const merged = (0, react.useMemo)(() => ({
-		...DEFAULT_CONFIG,
-		...config
-	}), [config]);
-	const push = (0, react.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 = (0, react.useCallback)((message, options) => push(message, {
-		...options,
-		type: "success"
-	}), [push]);
-	const error = (0, react.useCallback)((message, options) => push(message, {
-		copyable: true,
-		...options,
-		type: "error"
-	}), [push]);
-	const warning = (0, react.useCallback)((message, options) => push(message, {
-		...options,
-		type: "warning"
-	}), [push]);
-	const info = (0, react.useCallback)((message, options) => push(message, {
-		...options,
-		type: "info"
-	}), [push]);
-	const dismiss = (0, react.useCallback)((id) => {
-		setToasts((prev) => prev.filter((t) => t.id !== id));
-	}, []);
-	const dismissAll = (0, react.useCallback)(() => setToasts([]), []);
-	(0, react.useEffect)(() => {
-		if (!merged.pauseOnFocusLoss) return;
-		const handleVisibility = () => setIsPaused(document.visibilityState !== "visible");
-		document.addEventListener("visibilitychange", handleVisibility);
-		return () => document.removeEventListener("visibilitychange", handleVisibility);
-	}, [merged.pauseOnFocusLoss]);
-	const value = (0, react.useMemo)(() => ({
-		toasts,
-		push,
-		success,
-		error,
-		warning,
-		info,
-		dismiss,
-		dismissAll
-	}), [
-		toasts,
-		push,
-		success,
-		error,
-		warning,
-		info,
-		dismiss,
-		dismissAll
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContext.Provider, {
-		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.Provider, {
-			swipeDirection: "right",
-			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContainer, {
-				toasts,
-				position: merged.position,
-				pauseOnHover: merged.pauseOnHover,
-				isPaused,
-				onDismiss: dismiss,
-				onPauseChange: setIsPaused
-			})]
-		})
+//#region src/components/alert/Alert.tsx
+function Alert({ tone, children, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_alert_module.default.alert, require_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 = (0, react.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [toasts.map((toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastItem, {
-		toast,
-		isPaused,
-		onDismiss
-	}, toast.id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Viewport, {
-		className: require_cx.cx(require_toast_module.default.stack, require_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] = (0, react.useState)(true);
-	const [copyState, setCopyState] = (0, react.useState)("idle");
-	const copyTimerRef = (0, react.useRef)(null);
-	const timerRef = (0, react.useRef)(null);
-	const startRef = (0, react.useRef)(0);
-	const remainingRef = (0, react.useRef)(toast.duration ?? 0);
-	const closingRef = (0, react.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 = (0, react.useCallback)(() => {
-		if (closingRef.current) return;
-		closingRef.current = true;
-		setOpen(false);
-		stopTimer();
-		window.setTimeout(() => onDismiss(toast.id), 160);
-	}, [onDismiss, toast.id]);
-	const schedule = (0, react.useCallback)((delay) => {
-		if (!delay || delay <= 0) {
-			triggerDismiss();
-			return;
-		}
-		startRef.current = performance.now();
-		stopTimer();
-		timerRef.current = window.setTimeout(() => triggerDismiss(), delay);
-	}, [triggerDismiss]);
-	(0, react.useEffect)(() => {
-		if (!toast.duration || toast.duration <= 0) return void 0;
-		schedule(toast.duration);
-		return stopTimer;
-	}, [schedule, toast.duration]);
-	(0, react.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
-	]);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);
-		};
-	}, []);
-	const handleCopy = (0, react.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__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.Root, {
-		open,
-		onOpenChange: (nextOpen) => {
-			if (!nextOpen) triggerDismiss();
-		},
-		duration: 2147483647,
-		className: require_toast_module.default.toast,
-		style: styleVars,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_toast_module.default.icon,
-				"aria-hidden": true,
-				children: icon
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_toast_module.default.body,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Description, {
-					className: require_toast_module.default.message,
-					children: toast.message
-				}), toast.action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_toast_module.default.actions,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Action, {
-						asChild: true,
-						altText: toast.action.label,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: require_toast_module.default.actionButton,
-							onClick: () => {
-								toast.action?.onClick();
-								triggerDismiss();
-							},
-							children: toast.action.label
-						})
-					})
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_toast_module.default.controls,
-				children: [toast.copyable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: require_cx.cx(require_toast_module.default.iconButton, copyState === "failed" && require_toast_module.default.iconButtonError),
-					"aria-label": "Copy message",
-					onClick: handleCopy,
-					children: copyState === "copied" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M2 6.5l3 3 6-6",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}) : copyState === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M10 3L3 10M3 3l7 7",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round"
-						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-							x: "4.5",
-							y: "1.5",
-							width: "7",
-							height: "7",
-							rx: "1.5",
-							stroke: "currentColor",
-							strokeWidth: "1.25"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Close, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: require_toast_module.default.iconButton,
-						"aria-label": "Dismiss notification",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-							width: "13",
-							height: "13",
-							viewBox: "0 0 13 13",
-							fill: "none",
-							"aria-hidden": true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M3 8l3.5 3.5L13 4.5",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		});
-		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M4 4l8 8M12 4l-8 8",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-		case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M8 3v6M8 11.5v1",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M8 7v5M8 4.5v.5",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-	}
-}
 //#endregion
-exports.ToastProvider = ToastProvider;
-exports.useToast = useToast;
+exports.Alert = Alert;
 
 //# sourceMappingURL=index18.cjs.map

package/dist/index18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index18.cjs","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":"index18.cjs","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,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,qBAAA,QAAO,OAAO,qBAAA,QAAO,OAAO,SAAS;EAAG,MAAK;EAC7D;CACE,CAAA;AAET"}

package/dist/index18.js

@@ -1,7 +1,45 @@
-//#region src/components/input/input.module.css
-var input = "uzi-input-module__input__-ipHD";
-var input_module_default = { input };
+//#region src/components/toast/toast.module.css
+var stack = "uzi-toast-module__stack__SRrda";
+var topRight = "uzi-toast-module__topRight__WiZzM";
+var topLeft = "uzi-toast-module__topLeft__SzFS9";
+var topCenter = "uzi-toast-module__topCenter__X5W-x";
+var bottomRight = "uzi-toast-module__bottomRight__DMtoS";
+var bottomLeft = "uzi-toast-module__bottomLeft__ZZ7VF";
+var bottomCenter = "uzi-toast-module__bottomCenter__QNJrM";
+var toast = "uzi-toast-module__toast__HNUcj";
+var toastSlideIn = "uzi-toast-module__toastSlideIn__BTXfm";
+var toastSlideOut = "uzi-toast-module__toastSlideOut__mBX-G";
+var toastSwipeOut = "uzi-toast-module__toastSwipeOut__R-jk2";
+var icon = "uzi-toast-module__icon__LIAqr";
+var body = "uzi-toast-module__body__9vzs7";
+var message = "uzi-toast-module__message__TBY65";
+var actions = "uzi-toast-module__actions__Iykd9";
+var actionButton = "uzi-toast-module__actionButton__cvUr0";
+var controls = "uzi-toast-module__controls__LqA4Q";
+var iconButton = "uzi-toast-module__iconButton__FOsOp";
+var iconButtonError = "uzi-toast-module__iconButtonError__NJsLX";
+var toast_module_default = {
+	stack,
+	topRight,
+	topLeft,
+	topCenter,
+	bottomRight,
+	bottomLeft,
+	bottomCenter,
+	toast,
+	toastSlideIn,
+	toastSlideOut,
+	toastSwipeOut,
+	icon,
+	body,
+	message,
+	actions,
+	actionButton,
+	controls,
+	iconButton,
+	iconButtonError
+};
 //#endregion
-export { input_module_default as default, input };
+export { actionButton, actions, body, bottomCenter, bottomLeft, bottomRight, controls, toast_module_default as default, icon, iconButton, iconButtonError, message, stack, toast, toastSlideIn, toastSlideOut, toastSwipeOut, topCenter, topLeft, topRight };
 
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","names":[],"sources":["../src/components/input/input.module.css"],"sourcesContent":[".input {\n  display: flex;\n  width: 100%;\n  min-height: 2.25rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--ts-input-border, var(--input));\n  background: var(--ts-input-bg, var(--background));\n  color: var(--ts-input-fg, var(--foreground));\n  padding: 0.25rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));\n  transition: border-color 0.15s ease, background 0.15s ease;\n}\n\n.input::placeholder {\n  color: var(--ts-input-placeholder, var(--muted-foreground));\n}\n\n.input:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n"],"mappings":""}
+{"version":3,"file":"index18.js","names":[],"sources":["../src/components/toast/toast.module.css"],"sourcesContent":[".stack {\n  position: fixed;\n  z-index: var(--uzi-toast-z-index, 2147483000);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  pointer-events: none;\n}\n\n.topRight {\n  top: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.topLeft {\n  top: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.topCenter {\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.bottomRight {\n  bottom: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.bottomLeft {\n  bottom: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.bottomCenter {\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.toast {\n  pointer-events: auto;\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 280px;\n  max-width: min(420px, calc(100vw - 32px));\n  padding: 12px 12px 12px 14px;\n  border-radius: 10px;\n  border: 1px solid var(--toast-border, var(--border));\n  background: var(--toast-bg, var(--popover));\n  color: var(--toast-text, var(--popover-foreground));\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n  animation: toastSlideIn 180ms ease-out;\n}\n\n/* Left accent strip */\n.toast::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: var(--toast-accent, transparent);\n  border-radius: 10px 0 0 10px;\n}\n\n.toast[data-state=\"closed\"] {\n  animation: toastSlideOut 160ms ease-in forwards;\n}\n\n.toast[data-swipe=\"move\"] {\n  transform: translateX(var(--radix-toast-swipe-move-x));\n}\n\n.toast[data-swipe=\"cancel\"] {\n  transform: translateX(0);\n  transition: transform 180ms ease-out;\n}\n\n.toast[data-swipe=\"end\"] {\n  animation: toastSwipeOut 160ms ease-out forwards;\n}\n\n.icon {\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--toast-accent, var(--foreground));\n  margin-top: 1px;\n}\n\n.body {\n  flex: 1;\n  min-width: 0;\n  display: grid;\n  gap: 6px;\n}\n\n.message {\n  word-break: break-word;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.actions {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.actionButton {\n  padding: 5px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  border: 1px solid var(--toast-action-border, var(--border));\n  background: var(--toast-action-bg, color-mix(in srgb, var(--foreground) 8%, transparent));\n  color: var(--toast-text, var(--popover-foreground));\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.actionButton:hover {\n  background: color-mix(in srgb, var(--toast-action-bg, var(--foreground)), var(--foreground) 10%);\n}\n\n.controls {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  margin: -2px -2px -2px 0;\n}\n\n.iconButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: var(--toast-text, var(--popover-foreground));\n  opacity: 0.5;\n  cursor: pointer;\n  transition: opacity 120ms ease, background 120ms ease;\n}\n\n.iconButton:hover {\n  opacity: 1;\n  background: color-mix(in srgb, var(--foreground) 8%, transparent);\n}\n\n.iconButtonError {\n  opacity: 1;\n  color: var(--destructive);\n}\n\n.iconButton:focus-visible,\n.actionButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes toastSlideOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n}\n\n@keyframes toastSwipeOut {\n  from {\n    opacity: 1;\n    transform: translateX(var(--radix-toast-swipe-end-x));\n  }\n\n  to {\n    opacity: 0;\n    transform: translateX(calc(var(--radix-toast-swipe-end-x) * 1.05));\n  }\n}\n"],"mappings":""}

package/dist/index19.cjs

@@ -1,8 +1,64 @@
-//#region src/components/input/input.module.css
-var input = "uzi-input-module__input__-ipHD";
-var input_module_default = { input };
+//#region src/components/toast/toast.module.css
+var stack = "uzi-toast-module__stack__SRrda";
+var topRight = "uzi-toast-module__topRight__WiZzM";
+var topLeft = "uzi-toast-module__topLeft__SzFS9";
+var topCenter = "uzi-toast-module__topCenter__X5W-x";
+var bottomRight = "uzi-toast-module__bottomRight__DMtoS";
+var bottomLeft = "uzi-toast-module__bottomLeft__ZZ7VF";
+var bottomCenter = "uzi-toast-module__bottomCenter__QNJrM";
+var toast = "uzi-toast-module__toast__HNUcj";
+var toastSlideIn = "uzi-toast-module__toastSlideIn__BTXfm";
+var toastSlideOut = "uzi-toast-module__toastSlideOut__mBX-G";
+var toastSwipeOut = "uzi-toast-module__toastSwipeOut__R-jk2";
+var icon = "uzi-toast-module__icon__LIAqr";
+var body = "uzi-toast-module__body__9vzs7";
+var message = "uzi-toast-module__message__TBY65";
+var actions = "uzi-toast-module__actions__Iykd9";
+var actionButton = "uzi-toast-module__actionButton__cvUr0";
+var controls = "uzi-toast-module__controls__LqA4Q";
+var iconButton = "uzi-toast-module__iconButton__FOsOp";
+var iconButtonError = "uzi-toast-module__iconButtonError__NJsLX";
+var toast_module_default = {
+	stack,
+	topRight,
+	topLeft,
+	topCenter,
+	bottomRight,
+	bottomLeft,
+	bottomCenter,
+	toast,
+	toastSlideIn,
+	toastSlideOut,
+	toastSwipeOut,
+	icon,
+	body,
+	message,
+	actions,
+	actionButton,
+	controls,
+	iconButton,
+	iconButtonError
+};
 //#endregion
-exports.default = input_module_default;
-exports.input = input;
+exports.actionButton = actionButton;
+exports.actions = actions;
+exports.body = body;
+exports.bottomCenter = bottomCenter;
+exports.bottomLeft = bottomLeft;
+exports.bottomRight = bottomRight;
+exports.controls = controls;
+exports.default = toast_module_default;
+exports.icon = icon;
+exports.iconButton = iconButton;
+exports.iconButtonError = iconButtonError;
+exports.message = message;
+exports.stack = stack;
+exports.toast = toast;
+exports.toastSlideIn = toastSlideIn;
+exports.toastSlideOut = toastSlideOut;
+exports.toastSwipeOut = toastSwipeOut;
+exports.topCenter = topCenter;
+exports.topLeft = topLeft;
+exports.topRight = topRight;
 
 //# sourceMappingURL=index19.cjs.map

package/dist/index19.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index19.cjs","names":[],"sources":["../src/components/input/input.module.css"],"sourcesContent":[".input {\n  display: flex;\n  width: 100%;\n  min-height: 2.25rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--ts-input-border, var(--input));\n  background: var(--ts-input-bg, var(--background));\n  color: var(--ts-input-fg, var(--foreground));\n  padding: 0.25rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));\n  transition: border-color 0.15s ease, background 0.15s ease;\n}\n\n.input::placeholder {\n  color: var(--ts-input-placeholder, var(--muted-foreground));\n}\n\n.input:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n"],"mappings":""}
+{"version":3,"file":"index19.cjs","names":[],"sources":["../src/components/toast/toast.module.css"],"sourcesContent":[".stack {\n  position: fixed;\n  z-index: var(--uzi-toast-z-index, 2147483000);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  pointer-events: none;\n}\n\n.topRight {\n  top: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.topLeft {\n  top: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.topCenter {\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.bottomRight {\n  bottom: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.bottomLeft {\n  bottom: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.bottomCenter {\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.toast {\n  pointer-events: auto;\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 280px;\n  max-width: min(420px, calc(100vw - 32px));\n  padding: 12px 12px 12px 14px;\n  border-radius: 10px;\n  border: 1px solid var(--toast-border, var(--border));\n  background: var(--toast-bg, var(--popover));\n  color: var(--toast-text, var(--popover-foreground));\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n  animation: toastSlideIn 180ms ease-out;\n}\n\n/* Left accent strip */\n.toast::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: var(--toast-accent, transparent);\n  border-radius: 10px 0 0 10px;\n}\n\n.toast[data-state=\"closed\"] {\n  animation: toastSlideOut 160ms ease-in forwards;\n}\n\n.toast[data-swipe=\"move\"] {\n  transform: translateX(var(--radix-toast-swipe-move-x));\n}\n\n.toast[data-swipe=\"cancel\"] {\n  transform: translateX(0);\n  transition: transform 180ms ease-out;\n}\n\n.toast[data-swipe=\"end\"] {\n  animation: toastSwipeOut 160ms ease-out forwards;\n}\n\n.icon {\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--toast-accent, var(--foreground));\n  margin-top: 1px;\n}\n\n.body {\n  flex: 1;\n  min-width: 0;\n  display: grid;\n  gap: 6px;\n}\n\n.message {\n  word-break: break-word;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.actions {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.actionButton {\n  padding: 5px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  border: 1px solid var(--toast-action-border, var(--border));\n  background: var(--toast-action-bg, color-mix(in srgb, var(--foreground) 8%, transparent));\n  color: var(--toast-text, var(--popover-foreground));\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.actionButton:hover {\n  background: color-mix(in srgb, var(--toast-action-bg, var(--foreground)), var(--foreground) 10%);\n}\n\n.controls {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  margin: -2px -2px -2px 0;\n}\n\n.iconButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: var(--toast-text, var(--popover-foreground));\n  opacity: 0.5;\n  cursor: pointer;\n  transition: opacity 120ms ease, background 120ms ease;\n}\n\n.iconButton:hover {\n  opacity: 1;\n  background: color-mix(in srgb, var(--foreground) 8%, transparent);\n}\n\n.iconButtonError {\n  opacity: 1;\n  color: var(--destructive);\n}\n\n.iconButton:focus-visible,\n.actionButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes toastSlideOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n}\n\n@keyframes toastSwipeOut {\n  from {\n    opacity: 1;\n    transform: translateX(var(--radix-toast-swipe-end-x));\n  }\n\n  to {\n    opacity: 0;\n    transform: translateX(calc(var(--radix-toast-swipe-end-x) * 1.05));\n  }\n}\n"],"mappings":""}