@mechane-ai/elements 0.11.0 → 0.13.0

package/dist/src-B0UTwpOz.js

@@ -0,0 +1,1003 @@
+import { O as e, i as t, s as n } from "./src-BNlyCwOr.js";
+import { controls as r, layers as i, loading as a, spacing as o } from "./tokens.js";
+import { t as s } from "./accessibility-C-aIZ1Yx.js";
+import { mergeProps as c } from "@base-ui/react/merge-props";
+import * as l from "@stylexjs/stylex";
+import u, { createContext as d, useContext as f, useEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as ee, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Box as v, CircleCheck as y, CircleX as b, Info as te, LoaderCircle as x, TriangleAlert as S, X as C } from "lucide-react";
+import { Meter as w } from "@base-ui/react/meter";
+import { Progress as T } from "@base-ui/react/progress";
+import E from "react-dom";
+// packages/feedback/src/feedback.tsx
+function 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__ */ g(v, {
+				size: 22,
+				"aria-hidden": !0,
+				className: "x153jb6y x2lah0s"
+			}),
+			/* @__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 re({ error: e = !1, ...t }) {
+	return /* @__PURE__ */ g("div", { ...c({ role: e ? "alert" : "status" }, {
+		0: { className: "xeuugli x193iq5w x9f619 x1qokhjc x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj57cvi x1dqe72f x1f9ixgr xj0a0fe" },
+		1: { className: "xeuugli x193iq5w x9f619 x1qokhjc x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj57cvi xj0a0fe xr5kp14 xcqwzn" }
+	}[!!e | 0], t) });
+}
+// packages/feedback/src/skeleton.tsx
+var D = {
+	skeleton: {
+		k1xSpc: "x1lliihq",
+		ks0D6T: "x193iq5w",
+		kWkggS: "x1fa40ue",
+		kaIpWk: "x1ok0vyi",
+		kmuXW: "x2lah0s",
+		$$css: !0
+	},
+	dimensions: (e, t) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		kZKoxP: t == null ? t : "x16ye13r",
+		$$css: !0
+	}, {
+		"--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
+		"--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
+	}],
+	width: (e) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		$$css: !0
+	}, { "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }],
+	circle: {
+		kaIpWk: "x16rqkct",
+		$$css: !0
+	},
+	rectangle: { $$css: !0 },
+	text: {
+		k1xSpc: "x3nfvp2",
+		kXwgrk: "xdt5ytf",
+		k7Eaqz: "xeuugli",
+		ks0D6T: "x193iq5w",
+		kXLuUW: "x16dsc37",
+		$$css: !0
+	},
+	label: {
+		k7Eaqz: "xeuugli",
+		$$css: !0
+	}
+}, O = {
+	rectangle: D.rectangle,
+	circle: D.circle
+};
+function k({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
+	return /* @__PURE__ */ g("span", {
+		"aria-hidden": !0,
+		...l.props(D.skeleton, D.dimensions(e, t), O[n])
+	});
+}
+function A({ lines: e = 1, width: t = "100%" }) {
+	return /* @__PURE__ */ g("span", {
+		"aria-hidden": !0,
+		...l.props(D.text, D.width(t)),
+		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ g("span", {
+			className: "x78zum5 x6s0dn4 xg2ss61",
+			children: /* @__PURE__ */ g(k, {
+				width: e > 1 && n === e - 1 ? "65%" : "100%",
+				height: "0.6em"
+			})
+		}, `placeholder-${n}`))
+	});
+}
+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__ */ g(x, {
+			"aria-hidden": !0,
+			className: "xtwnzbg x18utl2x x2lah0s"
+		}), /* @__PURE__ */ g("span", {
+			...l.props(D.label, !t && s.hidden),
+			children: e
+		})]
+	});
+}
+// packages/feedback/src/control-placeholders.tsx
+var M = {
+	ks0D6T: "x193iq5w",
+	$$css: !0
+}, N = {
+	kZKoxP: "x16ye13r",
+	$$css: !0
+}, P = {
+	button: {
+		kWkggS: "x1r7kqkb",
+		kXLuUW: "xxymvpz",
+		$$css: !0
+	},
+	singleLine: {
+		k1xSpc: "x78zum5",
+		kGNEyG: "x6s0dn4",
+		$$css: !0
+	},
+	width: (e) => [
+		M,
+		{
+			kzqmXN: e == null ? e : "x5lhr3w",
+			$$css: !0
+		},
+		{ "--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+	],
+	rows: (e) => [N, { "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(`calc(${e} * 1lh + 2 * ${r.paddingBlock} + 2px)`) }]
+};
+function F({ width: t = "7ch", icon: n = !1, xstyle: i }) {
+	return /* @__PURE__ */ g("span", {
+		"aria-hidden": !0,
+		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 I({ label: t, hint: n, multiline: r = !1, rows: i = 4, width: a = "100%", xstyle: o }) {
+	let s = r ? Math.min(i, 6) : 1;
+	return /* @__PURE__ */ _("div", {
+		"aria-hidden": !0,
+		...l.props(e.fieldRoot, P.width(a), o),
+		children: [
+			t !== void 0 && /* @__PURE__ */ g("span", {
+				...l.props(e.label),
+				children: t
+			}),
+			/* @__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__ */ g("span", {
+				...l.props(e.description),
+				children: n
+			})
+		]
+	});
+}
+// packages/feedback/src/progress.tsx
+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__ */ _("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ g(T.Label, {
+				className: "xeuugli x193iq5w",
+				children: e
+			}), /* @__PURE__ */ g("span", {
+				className: "xeuugli x193iq5w x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__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__ */ g(T.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+		})]
+	});
+}
+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__ */ _("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ g("span", {
+				className: "xeuugli x193iq5w",
+				children: e
+			}), /* @__PURE__ */ g("span", {
+				className: "xeuugli x193iq5w x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ g("div", {
+			"aria-hidden": !0,
+			className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619"
+		})]
+	}) : /* @__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__ */ _("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ g(w.Label, {
+				className: "xeuugli x193iq5w",
+				children: e
+			}), /* @__PURE__ */ g("span", {
+				className: "xeuugli x193iq5w x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ g(w.Track, {
+			className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr",
+			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 ae = (e) => {
+	switch (e) {
+		case "success": return ce;
+		case "info": return le;
+		case "warning": return R;
+		case "error": return z;
+		default: return null;
+	}
+}, 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__*/ u.createElement("div", { className: "sonner-spinner" }, oe.map((e, t) => /*#__PURE__*/ u.createElement("div", {
+	className: "sonner-loading-bar",
+	key: `spinner-bar-${t}`
+})))), 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__*/ 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"
+})), 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__*/ 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"
+})), 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__*/ 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__*/ 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__*/ 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"
+})), ue = /*#__PURE__*/ u.createElement("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true"
+}, /*#__PURE__*/ u.createElement("line", {
+	x1: "18",
+	y1: "6",
+	x2: "6",
+	y2: "18"
+}), /*#__PURE__*/ u.createElement("line", {
+	x1: "6",
+	y1: "6",
+	x2: "18",
+	y2: "18"
+})), 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;
+}, 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);
+			this.subscribers.splice(t, 1);
+		}), this.publish = (e) => {
+			this.subscribers.forEach((t) => t(e));
+		}, this.addToast = (e) => {
+			this.publish(e), this.toasts = [...this.toasts, e], this.trimHistory();
+		}, this.trimHistory = () => {
+			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 = 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({
+				...n,
+				...e,
+				id: r,
+				title: t
+			}), {
+				...n,
+				...e,
+				id: r,
+				dismissible: o,
+				title: t
+			}) : n) : this.addToast({
+				title: t,
+				...n,
+				dismissible: o,
+				id: r
+			}), r;
+		}, this.dismiss = (e) => {
+			if (e == null) return this.getActiveToasts().forEach((e) => {
+				this.dismissedToasts.add(e.id), this.subscribers.forEach((t) => t({
+					id: e.id,
+					dismiss: !0
+				}));
+			}), e;
+			this.dismissedToasts.add(e);
+			let t = this.pendingDismissals.get(e);
+			return t !== void 0 && cancelAnimationFrame(t), this.pendingDismissals.set(e, requestAnimationFrame(() => {
+				this.pendingDismissals.delete(e), this.subscribers.forEach((t) => t({
+					id: e,
+					dismiss: !0
+				}));
+			})), e;
+		}, this.message = (e, t) => this.create({
+			...t,
+			message: e,
+			type: void 0
+		}), this.error = (e, t) => this.create({
+			...t,
+			message: e,
+			type: "error"
+		}), this.success = (e, t) => this.create({
+			...t,
+			type: "success",
+			message: e
+		}), this.info = (e, t) => this.create({
+			...t,
+			type: "info",
+			message: e
+		}), this.warning = (e, t) => this.create({
+			...t,
+			type: "warning",
+			message: e
+		}), this.loading = (e, t) => this.create({
+			...t,
+			type: "loading",
+			message: e
+		}), this.promise = (e, t) => {
+			if (!t) return;
+			let n;
+			t.loading !== void 0 && (n = this.create({
+				...t,
+				promise: e,
+				type: "loading",
+				message: t.loading,
+				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], u.isValidElement(e)) i = !1, this.create({
+					id: n,
+					type: "default",
+					message: e
+				});
+				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" && !u.isValidElement(r) ? r : { message: r };
+					this.create({
+						id: n,
+						type: "error",
+						description: a,
+						...o
+					});
+				} 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" && !u.isValidElement(r) ? r : { message: r };
+					this.create({
+						id: n,
+						type: "error",
+						description: a,
+						...o
+					});
+				} 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" && !u.isValidElement(r) ? r : { message: r };
+					this.create({
+						id: n,
+						type: "success",
+						description: a,
+						...o
+					});
+				}
+			}).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" && !u.isValidElement(r) ? r : { message: r };
+					this.create({
+						id: n,
+						type: "error",
+						description: a,
+						...o
+					});
+				}
+			}).finally(() => {
+				i && (this.dismiss(n), n = void 0), t.finally == null || t.finally.call(t);
+			}), 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 = B(t);
+			return this.create({
+				...t,
+				jsx: e(n),
+				id: n,
+				type: void 0
+			}), 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();
+	}
+}(), 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: () => V.toasts,
+	getToasts: () => V.getActiveToasts()
+});
+function U(e) {
+	return e.label !== void 0;
+}
+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 xe(e) {
+	let [t, n] = e.split("-"), r = [];
+	return t && r.push(t), n && r.push(n), r;
+}
+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 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]), 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, ce(r), a((e) => e.find((e) => e.toastId === n.id) ? e.map((e) => e.toastId === n.id ? {
+			...e,
+			height: r
+		} : e) : [{
+			toastId: n.id,
+			height: r,
+			position: n.position
+		}, ...e]);
+	}, [
+		D,
+		n.title,
+		n.description,
+		a,
+		n.id,
+		n.jsx,
+		n.action,
+		n.cancel
+	]);
+	let $ = u.useCallback(() => {
+		A(!0), L(K.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
+			f(n);
+		}, be);
+	}, [
+		n,
+		f,
+		a,
+		K
+	]);
+	u.useEffect(() => {
+		if (n.promise && B === "loading" || n.duration === Infinity || n.type === "loading") return;
+		let e;
+		return d || i || Y ? (() => {
+			if (Se.current < G.current) {
+				let e = (/* @__PURE__ */ new Date()).getTime() - G.current;
+				R.current -= e;
+			}
+			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), $();
+		}, R.current)), () => clearTimeout(e);
+	}, [
+		d,
+		i,
+		n,
+		B,
+		Y,
+		$
+	]), u.useEffect(() => {
+		n.delete && ($(), n.onDismiss == null || n.onDismiss.call(n, n));
+	}, [$, n.delete]);
+	function Ee() {
+		return C?.loading ? /*#__PURE__*/ u.createElement("div", {
+			className: q(S?.loader, n?.classNames?.loader, "sonner-loader"),
+			"data-visible": B === "loading"
+		}, C.loading) : /*#__PURE__*/ u.createElement(se, {
+			className: q(S?.loader, n?.classNames?.loader),
+			visible: B === "loading"
+		});
+	}
+	let De = n.icon || C?.[B] || ae(B);
+	return /*#__PURE__*/ u.createElement("li", {
+		tabIndex: 0,
+		ref: z,
+		className: q(_, me, S?.toast, n?.classNames?.toast, S?.[V], n?.classNames?.[V]),
+		"data-sonner-toast": "",
+		"data-rich-colors": n.richColors ?? p,
+		"data-styled": !(n.jsx || n.unstyled || r),
+		"data-mounted": D,
+		"data-promise": !!n.promise,
+		"data-swiped": F,
+		"data-removed": k,
+		"data-visible": pe,
+		"data-y-position": Ce,
+		"data-x-position": we,
+		"data-index": c,
+		"data-front": fe,
+		"data-swiping": j,
+		"data-dismissible": H,
+		"data-type": B,
+		"data-invert": Z,
+		"data-swipe-out": N,
+		"data-swipe-direction": ne,
+		"data-expanded": !!(d || x && D),
+		"data-testid": n.testId,
+		style: {
+			"--index": c,
+			"--toasts-before": c,
+			"--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), J.current = null;
+		},
+		onPointerDown: (e) => {
+			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 || !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 = 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 (!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 (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" && (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 = 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`);
+		}
+	}, ge && !n.jsx && B !== "loading" ? /*#__PURE__*/ u.createElement("button", {
+		"aria-label": w,
+		"data-disabled": Q,
+		"data-close-button": !0,
+		onClick: Q || !H ? () => {} : () => {
+			$(), n.onDismiss == null || n.onDismiss.call(n, n);
+		},
+		className: q(S?.closeButton, n?.classNames?.closeButton)
+	}, 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)
+	}, 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__*/ 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__*/ u.createElement("div", {
+		"data-description": "",
+		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 || ee,
+		onClick: (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__*/ 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) => {
+			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 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 Ce(e, t) {
+	let n = {};
+	return [e, t].forEach((e, t) => {
+		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? _e : ge;
+		function o(e) {
+			[
+				"top",
+				"right",
+				"bottom",
+				"left"
+			].forEach((t) => {
+				n[`${i}-${t}`] = typeof e == "number" ? `${e}px` : e;
+			});
+		}
+		typeof e == "number" || typeof e == "string" ? o(e) : typeof e == "object" ? [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		].forEach((t) => {
+			e[t] === void 0 ? n[`${i}-${t}`] = a : n[`${i}-${t}`] = typeof e[t] == "number" ? `${e[t]}px` : e[t];
+		}) : o(a);
+	}), n;
+}
+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 u.useEffect(() => V.subscribe((e) => {
+		e.dismiss ? requestAnimationFrame(() => {
+			S((t) => t.map((t) => t.id === e.id ? {
+				...t,
+				delete: !0
+			} : t));
+		}) : setTimeout(() => {
+			E.flushSync(() => {
+				S((t) => {
+					let n = t.findIndex((t) => t.id === e.id);
+					return n === -1 ? [e, ...t] : [
+						...t.slice(0, n),
+						{
+							...t[n],
+							...e
+						},
+						...t.slice(n + 1)
+					];
+				});
+			});
+		});
+	}), []), u.useEffect(() => {
+		if (f !== "system") {
+			j(f);
+			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 }) => {
+				j(e ? "dark" : "light");
+			});
+		} catch {
+			e.addListener(({ matches: e }) => {
+				try {
+					j(e ? "dark" : "light");
+				} catch (e) {
+					console.error(e);
+				}
+			});
+		}
+	}, [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;
+				D(!0), (t = M.current) == null || t.focus();
+			}
+			e.code === "Escape" && (document.activeElement === M.current || M.current?.contains(document.activeElement)) && D(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [a]), u.useEffect(() => {
+		if (M.current) return () => {
+			P.current && (P.current.focus({ preventScroll: !0 }), P.current = null, F.current = !1);
+		};
+	}, [M.current]), /*#__PURE__*/ u.createElement("section", {
+		ref: t,
+		"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
+	}, w.map((t, n) => {
+		let [i, a] = t.split("-");
+		return C.length ? /*#__PURE__*/ u.createElement("ol", {
+			key: t,
+			dir: _ === "auto" ? J() : _,
+			tabIndex: -1,
+			ref: M,
+			className: c,
+			"data-sonner-toaster": !0,
+			"data-sonner-theme": A,
+			"data-y-position": i,
+			"data-x-position": a,
+			style: {
+				"--front-toast-height": `${T[0]?.height || 0}px`,
+				"--width": `${G}px`,
+				"--gap": `${v}px`,
+				...h,
+				...Ce(l, d)
+			},
+			onBlur: (e) => {
+				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" || F.current || (F.current = !0, P.current = e.relatedTarget);
+			},
+			onMouseEnter: () => D(!0),
+			onMouseMove: () => D(!0),
+			onMouseLeave: () => {
+				O || D(!1);
+			},
+			onDragEnd: () => D(!1),
+			onPointerDown: (e) => {
+				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || k(!0);
+			},
+			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: p,
+			duration: g?.duration ?? m,
+			className: g?.className,
+			descriptionClassName: g?.descriptionClassName,
+			invert: r,
+			visibleToasts: ee,
+			closeButton: g?.closeButton ?? s,
+			interacting: O,
+			position: t,
+			style: g?.style,
+			unstyled: g?.unstyled,
+			classNames: g?.classNames,
+			cancelButtonStyle: g?.cancelButtonStyle,
+			actionButtonStyle: g?.actionButtonStyle,
+			closeButtonAriaLabel: g?.closeButtonAriaLabel,
+			removeToast: I,
+			toasts: C.filter((e) => e.position == n.position),
+			heights: T.filter((e) => e.position == n.position),
+			setHeights: ne,
+			expandByDefault: o,
+			gap: v,
+			expanded: re,
+			swipeDirections: e.swipeDirections
+		}))) : null;
+	}));
+});
+// packages/feedback/src/toast.tsx
+function Te({ closeButton: e = !0, closeButtonAriaLabel: t = "Dismiss notification", offset: n = o.xl, mobileOffset: r = o.lg, ...a }) {
+	return /* @__PURE__ */ g(we, {
+		...a,
+		className: "x1xzild6 xkwcdv0 x19hn9gq x350ok5 x1dknavn x1qgcmqu x19j7ixz xgam3oh x7s97pk",
+		style: {
+			zIndex: i.popup,
+			transitionProperty: "opacity, transform"
+		},
+		offset: n,
+		mobileOffset: r,
+		closeButton: e,
+		icons: {
+			success: /* @__PURE__ */ g(y, {
+				"aria-hidden": !0,
+				className: "xtwnzbg x18utl2x x7zct4q x7ixh4y"
+			}),
+			error: /* @__PURE__ */ g(b, {
+				"aria-hidden": !0,
+				className: "xtwnzbg x18utl2x x7zct4q xr5kp14"
+			}),
+			warning: /* @__PURE__ */ g(S, {
+				"aria-hidden": !0,
+				className: "xtwnzbg x18utl2x x7zct4q x1f9ixgr"
+			}),
+			info: /* @__PURE__ */ g(te, {
+				"aria-hidden": !0,
+				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
+			}),
+			loading: /* @__PURE__ */ g(x, {
+				"aria-hidden": !0,
+				className: "xtwnzbg x18utl2x x7zct4q x153jb6y"
+			}),
+			close: /* @__PURE__ */ g(C, {
+				"aria-hidden": !0,
+				className: "xtwnzbg x18utl2x x7zct4q"
+			})
+		},
+		toastOptions: {
+			unstyled: !0,
+			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 ?? "",
+				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 ?? ""
+			}
+		}
+	});
+}
+// packages/feedback/src/async-region.tsx
+var Y = d(void 0), X = d(!1), Z = a.delaySeconds * 1e3;
+function Q({ identity: e, children: t }) {
+	let [n, r] = h(() => ({
+		identity: e,
+		startedAt: Date.now()
+	})), i = n;
+	return n.identity !== e && (i = {
+		identity: e,
+		startedAt: Date.now()
+	}, r(i)), /* @__PURE__ */ g(Y, {
+		value: i,
+		children: t
+	});
+}
+function $({ enter: e, children: t }) {
+	let n = f(X), [r, i] = h(e && !n), a = m(null);
+	return p(() => {
+		let e = a.current;
+		if (!r || e === null) return;
+		let t = !0;
+		return Promise.allSettled(e.getAnimations().map((e) => e.finished)).then(() => {
+			t && i(!1);
+		}), () => {
+			t = !1;
+		};
+	}, [r]), /* @__PURE__ */ g("div", {
+		ref: a,
+		...{
+			0: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu" },
+			1: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xqcmdr3 xcgnenq xk4ixfy x1c3o69q" }
+		}[!!r | 0],
+		children: /* @__PURE__ */ g(X, {
+			value: n || r,
+			children: t
+		})
+	});
+}
+function Ee({ label: e, placeholder: t, startedAt: n }) {
+	let [r, i] = h(() => Date.now() - n >= Z ? n : void 0), a = r === n;
+	return p(() => {
+		let e = Math.max(0, Z - (Date.now() - n)), t = setTimeout(() => i(n), e);
+		return () => clearTimeout(t);
+	}, [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 x2lwn1j x78zum5 xdt5ytf x98rzlu x1nked9z" },
+				2: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xlshs6z x1nked9z" },
+				1: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xqcmdr3 xcgnenq x1c3o69q x1nked9z" },
+				3: { className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu xlshs6z xqcmdr3 xcgnenq x1c3o69q x1nked9z" }
+			}[!a << 1 | !!a],
+			children: t
+		})
+	}), a && /* @__PURE__ */ g("span", {
+		role: "status",
+		...l.props(s.hidden),
+		children: e
+	})] });
+}
+function De(e) {
+	let t = f(Y), [n, r] = h(() => ({
+		state: e.state,
+		scope: t,
+		startedAt: t?.startedAt ?? Date.now(),
+		wasPending: e.state === "pending"
+	})), i = n;
+	if (n.scope !== t || n.state !== e.state) {
+		let a = n.scope !== t, o = n.startedAt;
+		a ? o = t?.startedAt ?? Date.now() : e.state === "pending" && (o = Date.now()), i = {
+			state: e.state,
+			scope: t,
+			startedAt: o,
+			wasPending: e.state === "pending" || !a && n.wasPending
+		}, r(i);
+	}
+	return /* @__PURE__ */ g("div", {
+		className: "x1n2onr6 xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu",
+		children: e.state === "pending" ? /* @__PURE__ */ g(Ee, {
+			label: e.label,
+			placeholder: e.placeholder,
+			startedAt: i.startedAt
+		}) : e.state === "failed" ? /* @__PURE__ */ g("div", {
+			className: "xeuugli x2lwn1j x78zum5 xdt5ytf x98rzlu",
+			children: e.children
+		}) : /* @__PURE__ */ g($, {
+			enter: i.wasPending,
+			children: e.children
+		})
+	});
+}
+export { 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 };