solid-baseui 0.1.0-alpha.0

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

@@ -0,0 +1,1108 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { transitionStatusMapping as i } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
+import { t as o } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { a as s, m as c, n as l, p as u, r as d, t as f } from "./dom-BEAeQ9Eb.js";
+import { t as p } from "./createAnchorPositioning-DcxDXUgB.js";
+import { _ as m, g as h, n as g, o as _ } from "./popupStateMapping-C9eZl19i.js";
+import { a as v, i as y, n as b, r as x, t as S } from "./buttonSemantics-paljfpOX.js";
+import { t as C } from "./setRef-fXF6OIo3.js";
+import { n as w } from "./DirectionContext-BwMabICS.js";
+import { a as ee, i as T, n as E, t as te } from "./constants-BYjBUIIi.js";
+import { Dynamic as D, createComponent as O, effect as ne, getNextElement as k, insert as re, memo as A, mergeProps as j, style as ie, template as M } from "@solidjs/web";
+import { For as ae, Show as N, children as P, createContext as F, createEffect as I, createMemo as L, createSignal as R, createUniqueId as z, flush as oe, omit as B, onCleanup as se, 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 q(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 J(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 Y = {
+	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
+}, X = class extends m {
+	timers = /* @__PURE__ */ new Map();
+	areTimersPaused = !1;
+	constructor(e) {
+		super({
+			...e,
+			toastMetadata: q(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 = J(this.state.toasts, t);
+			r.toasts = e, r.toastMetadata = q(e);
+		}
+		this.update(r);
+	}
+	dispose = () => {
+		this.timers.forEach((e) => this.stopTimer(e)), this.timers.clear();
+	};
+	removeToast(e, t = !1) {
+		let n = Y.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 = Y.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(J(a, n));
+		let o = i.timeout ?? t;
+		return i.type !== "loading" && o > 0 && this.scheduleTimer(r, o, () => this.closeToast(r)), Y.expandedOrOutOfFocus(this.state) && this.pauseTimers(), r;
+	};
+	updateToast = (e, t) => {
+		this.updateToastInternal(e, t, !1, !0);
+	};
+	updateToastInternal = (e, t, n = !1, r = !1) => {
+		let { timeout: i, toasts: a } = this.state, o = Y.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)), Y.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 = Y.toast(this.state, e);
+			if (!t) return;
+			i = [t], this.clearTimer(e);
+		}
+		let a = J(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 = d(e);
+		l(this.state.viewport, t) || (this.resumeTimers(), this.update({
+			hovering: !1,
+			focused: !1
+		}));
+	};
+	scheduleTimer(e, t, n) {
+		let r = Date.now(), i = !Y.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: q(e)
+		};
+		t && (n.hovering = !1, n.focused = !1), this.update(n);
+	}
+	handleFocusManagement(e) {
+		let t = f(u(this.state.viewport));
+		if (!this.state.viewport || !l(this.state.viewport, t) || !U(t)) return;
+		if (e === void 0) {
+			this.restoreFocusToPrevElement();
+			return;
+		}
+		let n = Y.toasts(this.state), r = Y.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();
+	}
+}, ce = Symbol("ToastProviderContext"), le = F(ce);
+function ue() {
+	let e = H(le);
+	if (e === ce) throw Error("Base UI: useToastManager must be used within <Toast.Provider>.");
+	return e;
+}
+//#endregion
+//#region src/toast/provider/ToastProvider.tsx
+function de(e) {
+	let t = new X({
+		timeout: V(() => e.timeout ?? 5e3),
+		limit: V(() => e.limit ?? 3),
+		viewport: null,
+		toasts: [],
+		hovering: !1,
+		focused: !1,
+		isWindowFocused: !0,
+		prevFocusElement: null
+	});
+	return se(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) : e === "close" ? t.closeToast(r) : t.addToast(n);
+		});
+	}), O(le, {
+		value: t,
+		get children() {
+			return e.children;
+		}
+	});
+}
+//#endregion
+//#region src/toast/utils/mergeToastStyles.ts
+function fe(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 pe = /* @__PURE__ */ M("<div>"), me = /* @__PURE__ */ M("<div role=alert aria-atomic=true><div></div><div>"), he = {
+	"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 ge(e) {
+	let i = ue(), o = e, s = e, p = !1, m = !1, g = !1, _, v = L(() => i.track().viewport), y = L(() => Y.isEmpty(i.track())), b = L(() => Y.toasts(i.track())), x = L(() => Y.focused(i.track())), S = L(() => Y.expanded(i.track())), C = L(() => Y.prevFocusElement(i.track())), w = L(() => b()[0]?.height), ee = L(() => b().some((e) => e.transitionStatus === "ending")), T = L(() => b().filter((e) => e.priority === "high"));
+	I(() => ({
+		empty: y(),
+		viewport: v()
+	}), ({ empty: e, viewport: t }) => {
+		if (!t || e) return;
+		let n = t, r = c(n), a = u(n);
+		function o(e) {
+			e.key === "F6" && d(e) !== n && (e.preventDefault(), i.set("prevFocusElement", f(a)), n.focus({ preventScroll: !0 }), i.pauseTimers(), i.set("focused", !0));
+		}
+		function s(e) {
+			d(e) === r && (i.set("isWindowFocused", !1), i.pauseTimers());
+		}
+		function p(e) {
+			if (e.relatedTarget) return;
+			let t = d(e), a = f(u(n));
+			(t === r || !l(n, t) || !U(a)) && i.resumeTimers(), clearTimeout(_), _ = setTimeout(() => i.set("isWindowFocused", !0), 0);
+		}
+		return r.addEventListener("keydown", o), r.addEventListener("blur", s, !0), r.addEventListener("focus", p, !0), a.addEventListener("pointerdown", i.handleDocumentPointerDown, !0), () => {
+			r.removeEventListener("keydown", o), r.removeEventListener("blur", s, !0), r.removeEventListener("focus", p, !0), a.removeEventListener("pointerdown", i.handleDocumentPointerDown, !0), clearTimeout(_);
+		};
+	});
+	function E(e) {
+		p = !0;
+		let t = e.relatedTarget === i.state.viewport ? V(b).find((e) => e.transitionStatus !== "ending" && !e.limited) : void 0;
+		t ? t.element?.focus() : i.restoreFocusToPrevElement();
+	}
+	function te(e) {
+		e.key === "Tab" && e.shiftKey && d(e) === i.state.viewport && (e.preventDefault(), i.restoreFocusToPrevElement());
+	}
+	function M() {
+		i.state.toasts.some((e) => e.transitionStatus === "ending") || g || !m || (i.state.isWindowFocused && i.resumeTimers(), i.set("hovering", !1), m = !1);
+	}
+	I(() => ee(), () => {
+		M();
+	});
+	function P() {
+		i.pauseTimers(), i.set("hovering", !0), m = !1;
+	}
+	function F() {
+		i.state.isWindowFocused && i.resumeTimers();
+	}
+	function R() {
+		m = !0, M();
+	}
+	function z(e) {
+		e.pointerType === "touch" && (g = !0);
+	}
+	function oe(e) {
+		e.pointerType === "touch" && (g = !1, M());
+	}
+	function se() {
+		if (p) {
+			p = !1;
+			return;
+		}
+		V(x) || U(f(u(i.state.viewport))) && (i.set("focused", !0), i.pauseTimers());
+	}
+	function H(e) {
+		!V(x) || l(i.state.viewport, e.relatedTarget) || (i.set("focused", !1), F());
+	}
+	let W = L(() => ({ expanded: S() })), G = L(() => n(e.class, W())), K = L(() => fe({ "--toast-frontmost-height": w() ? `${w()}px` : void 0 }, r(e.style, W()))), q = L(() => t(W())), J = L(() => !y() && !!C()), X = B(s, "as", "children", "class", "onBlur", "onClick", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onPointerCancel", "onPointerDown", "onPointerUp", "ref", "style"), ce = a(() => o.onBlur, () => H), le = a(() => o.onClick, () => se), de = a(() => o.onFocus, () => se), ge = a(() => o.onKeyDown, () => te), _e = a(() => o.onMouseEnter, () => P), ve = a(() => o.onMouseMove, () => P), Z = a(() => o.onMouseLeave, () => R), ye = a(() => o.onPointerDown, () => z), be = a(() => o.onPointerUp, () => oe), xe = a(() => o.onPointerCancel, () => oe);
+	return [
+		O(N, {
+			get when() {
+				return J();
+			},
+			get children() {
+				return O(h, { onFocus: E });
+			}
+		}),
+		O(D, j({
+			get component() {
+				return e.as ?? "div";
+			},
+			ref: [i.setViewport, o.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: ce,
+			onClick: le,
+			onFocus: de,
+			onKeyDown: ge,
+			onMouseEnter: _e,
+			onMouseLeave: Z,
+			onMouseMove: ve,
+			onPointerCancel: xe,
+			onPointerDown: ye,
+			onPointerUp: be
+		}, q, X, { get children() {
+			return [
+				O(N, {
+					get when() {
+						return J();
+					},
+					get children() {
+						return O(h, { onFocus: E });
+					}
+				}),
+				A(() => e.children),
+				O(N, {
+					get when() {
+						return J();
+					},
+					get children() {
+						return O(h, { onFocus: E });
+					}
+				})
+			];
+		} })),
+		O(N, {
+			get when() {
+				return A(() => !x())() && T().length > 0;
+			},
+			get children() {
+				var e = k(pe);
+				return re(e, O(ae, {
+					get each() {
+						return T();
+					},
+					keyed: (e) => e.id,
+					children: (e) => (() => {
+						var t = k(me), n = t.firstChild, r = n.nextSibling;
+						return re(n, () => e().title), re(r, () => e().description), t;
+					})()
+				})), ne(() => he, (t, n) => {
+					ie(e, t, n);
+				}), e;
+			}
+		})
+	];
+}
+//#endregion
+//#region src/toast/root/ToastRootContext.ts
+var _e = Symbol("ToastRootContext"), ve = F(_e);
+function Z() {
+	let e = H(ve);
+	if (e === _e) 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 ye = {
+	...i,
+	swipeDirection(e) {
+		return e ? { "data-swipe-direction": e } : null;
+	}
+}, be = 40, xe = 10, Se = .5, Ce = 1, we = `button,a,input,textarea,[role="button"],${`${te},${E}`}`, Te = ["down", "right"];
+function Q(e) {
+	let i = ue(), s = e, c = e, p = () => s.toast, m = () => p().positionerProps?.anchor !== void 0, h = L(() => {
+		if (m()) return [];
+		let e = s.swipeDirection ?? Te;
+		return Array.isArray(e) ? e : [e];
+	}), g = L(() => h().length > 0), [_, v] = R(null, { ownedWrite: !0 }), [y, b] = R(void 0, { ownedWrite: !0 }), [x, S] = R(!1, { ownedWrite: !0 }), [C, w] = R(!1, { ownedWrite: !0 }), [E, te] = R({
+		x: 0,
+		y: 0
+	}, { ownedWrite: !0 }), [ne, k] = R({
+		x: 0,
+		y: 0,
+		scale: 1
+	}, { ownedWrite: !0 }), [re, A] = R(void 0, { ownedWrite: !0 }), [ie, M] = R(void 0, { ownedWrite: !0 }), [ae, N] = R(null, { ownedWrite: !0 }), P, F = {
+		x: 0,
+		y: 0
+	}, z = {
+		x: 0,
+		y: 0,
+		scale: 1
+	}, H, U = 0, W = !1, G = {
+		x: 0,
+		y: 0
+	}, K = !1, q = {
+		x: 0,
+		y: 0
+	}, J = null, X = null, ce = L(() => p().id), le = L(() => p().transitionStatus), de = L(() => le() !== "ending"), pe = L(() => Y.toastIndex(i.track(), p().id)), me = L(() => Y.toastVisibleIndex(i.track(), p().id)), he = L(() => Y.toastOffsetY(i.track(), p().id)), ge = L(() => Y.focused(i.track())), _e = L(() => Y.expanded(i.track()));
+	I(() => ({
+		open: de(),
+		element: _()
+	}), ({ open: e, element: t }) => {
+		if (!t) return;
+		let n = new AbortController();
+		return o(t, () => {
+			let e = V(p);
+			e.transitionStatus === "ending" && i.removeToast(e.id);
+		}, n.signal, { waitForStartingStyleRemoved: e }), () => n.abort();
+	});
+	function Z(e = !1) {
+		let t = V(_);
+		if (!t) return;
+		let n = t.style.height;
+		t.style.height = "auto";
+		let r = t.offsetHeight;
+		t.style.height = n, i.updateToastInternal(V(p).id, {
+			element: t,
+			height: r,
+			transitionStatus: void 0
+		}), e && oe();
+	}
+	I(() => ({
+		id: ce(),
+		status: le()
+	}), ({ id: e, status: t }) => {
+		let n = P;
+		(t === "starting" || n !== e) && (n !== void 0 && (b(void 0), k({
+			x: 0,
+			y: 0,
+			scale: 1
+		}), Q({
+			x: 0,
+			y: 0
+		})), P = e, Z());
+	}), se(() => {
+		X?.abort();
+	});
+	function Q(e) {
+		q = e, te(e);
+	}
+	function Ee(e, t) {
+		let n = V(h), r = (e) => e > 0 ? e ** Se : -(Math.abs(e) ** Se), 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 !== J) return;
+		J = null, X?.abort(), X = null, S(!1), w(!1), N(null);
+		let t = z;
+		if (e.type === "pointercancel" || W) {
+			Q({
+				x: t.x,
+				y: t.y
+			}), b(void 0);
+			return;
+		}
+		let n = q, r = n.x - t.x, a = n.y - t.y, o;
+		for (let e of V(h)) if (T(e, r, a) > be) {
+			o = e;
+			break;
+		}
+		o ? (b(o), i.closeToast(V(p).id)) : (Q({
+			x: t.x,
+			y: t.y
+		}), b(void 0));
+	}
+	function De(e) {
+		if (e.button !== 0 || (e.pointerType === "touch" && i.pauseTimers(), d(e)?.closest(we))) return;
+		W = !1, H = void 0, U = 0, J = e.pointerId, F = {
+			x: e.clientX,
+			y: e.clientY
+		}, G = F;
+		let t = e.currentTarget, n = ee(t);
+		z = n, k(n), Q({
+			x: n.x,
+			y: n.y
+		}), i.set("hovering", !0), S(!0), w(!1), N(null), K = !0, X?.abort();
+		let r = new AbortController();
+		X = r;
+		let a = u(t);
+		a.addEventListener("pointerup", $, { signal: r.signal }), a.addEventListener("pointercancel", $, { signal: r.signal }), t.setPointerCapture?.(e.pointerId);
+	}
+	function Oe(e) {
+		if (e.pointerId !== J) return;
+		e.preventDefault(), K &&= (F = {
+			x: e.clientX,
+			y: e.clientY
+		}, !1);
+		let { clientY: t, clientX: n, movementX: r, movementY: i } = e, a = V(h);
+		(i < 0 && t > G.y || i > 0 && t < G.y) && (G = {
+			x: G.x,
+			y: t
+		}), (r < 0 && n > G.x || r > 0 && n < G.x) && (G = {
+			x: n,
+			y: G.y
+		});
+		let o = n - F.x, s = t - F.y, c = t - G.y, l = n - G.x, u = V(ae);
+		if (!V(C) && Math.sqrt(o * o + s * s) >= Ce) {
+			w(!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", N(u));
+		}
+		let d;
+		if (!H) 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) && (H = d, U = T(d, o, s), b(d));
+		else {
+			let e = H, t = T(e, l, c);
+			t > be ? (W = !1, b(e)) : !(a.includes("left") && a.includes("right")) && !(a.includes("up") && a.includes("down")) && U - t >= xe && (W = !0);
+		}
+		let f = Ee(o, s), p = z.x, m = z.y, g = a.includes("left") || a.includes("right"), _ = a.includes("up") || a.includes("down");
+		u !== "vertical" && g && (p += f.x), u !== "horizontal" && _ && (m += f.y), Q({
+			x: p,
+			y: m
+		});
+	}
+	function ke(e) {
+		if (e.key !== "Escape") return;
+		let t = V(_);
+		!t || !l(t, f(u(t))) || i.closeToast(V(p).id);
+	}
+	I(() => ({
+		enabled: g(),
+		element: _()
+	}), ({ enabled: e, element: t }) => {
+		if (!e || !t) return;
+		function n(e) {
+			J === null || !l(t, d(e)) || e.preventDefault();
+		}
+		return t.addEventListener("touchmove", n, { passive: !1 }), () => t.removeEventListener("touchmove", n);
+	});
+	function Ae() {
+		let e = E(), t = ne(), n = e.x - t.x, r = e.y - t.y;
+		return {
+			transition: x() ? "none" : void 0,
+			transform: x() ? `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 je = L(() => p().priority === "high"), Me = L(() => ({
+		transitionStatus: p().transitionStatus,
+		expanded: _e(),
+		limited: p().limited || !1,
+		type: p().type,
+		swiping: x(),
+		swipeDirection: y()
+	})), Ne = L(() => n(e.class, Me())), Pe = L(() => fe({
+		...Ae(),
+		"--toast-index": String(p().transitionStatus === "ending" ? pe() : me()),
+		"--toast-offset-y": `${he()}px`,
+		"--toast-height": p().height ? `${p().height}px` : void 0
+	}, r(e.style, Me()))), Fe = L(() => t(Me(), ye)), Ie = B(c, "as", "class", "onKeyDown", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "ref", "style", "swipeDirection", "toast"), Le = a(() => s.onKeyDown, () => ke), Re = a(() => s.onPointerDown, () => V(() => g() ? De : void 0)), ze = a(() => s.onPointerMove, () => V(() => g() ? Oe : void 0)), Be = a(() => s.onPointerUp, () => V(() => g() ? $ : void 0)), Ve = a(() => s.onPointerCancel, () => V(() => g() ? $ : void 0));
+	return O(ve, {
+		value: {
+			toast: p,
+			setTitleId: A,
+			setDescriptionId: M,
+			visibleIndex: me,
+			expanded: _e,
+			recalculateHeight: Z
+		},
+		get children() {
+			return O(D, j({
+				get component() {
+					return e.as ?? "div";
+				},
+				ref: [((e) => v(e)), s.ref],
+				get role() {
+					return je() ? "alertdialog" : "dialog";
+				},
+				tabIndex: 0,
+				"aria-modal": "false",
+				get "aria-labelledby"() {
+					return re();
+				},
+				get "aria-describedby"() {
+					return ie();
+				},
+				get "aria-hidden"() {
+					return je() && !ge() ? "true" : void 0;
+				},
+				get inert() {
+					return p().limited || void 0;
+				},
+				get class() {
+					return Ne();
+				},
+				get style() {
+					return Pe();
+				},
+				onKeyDown: Le,
+				onPointerDown: Re,
+				onPointerMove: ze,
+				onPointerUp: Be,
+				onPointerCancel: Ve
+			}, Fe, Ie));
+		}
+	});
+}
+//#endregion
+//#region src/toast/content/ToastContent.tsx
+function Ee(e) {
+	let i = Z(), a = e, o = e, [s, c] = R(null, { ownedWrite: !0 });
+	I(() => s(), (e) => {
+		if (i.recalculateHeight(), !e || typeof ResizeObserver != "function" || typeof MutationObserver != "function") return;
+		let t = new ResizeObserver(() => i.recalculateHeight(!0)), n = new MutationObserver(() => i.recalculateHeight(!0));
+		return t.observe(e), n.observe(e, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), () => {
+			t.disconnect(), n.disconnect();
+		};
+	});
+	let l = L(() => ({
+		expanded: i.expanded(),
+		behind: i.visibleIndex() > 0
+	})), u = L(() => n(e.class, l())), d = L(() => r(e.style, l())), f = L(() => t(l())), p = B(o, "as", "class", "ref", "style");
+	return O(D, j({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => c(e)), a.ref],
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f, p));
+}
+//#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 De(e, t) {
+	let n = Z(), r = t === "title" ? n.setTitleId : n.setDescriptionId, i = `base-ui-${z()}`, a = L(() => e.id || i), o = P(() => 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
+function Oe(e) {
+	let i = e, a = e, o = De(e, "description"), s = L(() => ({ type: o.type() })), c = L(() => n(e.class, s())), l = L(() => r(e.style, s())), u = L(() => t(s())), d = B(a, "as", "children", "class", "id", "ref", "style");
+	return O(N, {
+		get when() {
+			return o.shouldRender();
+		},
+		get children() {
+			return O(D, j({
+				get component() {
+					return e.as ?? "p";
+				},
+				ref: [i.ref],
+				get id() {
+					return o.id();
+				},
+				get class() {
+					return c();
+				},
+				get style() {
+					return l();
+				}
+			}, u, d, { get children() {
+				return o.content();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/toast/title/ToastTitle.tsx
+function ke(e) {
+	let i = e, a = e, o = De(e, "title"), s = L(() => ({ type: o.type() })), c = L(() => n(e.class, s())), l = L(() => r(e.style, s())), u = L(() => t(s())), d = B(a, "as", "children", "class", "id", "ref", "style");
+	return O(N, {
+		get when() {
+			return o.shouldRender();
+		},
+		get children() {
+			return O(D, j({
+				get component() {
+					return e.as ?? "h2";
+				},
+				ref: [i.ref],
+				get id() {
+					return o.id();
+				},
+				get class() {
+					return c();
+				},
+				get style() {
+					return l();
+				}
+			}, u, d, { get children() {
+				return o.content();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/toast/close/ToastClose.tsx
+function Ae(e) {
+	let i = ue(), o = Z(), s = e, c = e, [l, u] = R(!1, { ownedWrite: !0 }), d = L(() => s.disabled ?? !1), f = L(() => s.nativeButton ?? !0), p = L(() => ({ type: o.toast().type })), m = L(() => n(e.class, p())), h = L(() => r(e.style, p())), g = L(() => t(p())), _ = B(c, "as", "class", "disabled", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	function C() {
+		i.closeToast(o.toast().id);
+	}
+	let w = a(() => V(() => d() ? x : void 0), () => s.onClick, () => C), ee = a(() => s.onFocus, () => () => u(!0)), T = a(() => s.onBlur, () => () => u(!1)), E = a(() => V(() => d() ? x : void 0), () => s.onPointerDown), te = a(() => V(() => d() ? v : void 0), () => s.onMouseDown), ne = a(() => V(() => d() ? y : void 0), () => s.onKeyDown, () => V(() => f() ? void 0 : S)), k = a(() => V(() => d() ? v : void 0), () => s.onKeyUp, () => V(() => f() ? void 0 : b));
+	return O(D, j({
+		get component() {
+			return e.as ?? "button";
+		},
+		ref: [s.ref],
+		get type() {
+			return f() ? "button" : void 0;
+		},
+		get role() {
+			return f() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !f() && d() ? -1 : 0;
+		},
+		get disabled() {
+			return (A(() => !!f())() ? d() : f()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !f() && d() ? "true" : void 0;
+		},
+		get "aria-hidden"() {
+			return !o.expanded() && !l() ? "true" : "false";
+		},
+		get class() {
+			return m();
+		},
+		get style() {
+			return h();
+		},
+		onBlur: T,
+		onClick: w,
+		onFocus: ee,
+		onKeyDown: ne,
+		onKeyUp: k,
+		onMouseDown: te,
+		onPointerDown: E
+	}, g, _));
+}
+//#endregion
+//#region src/toast/action/ToastAction.tsx
+function je(e) {
+	let i = Z(), o = e, s = e, c = () => i.toast().actionProps, l = P(() => c()?.children ?? e.children), u = L(() => $(l())), d = L(() => o.disabled ?? !1), f = L(() => o.nativeButton ?? !0), p = L(() => ({ type: i.toast().type })), m = L(() => n(e.class, p())), h = L(() => r(e.style, p())), g = L(() => t(p())), _ = B(s, "as", "children", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), C = L(() => {
+		let e = c();
+		if (e) return B(e, "children", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown");
+	}), w = a(() => V(() => d() ? x : void 0), () => o.onClick, () => c()?.onClick), ee = a(() => V(() => d() ? x : void 0), () => o.onPointerDown, () => c()?.onPointerDown), T = a(() => V(() => d() ? v : void 0), () => o.onMouseDown, () => c()?.onMouseDown), E = a(() => V(() => d() ? y : void 0), () => o.onKeyDown, () => c()?.onKeyDown, () => V(() => f() ? void 0 : S)), te = a(() => V(() => d() ? v : void 0), () => o.onKeyUp, () => c()?.onKeyUp, () => V(() => f() ? void 0 : b));
+	return O(N, {
+		get when() {
+			return u();
+		},
+		get children() {
+			return O(D, j({
+				get component() {
+					return e.as ?? "button";
+				},
+				ref: [o.ref],
+				get type() {
+					return f() ? "button" : void 0;
+				},
+				get role() {
+					return f() ? void 0 : "button";
+				},
+				get tabIndex() {
+					return !f() && d() ? -1 : 0;
+				},
+				get disabled() {
+					return (A(() => !!f())() ? d() : f()) || void 0;
+				},
+				get "aria-disabled"() {
+					return !f() && d() ? "true" : void 0;
+				},
+				get class() {
+					return m();
+				},
+				get style() {
+					return h();
+				},
+				onClick: w,
+				onKeyDown: E,
+				onKeyUp: te,
+				onMouseDown: T,
+				onPointerDown: ee
+			}, g, _, C, { get children() {
+				return l();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/toast/portal/ToastPortal.tsx
+function Me(e) {
+	let t = e, i = e, a = {}, o = L(() => n(e.class, a)), s = L(() => r(e.style, a)), c = B(i, "as", "class", "container", "ref", "style");
+	return O(_, j({
+		get as() {
+			return e.as;
+		},
+		lite: !0,
+		get container() {
+			return t.container;
+		},
+		ref: (e) => {
+			t.ref && C(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 Ne = Symbol("ToastPositionerContext"), Pe = F(Ne);
+function Fe() {
+	let e = H(Pe);
+	if (e === Ne) 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 Ie = {};
+function Le(e) {
+	let i = ue(), a = w(), o = e, c = e, [l, u] = R(null, { ownedWrite: !0 }), d = () => o.toast, f = () => d().positionerProps ?? Ie, m = L(() => {
+		let e = o.anchor ?? f().anchor;
+		return s(e) ? e : null;
+	}), h = p({
+		reference: m,
+		floating: l,
+		mounted: () => !0,
+		direction: a,
+		positionMethod: () => o.positionMethod ?? f().positionMethod ?? "absolute",
+		side: () => o.side ?? f().side ?? "top",
+		sideOffset: () => o.sideOffset ?? f().sideOffset ?? 0,
+		align: () => o.align ?? f().align ?? "center",
+		alignOffset: () => o.alignOffset ?? f().alignOffset ?? 0,
+		collisionBoundary: () => o.collisionBoundary ?? f().collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => o.collisionPadding ?? f().collisionPadding ?? 5,
+		arrowPadding: () => o.arrowPadding ?? f().arrowPadding ?? 5,
+		sticky: () => o.sticky ?? f().sticky ?? !1,
+		disableAnchorTracking: () => o.disableAnchorTracking ?? f().disableAnchorTracking ?? !1,
+		collisionAvoidance: () => o.collisionAvoidance ?? f().collisionAvoidance ?? { fallbackAxisSide: "end" }
+	}), _ = L(() => Y.toastIndex(i.track(), d().id)), v = L(() => Y.toastVisibleIndex(i.track(), d().id)), y = L(() => ({
+		side: h.renderedSide(),
+		align: h.renderedAlign(),
+		anchorHidden: h.anchorHidden()
+	})), b = L(() => n(e.class, y())), x = L(() => fe({
+		...h.styles(),
+		"--toast-index": String(d().transitionStatus === "ending" ? _() : v()),
+		...d().transitionStatus === "starting" ? { transition: "none" } : void 0
+	}, r(e.style, y()))), S = L(() => t(y(), g)), C = B(c, "align", "alignOffset", "anchor", "arrowPadding", "as", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style", "toast");
+	return O(Pe, {
+		value: h,
+		get children() {
+			return O(D, j({
+				get component() {
+					return e.as ?? "div";
+				},
+				ref: [((e) => u(e)), o.ref],
+				role: "presentation",
+				get class() {
+					return b();
+				},
+				get style() {
+					return x();
+				}
+			}, S, C));
+		}
+	});
+}
+//#endregion
+//#region src/toast/arrow/ToastArrow.tsx
+function Re(e) {
+	let i = Fe(), a = e, o = e, s = L(() => ({
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		uncentered: i.arrowUncentered()
+	})), c = L(() => n(e.class, s())), l = L(() => fe(i.arrowStyles(), r(e.style, s()))), u = L(() => t(s())), d = B(o, "as", "class", "ref", "style"), f = null;
+	return se(() => {
+		f && i.setArrowElement(null);
+	}), O(D, j({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => {
+			f = e, i.setArrowElement(e);
+		}), a.ref],
+		"aria-hidden": "true",
+		get class() {
+			return c();
+		},
+		get style() {
+			return l();
+		}
+	}, u, d));
+}
+//#endregion
+//#region src/toast/index.parts.ts
+var ze = /* @__PURE__ */ e({
+	Action: () => je,
+	Arrow: () => Re,
+	Close: () => Ae,
+	Content: () => Ee,
+	Description: () => Oe,
+	Portal: () => Me,
+	Positioner: () => Le,
+	Provider: () => de,
+	Root: () => Q,
+	Title: () => ke,
+	Viewport: () => ge
+});
+//#endregion
+//#region src/toast/useToastManager.ts
+function Be() {
+	let e = ue();
+	return {
+		toasts: e.access(Y.toasts),
+		add: e.addToast,
+		close: e.closeToast,
+		update: e.updateToast,
+		promise: e.promiseToast
+	};
+}
+//#endregion
+//#region src/toast/createToastManager.ts
+function Ve() {
+	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: {
+					...n,
+					id: e
+				}
+			});
+		},
+		promise(e, n) {
+			let r = e;
+			return t({
+				action: "promise",
+				options: {
+					...n,
+					promise: e,
+					setPromise(e) {
+						r = e;
+					}
+				}
+			}), r;
+		}
+	};
+}
+//#endregion
+export { Be as n, ze as r, Ve as t };