@mechane-ai/elements 0.12.0 → 0.14.0

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

@@ -1,41 +1,42 @@
-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-CyJd2qSZ.js";
+import { i as r, l as i } from "./tokens.stylex-DTHHFbyl.js";
+import { t as a } from "./accessibility-C-aIZ1Yx.js";
+import { c as o, s } from "./constants.stylex-bbdiv1fD.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({ hasError: 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 +74,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 && a.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 +129,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", isIconOnly: 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, isMultiline: 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 +306,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 +334,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 +407,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 +423,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 +432,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 +443,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 +456,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 +465,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 +520,7 @@ var J = (e) => {
 			position: n.position
 		}, ...e]);
 	}, [
-		O,
+		D,
 		n.title,
 		n.description,
 		a,
@@ -575,173 +529,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 +716,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 +741,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 +761,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 +785,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 +810,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,52 +841,52 @@ 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,
-		className: "x1xzild6 xkwcdv0 x19hn9gq x350ok5 x1dknavn x1qgcmqu x19j7ixz xgam3oh x7s97pk",
+function Te({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notification", offset: n = i.xl, mobileOffset: r = i.lg, ...a }) {
+	return /* @__PURE__ */ g(we, {
+		...a,
+		className: "x7kce61 xkwcdv0 x19hn9gq x350ok5 x1dknavn x1qgcmqu x19j7ixz xgam3oh x7s97pk",
 		style: {
-			zIndex: i.popup,
+			zIndex: s.popup,
 			transitionProperty: "opacity, transform"
 		},
 		offset: n,
 		mobileOffset: r,
 		closeButton: e,
 		icons: {
-			success: /* @__PURE__ */ p(g, {
+			success: /* @__PURE__ */ g(y, {
 				"aria-hidden": !0,
-				className: "xtwnzbg x18utl2x x7zct4q x7ixh4y"
+				className: "xtwnzbg x18utl2x x19m34er x7ixh4y"
 			}),
-			error: /* @__PURE__ */ p(_, {
+			error: /* @__PURE__ */ g(b, {
 				"aria-hidden": !0,
-				className: "xtwnzbg x18utl2x x7zct4q xr5kp14"
+				className: "xtwnzbg x18utl2x x19m34er xr5kp14"
 			}),
-			warning: /* @__PURE__ */ p(b, {
+			warning: /* @__PURE__ */ g(S, {
 				"aria-hidden": !0,
-				className: "xtwnzbg x18utl2x x7zct4q x1f9ixgr"
+				className: "xtwnzbg x18utl2x x19m34er x1f9ixgr"
 			}),
-			info: /* @__PURE__ */ p(v, {
+			info: /* @__PURE__ */ g(te, {
 				"aria-hidden": !0,
-				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
+				className: "xtwnzbg x18utl2x x19m34er x153jb6y"
 			}),
-			loading: /* @__PURE__ */ p(y, {
+			loading: /* @__PURE__ */ g(x, {
 				"aria-hidden": !0,
-				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
+				className: "xtwnzbg x18utl2x x19m34er x153jb6y"
 			}),
-			close: /* @__PURE__ */ p(te, {
+			close: /* @__PURE__ */ g(C, {
 				"aria-hidden": !0,
-				className: "xtwnzbg x18utl2x x7zct4q"
+				className: "xtwnzbg x18utl2x x19m34er"
 			})
 		},
 		toastOptions: {
@@ -940,89 +894,111 @@ function xe({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notificati
 			closeButtonAriaLabel: t,
 			style: { transitionProperty: "opacity, transform" },
 			classNames: {
-				toast: { className: "x1bl4301 x78zum5 x1a02dak x6s0dn4 x1hnptsi x1c8xbx5 xx4ccz x7ottyg xmkeg23 x1y0btm7 x1ey3b81 xy32g2j xpvm0e4 xbixft x16hm2kh x1hz01jw xvmahel xtqrqnz x1778rvt xj57cvi x1xzild6 xkwcdv0 x19hn9gq x350ok5 x1dknavn x1qgcmqu x19j7ixz xgam3oh x7s97pk x-default-marker" }.className ?? "",
+				toast: { className: "x1bl4301 x78zum5 x1a02dak x6s0dn4 x1hnptsi x1c8xbx5 xx4ccz x1l38xx4 xmkeg23 x1y0btm7 x1ey3b81 xy32g2j xpvm0e4 xbixft x16hm2kh x1hz01jw xvmahel xtqrqnz x1778rvt xj57cvi x7kce61 xkwcdv0 x19hn9gq x350ok5 x1dknavn x1qgcmqu x19j7ixz xgam3oh x7s97pk x-default-marker" }.className ?? "",
 				title: { className: "xk4h15q" }.className ?? "",
 				description: { className: "x153jb6y" }.className ?? "",
 				content: { className: "x78zum5 xdt5ytf x1slnebi xeuugli xfko13i x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? "",
 				icon: { className: "x78zum5 x1n2onr6 x2lah0s xtwnzbg x18utl2x x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? "",
-				loader: { className: "x1xzild6 xkwcdv0 x19hn9gq x350ok5 x1dknavn" }.className ?? "",
-				actionButton: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x9f619 xeuugli x193iq5w x17tes2r xwu7q15 x1hmw7ec x1atzlso xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x1pt885t x1ymx3u3 xbhuexu x1eou8nq x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? "",
-				cancelButton: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x9f619 xeuugli x193iq5w x17tes2r xwu7q15 x1hmw7ec x1atzlso xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x1r7kqkb xbixft xxg5jw2 x1ecmtor x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? "",
-				closeButton: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x9f619 x193iq5w x17tes2r xwu7q15 x1hmw7ec xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x10l6tqk x1m7q2ru x1b86y6l x16opp91 xidce53 xnjsko4 xjbqb8w x153jb6y xg54am9 xfkdqyo x1snzz31 xqu5dr6 x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? ""
+				loader: { className: "x7kce61 xkwcdv0 x19hn9gq x350ok5 x1dknavn" }.className ?? "",
+				actionButton: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x9f619 xeuugli x193iq5w x17tes2r x17oiadl x1hmw7ec x1atzlso xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x1pt885t x1ymx3u3 xmn6lam x1eou8nq x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? "",
+				cancelButton: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x9f619 xeuugli x193iq5w x17tes2r x17oiadl x1hmw7ec x1atzlso xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x1r7kqkb xbixft x1mkwuse x1ecmtor x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? "",
+				closeButton: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x9f619 x193iq5w x17tes2r x17oiadl x1hmw7ec xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x10l6tqk x1m7q2ru x1b86y6l x16opp91 x1gjsuxi xnjsko4 xjbqb8w x153jb6y xbks5bx xfkdqyo x1snzz31 xqu5dr6 x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.className ?? ""
 			}
 		}
 	});
 }
 // 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 = o.delaySeconds * 1e3;
+function Q({ identity: e, initialStartedAt: t, children: n }) {
+	let [r, i] = h(() => ({
+		identity: e,
+		startedAt: t ?? Date.now()
+	})), a = r;
+	return r.identity !== e && (a = {
+		identity: e,
+		startedAt: Date.now()
+	}, i(a)), /* @__PURE__ */ g(Y, {
+		value: a,
+		children: n
+	});
+}
+function $({ shouldEnter: 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 x1qme5af x1irg2zc 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), o = 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 x18usnwx" },
+				2: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xlshs6z x18usnwx" },
+				1: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xqcmdr3 x1qme5af x1c3o69q x18usnwx" },
+				3: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xlshs6z xqcmdr3 x1qme5af x1c3o69q x18usnwx" }
+			}[!o << 1 | !!o],
 			children: t
-		})]
-	});
+		})
+	}), o && /* @__PURE__ */ g("span", {
+		role: "status",
+		...l.props(a.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($, {
+			shouldEnter: 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 };