solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/lib/client/toast-DmtPJW2k.js

@@ -0,0 +1,1118 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
+import { transitionStatusMapping as a } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as o, liveEventHandler as s } from "./internals/composeEventHandlers.js";
+import { t as c } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { h as l, i as u, m as d, n as f, o as p, t as m } from "./dom-lDdayFF_.js";
+import { t as h } from "./createAnchorPositioning-DCXIApS1.js";
+import { _ as g, g as _, n as v, o as y } from "./popupStateMapping-nhukB8NK.js";
+import { t as b } from "./setRef-fXF6OIo3.js";
+import { a as x, i as S, n as C, r as w, t as ee } from "./buttonSemantics-paljfpOX.js";
+import { n as T } from "./DirectionContext-BwMabICS.js";
+import { a as te, i as E, n as D, t as ne } from "./constants-ByOMFJAe.js";
+import { createComponent as O, effect as re, getNextElement as k, insert as ie, memo as ae, mergeProps as A, runHydrationEvents as j, spread as M, style as oe, template as N } from "@solidjs/web";
+import { For as se, Show as P, children as F, createContext as ce, createEffect as I, createMemo as L, createSignal as R, createUniqueId as z, flush as le, omit as B, onCleanup as ue, untrack as V, useContext as H } from "solid-js";
+//#region src/toast/utils/focusVisible.ts
+function U(e) {
+	if (!e) return !0;
+	try {
+		return e.matches(":focus-visible");
+	} catch {
+		return !0;
+	}
+}
+//#endregion
+//#region src/toast/utils/generateToastId.ts
+var W = 0;
+function G(e = "toast") {
+	return W += 1, `${e}-${Math.random().toString(36).slice(2, 6)}-${W}`;
+}
+//#endregion
+//#region src/toast/utils/resolvePromiseOptions.ts
+function K(e, t) {
+	if (typeof e == "string") return { description: e };
+	if (typeof e == "function") {
+		let n = e(t);
+		return typeof n == "string" ? { description: n } : n;
+	}
+	return e;
+}
+//#endregion
+//#region src/toast/store/ToastStore.ts
+function de(e) {
+	let t = /* @__PURE__ */ new Map(), n = 0, r = 0;
+	return e.forEach((e, i) => {
+		let a = e.transitionStatus === "ending";
+		t.set(e.id, {
+			value: e,
+			domIndex: i,
+			visibleIndex: a ? -1 : n,
+			offsetY: r
+		}), r += e.height || 0, a || (n += 1);
+	}), t;
+}
+function q(e, t) {
+	let n = 0;
+	return e.map((e) => {
+		if (e.transitionStatus === "ending") return e;
+		let r = n >= t;
+		return n += 1, e.limited === r ? e : {
+			...e,
+			limited: r
+		};
+	});
+}
+var J = {
+	toasts: (e) => e.toasts,
+	isEmpty: (e) => e.toasts.length === 0,
+	toast: (e, t) => e.toastMetadata.get(t)?.value,
+	toastIndex: (e, t) => e.toastMetadata.get(t)?.domIndex ?? -1,
+	toastOffsetY: (e, t) => e.toastMetadata.get(t)?.offsetY ?? 0,
+	toastVisibleIndex: (e, t) => e.toastMetadata.get(t)?.visibleIndex ?? -1,
+	focused: (e) => e.focused,
+	expanded: (e) => e.hovering || e.focused,
+	expandedOrOutOfFocus: (e) => e.hovering || e.focused || !e.isWindowFocused,
+	prevFocusElement: (e) => e.prevFocusElement
+}, Y = class extends g {
+	timers = /* @__PURE__ */ new Map();
+	areTimersPaused = !1;
+	constructor(e) {
+		super({
+			...e,
+			toastMetadata: de(e.toasts)
+		}, {});
+	}
+	setViewport = (e) => {
+		this.set("viewport", e);
+	};
+	syncProviderProps(e, t) {
+		let n = this.state.limit !== t;
+		if (this.state.timeout === e && !n) return;
+		let r = {
+			timeout: e,
+			limit: t
+		};
+		if (n) {
+			let e = q(this.state.toasts, t);
+			r.toasts = e, r.toastMetadata = de(e);
+		}
+		this.update(r);
+	}
+	dispose = () => {
+		this.timers.forEach((e) => this.stopTimer(e)), this.timers.clear();
+	};
+	removeToast(e, t = !1) {
+		let n = J.toastIndex(this.state, e);
+		if (n === -1) return;
+		let r = this.state.toasts[n];
+		t || r?.onRemove?.();
+		let i = [...this.state.toasts];
+		i.splice(n, 1), this.setToasts(i);
+	}
+	addToast = (e) => {
+		let { timeout: t, limit: n } = this.state, r = e.id || G();
+		if (e.id) {
+			let t = J.toast(this.state, e.id);
+			if (t) {
+				if (t.transitionStatus === "ending") this.removeToast(e.id, !0);
+				else {
+					let t = { ...e };
+					return delete t.id, delete t.transitionStatus, this.updateToastInternal(e.id, t, !0, !0), e.id;
+				}
+			}
+		}
+		let i = {
+			...e,
+			id: r,
+			updateKey: 0,
+			transitionStatus: "starting"
+		}, a = [i, ...this.state.toasts];
+		this.setToasts(q(a, n));
+		let o = i.timeout ?? t;
+		return i.type !== "loading" && o > 0 && this.scheduleTimer(r, o, () => this.closeToast(r)), J.expandedOrOutOfFocus(this.state) && this.pauseTimers(), r;
+	};
+	updateToast = (e, t) => {
+		let n = J.toast(this.state, e);
+		!n || n.transitionStatus === "ending" || this.updateToastInternal(e, typeof t == "function" ? t(n) : t, !1, !0);
+	};
+	updateToastInternal = (e, t, n = !1, r = !1) => {
+		let { timeout: i, toasts: a } = this.state, o = J.toast(this.state, e);
+		if (!o || o.transitionStatus === "ending") return;
+		let s = {
+			...o,
+			...t,
+			...r && { updateKey: o.updateKey + 1 }
+		};
+		this.setToasts(a.map((t) => t.id === e ? s : t));
+		let c = s.timeout ?? i, l = o.timeout ?? i, u = Object.hasOwn(t, "timeout"), d = s.transitionStatus !== "ending" && s.type !== "loading" && c > 0, f = this.timers.has(e), p = l !== c, m = o.type === "loading";
+		if (!d && f) {
+			this.clearTimer(e);
+			return;
+		}
+		d && (!f || p || u || m || n) && (this.clearTimer(e), this.scheduleTimer(e, c, () => this.closeToast(e)), J.expandedOrOutOfFocus(this.state) && this.pauseTimers());
+	};
+	closeToast = (e) => {
+		let t = e === void 0, { limit: n, toasts: r } = this.state, i;
+		if (t) i = r, this.clearTimers();
+		else {
+			let t = J.toast(this.state, e);
+			if (!t) return;
+			i = [t], this.clearTimer(e);
+		}
+		let a = q(r.map((n) => t || n.id === e ? {
+			...n,
+			transitionStatus: "ending",
+			height: 0
+		} : n), n);
+		this.setToasts(a, !a.some((e) => e.transitionStatus !== "ending")), i.forEach((e) => {
+			e.transitionStatus !== "ending" && e.onClose?.();
+		}), this.handleFocusManagement(e);
+	};
+	promiseToast = (e, t) => {
+		let n = K(t.loading), r = this.addToast({
+			...n,
+			type: "loading"
+		}), i = e.then((e) => {
+			let n = K(t.success, e);
+			return this.updateToast(r, {
+				...n,
+				type: "success",
+				timeout: n.timeout
+			}), e;
+		}).catch((e) => {
+			let n = K(t.error, e);
+			return this.updateToast(r, {
+				...n,
+				type: "error",
+				timeout: n.timeout
+			}), Promise.reject(e);
+		});
+		return Object.hasOwn(t, "setPromise") && t.setPromise(i), i;
+	};
+	pauseTimers() {
+		this.areTimersPaused || (this.areTimersPaused = !0, this.timers.forEach((e) => {
+			e.scheduled && (this.stopTimer(e), e.remaining = Math.max(e.remaining - (Date.now() - e.start), 0));
+		}));
+	}
+	resumeTimers() {
+		this.areTimersPaused && (this.areTimersPaused = !1, this.timers.forEach((e, t) => {
+			e.remaining = e.remaining > 0 ? e.remaining : e.delay, e.scheduled = !0, this.stopTimer(e), e.handle = setTimeout(() => {
+				e.handle = void 0, this.handleTimerFired(t), e.callback();
+			}, e.remaining), e.start = Date.now();
+		}));
+	}
+	restoreFocusToPrevElement() {
+		this.state.prevFocusElement?.focus({ preventScroll: !0 });
+	}
+	handleDocumentPointerDown = (e) => {
+		if (e.pointerType !== "touch") return;
+		let t = u(e);
+		f(this.state.viewport, t) || (this.resumeTimers(), this.update({
+			hovering: !1,
+			focused: !1
+		}));
+	};
+	scheduleTimer(e, t, n) {
+		let r = Date.now(), i = !J.expandedOrOutOfFocus(this.state), a = {
+			scheduled: i,
+			handle: void 0,
+			start: r,
+			delay: t,
+			remaining: t,
+			callback: n
+		};
+		i && (a.handle = setTimeout(() => {
+			a.handle = void 0, this.handleTimerFired(e), n();
+		}, t)), this.timers.set(e, a);
+	}
+	stopTimer(e) {
+		e.handle !== void 0 && (clearTimeout(e.handle), e.handle = void 0);
+	}
+	clearTimers() {
+		this.timers.forEach((e) => this.stopTimer(e)), this.timers.clear(), this.areTimersPaused = !1;
+	}
+	clearTimer(e) {
+		let t = this.timers.get(e);
+		t && this.stopTimer(t), this.timers.delete(e), this.resetPausedStateIfNoTimersRemain();
+	}
+	handleTimerFired(e) {
+		this.timers.delete(e), this.resetPausedStateIfNoTimersRemain();
+	}
+	resetPausedStateIfNoTimersRemain() {
+		this.timers.size === 0 && (this.areTimersPaused = !1);
+	}
+	setToasts(e, t = e.length === 0) {
+		let n = {
+			toasts: e,
+			toastMetadata: de(e)
+		};
+		t && (n.hovering = !1, n.focused = !1), this.update(n);
+	}
+	handleFocusManagement(e) {
+		let t = m(d(this.state.viewport));
+		if (!this.state.viewport || !f(this.state.viewport, t) || !U(t)) return;
+		if (e === void 0) {
+			this.restoreFocusToPrevElement();
+			return;
+		}
+		let n = J.toasts(this.state), r = J.toastIndex(this.state, e), i = (e, t) => {
+			for (let r = e; r >= 0 && r < n.length; r += t) if (n[r].transitionStatus !== "ending") return n[r];
+			return null;
+		}, a = i(r + 1, 1) ?? i(r - 1, -1);
+		a ? a.element?.focus() : this.restoreFocusToPrevElement();
+	}
+}, X = Symbol("ToastProviderContext"), fe = ce(X);
+function pe() {
+	let e = H(fe);
+	if (e === X) throw Error("Base UI: useToastManager must be used within <Toast.Provider>.");
+	return e;
+}
+//#endregion
+//#region src/toast/provider/ToastProvider.tsx
+function me(e) {
+	let t = new Y({
+		timeout: V(() => e.timeout ?? 5e3),
+		limit: V(() => e.limit ?? 3),
+		viewport: null,
+		toasts: [],
+		hovering: !1,
+		focused: !1,
+		isWindowFocused: !0,
+		prevFocusElement: null
+	});
+	return ue(t.dispose), I(() => ({
+		timeout: e.timeout ?? 5e3,
+		limit: e.limit ?? 3
+	}), ({ timeout: e, limit: n }) => {
+		t.syncProviderProps(e, n);
+	}), I(() => e.toastManager, (e) => {
+		if (e) return e[" subscribe"](({ action: e, options: n }) => {
+			let r = n.id;
+			e === "promise" && n.promise ? t.promiseToast(n.promise, n) : e === "update" && r ? t.updateToast(r, n.updates) : e === "close" ? t.closeToast(r) : t.addToast(n);
+		});
+	}), O(fe, {
+		value: t,
+		get children() {
+			return e.children;
+		}
+	});
+}
+//#endregion
+//#region src/toast/utils/mergeToastStyles.ts
+function he(e, t) {
+	if (typeof t == "string") {
+		let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
+		return n ? `${n};${t}` : t;
+	}
+	return {
+		...e,
+		...t || void 0
+	};
+}
+//#endregion
+//#region src/toast/viewport/ToastViewport.tsx
+var ge = /* @__PURE__ */ N("<div>"), _e = /* @__PURE__ */ N("<div role=alert aria-atomic=true><div></div><div>"), ve = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: 0,
+	padding: 0,
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: 0,
+	left: 0
+};
+function ye(e) {
+	let a = pe(), c = e, p = e, h = !1, g = !1, v = !1, y, b = L(() => a.track().viewport), x = L(() => J.isEmpty(a.track())), S = L(() => J.toasts(a.track())), C = L(() => J.focused(a.track())), w = L(() => J.expanded(a.track())), ee = L(() => J.prevFocusElement(a.track())), T = L(() => S()[0]?.height), te = L(() => S().some((e) => e.transitionStatus === "ending")), E = L(() => S().filter((e) => e.priority === "high"));
+	I(() => ({
+		empty: x(),
+		viewport: b()
+	}), ({ empty: e, viewport: t }) => {
+		if (!t || e) return;
+		let n = t, r = l(n), i = d(n);
+		function o(e) {
+			e.key === "F6" && u(e) !== n && (e.preventDefault(), a.set("prevFocusElement", m(i)), n.focus({ preventScroll: !0 }), a.pauseTimers(), a.set("focused", !0));
+		}
+		function s(e) {
+			u(e) === r && (a.set("isWindowFocused", !1), a.pauseTimers());
+		}
+		function c(e) {
+			if (e.relatedTarget) return;
+			let t = u(e), i = m(d(n));
+			(t === r || !f(n, t) || !U(i)) && a.resumeTimers(), clearTimeout(y), y = setTimeout(() => a.set("isWindowFocused", !0), 0);
+		}
+		return r.addEventListener("keydown", o), r.addEventListener("blur", s, !0), r.addEventListener("focus", c, !0), i.addEventListener("pointerdown", a.handleDocumentPointerDown, !0), () => {
+			r.removeEventListener("keydown", o), r.removeEventListener("blur", s, !0), r.removeEventListener("focus", c, !0), i.removeEventListener("pointerdown", a.handleDocumentPointerDown, !0), clearTimeout(y);
+		};
+	});
+	function D(e) {
+		h = !0;
+		let t = e.relatedTarget === a.state.viewport ? V(S).find((e) => e.transitionStatus !== "ending" && !e.limited) : void 0;
+		t ? t.element?.focus() : a.restoreFocusToPrevElement();
+	}
+	function ne(e) {
+		e.key === "Tab" && e.shiftKey && u(e) === a.state.viewport && (e.preventDefault(), a.restoreFocusToPrevElement());
+	}
+	function N() {
+		a.state.toasts.some((e) => e.transitionStatus === "ending") || v || !g || (a.state.isWindowFocused && a.resumeTimers(), a.set("hovering", !1), g = !1);
+	}
+	I(() => te(), () => {
+		N();
+	});
+	function F() {
+		a.pauseTimers(), a.set("hovering", !0), g = !1;
+	}
+	function ce() {
+		a.state.isWindowFocused && a.resumeTimers();
+	}
+	function R() {
+		g = !0, N();
+	}
+	function z(e) {
+		e.pointerType === "touch" && (v = !0);
+	}
+	function le(e) {
+		e.pointerType === "touch" && (v = !1, N());
+	}
+	function ue() {
+		if (h) {
+			h = !1;
+			return;
+		}
+		V(C) || U(m(d(a.state.viewport))) && (a.set("focused", !0), a.pauseTimers());
+	}
+	function H(e) {
+		!V(C) || f(a.state.viewport, e.relatedTarget) || (a.set("focused", !1), ce());
+	}
+	let W = L(() => ({ expanded: w() })), G = L(() => r(e.class, W())), K = L(() => he({ "--toast-frontmost-height": T() ? `${T()}px` : void 0 }, i(e.style, W()))), de = L(() => n(W())), q = L(() => !x() && !!ee()), Y = B(p, "render", "children", "class", "onBlur", "onClick", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onPointerCancel", "onPointerDown", "onPointerUp", "ref", "style"), X = o(s(() => c.onBlur), H), fe = o(s(() => c.onClick), ue), me = o(s(() => c.onFocus), ue), ye = o(s(() => c.onKeyDown), ne), be = o(s(() => c.onMouseEnter), F), xe = o(s(() => c.onMouseMove), F), Z = o(s(() => c.onMouseLeave), R), Se = o(s(() => c.onPointerDown), z), Ce = o(s(() => c.onPointerUp), le), we = o(s(() => c.onPointerCancel), le), Te = t(e, () => W(), (e) => (() => {
+		var t = k(ge);
+		return M(t, e, !1), j(), t;
+	})());
+	return [
+		O(P, {
+			get when() {
+				return q();
+			},
+			get children() {
+				return O(_, { onFocus: D });
+			}
+		}),
+		O(Te, A({
+			ref: [a.setViewport, c.ref],
+			tabIndex: -1,
+			role: "region",
+			"aria-live": "polite",
+			"aria-atomic": "false",
+			"aria-relevant": "additions text",
+			"aria-label": "Notifications",
+			get class() {
+				return G();
+			},
+			get style() {
+				return K();
+			},
+			onBlur: X,
+			onClick: fe,
+			onFocus: me,
+			onKeyDown: ye,
+			onMouseEnter: be,
+			onMouseLeave: Z,
+			onMouseMove: xe,
+			onPointerCancel: we,
+			onPointerDown: Se,
+			onPointerUp: Ce
+		}, de, Y, { get children() {
+			return [
+				O(P, {
+					get when() {
+						return q();
+					},
+					get children() {
+						return O(_, { onFocus: D });
+					}
+				}),
+				ae(() => e.children),
+				O(P, {
+					get when() {
+						return q();
+					},
+					get children() {
+						return O(_, { onFocus: D });
+					}
+				})
+			];
+		} })),
+		O(P, {
+			get when() {
+				return ae(() => !C())() && E().length > 0;
+			},
+			get children() {
+				var e = k(ge);
+				return ie(e, O(se, {
+					get each() {
+						return E();
+					},
+					keyed: (e) => e.id,
+					children: (e) => (() => {
+						var t = k(_e), n = t.firstChild, r = n.nextSibling;
+						return ie(n, () => e().title), ie(r, () => e().description), t;
+					})()
+				})), re(() => ve, (t, n) => {
+					oe(e, t, n);
+				}), e;
+			}
+		})
+	];
+}
+//#endregion
+//#region src/toast/root/ToastRootContext.ts
+var be = Symbol("ToastRootContext"), xe = ce(be);
+function Z() {
+	let e = H(xe);
+	if (e === be) throw Error("Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>.");
+	return e;
+}
+//#endregion
+//#region src/toast/root/ToastRoot.tsx
+var Se = /* @__PURE__ */ N("<div>"), Ce = {
+	...a,
+	swipeDirection(e) {
+		return e ? { "data-swipe-direction": e } : null;
+	}
+}, we = 40, Te = 10, Ee = .5, De = 1, Oe = `button,a,input,textarea,[role="button"],${`${ne},${D}`}`, ke = ["down", "right"];
+function Ae(e) {
+	let a = pe(), l = e, p = e, h = () => l.toast, g = () => h().positionerProps?.anchor !== void 0, _ = L(() => {
+		if (g()) return [];
+		let e = l.swipeDirection ?? ke;
+		return Array.isArray(e) ? e : [e];
+	}), v = L(() => _().length > 0), [y, b] = R(null, { ownedWrite: !0 }), [x, S] = R(void 0, { ownedWrite: !0 }), [C, w] = R(!1, { ownedWrite: !0 }), [ee, T] = R(!1, { ownedWrite: !0 }), [D, ne] = R({
+		x: 0,
+		y: 0
+	}, { ownedWrite: !0 }), [re, ie] = R({
+		x: 0,
+		y: 0,
+		scale: 1
+	}, { ownedWrite: !0 }), [ae, oe] = R(void 0, { ownedWrite: !0 }), [N, se] = R(void 0, { ownedWrite: !0 }), [P, F] = R(null, { ownedWrite: !0 }), ce, z = {
+		x: 0,
+		y: 0
+	}, H = {
+		x: 0,
+		y: 0,
+		scale: 1
+	}, U, W = 0, G = !1, K = {
+		x: 0,
+		y: 0
+	}, de = !1, q = {
+		x: 0,
+		y: 0
+	}, Y = null, X = null, fe = L(() => h().id), me = L(() => h().transitionStatus), ge = L(() => me() !== "ending"), _e = L(() => J.toastIndex(a.track(), h().id)), ve = L(() => J.toastVisibleIndex(a.track(), h().id)), ye = L(() => J.toastOffsetY(a.track(), h().id)), be = L(() => J.focused(a.track())), Z = L(() => J.expanded(a.track()));
+	I(() => ({
+		open: ge(),
+		element: y()
+	}), ({ open: e, element: t }) => {
+		if (!t) return;
+		let n = new AbortController();
+		return c(t, () => {
+			let e = V(h);
+			e.transitionStatus === "ending" && a.removeToast(e.id);
+		}, n.signal, { waitForStartingStyleRemoved: e }), () => n.abort();
+	});
+	function Ae(e = !1) {
+		let t = V(y);
+		if (!t) return;
+		let n = t.style.height;
+		t.style.height = "auto";
+		let r = t.offsetHeight;
+		t.style.height = n, a.updateToastInternal(V(h).id, {
+			element: t,
+			height: r,
+			transitionStatus: void 0
+		}), e && le();
+	}
+	I(() => ({
+		id: fe(),
+		status: me()
+	}), ({ id: e, status: t }) => {
+		let n = ce;
+		(t === "starting" || n !== e) && (n !== void 0 && (S(void 0), ie({
+			x: 0,
+			y: 0,
+			scale: 1
+		}), Q({
+			x: 0,
+			y: 0
+		})), ce = e, Ae());
+	}), ue(() => {
+		X?.abort();
+	});
+	function Q(e) {
+		q = e, ne(e);
+	}
+	function je(e, t) {
+		let n = V(_), r = (e) => e > 0 ? e ** Ee : -(Math.abs(e) ** Ee), i = e > 0 && !n.includes("right") || e < 0 && !n.includes("left"), a = t > 0 && !n.includes("down") || t < 0 && !n.includes("up");
+		return {
+			x: i ? r(e) : e,
+			y: a ? r(t) : t
+		};
+	}
+	function $(e) {
+		if (e.pointerId !== Y) return;
+		Y = null, X?.abort(), X = null, w(!1), T(!1), F(null);
+		let t = H;
+		if (e.type === "pointercancel" || G) {
+			Q({
+				x: t.x,
+				y: t.y
+			}), S(void 0);
+			return;
+		}
+		let n = q, r = n.x - t.x, i = n.y - t.y, o;
+		for (let e of V(_)) if (E(e, r, i) > we) {
+			o = e;
+			break;
+		}
+		o ? (S(o), a.closeToast(V(h).id)) : (Q({
+			x: t.x,
+			y: t.y
+		}), S(void 0));
+	}
+	function Me(e) {
+		if (e.button !== 0 || (e.pointerType === "touch" && a.pauseTimers(), u(e)?.closest(Oe))) return;
+		G = !1, U = void 0, W = 0, Y = e.pointerId, z = {
+			x: e.clientX,
+			y: e.clientY
+		}, K = z;
+		let t = e.currentTarget, n = te(t);
+		H = n, ie(n), Q({
+			x: n.x,
+			y: n.y
+		}), a.set("hovering", !0), w(!0), T(!1), F(null), de = !0, X?.abort();
+		let r = new AbortController();
+		X = r;
+		let i = d(t);
+		i.addEventListener("pointerup", $, { signal: r.signal }), i.addEventListener("pointercancel", $, { signal: r.signal }), t.setPointerCapture?.(e.pointerId);
+	}
+	function Ne(e) {
+		if (e.pointerId !== Y) return;
+		e.preventDefault(), de &&= (z = {
+			x: e.clientX,
+			y: e.clientY
+		}, !1);
+		let { clientY: t, clientX: n, movementX: r, movementY: i } = e, a = V(_);
+		(i < 0 && t > K.y || i > 0 && t < K.y) && (K = {
+			x: K.x,
+			y: t
+		}), (r < 0 && n > K.x || r > 0 && n < K.x) && (K = {
+			x: n,
+			y: K.y
+		});
+		let o = n - z.x, s = t - z.y, c = t - K.y, l = n - K.x, u = V(P);
+		if (!V(ee) && Math.sqrt(o * o + s * s) >= De) {
+			T(!0);
+			let e = a.includes("left") || a.includes("right"), t = a.includes("up") || a.includes("down");
+			e && t && (u = Math.abs(o) > Math.abs(s) ? "horizontal" : "vertical", F(u));
+		}
+		let d;
+		if (!U) u === "vertical" ? s > 0 ? d = "down" : s < 0 && (d = "up") : u === "horizontal" ? o > 0 ? d = "right" : o < 0 && (d = "left") : d = Math.abs(o) >= Math.abs(s) ? o > 0 ? "right" : "left" : s > 0 ? "down" : "up", d && a.includes(d) && (U = d, W = E(d, o, s), S(d));
+		else {
+			let e = U, t = E(e, l, c);
+			t > we ? (G = !1, S(e)) : !(a.includes("left") && a.includes("right")) && !(a.includes("up") && a.includes("down")) && W - t >= Te && (G = !0);
+		}
+		let f = je(o, s), p = H.x, m = H.y, h = a.includes("left") || a.includes("right"), g = a.includes("up") || a.includes("down");
+		u !== "vertical" && h && (p += f.x), u !== "horizontal" && g && (m += f.y), Q({
+			x: p,
+			y: m
+		});
+	}
+	function Pe(e) {
+		if (e.key !== "Escape") return;
+		let t = V(y);
+		!t || !f(t, m(d(t))) || a.closeToast(V(h).id);
+	}
+	I(() => ({
+		enabled: v(),
+		element: y()
+	}), ({ enabled: e, element: t }) => {
+		if (!e || !t) return;
+		function n(e) {
+			Y === null || !f(t, u(e)) || e.preventDefault();
+		}
+		return t.addEventListener("touchmove", n, { passive: !1 }), () => t.removeEventListener("touchmove", n);
+	});
+	function Fe() {
+		let e = D(), t = re(), n = e.x - t.x, r = e.y - t.y;
+		return {
+			transition: C() ? "none" : void 0,
+			transform: C() ? `translateX(${e.x}px) translateY(${e.y}px) scale(${t.scale})` : void 0,
+			"--toast-swipe-movement-x": `${n}px`,
+			"--toast-swipe-movement-y": `${r}px`
+		};
+	}
+	let Ie = L(() => h().priority === "high"), Le = L(() => ({
+		transitionStatus: h().transitionStatus,
+		expanded: Z(),
+		limited: h().limited || !1,
+		type: h().type,
+		swiping: C(),
+		swipeDirection: x()
+	})), Re = L(() => r(e.class, Le())), ze = L(() => he({
+		...Fe(),
+		"--toast-index": String(h().transitionStatus === "ending" ? _e() : ve()),
+		"--toast-offset-y": `${ye()}px`,
+		"--toast-height": h().height ? `${h().height}px` : void 0
+	}, i(e.style, Le()))), Be = L(() => n(Le(), Ce)), Ve = B(p, "render", "class", "onKeyDown", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "ref", "style", "swipeDirection", "toast"), He = o(s(() => l.onKeyDown), Pe), Ue = o(s(() => l.onPointerDown), s(() => V(() => v() ? Me : void 0))), We = o(s(() => l.onPointerMove), s(() => V(() => v() ? Ne : void 0))), Ge = o(s(() => l.onPointerUp), s(() => V(() => v() ? $ : void 0))), Ke = o(s(() => l.onPointerCancel), s(() => V(() => v() ? $ : void 0))), qe = {
+		toast: h,
+		setTitleId: oe,
+		setDescriptionId: se,
+		visibleIndex: ve,
+		expanded: Z,
+		recalculateHeight: Ae
+	}, Je = t(e, () => Le(), (e) => (() => {
+		var t = k(Se);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(xe, {
+		value: qe,
+		get children() {
+			return O(Je, A({
+				ref: [((e) => b(e)), l.ref],
+				get role() {
+					return Ie() ? "alertdialog" : "dialog";
+				},
+				tabIndex: 0,
+				"aria-modal": "false",
+				get "aria-labelledby"() {
+					return ae();
+				},
+				get "aria-describedby"() {
+					return N();
+				},
+				get "aria-hidden"() {
+					return Ie() && !be() ? "true" : void 0;
+				},
+				get inert() {
+					return h().limited || void 0;
+				},
+				get class() {
+					return Re();
+				},
+				get style() {
+					return ze();
+				},
+				onKeyDown: He,
+				onPointerDown: Ue,
+				onPointerMove: We,
+				onPointerUp: Ge,
+				onPointerCancel: Ke
+			}, Be, Ve));
+		}
+	});
+}
+//#endregion
+//#region src/toast/content/ToastContent.tsx
+var Q = /* @__PURE__ */ N("<div>");
+function je(e) {
+	let a = Z(), o = e, s = e, [c, l] = R(null, { ownedWrite: !0 });
+	I(() => c(), (e) => {
+		if (a.recalculateHeight(), !e || typeof ResizeObserver != "function" || typeof MutationObserver != "function") return;
+		let t = new ResizeObserver(() => a.recalculateHeight(!0)), n = new MutationObserver(() => a.recalculateHeight(!0));
+		return t.observe(e), n.observe(e, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), () => {
+			t.disconnect(), n.disconnect();
+		};
+	});
+	let u = L(() => ({
+		expanded: a.expanded(),
+		behind: a.visibleIndex() > 0
+	})), d = L(() => r(e.class, u())), f = L(() => i(e.style, u())), p = L(() => n(u())), m = B(s, "render", "class", "ref", "style"), h = t(e, () => u(), (e) => (() => {
+		var t = k(Q);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(h, A({
+		ref: [((e) => l(e)), o.ref],
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p, m));
+}
+//#endregion
+//#region src/toast/utils/isRenderableNode.ts
+function $(e) {
+	return e == null || typeof e == "boolean" || e === "" ? !1 : !Array.isArray(e) || e.some($);
+}
+//#endregion
+//#region src/toast/utils/createToastLabelPart.ts
+function Me(e, t) {
+	let n = Z(), r = t === "title" ? n.setTitleId : n.setDescriptionId, i = `base-ui-${z()}`, a = L(() => e.id || i), o = F(() => e.children ?? (t === "title" ? n.toast().title : n.toast().description)), s = L(() => $(o()));
+	return I(() => s() ? a() : void 0, (e) => {
+		if (e !== void 0) return r(e), () => r((t) => t === e ? void 0 : t);
+	}), {
+		id: a,
+		content: o,
+		shouldRender: s,
+		type: () => n.toast().type
+	};
+}
+//#endregion
+//#region src/toast/description/ToastDescription.tsx
+var Ne = /* @__PURE__ */ N("<p>");
+function Pe(e) {
+	let a = e, o = e, s = Me(e, "description"), c = L(() => ({ type: s.type() })), l = L(() => r(e.class, c())), u = L(() => i(e.style, c())), d = L(() => n(c())), f = B(o, "render", "children", "class", "id", "ref", "style"), p = t(e, () => c(), (e) => (() => {
+		var t = k(Ne);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(P, {
+		get when() {
+			return s.shouldRender();
+		},
+		get children() {
+			return O(p, A({
+				ref: [a.ref],
+				get id() {
+					return s.id();
+				},
+				get class() {
+					return l();
+				},
+				get style() {
+					return u();
+				}
+			}, d, f, { get children() {
+				return s.content();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/toast/title/ToastTitle.tsx
+var Fe = /* @__PURE__ */ N("<h2>");
+function Ie(e) {
+	let a = e, o = e, s = Me(e, "title"), c = L(() => ({ type: s.type() })), l = L(() => r(e.class, c())), u = L(() => i(e.style, c())), d = L(() => n(c())), f = B(o, "render", "children", "class", "id", "ref", "style"), p = t(e, () => c(), (e) => (() => {
+		var t = k(Fe);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(P, {
+		get when() {
+			return s.shouldRender();
+		},
+		get children() {
+			return O(p, A({
+				ref: [a.ref],
+				get id() {
+					return s.id();
+				},
+				get class() {
+					return l();
+				},
+				get style() {
+					return u();
+				}
+			}, d, f, { get children() {
+				return s.content();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/toast/close/ToastClose.tsx
+var Le = /* @__PURE__ */ N("<button>");
+function Re(e) {
+	let a = pe(), c = Z(), l = e, u = e, [d, f] = R(!1, { ownedWrite: !0 }), p = L(() => l.disabled ?? !1), m = L(() => l.nativeButton ?? !0), h = L(() => ({ type: c.toast().type })), g = L(() => r(e.class, h())), _ = L(() => i(e.style, h())), v = L(() => n(h())), y = B(u, "render", "class", "disabled", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	function b() {
+		a.closeToast(c.toast().id);
+	}
+	let T = o(s(() => V(() => p() ? w : void 0)), s(() => l.onClick), b), te = o(s(() => l.onFocus), () => f(!0)), E = o(s(() => l.onBlur), () => f(!1)), D = o(s(() => V(() => p() ? w : void 0)), s(() => l.onPointerDown)), ne = o(s(() => V(() => p() ? x : void 0)), s(() => l.onMouseDown)), re = o(s(() => V(() => p() ? S : void 0)), s(() => l.onKeyDown), s(() => V(() => m() ? void 0 : ee))), ie = o(s(() => V(() => p() ? x : void 0)), s(() => l.onKeyUp), s(() => V(() => m() ? void 0 : C))), oe = t(e, () => h(), (e) => (() => {
+		var t = k(Le);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(oe, A({
+		ref: [l.ref],
+		get type() {
+			return m() ? "button" : void 0;
+		},
+		get role() {
+			return m() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !m() && p() ? -1 : 0;
+		},
+		get disabled() {
+			return (ae(() => !!m())() ? p() : m()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !m() && p() ? "true" : void 0;
+		},
+		get "aria-hidden"() {
+			return !c.expanded() && !d() ? "true" : "false";
+		},
+		get class() {
+			return g();
+		},
+		get style() {
+			return _();
+		},
+		onBlur: E,
+		onClick: T,
+		onFocus: te,
+		onKeyDown: re,
+		onKeyUp: ie,
+		onMouseDown: ne,
+		onPointerDown: D
+	}, v, y));
+}
+//#endregion
+//#region src/toast/action/ToastAction.tsx
+var ze = /* @__PURE__ */ N("<button>");
+function Be(e) {
+	let a = Z(), c = e, l = e, u = () => a.toast().actionProps, d = F(() => u()?.children ?? e.children), f = L(() => $(d())), p = L(() => c.disabled ?? !1), m = L(() => c.nativeButton ?? !0), h = L(() => ({ type: a.toast().type })), g = L(() => r(e.class, h())), _ = L(() => i(e.style, h())), v = L(() => n(h())), y = B(l, "render", "children", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), b = L(() => {
+		let e = u();
+		if (e) return B(e, "children", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown");
+	}), T = o(s(() => V(() => p() ? w : void 0)), s(() => c.onClick), s(() => u()?.onClick)), te = o(s(() => V(() => p() ? w : void 0)), s(() => c.onPointerDown), s(() => u()?.onPointerDown)), E = o(s(() => V(() => p() ? x : void 0)), s(() => c.onMouseDown), s(() => u()?.onMouseDown)), D = o(s(() => V(() => p() ? S : void 0)), s(() => c.onKeyDown), s(() => u()?.onKeyDown), s(() => V(() => m() ? void 0 : ee))), ne = o(s(() => V(() => p() ? x : void 0)), s(() => c.onKeyUp), s(() => u()?.onKeyUp), s(() => V(() => m() ? void 0 : C))), re = t(e, () => h(), (e) => (() => {
+		var t = k(ze);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(P, {
+		get when() {
+			return f();
+		},
+		get children() {
+			return O(re, A({
+				ref: [c.ref],
+				get type() {
+					return m() ? "button" : void 0;
+				},
+				get role() {
+					return m() ? void 0 : "button";
+				},
+				get tabIndex() {
+					return !m() && p() ? -1 : 0;
+				},
+				get disabled() {
+					return (ae(() => !!m())() ? p() : m()) || void 0;
+				},
+				get "aria-disabled"() {
+					return !m() && p() ? "true" : void 0;
+				},
+				get class() {
+					return g();
+				},
+				get style() {
+					return _();
+				},
+				onClick: T,
+				onKeyDown: D,
+				onKeyUp: ne,
+				onMouseDown: E,
+				onPointerDown: te
+			}, v, y, b, { get children() {
+				return d();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/toast/portal/ToastPortal.tsx
+function Ve(e) {
+	let t = e, n = e, a = {}, o = L(() => r(e.class, a)), s = L(() => i(e.style, a)), c = B(n, "render", "class", "container", "ref", "style");
+	return O(y, A({
+		get render() {
+			return e.render;
+		},
+		lite: !0,
+		get container() {
+			return t.container;
+		},
+		ref: (e) => {
+			t.ref && b(t.ref, e);
+		},
+		get class() {
+			return o();
+		},
+		get style() {
+			return s();
+		}
+	}, c, { get children() {
+		return e.children;
+	} }));
+}
+//#endregion
+//#region src/toast/positioner/ToastPositionerContext.ts
+var He = Symbol("ToastPositionerContext"), Ue = ce(He);
+function We() {
+	let e = H(Ue);
+	if (e === He) throw Error("Base UI: ToastPositionerContext is missing. ToastPositioner parts must be placed within <Toast.Positioner>.");
+	return e;
+}
+//#endregion
+//#region src/toast/positioner/ToastPositioner.tsx
+var Ge = /* @__PURE__ */ N("<div>"), Ke = {};
+function qe(e) {
+	let a = pe(), o = T(), s = e, c = e, [l, u] = R(null, { ownedWrite: !0 }), d = () => s.toast, f = () => d().positionerProps ?? Ke, m = L(() => {
+		let e = s.anchor ?? f().anchor;
+		return p(e) ? e : null;
+	}), g = h({
+		reference: m,
+		floating: l,
+		mounted: () => !0,
+		direction: o,
+		positionMethod: () => s.positionMethod ?? f().positionMethod ?? "absolute",
+		side: () => s.side ?? f().side ?? "top",
+		sideOffset: () => s.sideOffset ?? f().sideOffset ?? 0,
+		align: () => s.align ?? f().align ?? "center",
+		alignOffset: () => s.alignOffset ?? f().alignOffset ?? 0,
+		collisionBoundary: () => s.collisionBoundary ?? f().collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => s.collisionPadding ?? f().collisionPadding ?? 5,
+		arrowPadding: () => s.arrowPadding ?? f().arrowPadding ?? 5,
+		sticky: () => s.sticky ?? f().sticky ?? !1,
+		disableAnchorTracking: () => s.disableAnchorTracking ?? f().disableAnchorTracking ?? !1,
+		collisionAvoidance: () => s.collisionAvoidance ?? f().collisionAvoidance ?? { fallbackAxisSide: "end" }
+	}), _ = L(() => J.toastIndex(a.track(), d().id)), y = L(() => J.toastVisibleIndex(a.track(), d().id)), b = L(() => ({
+		side: g.renderedSide(),
+		align: g.renderedAlign(),
+		anchorHidden: g.anchorHidden()
+	})), x = L(() => r(e.class, b())), S = L(() => he({
+		...g.styles(),
+		"--toast-index": String(d().transitionStatus === "ending" ? _() : y()),
+		...d().transitionStatus === "starting" ? { transition: "none" } : void 0
+	}, i(e.style, b()))), C = L(() => n(b(), v)), w = B(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style", "toast"), ee = t(e, () => b(), (e) => (() => {
+		var t = k(Ge);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(Ue, {
+		value: g,
+		get children() {
+			return O(ee, A({
+				ref: [((e) => u(e)), s.ref],
+				role: "presentation",
+				get class() {
+					return x();
+				},
+				get style() {
+					return S();
+				}
+			}, C, w));
+		}
+	});
+}
+//#endregion
+//#region src/toast/arrow/ToastArrow.tsx
+var Je = /* @__PURE__ */ N("<div>");
+function Ye(e) {
+	let a = We(), o = e, s = e, c = L(() => ({
+		side: a.renderedSide(),
+		align: a.renderedAlign(),
+		uncentered: a.arrowUncentered()
+	})), l = L(() => r(e.class, c())), u = L(() => he(a.arrowStyles(), i(e.style, c()))), d = L(() => n(c())), f = B(s, "render", "class", "ref", "style"), p = null;
+	ue(() => {
+		p && a.setArrowElement(null);
+	});
+	let m = t(e, () => c(), (e) => (() => {
+		var t = k(Je);
+		return M(t, e, !1), j(), t;
+	})());
+	return O(m, A({
+		ref: [((e) => {
+			p = e, a.setArrowElement(e);
+		}), o.ref],
+		"aria-hidden": "true",
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, f));
+}
+//#endregion
+//#region src/toast/index.parts.ts
+var Xe = /* @__PURE__ */ e({
+	Action: () => Be,
+	Arrow: () => Ye,
+	Close: () => Re,
+	Content: () => je,
+	Description: () => Pe,
+	Portal: () => Ve,
+	Positioner: () => qe,
+	Provider: () => me,
+	Root: () => Ae,
+	Title: () => Ie,
+	Viewport: () => ye
+});
+//#endregion
+//#region src/toast/useToastManager.ts
+function Ze() {
+	let e = pe();
+	return {
+		toasts: e.access(J.toasts),
+		add: e.addToast,
+		close: e.closeToast,
+		update: e.updateToast,
+		promise: e.promiseToast
+	};
+}
+//#endregion
+//#region src/toast/createToastManager.ts
+function Qe() {
+	let e = /* @__PURE__ */ new Set();
+	function t(t) {
+		e.forEach((e) => e(t));
+	}
+	return {
+		" subscribe": function(t) {
+			return e.add(t), () => {
+				e.delete(t);
+			};
+		},
+		add(e) {
+			let n = e.id || G();
+			return t({
+				action: "add",
+				options: {
+					...e,
+					id: n,
+					transitionStatus: "starting"
+				}
+			}), n;
+		},
+		close(e) {
+			t({
+				action: "close",
+				options: { id: e }
+			});
+		},
+		update(e, n) {
+			t({
+				action: "update",
+				options: {
+					id: e,
+					updates: n
+				}
+			});
+		},
+		promise(e, n) {
+			let r = e;
+			return t({
+				action: "promise",
+				options: {
+					...n,
+					promise: e,
+					setPromise(e) {
+						r = e;
+					}
+				}
+			}), r;
+		}
+	};
+}
+//#endregion
+export { Ze as n, Xe as r, Qe as t };