@noxickon/onyx 5.0.2 → 6.1.0

package/dist/node_modules/@base-ui/react/toast/createToastManager.js

@@ -0,0 +1,56 @@
+import { generateId as e } from "../../utils/generateId.js";
+//#region node_modules/@base-ui/react/toast/createToastManager.mjs
+function t() {
+	let t = /* @__PURE__ */ new Set();
+	function n(e) {
+		t.forEach((t) => t(e));
+	}
+	return {
+		" subscribe": function(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		},
+		add(t) {
+			let r = t.id || e("toast");
+			return n({
+				action: "add",
+				options: {
+					...t,
+					id: r,
+					transitionStatus: "starting"
+				}
+			}), r;
+		},
+		close(e) {
+			n({
+				action: "close",
+				options: { id: e }
+			});
+		},
+		update(e, t) {
+			n({
+				action: "update",
+				options: {
+					...t,
+					id: e
+				}
+			});
+		},
+		promise(e, t) {
+			let r = e;
+			return n({
+				action: "promise",
+				options: {
+					...t,
+					promise: e,
+					setPromise(e) {
+						r = e;
+					}
+				}
+			}), r;
+		}
+	};
+}
+//#endregion
+export { t as createToastManager };

package/dist/node_modules/@base-ui/react/toast/description/ToastDescription.js

@@ -0,0 +1,32 @@
+"use client";
+import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { useId as n } from "../../../utils/useId.js";
+import { useToastRootContext as r } from "../root/ToastRootContext.js";
+import * as i from "react";
+//#region node_modules/@base-ui/react/toast/description/ToastDescription.mjs
+var a = /*#__PURE__*/ i.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, id: l, children: u, ...d } = i, { toast: f, setDescriptionId: p } = r(), m = u ?? f.description, h = !!m, g = n(l);
+	e(() => {
+		if (h) return p(g), () => {
+			p(void 0);
+		};
+	}, [
+		h,
+		g,
+		p
+	]);
+	let _ = t("p", i, {
+		ref: a,
+		state: { type: f.type },
+		props: {
+			...d,
+			id: g,
+			children: m
+		}
+	});
+	return h ? _ : null;
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "ToastDescription");
+//#endregion
+export { a as ToastDescription };

package/dist/node_modules/@base-ui/react/toast/index.parts.js

@@ -0,0 +1,32 @@
+import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { ToastProvider as t } from "./provider/ToastProvider.js";
+import { ToastViewport as n } from "./viewport/ToastViewport.js";
+import { ToastRoot as r } from "./root/ToastRoot.js";
+import { ToastContent as i } from "./content/ToastContent.js";
+import { ToastDescription as a } from "./description/ToastDescription.js";
+import { ToastTitle as o } from "./title/ToastTitle.js";
+import { ToastClose as s } from "./close/ToastClose.js";
+import { ToastAction as c } from "./action/ToastAction.js";
+import { ToastPortal as l } from "./portal/ToastPortal.js";
+import { ToastPositioner as u } from "./positioner/ToastPositioner.js";
+import { ToastArrow as d } from "./arrow/ToastArrow.js";
+import { useToastManager as f } from "./useToastManager.js";
+import { createToastManager as p } from "./createToastManager.js";
+//#region node_modules/@base-ui/react/toast/index.parts.mjs
+var m = /* @__PURE__ */ e({
+	Action: () => c,
+	Arrow: () => d,
+	Close: () => s,
+	Content: () => i,
+	Description: () => a,
+	Portal: () => l,
+	Positioner: () => u,
+	Provider: () => t,
+	Root: () => r,
+	Title: () => o,
+	Viewport: () => n,
+	createToastManager: () => p,
+	useToastManager: () => f
+});
+//#endregion
+export { c as Action, d as Arrow, s as Close, i as Content, a as Description, l as Portal, u as Positioner, t as Provider, r as Root, o as Title, n as Viewport, p as createToastManager, m as index_parts_exports, f as useToastManager };

package/dist/node_modules/@base-ui/react/toast/portal/ToastPortal.js

@@ -0,0 +1,6 @@
+"use client";
+import { FloatingPortalLite as e } from "../../utils/FloatingPortalLite.js";
+//#region node_modules/@base-ui/react/toast/portal/ToastPortal.mjs
+var t = e;
+//#endregion
+export { t as ToastPortal };

package/dist/node_modules/@base-ui/react/toast/positioner/ToastPositioner.js

