@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/ui/toast.js

@@ -1,17 +1,18 @@
 "use client";
 import { springs as e, tweens as t } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { Spinner as r } from "./spinner.js";
-import { Icon as i } from "./icon.js";
-import { Progress as a } from "./progress.js";
-import { assertToasterMounted as o } from "./toast-registry.js";
-import * as s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { IconAlertCircle as u, IconAlertTriangle as d, IconCheck as f, IconCircleCheck as p, IconCircleX as m, IconFile as h, IconInfoCircle as g, IconPhoto as _, IconRefresh as v, IconUpload as y, IconX as b } from "@tabler/icons-react";
-import { AnimatePresence as x, motion as S } from "framer-motion";
-import { toast as C } from "sonner";
+import { MotionPreference as n } from "../_chunks/motion-preference.js";
+import { cn as r } from "./lib/utils.js";
+import { Spinner as i } from "./spinner.js";
+import { Icon as a } from "./icon.js";
+import { Progress as o } from "./progress.js";
+import { assertToasterMounted as s } from "./toast-registry.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconAlertCircle as d, IconAlertTriangle as f, IconCheck as p, IconCircleCheck as m, IconCircleX as h, IconFile as g, IconInfoCircle as _, IconPhoto as v, IconRefresh as y, IconUpload as b, IconX as x } from "@tabler/icons-react";
+import { AnimatePresence as S, motion as C } from "framer-motion";
+import { toast as w } from "sonner";
 //#region src/ui/toast.tsx
