@mechane-ai/elements 0.12.0 → 0.13.0

package/dist/{src-CI6KtN2w.js → src-B0UTwpOz.js}

@@ -1,41 +1,41 @@
-import { O as e, i as t, s as n } from "./src-3gzujMhN.js";
-import { controls as r, layers as i, spacing as a } from "./tokens.js";
-import { t as o } from "./accessibility-C-aIZ1Yx.js";
-import { mergeProps as s } from "@base-ui/react/merge-props";
-import * as c from "@stylexjs/stylex";
-import l, { createContext as ee, useContext as u, useEffect as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Box as h, CircleCheck as g, CircleX as _, Info as v, LoaderCircle as y, TriangleAlert as b, X as te } from "lucide-react";
-import { Meter as x } from "@base-ui/react/meter";
-import { Progress as S } from "@base-ui/react/progress";
-import C from "react-dom";
+import { O as e, i as t, s as n } from "./src-BNlyCwOr.js";
+import { controls as r, layers as i, loading as a, spacing as o } from "./tokens.js";
+import { t as s } from "./accessibility-C-aIZ1Yx.js";
+import { mergeProps as c } from "@base-ui/react/merge-props";
+import * as l from "@stylexjs/stylex";
+import u, { createContext as d, useContext as f, useEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as ee, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Box as v, CircleCheck as y, CircleX as b, Info as te, LoaderCircle as x, TriangleAlert as S, X as C } from "lucide-react";
+import { Meter as w } from "@base-ui/react/meter";
+import { Progress as T } from "@base-ui/react/progress";
+import E from "react-dom";
 // packages/feedback/src/feedback.tsx
