@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/toast.js

@@ -1,551 +1,574 @@
 "use client";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import * as f from "react";
-import { t as p } from "../_chunks/sonner.js";
-import { IconInfoCircle as P, IconAlertTriangle as j, IconCircleX as L, IconCircleCheck as _, IconCheck as U, IconAlertCircle as E, IconPhoto as G, IconFile as X, IconRefresh as H, IconX as Y, IconUpload as K } from "@tabler/icons-react";
-import { cn as k } from "./lib/utils.js";
-import { springs as v, tweens as b } from "./lib/motion.js";
-import { Spinner as A } from "./spinner.js";
-import { Progress as V } from "./progress.js";
-import { Icon as g } from "./icon.js";
-import { m as o, A as R } from "../_chunks/framer.js";
-const F = 5e3, W = 8e3, z = 3e3, D = {
-  message: {
-    accentClass: "",
-    iconClass: "",
-    icon: null,
-    timerBarClass: "bg-surface-border"
-  },
-  success: {
-    accentClass: "bg-success-9",
-    iconClass: "text-success-11",
-    icon: _,
-    timerBarClass: "bg-success-9"
-  },
-  error: {
-    accentClass: "bg-error-9",
-    iconClass: "text-error-11",
-    icon: L,
-    timerBarClass: "bg-error-9"
-  },
-  warning: {
-    accentClass: "bg-warning-9",
-    iconClass: "text-warning-11",
-    icon: j,
-    timerBarClass: "bg-warning-9"
-  },
-  info: {
-    accentClass: "bg-info-9",
-    iconClass: "text-info-11",
-    icon: P,
-    timerBarClass: "bg-info-9"
-  },
-  loading: {
-    accentClass: "bg-accent-9",
-    iconClass: "text-accent-11",
-    icon: null,
-    timerBarClass: "bg-accent-9"
-  }
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n, tweens as r } from "./lib/motion.js";
+import { cn as i } from "./lib/utils.js";
+import { Spinner as a } from "./spinner.js";
+import { Icon as o } from "./icon.js";
+import { n as s } from "../_chunks/sonner.js";
+import { Progress as c } from "./progress.js";
+import { assertToasterMounted as l } from "./toast-registry.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconAlertCircle as p, IconAlertTriangle as m, IconCheck as h, IconCircleCheck as g, IconCircleX as _, IconFile as v, IconInfoCircle as y, IconPhoto as b, IconRefresh as x, IconUpload as S, IconX as C } from "@tabler/icons-react";
+//#region src/ui/toast.tsx
+var w = 5e3, T = 8e3, E = 3e3, D = {
+	message: {
+		accentClass: "",
+		iconClass: "",
+		icon: null,
+		timerBarClass: "bg-surface-border"
+	},
+	success: {
+		accentClass: "bg-success-9",
+		iconClass: "text-success-11",
+		icon: g,
+		timerBarClass: "bg-success-9"
+	},
+	error: {
+		accentClass: "bg-error-9",
+		iconClass: "text-error-11",
+		icon: _,
+		timerBarClass: "bg-error-9"
+	},
+	warning: {
+		accentClass: "bg-warning-9",
+		iconClass: "text-warning-11",
+		icon: m,
+		timerBarClass: "bg-warning-9"
+	},
+	info: {
+		accentClass: "bg-info-9",
+		iconClass: "text-info-11",
+		icon: y,
+		timerBarClass: "bg-info-9"
+	},
+	loading: {
+		accentClass: "bg-accent-9",
+		iconClass: "text-accent-11",
+		icon: null,
+		timerBarClass: "bg-accent-9"
+	}
 };
-function M({
-  duration: e,
-  type: s,
-  paused: a
-}) {
-  const r = D[s];
-  return /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 h-[2px] overflow-hidden", children: /* @__PURE__ */ t(
-    "div",
-    {
-      className: k(
-        "h-full w-full origin-left opacity-30",
-        r.timerBarClass,
-        "motion-safe:animate-timer-bar"
-      ),
-      style: {
-        animationDuration: `${e}ms`,
-        animationPlayState: a ? "paused" : "running"
-      }
-    }
-  ) });
+function O({ duration: e, type: t, paused: n }) {
+	let r = D[t];
+	return /* @__PURE__ */ d("div", {
+		className: "absolute bottom-0 left-0 right-0 h-[2px] overflow-hidden",
+		children: /* @__PURE__ */ d("div", {
+			className: i("h-full w-full origin-left opacity-30", r.timerBarClass, "motion-safe:animate-timer-bar"),
+			style: {
+				animationDuration: `${e}ms`,
+				animationPlayState: n ? "paused" : "running"
+			}
+		})
+	});
 }
