@rinzai/zen 0.8.6 → 0.10.0

package/dist/utils/swipe.js

@@ -0,0 +1,85 @@
+"use client";
+import { useEffect as e, useRef as t } from "react";
+//#region packages/utils/swipe.ts
+var n = .5, r = 100, i = 8;
+function a(n, a, c) {
+	let l = t(c);
+	e(() => {
+		l.current = c;
+	});
+	let u = a?.axis, d = a?.sign;
+	e(() => {
+		let e = n.current;
+		if (!e || !u || !d) return;
+		let t = u === "y" ? "y" : "x", a = u === "inline" && getComputedStyle(e).direction === "rtl" ? -d : d, c = null, f = !1, p = (e) => (t === "y" ? e.clientY - c.y : e.clientX - c.x) * a, m = (e) => t === "y" ? e.clientX - c.x : e.clientY - c.y, h = () => {
+			let t = c?.on;
+			return c = null, t ? (delete e.dataset.swiping, f = !0, !0) : !1;
+		}, g = (n) => {
+			if (f = !1, n.pointerType === "touch") {
+				if (!n.isPrimary) {
+					h() && l.current.cancel();
+					return;
+				}
+				o(n.target, e, t) || (c = {
+					id: n.pointerId,
+					x: n.clientX,
+					y: n.clientY,
+					points: [[n.timeStamp, 0]],
+					on: !1,
+					past: !1
+				});
+			}
+		}, _ = (n) => {
+			if (!c || n.pointerId !== c.id) return;
+			let o = p(n);
+			if (!c.on) {
+				if (Math.hypot(o, m(n)) < i) return;
+				if (o <= 0 || Math.abs(m(n)) * 1.5 > o || s(n.target, t, a)) {
+					c = null;
+					return;
+				}
+				c.on = !0, e.dataset.swiping = "", e.setPointerCapture?.(n.pointerId);
+			}
+			c.points = [...c.points.filter(([e]) => n.timeStamp - e < r), [n.timeStamp, o]], l.current.move(o);
+			let u = l.current.threshold?.();
+			u !== void 0 && o > u !== c.past && (c.past = !c.past, navigator.vibrate?.(8));
+		}, v = (e) => {
+			if (!c || e.pointerId !== c.id) return;
+			let t = p(e), [n, i] = c.points.find(([t]) => e.timeStamp - t < r) ?? [e.timeStamp, t], a = (t - i) / Math.max(1, e.timeStamp - n);
+			h() && (e.type === "pointerup" ? l.current.release(t, a) : l.current.cancel());
+		}, y = (e) => {
+			c?.on && e.preventDefault();
+		}, b = (e) => {
+			f && (f = !1, e.stopPropagation(), e.preventDefault());
+		};
+		return e.addEventListener("pointerdown", g), e.addEventListener("pointermove", _), e.addEventListener("pointerup", v), e.addEventListener("pointercancel", v), e.addEventListener("touchmove", y, { passive: !1 }), e.addEventListener("click", b, !0), () => {
+			e.removeEventListener("pointerdown", g), e.removeEventListener("pointermove", _), e.removeEventListener("pointerup", v), e.removeEventListener("pointercancel", v), e.removeEventListener("touchmove", y), e.removeEventListener("click", b, !0), delete e.dataset.swiping;
+		};
+	}, [
+		n,
+		u,
+		d
+	]);
+}
+function o(e, t, n) {
+	if (e.closest("input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])")) return !0;
+	let r = n === "y" ? /pan-(y|up|down)/ : /pan-(x|left|right)/;
+	for (let n = e; n && n !== t; n = n.parentElement) {
+		let e = getComputedStyle(n).touchAction;
+		if (e && e !== "auto" && e !== "manipulation" && !r.test(e)) return !0;
+	}
+	return !1;
+}
+function s(e, t, n) {
+	for (let r = e; r; r = r.parentElement) {
+		let e = getComputedStyle(r), i = t === "y" ? e.overflowY : e.overflowX;
+		if (r === r.ownerDocument.scrollingElement ? i === "hidden" || i === "clip" : !/auto|scroll/.test(i)) continue;
+		let a = t === "y" ? r.scrollHeight - r.clientHeight : r.scrollWidth - r.clientWidth;
+		if (a <= 0) continue;
+		let o = t === "x" && e.direction === "rtl", s = t === "y" ? r.scrollTop : o ? r.scrollLeft + a : r.scrollLeft;
+		if (n > 0 ? s > 0 : s < a - 1) return !0;
+	}
+	return !1;
+}
+//#endregion
+export { n as FLICK_SPEED, a as useSwipe };