-var w = 5e3, T = 8e3, E = 3e3, D = {
+var T = 5e3, E = 8e3, D = 3e3, O = {
 	message: {
 		accentClass: "",
 		iconClass: "",
@@ -21,25 +22,25 @@ var w = 5e3, T = 8e3, E = 3e3, D = {
 	success: {
 		accentClass: "bg-success-9",
 		iconClass: "text-success-11",
-		icon: p,
+		icon: m,
 		timerBarClass: "bg-success-9"
 	},
 	error: {
 		accentClass: "bg-error-9",
 		iconClass: "text-error-11",
-		icon: m,
+		icon: h,
 		timerBarClass: "bg-error-9"
 	},
 	warning: {
 		accentClass: "bg-warning-9",
 		iconClass: "text-warning-11",
-		icon: d,
+		icon: f,
 		timerBarClass: "bg-warning-9"
 	},
 	info: {
 		accentClass: "bg-info-9",
 		iconClass: "text-info-11",
-		icon: g,
+		icon: _,
 		timerBarClass: "bg-info-9"
 	},
 	loading: {
@@ -49,57 +50,57 @@ var w = 5e3, T = 8e3, E = 3e3, D = {
 		timerBarClass: "bg-accent-9"
 	}
 };
-function O({ duration: e, type: t, paused: r }) {
-	let i = D[t];
-	return /* @__PURE__ */ c("div", {
+function k({ duration: e, type: t, paused: n }) {
+	let i = O[t];
+	return /* @__PURE__ */ l("div", {
 		className: "absolute bottom-0 left-0 right-0 h-ds-01 overflow-hidden",
-		children: /* @__PURE__ */ c("div", {
-			className: n("h-full w-full origin-left opacity-30", i.timerBarClass, "motion-safe:animate-timer-bar"),
+		children: /* @__PURE__ */ l("div", {
+			className: r("h-full w-full origin-left opacity-30", i.timerBarClass, "motion-safe:animate-timer-bar"),
 			style: {
 				animationDuration: `${e}ms`,
-				animationPlayState: r ? "paused" : "running"
+				animationPlayState: n ? "paused" : "running"
 			}
 		})
 	});
 }
-function k({ type: a, title: o, description: u, action: d, cancel: f, duration: p = w, showTimerBar: m = !0, showAccent: h = !1, selfDismissId: g }) {
-	let [_, v] = s.useState(!1), [y, b] = s.useState(!1), T = _ || y, E = D[a], k = E.icon, A = s.useRef(p), j = s.useRef(0);
-	s.useEffect(() => {
-		if (g == null || p === Infinity) return;
-		if (T) {
-			let e = Date.now() - j.current;
-			A.current = Math.max(0, A.current - e);
+function A({ type: o, title: s, description: d, action: f, cancel: p, duration: m = T, showTimerBar: h = !0, showAccent: g = !1, selfDismissId: _ }) {
+	let [v, y] = c.useState(!1), [b, x] = c.useState(!1), E = v || b, D = O[o], A = D.icon, j = c.useRef(m), M = c.useRef(0);
+	c.useEffect(() => {
+		if (_ == null || m === Infinity) return;
+		if (E) {
+			let e = Date.now() - M.current;
+			j.current = Math.max(0, j.current - e);
 			return;
 		}
-		j.current = Date.now();
+		M.current = Date.now();
 		let e = setTimeout(() => {
-			C.dismiss(g);
-		}, A.current);
+			w.dismiss(_);
+		}, j.current);
 		return () => clearTimeout(e);
 	}, [
-		g,
-		p,
-		T
+		_,
+		m,
+		E
 	]);
-	let M = a === "error";
-	return /* @__PURE__ */ l(S.div, {
+	let N = o === "error";
+	return /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(C.div, {
 		layout: "position",
-		role: M ? "alert" : "status",
-		"aria-live": M ? "assertive" : "polite",
+		role: N ? "alert" : "status",
+		"aria-live": N ? "assertive" : "polite",
 		"aria-atomic": "true",
-		className: n("group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating", a === "error" && "bg-error-2"),
-		onMouseEnter: () => v(!0),
-		onMouseLeave: () => v(!1),
-		onFocusCapture: () => b(!0),
-		onBlurCapture: () => b(!1),
+		className: r("group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating", o === "error" && "bg-error-2"),
+		onMouseEnter: () => y(!0),
+		onMouseLeave: () => y(!1),
+		onFocusCapture: () => x(!0),
+		onBlurCapture: () => x(!1),
 		transition: e.smooth,
 		children: [
-			h && E.accentClass && /* @__PURE__ */ c("div", { className: n("w-1 shrink-0 rounded-l-overlay-sm", E.accentClass) }),
-			/* @__PURE__ */ l("div", {
+			g && D.accentClass && /* @__PURE__ */ l("div", { className: r("w-1 shrink-0 rounded-l-overlay-sm", D.accentClass) }),
+			/* @__PURE__ */ u("div", {
 				className: "flex min-w-0 flex-1 items-start gap-ds-03 p-ds-04",
-				children: [/* @__PURE__ */ c(x, {
+				children: [/* @__PURE__ */ l(S, {
 					mode: "wait",
-					children: a === "loading" ? /* @__PURE__ */ c(S.div, {
+					children: o === "loading" ? /* @__PURE__ */ l(C.div, {
 						initial: {
 							opacity: 0,
 							scale: .5
@@ -114,11 +115,11 @@ function k({ type: a, title: o, description: u, action: d, cancel: f, duration:
 						},
 						transition: t.fade,
 						className: "mt-0.5 shrink-0",
-						children: /* @__PURE__ */ c(r, {
+						children: /* @__PURE__ */ l(i, {
 							size: "sm",
 							className: "h-4 w-4"
 						})
-					}, "loading") : k ? /* @__PURE__ */ c(S.div, {
+					}, "loading") : A ? /* @__PURE__ */ l(C.div, {
 						initial: {
 							opacity: 0,
 							scale: .5
@@ -133,49 +134,49 @@ function k({ type: a, title: o, description: u, action: d, cancel: f, duration:
 						},
 						transition: e.bouncy,
 						className: "mt-0.5 shrink-0",
-						children: /* @__PURE__ */ c(i, {
-							icon: k,
+						children: /* @__PURE__ */ l(a, {
+							icon: A,
 							size: "sm",
-							className: E.iconClass
+							className: D.iconClass
 						})
-					}, a) : null
-				}), /* @__PURE__ */ l("div", {
+					}, o) : null
+				}), /* @__PURE__ */ u("div", {
 					className: "min-w-0 flex-1",
 					children: [
-						o && /* @__PURE__ */ c("p", {
+						s && /* @__PURE__ */ l("p", {
 							className: "text-body-md font-semibold text-surface-fg",
-							children: o
+							children: s
 						}),
-						u && /* @__PURE__ */ c("p", {
-							className: n("text-body-sm text-surface-fg-muted", o && "mt-0.5"),
-							children: u
+						d && /* @__PURE__ */ l("p", {
+							className: r("text-body-sm text-surface-fg-muted", s && "mt-0.5"),
+							children: d
 						}),
-						(d || f) && /* @__PURE__ */ l("div", {
+						(f || p) && /* @__PURE__ */ u("div", {
 							className: "mt-ds-03 flex items-center gap-ds-03",
-							children: [d && /* @__PURE__ */ c("button", {
-								type: "button",
-								onClick: d.onClick,
-								className: "text-body-sm font-medium text-accent-11 underline-offset-2 hover:underline hover:bg-surface-raised-hover rounded-control-inner px-ds-02 py-ds-01 transition-[color,background-color] duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-control-inner",
-								children: d.label
-							}), f && /* @__PURE__ */ c("button", {
+							children: [f && /* @__PURE__ */ l("button", {
 								type: "button",
 								onClick: f.onClick,
-								className: "text-body-sm text-surface-fg-muted hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-control-inner",
+								className: "text-body-sm font-medium text-accent-11 underline-offset-2 hover:underline hover:bg-surface-panel-hover rounded-control-inner px-ds-02 py-ds-01 transition-[color,background-color] duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-control-inner",
 								children: f.label
+							}), p && /* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: p.onClick,
+								className: "text-body-sm text-surface-fg-muted hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-control-inner",
+								children: p.label
 							})]
 						})
 					]
 				})]
 			}),
-			m && a !== "loading" && /* @__PURE__ */ c(O, {
-				duration: p,
-				type: a,
-				paused: T
+			h && o !== "loading" && /* @__PURE__ */ l(k, {
+				duration: m,
+				type: o,
+				paused: E
 			})
 		]
-	});
+	}) });
 }
-var A = /* @__PURE__ */ new Set([
+var j = /* @__PURE__ */ new Set([
 	"jpg",
 	"jpeg",
 	"png",
@@ -186,19 +187,19 @@ var A = /* @__PURE__ */ new Set([
 	"ico",
 	"avif"
 ]);
-function j(e) {
+function M(e) {
 	if (e.previewUrl) return !0;
 	let t = e.name.split(".").pop()?.toLowerCase() ?? "";
-	return A.has(t);
+	return j.has(t);
 }
-function M(e) {
+function N(e) {
 	switch (e) {
 		case "complete": return "success";
 		case "error": return "error";
 		default: return "accent";
 	}
 }
-function N(e) {
+function P(e) {
 	switch (e.status) {
 		case "pending": return 0;
 		case "uploading": return e.progress ?? 0;
@@ -207,12 +208,12 @@ function N(e) {
 		case "error": return e.progress ?? 0;
 	}
 }
-function P(e) {
+function F(e) {
 	return !e || e < 0 || !Number.isFinite(e) ? "0 B" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-function F({ file: n, onRetry: o, onRemove: s }) {
-	let d = n.status === "complete" || n.status === "error", p = n.status === "uploading" || n.status === "processing";
-	return /* @__PURE__ */ l(S.div, {
+function I({ file: r, onRetry: s, onRemove: c }) {
+	let f = r.status === "complete" || r.status === "error", m = r.status === "uploading" || r.status === "processing";
+	return /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(C.div, {
 		layout: !0,
 		className: "flex items-center gap-ds-02 py-1",
 		initial: !1,
@@ -227,11 +228,11 @@ function F({ file: n, onRetry: o, onRemove: s }) {
 		},
 		transition: e.snappy,
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex h-5 w-5 shrink-0 items-center justify-center",
-				children: /* @__PURE__ */ c(x, {
+				children: /* @__PURE__ */ l(S, {
 					mode: "wait",
-					children: n.status === "complete" ? /* @__PURE__ */ c(S.div, {
+					children: r.status === "complete" ? /* @__PURE__ */ l(C.div, {
 						initial: {
 							opacity: 0,
 							scale: .5
@@ -245,12 +246,12 @@ function F({ file: n, onRetry: o, onRemove: s }) {
 							scale: .5
 						},
 						transition: e.bouncy,
-						children: /* @__PURE__ */ c(i, {
-							icon: f,
+						children: /* @__PURE__ */ l(a, {
+							icon: p,
 							size: "xs",
 							className: "text-success-11"
 						})
-					}, "complete") : n.status === "error" ? /* @__PURE__ */ c(S.div, {
+					}, "complete") : r.status === "error" ? /* @__PURE__ */ l(C.div, {
 						initial: {
 							opacity: 0,
 							scale: .5
@@ -264,128 +265,128 @@ function F({ file: n, onRetry: o, onRemove: s }) {
 							scale: .5
 						},
 						transition: t.fade,
-						children: /* @__PURE__ */ c(i, {
-							icon: u,
+						children: /* @__PURE__ */ l(a, {
+							icon: d,
 							size: "xs",
 							className: "text-error-11"
 						})
-					}, "error") : n.status === "processing" ? /* @__PURE__ */ c(S.div, {
+					}, "error") : r.status === "processing" ? /* @__PURE__ */ l(C.div, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
 						transition: t.fade,
-						children: /* @__PURE__ */ c(r, {
+						children: /* @__PURE__ */ l(i, {
 							size: "sm",
 							className: "h-3.5 w-3.5"
 						})
-					}, "processing") : j(n) ? /* @__PURE__ */ c(S.div, {
+					}, "processing") : M(r) ? /* @__PURE__ */ l(C.div, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
 						transition: t.fade,
-						children: /* @__PURE__ */ c(i, {
-							icon: _,
+						children: /* @__PURE__ */ l(a, {
+							icon: v,
 							size: "xs",
 							className: "text-surface-fg-muted"
 						})
-					}, "image") : /* @__PURE__ */ c(S.div, {
+					}, "image") : /* @__PURE__ */ l(C.div, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
 						transition: t.fade,
-						children: /* @__PURE__ */ c(i, {
-							icon: h,
+						children: /* @__PURE__ */ l(a, {
+							icon: g,
 							size: "xs",
 							className: "text-surface-fg-muted"
 						})
 					}, "file")
 				})
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ l("span", {
 				className: "min-w-0 flex-1 truncate text-body-xs text-surface-fg",
-				children: n.name
+				children: r.name
 			}),
-			p ? /* @__PURE__ */ l("div", {
+			m ? /* @__PURE__ */ u("div", {
 				className: "flex w-16 items-center gap-1",
-				children: [/* @__PURE__ */ c(a, {
+				children: [/* @__PURE__ */ l(o, {
 					size: "sm",
-					color: M(n.status),
-					value: N(n),
+					color: N(r.status),
+					value: P(r),
 					className: "flex-1"
-				}), n.progress !== void 0 && /* @__PURE__ */ l("span", {
+				}), r.progress !== void 0 && /* @__PURE__ */ u("span", {
 					className: "shrink-0 text-caption tabular-nums text-surface-fg-muted",
-					children: [n.progress, "%"]
+					children: [r.progress, "%"]
 				})]
-			}) : n.status === "complete" ? /* @__PURE__ */ c("span", {
+			}) : r.status === "complete" ? /* @__PURE__ */ l("span", {
 				className: "text-body-xs text-success-11",
 				children: "Done"
-			}) : n.status === "error" ? /* @__PURE__ */ c("span", {
+			}) : r.status === "error" ? /* @__PURE__ */ l("span", {
 				className: "max-w-[60px] truncate text-body-xs text-error-11",
-				children: n.error || "Failed"
-			}) : /* @__PURE__ */ c("span", {
+				children: r.error || "Failed"
+			}) : /* @__PURE__ */ l("span", {
 				className: "text-caption text-surface-fg-muted",
-				children: P(n.size)
+				children: F(r.size)
 			}),
-			n.status === "error" && o && /* @__PURE__ */ c("button", {
+			r.status === "error" && s && /* @__PURE__ */ l("button", {
 				type: "button",
-				onClick: () => o(n.id),
+				onClick: () => s(r.id),
 				className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-control-inner text-surface-fg-muted hover:text-surface-fg",
-				"aria-label": `Retry ${n.name}`,
+				"aria-label": `Retry ${r.name}`,
 				title: "Retry",
-				children: /* @__PURE__ */ c(v, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ l(y, { className: "h-3.5 w-3.5" })
 			}),
-			!d && s && /* @__PURE__ */ c("button", {
+			!f && c && /* @__PURE__ */ l("button", {
 				type: "button",
-				onClick: () => s(n.id),
+				onClick: () => c(r.id),
 				className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-control-inner text-surface-fg-muted hover:text-surface-fg",
-				"aria-label": `Cancel ${n.name}`,
+				"aria-label": `Cancel ${r.name}`,
 				title: "Remove",
-				children: /* @__PURE__ */ c(b, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ l(x, { className: "h-3.5 w-3.5" })
 			})
 		]
-	});
+	}) });
 }
-function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d, showAccent: p = !1 }) {
-	let [m, h] = s.useState(!1), [g, _] = s.useState(!1), v = m || g, b = r.filter((e) => e.status === "complete").length, w = r.filter((e) => e.status === "error").length, T = r.every((e) => e.status === "complete" || e.status === "error"), D = s.useRef(E), k = s.useRef(0);
-	s.useEffect(() => {
-		if (d == null || !T) return;
-		if (v) {
-			let e = Date.now() - k.current;
-			D.current = Math.max(0, D.current - e);
+function L({ files: i, onRetry: o, onRemove: s, selfDismissId: f, showAccent: m = !1 }) {
+	let [h, g] = c.useState(!1), [_, v] = c.useState(!1), y = h || _, x = i.filter((e) => e.status === "complete").length, T = i.filter((e) => e.status === "error").length, E = i.every((e) => e.status === "complete" || e.status === "error"), O = c.useRef(D), A = c.useRef(0);
+	c.useEffect(() => {
+		if (f == null || !E) return;
+		if (y) {
+			let e = Date.now() - A.current;
+			O.current = Math.max(0, O.current - e);
 			return;
 		}
-		k.current = Date.now();
+		A.current = Date.now();
 		let e = setTimeout(() => {
-			C.dismiss(d);
-		}, D.current);
+			w.dismiss(f);
+		}, O.current);
 		return () => clearTimeout(e);
 	}, [
-		d,
-		T,
-		v
+		f,
+		E,
+		y
 	]);
-	let A = T ? w > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", j = T ? w > 0 ? "error" : "success" : "loading", M = T && w > 0;
-	return /* @__PURE__ */ l(S.div, {
+	let j = E ? T > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", M = E ? T > 0 ? "error" : "success" : "loading", N = E && T > 0;
+	return /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(C.div, {
 		layout: !0,
-		role: M ? "alert" : "status",
-		"aria-live": M ? "assertive" : "polite",
+		role: N ? "alert" : "status",
+		"aria-live": N ? "assertive" : "polite",
 		"aria-label": "File uploads",
-		className: n("group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating", M && "bg-error-2"),
-		onMouseEnter: () => h(!0),
-		onMouseLeave: () => h(!1),
-		onFocusCapture: () => _(!0),
-		onBlurCapture: () => _(!1),
+		className: r("group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating", N && "bg-error-2"),
+		onMouseEnter: () => g(!0),
+		onMouseLeave: () => g(!1),
+		onFocusCapture: () => v(!0),
+		onBlurCapture: () => v(!1),
 		transition: e.smooth,
 		children: [
-			p && /* @__PURE__ */ c("div", { className: n("w-1 shrink-0 rounded-l-overlay-sm", A) }),
-			/* @__PURE__ */ l("div", {
+			m && /* @__PURE__ */ l("div", { className: r("w-1 shrink-0 rounded-l-overlay-sm", j) }),
+			/* @__PURE__ */ u("div", {
 				className: "min-w-0 flex-1 p-ds-04",
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "flex items-center gap-ds-02",
-						children: [/* @__PURE__ */ c(x, {
+						children: [/* @__PURE__ */ l(S, {
 							mode: "wait",
-							children: T ? w > 0 ? /* @__PURE__ */ c(S.div, {
+							children: E ? T > 0 ? /* @__PURE__ */ l(C.div, {
 								initial: {
 									opacity: 0,
 									scale: .5
@@ -399,12 +400,12 @@ function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d, showAccent: p
 									scale: .5
 								},
 								transition: e.bouncy,
-								children: /* @__PURE__ */ c(i, {
-									icon: u,
+								children: /* @__PURE__ */ l(a, {
+									icon: d,
 									size: "sm",
 									className: "shrink-0 text-error-11"
 								})
-							}, "error-icon") : /* @__PURE__ */ c(S.div, {
+							}, "error-icon") : /* @__PURE__ */ l(C.div, {
 								initial: {
 									opacity: 0,
 									scale: .5
@@ -418,78 +419,78 @@ function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d, showAccent: p
 									scale: .5
 								},
 								transition: e.bouncy,
-								children: /* @__PURE__ */ c(i, {
-									icon: f,
+								children: /* @__PURE__ */ l(a, {
+									icon: p,
 									size: "sm",
 									className: "shrink-0 text-success-11"
 								})
-							}, "success-icon") : /* @__PURE__ */ c(S.div, {
+							}, "success-icon") : /* @__PURE__ */ l(C.div, {
 								initial: { opacity: 0 },
 								animate: { opacity: 1 },
 								exit: { opacity: 0 },
 								transition: t.fade,
-								children: /* @__PURE__ */ c(i, {
-									icon: y,
+								children: /* @__PURE__ */ l(a, {
+									icon: b,
 									size: "sm",
 									className: "shrink-0 text-surface-fg-muted"
 								})
 							}, "upload-icon")
-						}), /* @__PURE__ */ c("p", {
+						}), /* @__PURE__ */ l("p", {
 							className: "text-body-md font-semibold text-surface-fg",
-							children: T ? w > 0 ? `${b} of ${r.length} uploaded` : `${r.length} file${r.length > 1 ? "s" : ""} uploaded` : `Uploading ${r.length} file${r.length > 1 ? "s" : ""}`
+							children: E ? T > 0 ? `${x} of ${i.length} uploaded` : `${i.length} file${i.length > 1 ? "s" : ""} uploaded` : `Uploading ${i.length} file${i.length > 1 ? "s" : ""}`
 						})]
 					}),
-					!T && /* @__PURE__ */ l("p", {
+					!E && /* @__PURE__ */ u("p", {
 						className: "mt-0.5 text-caption text-surface-fg-muted",
 						children: [
-							b,
+							x,
 							" of ",
-							r.length,
+							i.length,
 							" complete",
-							w > 0 && ` · ${w} failed`
+							T > 0 && ` · ${T} failed`
 						]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "mt-ds-02 max-h-[140px] overflow-y-auto",
-						children: /* @__PURE__ */ c(x, { children: r.map((e) => /* @__PURE__ */ c(F, {
+						children: /* @__PURE__ */ l(S, { children: i.map((e) => /* @__PURE__ */ l(I, {
 							file: e,
-							onRetry: a,
-							onRemove: o
+							onRetry: o,
+							onRemove: s
 						}, e.id)) })
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "sr-only",
 						"aria-live": "polite",
 						children: [
-							b,
+							x,
 							" of ",
-							r.length,
+							i.length,
 							" files uploaded",
-							w > 0 && `, ${w} failed`
+							T > 0 && `, ${T} failed`
 						]
 					})
 				]
 			}),
-			T && /* @__PURE__ */ c(O, {
-				duration: E,
-				type: j,
+			E && /* @__PURE__ */ l(k, {
+				duration: D,
+				type: M,
 				paused: !1
 			})
 		]
-	});
+	}) });
 }
-function L(e, t) {
+function R(e, t) {
 	return {
 		id: e?.id,
-		duration: e?.duration ?? t ?? w,
+		duration: e?.duration ?? t ?? T,
 		unstyled: !0,
 		classNames: { toast: "w-full" }
 	};
 }
-function R(e, t, n) {
-	o();
-	let r = n?.duration ?? w;
-	return C.custom(() => /* @__PURE__ */ c(k, {
+function z(e, t, n) {
+	s();
+	let r = n?.duration ?? T;
+	return w.custom(() => /* @__PURE__ */ l(A, {
 		type: e,
 		title: t,
 		description: n?.description,
@@ -497,16 +498,16 @@ function R(e, t, n) {
 		cancel: n?.cancel,
 		duration: r,
 		showAccent: n?.showAccent
-	}), L(n, r));
+	}), R(n, r));
 }
-function z(e, t) {
-	return R("message", e, t);
+function B(e, t) {
+	return z("message", e, t);
 }
-z.message = (e, t) => R("message", e, t), z.success = (e, t) => R("success", e, t), z.error = (e, t) => R("error", e, t), z.warning = (e, t) => R("warning", e, t), z.info = (e, t) => R("info", e, t), z.loading = (e, t) => R("loading", e, {
+B.message = (e, t) => z("message", e, t), B.success = (e, t) => z("success", e, t), B.error = (e, t) => z("error", e, t), B.warning = (e, t) => z("warning", e, t), B.info = (e, t) => z("info", e, t), B.loading = (e, t) => z("loading", e, {
 	...t,
 	duration: t?.duration ?? Infinity
-}), z.promise = (e, t) => {
-	let n = C.custom(() => /* @__PURE__ */ c(k, {
+}), B.promise = (e, t) => {
+	let n = w.custom(() => /* @__PURE__ */ l(A, {
 		type: "loading",
 		title: t.loading,
 		showTimerBar: !1
@@ -515,10 +516,10 @@ z.message = (e, t) => R("message", e, t), z.success = (e, t) => R("success", e,
 		unstyled: !0,
 		classNames: { toast: "w-full" }
 	}), r = (e, t) => {
-		C.custom(() => /* @__PURE__ */ c(k, {
+		w.custom(() => /* @__PURE__ */ l(A, {
 			type: e,
 			title: t,
-			duration: w,
+			duration: T,
 			selfDismissId: n
 		}), {
 			id: n,
@@ -534,9 +535,9 @@ z.message = (e, t) => R("message", e, t), z.success = (e, t) => R("success", e,
 		let n = typeof t.error == "function" ? t.error(e) : t.error;
 		r("error", n);
 	}), n;
-}, z.undo = (e, t) => {
-	let n = t.duration ?? T;
-	return C.custom(() => /* @__PURE__ */ c(k, {
+}, B.undo = (e, t) => {
+	let n = t.duration ?? E;
+	return w.custom(() => /* @__PURE__ */ l(A, {
 		type: "message",
 		title: e,
 		description: t.description,
@@ -550,9 +551,9 @@ z.message = (e, t) => R("message", e, t), z.success = (e, t) => R("success", e,
 		unstyled: !0,
 		classNames: { toast: "w-full" }
 	});
-}, z.upload = (e) => {
+}, B.upload = (e) => {
 	let t = e.id ?? String(Date.now());
-	return C.custom(() => /* @__PURE__ */ c(I, {
+	return w.custom(() => /* @__PURE__ */ l(L, {
 		files: e.files,
 		onRetry: e.onRetry,
 		onRemove: e.onRemove,
@@ -564,15 +565,15 @@ z.message = (e, t) => R("message", e, t), z.success = (e, t) => R("success", e,
 		unstyled: !0,
 		classNames: { toast: "w-full" }
 	}), t;
-}, z.custom = (e, t) => C.custom(e, {
+}, B.custom = (e, t) => w.custom(e, {
 	...t,
 	unstyled: !0,
 	classNames: {
 		toast: "w-full",
 		...t?.classNames
 	}
-}), z.dismiss = (e) => {
-	e === void 0 ? C.dismiss() : C.dismiss(e);
+}), B.dismiss = (e) => {
+	e === void 0 ? w.dismiss() : w.dismiss(e);
 };
 //#endregion
-export { O as TimerBar, k as ToastContent, F as UploadFileRow, I as UploadToastContent, P as formatFileSize, z as toast };
+export { k as TimerBar, A as ToastContent, I as UploadFileRow, L as UploadToastContent, F as formatFileSize, B as toast };