-function B({
-  type: e,
-  title: s,
-  description: a,
-  action: r,
-  cancel: n,
-  duration: c = F,
-  showTimerBar: $ = !0,
-  selfDismissId: N
-}) {
-  const [I, w] = f.useState(!1), [m, u] = f.useState(!1), h = I || m, x = D[e], T = x.icon, C = f.useRef(c), i = f.useRef(0);
-  return f.useEffect(() => {
-    if (N == null || c === 1 / 0) return;
-    if (h) {
-      const O = Date.now() - i.current;
-      C.current = Math.max(0, C.current - O);
-      return;
-    }
-    i.current = Date.now();
-    const S = setTimeout(() => {
-      p.dismiss(N);
-    }, C.current);
-    return () => clearTimeout(S);
-  }, [N, c, h]), /* @__PURE__ */ l(
-    o.div,
-    {
-      layout: "position",
-      role: "status",
-      "aria-live": "polite",
-      className: "group relative flex w-full overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-floating",
-      onMouseEnter: () => w(!0),
-      onMouseLeave: () => w(!1),
-      onFocusCapture: () => u(!0),
-      onBlurCapture: () => u(!1),
-      transition: v.smooth,
-      children: [
-        x.accentClass && /* @__PURE__ */ t(
-          "div",
-          {
-            className: k("w-1 shrink-0 rounded-l-ds-md", x.accentClass)
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-start gap-ds-03 p-ds-04", children: [
-          /* @__PURE__ */ t(R, { mode: "wait", children: e === "loading" ? /* @__PURE__ */ t(
-            o.div,
-            {
-              initial: { opacity: 0, scale: 0.5 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.5 },
-              transition: b.fade,
-              className: "mt-0.5 shrink-0",
-              children: /* @__PURE__ */ t(A, { size: "sm", className: "h-4 w-4" })
-            },
-            "loading"
-          ) : T ? /* @__PURE__ */ t(
-            o.div,
-            {
-              initial: { opacity: 0, scale: 0.5 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.5 },
-              transition: v.bouncy,
-              className: "mt-0.5 shrink-0",
-              children: /* @__PURE__ */ t(g, { icon: T, size: "sm", className: x.iconClass })
-            },
-            e
-          ) : null }),
-          /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
-            s && /* @__PURE__ */ t("p", { className: "text-ds-md font-semibold text-surface-fg", children: s }),
-            a && /* @__PURE__ */ t(
-              "p",
-              {
-                className: k(
-                  "text-ds-sm text-surface-fg-muted",
-                  s && "mt-0.5"
-                ),
-                children: a
-              }
-            ),
-            (r || n) && /* @__PURE__ */ l("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
-              r && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: r.onClick,
-                  className: "text-ds-sm font-medium text-accent-11 underline-offset-2 hover:underline hover:bg-surface-raised-hover rounded-ds-sm 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-ds-sm",
-                  children: r.label
-                }
-              ),
-              n && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: n.onClick,
-                  className: "text-ds-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-ds-sm",
-                  children: n.label
-                }
-              )
-            ] })
-          ] })
-        ] }),
-        $ && e !== "loading" && /* @__PURE__ */ t(M, { duration: c, type: e, paused: h })
-      ]
-    }
-  );
+function k({ type: c, title: l, description: p, action: m, cancel: h, duration: g = w, showTimerBar: _ = !0, selfDismissId: v }) {
+	let [y, b] = u.useState(!1), [x, S] = u.useState(!1), C = y || x, T = D[c], E = T.icon, k = u.useRef(g), A = u.useRef(0);
+	u.useEffect(() => {
+		if (v == null || g === Infinity) return;
+		if (C) {
+			let e = Date.now() - A.current;
+			k.current = Math.max(0, k.current - e);
+			return;
+		}
+		A.current = Date.now();
+		let e = setTimeout(() => {
+			s.dismiss(v);
+		}, k.current);
+		return () => clearTimeout(e);
+	}, [
+		v,
+		g,
+		C
+	]);
+	let j = c === "error";
+	return /* @__PURE__ */ f(e.div, {
+		layout: "position",
+		role: j ? "alert" : "status",
+		"aria-live": j ? "assertive" : "polite",
+		"aria-atomic": "true",
+		className: "group relative flex w-full overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-floating",
+		onMouseEnter: () => b(!0),
+		onMouseLeave: () => b(!1),
+		onFocusCapture: () => S(!0),
+		onBlurCapture: () => S(!1),
+		transition: n.smooth,
+		children: [
+			T.accentClass && /* @__PURE__ */ d("div", { className: i("w-1 shrink-0 rounded-l-ds-md", T.accentClass) }),
+			/* @__PURE__ */ f("div", {
+				className: "flex min-w-0 flex-1 items-start gap-ds-03 p-ds-04",
+				children: [/* @__PURE__ */ d(t, {
+					mode: "wait",
+					children: c === "loading" ? /* @__PURE__ */ d(e.div, {
+						initial: {
+							opacity: 0,
+							scale: .5
+						},
+						animate: {
+							opacity: 1,
+							scale: 1
+						},
+						exit: {
+							opacity: 0,
+							scale: .5
+						},
+						transition: r.fade,
+						className: "mt-0.5 shrink-0",
+						children: /* @__PURE__ */ d(a, {
+							size: "sm",
+							className: "h-4 w-4"
+						})
+					}, "loading") : E ? /* @__PURE__ */ d(e.div, {
+						initial: {
+							opacity: 0,
+							scale: .5
+						},
+						animate: {
+							opacity: 1,
+							scale: 1
+						},
+						exit: {
+							opacity: 0,
+							scale: .5
+						},
+						transition: n.bouncy,
+						className: "mt-0.5 shrink-0",
+						children: /* @__PURE__ */ d(o, {
+							icon: E,
+							size: "sm",
+							className: T.iconClass
+						})
+					}, c) : null
+				}), /* @__PURE__ */ f("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						l && /* @__PURE__ */ d("p", {
+							className: "text-ds-md font-semibold text-surface-fg",
+							children: l
+						}),
+						p && /* @__PURE__ */ d("p", {
+							className: i("text-ds-sm text-surface-fg-muted", l && "mt-0.5"),
+							children: p
+						}),
+						(m || h) && /* @__PURE__ */ f("div", {
+							className: "mt-ds-03 flex items-center gap-ds-03",
+							children: [m && /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: m.onClick,
+								className: "text-ds-sm font-medium text-accent-11 underline-offset-2 hover:underline hover:bg-surface-raised-hover rounded-ds-sm 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-ds-sm",
+								children: m.label
+							}), h && /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: h.onClick,
+								className: "text-ds-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-ds-sm",
+								children: h.label
+							})]
+						})
+					]
+				})]
+			}),
+			_ && c !== "loading" && /* @__PURE__ */ d(O, {
+				duration: g,
+				type: c,
+				paused: C
+			})
+		]
+	});
 }
