@rpcbase/ui 0.280.0 → 0.281.0

package/dist/index247.js

@@ -1,339 +1,236 @@
-import { clamp as e, evaluate as t, getAlignment as n, getAlignmentAxis as r, getAlignmentSides as i, getAxisLength as a, getExpandedPlacements as o, getOppositeAxis as s, getOppositeAxisPlacements as c, getOppositePlacement as l, getPaddingObject as u, getSide as d, getSideAxis as f, max as p, min as m, rectToClientRect as h, sides as g } from "./index232.js";
-//#region ../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function _(e, t, i) {
-	let { reference: o, floating: s } = e, c = f(t), l = r(t), u = a(l), p = d(t), m = c === "y", h = o.x + o.width / 2 - s.width / 2, g = o.y + o.height / 2 - s.height / 2, _ = o[u] / 2 - s[u] / 2, v;
-	switch (p) {
-		case "top":
-			v = {
-				x: h,
-				y: o.y - s.height
-			};
-			break;
-		case "bottom":
-			v = {
-				x: h,
-				y: o.y + o.height
-			};
-			break;
-		case "right":
-			v = {
-				x: o.x + o.width,
-				y: g
-			};
-			break;
-		case "left":
-			v = {
-				x: o.x - s.width,
-				y: g
-			};
-			break;
-		default: v = {
-			x: o.x,
-			y: o.y
-		};
-	}
-	switch (n(t)) {
-		case "start":
-			v[l] -= _ * (i && m ? -1 : 1);
-			break;
-		case "end":
-			v[l] += _ * (i && m ? -1 : 1);
-			break;
-	}
-	return v;
+"use client";
+import { getComputedStyle as e, getParentNode as t, isElement as n, isHTMLElement as r, isLastTraversableNode as i, isShadowRoot as a } from "./index200.js";
+import { useStableCallback as o } from "./index202.js";
+import { ownerDocument as s } from "./index207.js";
+import { escapeKey as c, outsidePress as ee, triggerPress as l } from "./index210.js";
+import { createChangeEventDetails as u } from "./index211.js";
+import { Timeout as d, useTimeout as f } from "./index217.js";
+import { webkit as p } from "./index220.js";
+import { isReactEvent as m } from "./index223.js";
+import { contains as h, getTarget as g } from "./index225.js";
+import { isEventTargetWithin as _, isRootElement as te } from "./index226.js";
+import { addEventListener as v } from "./index227.js";
+import { mergeCleanups as y } from "./index228.js";
+import { getNodeChildren as ne } from "./index236.js";
+import { createAttribute as re } from "./index237.js";
+import { useFloatingTree as b } from "./index243.js";
+import * as x from "react";
+//#region ../../node_modules/@base-ui/react/floating-ui-react/hooks/useDismiss.mjs
+function ie() {
+	return !1;
 }
-async function v(e, n) {
-	n === void 0 && (n = {});
-	let { x: r, y: i, platform: a, rects: o, elements: s, strategy: c } = e, { boundary: l = "clippingAncestors", rootBoundary: d = "viewport", elementContext: f = "floating", altBoundary: p = !1, padding: m = 0 } = t(n, e), g = u(m), _ = s[p ? f === "floating" ? "reference" : "floating" : f], v = h(await a.getClippingRect({
-		element: await (a.isElement == null ? void 0 : a.isElement(_)) ?? !0 ? _ : _.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
-		boundary: l,
-		rootBoundary: d,
-		strategy: c
-	})), y = f === "floating" ? {
-		x: r,
-		y: i,
-		width: o.floating.width,
-		height: o.floating.height
-	} : o.reference, b = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s.floating)), x = await (a.isElement == null ? void 0 : a.isElement(b)) && await (a.getScale == null ? void 0 : a.getScale(b)) || {
-		x: 1,
-		y: 1
-	}, S = h(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
-		elements: s,
-		rect: y,
-		offsetParent: b,
-		strategy: c
-	}) : y);
+function S(e) {
 	return {
-		top: (v.top - S.top + g.top) / x.y,
-		bottom: (S.bottom - v.bottom + g.bottom) / x.y,
-		left: (v.left - S.left + g.left) / x.x,
-		right: (S.right - v.right + g.right) / x.x
+		escapeKey: typeof e == "boolean" ? e : e?.escapeKey ?? !1,
+		outsidePress: typeof e == "boolean" ? e : e?.outsidePress ?? !0
 	};
 }
