@rinzai/zen 0.8.5 → 0.8.6

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,CAqKN"}
+{"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"}

package/dist/utils/theme-wave.js

@@ -168,19 +168,19 @@ function A() {
 	e?.gl.drawArrays(e.gl.TRIANGLES, 0, 3);
 }
 function j(e, n, s) {
-	let l = document.documentElement, f = !!s && s !== l, h = window.innerWidth, C = window.innerHeight, w = f ? s.getBoundingClientRect() : new DOMRect(0, 0, h, C), T = Math.max(0, w.left), A = Math.max(0, w.top), j = Math.min(h, w.right), M = Math.min(C, w.bottom), N = k() && j > T && M > A ? E() : null;
-	if (!N) {
+	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;
+	if (!P) {
 		t(f ? s : l, e);
 		return;
 	}
-	let P = (T + j) / 2, F = (A + M) / 2;
+	let F = (A + M) / 2, I = (j + N) / 2;
 	if (n instanceof Element) {
 		let e = n.getBoundingClientRect();
-		P = e.left + e.width / 2, F = e.top + e.height / 2;
-	} else n && ({x: P, y: F} = n);
-	let I = Math.hypot(Math.max(P - w.left, w.right - P), Math.max(F - w.top, w.bottom - F)), L = Math.random() * 2 * Math.PI, R = I + c + 2, z = ++_;
-	D(N), y(), l.classList.add(p);
-	let B = f ? g : "root";
+		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 = {
@@ -189,52 +189,52 @@ function j(e, n, s) {
 			priority: e.getPropertyPriority("view-transition-name")
 		}, e.setProperty("view-transition-name", g, "important");
 	}
-	Object.assign(N.canvas.style, {
-		left: `${T}px`,
-		top: `${A}px`,
-		width: `${j - T}px`,
-		height: `${M - A}px`,
-		clipPath: f ? `inset(${w.top - A}px ${j - w.right}px ${M - w.bottom}px ${w.left - T}px round ${getComputedStyle(s).borderRadius})` : ""
+	Object.assign(P.canvas.style, {
+		left: `${A}px`,
+		top: `${j}px`,
+		width: `${M - A}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})` : ""
 	});
-	let V = [], H = !1, U = document.startViewTransition(async () => {
+	let H = [], U = !1, W = document.startViewTransition(async () => {
 		e(), await Promise.resolve();
 		let t = getComputedStyle(f ? s : l);
-		H = Number(t.getPropertyValue("--background").trim().split(" ")[0]) <= .5, l.classList.toggle(m, H);
+		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);
-		V = [
+		H = [
 			n,
 			t.getPropertyValue("--glow-2").trim(),
 			`${r} ${i} ${(a + 240) % 360}`
-		].flatMap(O), document.body.append(N.canvas);
+		].flatMap(O), document.body.append(P.canvas);
 	});
-	U.ready.then(() => {
-		let e = H ? a : r, t = (e) => (H ? 1 - x(o, e) : x(i, e)) * R, n = `::view-transition-${H ? "old" : "new"}(${B})`, s = (n) => {
+	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 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, L));
-				return `${(P - w.left + a * Math.cos(n)).toFixed(1)}px ${(F - w.top + a * Math.sin(n)).toFixed(1)}px`;
+				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`;
 			}).join(",")})`;
-		}, c = Array.from({ length: 49 }, (e, t) => ({
-			clipPath: s(t / u),
+		}, g = Array.from({ length: 49 }, (e, t) => ({
+			clipPath: m(t / u),
 			offset: t / u
-		})), f = l.animate(c, {
+		})), v = l.animate(g, {
 			duration: e,
 			pseudoElement: n
 		});
-		f.pause();
-		let p, { canvas: m, gl: h, uniform: g } = N, v = Math.min(window.devicePixelRatio || 1, 2);
-		m.width = Math.round((j - T) * v), m.height = Math.round((M - A) * v), h.viewport(0, 0, m.width, m.height), h.uniform2f(g("res"), m.width, m.height), h.uniform1f(g("dpr"), v), h.uniform2f(g("from"), P - T, F - A), h.uniform1f(g("seed"), L), h.uniform3fv(g("aurora[0]"), V), h.uniform1f(g("light"), +!H);
-		let y = (e) => 1.6 * b(.05, .45, e) * (1 - e) ** 1.5, C = (n) => {
-			if (z !== _) return;
-			p ??= n;
-			let r = Math.min(1, (n - p) / e);
-			if (f.currentTime = r * e, r === 1) return f.finish(), D(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;
+			y ??= n;
+			let r = Math.min(1, (n - y) / e);
+			if (v.currentTime = r * e, r === 1) return v.finish(), D(P);
 			let i = t(r), a = Math.min(1, (1 - r) / .12), o, s;
-			H ? (o = 1.6 * r * Math.sqrt(1 - r) * a, s = Math.min(1, r * 4) * Math.min(1, i / 24) * a) : (o = y(r) * a, s = Math.min(1, i / 40) * (1 - r ** 3) * a), h.uniform1f(g("time"), r * e / 1e3), h.uniform1f(g("edge"), i), h.uniform1f(g("dir"), H ? -1 : 1), h.uniform1f(g("strength"), o), h.uniform1f(g("prism"), s), h.drawArrays(h.TRIANGLES, 0, 3), requestAnimationFrame(C);
+			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);
 		};
-		requestAnimationFrame(C);
-	}).catch(() => {}), U.finished.finally(() => {
-		z === _ && (y(), l.classList.remove(p, m), D(N));
+		requestAnimationFrame(L);
+	}).catch(() => {}), W.finished.finally(() => {
+		B === _ && (y(), l.classList.remove(p, m), D(P));
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rinzai/zen",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "description": "React components in dark glass: translucent surfaces, hairline borders that catch a pointer light, one accent colour. Tailwind v4, no runtime dependencies.",
   "keywords": [
     "react",