-const q = /* @__PURE__ */ new Set([
-  "jpg",
-  "jpeg",
-  "png",
-  "gif",
-  "webp",
-  "svg",
-  "bmp",
-  "ico",
-  "avif"
+var A = new Set([
+	"jpg",
+	"jpeg",
+	"png",
+	"gif",
+	"webp",
+	"svg",
+	"bmp",
+	"ico",
+	"avif"
 ]);
-function J(e) {
-  if (e.previewUrl) return !0;
-  const s = e.name.split(".").pop()?.toLowerCase() ?? "";
-  return q.has(s);
+function j(e) {
+	if (e.previewUrl) return !0;
+	let t = e.name.split(".").pop()?.toLowerCase() ?? "";
+	return A.has(t);
 }
-function Q(e) {
-  switch (e) {
-    case "complete":
-      return "success";
-    case "error":
-      return "error";
-    default:
-      return "default";
-  }
+function M(e) {
+	switch (e) {
+		case "complete": return "success";
+		case "error": return "error";
+		default: return "default";
+	}
 }
-function Z(e) {
-  switch (e.status) {
-    case "pending":
-      return 0;
-    case "uploading":
-      return e.progress ?? 0;
-    case "processing":
-      return;
-    case "complete":
-      return 100;
-    case "error":
-      return e.progress ?? 0;
-  }
+function N(e) {
+	switch (e.status) {
+		case "pending": return 0;
+		case "uploading": return e.progress ?? 0;
+		case "processing": return;
+		case "complete": return 100;
+		case "error": return e.progress ?? 0;
+	}
 }
-function ee(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 P(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 te({
-  file: e,
-  onRetry: s,
-  onRemove: a
-}) {
-  const r = e.status === "complete" || e.status === "error", n = e.status === "uploading" || e.status === "processing";
-  return /* @__PURE__ */ l(
-    o.div,
-    {
-      layout: !0,
-      className: "flex items-center gap-ds-02 py-1",
-      initial: !1,
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, x: -20, height: 0 },
-      transition: v.snappy,
-      children: [
-        /* @__PURE__ */ t("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ t(R, { mode: "wait", children: e.status === "complete" ? /* @__PURE__ */ t(
-          o.div,
-          {
-            initial: { opacity: 0, scale: 0.5 },
-            animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0.5 },
-            transition: v.bouncy,
-            children: /* @__PURE__ */ t(g, { icon: U, size: "xs", className: "text-success-11" })
-          },
-          "complete"
-        ) : e.status === "error" ? /* @__PURE__ */ t(
-          o.div,
-          {
-            initial: { opacity: 0, scale: 0.5 },
-            animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0.5 },
-            transition: b.fade,
-            children: /* @__PURE__ */ t(g, { icon: E, size: "xs", className: "text-error-11" })
-          },
-          "error"
-        ) : e.status === "processing" ? /* @__PURE__ */ t(
-          o.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: b.fade,
-            children: /* @__PURE__ */ t(A, { size: "sm", className: "h-3.5 w-3.5" })
-          },
-          "processing"
-        ) : J(e) ? /* @__PURE__ */ t(
-          o.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: b.fade,
-            children: /* @__PURE__ */ t(g, { icon: G, size: "xs", className: "text-surface-fg-muted" })
-          },
-          "image"
-        ) : /* @__PURE__ */ t(
-          o.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: b.fade,
-            children: /* @__PURE__ */ t(g, { icon: X, size: "xs", className: "text-surface-fg-muted" })
-          },
-          "file"
-        ) }) }),
-        /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-ds-xs text-surface-fg", children: e.name }),
-        n ? /* @__PURE__ */ l("div", { className: "flex w-16 items-center gap-1", children: [
-          /* @__PURE__ */ t(
-            V,
-            {
-              size: "sm",
-              color: Q(e.status),
-              value: Z(e),
-              className: "flex-1"
-            }
-          ),
-          e.progress !== void 0 && /* @__PURE__ */ l("span", { className: "shrink-0 text-ds-xs tabular-nums text-surface-fg-muted", children: [
-            e.progress,
-            "%"
-          ] })
-        ] }) : e.status === "complete" ? /* @__PURE__ */ t("span", { className: "text-ds-xs text-success-11", children: "Done" }) : e.status === "error" ? /* @__PURE__ */ t("span", { className: "max-w-[60px] truncate text-ds-xs text-error-11", children: e.error || "Failed" }) : /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-muted", children: ee(e.size) }),
-        e.status === "error" && s && /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => s(e.id),
-            className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
-            "aria-label": `Retry ${e.name}`,
-            title: "Retry",
-            children: /* @__PURE__ */ t(H, { className: "h-3.5 w-3.5" })
-          }
-        ),
-        !r && a && /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => a(e.id),
-            className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
-            "aria-label": `Cancel ${e.name}`,
-            title: "Remove",
-            children: /* @__PURE__ */ t(Y, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ]
-    }
-  );
+function F({ file: i, onRetry: s, onRemove: l }) {
+	let u = i.status === "complete" || i.status === "error", m = i.status === "uploading" || i.status === "processing";
+	return /* @__PURE__ */ f(e.div, {
+		layout: !0,
+		className: "flex items-center gap-ds-02 py-1",
+		initial: !1,
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			x: -20,
+			height: 0
+		},
+		transition: n.snappy,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex h-5 w-5 shrink-0 items-center justify-center",
+				children: /* @__PURE__ */ d(t, {
+					mode: "wait",
+					children: i.status === "complete" ? /* @__PURE__ */ d(e.div, {
+						initial: {
+							opacity: 0,
+							scale: .5
+						},
+						animate: {
+							opacity: 1,
+							scale: 1
+						},
+						exit: {
+							opacity: 0,
+							scale: .5
+						},
+						transition: n.bouncy,
+						children: /* @__PURE__ */ d(o, {
+							icon: h,
+							size: "xs",
+							className: "text-success-11"
+						})
+					}, "complete") : i.status === "error" ? /* @__PURE__ */ d(e.div, {
+						initial: {
+							opacity: 0,
+							scale: .5
+						},
+						animate: {
+							opacity: 1,
+							scale: 1
+						},
+						exit: {
+							opacity: 0,
+							scale: .5
+						},
+						transition: r.fade,
+						children: /* @__PURE__ */ d(o, {
+							icon: p,
+							size: "xs",
+							className: "text-error-11"
+						})
+					}, "error") : i.status === "processing" ? /* @__PURE__ */ d(e.div, {
+						initial: { opacity: 0 },
+						animate: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: r.fade,
+						children: /* @__PURE__ */ d(a, {
+							size: "sm",
+							className: "h-3.5 w-3.5"
+						})
+					}, "processing") : j(i) ? /* @__PURE__ */ d(e.div, {
+						initial: { opacity: 0 },
+						animate: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: r.fade,
+						children: /* @__PURE__ */ d(o, {
+							icon: b,
+							size: "xs",
+							className: "text-surface-fg-muted"
+						})
+					}, "image") : /* @__PURE__ */ d(e.div, {
+						initial: { opacity: 0 },
+						animate: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: r.fade,
+						children: /* @__PURE__ */ d(o, {
+							icon: v,
+							size: "xs",
+							className: "text-surface-fg-muted"
+						})
+					}, "file")
+				})
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "min-w-0 flex-1 truncate text-ds-xs text-surface-fg",
+				children: i.name
+			}),
+			m ? /* @__PURE__ */ f("div", {
+				className: "flex w-16 items-center gap-1",
+				children: [/* @__PURE__ */ d(c, {
+					size: "sm",
+					color: M(i.status),
+					value: N(i),
+					className: "flex-1"
+				}), i.progress !== void 0 && /* @__PURE__ */ f("span", {
+					className: "shrink-0 text-ds-xs tabular-nums text-surface-fg-muted",
+					children: [i.progress, "%"]
+				})]
+			}) : i.status === "complete" ? /* @__PURE__ */ d("span", {
+				className: "text-ds-xs text-success-11",
+				children: "Done"
+			}) : i.status === "error" ? /* @__PURE__ */ d("span", {
+				className: "max-w-[60px] truncate text-ds-xs text-error-11",
+				children: i.error || "Failed"
+			}) : /* @__PURE__ */ d("span", {
+				className: "text-ds-xs text-surface-fg-muted",
+				children: P(i.size)
+			}),
+			i.status === "error" && s && /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => s(i.id),
+				className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
+				"aria-label": `Retry ${i.name}`,
+				title: "Retry",
+				children: /* @__PURE__ */ d(x, { className: "h-3.5 w-3.5" })
+			}),
+			!u && l && /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => l(i.id),
+				className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
+				"aria-label": `Cancel ${i.name}`,
+				title: "Remove",
+				children: /* @__PURE__ */ d(C, { className: "h-3.5 w-3.5" })
+			})
+		]
+	});
 }
