@logicplanes/kaeso-ui 0.2.2 → 0.3.1

package/dist/chunks/{release-art-DEc9HNa6.js → release-art-Ogl-L1Vh.js}

@@ -1,10 +1,10 @@
 "use client";
-import { t as e } from "./cn-CidVUKMm.js";
-import { createElement as t, forwardRef as n, useId as r, useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { art as s, font as c } from "@logicplanes/kaeso-tokens";
+import { t as e } from "./cn-DUDmdLpZ.js";
+import { createElement as t, forwardRef as n, useId as r, useMemo as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { art as c, font as l } from "@logicplanes/kaeso-tokens";
 //#region src/components/release-art/drawing.ts
-var l = [
+var u = [
 	"bauhaus",
 	"albers",
 	"stripes",
@@ -13,7 +13,7 @@ var l = [
 	"arcs",
 	"phyllotaxis",
 	"spiro"
-], u = {
+], d = {
 	banner: {
 		w: 640,
 		h: 360
@@ -22,16 +22,16 @@ var l = [
 		w: 840,
 		h: 360
 	}
-}, d = 40, f = {
-	rx: d * 7.5,
-	ry: d * 7.5
+}, f = 40, p = {
+	rx: f * 7.5,
+	ry: f * 7.5
 };
-function p(e) {
+function m(e) {
 	let t = 2166136261;
 	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
 	return t >>> 0;
 }
-function m(e) {
+function h(e) {
 	let t = e >>> 0;
 	return () => {
 		t = t + 1831565813 >>> 0;
@@ -39,53 +39,53 @@ function m(e) {
 		return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
 	};
 }
-function h(e) {
+function g(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
-	return t.version === 1 && typeof t.seed == "number" && Number.isInteger(t.seed) && t.seed >= 0 && t.seed <= 4294967295 && typeof t.style == "string" && l.includes(t.style) && typeof t.palette == "number" && Number.isInteger(t.palette) && t.palette >= 0 && t.palette < s.palettes.length;
+	return t.version === 1 && typeof t.seed == "number" && Number.isInteger(t.seed) && t.seed >= 0 && t.seed <= 4294967295 && typeof t.style == "string" && u.includes(t.style) && typeof t.palette == "number" && Number.isInteger(t.palette) && t.palette >= 0 && t.palette < c.palettes.length;
 }
-function g(e = Math.random) {
+function _(e = Math.random) {
 	let t = (t) => Math.min(t - 1, Math.floor(e() * t));
 	return {
 		version: 1,
 		seed: Math.min(4294967295, Math.floor(e() * 4294967296)),
-		style: l[t(l.length)] ?? "bauhaus",
-		palette: t(s.palettes.length)
+		style: u[t(u.length)] ?? "bauhaus",
+		palette: t(c.palettes.length)
 	};
 }
-function _(e, t = Math.random) {
-	let n = e.slice(-3), r = l.filter((e) => !n.some((t) => t.style === e)), i = s.palettes.map((e, t) => t).filter((t) => !e.slice(-4).some((e) => e.palette === t)), a = new Set(e.map((e) => e.seed)), o = (e) => e[Math.min(e.length - 1, Math.floor(t() * e.length))], c = Math.min(4294967295, Math.floor(t() * 4294967296));
-	for (; a.has(c);) c = c + 1 >>> 0;
+function v(e, t = Math.random) {
+	let n = e.slice(-3), r = u.filter((e) => !n.some((t) => t.style === e)), i = c.palettes.map((e, t) => t).filter((t) => !e.slice(-4).some((e) => e.palette === t)), a = new Set(e.map((e) => e.seed)), o = (e) => e[Math.min(e.length - 1, Math.floor(t() * e.length))], s = Math.min(4294967295, Math.floor(t() * 4294967296));
+	for (; a.has(s);) s = s + 1 >>> 0;
 	return {
 		version: 1,
-		seed: c,
+		seed: s,
 		style: o(r) ?? "bauhaus",
 		palette: o(i) ?? 0
 	};
 }
-function v(e) {
-	let t = p(e);
+function y(e) {
+	let t = m(e);
 	return {
 		version: 1,
 		seed: t,
-		style: l[t % l.length] ?? "bauhaus",
-		palette: (t >>> 8) % s.palettes.length
+		style: u[t % u.length] ?? "bauhaus",
+		palette: (t >>> 8) % c.palettes.length
 	};
 }
-var y = (e) => Math.round(e * 100) / 100, b = (e, t, n) => n ? {
+var b = (e) => Math.round(e * 100) / 100, x = (e, t, n) => n ? {
 	tag: e,
 	attrs: t,
 	children: n
 } : {
 	tag: e,
 	attrs: t
-}, x = (e, t, n) => (t / f.rx) ** 2 + ((e.h - n) / f.ry) ** 2 < 1, S = (e, t) => {
-	let n = (e.h - t) / f.ry;
-	return n >= 1 ? 0 : f.rx * Math.sqrt(1 - n * n);
-}, C = (e, t) => b("g", { mask: `url(#${e.id("clear")})` }, t);
-function w(e, t, n, r, i, a) {
-	let o = [], s = e.int(0, 7), c = `rotate(${e.int(0, 3) * 90} ${y(t + r / 2)} ${y(n + r / 2)})`;
-	e.chance(.55) && o.push(b("rect", {
+}, S = (e, t, n) => (t / p.rx) ** 2 + ((e.h - n) / p.ry) ** 2 < 1, C = (e, t) => {
+	let n = (e.h - t) / p.ry;
+	return n >= 1 ? 0 : p.rx * Math.sqrt(1 - n * n);
+}, w = (e, t) => x("g", { mask: `url(#${e.id("clear")})` }, t);
+function T(e, t, n, r, i, a) {
+	let o = [], s = e.int(0, 7), c = `rotate(${e.int(0, 3) * 90} ${b(t + r / 2)} ${b(n + r / 2)})`;
+	e.chance(.55) && o.push(x("rect", {
 		x: t,
 		y: n,
 		width: r,
@@ -95,21 +95,21 @@ function w(e, t, n, r, i, a) {
 	let l = o.length ? a : i;
 	switch (s) {
 		case 0:
-			o.push(b("path", {
+			o.push(x("path", {
 				d: `M${t} ${n}L${t + r} ${n}A${r} ${r} 0 0 1 ${t} ${n + r}Z`,
 				fill: l,
 				transform: c
 			}));
 			break;
 		case 1:
-			o.push(b("path", {
+			o.push(x("path", {
 				d: `M${t} ${n + r}A${r / 2} ${r / 2} 0 0 1 ${t + r} ${n + r}Z`,
 				fill: l,
 				transform: c
 			}));
 			break;
 		case 2:
-			o.push(b("circle", {
+			o.push(x("circle", {
 				cx: t + r / 2,
 				cy: n + r / 2,
 				r: r / 2,
@@ -117,14 +117,14 @@ function w(e, t, n, r, i, a) {
 			}));
 			break;
 		case 3:
-			o.push(b("path", {
+			o.push(x("path", {
 				d: `M${t} ${n}L${t + r} ${n + r}L${t} ${n + r}Z`,
 				fill: l,
 				transform: c
 			}));
 			break;
 		case 4:
-			o.push(b("circle", {
+			o.push(x("circle", {
 				cx: t + r / 2,
 				cy: n + r / 2,
 				r: r / 4,
@@ -132,7 +132,7 @@ function w(e, t, n, r, i, a) {
 			}));
 			break;
 		case 5:
-			for (let e = 0; e < 3; e++) o.push(b("rect", {
+			for (let e = 0; e < 3; e++) o.push(x("rect", {
 				x: t + e * r / 3,
 				y: n,
 				width: r / 6,
@@ -142,17 +142,17 @@ function w(e, t, n, r, i, a) {
 			}));
 			break;
 		case 6:
-			o.push(b("path", {
+			o.push(x("path", {
 				d: `M${t} ${n}L${t + r} ${n}L${t + r / 2} ${n + r / 2}Z`,
 				fill: l,
 				transform: c
-			})), o.push(b("path", {
+			})), o.push(x("path", {
 				d: `M${t} ${n + r}L${t + r} ${n + r}L${t + r / 2} ${n + r / 2}Z`,
 				fill: l,
 				transform: c
 			}));
 			break;
-		default: o.push(b("path", {
+		default: o.push(x("path", {
 			d: `M${t} ${n}A${r} ${r} 0 0 1 ${t + r} ${n + r}L${t} ${n + r}Z`,
 			fill: l,
 			transform: c
@@ -160,8 +160,8 @@ function w(e, t, n, r, i, a) {
 	}
 	return o;
 }
-function T(e) {
-	let t = /* @__PURE__ */ new Set(), n = (e, t) => `${e},${t}`, r = (t, n) => x(e, t * d, (n + 1) * d), i = [], a = e.int(2, 4);
+function E(e) {
+	let t = /* @__PURE__ */ new Set(), n = (e, t) => `${e},${t}`, r = (t, n) => S(e, t * f, (n + 1) * f), i = [], a = e.int(2, 4);
 	for (let o = 0; o < a; o++) {
 		let a = e.int(2, 3);
 		for (let o = 0; o < 20; o++) {
@@ -170,7 +170,7 @@ function T(e) {
 			if (!c) continue;
 			for (let e = 0; e < a; e++) for (let r = 0; r < a; r++) t.add(n(o + e, s + r));
 			let l = e.int(0, 3);
-			i.push(...w(e, o * d, s * d, a * d, e.color(l), e.color(l + e.int(1, 3))));
+			i.push(...T(e, o * f, s * f, a * f, e.color(l), e.color(l + e.int(1, 3))));
 			break;
 		}
 	}
@@ -178,12 +178,12 @@ function T(e) {
 	for (let a = 0; a < e.cols; a++) for (let s = 0; s < e.rows; s++) {
 		if (t.has(n(a, s)) || r(a, s) || !e.chance(o)) continue;
 		let c = e.int(0, 3);
-		i.push(...w(e, a * d, s * d, d, e.color(c), e.color(c + e.int(1, 3))));
+		i.push(...T(e, a * f, s * f, f, e.color(c), e.color(c + e.int(1, 3))));
 	}
 	return i;
 }
-function E(e) {
-	let t = (e.h - 240) / 2, n = f.rx - d / 2, r = e.w - t - 240, i = n + Math.round(e.next() * Math.max(0, r - n) / (d / 2)) * (d / 2), a = e.int(3, 4), o = [
+function D(e) {
+	let t = (e.h - 240) / 2, n = p.rx - f / 2, r = e.w - t - 240, i = n + Math.round(e.next() * Math.max(0, r - n) / (f / 2)) * (f / 2), a = e.int(3, 4), o = [
 		0,
 		1,
 		2,
@@ -193,7 +193,7 @@ function E(e) {
 		let n = Math.floor(e.next() * (t + 1));
 		[o[t], o[n]] = [o[n] ?? n, o[t] ?? t];
 	}
-	return Array.from({ length: a }, (n, r) => b("rect", {
+	return Array.from({ length: a }, (n, r) => x("rect", {
 		x: i + 24 * r,
 		y: t + 36 * r,
 		width: 240 - 48 * r,
@@ -201,21 +201,21 @@ function E(e) {
 		fill: e.color(o[r] ?? r)
 	}));
 }
-function D(e, t, n, r) {
+function O(e, t, n, r) {
 	let i = Math.hypot(e.w, e.h), a = [], o = -i, s = 0;
 	for (; o < i;) {
-		let t = n[s % n.length] ?? d;
-		a.push(b("rect", {
-			x: y(o),
-			y: y(-i),
+		let t = n[s % n.length] ?? f;
+		a.push(x("rect", {
+			x: b(o),
+			y: b(-i),
 			width: t,
-			height: y(i * 2),
+			height: b(i * 2),
 			fill: e.color(s + r)
 		})), o += t, s += 1;
 	}
-	return b("g", { transform: `translate(${e.w / 2} ${e.h / 2}) rotate(${t})` }, a);
+	return x("g", { transform: `translate(${e.w / 2} ${e.h / 2}) rotate(${t})` }, a);
 }
-function O(e) {
+function k(e) {
 	let t = [
 		0,
 		90,
@@ -223,40 +223,40 @@ function O(e) {
 		-45,
 		30,
 		-60
-	][e.int(0, 5)] ?? 0, n = Array.from({ length: e.int(5, 9) }, () => d / 2 * e.int(1, 5)), r = e.id("disc"), i = d * e.int(2, 3) + d / 2, a = d * e.int(Math.ceil((f.rx + i) / d), e.cols - 2), o = d * e.int(3, e.rows - 3);
+	][e.int(0, 5)] ?? 0, n = Array.from({ length: e.int(5, 9) }, () => f / 2 * e.int(1, 5)), r = e.id("disc"), i = f * e.int(2, 3) + f / 2, a = f * e.int(Math.ceil((p.rx + i) / f), e.cols - 2), o = f * e.int(3, e.rows - 3);
 	return [
-		b("defs", {}, [b("clipPath", { id: r }, [b("circle", {
+		x("defs", {}, [x("clipPath", { id: r }, [x("circle", {
 			cx: a,
 			cy: o,
 			r: i
 		})])]),
-		C(e, [D(e, t, n, 0)]),
-		b("g", { clipPath: `url(#${r})` }, [b("rect", {
+		w(e, [O(e, t, n, 0)]),
+		x("g", { clipPath: `url(#${r})` }, [x("rect", {
 			width: e.w,
 			height: e.h,
 			fill: e.ground
-		}), D(e, t + 90, n, 1)])
+		}), O(e, t + 90, n, 1)])
 	];
 }
-function k(e) {
-	let t = [], n = e.int(14, 18), r = d * 2.5, i = (e.h - d - r) / (n - 1), a = e.w * e.between(.58, .74), o = e.w * e.between(.09, .14), s = e.chance(.6) ? e.int(2, n - 3) : -1;
+function A(e) {
+	let t = [], n = e.int(14, 18), r = f * 2.5, i = (e.h - f - r) / (n - 1), a = e.w * e.between(.58, .74), o = e.w * e.between(.09, .14), s = e.chance(.6) ? e.int(2, n - 3) : -1;
 	for (let c = 0; c < n; c++) {
 		let n = r + c * i, l = Array.from({ length: e.int(3, 5) }, () => ({
 			x: a + e.between(-1.2, 1.2) * o,
 			h: e.between(.3, 1),
 			s: e.between(9, 22)
-		})), u = [e.between(0, 6.28), e.between(0, 6.28)], f = Math.max(d, Math.ceil((S(e, n) + d / 2) / 4) * 4), p = [];
-		for (let t = f; t <= e.w - d; t += 4) {
+		})), u = [e.between(0, 6.28), e.between(0, 6.28)], d = Math.max(f, Math.ceil((C(e, n) + f / 2) / 4) * 4), p = [];
+		for (let t = d; t <= e.w - f; t += 4) {
 			let e = Math.exp(-((t - a) ** 2) / (2 * o * o)), n = 0;
 			for (let e of l) n += e.h * Math.exp(-((t - e.x) ** 2) / (2 * e.s * e.s));
 			let r = Math.sin(t * .21 + (u[0] ?? 0)) * .6 + Math.sin(t * .53 + (u[1] ?? 0)) * .4;
 			p.push([t, n * e + r * .04 * (.15 + e)]);
 		}
-		let m = Math.max(...p.map(([, e]) => e), .001), h = Math.min(i * e.between(2.4, 4.4), n - d), g = `M${p.map(([e, t]) => `${e} ${y(n - t / m * h)}`).join("L")}`;
-		t.push(b("path", {
-			d: `${g}L${e.w - d} ${y(n + i)}L${f} ${y(n + i)}Z`,
+		let m = Math.max(...p.map(([, e]) => e), .001), h = Math.min(i * e.between(2.4, 4.4), n - f), g = `M${p.map(([e, t]) => `${e} ${b(n - t / m * h)}`).join("L")}`;
+		t.push(x("path", {
+			d: `${g}L${e.w - f} ${b(n + i)}L${d} ${b(n + i)}Z`,
 			fill: e.ground
-		})), t.push(b("path", {
+		})), t.push(x("path", {
 			d: g,
 			fill: "none",
 			stroke: c === s ? e.color(1) : e.color(0),
@@ -267,38 +267,38 @@ function k(e) {
 	}
 	return t;
 }
-function A(e) {
-	let t = y(80 * e.between(.2, .3)), n = e.chance(.5), r = [], i = Math.ceil(e.w / 80), a = Math.ceil(e.h / 80);
+function j(e) {
+	let t = b(80 * e.between(.2, .3)), n = e.chance(.5), r = [], i = Math.ceil(e.w / 80), a = Math.ceil(e.h / 80);
 	for (let t = 0; t < i; t++) for (let n = 0; n < a; n++) {
 		let i = t * 80, a = e.h - (n + 1) * 80;
-		if (x(e, i, a + 80)) continue;
+		if (S(e, i, a + 80)) continue;
 		let o = e.chance(.5) ? `M${i + 40} ${a}A40 40 0 0 1 ${i} ${a + 40}M${i + 80} ${a + 40}A40 40 0 0 0 ${i + 40} ${a + 80}` : `M${i + 40} ${a}A40 40 0 0 0 ${i + 80} ${a + 40}M${i} ${a + 40}A40 40 0 0 1 ${i + 40} ${a + 80}`;
-		r.push(b("path", { d: o }));
+		r.push(x("path", { d: o }));
 	}
-	let o = [b("g", {
+	let o = [x("g", {
 		fill: "none",
 		stroke: e.color(0),
 		strokeWidth: t
 	}, r)];
-	return n && o.push(b("g", {
+	return n && o.push(x("g", {
 		fill: "none",
 		stroke: e.color(1),
-		strokeWidth: y(t * .34)
+		strokeWidth: b(t * .34)
 	}, r)), o;
 }
-function j(e, t, n) {
+function M(e, t, n) {
 	let r = Infinity;
 	for (let i = 0; i <= 90; i++) {
 		let a = i / 90 * (Math.PI / 2);
-		r = Math.min(r, Math.hypot(t - f.rx * Math.cos(a), n - (e.h - f.ry * Math.sin(a))));
+		r = Math.min(r, Math.hypot(t - p.rx * Math.cos(a), n - (e.h - p.ry * Math.sin(a))));
 	}
-	return x(e, t, n) ? 0 : r;
+	return S(e, t, n) ? 0 : r;
 }
-function M(e) {
+function N(e) {
 	let t = [], n = e.int(2, 3), r = [
-		[d * e.int(4, e.cols - 2), 0],
-		[d * e.int(11, e.cols - 1), e.h],
-		[e.w, d * e.int(2, e.rows - 2)],
+		[f * e.int(4, e.cols - 2), 0],
+		[f * e.int(11, e.cols - 1), e.h],
+		[e.w, f * e.int(2, e.rows - 2)],
 		[e.w, 0],
 		[e.w, e.h],
 		[0, 0]
@@ -310,10 +310,10 @@ function M(e) {
 	let i = 0;
 	for (let [a, o] of r) {
 		if (i === n) break;
-		let r = d / 2 * e.int(1, 2), s = Math.floor((j(e, a, o) - d / 2) / r), c = Math.min(s, e.int(4, 10));
+		let r = f / 2 * e.int(1, 2), s = Math.floor((M(e, a, o) - f / 2) / r), c = Math.min(s, e.int(4, 10));
 		if (c < 3) continue;
 		let l = e.int(0, 3), u = e.chance(.4);
-		for (let n = c; n >= 1; n--) t.push(b("circle", {
+		for (let n = c; n >= 1; n--) t.push(x("circle", {
 			cx: a,
 			cy: o,
 			r: n * r,
@@ -323,9 +323,9 @@ function M(e) {
 	}
 	return t;
 }
-var N = 2.399963229728653;
-function P(e) {
-	let t = [], n = e.w - e.h / 2 - d * e.int(0, 2), r = e.h / 2 + d * e.int(-1, 1), i = e.between(11, 14), a = [
+var P = 2.399963229728653;
+function F(e) {
+	let t = [], n = e.w - e.h / 2 - f * e.int(0, 2), r = e.h / 2 + f * e.int(-1, 1), i = e.between(11, 14), a = [
 		8,
 		13,
 		21
@@ -333,33 +333,33 @@ function P(e) {
 	for (let c = 1;; c++) {
 		let l = i * Math.sqrt(c);
 		if (l > s) break;
-		let u = n + l * Math.cos(c * N), f = r + l * Math.sin(c * N), p = i * (.3 + .12 * Math.min(1, l / (e.h / 2)));
-		if (u < -p || u > e.w + p || f < -p || f > e.h + p || x(e, u, f) || j(e, u, f) < p + d / 4) continue;
-		let m = o ? Math.floor(l / (d * 1.5)) % 4 : Math.floor(c % a / a * 4);
-		t.push(b("circle", {
-			cx: y(u),
-			cy: y(f),
-			r: y(p),
+		let u = n + l * Math.cos(c * P), d = r + l * Math.sin(c * P), p = i * (.3 + .12 * Math.min(1, l / (e.h / 2)));
+		if (u < -p || u > e.w + p || d < -p || d > e.h + p || S(e, u, d) || M(e, u, d) < p + f / 4) continue;
+		let m = o ? Math.floor(l / (f * 1.5)) % 4 : Math.floor(c % a / a * 4);
+		t.push(x("circle", {
+			cx: b(u),
+			cy: b(d),
+			r: b(p),
 			fill: e.color(m)
 		}));
 	}
 	return t;
 }
-function F(e, t) {
-	return t ? F(t, e % t) : e;
+function I(e, t) {
+	return t ? I(t, e % t) : e;
 }
-function I(e) {
-	let t = [], n = e.w - e.h / 2, r = e.h / 2, i = e.h / 2 - d, a = e.int(7, 13), o = e.int(2, a - 2);
-	for (; F(a, o) !== 1;) o = e.int(2, a - 2);
+function L(e) {
+	let t = [], n = e.w - e.h / 2, r = e.h / 2, i = e.h / 2 - f, a = e.int(7, 13), o = e.int(2, a - 2);
+	for (; I(a, o) !== 1;) o = e.int(2, a - 2);
 	let s = e.chance(.5) ? 2 : 1;
 	for (let c = 0; c < s; c++) {
-		let s = o * e.between(.75, 1.05), l = (a - o) / o, u = a - o + s, d = o / F(a, o), f = d * 360, p = [], m = i * (c === 0 ? 1 : e.between(.4, .55)) / u;
+		let s = o * e.between(.75, 1.05), l = (a - o) / o, u = a - o + s, d = o / I(a, o), f = d * 360, p = [], m = i * (c === 0 ? 1 : e.between(.4, .55)) / u;
 		for (let e = 0; e <= f; e++) {
 			let t = e / f * d * Math.PI * 2, i = (a - o) * Math.cos(t) + s * Math.cos(l * t), c = (a - o) * Math.sin(t) - s * Math.sin(l * t);
-			p.push(`${y(n + i * m)} ${y(r + c * m)}`);
+			p.push(`${b(n + i * m)} ${b(r + c * m)}`);
 		}
 		let h = `M${p.join("L")}Z`;
-		t.push(b("path", {
+		t.push(x("path", {
 			d: h,
 			fill: e.color(c),
 			fillRule: "evenodd"
@@ -367,178 +367,184 @@ function I(e) {
 	}
 	return t;
 }
-var L = {
-	bauhaus: T,
-	albers: E,
-	stripes: O,
-	waves: k,
-	truchet: A,
-	arcs: M,
-	phyllotaxis: P,
-	spiro: I
-}, R = (e) => s.palettes[e.palette % s.palettes.length] ?? s.palettes[0];
-function z(e) {
+var R = {
+	bauhaus: E,
+	albers: D,
+	stripes: k,
+	waves: A,
+	truchet: j,
+	arcs: N,
+	phyllotaxis: F,
+	spiro: L
+}, z = (e) => c.palettes[e.palette % c.palettes.length] ?? c.palettes[0];
+function B(e) {
 	return {
-		color: s.grounds[R(e).ground].text,
+		color: c.grounds[z(e).ground].text,
 		eyebrow: {
-			x: d,
+			x: f,
 			bottom: 96
 		},
 		title: {
 			x: 38,
-			bottom: d
+			bottom: f
 		}
 	};
 }
-function B(e, t = {}) {
-	let { w: n, h: r } = u[t.shape ?? "banner"], i = m(e.seed), a = (e, t) => e + i() * (t - e), o = (e, t) => Math.min(t, e + Math.floor(i() * (t - e + 1))), l = R(e), p = z(e), h = s.grounds[l.ground], g = [...l.colors];
+function V(e, t = {}) {
+	let { w: n, h: r } = d[t.shape ?? "banner"], i = h(e.seed), a = (e, t) => e + i() * (t - e), o = (e, t) => Math.min(t, e + Math.floor(i() * (t - e + 1))), s = z(e), u = B(e), m = c.grounds[s.ground], g = [...s.colors];
 	for (let e = g.length - 1; e > 0; e--) {
 		let t = Math.floor(i() * (e + 1));
-		[g[e], g[t]] = [g[t] ?? h.text, g[e] ?? h.text];
+		[g[e], g[t]] = [g[t] ?? m.text, g[e] ?? m.text];
 	}
 	let _ = t.idPrefix ?? "art", v = {
 		w: n,
 		h: r,
-		cols: n / d,
-		rows: r / d,
+		cols: n / f,
+		rows: r / f,
 		next: i,
 		between: a,
 		int: o,
 		chance: (e) => i() < e,
-		ground: h.fill,
-		color: (e) => g[(e % g.length + g.length) % g.length] ?? h.text,
+		ground: m.fill,
+		color: (e) => g[(e % g.length + g.length) % g.length] ?? m.text,
 		id: (e) => `${_}-${e}`
-	}, y = v.id("clear"), x = L[e.style](v), S = [];
+	}, y = v.id("clear"), b = R[e.style](v), S = [];
 	return t.eyebrow && S.push({
 		tag: "text",
 		attrs: {
-			x: p.eyebrow.x,
-			y: r - p.eyebrow.bottom,
-			fill: p.color,
+			x: u.eyebrow.x,
+			y: r - u.eyebrow.bottom,
+			fill: u.color,
 			fillOpacity: .7,
 			fontSize: 16,
 			fontWeight: 500,
 			letterSpacing: .1,
-			fontFamily: c.sans
+			fontFamily: l.sans
 		},
 		text: t.eyebrow
 	}), t.title && S.push({
 		tag: "text",
 		attrs: {
-			x: p.title.x,
-			y: r - p.title.bottom,
-			fill: p.color,
+			x: u.title.x,
+			y: r - u.title.bottom,
+			fill: u.color,
 			fontSize: 52,
 			fontWeight: 600,
 			letterSpacing: -1.5,
-			fontFamily: c.sans
+			fontFamily: l.sans
 		},
 		text: t.title
-	}), b("svg", {
+	}), x("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: `0 0 ${n} ${r}`
 	}, [
-		b("defs", {}, [b("mask", {
+		x("defs", {}, [x("mask", {
 			id: y,
 			maskUnits: "userSpaceOnUse",
 			x: 0,
 			y: 0,
 			width: n,
 			height: r
-		}, [b("rect", {
+		}, [x("rect", {
 			width: n,
 			height: r,
 			fill: "white"
-		}), b("ellipse", {
+		}), x("ellipse", {
 			cx: 0,
 			cy: r,
-			rx: f.rx,
-			ry: f.ry,
+			rx: p.rx,
+			ry: p.ry,
 			fill: "black"
 		})])]),
-		b("rect", {
+		x("rect", {
 			width: n,
 			height: r,
-			fill: h.fill
+			fill: m.fill
 		}),
-		...x,
+		...b,
 		...S
 	]);
 }
-var V = /* @__PURE__ */ new Set(["viewBox", "maskUnits"]), H = (e) => V.has(e) ? e : e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), U = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-function W(e) {
-	let t = Object.entries(e.attrs).map(([e, t]) => ` ${H(e)}="${U(String(t))}"`).join(""), n = e.text === void 0 ? (e.children ?? []).map(W).join("") : U(e.text);
+var H = /* @__PURE__ */ new Set(["viewBox", "maskUnits"]), U = (e) => H.has(e) ? e : e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), W = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function G(e) {
+	let t = Object.entries(e.attrs).map(([e, t]) => ` ${U(e)}="${W(String(t))}"`).join(""), n = e.text === void 0 ? (e.children ?? []).map(G).join("") : W(e.text);
 	return n ? `<${e.tag}${t}>${n}</${e.tag}>` : `<${e.tag}${t}/>`;
 }
 //#endregion
 //#region src/components/release-art/release-art.tsx
-var G = { shape: {
+var K = { shape: {
 	banner: { classes: "aspect-video" },
 	wide: { classes: "aspect-21/9" }
-} }, K = { shape: "banner" };
-function q(e, n) {
+} }, q = { shape: "banner" };
+function J(e, n) {
 	return t(e.tag, {
 		...e.attrs,
 		key: n
-	}, e.text ?? e.children?.map(q));
+	}, e.text ?? e.children?.map(J));
 }
-var J = /* @__PURE__ */ n(function({ seed: t, label: n, art: s, title: l, eyebrow: d, shape: f = "banner", className: p }, m) {
-	let { w: h, h: g } = u[f], _ = `art${r().replace(/[^a-zA-Z0-9]/g, "")}`, y = s ?? v(t), b = i(() => B(y, {
-		shape: f,
-		idPrefix: _
+var Y = /* @__PURE__ */ n(function({ seed: t, label: n, art: c, src: u, title: f, eyebrow: p, shape: m = "banner", className: h }, g) {
+	let { w: _, h: v } = d[m], [b, x] = a(null), S = `art${r().replace(/[^a-zA-Z0-9]/g, "")}`, C = c ?? y(t), w = i(() => V(C, {
+		shape: m,
+		idPrefix: S
 	}), [
-		y,
-		f,
-		_
-	]), x = z(y);
-	return /* @__PURE__ */ o("span", {
-		className: e("relative block w-full", p),
-		children: [/* @__PURE__ */ o("svg", {
-			ref: m,
-			viewBox: `0 0 ${h} ${g}`,
+		C,
+		m,
+		S
+	]), T = B(C);
+	return /* @__PURE__ */ s("span", {
+		className: e("relative block w-full", h),
+		children: [/* @__PURE__ */ s("svg", {
+			ref: g,
+			viewBox: `0 0 ${_} ${v}`,
 			role: "img",
 			"aria-label": n,
 			preserveAspectRatio: "xMidYMid slice",
-			className: e("block w-full overflow-hidden rounded-well", G.shape[f].classes),
+			className: e("block w-full overflow-hidden rounded-well", K.shape[m].classes),
 			children: [
-				b.children?.map(q),
-				d && /* @__PURE__ */ a("text", {
-					x: x.eyebrow.x,
-					y: g - x.eyebrow.bottom,
-					fill: x.color,
+				u && b !== u ? /* @__PURE__ */ o("image", {
+					href: u,
+					width: _,
+					height: v,
+					preserveAspectRatio: "xMidYMid slice",
+					onError: () => x(u)
+				}) : w.children?.map(J),
+				p && /* @__PURE__ */ o("text", {
+					x: T.eyebrow.x,
+					y: v - T.eyebrow.bottom,
+					fill: T.color,
 					fillOpacity: .7,
 					fontSize: 16,
 					fontWeight: 500,
 					letterSpacing: .1,
-					fontFamily: c.sans,
-					children: d
+					fontFamily: l.sans,
+					children: p
 				}),
-				l && /* @__PURE__ */ a("text", {
-					x: x.title.x,
-					y: g - x.title.bottom,
-					fill: x.color,
+				f && /* @__PURE__ */ o("text", {
+					x: T.title.x,
+					y: v - T.title.bottom,
+					fill: T.color,
 					fontSize: 52,
 					fontWeight: 600,
 					letterSpacing: -1.5,
-					fontFamily: c.sans,
-					children: l
+					fontFamily: l.sans,
+					children: f
 				})
 			]
-		}), /* @__PURE__ */ a("span", {
+		}), /* @__PURE__ */ o("span", {
 			"aria-hidden": !0,
 			className: "pointer-events-none absolute inset-0 rounded-well shadow-ring"
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (J.displayName = "ReleaseArt");
-function Y({ seed: e, label: t, art: n, title: r, eyebrow: i, shape: a = "banner" }) {
-	let { w: o, h: s } = u[a], c = B(n ?? v(e), {
+process.env.NODE_ENV !== "production" && (Y.displayName = "ReleaseArt");
+function X({ seed: e, label: t, art: n, title: r, eyebrow: i, shape: a = "banner" }) {
+	let { w: o, h: s } = d[a], c = V(n ?? y(e), {
 		shape: a,
 		title: r,
 		eyebrow: i,
 		idPrefix: "art"
 	});
-	return W({
+	return G({
 		...c,
 		attrs: {
 			...c.attrs,
@@ -550,6 +556,6 @@ function Y({ seed: e, label: t, art: n, title: r, eyebrow: i, shape: a = "banner
 	});
 }
 //#endregion
-export { l as a, g as c, Y as i, v as l, G as n, h as o, J as r, _ as s, K as t };
+export { u as a, _ as c, X as i, y as l, K as n, g as o, Y as r, v as s, q as t };
 
-//# sourceMappingURL=release-art-DEc9HNa6.js.map
+//# sourceMappingURL=release-art-Ogl-L1Vh.js.map