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

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