@@ -0,0 +1,62 @@
+"use client";
+import { EMPTY_OBJECT as e, NOOP as t } from "../../../utils/empty.js";
+import { isElement as n } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { POPUP_COLLISION_AVOIDANCE as r } from "../../internals/constants.js";
+import { useFloatingRootContext as i } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
+import { useAnchorPositioning as a } from "../../utils/useAnchorPositioning.js";
+import { usePositioner as o } from "../../utils/usePositioner.js";
+import { useToastProviderContext as s } from "../provider/ToastProviderContext.js";
+import { ToastRootCssVars as c } from "../root/ToastRootCssVars.js";
+import { ToastPositionerContext as l } from "./ToastPositionerContext.js";
+import * as u from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/toast/positioner/ToastPositioner.mjs
+var f = /*#__PURE__*/ u.forwardRef(function(f, p) {
+	let { toast: m, ...h } = f, g = s(), _ = m.positionerProps ?? e, { render: v, className: y, anchor: b = _.anchor, positionMethod: x = _.positionMethod ?? "absolute", side: S = _.side ?? "top", align: C = _.align ?? "center", sideOffset: w = _.sideOffset ?? 0, alignOffset: T = _.alignOffset ?? 0, collisionBoundary: E = _.collisionBoundary ?? "clipping-ancestors", collisionPadding: D = _.collisionPadding ?? 5, arrowPadding: O = _.arrowPadding ?? 5, sticky: k = _.sticky ?? !1, disableAnchorTracking: A = _.disableAnchorTracking ?? !1, collisionAvoidance: j = _.collisionAvoidance ?? r, style: M, ...N } = h, [P, F] = u.useState(null), I = g.useState("toastIndex", m.id), L = g.useState("toastVisibleIndex", m.id), R = n(b) ? b : null, z = a({
+		anchor: R,
+		positionMethod: x,
+		floatingRootContext: i({
+			open: !0,
+			onOpenChange: t,
+			elements: {
+				floating: P,
+				reference: R
+			}
+		}),
+		mounted: !0,
+		side: S,
+		sideOffset: w,
+		align: C,
+		alignOffset: T,
+		collisionBoundary: E,
+		collisionPadding: D,
+		sticky: k,
+		arrowPadding: O,
+		disableAnchorTracking: A,
+		keepMounted: !0,
+		collisionAvoidance: j
+	}), B = o(f, u.useMemo(() => ({
+		side: z.side,
+		align: z.align,
+		anchorHidden: z.anchorHidden
+	}), [
+		z.side,
+		z.align,
+		z.anchorHidden
+	]), {
+		styles: {
+			...z.positionerStyles,
+			[c.index]: m.transitionStatus === "ending" ? I : L
+		},
+		transitionStatus: m.transitionStatus,
+		props: N,
+		refs: [p, F]
+	});
+	return /*#__PURE__*/ d(l.Provider, {
+		value: z,
+		children: B
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "ToastPositioner");
+//#endregion
+export { f as ToastPositioner };

package/dist/node_modules/@base-ui/react/toast/positioner/ToastPositionerContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/toast/positioner/ToastPositionerContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ToastPositionerContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(84) : "Base UI: ToastPositionerContext is missing. ToastPositioner parts must be placed within <Toast.Positioner>.");
+	return r;
+}
+//#endregion
+export { n as ToastPositionerContext, r as useToastPositionerContext };

package/dist/node_modules/@base-ui/react/toast/provider/ToastProvider.js

@@ -0,0 +1,42 @@
+"use client";
+import { useRefWithInit as e } from "../../../utils/useRefWithInit.js";
+import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
+import { useOnMount as n } from "../../../utils/useOnMount.js";
+import { ToastContext as r } from "./ToastProviderContext.js";
+import { ToastStore as i } from "../store.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/toast/provider/ToastProvider.mjs
+var s = function(s) {
+	let { children: c, timeout: l = 5e3, limit: u = 3, toastManager: d } = s, f = e(() => new i({
+		timeout: l,
+		limit: u,
+		viewport: null,
+		toasts: [],
+		hovering: !1,
+		focused: !1,
+		isWindowFocused: !0,
+		prevFocusElement: null
+	})).current;
+	return n(f.disposeEffect), a.useEffect(function() {
+		if (d) return d[" subscribe"](({ action: e, options: t }) => {
+			let n = t.id;
+			e === "promise" && t.promise ? f.promiseToast(t.promise, t) : e === "update" && n ? f.updateToast(n, t) : e === "close" ? f.closeToast(n) : f.addToast(t);
+		});
+	}, [f, d]), t(() => {
+		f.syncProviderProps({
+			timeout: l,
+			limit: u
+		});
+	}, [
+		f,
+		l,
+		u
+	]), /*#__PURE__*/ o(r.Provider, {
+		value: f,
+		children: c
+	});
+};
+process.env.NODE_ENV !== "production" && (s.displayName = "ToastProvider");
+//#endregion
+export { s as ToastProvider };

package/dist/node_modules/@base-ui/react/toast/provider/ToastProviderContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/toast/provider/ToastProviderContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ToastContext");
+function r() {
+	let r = t.useContext(n);
+	if (!r) throw Error(process.env.NODE_ENV === "production" ? e(73) : "Base UI: useToastManager must be used within <Toast.Provider>.");
+	return r;
+}
+//#endregion
+export { n as ToastContext, r as useToastProviderContext };

package/dist/node_modules/@base-ui/react/toast/root/ToastRoot.js

@@ -0,0 +1,267 @@
+"use client";
+import { useStableCallback as e } from "../../../utils/useStableCallback.js";
+import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as n } from "../../internals/useRenderElement.js";
+import { transitionStatusMapping as r } from "../../internals/stateAttributesMapping.js";
+import { addEventListener as i } from "../../../utils/addEventListener.js";
+import { ownerDocument as a } from "../../../utils/owner.js";
+import { useOpenChangeComplete as o } from "../../internals/useOpenChangeComplete.js";
+import { activeElement as s, contains as c, getTarget as l } from "../../internals/shadowDom.js";
+import { BASE_UI_SWIPE_IGNORE_SELECTOR as u, LEGACY_SWIPE_IGNORE_SELECTOR as d } from "../../internals/constants.js";
+import { inertValue as f } from "../../../utils/inertValue.js";
+import { getDisplacement as p, getElementTransform as ee } from "../../utils/useSwipeDismiss.js";
+import { useToastProviderContext as te } from "../provider/ToastProviderContext.js";
+import { ToastRootContext as ne } from "./ToastRootContext.js";
+import { ToastRootCssVars as m } from "./ToastRootCssVars.js";
+import * as h from "react";
+import { jsx as re } from "react/jsx-runtime";
+import * as ie from "react-dom";
+//#region node_modules/@base-ui/react/toast/root/ToastRoot.mjs
+var ae = {
+	...r,
+	swipeDirection(e) {
+		return e ? { "data-swipe-direction": e } : null;
+	}
+}, g = 40, oe = 10, _ = .5, se = 1, ce = `${u},${d}`, v = /*#__PURE__*/ h.forwardRef(function(r, u) {
+	let { toast: d, render: v, className: le, swipeDirection: y = ["down", "right"], style: ue, ...de } = r, fe = d.positionerProps?.anchor !== void 0, b = [];
+	fe || (b = Array.isArray(y) ? y : [y]);
+	let x = b.length > 0, S = te(), [C, w] = h.useState(void 0), [T, E] = h.useState(!1), [pe, D] = h.useState(!1), [me, he] = h.useState(!1), [O, ge] = h.useState({
+		x: 0,
+		y: 0
+	}), [k, _e] = h.useState({
+		x: 0,
+		y: 0,
+		scale: 1
+	}), [A, ve] = h.useState(), [j, ye] = h.useState(), [M, N] = h.useState(null), P = h.useRef(null), F = h.useRef({
+		x: 0,
+		y: 0
+	}), I = h.useRef({
+		x: 0,
+		y: 0,
+		scale: 1
+	}), L = h.useRef(void 0), R = h.useRef(0), z = h.useRef(!1), B = h.useRef({
+		x: 0,
+		y: 0
+	}), V = h.useRef(!1), H = h.useRef({
+		x: 0,
+		y: 0
+	}), U = h.useRef(null), W = h.useRef(null), G = S.useState("toastIndex", d.id), K = S.useState("toastVisibleIndex", d.id), be = S.useState("toastOffsetY", d.id), xe = S.useState("focused"), q = S.useState("expanded");
+	o({
+		open: d.transitionStatus !== "ending",
+		ref: P,
+		onComplete() {
+			d.transitionStatus === "ending" && S.removeToast(d.id);
+		}
+	});
+	let J = e((e = !1) => {
+		let t = P.current;
+		if (!t) return;
+		let n = t.style.height;
+		t.style.height = "auto";
+		let r = t.offsetHeight;
+		t.style.height = n;
+		function i() {
+			S.updateToastInternal(d.id, {
+				ref: P,
+				height: r,
+				...d.transitionStatus === "starting" ? { transitionStatus: void 0 } : {}
+			});
+		}
+		e ? ie.flushSync(i) : i();
+	});
+	t(J, [J]);
+	function Y(e) {
+		H.current = e, ge(e);
+	}
+	t(() => () => {
+		W.current?.abort();
+	}, []);
+	function Se(e, t) {
+		let n = e, r = t;
+		return !b.includes("left") && !b.includes("right") ? n = e > 0 ? e ** _ : -(Math.abs(e) ** _) : (!b.includes("right") && e > 0 && (n = e ** _), !b.includes("left") && e < 0 && (n = -(Math.abs(e) ** _))), !b.includes("up") && !b.includes("down") ? r = t > 0 ? t ** _ : -(Math.abs(t) ** _) : (!b.includes("down") && t > 0 && (r = t ** _), !b.includes("up") && t < 0 && (r = -(Math.abs(t) ** _))), {
+			x: n,
+			y: r
+		};
+	}
+	let X = e((e) => {
+		if (e.pointerId !== U.current) return;
+		U.current = null, W.current?.abort(), W.current = null, E(!1), D(!1), N(null);
+		let t = I.current;
+		if (e.type === "pointercancel" || z.current) {
+			Y({
+				x: t.x,
+				y: t.y
+			}), w(void 0);
+			return;
+		}
+		let n = !1, r = H.current, i = r.x - t.x, a = r.y - t.y, o;
+		for (let e of b) {
+			switch (e) {
+				case "right":
+					i > g && (n = !0, o = "right");
+					break;
+				case "left":
+					i < -40 && (n = !0, o = "left");
+					break;
+				case "down":
+					a > g && (n = !0, o = "down");
+					break;
+				case "up":
+					a < -40 && (n = !0, o = "up");
+					break;
+				default: break;
+			}
+			if (n) break;
+		}
+		n ? (w(o), he(!0), S.closeToast(d.id)) : (Y({
+			x: t.x,
+			y: t.y
+		}), w(void 0));
+	});
+	function Ce(e) {
+		if (e.button !== 0) return;
+		e.pointerType === "touch" && S.pauseTimers();
+		let t = l(e.nativeEvent);
+		if (t && t.closest(`button,a,input,textarea,[role="button"],${ce}`)) return;
+		if (z.current = !1, L.current = void 0, R.current = 0, U.current = e.pointerId, F.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, B.current = F.current, P.current) {
+			let e = ee(P.current);
+			I.current = e, _e(e), Y({
+				x: e.x,
+				y: e.y
+			});
+		}
+		S.setHovering(!0), E(!0), D(!1), N(null), V.current = !0;
+		let n = P.current;
+		if (n) {
+			W.current?.abort();
+			let t = new AbortController();
+			W.current = t;
+			let r = a(n);
+			r.addEventListener("pointerup", X, { signal: t.signal }), r.addEventListener("pointercancel", X, { signal: t.signal }), n.setPointerCapture?.(e.pointerId);
+		}
+	}
+	function we(e) {
+		if (e.pointerId !== U.current) return;
+		e.preventDefault(), V.current &&= (F.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, !1);
+		let { clientY: t, clientX: n, movementX: r, movementY: i } = e;
+		(i < 0 && t > B.current.y || i > 0 && t < B.current.y) && (B.current = {
+			x: B.current.x,
+			y: t
+		}), (r < 0 && n > B.current.x || r > 0 && n < B.current.x) && (B.current = {
+			x: n,
+			y: B.current.y
+		});
+		let a = n - F.current.x, o = t - F.current.y, s = t - B.current.y, c = n - B.current.x;
+		if (!pe && Math.sqrt(a * a + o * o) >= se && (D(!0), M === null)) {
+			let e = b.includes("left") || b.includes("right"), t = b.includes("up") || b.includes("down");
+			e && t && N(Math.abs(a) > Math.abs(o) ? "horizontal" : "vertical");
+		}
+		let l;
+		if (!L.current) M === "vertical" ? o > 0 ? l = "down" : o < 0 && (l = "up") : M === "horizontal" ? a > 0 ? l = "right" : a < 0 && (l = "left") : l = Math.abs(a) >= Math.abs(o) ? a > 0 ? "right" : "left" : o > 0 ? "down" : "up", l && b.includes(l) && (L.current = l, R.current = p(l, a, o), w(l));
+		else {
+			let e = L.current, t = p(e, c, s);
+			t > g ? (z.current = !1, w(e)) : !(b.includes("left") && b.includes("right")) && !(b.includes("up") && b.includes("down")) && R.current - t >= oe && (z.current = !0);
+		}
+		let u = Se(a, o), d = I.current.x, f = I.current.y;
+		M === "horizontal" ? (b.includes("left") || b.includes("right")) && (d += u.x) : (M === "vertical" || (b.includes("left") || b.includes("right")) && (d += u.x), (b.includes("up") || b.includes("down")) && (f += u.y)), Y({
+			x: d,
+			y: f
+		});
+	}
+	function Te(e) {
+		if (e.key === "Escape") {
+			if (!P.current || !c(P.current, s(a(P.current)))) return;
+			S.closeToast(d.id);
+		}
+	}
+	h.useEffect(() => {
+		if (!x) return;
+		let e = P.current;
+		if (!e) return;
+		function t(t) {
+			U.current === null || !c(e, l(t)) || t.preventDefault();
+		}
+		return i(e, "touchmove", t, { passive: !1 });
+	}, [x]);
+	function Z() {
+		if (!T && O.x === k.x && O.y === k.y && !me) return {
+			[m.swipeMovementX]: "0px",
+			[m.swipeMovementY]: "0px"
+		};
+		let e = O.x - k.x, t = O.y - k.y;
+		return {
+			transition: T ? "none" : void 0,
+			transform: T ? `translateX(${O.x}px) translateY(${O.y}px) scale(${k.scale})` : void 0,
+			[m.swipeMovementX]: `${e}px`,
+			[m.swipeMovementY]: `${t}px`
+		};
+	}
+	let Q = d.priority === "high", Ee = {
+		role: Q ? "alertdialog" : "dialog",
+		tabIndex: 0,
+		"aria-modal": !1,
+		"aria-labelledby": A,
+		"aria-describedby": j,
+		"aria-hidden": Q && !xe ? !0 : void 0,
+		onPointerDown: x ? Ce : void 0,
+		onPointerMove: x ? we : void 0,
+		onPointerUp: x ? X : void 0,
+		onPointerCancel: x ? X : void 0,
+		onKeyDown: Te,
+		inert: f(d.limited),
+		style: {
+			...Z(),
+			[m.index]: d.transitionStatus === "ending" ? G : K,
+			[m.offsetY]: `${be}px`,
+			[m.height]: d.height ? `${d.height}px` : void 0
+		}
+	}, $ = h.useMemo(() => ({
+		rootRef: P,
+		toast: d,
+		titleId: A,
+		setTitleId: ve,
+		descriptionId: j,
+		setDescriptionId: ye,
+		swiping: T,
+		swipeDirection: C,
+		recalculateHeight: J,
+		index: G,
+		visibleIndex: K,
+		expanded: q
+	}), [
+		d,
+		A,
+		j,
+		T,
+		C,
+		J,
+		G,
+		K,
+		q
+	]), De = {
+		transitionStatus: d.transitionStatus,
+		expanded: q,
+		limited: d.limited || !1,
+		type: d.type,
+		swiping: $.swiping,
+		swipeDirection: $.swipeDirection
+	}, Oe = n("div", r, {
+		ref: [u, $.rootRef],
+		state: De,
+		stateAttributesMapping: ae,
+		props: [Ee, de]
+	});
+	return /*#__PURE__*/ re(ne.Provider, {
+		value: $,
+		children: Oe
+	});
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "ToastRoot");
+//#endregion
+export { v as ToastRoot };

package/dist/node_modules/@base-ui/react/toast/root/ToastRootContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/toast/root/ToastRootContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ToastRootContext");
+function r() {
+	let r = t.useContext(n);
+	if (!r) throw Error(process.env.NODE_ENV === "production" ? e(66) : "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>.");
+	return r;
+}
+//#endregion
+export { n as ToastRootContext, r as useToastRootContext };

package/dist/node_modules/@base-ui/react/toast/root/ToastRootCssVars.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/toast/root/ToastRootCssVars.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.index = "--toast-index", e.offsetY = "--toast-offset-y", e.height = "--toast-height", e.swipeMovementX = "--toast-swipe-movement-x", e.swipeMovementY = "--toast-swipe-movement-y", e;
+}({});
+//#endregion
+export { e as ToastRootCssVars };