-function se({
-  files: e,
-  onRetry: s,
-  onRemove: a,
-  selfDismissId: r
-}) {
-  const [n, c] = f.useState(!1), [$, N] = f.useState(!1), I = n || $, w = e.filter((i) => i.status === "complete").length, m = e.filter((i) => i.status === "error").length, u = e.every(
-    (i) => i.status === "complete" || i.status === "error"
-  ), h = f.useRef(z), x = f.useRef(0);
-  f.useEffect(() => {
-    if (r == null || !u) return;
-    if (I) {
-      const S = Date.now() - x.current;
-      h.current = Math.max(0, h.current - S);
-      return;
-    }
-    x.current = Date.now();
-    const i = setTimeout(() => {
-      p.dismiss(r);
-    }, h.current);
-    return () => clearTimeout(i);
-  }, [r, u, I]);
-  const T = u ? m > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", C = u ? m > 0 ? "error" : "success" : "loading";
-  return /* @__PURE__ */ l(
-    o.div,
-    {
-      layout: !0,
-      role: "status",
-      "aria-live": "polite",
-      "aria-label": "File uploads",
-      className: "group relative flex w-full overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-floating",
-      onMouseEnter: () => c(!0),
-      onMouseLeave: () => c(!1),
-      onFocusCapture: () => N(!0),
-      onBlurCapture: () => N(!1),
-      transition: v.smooth,
-      children: [
-        /* @__PURE__ */ t("div", { className: k("w-1 shrink-0 rounded-l-ds-md", T) }),
-        /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 p-ds-04", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02", children: [
-            /* @__PURE__ */ t(R, { mode: "wait", children: u ? m > 0 ? /* @__PURE__ */ t(
-              o.div,
-              {
-                initial: { opacity: 0, scale: 0.5 },
-                animate: { opacity: 1, scale: 1 },
-                exit: { opacity: 0, scale: 0.5 },
-                transition: v.bouncy,
-                children: /* @__PURE__ */ t(g, { icon: E, size: "sm", className: "shrink-0 text-error-11" })
-              },
-              "error-icon"
-            ) : /* @__PURE__ */ t(
-              o.div,
-              {
-                initial: { opacity: 0, scale: 0.5 },
-                animate: { opacity: 1, scale: 1 },
-                exit: { opacity: 0, scale: 0.5 },
-                transition: v.bouncy,
-                children: /* @__PURE__ */ t(g, { icon: U, size: "sm", className: "shrink-0 text-success-11" })
-              },
-              "success-icon"
-            ) : /* @__PURE__ */ t(
-              o.div,
-              {
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                exit: { opacity: 0 },
-                transition: b.fade,
-                children: /* @__PURE__ */ t(g, { icon: K, size: "sm", className: "shrink-0 text-surface-fg-muted" })
-              },
-              "upload-icon"
-            ) }),
-            /* @__PURE__ */ t("p", { className: "text-ds-md font-semibold text-surface-fg", children: u ? m > 0 ? `${w} of ${e.length} uploaded` : `${e.length} file${e.length > 1 ? "s" : ""} uploaded` : `Uploading ${e.length} file${e.length > 1 ? "s" : ""}` })
-          ] }),
-          !u && /* @__PURE__ */ l("p", { className: "mt-0.5 text-ds-xs text-surface-fg-muted", children: [
-            w,
-            " of ",
-            e.length,
-            " complete",
-            m > 0 && ` · ${m} failed`
-          ] }),
-          /* @__PURE__ */ t("div", { className: "mt-ds-02 max-h-[140px] overflow-y-auto", children: /* @__PURE__ */ t(R, { children: e.map((i) => /* @__PURE__ */ t(
-            te,
-            {
-              file: i,
-              onRetry: s,
-              onRemove: a
-            },
-            i.id
-          )) }) }),
-          /* @__PURE__ */ l("div", { className: "sr-only", "aria-live": "polite", children: [
-            w,
-            " of ",
-            e.length,
-            " files uploaded",
-            m > 0 && `, ${m} failed`
-          ] })
-        ] }),
-        u && /* @__PURE__ */ t(
-          M,
-          {
-            duration: z,
-            type: C,
-            paused: !1
-          }
-        )
-      ]
-    }
-  );
+function I({ files: a, onRetry: c, onRemove: l, selfDismissId: m }) {
+	let [g, _] = u.useState(!1), [v, y] = u.useState(!1), b = g || v, x = a.filter((e) => e.status === "complete").length, C = a.filter((e) => e.status === "error").length, w = a.every((e) => e.status === "complete" || e.status === "error"), T = u.useRef(E), D = u.useRef(0);
+	u.useEffect(() => {
+		if (m == null || !w) return;
+		if (b) {
+			let e = Date.now() - D.current;
+			T.current = Math.max(0, T.current - e);
+			return;
+		}
+		D.current = Date.now();
+		let e = setTimeout(() => {
+			s.dismiss(m);
+		}, T.current);
+		return () => clearTimeout(e);
+	}, [
+		m,
+		w,
+		b
+	]);
+	let k = w ? C > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", A = w ? C > 0 ? "error" : "success" : "loading", j = w && C > 0;
+	return /* @__PURE__ */ f(e.div, {
+		layout: !0,
+		role: j ? "alert" : "status",
+		"aria-live": j ? "assertive" : "polite",
+		"aria-label": "File uploads",
+		className: "group relative flex w-full overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-floating",
+		onMouseEnter: () => _(!0),
+		onMouseLeave: () => _(!1),
+		onFocusCapture: () => y(!0),
+		onBlurCapture: () => y(!1),
+		transition: n.smooth,
+		children: [
+			/* @__PURE__ */ d("div", { className: i("w-1 shrink-0 rounded-l-ds-md", k) }),
+			/* @__PURE__ */ f("div", {
+				className: "min-w-0 flex-1 p-ds-04",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-ds-02",
+						children: [/* @__PURE__ */ d(t, {
+							mode: "wait",
+							children: w ? C > 0 ? /* @__PURE__ */ d(e.div, {
+								initial: {
+									opacity: 0,
+									scale: .5
+								},
+								animate: {
+									opacity: 1,
+									scale: 1
+								},
+								exit: {
+									opacity: 0,
+									scale: .5
+								},
+								transition: n.bouncy,
+								children: /* @__PURE__ */ d(o, {
+									icon: p,
+									size: "sm",
+									className: "shrink-0 text-error-11"
+								})
+							}, "error-icon") : /* @__PURE__ */ d(e.div, {
+								initial: {
+									opacity: 0,
+									scale: .5
+								},
+								animate: {
+									opacity: 1,
+									scale: 1
+								},
+								exit: {
+									opacity: 0,
+									scale: .5
+								},
+								transition: n.bouncy,
+								children: /* @__PURE__ */ d(o, {
+									icon: h,
+									size: "sm",
+									className: "shrink-0 text-success-11"
+								})
+							}, "success-icon") : /* @__PURE__ */ d(e.div, {
+								initial: { opacity: 0 },
+								animate: { opacity: 1 },
+								exit: { opacity: 0 },
+								transition: r.fade,
+								children: /* @__PURE__ */ d(o, {
+									icon: S,
+									size: "sm",
+									className: "shrink-0 text-surface-fg-muted"
+								})
+							}, "upload-icon")
+						}), /* @__PURE__ */ d("p", {
+							className: "text-ds-md font-semibold text-surface-fg",
+							children: w ? C > 0 ? `${x} of ${a.length} uploaded` : `${a.length} file${a.length > 1 ? "s" : ""} uploaded` : `Uploading ${a.length} file${a.length > 1 ? "s" : ""}`
+						})]
+					}),
+					!w && /* @__PURE__ */ f("p", {
+						className: "mt-0.5 text-ds-xs text-surface-fg-muted",
+						children: [
+							x,
+							" of ",
+							a.length,
+							" complete",
+							C > 0 && ` · ${C} failed`
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "mt-ds-02 max-h-[140px] overflow-y-auto",
+						children: /* @__PURE__ */ d(t, { children: a.map((e) => /* @__PURE__ */ d(F, {
+							file: e,
+							onRetry: c,
+							onRemove: l
+						}, e.id)) })
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "sr-only",
+						"aria-live": "polite",
+						children: [
+							x,
+							" of ",
+							a.length,
+							" files uploaded",
+							C > 0 && `, ${C} failed`
+						]
+					})
+				]
+			}),
+			w && /* @__PURE__ */ d(O, {
+				duration: E,
+				type: A,
+				paused: !1
+			})
+		]
+	});
 }