-var y = 50, b = async (e, t, n) => {
-	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
-		...o,
-		detectOverflow: v
-	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
-		reference: e,
-		floating: t,
-		strategy: i
-	}), { x: u, y: d } = _(l, r, c), f = r, p = 0, m = {};
-	for (let n = 0; n < a.length; n++) {
-		let h = a[n];
-		if (!h) continue;
-		let { name: g, fn: v } = h, { x: b, y: x, data: S, reset: C } = await v({
-			x: u,
-			y: d,
-			initialPlacement: r,
-			placement: f,
-			strategy: i,
-			middlewareData: m,
-			rects: l,
-			platform: s,
-			elements: {
-				reference: e,
-				floating: t
+function C(C, ae = {}) {
+	let { enabled: w = !0, escapeKey: T = !0, outsidePress: E = !0, outsidePressEvent: D = "sloppy", referencePress: oe = ie, bubbles: O, externalTree: k } = ae, A = "rootStore" in C ? C.rootStore : C, j = A.useState("open"), se = A.useState("floatingElement"), { dataRef: M } = A.context, N = b(k), P = o(typeof E == "function" ? E : () => !1), F = typeof E == "function" ? P : E, ce = F !== !1, le = o(() => D), { escapeKey: I, outsidePress: ue } = S(O), L = x.useRef(!1), R = x.useRef(!1), z = x.useRef(!1), B = x.useRef(!1), V = x.useRef(""), H = x.useRef(null), U = f(), W = f(), G = o(() => {
+		W.clear(), M.current.insideReactTree = !1;
+	}), K = o((e) => {
+		let t = M.current.floatingContext?.nodeId;
+		return (N ? ne(N.nodesRef.current, t) : []).some((t) => t.context?.open && !t.context.dataRef.current[e]);
+	}), q = o((e) => _(e, A.select("floatingElement")) || _(e, A.select("domReferenceElement"))), J = o((e) => {
+		oe() && A.setOpen(!1, u(l, e.nativeEvent));
+	}), Y = o((e) => {
+		if (!j || !w || !T || e.key !== "Escape" || B.current || !I && K("__escapeKeyBubbles")) return;
+		let t = m(e) ? e.nativeEvent : e, n = u(c, t);
+		A.setOpen(!1, n), n.isCanceled || e.preventDefault(), !I && !n.isPropagationAllowed && e.stopPropagation();
+	}), X = o(() => {
+		M.current.insideReactTree = !0, W.start(0, G);
+	}), Z = o((e) => {
+		if (!j || !w || e.button !== 0) return;
+		let t = g(e.nativeEvent);
+		h(A.select("floatingElement"), t) && (L.current || (L.current = !0, R.current = !1));
+	}), Q = o((e) => {
+		!j || !w || (e.defaultPrevented || e.nativeEvent.defaultPrevented) && L.current && (R.current = !0);
+	});
+	x.useEffect(() => {
+		if (!j || !w) return G;
+		M.current.__escapeKeyBubbles = I, M.current.__outsidePressBubbles = ue;
+		let o = new d(), c = new d();
+		function l() {
+			o.clear(), B.current = !0;
+		}
+		function f() {
+			o.start(p ? 5 : 0, () => {
+				B.current = !1;
+			});
+		}
+		function m() {
+			z.current = !0, c.start(0, () => {
+				z.current = !1;
+			});
+		}
+		function b() {
+			L.current = !1, R.current = !1;
+		}
+		function x() {
+			let e = V.current, t = e === "pen" || !e ? "mouse" : e, n = le(), r = typeof n == "function" ? n() : n;
+			return typeof r == "string" ? r : r[t];
+		}
+		function ie(e) {
+			let t = x();
+			return t === "intentional" && e.type !== "click" || t === "sloppy" && e.type === "click";
+		}
+		function S(e) {
+			let t = M.current.floatingContext?.nodeId, n = N && ne(N.nodesRef.current, t).some((t) => _(e, t.context?.elements.floating));
+			return q(e) || n;
+		}
+		function C(o) {
+			if (ie(o)) {
+				o.type !== "click" && !q(o) && (c.clear(), z.current = !1), G();
+				return;
 			}
-		});
-		u = b ?? u, d = x ?? d, m[g] = {
-			...m[g],
-			...S
-		}, C && p < y && (p++, typeof C == "object" && (C.placement && (f = C.placement), C.rects && (l = C.rects === !0 ? await o.getElementRects({
-			reference: e,
-			floating: t,
-			strategy: i
-		}) : C.rects), {x: u, y: d} = _(l, f, c)), n = -1);
-	}
-	return {
-		x: u,
-		y: d,
-		placement: f,
-		strategy: i,
-		middlewareData: m
-	};
-}, x = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "flip",
-		options: e,
-		async fn(n) {
-			var r;
-			let { placement: a, middlewareData: s, rects: u, initialPlacement: p, platform: m, elements: h } = n, { mainAxis: g = !0, crossAxis: _ = !0, fallbackPlacements: v, fallbackStrategy: y = "bestFit", fallbackAxisSideDirection: b = "none", flipAlignment: x = !0, ...S } = t(e, n);
-			if ((r = s.arrow) != null && r.alignmentOffset) return {};
-			let C = d(a), w = f(p), T = d(p) === p, E = await (m.isRTL == null ? void 0 : m.isRTL(h.floating)), D = v || (T || !x ? [l(p)] : o(p)), O = b !== "none";
-			!v && O && D.push(...c(p, x, b, E));
-			let k = [p, ...D], A = await m.detectOverflow(n, S), j = [], M = s.flip?.overflows || [];
-			if (g && j.push(A[C]), _) {
-				let e = i(a, u, E);
-				j.push(A[e[0]], A[e[1]]);
+			if (M.current.insideReactTree) {
+				G();
+				return;
 			}
-			if (M = [...M, {
-				placement: a,
-				overflows: j
-			}], !j.every((e) => e <= 0)) {
-				let e = (s.flip?.index || 0) + 1, t = k[e];
-				if (t && (!(_ === "alignment" && w !== f(t)) || M.every((e) => f(e.placement) !== w || e.overflows[0] > 0))) return {
-					data: {
-						index: e,
-						overflows: M
-					},
-					reset: { placement: t }
-				};
-				let n = M.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
-				if (!n) switch (y) {
-					case "bestFit": {
-						let e = M.filter((e) => {
-							if (O) {
-								let t = f(e.placement);
-								return t === w || t === "y";
-							}
-							return !0;
-						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
-						e && (n = e);
-						break;
-					}
-					case "initialPlacement":
-						n = p;
-						break;
-				}
-				if (a !== n) return { reset: { placement: n } };
+			let l = g(o), d = `[${re("inert")}]`, f = n(l) ? l.getRootNode() : null, p = Array.from((a(f) ? f : s(A.select("floatingElement"))).querySelectorAll(d)), m = A.context.triggerElements;
+			if (l && (m.hasElement(l) || m.hasMatchingElement((e) => h(e, l)))) return;
+			let _ = n(l) ? l : null;
+			for (; _ && !i(_);) {
+				let e = t(_);
+				if (i(e) || !n(e)) break;
+				_ = e;
 			}
-			return {};
-		}
-	};
-};
-function S(e, t) {
-	return {
-		top: e.top - t.height,
-		right: e.right - t.width,
-		bottom: e.bottom - t.height,
-		left: e.left - t.width
-	};
-}
-function C(e) {
-	return g.some((t) => e[t] >= 0);
-}
-var w = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "hide",
-		options: e,
-		async fn(n) {
-			let { rects: r, platform: i } = n, { strategy: a = "referenceHidden", ...o } = t(e, n);
-			switch (a) {
-				case "referenceHidden": {
-					let e = S(await i.detectOverflow(n, {
-						...o,
-						elementContext: "reference"
-					}), r.reference);
-					return { data: {
-						referenceHiddenOffsets: e,
-						referenceHidden: C(e)
-					} };
+			if (!(p.length && n(l) && !te(l) && !h(l, A.select("floatingElement")) && p.every((e) => !h(_, e)))) {
+				if (r(l) && !("touches" in o)) {
+					let t = i(l), n = e(l), r = /auto|scroll/, a = t || r.test(n.overflowX), s = t || r.test(n.overflowY), c = a && l.clientWidth > 0 && l.scrollWidth > l.clientWidth, ee = s && l.clientHeight > 0 && l.scrollHeight > l.clientHeight, u = n.direction === "rtl", d = ee && (u ? o.offsetX <= l.offsetWidth - l.clientWidth : o.offsetX > l.clientWidth), f = c && o.offsetY > l.clientHeight;
+					if (d || f) return;
 				}
-				case "escaped": {
-					let e = S(await i.detectOverflow(n, {
-						...o,
-						altBoundary: !0
-					}), r.floating);
-					return { data: {
-						escapedOffsets: e,
-						escaped: C(e)
-					} };
+				if (!S(o)) {
+					if (x() === "intentional" && z.current) {
+						c.clear(), z.current = !1;
+						return;
+					}
+					typeof F == "function" && !F(o) || K("__outsidePressBubbles") || (A.setOpen(!1, u(ee, o)), G());
 				}
-				default: return {};
 			}
 		}
-	};
-}, T = /*#__PURE__*/ new Set(["left", "top"]);
-async function E(e, r) {
-	let { placement: i, platform: a, elements: o } = e, s = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), c = d(i), l = n(i), u = f(i) === "y", p = T.has(c) ? -1 : 1, m = s && u ? -1 : 1, h = t(r, e), { mainAxis: g, crossAxis: _, alignmentAxis: v } = typeof h == "number" ? {
-		mainAxis: h,
-		crossAxis: 0,
-		alignmentAxis: null
-	} : {
-		mainAxis: h.mainAxis || 0,
-		crossAxis: h.crossAxis || 0,
-		alignmentAxis: h.alignmentAxis
-	};
-	return l && typeof v == "number" && (_ = l === "end" ? v * -1 : v), u ? {
-		x: _ * m,
-		y: g * p
-	} : {
-		x: g * p,
-		y: _ * m
-	};
-}
-var D = function(e) {
-	return e === void 0 && (e = 0), {
-		name: "offset",
-		options: e,
-		async fn(t) {
-			var n;
-			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await E(t, e);
-			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
-				x: r + s.x,
-				y: i + s.y,
-				data: {
-					...s,
-					placement: a
-				}
-			};
+		function ae(e) {
+			x() !== "sloppy" || e.pointerType === "touch" || !A.select("open") || !w || q(e) || C(e);
 		}
-	};
-}, O = function(n) {
-	return n === void 0 && (n = {}), {
-		name: "shift",
-		options: n,
-		async fn(r) {
-			let { x: i, y: a, placement: o, platform: c } = r, { mainAxis: l = !0, crossAxis: u = !1, limiter: p = { fn: (e) => {
-				let { x: t, y: n } = e;
-				return {
-					x: t,
-					y: n
-				};
-			} }, ...m } = t(n, r), h = {
-				x: i,
-				y: a
-			}, g = await c.detectOverflow(r, m), _ = f(d(o)), v = s(_), y = h[v], b = h[_];
-			if (l) {
-				let t = v === "y" ? "top" : "left", n = v === "y" ? "bottom" : "right", r = y + g[t], i = y - g[n];
-				y = e(r, y, i);
-			}
-			if (u) {
-				let t = _ === "y" ? "top" : "left", n = _ === "y" ? "bottom" : "right", r = b + g[t], i = b - g[n];
-				b = e(r, b, i);
-			}
-			let x = p.fn({
-				...r,
-				[v]: y,
-				[_]: b
+		function E(e) {
+			if (x() !== "sloppy" || !A.select("open") || !w || q(e)) return;
+			let t = e.touches[0];
+			t && (H.current = {
+				startTime: Date.now(),
+				startX: t.clientX,
+				startY: t.clientY,
+				dismissOnTouchEnd: !1,
+				dismissOnMouseDown: !0
+			}, U.start(1e3, () => {
+				H.current && (H.current.dismissOnTouchEnd = !1, H.current.dismissOnMouseDown = !1);
+			}));
+		}
+		function D(e, t) {
+			let n = g(e);
+			if (!n) return;
+			let r = v(n, e.type, () => {
+				t(e), r();
 			});
-			return {
-				...x,
-				data: {
-					x: x.x - i,
-					y: x.y - a,
-					enabled: {
-						[v]: l,
-						[_]: u
+		}
+		function oe(e) {
+			V.current = "touch", D(e, E);
+		}
+		function O(e) {
+			U.clear(), e.type === "pointerdown" && (V.current = e.pointerType), !(e.type === "mousedown" && H.current && !H.current.dismissOnMouseDown) && D(e, (e) => {
+				e.type === "pointerdown" ? ae(e) : C(e);
+			});
+		}
+		function k(e) {
+			if (!L.current) return;
+			let t = R.current;
+			if (b(), x() === "intentional") {
+				if (e.type === "pointercancel") {
+					t && m();
+					return;
+				}
+				if (!S(e)) {
+					if (t) {
+						m();
+						return;
 					}
+					typeof F == "function" && !F(e) || (c.clear(), z.current = !0, G());
 				}
-			};
-		}
-	};
-}, k = function(e) {
-	return e === void 0 && (e = {}), {
-		options: e,
-		fn(n) {
-			let { x: r, y: i, placement: a, rects: o, middlewareData: c } = n, { offset: l = 0, mainAxis: u = !0, crossAxis: p = !0 } = t(e, n), m = {
-				x: r,
-				y: i
-			}, h = f(a), g = s(h), _ = m[g], v = m[h], y = t(l, n), b = typeof y == "number" ? {
-				mainAxis: y,
-				crossAxis: 0
-			} : {
-				mainAxis: 0,
-				crossAxis: 0,
-				...y
-			};
-			if (u) {
-				let e = g === "y" ? "height" : "width", t = o.reference[g] - o.floating[e] + b.mainAxis, n = o.reference[g] + o.reference[e] - b.mainAxis;
-				_ < t ? _ = t : _ > n && (_ = n);
-			}
-			if (p) {
-				let e = g === "y" ? "width" : "height", t = T.has(d(a)), n = o.reference[h] - o.floating[e] + (t && c.offset?.[h] || 0) + (t ? 0 : b.crossAxis), r = o.reference[h] + o.reference[e] + (t ? 0 : c.offset?.[h] || 0) - (t ? b.crossAxis : 0);
-				v < n ? v = n : v > r && (v = r);
 			}
-			return {
-				[g]: _,
-				[h]: v
-			};
 		}
-	};
-}, A = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "size",
-		options: e,
-		async fn(r) {
-			var i, a;
-			let { placement: o, rects: s, platform: c, elements: l } = r, { apply: u = () => {}, ...h } = t(e, r), g = await c.detectOverflow(r, h), _ = d(o), v = n(o), y = f(o) === "y", { width: b, height: x } = s.floating, S, C;
-			_ === "top" || _ === "bottom" ? (S = _, C = v === (await (c.isRTL == null ? void 0 : c.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (C = _, S = v === "end" ? "top" : "bottom");
-			let w = x - g.top - g.bottom, T = b - g.left - g.right, E = m(x - g[S], w), D = m(b - g[C], T), O = !r.middlewareData.shift, k = E, A = D;
-			if ((i = r.middlewareData.shift) != null && i.enabled.x && (A = T), (a = r.middlewareData.shift) != null && a.enabled.y && (k = w), O && !v) {
-				let e = p(g.left, 0), t = p(g.right, 0), n = p(g.top, 0), r = p(g.bottom, 0);
-				y ? A = b - 2 * (e !== 0 || t !== 0 ? e + t : p(g.left, g.right)) : k = x - 2 * (n !== 0 || r !== 0 ? n + r : p(g.top, g.bottom));
-			}
-			await u({
-				...r,
-				availableWidth: A,
-				availableHeight: k
-			});
-			let j = await c.getDimensions(l.floating);
-			return b !== j.width || x !== j.height ? { reset: { rects: !0 } } : {};
+		function P(e) {
+			if (x() !== "sloppy" || !H.current || q(e)) return;
+			let t = e.touches[0];
+			if (!t) return;
+			let n = Math.abs(t.clientX - H.current.startX), r = Math.abs(t.clientY - H.current.startY), i = Math.sqrt(n * n + r * r);
+			i > 5 && (H.current.dismissOnTouchEnd = !0), i > 10 && (C(e), U.clear(), H.current = null);
 		}
-	};
-};
+		function W(e) {
+			D(e, P);
+		}
+		function J(e) {
+			x() !== "sloppy" || !H.current || q(e) || (H.current.dismissOnTouchEnd && C(e), U.clear(), H.current = null);
+		}
+		function X(e) {
+			D(e, J);
+		}
+		let Z = s(se), Q = y(T && y(v(Z, "keydown", Y), v(Z, "compositionstart", l), v(Z, "compositionend", f)), ce && y(v(Z, "click", O, !0), v(Z, "pointerdown", O, !0), v(Z, "pointerup", k, !0), v(Z, "pointercancel", k, !0), v(Z, "mousedown", O, !0), v(Z, "mouseup", k, !0), v(Z, "touchstart", oe, !0), v(Z, "touchmove", W, !0), v(Z, "touchend", X, !0)));
+		return () => {
+			Q(), o.clear(), c.clear(), b(), z.current = !1, G();
+		};
+	}, [
+		M,
+		se,
+		T,
+		ce,
+		F,
+		j,
+		w,
+		I,
+		ue,
+		Y,
+		G,
+		le,
+		K,
+		q,
+		N,
+		A,
+		U
+	]);
+	let $ = x.useMemo(() => ({
+		onKeyDown: Y,
+		onPointerDown: J,
+		onClick: J
+	}), [Y, J]), de = x.useMemo(() => ({
+		onKeyDown: Y,
+		onPointerDown: Q,
+		onMouseDown: Q,
+		onClickCapture: X,
+		onMouseDownCapture(e) {
+			X(), Z(e);
+		},
+		onPointerDownCapture(e) {
+			X(), Z(e);
+		},
+		onMouseUpCapture: X,
+		onTouchEndCapture: X,
+		onTouchMoveCapture: X
+	}), [
+		Y,
+		X,
+		Z,
+		Q
+	]);
+	return x.useMemo(() => w ? {
+		reference: $,
+		floating: de,
+		trigger: $
+	} : {}, [
+		w,
+		$,
+		de
+	]);
+}
 //#endregion
-export { b as computePosition, v as detectOverflow, x as flip, w as hide, k as limitShift, D as offset, h as rectToClientRect, O as shift, A as size };
+export { S as normalizeProp, C as useDismiss };
 
 //# sourceMappingURL=index247.js.map