package/dist/utils/theme-wave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-wave.d.ts","sourceRoot":"","sources":["../../packages/utils/theme-wave.ts"],"names":[],"mappings":"AA6NA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CACrB,MAAM,EAAE,MAAM,IAAI,EAClB,IAAI,CAAC,EAAE,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAChD,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GACxB,IAAI,CAyKN"}
+{"version":3,"file":"theme-wave.d.ts","sourceRoot":"","sources":["../../packages/utils/theme-wave.ts"],"names":[],"mappings":"AA2NA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CACrB,MAAM,EAAE,MAAM,IAAI,EAClB,IAAI,CAAC,EAAE,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAChD,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GACxB,IAAI,CAyKN"}

package/dist/utils/theme-wave.js

@@ -1,18 +1,19 @@
 "use client";
 import { applyGraphicsMode as e } from "./graphics.js";
-import { changeTheme as t, oklchToLinearRgb as n } from "./theme.js";
+import { reducedMotion as t } from "./motion.js";
+import { changeTheme as n, oklchToLinearRgb as r } from "./theme.js";
 //#region packages/utils/theme-wave.ts
-var r = 1330, i = [
+var i = 1330, a = [
 	.25,
 	.55,
 	.35,
 	1
-], a = 1050, o = [
+], o = 1050, s = [
 	.55,
 	0,
 	.85,
 	.35
-], s = .05, c = 36, l = [
+], c = .05, l = 36, u = [
 	[
 		3,
 		1.9,
@@ -28,15 +29,15 @@ var r = 1330, i = [
 		4.1,
 		.2
 	]
-], u = 48, d = 72, f = 28, p = "zen-theme-waving", m = "zen-theme-closing", h = "zen-theme-water", g = "zen-theme-area", _ = 0, v = null;
-function y() {
-	v && v.style.setProperty("view-transition-name", v.name, v.priority), v = null;
+], d = 48, f = 72, p = 28, m = "zen-theme-waving", h = "zen-theme-closing", g = "zen-theme-water", _ = "zen-theme-area", v = 0, y = null;
+function b() {
+	y && y.style.setProperty("view-transition-name", y.name, y.priority), y = null;
 }
-function b(e, t, n) {
+function x(e, t, n) {
 	let r = Math.min(1, Math.max(0, (n - e) / (t - e)));
 	return r * r * (3 - 2 * r);
 }
-function x([e, t, n, r], i) {
+function S([e, t, n, r], i) {
 	let a = (e, t, n) => 3 * e * n * (1 - n) ** 2 + 3 * t * n ** 2 * (1 - n) + n ** 3, o = 0, s = 1;
 	for (let t = 0; t < 24; t++) {
 		let t = (o + s) / 2;
@@ -44,10 +45,10 @@ function x([e, t, n, r], i) {
 	}
 	return a(t, r, (o + s) / 2);
 }
-function S(e, t, n, r) {
-	return Math.min(c, s * t) * l.reduce((t, [i, a, o], s) => t + o * Math.sin(i * e + a * n + r * (s + 1)), 0);
+function C(e, t, n, r) {
+	return Math.min(l, c * t) * u.reduce((t, [i, a, o], s) => t + o * Math.sin(i * e + a * n + r * (s + 1)), 0);
 }
-var C = `
+var w = `
 precision highp float;
 uniform vec2 res;
 uniform float dpr;
@@ -63,8 +64,8 @@ uniform vec3 aurora[3];
 uniform float light;
 
 float wobble(float a, float r) {
-    float size = min(${c.toFixed(1)}, ${s.toFixed(3)} * r);
-    return size * (${l.map(([e, t, n], r) => `${n.toFixed(2)} * sin(${e.toFixed(1)} * a + ${t.toFixed(2)} * time + seed * ${(r + 1).toFixed(1)})`).join(" + ")});
+    float size = min(${l.toFixed(1)}, ${c.toFixed(3)} * r);
+    return size * (${u.map(([e, t, n], r) => `${n.toFixed(2)} * sin(${e.toFixed(1)} * a + ${t.toFixed(2)} * time + seed * ${(r + 1).toFixed(1)})`).join(" + ")});
 }
 
 // A train of ripples whose front is x px away (ahead of it when positive, as it moves):
@@ -72,8 +73,8 @@ float wobble(float a, float r) {
 // the train faster than it spreads, as on water. Its slope (height per px of x): the
 // ripples are a fixed size, as real ones are, however big the water.
 float rippleSlope(float x) {
-    float k = 6.2832 / ${f.toFixed(1)};
-    float reach = x < 0.0 ? ${(2.5 * f).toFixed(1)} : ${(.35 * f).toFixed(1)};
+    float k = 6.2832 / ${p.toFixed(1)};
+    float reach = x < 0.0 ? ${(2.5 * p).toFixed(1)} : ${(.35 * p).toFixed(1)};
     float phase = k * x - 7.0 * time;
     return exp(-x * x / (2.0 * reach * reach)) * (-x / (reach * reach) * cos(phase) / k - sin(phase));
 }
@@ -121,18 +122,18 @@ void main() {
     color = clamp(color, 0.0, 1.0);
     float cover = max(color.r, max(color.g, color.b));
     gl_FragColor = vec4(color, cover + shade * (1.0 - cover));
-}`, w = "attribute vec2 at; void main() { gl_Position = vec4(at, 0.0, 1.0); }", T;
-function E() {
-	if (T !== void 0) return T;
-	T = null;
+}`, T = "attribute vec2 at; void main() { gl_Position = vec4(at, 0.0, 1.0); }", E;
+function D() {
+	if (E !== void 0) return E;
+	E = null;
 	let e = document.createElement("canvas");
-	e.setAttribute("aria-hidden", "true"), e.style.cssText = `position:fixed;pointer-events:none;z-index:2147483647;view-transition-name:${h} !important`;
+	e.setAttribute("aria-hidden", "true"), e.style.cssText = `position:fixed;pointer-events:none;z-index:2147483647;view-transition-name:${g} !important`;
 	let t = e.getContext("webgl", {
 		premultipliedAlpha: !0,
 		antialias: !1
 	}), n = t?.createProgram();
 	if (!t || !n) return null;
-	for (let [e, r] of [[t.VERTEX_SHADER, w], [t.FRAGMENT_SHADER, C]]) {
+	for (let [e, r] of [[t.VERTEX_SHADER, T], [t.FRAGMENT_SHADER, w]]) {
 		let i = t.createShader(e);
 		if (!i) return null;
 		t.shaderSource(i, r), t.compileShader(i), t.attachShader(n, i);
@@ -147,95 +148,95 @@ function E() {
 		3
 	]), t.STATIC_DRAW), t.enableVertexAttribArray(0), t.vertexAttribPointer(0, 2, t.FLOAT, !1, 0, 0);
 	let r = /* @__PURE__ */ new Map();
-	return T = {
+	return E = {
 		canvas: e,
 		gl: t,
 		uniform: (e) => (r.has(e) || r.set(e, t.getUniformLocation(n, e)), r.get(e))
-	}, T;
-}
-function D(e) {
-	e.gl.clear(e.gl.COLOR_BUFFER_BIT), e.canvas.remove();
+	}, E;
 }
 function O(e) {
-	return n(e).map((e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055);
+	e.gl.clear(e.gl.COLOR_BUFFER_BIT), e.canvas.remove();
 }
-function k() {
-	return !(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion")) && !!document.startViewTransition && e() !== "lite";
+function k(e) {
+	return r(e).map((e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055);
 }
 function A() {
-	if (T !== void 0 || !k()) return;
-	let e = E();
+	return !t() && !!document.startViewTransition && e() !== "lite";
+}
+function j() {
+	if (E !== void 0 || !A()) return;
+	let e = D();
 	e?.gl.drawArrays(e.gl.TRIANGLES, 0, 3);
 }
-function j(e, n, s) {
-	let l = document.documentElement, f = !!s && s !== l, C = window.innerWidth, w = window.innerHeight, T = f ? s.getBoundingClientRect() : new DOMRect(0, 0, C, w), A = Math.max(0, T.left), j = Math.max(0, T.top), M = Math.min(C, T.right), N = Math.min(w, T.bottom), P = k() && M > A && N > j ? E() : null;
+function M(e, t, r) {
+	let c = document.documentElement, u = !!r && r !== c, p = window.innerWidth, w = window.innerHeight, T = u ? r.getBoundingClientRect() : new DOMRect(0, 0, p, w), E = Math.max(0, T.left), j = Math.max(0, T.top), M = Math.min(p, T.right), N = Math.min(w, T.bottom), P = A() && M > E && N > j ? D() : null;
 	if (!P) {
-		t(f ? s : l, e);
+		n(u ? r : c, e);
 		return;
 	}
-	let F = (A + M) / 2, I = (j + N) / 2;
-	if (n instanceof Element) {
-		let e = n.getBoundingClientRect();
+	let F = (E + M) / 2, I = (j + N) / 2;
+	if (t instanceof Element) {
+		let e = t.getBoundingClientRect();
 		F = e.left + e.width / 2, I = e.top + e.height / 2;
-	} else n && ({x: F, y: I} = n);
-	let L = Math.hypot(Math.max(F - T.left, T.right - F), Math.max(I - T.top, T.bottom - I)), R = Math.random() * 2 * Math.PI, z = L + c + 2, B = ++_;
-	D(P), y(), l.classList.add(p);
-	let V = f ? g : "root";
-	if (f) {
-		let { style: e } = s;
-		v = {
+	} else t && ({x: F, y: I} = t);
+	let L = Math.hypot(Math.max(F - T.left, T.right - F), Math.max(I - T.top, T.bottom - I)), R = Math.random() * 2 * Math.PI, z = L + l + 2, B = ++v;
+	O(P), b(), c.classList.add(m);
+	let V = u ? _ : "root";
+	if (u) {
+		let { style: e } = r;
+		y = {
 			style: e,
 			name: e.getPropertyValue("view-transition-name"),
 			priority: e.getPropertyPriority("view-transition-name")
-		}, e.setProperty("view-transition-name", g, "important");
+		}, e.setProperty("view-transition-name", _, "important");
 	}
 	Object.assign(P.canvas.style, {
-		left: `${A}px`,
+		left: `${E}px`,
 		top: `${j}px`,
-		width: `${M - A}px`,
+		width: `${M - E}px`,
 		height: `${N - j}px`,
-		clipPath: f ? `inset(${T.top - j}px ${M - T.right}px ${N - T.bottom}px ${T.left - A}px round ${getComputedStyle(s).borderRadius})` : ""
+		clipPath: u ? `inset(${T.top - j}px ${M - T.right}px ${N - T.bottom}px ${T.left - E}px round ${getComputedStyle(r).borderRadius})` : ""
 	});
 	let H = [], U = !1, W = document.startViewTransition(async () => {
 		e(), await Promise.resolve();
-		let t = getComputedStyle(f ? s : l);
-		U = Number(t.getPropertyValue("--background").trim().split(" ")[0]) <= .5, l.classList.toggle(m, U);
-		let n = t.getPropertyValue("--glow").trim(), [r, i, a] = n.split(" ").map(Number);
+		let t = getComputedStyle(u ? r : c);
+		U = Number(t.getPropertyValue("--background").trim().split(" ")[0]) <= .5, c.classList.toggle(h, U);
+		let n = t.getPropertyValue("--glow").trim(), [i, a, o] = n.split(" ").map(Number);
 		H = [
 			n,
 			t.getPropertyValue("--glow-2").trim(),
-			`${r} ${i} ${(a + 240) % 360}`
-		].flatMap(O), document.body.append(P.canvas);
+			`${i} ${a} ${(o + 240) % 360}`
+		].flatMap(k), document.body.append(P.canvas);
 	});
 	W.ready.then(() => {
-		let e = U ? a : r, t = (e) => (U ? 1 - x(o, e) : x(i, e)) * z, n = `::view-transition-${U ? "old" : "new"}(${V})`, s = new DOMMatrix(getComputedStyle(l, `::view-transition-group(${h})`).transform), [c, p] = f ? [T.left, T.top] : [A - s.e, j - s.f], m = (n) => {
+		let e = U ? o : i, t = (e) => (U ? 1 - S(s, e) : S(a, e)) * z, n = `::view-transition-${U ? "old" : "new"}(${V})`, r = new DOMMatrix(getComputedStyle(c, `::view-transition-group(${g})`).transform), [l, p] = u ? [T.left, T.top] : [E - r.e, j - r.f], m = (n) => {
 			let r = t(n), i = n * e / 1e3;
-			return `polygon(${Array.from({ length: d }, (e, t) => {
-				let n = t / d * 2 * Math.PI, a = Math.max(0, r + S(n, r, i, R));
-				return `${(F - c + a * Math.cos(n)).toFixed(1)}px ${(I - p + a * Math.sin(n)).toFixed(1)}px`;
+			return `polygon(${Array.from({ length: f }, (e, t) => {
+				let n = t / f * 2 * Math.PI, a = Math.max(0, r + C(n, r, i, R));
+				return `${(F - l + a * Math.cos(n)).toFixed(1)}px ${(I - p + a * Math.sin(n)).toFixed(1)}px`;
 			}).join(",")})`;
-		}, g = Array.from({ length: 49 }, (e, t) => ({
-			clipPath: m(t / u),
-			offset: t / u
-		})), v = l.animate(g, {
+		}, h = Array.from({ length: 49 }, (e, t) => ({
+			clipPath: m(t / d),
+			offset: t / d
+		})), _ = c.animate(h, {
 			duration: e,
 			pseudoElement: n
 		});
-		v.pause();
-		let y, { canvas: C, gl: w, uniform: E } = P, O = Math.min(window.devicePixelRatio || 1, 2);
-		C.width = Math.round((M - A) * O), C.height = Math.round((N - j) * O), w.viewport(0, 0, C.width, C.height), w.uniform2f(E("res"), C.width, C.height), w.uniform1f(E("dpr"), O), w.uniform2f(E("from"), F - A, I - j), w.uniform1f(E("seed"), R), w.uniform3fv(E("aurora[0]"), H), w.uniform1f(E("light"), +!U);
-		let k = (e) => 1.6 * b(.05, .45, e) * (1 - e) ** 1.5, L = (n) => {
-			if (B !== _) return;
+		_.pause();
+		let y, { canvas: b, gl: w, uniform: D } = P, k = Math.min(window.devicePixelRatio || 1, 2);
+		b.width = Math.round((M - E) * k), b.height = Math.round((N - j) * k), w.viewport(0, 0, b.width, b.height), w.uniform2f(D("res"), b.width, b.height), w.uniform1f(D("dpr"), k), w.uniform2f(D("from"), F - E, I - j), w.uniform1f(D("seed"), R), w.uniform3fv(D("aurora[0]"), H), w.uniform1f(D("light"), +!U);
+		let A = (e) => 1.6 * x(.05, .45, e) * (1 - e) ** 1.5, L = (n) => {
+			if (B !== v) return;
 			y ??= n;
 			let r = Math.min(1, (n - y) / e);
-			if (v.currentTime = r * e, r === 1) return v.finish(), D(P);
+			if (_.currentTime = r * e, r === 1) return _.finish(), O(P);
 			let i = t(r), a = Math.min(1, (1 - r) / .12), o, s;
-			U ? (o = 1.6 * r * Math.sqrt(1 - r) * a, s = Math.min(1, r * 4) * Math.min(1, i / 24) * a) : (o = k(r) * a, s = Math.min(1, i / 40) * (1 - r ** 3) * a), w.uniform1f(E("time"), r * e / 1e3), w.uniform1f(E("edge"), i), w.uniform1f(E("dir"), U ? -1 : 1), w.uniform1f(E("strength"), o), w.uniform1f(E("prism"), s), w.drawArrays(w.TRIANGLES, 0, 3), requestAnimationFrame(L);
+			U ? (o = 1.6 * r * Math.sqrt(1 - r) * a, s = Math.min(1, r * 4) * Math.min(1, i / 24) * a) : (o = A(r) * a, s = Math.min(1, i / 40) * (1 - r ** 3) * a), w.uniform1f(D("time"), r * e / 1e3), w.uniform1f(D("edge"), i), w.uniform1f(D("dir"), U ? -1 : 1), w.uniform1f(D("strength"), o), w.uniform1f(D("prism"), s), w.drawArrays(w.TRIANGLES, 0, 3), requestAnimationFrame(L);
 		};
 		requestAnimationFrame(L);
 	}).catch(() => {}), W.finished.finally(() => {
-		B === _ && (y(), l.classList.remove(p, m), D(P));
+		B === v && (b(), c.classList.remove(m, h), O(P));
 	});
 }
 //#endregion
-export { A as prepareThemeWave, j as themeWave };
+export { j as prepareThemeWave, M as themeWave };

package/dist/utils/useAnchoredPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchoredPopup.d.ts","sourceRoot":"","sources":["../../packages/utils/useAnchoredPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACrE,KAAe,EACf,MAAU,EACV,UAAkB,EAClB,YAAY,GACf,GAAE,oBAAyB;;;oBAgBb,OAAO;;;eA6CkD,aAAa;;;;;;;;;;;;;EAJpF;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM;;WACoC,aAAa;EACpF;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAe,EAAE,MAAU,EAAE,KAAK,EAAE,GAAE,aAAkB,GAAG,aAAa,CAoBnH;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAYD,8FAA8F;AAC9F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAiCnE;AAmCD,MAAM,WAAW,oBAAoB;IACjC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}
+{"version":3,"file":"useAnchoredPopup.d.ts","sourceRoot":"","sources":["../../packages/utils/useAnchoredPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACrE,KAAe,EACf,MAAU,EACV,UAAkB,EAClB,YAAY,GACf,GAAE,oBAAyB;;;oBAgBb,OAAO;;;eA6CkD,aAAa;;;;;;;;;;;;;EAJpF;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM;;WACoC,aAAa;EACpF;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAe,EAAE,MAAU,EAAE,KAAK,EAAE,GAAE,aAAkB,GAAG,aAAa,CAmBnH;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAYD,8FAA8F;AAC9F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAiCnE;AAiCD,MAAM,WAAW,oBAAoB;IACjC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}

package/dist/utils/useAnchoredPopup.js

@@ -61,7 +61,6 @@ function s(e, { align: t = "start", offset: n = 4, width: r } = {}) {
 		positionArea: i,
 		positionTryFallbacks: "flip-block",
 		inset: "auto",
-		margin: `${n}px 0`,
 		...r === "at-least" && {
 			width: "max-content",
 			minWidth: "anchor-size(width)"
@@ -108,12 +107,12 @@ function f(e) {
 		"position-area",
 		"position-try-fallbacks"
 	]) s.removeProperty(e);
-	s.inset = "0 auto auto 0", s.margin = "0", a === "match" && (s.width = `${o.width}px`), a === "at-least" && (s.minWidth = `${o.width}px`);
+	s.inset = "0 auto auto 0", a === "match" && (s.width = `${o.width}px`), a === "at-least" && (s.minWidth = `${o.width}px`);
 	let c = {
 		width: e.offsetWidth,
 		height: e.offsetHeight
-	}, l = document.documentElement.clientWidth, u = window.innerHeight, f = o.bottom + i, p = o.top - i - c.height, m = f + c.height > u - d && p >= d ? p : f, h = getComputedStyle(n).direction === "rtl", g = h ? o.right - c.width : o.left, _ = h ? o.left : o.right - c.width, v = r === "center" ? o.left + (o.width - c.width) / 2 : r === "end" ? _ : g;
-	s.top = `${m}px`, s.left = `${Math.max(d, Math.min(v, l - c.width - d))}px`;
+	}, l = document.documentElement.clientWidth, u = document.documentElement.clientHeight, f = o.bottom + i + c.height > u - d && o.top - i - c.height >= d, p = getComputedStyle(n).direction === "rtl", m = p ? o.right - c.width : o.left, h = p ? o.left : o.right - c.width, g = r === "center" ? o.left + (o.width - c.width) / 2 : r === "end" ? h : m;
+	s.top = f ? "auto" : `${o.bottom}px`, s.bottom = f ? `${u - o.top}px` : "auto", s.left = `${Math.max(d, Math.min(g, l - c.width - d))}px`;
 }
 //#endregion
 export { o as anchorFor, s as anchoredStyle, u as useAnchorFallback, a as useAnchoredPopup };

package/dist/utils/useSeen.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+/** True once the element has been on screen; it stays true. */
+export declare function useSeen(ref: RefObject<Element | null>): boolean;
+//# sourceMappingURL=useSeen.d.ts.map

package/dist/utils/useSeen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeen.d.ts","sourceRoot":"","sources":["../../packages/utils/useSeen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEvD,+DAA+D;AAC/D,wBAAgB,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,CAa/D"}

package/dist/utils/useSeen.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect as e, useState as t } from "react";
+//#region packages/utils/useSeen.ts
+function n(n) {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = n.current;
+		if (r || !e) return;
+		if (typeof IntersectionObserver > "u") return i(!0);
+		let t = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && i(!0);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [n, r]), r;
+}
+//#endregion
+export { n as useSeen };