-function w({ title: e, children: r, action: i, ...a }) {
-	return /* @__PURE__ */ m("div", {
-		...s({ className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k x2b8uid xeuugli x193iq5w x9f619 x9w77qv xnx3t7k x1n8ia3y x1hz01jw xj57cvi xvmahel xj0a0fe" }, a),
+function ne({ title: e, children: r, action: i, ...a }) {
+	return /* @__PURE__ */ _("div", {
+		...c({ className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k x2b8uid xeuugli x193iq5w x9f619 x9w77qv xnx3t7k x1n8ia3y x1hz01jw xj57cvi xvmahel xj0a0fe" }, a),
 		children: [
-			/* @__PURE__ */ p(h, {
+			/* @__PURE__ */ g(v, {
 				size: 22,
 				"aria-hidden": !0,
 				className: "x153jb6y x2lah0s"
 			}),
-			/* @__PURE__ */ p(n, { children: e }),
-			r != null && /* @__PURE__ */ p(t, { children: r }),
-			i != null && /* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g(n, { children: e }),
+			r != null && /* @__PURE__ */ g(t, { children: r }),
+			i != null && /* @__PURE__ */ g("div", {
 				className: "x78zum5 xl56j7k x1a02dak x1hnptsi xeuugli x193iq5w",
 				children: i
 			})
 		]
 	});
 }
-function T({ error: e = !1, ...t }) {
-	return /* @__PURE__ */ p("div", { ...s({ role: e ? "alert" : "status" }, {
+function re({ error: e = !1, ...t }) {
+	return /* @__PURE__ */ g("div", { ...c({ role: e ? "alert" : "status" }, {
 		0: { className: "xeuugli x193iq5w x9f619 x1qokhjc x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj57cvi x1dqe72f x1f9ixgr xj0a0fe" },
 		1: { className: "xeuugli x193iq5w x9f619 x1qokhjc x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj57cvi xj0a0fe xr5kp14 xcqwzn" }
 	}[!!e | 0], t) });
 }
 // packages/feedback/src/skeleton.tsx
-var E = {
+var D = {
 	skeleton: {
 		k1xSpc: "x1lliihq",
 		ks0D6T: "x193iq5w",
@@ -73,50 +73,50 @@ var E = {
 		k7Eaqz: "xeuugli",
 		$$css: !0
 	}
-}, ne = {
-	rectangle: E.rectangle,
-	circle: E.circle
+}, O = {
+	rectangle: D.rectangle,
+	circle: D.circle
 };
-function D({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
-	return /* @__PURE__ */ p("span", {
+function k({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
+	return /* @__PURE__ */ g("span", {
 		"aria-hidden": !0,
-		...c.props(E.skeleton, E.dimensions(e, t), ne[n])
+		...l.props(D.skeleton, D.dimensions(e, t), O[n])
 	});
 }
-function O({ lines: e = 1, width: t = "100%" }) {
-	return /* @__PURE__ */ p("span", {
+function A({ lines: e = 1, width: t = "100%" }) {
+	return /* @__PURE__ */ g("span", {
 		"aria-hidden": !0,
-		...c.props(E.text, E.width(t)),
-		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ p("span", {
+		...l.props(D.text, D.width(t)),
+		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ g("span", {
 			className: "x78zum5 x6s0dn4 xg2ss61",
-			children: /* @__PURE__ */ p(D, {
+			children: /* @__PURE__ */ g(k, {
 				width: e > 1 && n === e - 1 ? "65%" : "100%",
 				height: "0.6em"
 			})
 		}, `placeholder-${n}`))
 	});
 }
-function k({ label: e, showLabel: t = !1 }) {
-	return /* @__PURE__ */ m("span", {
+function j({ label: e, showLabel: t = !1 }) {
+	return /* @__PURE__ */ _("span", {
 		role: "status",
 		className: "x3nfvp2 x1n2onr6 x6s0dn4 xeuugli x193iq5w x1hnptsi x153jb6y x1hz01jw xtqrqnz x1778rvt xj57cvi xj0a0fe",
-		children: [/* @__PURE__ */ p(y, {
+		children: [/* @__PURE__ */ g(x, {
 			"aria-hidden": !0,
 			className: "xtwnzbg x18utl2x x2lah0s"
-		}), /* @__PURE__ */ p("span", {
-			...c.props(E.label, !t && o.hidden),
+		}), /* @__PURE__ */ g("span", {
+			...l.props(D.label, !t && s.hidden),
 			children: e
 		})]
 	});
 }
 // packages/feedback/src/control-placeholders.tsx
-var A = {
+var M = {
 	ks0D6T: "x193iq5w",
 	$$css: !0
-}, re = {
+}, N = {
 	kZKoxP: "x16ye13r",
 	$$css: !0
-}, j = {
+}, P = {
 	button: {
 		kWkggS: "x1r7kqkb",
 		kXLuUW: "xxymvpz",
@@ -128,220 +128,173 @@ var A = {
 		$$css: !0
 	},
 	width: (e) => [
-		A,
+		M,
 		{
 			kzqmXN: e == null ? e : "x5lhr3w",
 			$$css: !0
 		},
 		{ "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
 	],
-	rows: (e) => [re, { "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`calc(${e} * 1lh + 2 * ${r.paddingBlock} + 2px)`) }]
+	rows: (e) => [N, { "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`calc(${e} * 1lh + 2 * ${r.paddingBlock} + 2px)`) }]
 };
-function M({ width: t = "7ch", xstyle: n }) {
-	return /* @__PURE__ */ p("span", {
+function F({ width: t = "7ch", icon: n = !1, xstyle: i }) {
+	return /* @__PURE__ */ g("span", {
 		"aria-hidden": !0,
-		...c.props(e.base, e.button, j.button, n),
-		children: /* @__PURE__ */ p(O, { width: t })
+		inert: !0,
+		...l.props(e.base, e.button, n && e.iconButton, P.button, i),
+		children: n ? /* @__PURE__ */ g(k, {
+			width: r.iconSize,
+			height: r.iconSize
+		}) : /* @__PURE__ */ g(A, { width: t })
 	});
 }
-function N({ label: t, hint: n, multiline: r = !1, rows: i = 4, width: a = "100%", xstyle: o }) {
+function I({ label: t, hint: n, multiline: r = !1, rows: i = 4, width: a = "100%", xstyle: o }) {
 	let s = r ? Math.min(i, 6) : 1;
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ _("div", {
 		"aria-hidden": !0,
-		...c.props(e.fieldRoot, j.width(a), o),
+		...l.props(e.fieldRoot, P.width(a), o),
 		children: [
-			t !== void 0 && /* @__PURE__ */ p("span", {
-				...c.props(e.label),
+			t !== void 0 && /* @__PURE__ */ g("span", {
+				...l.props(e.label),
 				children: t
 			}),
-			/* @__PURE__ */ p("div", {
-				...c.props(e.base, e.field, !r && j.singleLine, r && e.textarea, r && j.rows(i)),
-				children: /* @__PURE__ */ p(O, {
+			/* @__PURE__ */ g("div", {
+				...l.props(e.base, e.field, !r && P.singleLine, r && e.textarea, r && P.rows(i)),
+				children: /* @__PURE__ */ g(A, {
 					width: "60%",
 					lines: s
 				})
 			}),
-			n !== void 0 && /* @__PURE__ */ p("span", {
-				...c.props(e.description),
+			n !== void 0 && /* @__PURE__ */ g("span", {
+				...l.props(e.description),
 				children: n
 			})
 		]
 	});
 }
-// packages/feedback/src/loading.tsx
-function P({ label: e, shape: t = "rows" }) {
-	return /* @__PURE__ */ m("div", {
-		role: "status",
-		className: "xeuugli x1n2onr6",
-		children: [/* @__PURE__ */ p("span", {
-			...c.props(o.hidden),
-			children: e
-		}), t === "rows" ? /* @__PURE__ */ m("div", {
-			"aria-hidden": !0,
-			children: [/* @__PURE__ */ p("div", {
-				className: "xrvj5dj x18zg5m9 x6s0dn4 x9f619 x1hyy85k xso031l x1q0q8m5 x1qndepd",
-				children: /* @__PURE__ */ p("div", {
-					className: "xeuugli x1m92p3w",
-					children: /* @__PURE__ */ p(D, { width: 54 })
-				})
-			}), [
-				0,
-				1,
-				2
-			].map((e) => /* @__PURE__ */ m("div", {
-				className: "xrvj5dj x18zg5m9 x6s0dn4 xb4ss6y x9f619",
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "xeuugli x1m92p3w",
-						children: /* @__PURE__ */ p(D, { width: e === 1 ? 108 : 174 })
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "xeuugli x1m92p3w",
-						children: /* @__PURE__ */ p(D, { width: 54 })
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "xeuugli x1m92p3w",
-						children: /* @__PURE__ */ p(D, { width: 108 })
-					})
-				]
-			}, e))]
-		}) : /* @__PURE__ */ m("div", {
-			"aria-hidden": !0,
-			className: "xrvj5dj xaml1ju x1ydxw8w",
-			children: [
-				/* @__PURE__ */ p(D, {
-					width: 216,
-					height: 24
-				}),
-				/* @__PURE__ */ p(D, { width: 174 }),
-				/* @__PURE__ */ p(D, { width: 108 })
-			]
-		})]
-	});
-}
 // packages/feedback/src/progress.tsx
-function F({ label: e, value: t, max: n, valueLabel: r }) {
-	return /* @__PURE__ */ m(S.Root, {
+function ie({ label: e, value: t, max: n, valueLabel: r }) {
+	return /* @__PURE__ */ _(T.Root, {
 		value: t,
 		max: n,
 		locale: "en-US",
 		getAriaValueText: () => r,
 		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft xj0a0fe",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ p(S.Label, {
+			children: [/* @__PURE__ */ g(T.Label, {
 				className: "xeuugli x193iq5w",
 				children: e
-			}), /* @__PURE__ */ p("span", {
+			}), /* @__PURE__ */ g("span", {
 				className: "xeuugli x193iq5w x153jb6y xss6m8b",
 				children: r
 			})]
-		}), /* @__PURE__ */ p(S.Track, {
+		}), /* @__PURE__ */ g(T.Track, {
 			...{
 				0: { className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr" },
 				1: { className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619" }
 			}[t === null | 0],
-			children: t !== null && /* @__PURE__ */ p(S.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+			children: t !== null && /* @__PURE__ */ g(T.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
 		})]
 	});
 }
-function I({ label: e, value: t, max: n, valueLabel: r }) {
-	return t === null ? /* @__PURE__ */ m("div", {
+function L({ label: e, value: t, max: n, valueLabel: r }) {
+	return t === null ? /* @__PURE__ */ _("div", {
 		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft xj0a0fe",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ g("span", {
 				className: "xeuugli x193iq5w",
 				children: e
-			}), /* @__PURE__ */ p("span", {
+			}), /* @__PURE__ */ g("span", {
 				className: "xeuugli x193iq5w x153jb6y xss6m8b",
 				children: r
 			})]
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ g("div", {
 			"aria-hidden": !0,
 			className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619"
 		})]
-	}) : /* @__PURE__ */ m(x.Root, {
+	}) : /* @__PURE__ */ _(w.Root, {
 		value: t,
 		max: n,
 		locale: "en-US",
 		getAriaValueText: () => r,
 		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft xj0a0fe",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ p(x.Label, {
+			children: [/* @__PURE__ */ g(w.Label, {
 				className: "xeuugli x193iq5w",
 				children: e
-			}), /* @__PURE__ */ p("span", {
+			}), /* @__PURE__ */ g("span", {
 				className: "xeuugli x193iq5w x153jb6y xss6m8b",
 				children: r
 			})]
-		}), /* @__PURE__ */ p(x.Track, {
+		}), /* @__PURE__ */ g(w.Track, {
 			className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr",
-			children: /* @__PURE__ */ p(x.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+			children: /* @__PURE__ */ g(w.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
 		})]
 	});
 }
 // ../../../node_modules/.pnpm/sonner@2.0.8_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/sonner/dist/index.mjs
-var ie = (e) => {
+var ae = (e) => {
 	switch (e) {
-		case "success": return L;
-		case "info": return R;
-		case "warning": return se;
+		case "success": return ce;
+		case "info": return le;
+		case "warning": return R;
 		case "error": return z;
 		default: return null;
 	}
-}, ae = Array(12).fill(0), oe = ({ visible: e, className: t }) => /*#__PURE__*/ l.createElement("div", {
+}, oe = Array(12).fill(0), se = ({ visible: e, className: t }) => /*#__PURE__*/ u.createElement("div", {
 	className: ["sonner-loading-wrapper", t].filter(Boolean).join(" "),
 	"data-visible": e
-}, /*#__PURE__*/ l.createElement("div", { className: "sonner-spinner" }, ae.map((e, t) => /*#__PURE__*/ l.createElement("div", {
+}, /*#__PURE__*/ u.createElement("div", { className: "sonner-spinner" }, oe.map((e, t) => /*#__PURE__*/ u.createElement("div", {
 	className: "sonner-loading-bar",
 	key: `spinner-bar-${t}`
-})))), L = /*#__PURE__*/ l.createElement("svg", {
+})))), ce = /*#__PURE__*/ u.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ l.createElement("path", {
+}, /*#__PURE__*/ u.createElement("path", {
 	fillRule: "evenodd",
 	d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
 	clipRule: "evenodd"
-})), se = /*#__PURE__*/ l.createElement("svg", {
+})), R = /*#__PURE__*/ u.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ l.createElement("path", {
+}, /*#__PURE__*/ u.createElement("path", {
 	fillRule: "evenodd",
 	d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
 	clipRule: "evenodd"
-})), R = /*#__PURE__*/ l.createElement("svg", {
+})), le = /*#__PURE__*/ u.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ l.createElement("path", {
+}, /*#__PURE__*/ u.createElement("path", {
 	fillRule: "evenodd",
 	d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
 	clipRule: "evenodd"
-})), z = /*#__PURE__*/ l.createElement("svg", {
+})), z = /*#__PURE__*/ u.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ l.createElement("path", {
+}, /*#__PURE__*/ u.createElement("path", {
 	fillRule: "evenodd",
 	d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
 	clipRule: "evenodd"
-})), ce = /*#__PURE__*/ l.createElement("svg", {
+})), ue = /*#__PURE__*/ u.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "12",
 	height: "12",
@@ -352,25 +305,25 @@ var ie = (e) => {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ l.createElement("line", {
+}, /*#__PURE__*/ u.createElement("line", {
 	x1: "18",
 	y1: "6",
 	x2: "6",
 	y2: "18"
-}), /*#__PURE__*/ l.createElement("line", {
+}), /*#__PURE__*/ u.createElement("line", {
 	x1: "6",
 	y1: "6",
 	x2: "18",
 	y2: "18"
-})), le = () => {
-	let [e, t] = l.useState(document.hidden);
-	return l.useEffect(() => {
+})), de = () => {
+	let [e, t] = u.useState(document.hidden);
+	return u.useEffect(() => {
 		let e = () => {
 			t(document.hidden);
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
 	}, []), e;
-}, B = 1, V = 100, ue = (e) => typeof e?.id == "number" || e?.id?.length > 0 ? e.id : B++, H = new class {
+}, fe = 1, pe = 100, B = (e) => typeof e?.id == "number" || e?.id?.length > 0 ? e.id : fe++, V = new class {
 	constructor() {
 		this.subscribe = (e) => (this.subscribers.push(e), this.getActiveToasts().forEach((t) => e(t)), () => {
 			let t = this.subscribers.indexOf(e);
@@ -380,10 +333,10 @@ var ie = (e) => {
 		}, this.addToast = (e) => {
 			this.publish(e), this.toasts = [...this.toasts, e], this.trimHistory();
 		}, this.trimHistory = () => {
-			let e = this.toasts.length - V;
+			let e = this.toasts.length - pe;
 			e <= 0 || (this.toasts = this.toasts.filter((t) => e > 0 && this.dismissedToasts.has(t.id) ? (this.dismissedToasts.delete(t.id), e--, !1) : !0));
 		}, this.create = (e) => {
-			let { message: t, ...n } = e, r = ue(e), i = this.pendingDismissals.get(r);
+			let { message: t, ...n } = e, r = B(e), i = this.pendingDismissals.get(r);
 			i !== void 0 && (cancelAnimationFrame(i), this.pendingDismissals.delete(r), this.dismissedToasts.delete(r));
 			let a = this.dismissedToasts.has(r), o = e.dismissible === void 0 || e.dismissible;
 			return a && (this.dismissedToasts.delete(r), this.toasts = this.toasts.filter((e) => e.id !== r)), !a && this.toasts.find((e) => e.id === r) ? this.toasts = this.toasts.map((n) => n.id === r ? (this.publish({
@@ -453,14 +406,14 @@ var ie = (e) => {
 				description: typeof t.description == "function" ? void 0 : t.description
 			}));
 			let r = Promise.resolve(e instanceof Function ? e() : e), i = n !== void 0, a, o = r.then(async (e) => {
-				if (a = ["resolve", e], l.isValidElement(e)) i = !1, this.create({
+				if (a = ["resolve", e], u.isValidElement(e)) i = !1, this.create({
 					id: n,
 					type: "default",
 					message: e
 				});
-				else if (de(e) && !e.ok) {
+				else if (me(e) && !e.ok) {
 					i = !1;
-					let r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${e.status}`) : t.error, a = typeof t.description == "function" ? await t.description(`HTTP error! status: ${e.status}`) : t.description, o = typeof r == "object" && !l.isValidElement(r) ? r : { message: r };
+					let r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${e.status}`) : t.error, a = typeof t.description == "function" ? await t.description(`HTTP error! status: ${e.status}`) : t.description, o = typeof r == "object" && !u.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -469,7 +422,7 @@ var ie = (e) => {
 					});
 				} else if (e instanceof Error) {
 					i = !1;
-					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !l.isValidElement(r) ? r : { message: r };
+					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !u.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -478,7 +431,7 @@ var ie = (e) => {
 					});
 				} else if (t.success !== void 0) {
 					i = !1;
-					let r = typeof t.success == "function" ? await t.success(e) : t.success, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !l.isValidElement(r) ? r : { message: r };
+					let r = typeof t.success == "function" ? await t.success(e) : t.success, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !u.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "success",
@@ -489,7 +442,7 @@ var ie = (e) => {
 			}).catch(async (e) => {
 				if (a = ["reject", e], t.error !== void 0) {
 					i = !1;
-					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !l.isValidElement(r) ? r : { message: r };
+					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !u.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -502,7 +455,7 @@ var ie = (e) => {
 			}), s = () => new Promise((e, t) => o.then(() => a[0] === "reject" ? t(a[1]) : e(a[1])).catch(t));
 			return typeof n != "string" && typeof n != "number" ? { unwrap: s } : Object.assign(n, { unwrap: s });
 		}, this.custom = (e, t) => {
-			let n = ue(t);
+			let n = B(t);
 			return this.create({
 				...t,
 				jsx: e(n),
@@ -511,53 +464,53 @@ var ie = (e) => {
 			}), n;
 		}, this.getActiveToasts = () => this.toasts.filter((e) => !this.dismissedToasts.has(e.id)), this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set(), this.pendingDismissals = /* @__PURE__ */ new Map();
 	}
-}(), U = (e, t) => H.message(e, t), de = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", W = Object.assign(U, {
-	success: H.success,
-	info: H.info,
-	warning: H.warning,
-	error: H.error,
-	custom: H.custom,
-	message: H.message,
-	promise: H.promise,
-	dismiss: H.dismiss,
-	loading: H.loading
+}(), H = (e, t) => V.message(e, t), me = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", he = Object.assign(H, {
+	success: V.success,
+	info: V.info,
+	warning: V.warning,
+	error: V.error,
+	custom: V.custom,
+	message: V.message,
+	promise: V.promise,
+	dismiss: V.dismiss,
+	loading: V.loading
 }, {
-	getHistory: () => H.toasts,
-	getToasts: () => H.getActiveToasts()
+	getHistory: () => V.toasts,
+	getToasts: () => V.getActiveToasts()
 });
-function G(e) {
+function U(e) {
 	return e.label !== void 0;
 }
-var fe = 3, pe = "24px", K = "16px", me = 4e3, he = 356, ge = 14, _e = 45, ve = 200;
+var W = 3, ge = "24px", _e = "16px", ve = 4e3, G = 356, K = 14, ye = 45, be = 200;
 function q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function ye(e) {
+function xe(e) {
 	let [t, n] = e.split("-"), r = [];
 	return t && r.push(t), n && r.push(n), r;
 }
-var J = (e) => {
-	let { invert: t, toast: n, unstyled: r, interacting: i, setHeights: a, visibleToasts: o, heights: s, index: c, toasts: ee, expanded: u, removeToast: d, defaultRichColors: f, closeButton: p, style: m, cancelButtonStyle: h, actionButtonStyle: g, className: _ = "", descriptionClassName: v = "", duration: y, position: b, gap: te, expandByDefault: x, classNames: S, icons: C, closeButtonAriaLabel: w = "Close toast" } = e, [T, E] = l.useState(null), [ne, D] = l.useState(null), [O, k] = l.useState(!1), [A, re] = l.useState(!1), [j, M] = l.useState(!1), [N, P] = l.useState(!1), [F, I] = l.useState(!1), [ae, L] = l.useState(0), [se, R] = l.useState(0), z = l.useRef(n.duration || y || me), B = l.useRef(null), V = l.useRef(null), ue = c === 0, H = c + 1 <= o, U = n.type, de = U ?? "default", W = n.dismissible !== !1, fe = n.className || "", pe = n.descriptionClassName || "", K = l.useMemo(() => s.findIndex((e) => e.toastId === n.id) || 0, [s, n.id]), he = l.useMemo(() => n.closeButton ?? p, [n.closeButton, p]), ge = l.useMemo(() => n.duration || y || me, [n.duration, y]), J = l.useRef(0), Y = l.useRef(0), be = l.useRef(0), X = l.useRef(null), [xe, Se] = b.split("-"), Z = l.useMemo(() => s.reduce((e, t, n) => n >= K ? e : e + t.height, 0), [s, K]), Ce = le(), Q = l.useMemo(() => e.swipeDirections ?? ye(b), [e.swipeDirections, b]), we = n.invert || t, Te = U === "loading";
-	Y.current = l.useMemo(() => K * te + Z, [K, Z]), l.useEffect(() => {
-		z.current = ge;
-	}, [ge]), l.useEffect(() => {
-		k(!0);
-	}, []), l.useEffect(() => {
-		let e = V.current;
+var Se = (e) => {
+	let { invert: t, toast: n, unstyled: r, interacting: i, setHeights: a, visibleToasts: o, heights: s, index: c, toasts: l, expanded: d, removeToast: f, defaultRichColors: p, closeButton: m, style: h, cancelButtonStyle: ee, actionButtonStyle: g, className: _ = "", descriptionClassName: v = "", duration: y, position: b, gap: te, expandByDefault: x, classNames: S, icons: C, closeButtonAriaLabel: w = "Close toast" } = e, [T, E] = u.useState(null), [ne, re] = u.useState(null), [D, O] = u.useState(!1), [k, A] = u.useState(!1), [j, M] = u.useState(!1), [N, P] = u.useState(!1), [F, I] = u.useState(!1), [ie, L] = u.useState(0), [oe, ce] = u.useState(0), R = u.useRef(n.duration || y || ve), le = u.useRef(null), z = u.useRef(null), fe = c === 0, pe = c + 1 <= o, B = n.type, V = B ?? "default", H = n.dismissible !== !1, me = n.className || "", he = n.descriptionClassName || "", W = u.useMemo(() => s.findIndex((e) => e.toastId === n.id) || 0, [s, n.id]), ge = u.useMemo(() => n.closeButton ?? m, [n.closeButton, m]), _e = u.useMemo(() => n.duration || y || ve, [n.duration, y]), G = u.useRef(0), K = u.useRef(0), Se = u.useRef(0), J = u.useRef(null), [Ce, we] = b.split("-"), Te = u.useMemo(() => s.reduce((e, t, n) => n >= W ? e : e + t.height, 0), [s, W]), Y = de(), X = u.useMemo(() => e.swipeDirections ?? xe(b), [e.swipeDirections, b]), Z = n.invert || t, Q = B === "loading";
+	K.current = u.useMemo(() => W * te + Te, [W, Te]), u.useEffect(() => {
+		R.current = _e;
+	}, [_e]), u.useEffect(() => {
+		O(!0);
+	}, []), u.useEffect(() => {
+		let e = z.current;
 		if (e) {
 			let t = e.getBoundingClientRect().height;
-			return R(t), a((e) => [{
+			return ce(t), a((e) => [{
 				toastId: n.id,
 				height: t,
 				position: n.position
 			}, ...e]), () => a((e) => e.filter((e) => e.toastId !== n.id));
 		}
-	}, [a, n.id]), l.useLayoutEffect(() => {
-		if (!O) return;
-		let e = V.current, t = e.style.height;
+	}, [a, n.id]), u.useLayoutEffect(() => {
+		if (!D) return;
+		let e = z.current, t = e.style.height;
 		e.style.height = "auto";
 		let r = e.getBoundingClientRect().height;
-		e.style.height = t, R(r), a((e) => e.find((e) => e.toastId === n.id) ? e.map((e) => e.toastId === n.id ? {
+		e.style.height = t, ce(r), a((e) => e.find((e) => e.toastId === n.id) ? e.map((e) => e.toastId === n.id ? {
 			...e,
 			height: r
 		} : e) : [{
@@ -566,7 +519,7 @@ var J = (e) => {
 			position: n.position
 		}, ...e]);
 	}, [
-		O,
+		D,
 		n.title,
 		n.description,
 		a,
@@ -575,173 +528,173 @@ var J = (e) => {
 		n.action,
 		n.cancel
 	]);
-	let $ = l.useCallback(() => {
-		re(!0), L(Y.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
-			d(n);
-		}, ve);
+	let $ = u.useCallback(() => {
+		A(!0), L(K.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
+			f(n);
+		}, be);
 	}, [
 		n,
-		d,
+		f,
 		a,
-		Y
+		K
 	]);
-	l.useEffect(() => {
-		if (n.promise && U === "loading" || n.duration === Infinity || n.type === "loading") return;
+	u.useEffect(() => {
+		if (n.promise && B === "loading" || n.duration === Infinity || n.type === "loading") return;
 		let e;
-		return u || i || Ce ? (() => {
-			if (be.current < J.current) {
-				let e = (/* @__PURE__ */ new Date()).getTime() - J.current;
-				z.current -= e;
+		return d || i || Y ? (() => {
+			if (Se.current < G.current) {
+				let e = (/* @__PURE__ */ new Date()).getTime() - G.current;
+				R.current -= e;
 			}
-			be.current = (/* @__PURE__ */ new Date()).getTime();
-		})() : z.current !== Infinity && (J.current = (/* @__PURE__ */ new Date()).getTime(), e = setTimeout(() => {
+			Se.current = (/* @__PURE__ */ new Date()).getTime();
+		})() : R.current !== Infinity && (G.current = (/* @__PURE__ */ new Date()).getTime(), e = setTimeout(() => {
 			n.onAutoClose == null || n.onAutoClose.call(n, n), $();
-		}, z.current)), () => clearTimeout(e);
+		}, R.current)), () => clearTimeout(e);
 	}, [
-		u,
+		d,
 		i,
 		n,
-		U,
-		Ce,
+		B,
+		Y,
 		$
-	]), l.useEffect(() => {
+	]), u.useEffect(() => {
 		n.delete && ($(), n.onDismiss == null || n.onDismiss.call(n, n));
 	}, [$, n.delete]);
 	function Ee() {
-		return C?.loading ? /*#__PURE__*/ l.createElement("div", {
+		return C?.loading ? /*#__PURE__*/ u.createElement("div", {
 			className: q(S?.loader, n?.classNames?.loader, "sonner-loader"),
-			"data-visible": U === "loading"
-		}, C.loading) : /*#__PURE__*/ l.createElement(oe, {
+			"data-visible": B === "loading"
+		}, C.loading) : /*#__PURE__*/ u.createElement(se, {
 			className: q(S?.loader, n?.classNames?.loader),
-			visible: U === "loading"
+			visible: B === "loading"
 		});
 	}
-	let De = n.icon || C?.[U] || ie(U);
-	return /*#__PURE__*/ l.createElement("li", {
+	let De = n.icon || C?.[B] || ae(B);
+	return /*#__PURE__*/ u.createElement("li", {
 		tabIndex: 0,
-		ref: V,
-		className: q(_, fe, S?.toast, n?.classNames?.toast, S?.[de], n?.classNames?.[de]),
+		ref: z,
+		className: q(_, me, S?.toast, n?.classNames?.toast, S?.[V], n?.classNames?.[V]),
 		"data-sonner-toast": "",
-		"data-rich-colors": n.richColors ?? f,
+		"data-rich-colors": n.richColors ?? p,
 		"data-styled": !(n.jsx || n.unstyled || r),
-		"data-mounted": O,
+		"data-mounted": D,
 		"data-promise": !!n.promise,
 		"data-swiped": F,
-		"data-removed": A,
-		"data-visible": H,
-		"data-y-position": xe,
-		"data-x-position": Se,
+		"data-removed": k,
+		"data-visible": pe,
+		"data-y-position": Ce,
+		"data-x-position": we,
 		"data-index": c,
-		"data-front": ue,
+		"data-front": fe,
 		"data-swiping": j,
-		"data-dismissible": W,
-		"data-type": U,
-		"data-invert": we,
+		"data-dismissible": H,
+		"data-type": B,
+		"data-invert": Z,
 		"data-swipe-out": N,
 		"data-swipe-direction": ne,
-		"data-expanded": !!(u || x && O),
+		"data-expanded": !!(d || x && D),
 		"data-testid": n.testId,
 		style: {
 			"--index": c,
 			"--toasts-before": c,
-			"--z-index": ee.length - c,
-			"--offset": `${A ? ae : Y.current}px`,
-			"--initial-height": x ? "auto" : `${se}px`,
-			...m,
+			"--z-index": l.length - c,
+			"--offset": `${k ? ie : K.current}px`,
+			"--initial-height": x ? "auto" : `${oe}px`,
+			...h,
 			...n.style
 		},
 		onDragEnd: () => {
-			M(!1), E(null), X.current = null;
+			M(!1), E(null), J.current = null;
 		},
 		onPointerDown: (e) => {
-			e.button !== 2 && !Te && W && (B.current = /* @__PURE__ */ new Date(), L(Y.current), e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (M(!0), X.current = {
+			e.button !== 2 && !Q && H && (le.current = /* @__PURE__ */ new Date(), L(K.current), e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (M(!0), J.current = {
 				x: e.clientX,
 				y: e.clientY
 			}));
 		},
 		onPointerUp: () => {
-			if (N || !W) return;
-			X.current = null;
-			let e = Number(V.current?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(V.current?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), r = (/* @__PURE__ */ new Date()).getTime() - B.current?.getTime(), i = T === "x" ? e : t, a = Math.abs(i) / r;
-			if ((T === "x" ? Q.includes(e > 0 ? "right" : "left") : Q.includes(t > 0 ? "bottom" : "top")) && (Math.abs(i) >= _e || a > .11)) L(Y.current), n.onDismiss == null || n.onDismiss.call(n, n), D(T === "x" ? e > 0 ? "right" : "left" : t > 0 ? "down" : "up"), $(), P(!0);
+			if (N || !H) return;
+			J.current = null;
+			let e = Number(z.current?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(z.current?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), r = (/* @__PURE__ */ new Date()).getTime() - le.current?.getTime(), i = T === "x" ? e : t, a = Math.abs(i) / r;
+			if ((T === "x" ? X.includes(e > 0 ? "right" : "left") : X.includes(t > 0 ? "bottom" : "top")) && (Math.abs(i) >= ye || a > .11)) L(K.current), n.onDismiss == null || n.onDismiss.call(n, n), re(T === "x" ? e > 0 ? "right" : "left" : t > 0 ? "down" : "up"), $(), P(!0);
 			else {
 				var o, s;
-				(o = V.current) == null || o.style.setProperty("--swipe-amount-x", "0px"), (s = V.current) == null || s.style.setProperty("--swipe-amount-y", "0px"), I(!1), M(!1), E(null);
+				(o = z.current) == null || o.style.setProperty("--swipe-amount-x", "0px"), (s = z.current) == null || s.style.setProperty("--swipe-amount-y", "0px"), I(!1), M(!1), E(null);
 			}
 		},
 		onPointerMove: (e) => {
 			var t, n;
-			if (!X.current || !W || window.getSelection()?.toString().length > 0) return;
-			let r = e.clientY - X.current.y, i = e.clientX - X.current.x;
+			if (!J.current || !H || window.getSelection()?.toString().length > 0) return;
+			let r = e.clientY - J.current.y, i = e.clientX - J.current.x;
 			!T && (Math.abs(i) > 1 || Math.abs(r) > 1) && E(Math.abs(i) > Math.abs(r) ? "x" : "y");
 			let a = {
 				x: 0,
 				y: 0
 			}, o = (e) => 1 / (1.5 + Math.abs(e) / 20);
 			if (T === "y") {
-				if (Q.includes("top") || Q.includes("bottom")) {
-					if (Q.includes("top") && r < 0 || Q.includes("bottom") && r > 0) a.y = r;
+				if (X.includes("top") || X.includes("bottom")) {
+					if (X.includes("top") && r < 0 || X.includes("bottom") && r > 0) a.y = r;
 					else {
 						let e = r * o(r);
 						a.y = Math.abs(e) < Math.abs(r) ? e : r;
 					}
 				}
-			} else if (T === "x" && (Q.includes("left") || Q.includes("right"))) {
-				if (Q.includes("left") && i < 0 || Q.includes("right") && i > 0) a.x = i;
+			} else if (T === "x" && (X.includes("left") || X.includes("right"))) {
+				if (X.includes("left") && i < 0 || X.includes("right") && i > 0) a.x = i;
 				else {
 					let e = i * o(i);
 					a.x = Math.abs(e) < Math.abs(i) ? e : i;
 				}
 			}
-			(Math.abs(a.x) > 0 || Math.abs(a.y) > 0) && I(!0), (t = V.current) == null || t.style.setProperty("--swipe-amount-x", `${a.x}px`), (n = V.current) == null || n.style.setProperty("--swipe-amount-y", `${a.y}px`);
+			(Math.abs(a.x) > 0 || Math.abs(a.y) > 0) && I(!0), (t = z.current) == null || t.style.setProperty("--swipe-amount-x", `${a.x}px`), (n = z.current) == null || n.style.setProperty("--swipe-amount-y", `${a.y}px`);
 		}
-	}, he && !n.jsx && U !== "loading" ? /*#__PURE__*/ l.createElement("button", {
+	}, ge && !n.jsx && B !== "loading" ? /*#__PURE__*/ u.createElement("button", {
 		"aria-label": w,
-		"data-disabled": Te,
+		"data-disabled": Q,
 		"data-close-button": !0,
-		onClick: Te || !W ? () => {} : () => {
+		onClick: Q || !H ? () => {} : () => {
 			$(), n.onDismiss == null || n.onDismiss.call(n, n);
 		},
 		className: q(S?.closeButton, n?.classNames?.closeButton)
-	}, C?.close ?? ce) : null, (U || n.icon || n.promise) && n.icon !== null && (C?.[U] !== null || n.icon) ? /*#__PURE__*/ l.createElement("div", {
+	}, C?.close ?? ue) : null, (B || n.icon || n.promise) && n.icon !== null && (C?.[B] !== null || n.icon) ? /*#__PURE__*/ u.createElement("div", {
 		"data-icon": "",
 		className: q(S?.icon, n?.classNames?.icon)
-	}, U === "loading" ? n.icon || Ee() : n.promise ? Ee() : null, U === "loading" ? null : De) : null, /*#__PURE__*/ l.createElement("div", {
+	}, B === "loading" ? n.icon || Ee() : n.promise ? Ee() : null, B === "loading" ? null : De) : null, /*#__PURE__*/ u.createElement("div", {
 		"data-content": "",
 		className: q(S?.content, n?.classNames?.content)
-	}, /*#__PURE__*/ l.createElement("div", {
+	}, /*#__PURE__*/ u.createElement("div", {
 		"data-title": "",
 		className: q(S?.title, n?.classNames?.title)
-	}, n.jsx ? n.jsx : typeof n.title == "function" ? n.title() : n.title), n.description ? /*#__PURE__*/ l.createElement("div", {
+	}, n.jsx ? n.jsx : typeof n.title == "function" ? n.title() : n.title), n.description ? /*#__PURE__*/ u.createElement("div", {
 		"data-description": "",
-		className: q(v, pe, S?.description, n?.classNames?.description)
-	}, typeof n.description == "function" ? n.description() : n.description) : null), /*#__PURE__*/ l.isValidElement(n.cancel) ? n.cancel : n.cancel && G(n.cancel) ? /*#__PURE__*/ l.createElement("button", {
+		className: q(v, he, S?.description, n?.classNames?.description)
+	}, typeof n.description == "function" ? n.description() : n.description) : null), /*#__PURE__*/ u.isValidElement(n.cancel) ? n.cancel : n.cancel && U(n.cancel) ? /*#__PURE__*/ u.createElement("button", {
 		"data-button": !0,
 		"data-cancel": !0,
-		style: n.cancelButtonStyle || h,
+		style: n.cancelButtonStyle || ee,
 		onClick: (e) => {
-			G(n.cancel) && W && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), $());
+			U(n.cancel) && H && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), $());
 		},
 		className: q(S?.cancelButton, n?.classNames?.cancelButton)
-	}, n.cancel.label) : null, /*#__PURE__*/ l.isValidElement(n.action) ? n.action : n.action && G(n.action) ? /*#__PURE__*/ l.createElement("button", {
+	}, n.cancel.label) : null, /*#__PURE__*/ u.isValidElement(n.action) ? n.action : n.action && U(n.action) ? /*#__PURE__*/ u.createElement("button", {
 		"data-button": !0,
 		"data-action": !0,
 		style: n.actionButtonStyle || g,
 		onClick: (e) => {
-			G(n.action) && (n.action.onClick == null || n.action.onClick.call(n.action, e), e.defaultPrevented || $());
+			U(n.action) && (n.action.onClick == null || n.action.onClick.call(n.action, e), e.defaultPrevented || $());
 		},
 		className: q(S?.actionButton, n?.classNames?.actionButton)
 	}, n.action.label) : null);
 };
-function Y() {
+function J() {
 	if (typeof window > "u" || typeof document > "u") return "ltr";
 	let e = document.documentElement.getAttribute("dir");
 	return e === "auto" || !e ? window.getComputedStyle(document.documentElement).direction : e;
 }
-function be(e, t) {
+function Ce(e, t) {
 	let n = {};
 	return [e, t].forEach((e, t) => {
-		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? K : pe;
+		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? _e : ge;
 		function o(e) {
 			[
 				"top",
@@ -762,18 +715,18 @@ function be(e, t) {
 		}) : o(a);
 	}), n;
 }
-var X = /*#__PURE__*/ l.forwardRef(function(e, t) {
-	let { id: n, invert: r, position: i = "bottom-right", hotkey: a = ["altKey", "KeyT"], expand: o, closeButton: s, className: c, offset: ee, mobileOffset: u, theme: d = "light", richColors: f, duration: p, style: m, visibleToasts: h = fe, toastOptions: g, dir: _ = Y(), gap: v = ge, icons: y, customAriaLabel: b, containerAriaLabel: te = "Notifications" } = e, [x, S] = l.useState([]), w = l.useMemo(() => n ? x.filter((e) => e.toasterId === n) : x.filter((e) => !e.toasterId), [x, n]), T = l.useMemo(() => Array.from(new Set([i].concat(w.filter((e) => e.position).map((e) => e.position)))), [w, i]), [E, ne] = l.useState([]), [D, O] = l.useState(!1), [k, A] = l.useState(!1), [re, j] = l.useState(d === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : d), M = l.useRef(null), N = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = l.useRef(null), F = l.useRef(!1), I = l.useCallback((e) => {
-		S((t) => (t.find((t) => t.id === e.id)?.delete || H.dismiss(e.id), t.filter(({ id: t }) => t !== e.id)));
+var we = /*#__PURE__*/ u.forwardRef(function(e, t) {
+	let { id: n, invert: r, position: i = "bottom-right", hotkey: a = ["altKey", "KeyT"], expand: o, closeButton: s, className: c, offset: l, mobileOffset: d, theme: f = "light", richColors: p, duration: m, style: h, visibleToasts: ee = W, toastOptions: g, dir: _ = J(), gap: v = K, icons: y, customAriaLabel: b, containerAriaLabel: te = "Notifications" } = e, [x, S] = u.useState([]), C = u.useMemo(() => n ? x.filter((e) => e.toasterId === n) : x.filter((e) => !e.toasterId), [x, n]), w = u.useMemo(() => Array.from(new Set([i].concat(C.filter((e) => e.position).map((e) => e.position)))), [C, i]), [T, ne] = u.useState([]), [re, D] = u.useState(!1), [O, k] = u.useState(!1), [A, j] = u.useState(f === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f), M = u.useRef(null), N = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = u.useRef(null), F = u.useRef(!1), I = u.useCallback((e) => {
+		S((t) => (t.find((t) => t.id === e.id)?.delete || V.dismiss(e.id), t.filter(({ id: t }) => t !== e.id)));
 	}, []);
-	return l.useEffect(() => H.subscribe((e) => {
+	return u.useEffect(() => V.subscribe((e) => {
 		e.dismiss ? requestAnimationFrame(() => {
 			S((t) => t.map((t) => t.id === e.id ? {
 				...t,
 				delete: !0
 			} : t));
 		}) : setTimeout(() => {
-			C.flushSync(() => {
+			E.flushSync(() => {
 				S((t) => {
 					let n = t.findIndex((t) => t.id === e.id);
 					return n === -1 ? [e, ...t] : [
@@ -787,12 +740,12 @@ var X = /*#__PURE__*/ l.forwardRef(function(e, t) {
 				});
 			});
 		});
-	}), []), l.useEffect(() => {
-		if (d !== "system") {
-			j(d);
+	}), []), u.useEffect(() => {
+		if (f !== "system") {
+			j(f);
 			return;
 		}
-		if (d === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? j("dark") : j("light")), typeof window > "u") return;
+		if (f === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? j("dark") : j("light")), typeof window > "u") return;
 		let e = window.matchMedia("(prefers-color-scheme: dark)");
 		try {
 			e.addEventListener("change", ({ matches: e }) => {
@@ -807,22 +760,22 @@ var X = /*#__PURE__*/ l.forwardRef(function(e, t) {
 				}
 			});
 		}
-	}, [d]), l.useEffect(() => {
-		x.length <= 1 && O(!1);
-	}, [x]), l.useEffect(() => {
+	}, [f]), u.useEffect(() => {
+		x.length <= 1 && D(!1);
+	}, [x]), u.useEffect(() => {
 		let e = (e) => {
 			if (a.length > 0 && a.every((t) => e[t] || e.code === t)) {
 				var t;
-				O(!0), (t = M.current) == null || t.focus();
+				D(!0), (t = M.current) == null || t.focus();
 			}
-			e.code === "Escape" && (document.activeElement === M.current || M.current?.contains(document.activeElement)) && O(!1);
+			e.code === "Escape" && (document.activeElement === M.current || M.current?.contains(document.activeElement)) && D(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [a]), l.useEffect(() => {
+	}, [a]), u.useEffect(() => {
 		if (M.current) return () => {
 			P.current && (P.current.focus({ preventScroll: !0 }), P.current = null, F.current = !1);
 		};
-	}, [M.current]), /*#__PURE__*/ l.createElement("section", {
+	}, [M.current]), /*#__PURE__*/ u.createElement("section", {
 		ref: t,
 		"aria-label": b ?? `${te} ${N}`,
 		tabIndex: -1,
@@ -831,24 +784,24 @@ var X = /*#__PURE__*/ l.forwardRef(function(e, t) {
 		"aria-atomic": "false",
 		suppressHydrationWarning: !0,
 		"data-react-aria-top-layer": !0
-	}, T.map((t, n) => {
+	}, w.map((t, n) => {
 		let [i, a] = t.split("-");
-		return w.length ? /*#__PURE__*/ l.createElement("ol", {
+		return C.length ? /*#__PURE__*/ u.createElement("ol", {
 			key: t,
-			dir: _ === "auto" ? Y() : _,
+			dir: _ === "auto" ? J() : _,
 			tabIndex: -1,
 			ref: M,
 			className: c,
 			"data-sonner-toaster": !0,
-			"data-sonner-theme": re,
+			"data-sonner-theme": A,
 			"data-y-position": i,
 			"data-x-position": a,
 			style: {
-				"--front-toast-height": `${E[0]?.height || 0}px`,
-				"--width": `${he}px`,
+				"--front-toast-height": `${T[0]?.height || 0}px`,
+				"--width": `${G}px`,
 				"--gap": `${v}px`,
-				...m,
-				...be(ee, u)
+				...h,
+				...Ce(l, d)
 			},
 			onBlur: (e) => {
 				F.current && !e.currentTarget.contains(e.relatedTarget) && (F.current = !1, P.current &&= (P.current.focus({ preventScroll: !0 }), null));
@@ -856,29 +809,29 @@ var X = /*#__PURE__*/ l.forwardRef(function(e, t) {
 			onFocus: (e) => {
 				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || F.current || (F.current = !0, P.current = e.relatedTarget);
 			},
-			onMouseEnter: () => O(!0),
-			onMouseMove: () => O(!0),
+			onMouseEnter: () => D(!0),
+			onMouseMove: () => D(!0),
 			onMouseLeave: () => {
-				k || O(!1);
+				O || D(!1);
 			},
-			onDragEnd: () => O(!1),
+			onDragEnd: () => D(!1),
 			onPointerDown: (e) => {
-				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || A(!0);
+				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || k(!0);
 			},
-			onPointerUp: () => A(!1)
-		}, w.filter((e) => !e.position && n === 0 || e.position === t).map((n, i) => /*#__PURE__*/ l.createElement(J, {
+			onPointerUp: () => k(!1)
+		}, C.filter((e) => !e.position && n === 0 || e.position === t).map((n, i) => /*#__PURE__*/ u.createElement(Se, {
 			key: n.id,
 			icons: y,
 			index: i,
 			toast: n,
-			defaultRichColors: f,
-			duration: g?.duration ?? p,
+			defaultRichColors: p,
+			duration: g?.duration ?? m,
 			className: g?.className,
 			descriptionClassName: g?.descriptionClassName,
 			invert: r,
-			visibleToasts: h,
+			visibleToasts: ee,
 			closeButton: g?.closeButton ?? s,
-			interacting: k,
+			interacting: O,
 			position: t,
 			style: g?.style,
 			unstyled: g?.unstyled,
@@ -887,20 +840,20 @@ var X = /*#__PURE__*/ l.forwardRef(function(e, t) {
 			actionButtonStyle: g?.actionButtonStyle,
 			closeButtonAriaLabel: g?.closeButtonAriaLabel,
 			removeToast: I,
-			toasts: w.filter((e) => e.position == n.position),
-			heights: E.filter((e) => e.position == n.position),
+			toasts: C.filter((e) => e.position == n.position),
+			heights: T.filter((e) => e.position == n.position),
 			setHeights: ne,
 			expandByDefault: o,
 			gap: v,
-			expanded: D,
+			expanded: re,
 			swipeDirections: e.swipeDirections
 		}))) : null;
 	}));
 });
 // packages/feedback/src/toast.tsx
-function xe({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notification", offset: n = a.xl, mobileOffset: r = a.lg, ...o }) {
-	return /* @__PURE__ */ p(X, {
-		...o,
+function Te({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notification", offset: n = o.xl, mobileOffset: r = o.lg, ...a }) {
+	return /* @__PURE__ */ g(we, {
+		...a,
 		className: "x1xzild6 xkwcdv0 x19hn9gq x350ok5 x1dknavn x1qgcmqu x19j7ixz xgam3oh x7s97pk",
 		style: {
 			zIndex: i.popup,
@@ -910,27 +863,27 @@ function xe({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notificati
 		mobileOffset: r,
 		closeButton: e,
 		icons: {
-			success: /* @__PURE__ */ p(g, {
+			success: /* @__PURE__ */ g(y, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x7ixh4y"
 			}),
-			error: /* @__PURE__ */ p(_, {
+			error: /* @__PURE__ */ g(b, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q xr5kp14"
 			}),
-			warning: /* @__PURE__ */ p(b, {
+			warning: /* @__PURE__ */ g(S, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x1f9ixgr"
 			}),
-			info: /* @__PURE__ */ p(v, {
+			info: /* @__PURE__ */ g(te, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
 			}),
-			loading: /* @__PURE__ */ p(y, {
+			loading: /* @__PURE__ */ g(x, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
 			}),
-			close: /* @__PURE__ */ p(te, {
+			close: /* @__PURE__ */ g(C, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q"
 			})
@@ -954,75 +907,97 @@ function xe({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notificati
 	});
 }
 // packages/feedback/src/async-region.tsx
-var Se = ee(!1);
-function Z({ enter: e, fill: t = !1, children: n }) {
-	let r = u(Se), [i] = f(e && !r), [a, o] = f(i);
-	return d(() => {
-		let e = requestAnimationFrame(() => o(!1));
-		return () => cancelAnimationFrame(e);
-	}, []), /* @__PURE__ */ p("div", {
+var Y = d(void 0), X = d(!1), Z = a.delaySeconds * 1e3;
+function Q({ identity: e, children: t }) {
+	let [n, r] = h(() => ({
+		identity: e,
+		startedAt: Date.now()
+	})), i = n;
+	return n.identity !== e && (i = {
+		identity: e,
+		startedAt: Date.now()
+	}, r(i)), /* @__PURE__ */ g(Y, {
+		value: i,
+		children: t
+	});
+}
+function $({ enter: e, children: t }) {
+	let n = f(X), [r, i] = h(e && !n), a = m(null);
+	return p(() => {
+		let e = a.current;
+		if (!r || e === null) return;
+		let t = !0;
+		return Promise.allSettled(e.getAnimations().map((e) => e.finished)).then(() => {
+			t && i(!1);
+		}), () => {
+			t = !1;
+		};
+	}, [r]), /* @__PURE__ */ g("div", {
+		ref: a,
 		...{
-			0: { className: "xeuugli" },
-			2: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" },
-			1: { className: "xeuugli xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
-			3: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf xqcmdr3 xcgnenq xwkv4th x1c3o69q" }
-		}[!!t << 1 | !!i],
-		children: /* @__PURE__ */ p(Se, {
-			value: a,
-			children: n
+			0: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu" },
+			1: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xqcmdr3 xcgnenq xk4ixfy x1c3o69q" }
+		}[!!r | 0],
+		children: /* @__PURE__ */ g(X, {
+			value: n || r,
+			children: t
 		})
 	});
 }
-function Ce({ label: e, placeholder: t, fill: n = !1, startedAt: r, delayMs: i = 0 }) {
-	let [a] = f(() => r ?? Date.now()), [s, l] = f(i <= 0);
-	return d(() => {
-		let e = Math.max(0, i - (Date.now() - a)), t = setTimeout(() => l(!0), e);
+function Ee({ label: e, placeholder: t, startedAt: n }) {
+	let [r, i] = h(() => Date.now() - n >= Z ? n : void 0), a = r === n;
+	return p(() => {
+		let e = Math.max(0, Z - (Date.now() - n)), t = setTimeout(() => i(n), e);
 		return () => clearTimeout(t);
-	}, [a, i]), /* @__PURE__ */ m("div", {
-		...{
-			0: { className: "xeuugli" },
-			4: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" },
-			2: { className: "xeuugli xlshs6z" },
-			6: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf xlshs6z" },
-			1: { className: "xeuugli xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
-			5: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
-			3: { className: "xeuugli xlshs6z xqcmdr3 xcgnenq xwkv4th x1c3o69q" },
-			7: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf xlshs6z xqcmdr3 xcgnenq xwkv4th x1c3o69q" }
-		}[!!n << 2 | !s << 1 | !!s],
-		children: [s && /* @__PURE__ */ p("span", {
-			role: "status",
-			...c.props(o.hidden),
-			children: e
-		}), /* @__PURE__ */ p("div", {
-			"aria-hidden": "true",
+	}, [n]), /* @__PURE__ */ _(ee, { children: [/* @__PURE__ */ g("div", {
+		"aria-busy": !0,
+		className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu",
+		children: /* @__PURE__ */ g("div", {
+			"aria-hidden": !0,
 			inert: !0,
 			...{
-				0: { className: "xeuugli" },
-				1: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" }
-			}[!!n | 0],
+				0: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu x1nked9z" },
+				2: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xlshs6z x1nked9z" },
+				1: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xqcmdr3 xcgnenq x1c3o69q x1nked9z" },
+				3: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xlshs6z xqcmdr3 xcgnenq x1c3o69q x1nked9z" }
+			}[!a << 1 | !!a],
 			children: t
-		})]
-	});
+		})
+	}), a && /* @__PURE__ */ g("span", {
+		role: "status",
+		...l.props(s.hidden),
+		children: e
+	})] });
 }
-function Q({ pending: e, label: t, placeholder: n, children: r, fill: i = !1, startedAt: a, delayMs: o }) {
-	let [s, c] = f(e);
-	return e && !s && c(!0), /* @__PURE__ */ p("div", {
-		"aria-busy": e,
-		...{
-			0: { className: "x1n2onr6 xeuugli" },
-			1: { className: "x1n2onr6 xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" }
-		}[!!i | 0],
-		children: e ? /* @__PURE__ */ p(Ce, {
-			label: t,
-			placeholder: n,
-			fill: i,
-			startedAt: a,
-			delayMs: o
-		}, a) : /* @__PURE__ */ p(Z, {
-			enter: s,
-			fill: i,
-			children: r
+function De(e) {
+	let t = f(Y), [n, r] = h(() => ({
+		state: e.state,
+		scope: t,
+		startedAt: t?.startedAt ?? Date.now(),
+		wasPending: e.state === "pending"
+	})), i = n;
+	if (n.scope !== t || n.state !== e.state) {
+		let a = n.scope !== t, o = n.startedAt;
+		a ? o = t?.startedAt ?? Date.now() : e.state === "pending" && (o = Date.now()), i = {
+			state: e.state,
+			scope: t,
+			startedAt: o,
+			wasPending: e.state === "pending" || !a && n.wasPending
+		}, r(i);
+	}
+	return /* @__PURE__ */ g("div", {
+		className: "x1n2onr6 xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu",
+		children: e.state === "pending" ? /* @__PURE__ */ g(Ee, {
+			label: e.label,
+			placeholder: e.placeholder,
+			startedAt: i.startedAt
+		}) : e.state === "failed" ? /* @__PURE__ */ g("div", {
+			className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu",
+			children: e.children
+		}) : /* @__PURE__ */ g($, {
+			enter: i.wasPending,
+			children: e.children
 		})
 	});
 }
-export { I as a, M as c, O as d, k as f, W as i, N as l, T as m, Z as n, F as o, w as p, xe as r, P as s, Q as t, D as u };
+export { he as a, F as c, A as d, j as f, Te as i, I as l, re as m, $ as n, L as o, ne as p, Q as r, ie as s, De as t, k as u };