-function ae(e, s) {
-  return {
-    id: e?.id,
-    duration: e?.duration ?? s ?? F,
-    unstyled: !0,
-    classNames: { toast: "w-full" }
-  };
+function L(e, t) {
+	return {
+		id: e?.id,
+		duration: e?.duration ?? t ?? w,
+		unstyled: !0,
+		classNames: { toast: "w-full" }
+	};
 }
-function y(e, s, a) {
-  const r = a?.duration ?? F;
-  return p.custom(
-    () => /* @__PURE__ */ t(
-      B,
-      {
-        type: e,
-        title: s,
-        description: a?.description,
-        action: a?.action,
-        cancel: a?.cancel,
-        duration: r
-      }
-    ),
-    ae(a, r)
-  );
+function R(e, t, n) {
+	l();
+	let r = n?.duration ?? w;
+	return s.custom(() => /* @__PURE__ */ d(k, {
+		type: e,
+		title: t,
+		description: n?.description,
+		action: n?.action,
+		cancel: n?.cancel,
+		duration: r
+	}), L(n, r));
 }
-function d(e, s) {
-  return y("message", e, s);
+function z(e, t) {
+	return R("message", e, t);
 }
-d.message = (e, s) => y("message", e, s);
-d.success = (e, s) => y("success", e, s);
-d.error = (e, s) => y("error", e, s);
-d.warning = (e, s) => y("warning", e, s);
-d.info = (e, s) => y("info", e, s);
-d.loading = (e, s) => y("loading", e, {
-  ...s,
-  duration: s?.duration ?? 1 / 0
-});
-d.promise = (e, s) => {
-  const a = p.custom(
-    () => /* @__PURE__ */ t(B, { type: "loading", title: s.loading, showTimerBar: !1 }),
-    { duration: 1 / 0, unstyled: !0, classNames: { toast: "w-full" } }
-  ), r = (n, c) => {
-    p.custom(
-      () => /* @__PURE__ */ t(
-        B,
-        {
-          type: n,
-          title: c,
-          duration: F,
-          selfDismissId: a
-        }
-      ),
-      { id: a, duration: 1 / 0, unstyled: !0, classNames: { toast: "w-full" } }
-    );
-  };
-  return e.then((n) => {
-    const c = typeof s.success == "function" ? s.success(n) : s.success;
-    r("success", c);
-  }).catch((n) => {
-    const c = typeof s.error == "function" ? s.error(n) : s.error;
-    r("error", c);
-  }), a;
-};
-d.undo = (e, s) => {
-  const a = s.duration ?? W;
-  return p.custom(
-    () => /* @__PURE__ */ t(
-      B,
-      {
-        type: "message",
-        title: e,
-        description: s.description,
-        action: { label: "Undo", onClick: s.onUndo },
-        duration: a
-      }
-    ),
-    { duration: a, unstyled: !0, classNames: { toast: "w-full" } }
-  );
-};
-d.upload = (e) => {
-  const s = e.id ?? String(Date.now());
-  return p.custom(
-    () => /* @__PURE__ */ t(
-      se,
-      {
-        files: e.files,
-        onRetry: e.onRetry,
-        onRemove: e.onRemove,
-        selfDismissId: s
-      }
-    ),
-    {
-      id: s,
-      duration: 1 / 0,
-      unstyled: !0,
-      classNames: { toast: "w-full" }
-    }
-  ), s;
-};
-d.custom = (e, s) => p.custom(e, {
-  ...s,
-  unstyled: !0,
-  classNames: { toast: "w-full", ...s?.classNames }
-});
-d.dismiss = (e) => {
-  e !== void 0 ? p.dismiss(e) : p.dismiss();
-};
-export {
-  M as TimerBar,
-  B as ToastContent,
-  te as UploadFileRow,
-  se as UploadToastContent,
-  ee as formatFileSize,
-  d as toast
+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, {
+	...t,
+	duration: t?.duration ?? Infinity
+}), z.promise = (e, t) => {
+	let n = s.custom(() => /* @__PURE__ */ d(k, {
+		type: "loading",
+		title: t.loading,
+		showTimerBar: !1
+	}), {
+		duration: Infinity,
+		unstyled: !0,
+		classNames: { toast: "w-full" }
+	}), r = (e, t) => {
+		s.custom(() => /* @__PURE__ */ d(k, {
+			type: e,
+			title: t,
+			duration: w,
+			selfDismissId: n
+		}), {
+			id: n,
+			duration: Infinity,
+			unstyled: !0,
+			classNames: { toast: "w-full" }
+		});
+	};
+	return e.then((e) => {
+		r("success", typeof t.success == "function" ? t.success(e) : t.success);
+	}).catch((e) => {
+		r("error", typeof t.error == "function" ? t.error(e) : t.error);
+	}), n;
+}, z.undo = (e, t) => {
+	let n = t.duration ?? T;
+	return s.custom(() => /* @__PURE__ */ d(k, {
+		type: "message",
+		title: e,
+		description: t.description,
+		action: {
+			label: "Undo",
+			onClick: t.onUndo
+		},
+		duration: n
+	}), {
+		duration: n,
+		unstyled: !0,
+		classNames: { toast: "w-full" }
+	});
+}, z.upload = (e) => {
+	let t = e.id ?? String(Date.now());
+	return s.custom(() => /* @__PURE__ */ d(I, {
+		files: e.files,
+		onRetry: e.onRetry,
+		onRemove: e.onRemove,
+		selfDismissId: t
+	}), {
+		id: t,
+		duration: Infinity,
+		unstyled: !0,
+		classNames: { toast: "w-full" }
+	}), t;
+}, z.custom = (e, t) => s.custom(e, {
+	...t,
+	unstyled: !0,
+	classNames: {
+		toast: "w-full",
+		...t?.classNames
+	}
+}), z.dismiss = (e) => {
+	e === void 0 ? s.dismiss() : s.dismiss(e);
 };
+//#endregion
+export { O as TimerBar, k as ToastContent, F as UploadFileRow, I as UploadToastContent, P as formatFileSize, z as toast };