@mechane-ai/elements 0.11.0 → 0.12.0

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

@@ -1,41 +1,41 @@
-import { i as e, s as t } from "./src-D05isEh_.js";
-import { t as n } from "./accessibility-C-aIZ1Yx.js";
-import { layers as r, spacing as i } from "./tokens.js";
-import { mergeProps as a } from "@base-ui/react/merge-props";
-import * as o from "@stylexjs/stylex";
-import s, { createContext as c, useContext as l, useEffect as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Box as m, CircleCheck as h, CircleX as ee, Info as g, LoaderCircle as _, TriangleAlert as v, X as y } from "lucide-react";
-import { Meter as b } from "@base-ui/react/meter";
-import { Progress as x } from "@base-ui/react/progress";
-import S from "react-dom";
+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";
 // packages/feedback/src/feedback.tsx
-function C({ title: n, children: r, action: i, ...o }) {
-	return /* @__PURE__ */ p("div", {
-		...a({ className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k x2b8uid xeuugli x193iq5w x9f619 x9w77qv xnx3t7k x1n8ia3y x1hz01jw xj57cvi xvmahel xj0a0fe" }, o),
+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),
 		children: [
-			/* @__PURE__ */ f(m, {
+			/* @__PURE__ */ p(h, {
 				size: 22,
 				"aria-hidden": !0,
 				className: "x153jb6y x2lah0s"
 			}),
-			/* @__PURE__ */ f(t, { children: n }),
-			r != null && /* @__PURE__ */ f(e, { children: r }),
-			i != null && /* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p(n, { children: e }),
+			r != null && /* @__PURE__ */ p(t, { children: r }),
+			i != null && /* @__PURE__ */ p("div", {
 				className: "x78zum5 xl56j7k x1a02dak x1hnptsi xeuugli x193iq5w",
 				children: i
 			})
 		]
 	});
 }
-function w({ error: e = !1, ...t }) {
-	return /* @__PURE__ */ f("div", { ...a({ role: e ? "alert" : "status" }, {
+function T({ error: e = !1, ...t }) {
+	return /* @__PURE__ */ p("div", { ...s({ 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 T = {
+var E = {
 	skeleton: {
 		k1xSpc: "x1lliihq",
 		ks0D6T: "x193iq5w",
@@ -73,23 +73,23 @@ var T = {
 		k7Eaqz: "xeuugli",
 		$$css: !0
 	}
-}, E = {
-	rectangle: T.rectangle,
-	circle: T.circle
+}, ne = {
+	rectangle: E.rectangle,
+	circle: E.circle
 };
 function D({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
-	return /* @__PURE__ */ f("span", {
+	return /* @__PURE__ */ p("span", {
 		"aria-hidden": !0,
-		...o.props(T.skeleton, T.dimensions(e, t), E[n])
+		...c.props(E.skeleton, E.dimensions(e, t), ne[n])
 	});
 }
 function O({ lines: e = 1, width: t = "100%" }) {
-	return /* @__PURE__ */ f("span", {
+	return /* @__PURE__ */ p("span", {
 		"aria-hidden": !0,
-		...o.props(T.text, T.width(t)),
-		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ f("span", {
+		...c.props(E.text, E.width(t)),
+		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ p("span", {
 			className: "x78zum5 x6s0dn4 xg2ss61",
-			children: /* @__PURE__ */ f(D, {
+			children: /* @__PURE__ */ p(D, {
 				width: e > 1 && n === e - 1 ? "65%" : "100%",
 				height: "0.6em"
 			})
@@ -97,192 +97,251 @@ function O({ lines: e = 1, width: t = "100%" }) {
 	});
 }
 function k({ label: e, showLabel: t = !1 }) {
-	return /* @__PURE__ */ p("span", {
+	return /* @__PURE__ */ m("span", {
 		role: "status",
 		className: "x3nfvp2 x1n2onr6 x6s0dn4 xeuugli x193iq5w x1hnptsi x153jb6y x1hz01jw xtqrqnz x1778rvt xj57cvi xj0a0fe",
-		children: [/* @__PURE__ */ f(_, {
+		children: [/* @__PURE__ */ p(y, {
 			"aria-hidden": !0,
 			className: "xtwnzbg x18utl2x x2lah0s"
-		}), /* @__PURE__ */ f("span", {
-			...o.props(T.label, !t && n.hidden),
+		}), /* @__PURE__ */ p("span", {
+			...c.props(E.label, !t && o.hidden),
 			children: e
 		})]
 	});
 }
+// packages/feedback/src/control-placeholders.tsx
+var A = {
+	ks0D6T: "x193iq5w",
+	$$css: !0
+}, re = {
+	kZKoxP: "x16ye13r",
+	$$css: !0
+}, j = {
+	button: {
+		kWkggS: "x1r7kqkb",
+		kXLuUW: "xxymvpz",
+		$$css: !0
+	},
+	singleLine: {
+		k1xSpc: "x78zum5",
+		kGNEyG: "x6s0dn4",
+		$$css: !0
+	},
+	width: (e) => [
+		A,
+		{
+			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)`) }]
+};
+function M({ width: t = "7ch", xstyle: n }) {
+	return /* @__PURE__ */ p("span", {
+		"aria-hidden": !0,
+		...c.props(e.base, e.button, j.button, n),
+		children: /* @__PURE__ */ p(O, { width: t })
+	});
+}
+function N({ 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", {
+		"aria-hidden": !0,
+		...c.props(e.fieldRoot, j.width(a), o),
+		children: [
+			t !== void 0 && /* @__PURE__ */ p("span", {
+				...c.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, {
+					width: "60%",
+					lines: s
+				})
+			}),
+			n !== void 0 && /* @__PURE__ */ p("span", {
+				...c.props(e.description),
+				children: n
+			})
+		]
+	});
+}
 // packages/feedback/src/loading.tsx
-function A({ label: e, shape: t = "rows" }) {
-	return /* @__PURE__ */ p("div", {
+function P({ label: e, shape: t = "rows" }) {
+	return /* @__PURE__ */ m("div", {
 		role: "status",
 		className: "xeuugli x1n2onr6",
-		children: [/* @__PURE__ */ f("span", {
-			...o.props(n.hidden),
+		children: [/* @__PURE__ */ p("span", {
+			...c.props(o.hidden),
 			children: e
-		}), t === "rows" ? /* @__PURE__ */ p("div", {
+		}), t === "rows" ? /* @__PURE__ */ m("div", {
 			"aria-hidden": !0,
-			children: [/* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ p("div", {
 				className: "xrvj5dj x18zg5m9 x6s0dn4 x9f619 x1hyy85k xso031l x1q0q8m5 x1qndepd",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "xeuugli x1m92p3w",
-					children: /* @__PURE__ */ f(D, { width: 54 })
+					children: /* @__PURE__ */ p(D, { width: 54 })
 				})
 			}), [
 				0,
 				1,
 				2
-			].map((e) => /* @__PURE__ */ p("div", {
+			].map((e) => /* @__PURE__ */ m("div", {
 				className: "xrvj5dj x18zg5m9 x6s0dn4 xb4ss6y x9f619",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "xeuugli x1m92p3w",
-						children: /* @__PURE__ */ f(D, { width: e === 1 ? 108 : 174 })
+						children: /* @__PURE__ */ p(D, { width: e === 1 ? 108 : 174 })
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "xeuugli x1m92p3w",
-						children: /* @__PURE__ */ f(D, { width: 54 })
+						children: /* @__PURE__ */ p(D, { width: 54 })
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "xeuugli x1m92p3w",
-						children: /* @__PURE__ */ f(D, { width: 108 })
+						children: /* @__PURE__ */ p(D, { width: 108 })
 					})
 				]
 			}, e))]
-		}) : /* @__PURE__ */ p("div", {
+		}) : /* @__PURE__ */ m("div", {
 			"aria-hidden": !0,
 			className: "xrvj5dj xaml1ju x1ydxw8w",
 			children: [
-				/* @__PURE__ */ f(D, {
+				/* @__PURE__ */ p(D, {
 					width: 216,
 					height: 24
 				}),
-				/* @__PURE__ */ f(D, { width: 174 }),
-				/* @__PURE__ */ f(D, { width: 108 })
+				/* @__PURE__ */ p(D, { width: 174 }),
+				/* @__PURE__ */ p(D, { width: 108 })
 			]
 		})]
 	});
 }
 // packages/feedback/src/progress.tsx
-function j({ label: e, value: t, max: n, valueLabel: r }) {
-	return /* @__PURE__ */ p(x.Root, {
+function F({ label: e, value: t, max: n, valueLabel: r }) {
+	return /* @__PURE__ */ m(S.Root, {
 		value: t,
 		max: n,
 		locale: "en-US",
 		getAriaValueText: () => r,
 		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft xj0a0fe",
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ f(x.Label, {
+			children: [/* @__PURE__ */ p(S.Label, {
 				className: "xeuugli x193iq5w",
 				children: e
-			}), /* @__PURE__ */ f("span", {
+			}), /* @__PURE__ */ p("span", {
 				className: "xeuugli x193iq5w x153jb6y xss6m8b",
 				children: r
 			})]
-		}), /* @__PURE__ */ f(x.Track, {
+		}), /* @__PURE__ */ p(S.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__ */ f(x.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+			children: t !== null && /* @__PURE__ */ p(S.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
 		})]
 	});
 }
-function M({ label: e, value: t, max: n, valueLabel: r }) {
-	return t === null ? /* @__PURE__ */ p("div", {
+function I({ label: e, value: t, max: n, valueLabel: r }) {
+	return t === null ? /* @__PURE__ */ m("div", {
 		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft xj0a0fe",
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ f("span", {
+			children: [/* @__PURE__ */ p("span", {
 				className: "xeuugli x193iq5w",
 				children: e
-			}), /* @__PURE__ */ f("span", {
+			}), /* @__PURE__ */ p("span", {
 				className: "xeuugli x193iq5w x153jb6y xss6m8b",
 				children: r
 			})]
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ p("div", {
 			"aria-hidden": !0,
 			className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619"
 		})]
-	}) : /* @__PURE__ */ p(b.Root, {
+	}) : /* @__PURE__ */ m(x.Root, {
 		value: t,
 		max: n,
 		locale: "en-US",
 		getAriaValueText: () => r,
 		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft xj0a0fe",
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
-			children: [/* @__PURE__ */ f(b.Label, {
+			children: [/* @__PURE__ */ p(x.Label, {
 				className: "xeuugli x193iq5w",
 				children: e
-			}), /* @__PURE__ */ f("span", {
+			}), /* @__PURE__ */ p("span", {
 				className: "xeuugli x193iq5w x153jb6y xss6m8b",
 				children: r
 			})]
-		}), /* @__PURE__ */ f(b.Track, {
+		}), /* @__PURE__ */ p(x.Track, {
 			className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr",
-			children: /* @__PURE__ */ f(b.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+			children: /* @__PURE__ */ p(x.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 te = (e) => {
+var ie = (e) => {
 	switch (e) {
-		case "success": return F;
-		case "info": return L;
-		case "warning": return I;
-		case "error": return R;
+		case "success": return L;
+		case "info": return R;
+		case "warning": return se;
+		case "error": return z;
 		default: return null;
 	}
-}, N = Array(12).fill(0), P = ({ visible: e, className: t }) => /*#__PURE__*/ s.createElement("div", {
+}, ae = Array(12).fill(0), oe = ({ visible: e, className: t }) => /*#__PURE__*/ l.createElement("div", {
 	className: ["sonner-loading-wrapper", t].filter(Boolean).join(" "),
 	"data-visible": e
-}, /*#__PURE__*/ s.createElement("div", { className: "sonner-spinner" }, N.map((e, t) => /*#__PURE__*/ s.createElement("div", {
+}, /*#__PURE__*/ l.createElement("div", { className: "sonner-spinner" }, ae.map((e, t) => /*#__PURE__*/ l.createElement("div", {
 	className: "sonner-loading-bar",
 	key: `spinner-bar-${t}`
-})))), F = /*#__PURE__*/ s.createElement("svg", {
+})))), L = /*#__PURE__*/ l.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ s.createElement("path", {
+}, /*#__PURE__*/ l.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"
-})), I = /*#__PURE__*/ s.createElement("svg", {
+})), se = /*#__PURE__*/ l.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ s.createElement("path", {
+}, /*#__PURE__*/ l.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"
-})), L = /*#__PURE__*/ s.createElement("svg", {
+})), R = /*#__PURE__*/ l.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ s.createElement("path", {
+}, /*#__PURE__*/ l.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"
-})), R = /*#__PURE__*/ s.createElement("svg", {
+})), z = /*#__PURE__*/ l.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ s.createElement("path", {
+}, /*#__PURE__*/ l.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"
-})), ne = /*#__PURE__*/ s.createElement("svg", {
+})), ce = /*#__PURE__*/ l.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "12",
 	height: "12",
@@ -293,25 +352,25 @@ var te = (e) => {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	"aria-hidden": "true"
-}, /*#__PURE__*/ s.createElement("line", {
+}, /*#__PURE__*/ l.createElement("line", {
 	x1: "18",
 	y1: "6",
 	x2: "6",
 	y2: "18"
-}), /*#__PURE__*/ s.createElement("line", {
+}), /*#__PURE__*/ l.createElement("line", {
 	x1: "6",
 	y1: "6",
 	x2: "18",
 	y2: "18"
-})), re = () => {
-	let [e, t] = s.useState(document.hidden);
-	return s.useEffect(() => {
+})), le = () => {
+	let [e, t] = l.useState(document.hidden);
+	return l.useEffect(() => {
 		let e = () => {
 			t(document.hidden);
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
 	}, []), e;
-}, ie = 1, ae = 100, oe = (e) => typeof e?.id == "number" || e?.id?.length > 0 ? e.id : ie++, z = new class {
+}, B = 1, V = 100, ue = (e) => typeof e?.id == "number" || e?.id?.length > 0 ? e.id : B++, H = new class {
 	constructor() {
 		this.subscribe = (e) => (this.subscribers.push(e), this.getActiveToasts().forEach((t) => e(t)), () => {
 			let t = this.subscribers.indexOf(e);
@@ -321,10 +380,10 @@ var te = (e) => {
 		}, this.addToast = (e) => {
 			this.publish(e), this.toasts = [...this.toasts, e], this.trimHistory();
 		}, this.trimHistory = () => {
-			let e = this.toasts.length - ae;
+			let e = this.toasts.length - V;
 			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 = oe(e), i = this.pendingDismissals.get(r);
+			let { message: t, ...n } = e, r = ue(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({
@@ -394,14 +453,14 @@ var te = (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], s.isValidElement(e)) i = !1, this.create({
+				if (a = ["resolve", e], l.isValidElement(e)) i = !1, this.create({
 					id: n,
 					type: "default",
 					message: e
 				});
-				else if (ce(e) && !e.ok) {
+				else if (de(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" && !s.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" && !l.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -410,7 +469,7 @@ var te = (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" && !s.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" && !l.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -419,7 +478,7 @@ var te = (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" && !s.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" && !l.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "success",
@@ -430,7 +489,7 @@ var te = (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" && !s.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" && !l.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -440,10 +499,10 @@ var te = (e) => {
 				}
 			}).finally(() => {
 				i && (this.dismiss(n), n = void 0), t.finally == null || t.finally.call(t);
-			}), c = () => 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: c } : Object.assign(n, { unwrap: c });
+			}), 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 = oe(t);
+			let n = ue(t);
 			return this.create({
 				...t,
 				jsx: e(n),
@@ -452,53 +511,53 @@ var te = (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();
 	}
-}(), se = (e, t) => z.message(e, t), ce = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", B = Object.assign(se, {
-	success: z.success,
-	info: z.info,
-	warning: z.warning,
-	error: z.error,
-	custom: z.custom,
-	message: z.message,
-	promise: z.promise,
-	dismiss: z.dismiss,
-	loading: z.loading
+}(), 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
 }, {
-	getHistory: () => z.toasts,
-	getToasts: () => z.getActiveToasts()
+	getHistory: () => H.toasts,
+	getToasts: () => H.getActiveToasts()
 });
-function V(e) {
+function G(e) {
 	return e.label !== void 0;
 }
-var H = 3, U = "24px", le = "16px", ue = 4e3, de = 356, W = 14, fe = 45, pe = 200;
-function G(...e) {
+var fe = 3, pe = "24px", K = "16px", me = 4e3, he = 356, ge = 14, _e = 45, ve = 200;
+function q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function me(e) {
+function ye(e) {
 	let [t, n] = e.split("-"), r = [];
 	return t && r.push(t), n && r.push(n), r;
 }
-var he = (e) => {
-	let { invert: t, toast: n, unstyled: r, interacting: i, setHeights: a, visibleToasts: o, heights: c, index: l, toasts: u, expanded: d, removeToast: f, defaultRichColors: p, closeButton: m, style: h, cancelButtonStyle: ee, actionButtonStyle: g, className: _ = "", descriptionClassName: v = "", duration: y, position: b, gap: x, expandByDefault: S, classNames: C, icons: w, closeButtonAriaLabel: T = "Close toast" } = e, [E, D] = s.useState(null), [O, k] = s.useState(null), [A, j] = s.useState(!1), [M, N] = s.useState(!1), [F, I] = s.useState(!1), [L, R] = s.useState(!1), [ie, ae] = s.useState(!1), [oe, z] = s.useState(0), [se, ce] = s.useState(0), B = s.useRef(n.duration || y || ue), H = s.useRef(null), U = s.useRef(null), le = l === 0, de = l + 1 <= o, W = n.type, he = W ?? "default", K = n.dismissible !== !1, ge = n.className || "", _e = n.descriptionClassName || "", q = s.useMemo(() => c.findIndex((e) => e.toastId === n.id) || 0, [c, n.id]), ve = s.useMemo(() => n.closeButton ?? m, [n.closeButton, m]), J = s.useMemo(() => n.duration || y || ue, [n.duration, y]), Y = s.useRef(0), X = s.useRef(0), ye = s.useRef(0), Z = s.useRef(null), [be, xe] = b.split("-"), Se = s.useMemo(() => c.reduce((e, t, n) => n >= q ? e : e + t.height, 0), [c, q]), Ce = re(), Q = s.useMemo(() => e.swipeDirections ?? me(b), [e.swipeDirections, b]), we = n.invert || t, Te = W === "loading";
-	X.current = s.useMemo(() => q * x + Se, [q, Se]), s.useEffect(() => {
-		B.current = J;
-	}, [J]), s.useEffect(() => {
-		j(!0);
-	}, []), s.useEffect(() => {
-		let e = U.current;
+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;
 		if (e) {
 			let t = e.getBoundingClientRect().height;
-			return ce(t), a((e) => [{
+			return R(t), a((e) => [{
 				toastId: n.id,
 				height: t,
 				position: n.position
 			}, ...e]), () => a((e) => e.filter((e) => e.toastId !== n.id));
 		}
-	}, [a, n.id]), s.useLayoutEffect(() => {
-		if (!A) return;
-		let e = U.current, t = e.style.height;
+	}, [a, n.id]), l.useLayoutEffect(() => {
+		if (!O) return;
+		let e = V.current, t = e.style.height;
 		e.style.height = "auto";
 		let r = e.getBoundingClientRect().height;
-		e.style.height = t, ce(r), a((e) => e.find((e) => e.toastId === n.id) ? e.map((e) => e.toastId === n.id ? {
+		e.style.height = t, R(r), a((e) => e.find((e) => e.toastId === n.id) ? e.map((e) => e.toastId === n.id ? {
 			...e,
 			height: r
 		} : e) : [{
@@ -507,7 +566,7 @@ var he = (e) => {
 			position: n.position
 		}, ...e]);
 	}, [
-		A,
+		O,
 		n.title,
 		n.description,
 		a,
@@ -516,110 +575,110 @@ var he = (e) => {
 		n.action,
 		n.cancel
 	]);
-	let $ = s.useCallback(() => {
-		N(!0), z(X.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
-			f(n);
-		}, pe);
+	let $ = l.useCallback(() => {
+		re(!0), L(Y.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
+			d(n);
+		}, ve);
 	}, [
 		n,
-		f,
+		d,
 		a,
-		X
+		Y
 	]);
-	s.useEffect(() => {
-		if (n.promise && W === "loading" || n.duration === Infinity || n.type === "loading") return;
+	l.useEffect(() => {
+		if (n.promise && U === "loading" || n.duration === Infinity || n.type === "loading") return;
 		let e;
-		return d || i || Ce ? (() => {
-			if (ye.current < Y.current) {
-				let e = (/* @__PURE__ */ new Date()).getTime() - Y.current;
-				B.current -= e;
+		return u || i || Ce ? (() => {
+			if (be.current < J.current) {
+				let e = (/* @__PURE__ */ new Date()).getTime() - J.current;
+				z.current -= e;
 			}
-			ye.current = (/* @__PURE__ */ new Date()).getTime();
-		})() : B.current !== Infinity && (Y.current = (/* @__PURE__ */ new Date()).getTime(), e = setTimeout(() => {
+			be.current = (/* @__PURE__ */ new Date()).getTime();
+		})() : z.current !== Infinity && (J.current = (/* @__PURE__ */ new Date()).getTime(), e = setTimeout(() => {
 			n.onAutoClose == null || n.onAutoClose.call(n, n), $();
-		}, B.current)), () => clearTimeout(e);
+		}, z.current)), () => clearTimeout(e);
 	}, [
-		d,
+		u,
 		i,
 		n,
-		W,
+		U,
 		Ce,
 		$
-	]), s.useEffect(() => {
+	]), l.useEffect(() => {
 		n.delete && ($(), n.onDismiss == null || n.onDismiss.call(n, n));
 	}, [$, n.delete]);
 	function Ee() {
-		return w?.loading ? /*#__PURE__*/ s.createElement("div", {
-			className: G(C?.loader, n?.classNames?.loader, "sonner-loader"),
-			"data-visible": W === "loading"
-		}, w.loading) : /*#__PURE__*/ s.createElement(P, {
-			className: G(C?.loader, n?.classNames?.loader),
-			visible: W === "loading"
+		return C?.loading ? /*#__PURE__*/ l.createElement("div", {
+			className: q(S?.loader, n?.classNames?.loader, "sonner-loader"),
+			"data-visible": U === "loading"
+		}, C.loading) : /*#__PURE__*/ l.createElement(oe, {
+			className: q(S?.loader, n?.classNames?.loader),
+			visible: U === "loading"
 		});
 	}
-	let De = n.icon || w?.[W] || te(W);
-	return /*#__PURE__*/ s.createElement("li", {
+	let De = n.icon || C?.[U] || ie(U);
+	return /*#__PURE__*/ l.createElement("li", {
 		tabIndex: 0,
-		ref: U,
-		className: G(_, ge, C?.toast, n?.classNames?.toast, C?.[he], n?.classNames?.[he]),
+		ref: V,
+		className: q(_, fe, S?.toast, n?.classNames?.toast, S?.[de], n?.classNames?.[de]),
 		"data-sonner-toast": "",
-		"data-rich-colors": n.richColors ?? p,
+		"data-rich-colors": n.richColors ?? f,
 		"data-styled": !(n.jsx || n.unstyled || r),
-		"data-mounted": A,
+		"data-mounted": O,
 		"data-promise": !!n.promise,
-		"data-swiped": ie,
-		"data-removed": M,
-		"data-visible": de,
-		"data-y-position": be,
-		"data-x-position": xe,
-		"data-index": l,
-		"data-front": le,
-		"data-swiping": F,
-		"data-dismissible": K,
-		"data-type": W,
+		"data-swiped": F,
+		"data-removed": A,
+		"data-visible": H,
+		"data-y-position": xe,
+		"data-x-position": Se,
+		"data-index": c,
+		"data-front": ue,
+		"data-swiping": j,
+		"data-dismissible": W,
+		"data-type": U,
 		"data-invert": we,
-		"data-swipe-out": L,
-		"data-swipe-direction": O,
-		"data-expanded": !!(d || S && A),
+		"data-swipe-out": N,
+		"data-swipe-direction": ne,
+		"data-expanded": !!(u || x && O),
 		"data-testid": n.testId,
 		style: {
-			"--index": l,
-			"--toasts-before": l,
-			"--z-index": u.length - l,
-			"--offset": `${M ? oe : X.current}px`,
-			"--initial-height": S ? "auto" : `${se}px`,
-			...h,
+			"--index": c,
+			"--toasts-before": c,
+			"--z-index": ee.length - c,
+			"--offset": `${A ? ae : Y.current}px`,
+			"--initial-height": x ? "auto" : `${se}px`,
+			...m,
 			...n.style
 		},
 		onDragEnd: () => {
-			I(!1), D(null), Z.current = null;
+			M(!1), E(null), X.current = null;
 		},
 		onPointerDown: (e) => {
-			e.button !== 2 && !Te && K && (H.current = /* @__PURE__ */ new Date(), z(X.current), e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (I(!0), Z.current = {
+			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 = {
 				x: e.clientX,
 				y: e.clientY
 			}));
 		},
 		onPointerUp: () => {
-			if (L || !K) return;
-			Z.current = null;
-			let e = Number(U.current?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(U.current?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), r = (/* @__PURE__ */ new Date()).getTime() - H.current?.getTime(), i = E === "x" ? e : t, a = Math.abs(i) / r;
-			if ((E === "x" ? Q.includes(e > 0 ? "right" : "left") : Q.includes(t > 0 ? "bottom" : "top")) && (Math.abs(i) >= fe || a > .11)) z(X.current), n.onDismiss == null || n.onDismiss.call(n, n), k(E === "x" ? e > 0 ? "right" : "left" : t > 0 ? "down" : "up"), $(), R(!0);
+			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);
 			else {
 				var o, s;
-				(o = U.current) == null || o.style.setProperty("--swipe-amount-x", "0px"), (s = U.current) == null || s.style.setProperty("--swipe-amount-y", "0px"), ae(!1), I(!1), D(null);
+				(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);
 			}
 		},
 		onPointerMove: (e) => {
 			var t, n;
-			if (!Z.current || !K || window.getSelection()?.toString().length > 0) return;
-			let r = e.clientY - Z.current.y, i = e.clientX - Z.current.x;
-			!E && (Math.abs(i) > 1 || Math.abs(r) > 1) && D(Math.abs(i) > Math.abs(r) ? "x" : "y");
+			if (!X.current || !W || window.getSelection()?.toString().length > 0) return;
+			let r = e.clientY - X.current.y, i = e.clientX - X.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 (E === "y") {
+			if (T === "y") {
 				if (Q.includes("top") || Q.includes("bottom")) {
 					if (Q.includes("top") && r < 0 || Q.includes("bottom") && r > 0) a.y = r;
 					else {
@@ -627,62 +686,62 @@ var he = (e) => {
 						a.y = Math.abs(e) < Math.abs(r) ? e : r;
 					}
 				}
-			} else if (E === "x" && (Q.includes("left") || Q.includes("right"))) {
+			} 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 {
 					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) && ae(!0), (t = U.current) == null || t.style.setProperty("--swipe-amount-x", `${a.x}px`), (n = U.current) == null || n.style.setProperty("--swipe-amount-y", `${a.y}px`);
+			(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`);
 		}
-	}, ve && !n.jsx && W !== "loading" ? /*#__PURE__*/ s.createElement("button", {
-		"aria-label": T,
+	}, he && !n.jsx && U !== "loading" ? /*#__PURE__*/ l.createElement("button", {
+		"aria-label": w,
 		"data-disabled": Te,
 		"data-close-button": !0,
-		onClick: Te || !K ? () => {} : () => {
+		onClick: Te || !W ? () => {} : () => {
 			$(), n.onDismiss == null || n.onDismiss.call(n, n);
 		},
-		className: G(C?.closeButton, n?.classNames?.closeButton)
-	}, w?.close ?? ne) : null, (W || n.icon || n.promise) && n.icon !== null && (w?.[W] !== null || n.icon) ? /*#__PURE__*/ s.createElement("div", {
+		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", {
 		"data-icon": "",
-		className: G(C?.icon, n?.classNames?.icon)
-	}, W === "loading" ? n.icon || Ee() : n.promise ? Ee() : null, W === "loading" ? null : De) : null, /*#__PURE__*/ s.createElement("div", {
+		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", {
 		"data-content": "",
-		className: G(C?.content, n?.classNames?.content)
-	}, /*#__PURE__*/ s.createElement("div", {
+		className: q(S?.content, n?.classNames?.content)
+	}, /*#__PURE__*/ l.createElement("div", {
 		"data-title": "",
-		className: G(C?.title, n?.classNames?.title)
-	}, n.jsx ? n.jsx : typeof n.title == "function" ? n.title() : n.title), n.description ? /*#__PURE__*/ s.createElement("div", {
+		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", {
 		"data-description": "",
-		className: G(v, _e, C?.description, n?.classNames?.description)
-	}, typeof n.description == "function" ? n.description() : n.description) : null), /*#__PURE__*/ s.isValidElement(n.cancel) ? n.cancel : n.cancel && V(n.cancel) ? /*#__PURE__*/ s.createElement("button", {
+		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", {
 		"data-button": !0,
 		"data-cancel": !0,
-		style: n.cancelButtonStyle || ee,
+		style: n.cancelButtonStyle || h,
 		onClick: (e) => {
-			V(n.cancel) && K && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), $());
+			G(n.cancel) && W && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), $());
 		},
-		className: G(C?.cancelButton, n?.classNames?.cancelButton)
-	}, n.cancel.label) : null, /*#__PURE__*/ s.isValidElement(n.action) ? n.action : n.action && V(n.action) ? /*#__PURE__*/ s.createElement("button", {
+		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", {
 		"data-button": !0,
 		"data-action": !0,
 		style: n.actionButtonStyle || g,
 		onClick: (e) => {
-			V(n.action) && (n.action.onClick == null || n.action.onClick.call(n.action, e), e.defaultPrevented || $());
+			G(n.action) && (n.action.onClick == null || n.action.onClick.call(n.action, e), e.defaultPrevented || $());
 		},
-		className: G(C?.actionButton, n?.classNames?.actionButton)
+		className: q(S?.actionButton, n?.classNames?.actionButton)
 	}, n.action.label) : null);
 };
-function K() {
+function Y() {
 	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 ge(e, t) {
+function be(e, t) {
 	let n = {};
 	return [e, t].forEach((e, t) => {
-		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? le : U;
+		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? K : pe;
 		function o(e) {
 			[
 				"top",
@@ -703,19 +762,19 @@ function ge(e, t) {
 		}) : o(a);
 	}), n;
 }
-var _e = /*#__PURE__*/ s.forwardRef(function(e, t) {
-	let { id: n, invert: r, position: i = "bottom-right", hotkey: a = ["altKey", "KeyT"], expand: o, closeButton: c, className: l, offset: u, mobileOffset: d, theme: f = "light", richColors: p, duration: m, style: h, visibleToasts: ee = H, toastOptions: g, dir: _ = K(), gap: v = W, icons: y, customAriaLabel: b, containerAriaLabel: x = "Notifications" } = e, [C, w] = s.useState([]), T = s.useMemo(() => n ? C.filter((e) => e.toasterId === n) : C.filter((e) => !e.toasterId), [C, n]), E = s.useMemo(() => Array.from(new Set([i].concat(T.filter((e) => e.position).map((e) => e.position)))), [T, i]), [D, O] = s.useState([]), [k, A] = s.useState(!1), [j, M] = s.useState(!1), [te, N] = s.useState(f === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : f), P = s.useRef(null), F = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), I = s.useRef(null), L = s.useRef(!1), R = s.useCallback((e) => {
-		w((t) => (t.find((t) => t.id === e.id)?.delete || z.dismiss(e.id), t.filter(({ id: t }) => t !== e.id)));
+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)));
 	}, []);
-	return s.useEffect(() => z.subscribe((e) => {
+	return l.useEffect(() => H.subscribe((e) => {
 		e.dismiss ? requestAnimationFrame(() => {
-			w((t) => t.map((t) => t.id === e.id ? {
+			S((t) => t.map((t) => t.id === e.id ? {
 				...t,
 				delete: !0
 			} : t));
 		}) : setTimeout(() => {
-			S.flushSync(() => {
-				w((t) => {
+			C.flushSync(() => {
+				S((t) => {
 					let n = t.findIndex((t) => t.id === e.id);
 					return n === -1 ? [e, ...t] : [
 						...t.slice(0, n),
@@ -728,98 +787,98 @@ var _e = /*#__PURE__*/ s.forwardRef(function(e, t) {
 				});
 			});
 		});
-	}), []), s.useEffect(() => {
-		if (f !== "system") {
-			N(f);
+	}), []), l.useEffect(() => {
+		if (d !== "system") {
+			j(d);
 			return;
 		}
-		if (f === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? N("dark") : N("light")), typeof window > "u") return;
+		if (d === "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 }) => {
-				N(e ? "dark" : "light");
+				j(e ? "dark" : "light");
 			});
 		} catch {
 			e.addListener(({ matches: e }) => {
 				try {
-					N(e ? "dark" : "light");
+					j(e ? "dark" : "light");
 				} catch (e) {
 					console.error(e);
 				}
 			});
 		}
-	}, [f]), s.useEffect(() => {
-		C.length <= 1 && A(!1);
-	}, [C]), s.useEffect(() => {
+	}, [d]), l.useEffect(() => {
+		x.length <= 1 && O(!1);
+	}, [x]), l.useEffect(() => {
 		let e = (e) => {
 			if (a.length > 0 && a.every((t) => e[t] || e.code === t)) {
 				var t;
-				A(!0), (t = P.current) == null || t.focus();
+				O(!0), (t = M.current) == null || t.focus();
 			}
-			e.code === "Escape" && (document.activeElement === P.current || P.current?.contains(document.activeElement)) && A(!1);
+			e.code === "Escape" && (document.activeElement === M.current || M.current?.contains(document.activeElement)) && O(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [a]), s.useEffect(() => {
-		if (P.current) return () => {
-			I.current && (I.current.focus({ preventScroll: !0 }), I.current = null, L.current = !1);
+	}, [a]), l.useEffect(() => {
+		if (M.current) return () => {
+			P.current && (P.current.focus({ preventScroll: !0 }), P.current = null, F.current = !1);
 		};
-	}, [P.current]), /*#__PURE__*/ s.createElement("section", {
+	}, [M.current]), /*#__PURE__*/ l.createElement("section", {
 		ref: t,
-		"aria-label": b ?? `${x} ${F}`,
+		"aria-label": b ?? `${te} ${N}`,
 		tabIndex: -1,
 		"aria-live": "polite",
 		"aria-relevant": "additions text",
 		"aria-atomic": "false",
 		suppressHydrationWarning: !0,
 		"data-react-aria-top-layer": !0
-	}, E.map((t, n) => {
+	}, T.map((t, n) => {
 		let [i, a] = t.split("-");
-		return T.length ? /*#__PURE__*/ s.createElement("ol", {
+		return w.length ? /*#__PURE__*/ l.createElement("ol", {
 			key: t,
-			dir: _ === "auto" ? K() : _,
+			dir: _ === "auto" ? Y() : _,
 			tabIndex: -1,
-			ref: P,
-			className: l,
+			ref: M,
+			className: c,
 			"data-sonner-toaster": !0,
-			"data-sonner-theme": te,
+			"data-sonner-theme": re,
 			"data-y-position": i,
 			"data-x-position": a,
 			style: {
-				"--front-toast-height": `${D[0]?.height || 0}px`,
-				"--width": `${de}px`,
+				"--front-toast-height": `${E[0]?.height || 0}px`,
+				"--width": `${he}px`,
 				"--gap": `${v}px`,
-				...h,
-				...ge(u, d)
+				...m,
+				...be(ee, u)
 			},
 			onBlur: (e) => {
-				L.current && !e.currentTarget.contains(e.relatedTarget) && (L.current = !1, I.current &&= (I.current.focus({ preventScroll: !0 }), null));
+				F.current && !e.currentTarget.contains(e.relatedTarget) && (F.current = !1, P.current &&= (P.current.focus({ preventScroll: !0 }), null));
 			},
 			onFocus: (e) => {
-				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || L.current || (L.current = !0, I.current = e.relatedTarget);
+				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || F.current || (F.current = !0, P.current = e.relatedTarget);
 			},
-			onMouseEnter: () => A(!0),
-			onMouseMove: () => A(!0),
+			onMouseEnter: () => O(!0),
+			onMouseMove: () => O(!0),
 			onMouseLeave: () => {
-				j || A(!1);
+				k || O(!1);
 			},
-			onDragEnd: () => A(!1),
+			onDragEnd: () => O(!1),
 			onPointerDown: (e) => {
-				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || M(!0);
+				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || A(!0);
 			},
-			onPointerUp: () => M(!1)
-		}, T.filter((e) => !e.position && n === 0 || e.position === t).map((n, i) => /*#__PURE__*/ s.createElement(he, {
+			onPointerUp: () => A(!1)
+		}, w.filter((e) => !e.position && n === 0 || e.position === t).map((n, i) => /*#__PURE__*/ l.createElement(J, {
 			key: n.id,
 			icons: y,
 			index: i,
 			toast: n,
-			defaultRichColors: p,
-			duration: g?.duration ?? m,
+			defaultRichColors: f,
+			duration: g?.duration ?? p,
 			className: g?.className,
 			descriptionClassName: g?.descriptionClassName,
 			invert: r,
-			visibleToasts: ee,
-			closeButton: g?.closeButton ?? c,
-			interacting: j,
+			visibleToasts: h,
+			closeButton: g?.closeButton ?? s,
+			interacting: k,
 			position: t,
 			style: g?.style,
 			unstyled: g?.unstyled,
@@ -827,51 +886,51 @@ var _e = /*#__PURE__*/ s.forwardRef(function(e, t) {
 			cancelButtonStyle: g?.cancelButtonStyle,
 			actionButtonStyle: g?.actionButtonStyle,
 			closeButtonAriaLabel: g?.closeButtonAriaLabel,
-			removeToast: R,
-			toasts: T.filter((e) => e.position == n.position),
-			heights: D.filter((e) => e.position == n.position),
-			setHeights: O,
+			removeToast: I,
+			toasts: w.filter((e) => e.position == n.position),
+			heights: E.filter((e) => e.position == n.position),
+			setHeights: ne,
 			expandByDefault: o,
 			gap: v,
-			expanded: k,
+			expanded: D,
 			swipeDirections: e.swipeDirections
 		}))) : null;
 	}));
 });
 // packages/feedback/src/toast.tsx
-function q({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notification", offset: n = i.xl, mobileOffset: a = i.lg, ...o }) {
-	return /* @__PURE__ */ f(_e, {
+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",
 		style: {
-			zIndex: r.popup,
+			zIndex: i.popup,
 			transitionProperty: "opacity, transform"
 		},
 		offset: n,
-		mobileOffset: a,
+		mobileOffset: r,
 		closeButton: e,
 		icons: {
-			success: /* @__PURE__ */ f(h, {
+			success: /* @__PURE__ */ p(g, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x7ixh4y"
 			}),
-			error: /* @__PURE__ */ f(ee, {
+			error: /* @__PURE__ */ p(_, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q xr5kp14"
 			}),
-			warning: /* @__PURE__ */ f(v, {
+			warning: /* @__PURE__ */ p(b, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x1f9ixgr"
 			}),
-			info: /* @__PURE__ */ f(g, {
+			info: /* @__PURE__ */ p(v, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
 			}),
-			loading: /* @__PURE__ */ f(_, {
+			loading: /* @__PURE__ */ p(y, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
 			}),
-			close: /* @__PURE__ */ f(y, {
+			close: /* @__PURE__ */ p(te, {
 				"aria-hidden": !0,
 				className: "xtwnzbg x18utl2x x7zct4q"
 			})
@@ -881,45 +940,45 @@ function q({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notificatio
 			closeButtonAriaLabel: t,
 			style: { transitionProperty: "opacity, transform" },
 			classNames: {
-				toast: { className: "x1bl4301 x78zum5 x1a02dak x6s0dn4 x1hnptsi x1c8xbx5 x2ik7qb 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 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 ?? "",
 				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 xaeotn9 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 xaeotn9 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 xaeotn9 xwu7q15 x1hmw7ec xc342km x1ok0vyi x1hz01jw xtqrqnz x1778rvt xk4h15q xeaf4i8 xj0a0fe x1ypdohk x10l6tqk x1m7q2ru x1b86y6l x1udcv4t xidce53 xnjsko4 xjbqb8w x153jb6y xg54am9 xfkdqyo x1snzz31 xqu5dr6 x1qgcmqu x19j7ixz xgam3oh x7s97pk x1hc1fzr xnglhca x19991ni xkwcdv0 x19hn9gq" }.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 ?? ""
 			}
 		}
 	});
 }
 // packages/feedback/src/async-region.tsx
-var ve = c(!1);
-function J({ enter: e, fill: t = !1, children: n }) {
-	let r = l(ve), [i] = d(e && !r), [a, o] = d(i);
-	return u(() => {
+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__ */ f("div", {
+	}, []), /* @__PURE__ */ p("div", {
 		...{
 			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__ */ f(ve, {
+		children: /* @__PURE__ */ p(Se, {
 			value: a,
 			children: n
 		})
 	});
 }
-function Y({ label: e, placeholder: t, fill: r = !1, startedAt: i, delayMs: a = 0 }) {
-	let [s] = d(() => i ?? Date.now()), [c, l] = d(a <= 0);
-	return u(() => {
-		let e = Math.max(0, a - (Date.now() - s)), t = setTimeout(() => l(!0), e);
+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);
 		return () => clearTimeout(t);
-	}, [s, a]), /* @__PURE__ */ p("div", {
+	}, [a, i]), /* @__PURE__ */ m("div", {
 		...{
 			0: { className: "xeuugli" },
 			4: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" },
@@ -929,41 +988,41 @@ function Y({ label: e, placeholder: t, fill: r = !1, startedAt: i, delayMs: a =
 			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" }
-		}[!!r << 2 | !c << 1 | !!c],
-		children: [c && /* @__PURE__ */ f("span", {
+		}[!!n << 2 | !s << 1 | !!s],
+		children: [s && /* @__PURE__ */ p("span", {
 			role: "status",
-			...o.props(n.hidden),
+			...c.props(o.hidden),
 			children: e
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ p("div", {
 			"aria-hidden": "true",
 			inert: !0,
 			...{
 				0: { className: "xeuugli" },
 				1: { className: "xeuugli x98rzlu x2lwn1j x78zum5 xdt5ytf" }
-			}[!!r | 0],
+			}[!!n | 0],
 			children: t
 		})]
 	});
 }
-function X({ pending: e, label: t, placeholder: n, children: r, fill: i = !1, startedAt: a, delayMs: o }) {
-	let [s, c] = d(e);
-	return e && !s && c(!0), /* @__PURE__ */ f("div", {
+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__ */ f(Y, {
+		children: e ? /* @__PURE__ */ p(Ce, {
 			label: t,
 			placeholder: n,
 			fill: i,
 			startedAt: a,
 			delayMs: o
-		}, a) : /* @__PURE__ */ f(J, {
+		}, a) : /* @__PURE__ */ p(Z, {
 			enter: s,
 			fill: i,
 			children: r
 		})
 	});
 }
-export { M as a, D as c, C as d, w as f, B as i, O as l, J as n, j as o, q as r, A as s, X as t, k as u };
+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 };