jaml-ui 1.0.0 → 1.0.2

package/dist/chunks/{ui-Dn8IIoV3.js → ui-LfKBGL5-.js}

@@ -1,18 +1,70 @@
-import { n as e, t } from "./tokens-Qrhlekc4.js";
-import { n } from "./assets-Bb6wV80_.js";
-import { n as r, p as i, r as a, t as o } from "./spriteMapper-CajFGgUU.js";
-import s, { createContext as c, createElement as l, forwardRef as u, memo as d, useCallback as f, useContext as p, useEffect as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { FiCheck as S, FiCopy as C } from "react-icons/fi";
-import { createPortal as w } from "react-dom";
+import { b as e, n as t, p as n, r, t as i } from "./spriteMapper-C2mqQHLj.js";
+import a, { createContext as o, createElement as s, forwardRef as c, memo as l, useCallback as u, useContext as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { FiCheck as b, FiCopy as x } from "react-icons/fi";
+import { createPortal as S } from "react-dom";
+//#region src/ui/tokens.ts
+var C = {
+	RED: "#ff4c40",
+	BLUE: "#0093ff",
+	GREEN: "#429f79",
+	ORANGE: "#ff9800",
+	GOLD: "#e4b643",
+	PURPLE: "#9e74ce",
+	DARK_RED: "#a02721",
+	DARK_BLUE: "#0057a1",
+	DARK_ORANGE: "#a05b00",
+	DARK_GREEN: "#215f46",
+	DARK_PURPLE: "#5e437e",
+	DARK_GREY: "#3a5055",
+	DARKEST: "#1e2b2d",
+	GREY: "#708386",
+	TEAL_GREY: "#404c4e",
+	PANEL_EDGE: "#1e2e32",
+	INNER_BORDER: "#334461",
+	BORDER_SILVER: "#b9c2d2",
+	BORDER_SOUTH: "#777e89",
+	GOLD_TEXT: "#e4b643",
+	GREEN_TEXT: "#35bd86",
+	ORANGE_TEXT: "#ff8f00",
+	WHITE: "#ffffff",
+	BLACK: "#000000",
+	TAROT_BUTTON: "#9e74ce",
+	PLANET_BUTTON: "#00a7ca",
+	SPECTRAL_BUTTON: "#2e76fd",
+	TAROT_BUTTON_DARK: "#5e437e",
+	PLANET_BUTTON_DARK: "#00657c",
+	SPECTRAL_BUTTON_DARK: "#14449e"
+};
+function w(e, t) {
+	let n = e.replace("#", "");
+	return `rgba(${parseInt(n.slice(0, 2), 16)}, ${parseInt(n.slice(2, 4), 16)}, ${parseInt(n.slice(4, 6), 16)}, ${t})`;
+}
+var T = {
+	JUICE_UP_SCALE: 1.05,
+	JUICE_DOWN_SCALE: 1,
+	JUICE_DURATION: 150,
+	JUICE_EASING: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+	SWAY_AMOUNT: 1.5,
+	SWAY_DURATION: 4e3,
+	PRESS_TRANSLATE_Y: 2,
+	PRESS_DURATION: 50,
+	CARD_TILT_MAX: 6,
+	MENU_SINK_DURATION: 200,
+	MENU_RISE_DURATION: 300,
+	MENU_ORBIT_DURATION: 320,
+	LETTER_POP_RATE: 3,
+	LETTER_BUMP_RATE: 2.666
+};
+//#endregion
 //#region src/ui/hooks.ts
-function T(e) {
+function E(e) {
 	return new Promise((t) => {
 		let n = new window.Image();
 		n.addEventListener("load", () => t(n)), n.addEventListener("error", () => t(null)), n.src = e;
 	});
 }
-function E(e, t, n, r, i) {
+function D(e, t, n, r, i) {
 	if (!n || !r || !r?.pos) return 0;
 	let a = n.width / r.columns, o = n.height / r.rows, s = e.style;
 	if (r.order === 0 && (e.width = a, e.height = o, s.width = `${a}px`, s.height = `${o}px`), s.imageRendering = "pixelated", t.imageSmoothingEnabled = !0, t.save(), r.animated && i) {
@@ -21,20 +73,20 @@ function E(e, t, n, r, i) {
 	}
 	return t.drawImage(n, r.pos.x * a, r.pos.y * o, a, o, 0, 0, e.width, e.height), t.restore(), a / o;
 }
-function D(e) {
-	let n = _(null);
-	return m(() => {
-		if (!e || !n.current) return;
-		let r, i = Date.now(), a = n.current, o = () => {
-			let e = (Date.now() - i) % t.SWAY_DURATION / t.SWAY_DURATION * Math.PI * 2;
-			a.style.transform = `translate(${Math.sin(e) * t.SWAY_AMOUNT * .3}px, ${Math.sin(e * .8) * t.SWAY_AMOUNT}px)`, r = requestAnimationFrame(o);
+function O(e) {
+	let t = h(null);
+	return f(() => {
+		if (!e || !t.current) return;
+		let n, r = Date.now(), i = t.current, a = () => {
+			let e = (Date.now() - r) % T.SWAY_DURATION / T.SWAY_DURATION * Math.PI * 2;
+			i.style.transform = `translate(${Math.sin(e) * T.SWAY_AMOUNT * .3}px, ${Math.sin(e * .8) * T.SWAY_AMOUNT}px)`, n = requestAnimationFrame(a);
 		};
-		return r = requestAnimationFrame(o), () => {
-			cancelAnimationFrame(r), a && (a.style.transform = "");
+		return n = requestAnimationFrame(a), () => {
+			cancelAnimationFrame(n), i && (i.style.transform = "");
 		};
-	}, [e]), n;
+	}, [e]), t;
 }
-var O = {
+var k = {
 	primary: [
 		1,
 		.2,
@@ -58,7 +110,7 @@ var O = {
 	lighting: .5,
 	transitionMs: 800
 };
-function k(e, t) {
+function A(e, t) {
 	if (!e) return t;
 	if (Array.isArray(e)) return [
 		e[0],
@@ -74,11 +126,11 @@ function k(e, t) {
 		(r & 255) / 255
 	];
 }
-function A(e = {}) {
-	let t = _(null), n = _(e);
-	return h(() => {
+function j(e = {}) {
+	let t = h(null), n = h(e);
+	return p(() => {
 		n.current = e;
-	}), m(() => {
+	}), f(() => {
 		let e = t.current;
 		if (!e) return;
 		let r = e.getContext("webgl");
@@ -113,43 +165,43 @@ function A(e = {}) {
 		let l = r.getAttribLocation(s, "position");
 		r.enableVertexAttribArray(l), r.vertexAttribPointer(l, 2, r.FLOAT, !1, 0, 0);
 		let u = r.getUniformLocation(s, "u_time"), d = r.getUniformLocation(s, "u_resolution"), f = r.getUniformLocation(s, "u_color1"), p = r.getUniformLocation(s, "u_color2"), m = r.getUniformLocation(s, "u_color3"), h = r.getUniformLocation(s, "u_spinRotation"), g = r.getUniformLocation(s, "u_spinSpeed"), _ = r.getUniformLocation(s, "u_spinAmount"), v = r.getUniformLocation(s, "u_pixelFilter"), y = r.getUniformLocation(s, "u_contrast"), b = r.getUniformLocation(s, "u_lighting"), x = (e) => ({
-			spinRotation: e.spinRotation ?? O.spinRotation,
-			spinSpeed: 4.5 * (e.speed ?? O.speed),
-			spinAmount: e.spinAmount ?? O.spinAmount,
-			pixelFilter: e.pixelFilter ?? O.pixelFilter,
-			contrast: e.contrast ?? O.contrast,
-			lighting: e.lighting ?? O.lighting
+			spinRotation: e.spinRotation ?? k.spinRotation,
+			spinSpeed: 4.5 * (e.speed ?? k.speed),
+			spinAmount: e.spinAmount ?? k.spinAmount,
+			pixelFilter: e.pixelFilter ?? k.pixelFilter,
+			contrast: e.contrast ?? k.contrast,
+			lighting: e.lighting ?? k.lighting
 		}), S = n.current, C = [
-			k(S.primary, O.primary),
-			k(S.secondary, O.secondary),
-			k(S.dark, O.dark)
-		], w = x(S), T = performance.now(), E = T, D = 0, A = () => {
+			A(S.primary, k.primary),
+			A(S.secondary, k.secondary),
+			A(S.dark, k.dark)
+		], w = x(S), T = performance.now(), E = T, D = 0, O = () => {
 			let t = performance.now(), i = Math.max(0, t - E);
 			E = t;
 			let a = n.current, o = [
-				k(a.primary, O.primary),
-				k(a.secondary, O.secondary),
-				k(a.dark, O.dark)
-			], s = x(a), c = Math.max(1, a.transitionMs ?? O.transitionMs), l = 1 - Math.exp(-i / c);
+				A(a.primary, k.primary),
+				A(a.secondary, k.secondary),
+				A(a.dark, k.dark)
+			], s = x(a), c = Math.max(1, a.transitionMs ?? k.transitionMs), l = 1 - Math.exp(-i / c);
 			for (let e = 0; e < 3; e++) for (let t = 0; t < 3; t++) C[e][t] += (o[e][t] - C[e][t]) * l;
 			let S = (e) => {
 				w[e] += (s[e] - w[e]) * l;
 			};
 			S("spinRotation"), S("spinSpeed"), S("spinAmount"), S("pixelFilter"), S("contrast"), S("lighting");
 			let j = e.clientWidth, M = e.clientHeight;
-			(e.width !== j || e.height !== M) && (e.width = j, e.height = M, r.viewport(0, 0, r.drawingBufferWidth, r.drawingBufferHeight)), r.uniform1f(u, (t - T) / 1e3), r.uniform2f(d, e.width, e.height), r.uniform3f(f, C[0][0], C[0][1], C[0][2]), r.uniform3f(p, C[1][0], C[1][1], C[1][2]), r.uniform3f(m, C[2][0], C[2][1], C[2][2]), r.uniform1f(h, w.spinRotation), r.uniform1f(g, w.spinSpeed), r.uniform1f(_, w.spinAmount), r.uniform1f(v, w.pixelFilter), r.uniform1f(y, w.contrast), r.uniform1f(b, w.lighting), r.drawArrays(r.TRIANGLES, 0, 6), D = requestAnimationFrame(A);
+			(e.width !== j || e.height !== M) && (e.width = j, e.height = M, r.viewport(0, 0, r.drawingBufferWidth, r.drawingBufferHeight)), r.uniform1f(u, (t - T) / 1e3), r.uniform2f(d, e.width, e.height), r.uniform3f(f, C[0][0], C[0][1], C[0][2]), r.uniform3f(p, C[1][0], C[1][1], C[1][2]), r.uniform3f(m, C[2][0], C[2][1], C[2][2]), r.uniform1f(h, w.spinRotation), r.uniform1f(g, w.spinSpeed), r.uniform1f(_, w.spinAmount), r.uniform1f(v, w.pixelFilter), r.uniform1f(y, w.contrast), r.uniform1f(b, w.lighting), r.drawArrays(r.TRIANGLES, 0, 6), D = requestAnimationFrame(O);
 		};
-		return D = requestAnimationFrame(A), () => {
+		return D = requestAnimationFrame(O), () => {
 			cancelAnimationFrame(D), r.deleteProgram(s), r.deleteShader(a), r.deleteShader(o), r.deleteBuffer(c);
 		};
 	}, []), t;
 }
-function j({ mode: e = "snap", placement: t = "auto", delay: n = 80, disabled: r = !1 }) {
-	let [i, a] = v(!1), [o, s] = v(null), c = _(null), l = _(null), u = _(null), d = f(() => {
-		r || (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(!0), n));
-	}, [r, n]), p = f(() => {
-		u.current && clearTimeout(u.current), a(!1), s(null);
-	}, []), h = f(() => {
+function M({ mode: e = "snap", placement: t = "auto", delay: n = 80, disabled: r = !1 }) {
+	let [i, a] = g(!1), [o, s] = g(null), c = h(null), l = h(null), d = h(null), p = u(() => {
+		r || (d.current && clearTimeout(d.current), d.current = setTimeout(() => a(!0), n));
+	}, [r, n]), m = u(() => {
+		d.current && clearTimeout(d.current), a(!1), s(null);
+	}, []), _ = u(() => {
 		let e = c.current, n = l.current;
 		if (!e || !n) return;
 		let r = e.getBoundingClientRect(), i = n.getBoundingClientRect(), a = r.top, o = t === "top" ? "top" : t === "bottom" ? "bottom" : a >= i.height + 12 ? "top" : "bottom", u = r.left + r.width / 2 - i.width / 2, d = o === "top" ? r.top - i.height - 8 : r.bottom + 8;
@@ -159,26 +211,26 @@ function j({ mode: e = "snap", placement: t = "auto", delay: n = 80, disabled: r
 			align: o
 		});
 	}, [t]);
-	return m(() => {
+	return f(() => {
 		if (!i || e !== "snap") return;
-		let t = requestAnimationFrame(h);
-		return window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
-			cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
+		let t = requestAnimationFrame(_);
+		return window.addEventListener("resize", _), window.addEventListener("scroll", _, !0), () => {
+			cancelAnimationFrame(t), window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0);
 		};
 	}, [
 		i,
 		e,
-		h
-	]), m(() => () => {
-		u.current && clearTimeout(u.current);
+		_
+	]), f(() => () => {
+		d.current && clearTimeout(d.current);
 	}, []), {
 		visible: i,
 		pos: o,
 		targetRef: c,
 		tooltipRef: l,
-		show: d,
-		hide: p,
-		handleMouseMove: f((t) => {
+		show: p,
+		hide: m,
+		handleMouseMove: u((t) => {
 			e === "mouse" && s({
 				left: t.clientX + 12,
 				top: t.clientY + 16,
@@ -187,51 +239,51 @@ function j({ mode: e = "snap", placement: t = "auto", delay: n = 80, disabled: r
 		}, [e])
 	};
 }
-function M({ layers: e, invert: t = !1, hoverTilt: n = !1 }) {
-	let r = _(null), a = _(null), o = _(/* @__PURE__ */ new Map()), [s, c] = v(3 / 4), [, l] = v(0), u = _(null), d = _({
+function ee({ layers: e, invert: t = !1, hoverTilt: r = !1 }) {
+	let i = h(null), a = h(null), o = h(/* @__PURE__ */ new Map()), [s, c] = g(3 / 4), [, l] = g(0), d = h(null), p = h({
 		rx: 0,
 		ry: 0,
 		rz: 0
-	}), p = _({
+	}), m = h({
 		rx: 0,
 		ry: 0,
 		rz: 0
-	}), h = e?.some((e) => e.animated);
-	m(() => {
+	}), _ = e?.some((e) => e.animated);
+	f(() => {
 		let e = !1, t = o.current;
 		return (async () => {
-			let n = Array.from(new Set(Object.values(i).map((e) => e.src))), r = await Promise.all(n.map((e) => T(e)));
-			e || (r.forEach((e, r) => {
-				e && t.set(n[r], e);
+			let r = Array.from(new Set(Object.values(n).map((e) => e.src))), i = await Promise.all(r.map((e) => E(e)));
+			e || (i.forEach((e, n) => {
+				e && t.set(r[n], e);
 			}), l((e) => e + 1));
 		})().catch((e) => console.error("[JamlCardRenderer]", e)), () => {
 			e = !0, t.clear();
 		};
-	}, []), m(() => {
-		let n = r.current;
+	}, []), f(() => {
+		let n = i.current;
 		if (!n || !e || e.length === 0) return;
-		let i = n.getContext("2d");
-		if (!i) return;
-		let a = !1, s = null, u, d = (r) => {
-			i.clearRect(0, 0, n.width, n.height), [...e].sort((e, t) => e.order - t.order).forEach((e) => {
+		let r = n.getContext("2d");
+		if (!r) return;
+		let a = !1, s = null, u, d = (i) => {
+			r.clearRect(0, 0, n.width, n.height), [...e].sort((e, t) => e.order - t.order).forEach((e) => {
 				let t = o.current.get(e.source);
 				if (t) {
-					let a = E(n, i, t, e, h ? r : void 0);
+					let a = D(n, r, t, e, _ ? i : void 0);
 					e.order === 0 && c(a);
 					return;
 				}
-				T(e.source).then((t) => {
+				E(e.source).then((t) => {
 					if (!(a || !t)) {
-						if (o.current.set(e.source, t), !h) {
-							let r = E(n, i, t, e);
-							e.order === 0 && c(r);
+						if (o.current.set(e.source, t), !_) {
+							let i = D(n, r, t, e);
+							e.order === 0 && c(i);
 						}
 						l((e) => e + 1);
 					}
 				});
 			}), n.style.filter = t ? "invert(0.94)" : "none";
 		};
-		if (h) {
+		if (_) {
 			let e = (t) => {
 				a || (u === void 0 && (u = t), d(t - u), s = requestAnimationFrame(e));
 			};
@@ -243,61 +295,61 @@ function M({ layers: e, invert: t = !1, hoverTilt: n = !1 }) {
 	}, [
 		e,
 		t,
-		h
+		_
 	]);
-	let g = f(() => {
-		u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
-	}, []), y = f(() => {
-		let e = r.current;
+	let v = u(() => {
+		d.current !== null && (cancelAnimationFrame(d.current), d.current = null);
+	}, []), y = u(() => {
+		let e = i.current;
 		if (!e) return;
-		let t = p.current;
+		let t = m.current;
 		e.style.transform = `rotateX(${t.rx}deg) rotateY(${t.ry}deg) rotateZ(${t.rz}deg)`;
-	}, []), b = f((e, t) => {
-		g();
+	}, []), b = u((e, t) => {
+		v();
 		let n = performance.now(), r = (i) => {
 			let a = Math.min(.05, (i - n) / 1e3);
 			n = i;
-			let o = d.current, s = p.current, c = 1 - Math.exp(-e * a);
+			let o = p.current, s = m.current, c = 1 - Math.exp(-e * a);
 			if (s.rx += (o.rx - s.rx) * c, s.ry += (o.ry - s.ry) * c, s.rz += (o.rz - s.rz) * c, y(), Math.abs(o.rx - s.rx) < .02 && Math.abs(o.ry - s.ry) < .02 && Math.abs(o.rz - s.rz) < .02) {
-				s.rx = o.rx, s.ry = o.ry, s.rz = o.rz, y(), u.current = null, t?.();
+				s.rx = o.rx, s.ry = o.ry, s.rz = o.rz, y(), d.current = null, t?.();
 				return;
 			}
-			u.current = requestAnimationFrame(r);
+			d.current = requestAnimationFrame(r);
 		};
-		u.current = requestAnimationFrame(r);
-	}, [g, y]);
-	return m(() => () => g(), [g]), {
-		canvasRef: r,
+		d.current = requestAnimationFrame(r);
+	}, [v, y]);
+	return f(() => () => v(), [v]), {
+		canvasRef: i,
 		containerRef: a,
 		ratio: s,
 		handlers: {
-			onPointerEnter: n ? (e) => {
-				!n || e.pointerType === "touch" || (a.current?.setAttribute("data-hovered", "true"), b(22));
+			onPointerEnter: r ? (e) => {
+				!r || e.pointerType === "touch" || (a.current?.setAttribute("data-hovered", "true"), b(22));
 			} : void 0,
-			onPointerLeave: n ? () => {
-				n && (a.current?.setAttribute("data-hovered", "false"), d.current = {
+			onPointerLeave: r ? () => {
+				r && (a.current?.setAttribute("data-hovered", "false"), p.current = {
 					rx: 0,
 					ry: 0,
 					rz: 0
 				}, b(14, () => {
-					let e = r.current;
+					let e = i.current;
 					e && (e.style.transform = "");
 				}));
 			} : void 0,
-			onPointerMove: n ? (e) => {
-				if (!n || e.pointerType === "touch") return;
-				let t = e.currentTarget.getBoundingClientRect(), r = Math.max(-1, Math.min(1, ((e.clientX - t.left) / t.width - .5) * 2)), i = Math.max(-1, Math.min(1, ((e.clientY - t.top) / t.height - .5) * 2));
-				d.current = {
+			onPointerMove: r ? (e) => {
+				if (!r || e.pointerType === "touch") return;
+				let t = e.currentTarget.getBoundingClientRect(), n = Math.max(-1, Math.min(1, ((e.clientX - t.left) / t.width - .5) * 2)), i = Math.max(-1, Math.min(1, ((e.clientY - t.top) / t.height - .5) * 2));
+				p.current = {
 					rx: i * -10,
-					ry: r * 12,
-					rz: r * i * -1.2
-				}, a.current?.style.setProperty("--j-card-glare-x", `${(r + 1) * 50}%`), a.current?.style.setProperty("--j-card-glare-y", `${(1 - i) * 50}%`), b(22);
+					ry: n * 12,
+					rz: n * i * -1.2
+				}, a.current?.style.setProperty("--j-card-glare-x", `${(n + 1) * 50}%`), a.current?.style.setProperty("--j-card-glare-y", `${(1 - i) * 50}%`), b(22);
 			} : void 0
 		}
 	};
 }
-function ee(e, t, n) {
-	let [r, i] = v(null), [a, o] = v(null), [s, c] = v(null), l = f((e, t, n) => {
+function te(e, t, n) {
+	let [r, i] = g(null), [a, o] = g(null), [s, c] = g(null), l = u((e, t, n) => {
 		let r = "touches" in e ? e.touches[0] : e, i = e.currentTarget.getBoundingClientRect();
 		o({
 			clause: t,
@@ -307,22 +359,22 @@ function ee(e, t, n) {
 			offX: r.clientX - i.left,
 			offY: r.clientY - i.top
 		}), c(null);
-	}, []), u = _(r), d = _(a), p = _(s), g = _(e), y = _(t);
-	h(() => {
-		u.current = r, d.current = a, p.current = s, g.current = e, y.current = t;
+	}, []), d = h(r), m = h(a), _ = h(s), v = h(e), y = h(t);
+	p(() => {
+		d.current = r, m.current = a, _.current = s, v.current = e, y.current = t;
 	});
 	let b = r !== null || a !== null;
-	return m(() => {
+	return f(() => {
 		if (!b) return;
 		let e = (e) => {
 			let t = "touches" in e ? e : null, r = t ? t.touches[0] : e;
 			if (!r) return;
-			let a = u.current;
-			if (!a && d.current) {
-				let e = r.clientX - d.current.x, t = r.clientY - d.current.y;
+			let a = d.current;
+			if (!a && m.current) {
+				let e = r.clientX - m.current.x, t = r.clientY - m.current.y;
 				if (Math.hypot(e, t) < 8) return;
 				a = {
-					...d.current,
+					...m.current,
 					x: r.clientX,
 					y: r.clientY
 				}, o(null), i(a);
@@ -343,9 +395,9 @@ function ee(e, t, n) {
 			}
 			c(l);
 		}, t = () => {
-			let e = u.current, t = p.current;
+			let e = d.current, t = _.current;
 			if (e && t && t !== e.fromZone) {
-				let n = t, r = g.current;
+				let n = t, r = v.current;
 				y.current({
 					...r,
 					[e.fromZone]: r[e.fromZone].filter((t) => t.id !== e.clause.id),
@@ -365,8 +417,8 @@ function ee(e, t, n) {
 }
 //#endregion
 //#region src/ui/sprites.tsx
-function te({ name: e, sheet: t, width: i = 40, height: s, style: c }) {
-	let l = a(e), u = t ?? l?.type ?? "Jokers", d = o[u], f = r(u), p = l?.pos ?? f.pos, m = i;
+function ne({ name: n, sheet: a, width: o = 40, height: s, style: c, className: l }) {
+	let u = r(n), d = a ?? u?.type ?? "Jokers", f = i[d], p = t(d), m = u?.pos ?? p.pos, h = o;
 	[
 		"Jokers",
 		"Tarots",
@@ -375,23 +427,26 @@ function te({ name: e, sheet: t, width: i = 40, height: s, style: c }) {
 		"Decks",
 		"Enhancers",
 		"Editions"
-	].includes(u) && (m = Math.round(i * 95 / 71));
-	let h = s ?? m;
-	if (!d) return null;
-	let g = i * d.cols, _ = h * d.rows, v = -(p.x * i), y = -(p.y * h);
-	return /* @__PURE__ */ b("div", { style: {
-		width: i,
-		height: h,
-		flexShrink: 0,
-		backgroundImage: `url(${n(d.assetKey)})`,
-		backgroundSize: `${g}px ${_}px`,
-		backgroundPosition: `${v}px ${y}px`,
-		backgroundRepeat: "no-repeat",
-		imageRendering: "pixelated",
-		...c
-	} });
+	].includes(d) && (h = Math.round(o * 95 / 71));
+	let g = s ?? h;
+	if (!f) return null;
+	let _ = o * f.cols, y = g * f.rows, b = -(m.x * o), x = -(m.y * g);
+	return /* @__PURE__ */ v("div", {
+		className: l,
+		style: {
+			width: o,
+			height: g,
+			flexShrink: 0,
+			backgroundImage: `url(${e(f.assetKey)})`,
+			backgroundSize: `${_}px ${y}px`,
+			backgroundPosition: `${b}px ${x}px`,
+			backgroundRepeat: "no-repeat",
+			imageRendering: "pixelated",
+			...c
+		}
+	});
 }
-var ne = [
+var re = [
 	"White",
 	"Red",
 	"Green",
@@ -401,21 +456,21 @@ var ne = [
 	"Orange",
 	"Gold"
 ];
-function re({ stake: e, width: t = 29, height: r, style: i }) {
-	let a = ne.indexOf(e.replace(" Stake", "")), o = a >= 0 ? a : 0, s = o % 5, c = Math.floor(o / 5), l = r ?? t, u = t * 5, d = l * 2;
-	return /* @__PURE__ */ b("div", { style: {
-		width: t,
+function ie({ stake: t, width: n = 29, height: r, style: i }) {
+	let a = re.indexOf(t.replace(" Stake", "")), o = a >= 0 ? a : 0, s = o % 5, c = Math.floor(o / 5), l = r ?? n, u = n * 5, d = l * 2;
+	return /* @__PURE__ */ v("div", { style: {
+		width: n,
 		height: l,
 		flexShrink: 0,
-		backgroundImage: `url(${n("stakes")})`,
+		backgroundImage: `url(${e("stakes")})`,
 		backgroundSize: `${u}px ${d}px`,
-		backgroundPosition: `-${s * t}px -${c * l}px`,
+		backgroundPosition: `-${s * n}px -${c * l}px`,
 		backgroundRepeat: "no-repeat",
 		imageRendering: "pixelated",
 		...i
 	} });
 }
-var ie = {
+var ae = {
 	Red: {
 		x: 0,
 		y: 0
@@ -441,15 +496,15 @@ var ie = {
 		y: 2
 	}
 };
-function ae({ deck: e, width: t = 71, height: r, style: a }) {
-	let o = ie[e.replace(" Deck", "")] ?? ie.Red, s = r ?? t * 95 / 71, c = i.enhancers;
-	return /* @__PURE__ */ b("div", { style: {
-		width: t,
+function oe({ deck: t, width: r = 71, height: i, style: a }) {
+	let o = ae[t.replace(" Deck", "")] ?? ae.Red, s = i ?? r * 95 / 71, c = n.enhancers;
+	return /* @__PURE__ */ v("div", { style: {
+		width: r,
 		height: s,
 		flexShrink: 0,
-		backgroundImage: `url(${n(c.asset)})`,
-		backgroundSize: `${t * c.columns}px ${s * c.rows}px`,
-		backgroundPosition: `${-o.x * t}px ${-o.y * s}px`,
+		backgroundImage: `url(${e(c.asset)})`,
+		backgroundSize: `${r * c.columns}px ${s * c.rows}px`,
+		backgroundPosition: `${-o.x * r}px ${-o.y * s}px`,
 		backgroundRepeat: "no-repeat",
 		imageRendering: "pixelated",
 		...a
@@ -461,11 +516,11 @@ function N({ tone: e = "default", size: t = "md", shadow: n = !0, dance: r = !1,
 	let u = `j-text--${t}`, d = `j-text--${e}`, f = n ? "" : "j-text--no-shadow", p = r ? "j-text--dance-container" : "", m = {};
 	i != null && (m.letterSpacing = i), s && Object.assign(m, s);
 	let h = c;
-	return r && typeof c == "string" && (h = c.split("").map((e, t) => /* @__PURE__ */ b("span", {
+	return r && typeof c == "string" && (h = c.split("").map((e, t) => /* @__PURE__ */ v("span", {
 		className: "j-font-dance-char",
 		style: { animationDelay: `${t * -.15}s` },
 		children: e === " " ? "\xA0" : e
-	}, t))), /* @__PURE__ */ b(a, {
+	}, t))), /* @__PURE__ */ v(a, {
 		className: `j-text ${u} ${d} ${f} ${p} ${o}`.trim(),
 		style: Object.keys(m).length > 0 ? m : void 0,
 		...l,
@@ -474,57 +529,57 @@ function N({ tone: e = "default", size: t = "md", shadow: n = !0, dance: r = !1,
 }
 //#endregion
 //#region src/ui/JimboTextInput.tsx
-var oe = s.forwardRef(function({ className: e = "", invalid: t = !1, "aria-invalid": n, ...r }, i) {
-	return /* @__PURE__ */ b("input", {
+var se = a.forwardRef(function({ className: e = "", invalid: t = !1, "aria-invalid": n, ...r }, i) {
+	return /* @__PURE__ */ v("input", {
 		ref: i,
 		className: `j-text-input ${e}`.trim(),
 		"aria-invalid": n ?? t,
 		"data-invalid": t,
 		...r
 	});
-}), se = d(({ children: e, className: t = "", sway: n = !1, onBack: r, hideBack: i = !1, style: a, ...o }) => /* @__PURE__ */ x("div", {
-	ref: D(n),
+}), ce = l(({ children: e, className: t = "", sway: n = !1, onBack: r, hideBack: i = !1, style: a, ...o }) => /* @__PURE__ */ y("div", {
+	ref: O(n),
 	className: `j-panel ${t}`,
 	style: a,
 	...o,
-	children: [/* @__PURE__ */ b("div", {
+	children: [/* @__PURE__ */ v("div", {
 		className: "j-panel__body",
 		children: e
-	}), r && !i && /* @__PURE__ */ b("div", {
+	}), r && !i && /* @__PURE__ */ v("div", {
 		className: "j-panel__back",
-		children: /* @__PURE__ */ b(le, { onClick: r })
+		children: /* @__PURE__ */ v(ue, { onClick: r })
 	})]
 }));
-se.displayName = "JimboPanel";
-var ce = d(({ children: e, className: t = "", style: n, ...r }) => /* @__PURE__ */ b("div", {
+ce.displayName = "JimboPanel";
+var le = l(({ children: e, className: t = "", style: n, ...r }) => /* @__PURE__ */ v("div", {
 	className: `j-inner-panel ${t}`,
 	style: n,
 	...r,
 	children: e
 }));
-ce.displayName = "JimboInnerPanel";
+le.displayName = "JimboInnerPanel";
 function P({ tone: e = "orange", size: t = "md", fullWidth: n = !1, disabled: r = !1, onClick: i, style: a, className: o = "", children: s, ...c }) {
 	let l = t === "xs" ? "xs" : t === "sm" ? "sm" : t === "lg" ? "lg" : "md";
-	return /* @__PURE__ */ b("button", {
+	return /* @__PURE__ */ v("button", {
 		type: "button",
 		className: `j-btn j-btn--${e} j-btn--${t} ${n ? "j-btn--full" : ""} ${r ? "j-btn--disabled" : ""} ${o}`,
 		disabled: r,
 		onClick: i,
 		style: a,
 		...c,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "j-btn__face",
-			children: /* @__PURE__ */ b(N, {
+			children: /* @__PURE__ */ v(N, {
 				size: l,
 				children: s
 			})
 		})
 	});
 }
-function le({ onClick: e, size: t = "sm" }) {
-	return /* @__PURE__ */ b("div", {
+function ue({ onClick: e, size: t = "sm" }) {
+	return /* @__PURE__ */ v("div", {
 		className: "j-back-btn-wrap j-flex j-justify-center j-w-full",
-		children: /* @__PURE__ */ b(P, {
+		children: /* @__PURE__ */ v(P, {
 			tone: "orange",
 			size: t,
 			fullWidth: !0,
@@ -534,16 +589,16 @@ function le({ onClick: e, size: t = "sm" }) {
 		})
 	});
 }
-function ue({ children: e, open: t, onClose: n, title: r, className: i, showBack: a = !0 }) {
-	return t ? /* @__PURE__ */ b("div", {
+function de({ children: e, open: t, onClose: n, title: r, className: i, showBack: a = !0 }) {
+	return t ? /* @__PURE__ */ v("div", {
 		className: "j-modal-overlay",
-		children: /* @__PURE__ */ x(se, {
+		children: /* @__PURE__ */ y(ce, {
 			onBack: a ? n : void 0,
 			className: `j-modal ${i ?? ""}`,
-			children: [r && /* @__PURE__ */ b("div", {
+			children: [r && /* @__PURE__ */ v("div", {
 				className: "j-modal__title-wrap",
 				"aria-hidden": !1,
-				children: /* @__PURE__ */ b(N, {
+				children: /* @__PURE__ */ v(N, {
 					as: "h2",
 					size: "lg",
 					className: "j-modal__title",
@@ -555,26 +610,26 @@ function ue({ children: e, open: t, onClose: n, title: r, className: i, showBack
 }
 //#endregion
 //#region src/ui/jimboTabs.tsx
-function de({ tabs: e, activeTab: t, onTabChange: n, className: r = "", style: i }) {
-	return /* @__PURE__ */ b("div", {
+function fe({ tabs: e, activeTab: t, onTabChange: n, className: r = "", style: i }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-tabs ${r}`,
 		style: i,
 		children: e.map((e) => {
 			let r = t === e.id;
-			return /* @__PURE__ */ x("div", {
+			return /* @__PURE__ */ y("div", {
 				className: "j-tab",
 				"data-active": r,
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "j-tab__indicator",
 					"data-active": r,
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ b("svg", {
+					children: /* @__PURE__ */ v("svg", {
 						width: 14,
 						height: 10,
 						viewBox: "0 0 14 10",
-						children: /* @__PURE__ */ b("polygon", { points: "7,10 0,0 14,0" })
+						children: /* @__PURE__ */ v("polygon", { points: "7,10 0,0 14,0" })
 					})
-				}), /* @__PURE__ */ b(P, {
+				}), /* @__PURE__ */ v(P, {
 					tone: "red",
 					size: "sm",
 					onClick: () => n(e.id),
@@ -586,8 +641,8 @@ function de({ tabs: e, activeTab: t, onTabChange: n, className: r = "", style: i
 }
 //#endregion
 //#region src/ui/JimboListItem.tsx
-var fe = s.forwardRef(function({ active: e = !1, className: t = "", children: n, ...r }, i) {
-	return /* @__PURE__ */ b("button", {
+var pe = a.forwardRef(function({ active: e = !1, className: t = "", children: n, ...r }, i) {
+	return /* @__PURE__ */ v("button", {
 		ref: i,
 		type: "button",
 		className: `j-list-item ${t}`.trim(),
@@ -595,11 +650,11 @@ var fe = s.forwardRef(function({ active: e = !1, className: t = "", children: n,
 		...r,
 		children: n
 	});
-}), F = e, pe = {
+}), F = C, me = {
 	xs: 22,
 	sm: 26,
 	md: 30
-}, me = {
+}, he = {
 	default: {
 		rest: F.DARKEST,
 		hover: F.DARK_GREY,
@@ -611,9 +666,9 @@ var fe = s.forwardRef(function({ active: e = !1, className: t = "", children: n,
 		border: F.BLACK
 	}
 };
-function he({ onClick: e, onMouseDown: t, onTouchStart: n, title: r, "aria-label": i, disabled: a = !1, size: o = "md", tone: s = "default", children: c }) {
-	let [l, u] = v(!1), d = pe[o], f = me[s], p = s === "destructive" ? 2 : 1, m = s === "destructive" ? `inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 ${F.BLACK}` : void 0;
-	return /* @__PURE__ */ b("button", {
+function ge({ onClick: e, onMouseDown: t, onTouchStart: n, title: r, "aria-label": i, disabled: a = !1, size: o = "md", tone: s = "default", children: c }) {
+	let [l, u] = g(!1), d = me[o], f = he[s], p = s === "destructive" ? 2 : 1, m = s === "destructive" ? `inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 ${F.BLACK}` : void 0;
+	return /* @__PURE__ */ v("button", {
 		"aria-label": i ?? r,
 		disabled: a,
 		onClick: (t) => !a && e?.(t),
@@ -646,8 +701,8 @@ function he({ onClick: e, onMouseDown: t, onTouchStart: n, title: r, "aria-label
 }
 //#endregion
 //#region src/ui/JimboInlineEdit.tsx
-var ge = s.forwardRef(function({ size: e = "md", tone: t = "white", dim: n = !1, className: r = "", ...i }, a) {
-	return /* @__PURE__ */ b("input", {
+var _e = a.forwardRef(function({ size: e = "md", tone: t = "white", dim: n = !1, className: r = "", ...i }, a) {
+	return /* @__PURE__ */ v("input", {
 		ref: a,
 		type: "text",
 		className: [
@@ -662,8 +717,8 @@ var ge = s.forwardRef(function({ size: e = "md", tone: t = "white", dim: n = !1,
 });
 //#endregion
 //#region src/ui/JimboBadge.tsx
-function _e({ size: e = "sm", tone: t = "dark", className: n, children: r, ...i }) {
-	return /* @__PURE__ */ b("span", {
+function ve({ size: e = "sm", tone: t = "dark", className: n, children: r, ...i }) {
+	return /* @__PURE__ */ v("span", {
 		className: `j-badge j-badge--${e} j-badge--${t} ${n ?? ""}`,
 		...i,
 		children: r
@@ -671,22 +726,22 @@ function _e({ size: e = "sm", tone: t = "dark", className: n, children: r, ...i
 }
 //#endregion
 //#region src/ui/jimboFlankNav.tsx
-function ve({ onPrev: e, onNext: t, canPrev: n = !0, canNext: r = !0, prevLabel: i = "Previous", nextLabel: a = "Next", children: o, className: s = "", style: c }) {
-	return /* @__PURE__ */ x("div", {
+function ye({ onPrev: e, onNext: t, canPrev: n = !0, canNext: r = !0, prevLabel: i = "Previous", nextLabel: a = "Next", children: o, className: s = "", style: c }) {
+	return /* @__PURE__ */ y("div", {
 		className: `j-flank ${s}`,
 		style: c,
 		children: [
-			/* @__PURE__ */ b(ye, {
+			/* @__PURE__ */ v(be, {
 				direction: "left",
 				onClick: e,
 				disabled: !n,
 				"aria-label": i
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ v("div", {
 				className: "j-flank__content",
 				children: o
 			}),
-			/* @__PURE__ */ b(ye, {
+			/* @__PURE__ */ v(be, {
 				direction: "right",
 				onClick: t,
 				disabled: !r,
@@ -695,9 +750,9 @@ function ve({ onPrev: e, onNext: t, canPrev: n = !0, canNext: r = !0, prevLabel:
 		]
 	});
 }
-function ye({ direction: e, onClick: t, disabled: n, "aria-label": r }) {
-	let [i, a] = s.useState(!1);
-	return /* @__PURE__ */ b("button", {
+function be({ direction: e, onClick: t, disabled: n, "aria-label": r }) {
+	let [i, o] = a.useState(!1);
+	return /* @__PURE__ */ v("button", {
 		type: "button",
 		className: "j-flank__btn",
 		"data-pressed": i && !n,
@@ -705,16 +760,16 @@ function ye({ direction: e, onClick: t, disabled: n, "aria-label": r }) {
 		disabled: n,
 		"aria-label": r,
 		title: r,
-		onMouseDown: () => !n && a(!0),
-		onMouseUp: () => a(!1),
-		onMouseLeave: () => a(!1),
-		onTouchStart: () => !n && a(!0),
-		onTouchEnd: () => a(!1),
-		children: /* @__PURE__ */ b(be, { direction: e })
+		onMouseDown: () => !n && o(!0),
+		onMouseUp: () => o(!1),
+		onMouseLeave: () => o(!1),
+		onTouchStart: () => !n && o(!0),
+		onTouchEnd: () => o(!1),
+		children: /* @__PURE__ */ v(xe, { direction: e })
 	});
 }
-function be({ direction: e }) {
-	return /* @__PURE__ */ b("svg", {
+function xe({ direction: e }) {
+	return /* @__PURE__ */ v("svg", {
 		width: 28,
 		height: 28,
 		viewBox: "0 0 28 28",
@@ -724,14 +779,14 @@ function be({ direction: e }) {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ b("polyline", { points: e === "left" ? "18,4 8,14 18,24" : "10,4 20,14 10,24" })
+		children: /* @__PURE__ */ v("polyline", { points: e === "left" ? "18,4 8,14 18,24" : "10,4 20,14 10,24" })
 	});
 }
 //#endregion
 //#region src/ui/JimboSeedCopyChip.tsx
-function xe({ value: e, placeholder: t = "--------", disabled: n = !1, copiedLabel: r = "Copied!", copiedDurationMs: i = 2e3, onCopy: a, className: o = "", style: s }) {
-	let [c, l] = v(!1), u = e.trim(), d = !n && u.length > 0;
-	return /* @__PURE__ */ x("button", {
+function Se({ value: e, placeholder: t = "--------", disabled: n = !1, copiedLabel: r = "Copied!", copiedDurationMs: i = 2e3, onCopy: a, className: o = "", style: s }) {
+	let [c, l] = g(!1), u = e.trim(), d = !n && u.length > 0;
+	return /* @__PURE__ */ y("button", {
 		type: "button",
 		className: ["j-seed-copy", o].filter(Boolean).join(" "),
 		style: s,
@@ -746,11 +801,11 @@ function xe({ value: e, placeholder: t = "--------", disabled: n = !1, copiedLab
 		disabled: !d,
 		"data-copied": c,
 		"aria-label": d ? `Copy seed ${u}` : "Seed unavailable",
-		children: [/* @__PURE__ */ b("span", {
+		children: [/* @__PURE__ */ v("span", {
 			className: "j-seed-copy__icon",
 			"aria-hidden": !0,
-			children: b(c ? S : C, { size: 18 })
-		}), /* @__PURE__ */ b("span", {
+			children: v(c ? b : x, { size: 18 })
+		}), /* @__PURE__ */ v("span", {
 			className: "j-seed-copy__text",
 			children: c ? r : u || t
 		})]
@@ -758,20 +813,20 @@ function xe({ value: e, placeholder: t = "--------", disabled: n = !1, copiedLab
 }
 //#endregion
 //#region src/ui/JimboSpinner.tsx
-function Se({ value: e, label: t, onPrev: n, onNext: r, canPrev: i = !0, canNext: a = !0, className: o = "" }) {
-	return /* @__PURE__ */ x("div", {
+function Ce({ value: e, label: t, onPrev: n, onNext: r, canPrev: i = !0, canNext: a = !0, className: o = "" }) {
+	return /* @__PURE__ */ y("div", {
 		className: `j-spinner-wrap ${o}`,
-		children: [t && /* @__PURE__ */ b("div", {
+		children: [t && /* @__PURE__ */ v("div", {
 			className: "j-spinner__label",
-			children: /* @__PURE__ */ b(N, {
+			children: /* @__PURE__ */ v(N, {
 				size: "sm",
 				tone: "white",
 				children: t
 			})
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "j-spinner",
 			children: [
-				/* @__PURE__ */ b(P, {
+				/* @__PURE__ */ v(P, {
 					tone: "red",
 					size: "sm",
 					onClick: n,
@@ -779,15 +834,15 @@ function Se({ value: e, label: t, onPrev: n, onNext: r, canPrev: i = !0, canNext
 					"aria-label": `Previous ${t ?? "value"}`,
 					children: "<"
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ v("div", {
 					className: "j-spinner__value",
-					children: /* @__PURE__ */ b(N, {
+					children: /* @__PURE__ */ v(N, {
 						size: "sm",
 						tone: "white",
 						children: e
 					})
 				}),
-				/* @__PURE__ */ b(P, {
+				/* @__PURE__ */ v(P, {
 					tone: "red",
 					size: "sm",
 					onClick: r,
@@ -800,23 +855,117 @@ function Se({ value: e, label: t, onPrev: n, onNext: r, canPrev: i = !0, canNext
 	});
 }
 //#endregion
-//#region src/ui/jimboApp.tsx
-function Ce({ children: e, fluid: t, className: n = "", ...r }) {
-	return /* @__PURE__ */ b("div", {
-		className: `j-app${t ? " j-app--fluid" : ""} ${n}`.trim(),
+//#region src/ui/jimboLink.tsx
+function we({ external: e = !0, className: t = "", children: n, ...r }) {
+	let i = e ? {
+		target: "_blank",
+		rel: "noopener noreferrer"
+	} : {};
+	return /* @__PURE__ */ v("a", {
+		className: `j-link ${t}`.trim(),
+		...i,
 		...r,
-		children: e
+		children: n
 	});
 }
-function we({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ b("div", {
+//#endregion
+//#region src/ui/JimboBalatroFooter.tsx
+var Te = [
+	{
+		char: "♥️",
+		kf: "jaml-heart"
+	},
+	{
+		char: "♠️",
+		kf: "jaml-spade"
+	},
+	{
+		char: "♦️",
+		kf: "jaml-diamond"
+	},
+	{
+		char: "♣️",
+		kf: "jaml-club"
+	}
+], Ee = "5s";
+function De({ hidden: e = !1, className: t = "", children: n }) {
+	return e ? null : /* @__PURE__ */ y("div", {
+		className: ["j-footer", t].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ v("div", {
+			className: "j-footer__bar",
+			children: /* @__PURE__ */ y("p", {
+				className: "j-footer__line j-footer__line--wrap",
+				children: [
+					/* @__PURE__ */ v("span", {
+						className: "j-footer__chunk",
+						children: "Not affiliated with LocalThunk or PlayStack"
+					}),
+					/* @__PURE__ */ y("span", {
+						className: "j-footer__chunk j-footer__chunk--credit",
+						children: [
+							"Made with",
+							" ",
+							/* @__PURE__ */ v("span", {
+								style: {
+									position: "relative",
+									display: "inline-block",
+									width: "1.5em",
+									height: "1.2em",
+									verticalAlign: "middle"
+								},
+								children: Te.map(({ char: e, kf: t }) => /* @__PURE__ */ v("span", {
+									style: {
+										position: "absolute",
+										inset: 0,
+										display: "inline-flex",
+										alignItems: "center",
+										justifyContent: "center",
+										opacity: 0,
+										animationName: t,
+										animationDuration: Ee,
+										animationDelay: "0s",
+										animationIterationCount: "infinite",
+										animationTimingFunction: "ease-out"
+									},
+									children: e
+								}, e))
+							}),
+							" ",
+							"for the ",
+							/* @__PURE__ */ v(we, {
+								href: "https://playbalatro.com",
+								children: "Balatro"
+							}),
+							" community"
+						]
+					}),
+					n ? /* @__PURE__ */ v("span", {
+						className: "j-footer__extra",
+						children: n
+					}) : null
+				]
+			})
+		}), /* @__PURE__ */ v("style", { children: "\n        @keyframes jaml-heart   { 0%{opacity:0;transform:scale(1)} 1%{opacity:1;transform:scale(1.45)} 3.5%{opacity:1;transform:scale(1)} 61.5%{opacity:1;transform:scale(1)} 62%{opacity:0} 100%{opacity:0} }\n        @keyframes jaml-spade   { 0%,61.5%{opacity:0} 62%{opacity:1;transform:scale(1.45)} 64.5%{opacity:1;transform:scale(1)} 71.5%{opacity:1} 72%{opacity:0} 100%{opacity:0} }\n        @keyframes jaml-diamond { 0%,71.5%{opacity:0} 72%{opacity:1;transform:scale(1.45)} 74.5%{opacity:1;transform:scale(1)} 81.5%{opacity:1} 82%{opacity:0} 100%{opacity:0} }\n        @keyframes jaml-club    { 0%,81.5%{opacity:0} 82%{opacity:1;transform:scale(1.45)} 84.5%{opacity:1;transform:scale(1)} 95%{opacity:1}  96%{opacity:0} 100%{opacity:0} }\n      " })]
+	});
+}
+//#endregion
+//#region src/ui/jimboApp.tsx
+function Oe({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		className: `j-app ${t}`.trim(),
+		...n,
+		children: e
+	}), /* @__PURE__ */ v(De, {})] });
+}
+function ke({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-app__scroll ${t}`,
 		...n,
 		children: e
 	});
 }
-function Te({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ b("div", {
+function Ae({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-app__footer ${t}`,
 		...n,
 		children: e
@@ -824,22 +973,22 @@ function Te({ children: e, className: t = "", ...n }) {
 }
 //#endregion
 //#region src/ui/JimboToggleList.tsx
-function Ee({ items: e, onToggle: t, title: n, variant: r = "row" }) {
-	return /* @__PURE__ */ b(se, { children: /* @__PURE__ */ x("div", {
+function je({ items: e, onToggle: t, title: n, variant: r = "row" }) {
+	return /* @__PURE__ */ v(ce, { children: /* @__PURE__ */ y("div", {
 		className: `j-toggle-list j-toggle-list--${r}`,
-		children: [n && /* @__PURE__ */ b("div", {
+		children: [n && /* @__PURE__ */ v("div", {
 			className: "j-toggle-list__title",
 			children: n
-		}), e.map((e) => /* @__PURE__ */ x("button", {
+		}), e.map((e) => /* @__PURE__ */ y("button", {
 			type: "button",
 			className: "j-toggle-item",
 			"data-variant": r,
 			"aria-pressed": e.on,
 			onClick: () => t(e.id),
-			children: [/* @__PURE__ */ b("span", {
+			children: [/* @__PURE__ */ v("span", {
 				className: "j-toggle-item__label",
 				children: e.label
-			}), /* @__PURE__ */ b("span", {
+			}), /* @__PURE__ */ v("span", {
 				className: "j-toggle-check",
 				"data-on": e.on
 			})]
@@ -848,24 +997,24 @@ function Ee({ items: e, onToggle: t, title: n, variant: r = "row" }) {
 }
 //#endregion
 //#region src/ui/jimboFilterBar.tsx
-function De({ search: e, onSearchChange: t, searchPlaceholder: n = "Search...", searchLabel: r = "Search", sort: i, onSortChange: a, sortLabel: o = "Sort By", sortOptions: s, className: c = "", style: l }) {
-	return /* @__PURE__ */ x("div", {
+function Me({ search: e, onSearchChange: t, searchPlaceholder: n = "Search...", searchLabel: r = "Search", sort: i, onSortChange: a, sortLabel: o = "Sort By", sortOptions: s, className: c = "", style: l }) {
+	return /* @__PURE__ */ y("div", {
 		className: `j-filter-bar ${c}`,
 		style: l,
-		children: [t ? /* @__PURE__ */ x("div", {
+		children: [t ? /* @__PURE__ */ y("div", {
 			className: "j-filter-bar__field",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "j-filter-bar__pill",
-				children: /* @__PURE__ */ b(N, {
+				children: /* @__PURE__ */ v(N, {
 					size: "xs",
 					children: r
 				})
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ y("div", {
 				className: "j-relative",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "j-filter-bar__search-icon",
-					children: /* @__PURE__ */ b(Oe, {})
-				}), /* @__PURE__ */ b("input", {
+					children: /* @__PURE__ */ v(Ne, {})
+				}), /* @__PURE__ */ v("input", {
 					type: "text",
 					value: e ?? "",
 					onChange: (e) => t(e.target.value),
@@ -873,34 +1022,34 @@ function De({ search: e, onSearchChange: t, searchPlaceholder: n = "Search...",
 					className: "j-filter-bar__input"
 				})]
 			})]
-		}) : null, s && a ? /* @__PURE__ */ x("div", {
+		}) : null, s && a ? /* @__PURE__ */ y("div", {
 			className: "j-filter-bar__field",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "j-filter-bar__pill",
-				children: /* @__PURE__ */ b(N, {
+				children: /* @__PURE__ */ v(N, {
 					size: "xs",
 					children: o
 				})
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ y("div", {
 				className: "j-relative",
-				children: [/* @__PURE__ */ b("select", {
+				children: [/* @__PURE__ */ v("select", {
 					value: i ?? s[0]?.value,
 					onChange: (e) => a(e.target.value),
 					className: "j-filter-bar__select",
-					children: s.map((e) => /* @__PURE__ */ b("option", {
+					children: s.map((e) => /* @__PURE__ */ v("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "j-filter-bar__sort-icon",
-					children: /* @__PURE__ */ b(ke, {})
+					children: /* @__PURE__ */ v(Pe, {})
 				})]
 			})]
 		}) : null]
 	});
 }
-function Oe() {
-	return /* @__PURE__ */ x("svg", {
+function Ne() {
+	return /* @__PURE__ */ y("svg", {
 		width: 24,
 		height: 24,
 		viewBox: "0 0 24 24",
@@ -910,11 +1059,11 @@ function Oe() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		"aria-hidden": !0,
-		children: [/* @__PURE__ */ b("circle", {
+		children: [/* @__PURE__ */ v("circle", {
 			cx: 11,
 			cy: 11,
 			r: 8
-		}), /* @__PURE__ */ b("line", {
+		}), /* @__PURE__ */ v("line", {
 			x1: 21,
 			y1: 21,
 			x2: 16.65,
@@ -922,8 +1071,8 @@ function Oe() {
 		})]
 	});
 }
-function ke() {
-	return /* @__PURE__ */ x("svg", {
+function Pe() {
+	return /* @__PURE__ */ y("svg", {
 		width: 20,
 		height: 20,
 		viewBox: "0 0 24 24",
@@ -934,168 +1083,67 @@ function ke() {
 		strokeLinejoin: "round",
 		"aria-hidden": !0,
 		children: [
-			/* @__PURE__ */ b("polyline", { points: "7 4 7 20" }),
-			/* @__PURE__ */ b("polyline", { points: "3 8 7 4 11 8" }),
-			/* @__PURE__ */ b("polyline", { points: "17 20 17 4" }),
-			/* @__PURE__ */ b("polyline", { points: "21 16 17 20 13 16" })
+			/* @__PURE__ */ v("polyline", { points: "7 4 7 20" }),
+			/* @__PURE__ */ v("polyline", { points: "3 8 7 4 11 8" }),
+			/* @__PURE__ */ v("polyline", { points: "17 20 17 4" }),
+			/* @__PURE__ */ v("polyline", { points: "21 16 17 20 13 16" })
 		]
 	});
 }
 //#endregion
-//#region src/ui/jimboLink.tsx
-function Ae({ external: e = !0, className: t = "", children: n, ...r }) {
-	let i = e ? {
-		target: "_blank",
-		rel: "noopener noreferrer"
-	} : {};
-	return /* @__PURE__ */ b("a", {
-		className: `j-link ${t}`.trim(),
-		...i,
-		...r,
-		children: n
-	});
-}
-//#endregion
-//#region src/ui/JimboBalatroFooter.tsx
-var je = [
-	{
-		char: "♥️",
-		kf: "jaml-heart"
-	},
-	{
-		char: "♠️",
-		kf: "jaml-spade"
-	},
-	{
-		char: "♦️",
-		kf: "jaml-diamond"
-	},
-	{
-		char: "♣️",
-		kf: "jaml-club"
-	}
-], Me = "5s";
-function Ne({ hidden: e = !1, className: t = "", children: n }) {
-	return e ? null : /* @__PURE__ */ x("div", {
-		className: ["j-footer", t].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ b("div", {
-			className: "j-footer__bar",
-			children: /* @__PURE__ */ x("p", {
-				className: "j-footer__line j-footer__line--wrap",
-				children: [
-					/* @__PURE__ */ b("span", {
-						className: "j-footer__chunk",
-						children: "Not affiliated with LocalThunk or PlayStack"
-					}),
-					/* @__PURE__ */ x("span", {
-						className: "j-footer__chunk j-footer__chunk--credit",
-						children: [
-							"Made with",
-							" ",
-							/* @__PURE__ */ b("span", {
-								style: {
-									position: "relative",
-									display: "inline-block",
-									width: "1.5em",
-									height: "1.2em",
-									verticalAlign: "middle"
-								},
-								children: je.map(({ char: e, kf: t }) => /* @__PURE__ */ b("span", {
-									style: {
-										position: "absolute",
-										inset: 0,
-										display: "inline-flex",
-										alignItems: "center",
-										justifyContent: "center",
-										opacity: 0,
-										animationName: t,
-										animationDuration: Me,
-										animationDelay: "0s",
-										animationIterationCount: "infinite",
-										animationTimingFunction: "ease-out"
-									},
-									children: e
-								}, e))
-							}),
-							" ",
-							"for the ",
-							/* @__PURE__ */ b(Ae, {
-								href: "https://playbalatro.com",
-								children: "Balatro"
-							}),
-							" community"
-						]
-					}),
-					n ? /* @__PURE__ */ b("span", {
-						className: "j-footer__extra",
-						children: n
-					}) : null
-				]
-			})
-		}), /* @__PURE__ */ b("style", { children: "\n        @keyframes jaml-heart   { 0%{opacity:0;transform:scale(1)} 1%{opacity:1;transform:scale(1.45)} 3.5%{opacity:1;transform:scale(1)} 61.5%{opacity:1;transform:scale(1)} 62%{opacity:0} 100%{opacity:0} }\n        @keyframes jaml-spade   { 0%,61.5%{opacity:0} 62%{opacity:1;transform:scale(1.45)} 64.5%{opacity:1;transform:scale(1)} 71.5%{opacity:1} 72%{opacity:0} 100%{opacity:0} }\n        @keyframes jaml-diamond { 0%,71.5%{opacity:0} 72%{opacity:1;transform:scale(1.45)} 74.5%{opacity:1;transform:scale(1)} 81.5%{opacity:1} 82%{opacity:0} 100%{opacity:0} }\n        @keyframes jaml-club    { 0%,81.5%{opacity:0} 82%{opacity:1;transform:scale(1.45)} 84.5%{opacity:1;transform:scale(1)} 95%{opacity:1}  96%{opacity:0} 100%{opacity:0} }\n      " })]
-	});
-}
-//#endregion
 //#region src/ui/jimboBackground.tsx
-function Pe({ hideFooter: e = !1, ...t }) {
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("canvas", {
-		ref: A(t),
+function Fe(e) {
+	return /* @__PURE__ */ v("canvas", {
+		ref: j(e),
 		"aria-hidden": !0,
-		style: {
-			position: "fixed",
-			inset: 0,
-			width: "100%",
-			height: "100%",
-			zIndex: -10,
-			pointerEvents: "none"
-		}
-	}), !e && /* @__PURE__ */ b(Ne, {})] });
+		className: "j-background-canvas"
+	});
 }
 //#endregion
 //#region src/ui/jimboTooltip.tsx
-function Fe(e, t) {
+function Ie(e, t) {
 	typeof e == "function" ? e(t) : e && typeof e == "object" && (e.current = t);
 }
-function Ie({ content: e, badge: t, variant: n = "dark", children: r, mode: i = "snap", placement: a = "auto", delay: o = 80, maxWidth: c = 280, disabled: l = !1 }) {
-	let { visible: u, pos: d, targetRef: p, tooltipRef: m, show: h, hide: g, handleMouseMove: _ } = j({
+function Le({ content: e, badge: t, variant: n = "dark", children: r, mode: i = "snap", placement: o = "auto", delay: s = 80, maxWidth: c = 280, disabled: l = !1 }) {
+	let { visible: d, pos: f, targetRef: p, tooltipRef: m, show: h, hide: g, handleMouseMove: b } = M({
 		mode: i,
-		placement: a,
-		delay: o,
+		placement: o,
+		delay: s,
 		disabled: l
-	}), v = s.Children.only(r), S = v.ref, C = f((e) => {
-		p.current = e, Fe(S, e);
+	}), x = a.Children.only(r), S = x.ref, C = u((e) => {
+		p.current = e, Ie(S, e);
 	}, [S, p]);
-	return /* @__PURE__ */ x(y, { children: [s.cloneElement(v, {
+	return /* @__PURE__ */ y(_, { children: [a.cloneElement(x, {
 		ref: C,
 		onMouseEnter: (e) => {
-			h(), v.props.onMouseEnter?.(e);
+			h(), x.props.onMouseEnter?.(e);
 		},
 		onMouseLeave: (e) => {
-			g(), v.props.onMouseLeave?.(e);
+			g(), x.props.onMouseLeave?.(e);
 		},
 		onFocus: (e) => {
-			h(), v.props.onFocus?.(e);
+			h(), x.props.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			g(), v.props.onBlur?.(e);
+			g(), x.props.onBlur?.(e);
 		},
 		onMouseMove: (e) => {
-			_(e), v.props.onMouseMove?.(e);
+			b(e), x.props.onMouseMove?.(e);
 		}
-	}), u ? /* @__PURE__ */ x("div", {
+	}), d ? /* @__PURE__ */ y("div", {
 		ref: m,
 		role: "tooltip",
 		className: `j-tooltip j-tooltip--${n}`,
 		style: {
-			left: d?.left ?? -9999,
-			top: d?.top ?? -9999,
+			left: f?.left ?? -9999,
+			top: f?.top ?? -9999,
 			maxWidth: c,
-			opacity: +!!d
+			opacity: +!!f
 		},
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "j-tooltip__body",
 			children: e
-		}), t && /* @__PURE__ */ b("div", {
+		}), t && /* @__PURE__ */ v("div", {
 			className: `j-tooltip__badge j-bg--${t.tone}`,
 			children: t.label
 		})]
@@ -1103,14 +1151,14 @@ function Ie({ content: e, badge: t, variant: n = "dark", children: r, mode: i =
 }
 //#endregion
 //#region src/ui/JimboCopyButton.tsx
-function Le({ value: e, label: t = "Copy", copiedLabel: n = "Copied", tone: r = "blue", size: i = "sm", copiedDurationMs: a = 1500, onCopy: o, className: s }) {
-	let [c, l] = v(!1);
+function Re({ value: e, label: t = "Copy", copiedLabel: n = "Copied", tone: r = "blue", size: i = "sm", copiedDurationMs: a = 1500, onCopy: o, className: s }) {
+	let [c, l] = g(!1);
 	function u() {
 		navigator.clipboard.writeText(e).then(() => {
 			l(!0), o?.(), window.setTimeout(() => l(!1), a);
 		});
 	}
-	return /* @__PURE__ */ b(P, {
+	return /* @__PURE__ */ v(P, {
 		tone: r,
 		size: i,
 		onClick: u,
@@ -1120,245 +1168,116 @@ function Le({ value: e, label: t = "Copy", copiedLabel: n = "Copied", tone: r =
 }
 //#endregion
 //#region src/ui/codeBlock.tsx
-function Re({ code: e, language: t, filename: n, className: r = "" }) {
+function ze({ code: e, language: t, filename: n, className: r = "" }) {
 	let i = n?.toLowerCase().endsWith(".jaml") ? "JAML" : t?.toLowerCase() === "yaml" ? void 0 : t;
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ y("div", {
 		className: `j-code-block ${r}`,
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "j-code-block__header",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ y("div", {
 				className: "j-code-block__meta",
-				children: [n && /* @__PURE__ */ b(N, {
+				children: [n && /* @__PURE__ */ v(N, {
 					size: "xs",
 					tone: "grey",
 					className: "j-code-block__filename",
 					children: n
-				}), i && /* @__PURE__ */ b("span", {
+				}), i && /* @__PURE__ */ v("span", {
 					className: "j-code-block__lang",
-					children: /* @__PURE__ */ b(N, {
+					children: /* @__PURE__ */ v(N, {
 						size: "micro",
 						tone: "blue",
 						children: i
 					})
 				})]
-			}), /* @__PURE__ */ b(Le, { value: e })]
-		}), /* @__PURE__ */ b("pre", {
+			}), /* @__PURE__ */ v(Re, { value: e })]
+		}), /* @__PURE__ */ v("pre", {
 			className: "j-code-block__pre",
-			children: /* @__PURE__ */ b("code", { children: e })
+			children: /* @__PURE__ */ v("code", { children: e })
+		})]
+	});
+}
+//#endregion
+//#region src/ui/jimboCopyRow.tsx
+function Be({ value: e, label: t }) {
+	return /* @__PURE__ */ y("div", {
+		className: "j-copy-row",
+		children: [t ? /* @__PURE__ */ v(N, {
+			size: "xs",
+			tone: "grey",
+			className: "j-copy-row__label",
+			children: t
+		}) : null, /* @__PURE__ */ v(Se, { value: e })]
+	});
+}
+//#endregion
+//#region src/ui/jimboWordmark.tsx
+function Ve({ title: e, subtitle: t, className: n = "" }) {
+	return /* @__PURE__ */ y("div", {
+		className: `j-wordmark ${n}`,
+		children: [/* @__PURE__ */ v("div", {
+			className: "j-wordmark__title",
+			children: e
+		}), t && /* @__PURE__ */ v("div", {
+			className: "j-wordmark__sub",
+			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/ui/jimboSectionHeader.tsx
-function ze({ label: e, tone: t = "blue", className: n = "" }) {
-	return /* @__PURE__ */ x("div", {
+function He({ label: e, tone: t = "blue", className: n = "" }) {
+	return /* @__PURE__ */ y("div", {
 		className: `j-section-header ${n}`,
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: `j-section-header__tag j-bg--${t}`,
 			children: e
-		}), /* @__PURE__ */ b("div", { className: `j-section-header__rule j-bg--${t}` })]
+		}), /* @__PURE__ */ v("div", { className: `j-section-header__rule j-bg--${t}` })]
 	});
 }
 //#endregion
 //#region src/ui/jimboInfoCard.tsx
-function Be({ tone: e, children: t, className: n = "", ...r }) {
-	return /* @__PURE__ */ b("div", {
+function Ue({ tone: e, children: t, className: n = "", ...r }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-info-card ${e ? `j-border--${e}` : ""} ${n}`,
 		style: e ? { borderColor: void 0 } : void 0,
 		...r,
 		children: t
 	});
 }
-function Ve({ children: e, className: t = "" }) {
-	return /* @__PURE__ */ b("div", {
+function We({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-info-card__body ${t}`,
 		children: e
 	});
 }
-function He({ children: e, className: t = "" }) {
-	return /* @__PURE__ */ b("div", {
+function Ge({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-info-card__title ${t}`,
 		children: e
 	});
 }
-function Ue({ children: e, className: t = "" }) {
-	return /* @__PURE__ */ b("div", {
+function Ke({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-info-card__sub ${t}`,
 		children: e
 	});
 }
-function We({ children: e, className: t = "" }) {
-	return /* @__PURE__ */ b("div", {
+function qe({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ v("div", {
 		className: `j-info-card__aside ${t}`,
 		children: e
 	});
 }
 //#endregion
-//#region src/ui/showcase.tsx
-function Ge({ title: e = "Balatro", subtitle: t = "Seed Curator", hotFilters: n = [], recentFinds: r = [], mcpInfo: i, onNewSearch: a, onBrowseFilters: o, onFilterClick: s }) {
-	return /* @__PURE__ */ x(Ce, { children: [/* @__PURE__ */ x("div", {
-		style: {
-			padding: "12px 12px 8px",
-			display: "flex",
-			flexDirection: "column",
-			gap: 6
-		},
-		children: [
-			/* @__PURE__ */ x("div", {
-				className: "j-text-center",
-				children: [/* @__PURE__ */ b(N, {
-					size: "display",
-					tone: "gold",
-					children: e
-				}), /* @__PURE__ */ b(N, {
-					size: "micro",
-					tone: "grey",
-					style: { letterSpacing: 1 },
-					children: t
-				})]
-			}),
-			i && /* @__PURE__ */ x("div", {
-				className: "j-flex j-justify-between",
-				style: {
-					padding: "3px 8px",
-					background: "var(--j-surface-inset)",
-					borderRadius: 4,
-					border: "1px solid var(--j-panel-edge)"
-				},
-				children: [/* @__PURE__ */ b(N, {
-					size: "micro",
-					tone: "purple",
-					children: i.engine
-				}), /* @__PURE__ */ b(N, {
-					size: "micro",
-					tone: "white",
-					children: i.features
-				})]
-			}),
-			n.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ze, {
-				label: "Filters",
-				tone: "blue"
-			}), /* @__PURE__ */ b("div", {
-				className: "j-flex-col",
-				style: { gap: 4 },
-				children: n.slice(0, 4).map((e, t) => /* @__PURE__ */ x(Be, {
-					tone: e.tone,
-					onClick: () => s?.(e, t),
-					style: { cursor: s ? "pointer" : void 0 },
-					children: [
-						/* @__PURE__ */ b("div", {
-							className: "j-flex j-gap-xs",
-							children: e.sample.slice(0, 2).map((e, t) => /* @__PURE__ */ b("div", {
-								style: {
-									width: 22,
-									height: 28,
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "center"
-								},
-								children: /* @__PURE__ */ b(te, {
-									name: e,
-									width: 20
-								})
-							}, t))
-						}),
-						/* @__PURE__ */ x(Ve, { children: [/* @__PURE__ */ b(He, { children: e.name }), /* @__PURE__ */ x(Ue, { children: ["by ", e.author] })] }),
-						/* @__PURE__ */ b(We, { children: /* @__PURE__ */ b(N, {
-							size: "xs",
-							tone: e.tone === "gold" ? "gold" : e.tone,
-							children: e.hits
-						}) })
-					]
-				}, t))
-			})] }),
-			r.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ze, {
-				label: "Recent",
-				tone: "green"
-			}), /* @__PURE__ */ b("div", {
-				style: {
-					background: "var(--j-surface-inset)",
-					borderRadius: "var(--j-radius-md)",
-					padding: "6px 8px",
-					lineHeight: 1.5
-				},
-				children: r.slice(0, 3).map((e, t) => /* @__PURE__ */ x("div", {
-					className: "j-flex j-gap-sm",
-					style: {
-						background: t % 2 == 1 ? "var(--j-surface-inset-alt)" : "transparent",
-						borderRadius: "var(--j-radius-sm)",
-						padding: "1px 4px"
-					},
-					children: [
-						/* @__PURE__ */ b(N, {
-							size: "micro",
-							tone: "gold",
-							children: e.seed
-						}),
-						/* @__PURE__ */ b(N, {
-							size: "micro",
-							tone: "grey",
-							children: e.filterName
-						}),
-						e.score > 0 && /* @__PURE__ */ x(N, {
-							size: "micro",
-							tone: "green",
-							children: ["+", e.score]
-						})
-					]
-				}, t))
-			})] })
-		]
-	}), /* @__PURE__ */ x(Te, { children: [/* @__PURE__ */ b(P, {
-		tone: "red",
-		fullWidth: !0,
-		size: "lg",
-		onClick: a,
-		children: "New Search"
-	}), /* @__PURE__ */ b(P, {
-		tone: "blue",
-		fullWidth: !0,
-		size: "lg",
-		onClick: o,
-		children: "Browse Filters"
-	})] })] });
-}
-//#endregion
-//#region src/ui/jimboCopyRow.tsx
-function Ke({ value: e, label: t }) {
-	return /* @__PURE__ */ x("div", {
-		className: "j-copy-row",
-		children: [t ? /* @__PURE__ */ b(N, {
-			size: "xs",
-			tone: "grey",
-			className: "j-copy-row__label",
-			children: t
-		}) : null, /* @__PURE__ */ b(xe, { value: e })]
-	});
-}
-//#endregion
-//#region src/ui/jimboWordmark.tsx
-function qe({ title: e, subtitle: t, className: n = "" }) {
-	return /* @__PURE__ */ x("div", {
-		className: `j-wordmark ${n}`,
-		children: [/* @__PURE__ */ b("div", {
-			className: "j-wordmark__title",
-			children: e
-		}), t && /* @__PURE__ */ b("div", {
-			className: "j-wordmark__sub",
-			children: t
-		})]
-	});
-}
-//#endregion
 //#region src/ui/jimboStatGrid.tsx
 function Je({ items: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		className: `j-stat-grid ${t}`,
 		...n,
-		children: e.map((e) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+		children: e.map((e) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 			className: "j-stat-grid__value",
 			children: e.value
-		}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "j-stat-grid__label",
 			children: e.label
 		})] }, e.label))
@@ -1367,7 +1286,7 @@ function Je({ items: e, className: t = "", ...n }) {
 //#endregion
 //#region src/ui/jimboLayout.tsx
 function Ye({ gap: e, align: t, justify: n, className: r = "", ...i }) {
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		className: [
 			"j-stack",
 			e && `j-stack--gap-${e}`,
@@ -1379,7 +1298,7 @@ function Ye({ gap: e, align: t, justify: n, className: r = "", ...i }) {
 	});
 }
 function Xe({ gap: e, align: t, justify: n, wrap: r = !1, className: i = "", ...a }) {
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		className: [
 			"j-row",
 			e && `j-row--gap-${e}`,
@@ -1394,7 +1313,7 @@ function Xe({ gap: e, align: t, justify: n, wrap: r = !1, className: i = "", ...
 //#endregion
 //#region src/ui/jimboInset.tsx
 function Ze({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		className: `j-inset ${t}`.trim(),
 		...n,
 		children: e
@@ -1403,20 +1322,20 @@ function Ze({ children: e, className: t = "", ...n }) {
 //#endregion
 //#region src/ui/JimboPanelSpinner.tsx
 function Qe({ label: e, title: t, description: n, media: r, meta: i, className: a = "", style: o, onPrev: s, onNext: c, prevDisabled: l = !1, nextDisabled: u = !1 }) {
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ y("div", {
 		className: `j-panel-spinner ${a}`.trim(),
 		style: o,
-		children: [e ? /* @__PURE__ */ b("div", {
+		children: [e ? /* @__PURE__ */ v("div", {
 			className: "j-panel-spinner__label",
-			children: /* @__PURE__ */ b(N, {
+			children: /* @__PURE__ */ v(N, {
 				size: "xs",
 				tone: "grey",
 				children: e
 			})
-		}) : null, /* @__PURE__ */ x("div", {
+		}) : null, /* @__PURE__ */ y("div", {
 			className: "j-panel-spinner__row",
 			children: [
-				/* @__PURE__ */ b(P, {
+				/* @__PURE__ */ v(P, {
 					tone: "red",
 					size: "lg",
 					className: "j-panel-spinner__arrow j-panel-spinner__arrow--left",
@@ -1425,28 +1344,28 @@ function Qe({ label: e, title: t, description: n, media: r, meta: i, className:
 					"aria-label": "Previous",
 					children: "<"
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ y("div", {
 					className: "j-panel-spinner__panel",
 					children: [
-						r ? /* @__PURE__ */ b("div", {
+						r ? /* @__PURE__ */ v("div", {
 							className: "j-panel-spinner__media",
 							children: r
 						}) : null,
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ v("div", {
 							className: "j-panel-spinner__title",
-							children: /* @__PURE__ */ b(N, {
+							children: /* @__PURE__ */ v(N, {
 								size: "md",
 								tone: "white",
 								children: t
 							})
 						}),
-						i ? /* @__PURE__ */ b("div", {
+						i ? /* @__PURE__ */ v("div", {
 							className: "j-panel-spinner__meta",
 							children: i
 						}) : null,
-						n ? /* @__PURE__ */ b("div", {
+						n ? /* @__PURE__ */ v("div", {
 							className: "j-panel-spinner__description",
-							children: /* @__PURE__ */ b(N, {
+							children: /* @__PURE__ */ v(N, {
 								size: "micro",
 								tone: "grey",
 								children: n
@@ -1454,7 +1373,7 @@ function Qe({ label: e, title: t, description: n, media: r, meta: i, className:
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ b(P, {
+				/* @__PURE__ */ v(P, {
 					tone: "red",
 					size: "lg",
 					className: "j-panel-spinner__arrow j-panel-spinner__arrow--right",
@@ -1474,28 +1393,28 @@ function $e(e, t, n) {
 	return r < 0 ? e[0] ?? t : e[(r + n + e.length) % e.length] ?? t;
 }
 function et({ open: e, onClose: t, decks: n, stakes: r, deck: i, stake: a, onDeckChange: o, onStakeChange: s, title: c = "Search seeds for", deckDescription: l, stakeDescription: u }) {
-	return /* @__PURE__ */ b(ue, {
+	return /* @__PURE__ */ v(de, {
 		open: e,
 		onClose: t,
 		title: c,
-		children: /* @__PURE__ */ x(Ye, {
+		children: /* @__PURE__ */ y(Ye, {
 			gap: "md",
 			align: "stretch",
-			children: [/* @__PURE__ */ b(Qe, {
+			children: [/* @__PURE__ */ v(Qe, {
 				label: "Deck",
 				title: `${i} Deck`,
 				description: l ? l(i) : " ",
-				media: /* @__PURE__ */ b(ae, {
+				media: /* @__PURE__ */ v(oe, {
 					deck: i,
 					width: 64
 				}),
 				onPrev: () => o($e(n, i, -1)),
 				onNext: () => o($e(n, i, 1))
-			}), /* @__PURE__ */ b(Qe, {
+			}), /* @__PURE__ */ v(Qe, {
 				label: "Stake",
 				title: `${a} Stake`,
 				description: u ? u(a) : " ",
-				media: /* @__PURE__ */ b(re, {
+				media: /* @__PURE__ */ v(ie, {
 					stake: a,
 					width: 48
 				}),
@@ -2578,21 +2497,21 @@ var Ei = {
 }, Mi = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, Ni = c({}), Pi = () => p(Ni), Fi = u(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
+}, Ni = o({}), Pi = () => d(Ni), Fi = c(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...c }, l) => {
 	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = Pi() ?? {}, h = r ?? f ? Number(n ?? d) * 24 / Number(t ?? u) : n ?? d;
-	return l("svg", {
-		ref: c,
+	return s("svg", {
+		ref: l,
 		...ji,
 		width: t ?? u ?? ji.width,
 		height: t ?? u ?? ji.height,
 		stroke: e ?? p,
 		strokeWidth: h,
 		className: Di("lucide", m, i),
-		...!a && !Mi(s) && { "aria-hidden": "true" },
-		...s
-	}, [...o.map(([e, t]) => l(e, t)), ...Array.isArray(a) ? a : [a]]);
+		...!a && !Mi(c) && { "aria-hidden": "true" },
+		...c
+	}, [...o.map(([e, t]) => s(e, t)), ...Array.isArray(a) ? a : [a]]);
 }), Ii = (e, t) => {
-	let n = u(({ className: n, ...r }, i) => l(Fi, {
+	let n = c(({ className: n, ...r }, i) => s(Fi, {
 		ref: i,
 		iconNode: t,
 		className: Di(`lucide-${Oi(Ai(e))}`, `lucide-${e}`, n),
@@ -2664,22 +2583,22 @@ var Ei = {
 	"event"
 ];
 function qi({ suggestions: e, selectedIndex: t, onSelect: n, onHover: r }) {
-	return e.length === 0 ? /* @__PURE__ */ b("div", {
+	return e.length === 0 ? /* @__PURE__ */ v("div", {
 		className: "p-2 text-xs text-white/40 italic",
 		children: "No suggestions..."
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "flex flex-col max-h-[200px] overflow-y-auto",
 		onMouseDown: (e) => e.preventDefault(),
 		children: e.map((e, i) => {
 			let a = i === t;
-			return /* @__PURE__ */ x("div", {
+			return /* @__PURE__ */ y("div", {
 				onClick: () => n(e.text),
 				onMouseEnter: () => r(i),
 				className: `
               flex items-center justify-between px-3 py-1.5 cursor-pointer font-mono text-[13px] transition-colors
               ${a ? "bg-[var(--balatro-gold)] text-black" : "text-white hover:bg-white/10"}
             `,
-				children: [/* @__PURE__ */ b("span", { children: e.displayText }), a && /* @__PURE__ */ b("span", {
+				children: [/* @__PURE__ */ v("span", { children: e.displayText }), a && /* @__PURE__ */ v("span", {
 					className: "opacity-50 text-[11px] ml-2",
 					children: "↵"
 				})]
@@ -2688,12 +2607,12 @@ function qi({ suggestions: e, selectedIndex: t, onSelect: n, onHover: r }) {
 	});
 }
 function Ji({ values: e, onToggle: t, color: n }) {
-	let [r, i] = v(!1), a = new Set(e.map((e) => parseInt(e, 10)).filter((e) => !isNaN(e)));
-	return r ? /* @__PURE__ */ x("div", {
+	let [r, i] = g(!1), a = new Set(e.map((e) => parseInt(e, 10)).filter((e) => !isNaN(e)));
+	return r ? /* @__PURE__ */ y("div", {
 		className: "flex flex-row items-center",
 		children: [Array.from({ length: 9 }, (e, t) => t).map((e) => {
 			let r = a.has(e);
-			return /* @__PURE__ */ b("div", {
+			return /* @__PURE__ */ v("div", {
 				onClick: (n) => {
 					n.stopPropagation(), t(e.toString());
 				},
@@ -2707,15 +2626,15 @@ function Ji({ values: e, onToggle: t, color: n }) {
 				},
 				children: e
 			}, e);
-		}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ v("div", {
 			onClick: () => i(!1),
 			className: "jaml-block jaml-antes-confirm",
-			children: /* @__PURE__ */ b(Li, {
+			children: /* @__PURE__ */ v(Li, {
 				size: 16,
 				strokeWidth: 3
 			})
 		})]
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ v("div", {
 		onClick: () => i(!0),
 		className: "jaml-block",
 		style: {
@@ -2735,8 +2654,8 @@ function Ji({ values: e, onToggle: t, color: n }) {
 	});
 }
 function Yi(e, t) {
-	let [n, r] = v(null);
-	return m(() => {
+	let [n, r] = g(null);
+	return f(() => {
 		if (!t || !e.current) {
 			r(null);
 			return;
@@ -2756,7 +2675,7 @@ function Yi(e, t) {
 	}, [t, e]), n;
 }
 function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
-	let [r, i] = v([]), [a, o] = v(null), [s, c] = v(null), [l, u] = v(null), d = _(null), p = f((e) => {
+	let [r, i] = g([]), [a, o] = g(null), [s, c] = g(null), [l, d] = g(null), f = h(null), p = u((e) => {
 		let t = e.split("\n"), n;
 		return t.map((e, t) => {
 			let r = e.search(/\S|$/), i = e.trim(), a = i.startsWith("#"), o = i.startsWith("- "), s, c, l = !1, u;
@@ -2782,13 +2701,13 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 				arrayValues: u
 			};
 		});
-	}, []), m = f((e) => e.map((e) => e.raw).join("\n"), []), [h, y] = v(e);
-	if (e !== h) {
-		y(e);
+	}, []), _ = u((e) => e.map((e) => e.raw).join("\n"), []), [b, x] = g(e);
+	if (e !== b) {
+		x(e);
 		let t = e || Wi;
-		(r.length === 0 || m(r) !== t) && i(p(t));
+		(r.length === 0 || _(r) !== t) && i(p(t));
 	}
-	let S = f((e, n, a) => {
+	let S = u((e, n, a) => {
 		let o = r.map((t) => {
 			if (t.id !== e) return t;
 			let r = " ".repeat(t.indent), i = t.isArrayItem ? "- " : "", o = t.raw;
@@ -2803,7 +2722,7 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 			};
 		});
 		i(o);
-		let s = m(o);
+		let s = _(o);
 		if (t) try {
 			t(s, Ei.load(s), !0);
 		} catch {
@@ -2811,9 +2730,9 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 		}
 	}, [
 		r,
-		m,
+		_,
 		t
-	]), C = f((e, n, a) => {
+	]), C = u((e, n, a) => {
 		let o = r.map((t) => {
 			if (t.id !== e || !t.arrayValues) return t;
 			let r = [...t.arrayValues];
@@ -2827,7 +2746,7 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 			};
 		});
 		i(o);
-		let s = m(o);
+		let s = _(o);
 		if (t) try {
 			t(s, Ei.load(s), !0);
 		} catch {
@@ -2835,9 +2754,9 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 		}
 	}, [
 		r,
-		m,
+		_,
 		t
-	]), w = f((e, n) => {
+	]), w = u((e, n) => {
 		let a = r.map((t) => {
 			if (t.id !== e) return t;
 			let r = [...t.arrayValues || [], n], i = `[${r.join(", ")}]`, a = `${" ".repeat(t.indent)}${t.isArrayItem ? "- " : ""}${t.key}: ${i}`;
@@ -2850,7 +2769,7 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 			};
 		});
 		i(a);
-		let o = m(a);
+		let o = _(a);
 		if (t) try {
 			t(o, Ei.load(o), !0);
 		} catch {
@@ -2858,9 +2777,9 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 		}
 	}, [
 		r,
-		m,
+		_,
 		t
-	]), T = f((e, n) => {
+	]), T = u((e, n) => {
 		let a = r.map((t) => {
 			if (t.id !== e || !t.arrayValues) return t;
 			let r = t.arrayValues.filter((e, t) => t !== n), i = r.length > 0 ? `[${r.join(", ")}]` : "", a = `${" ".repeat(t.indent)}${t.isArrayItem ? "- " : ""}${t.key}: ${i}`;
@@ -2873,7 +2792,7 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 			};
 		});
 		i(a);
-		let o = m(a);
+		let o = _(a);
 		if (t) try {
 			t(o, Ei.load(o), !0);
 		} catch {
@@ -2881,16 +2800,16 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 		}
 	}, [
 		r,
-		m,
+		_,
 		t
-	]), E = f((e) => {
+	]), E = u((e) => {
 		let n = r.filter((t) => t.id !== e).map((e, t) => ({
 			...e,
 			lineNumber: t,
 			id: `line-${t}`
 		}));
 		i(n);
-		let a = m(n);
+		let a = _(n);
 		if (t) try {
 			t(a, Ei.load(a), !0);
 		} catch {
@@ -2898,30 +2817,30 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 		}
 	}, [
 		r,
-		m,
+		_,
 		t
-	]), D = g(() => {
+	]), D = m(() => {
 		let e = {};
 		for (let t of r) t.key && (e[t.indent] = Math.min(Math.max(e[t.indent] || 0, t.key.length), 12));
 		return e;
 	}, [r]);
-	return /* @__PURE__ */ x("div", {
-		ref: d,
+	return /* @__PURE__ */ y("div", {
+		ref: f,
 		className: `flex flex-col bg-[#0f1416] text-white font-mono text-[13px] leading-[1.8] outline-none rounded-md p-4 overflow-auto min-h-[500px] border border-white/5 ${n}`,
 		tabIndex: 0,
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "flex flex-col gap-0.5",
-			children: r.map((e) => /* @__PURE__ */ b(Zi, {
+			children: r.map((e) => /* @__PURE__ */ v(Zi, {
 				line: e,
 				keyWidth: D[e.indent] || 8,
 				isEditing: a === e.id,
 				editingPart: a === e.id ? s : null,
 				editingArrayIndex: a === e.id ? l : null,
 				onStartEdit: (t, n) => {
-					o(e.id), c(t), u(n ?? null);
+					o(e.id), c(t), d(n ?? null);
 				},
 				onEndEdit: () => {
-					o(null), c(null), u(null);
+					o(null), c(null), d(null);
 				},
 				onChange: (t, n) => S(e.id, t, n),
 				onArrayItemChange: (t, n) => C(e.id, t, n),
@@ -2929,26 +2848,26 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 				onArrayItemRemove: (t) => T(e.id, t),
 				onDelete: () => E(e.id)
 			}, e.id))
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "mt-4 p-2 bg-black/40 rounded border border-white/5 flex flex-wrap gap-4 text-[12px] text-white/50 font-mono",
 			children: [
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ y("span", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ b("span", { className: "jaml-legend-dot jaml-legend-dot--red" }), " required"]
+					children: [/* @__PURE__ */ v("span", { className: "jaml-legend-dot jaml-legend-dot--red" }), " required"]
 				}),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ y("span", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ b("span", { className: "jaml-legend-dot jaml-legend-dot--blue" }), " optional"]
+					children: [/* @__PURE__ */ v("span", { className: "jaml-legend-dot jaml-legend-dot--blue" }), " optional"]
 				}),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ y("span", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ b("span", { className: "jaml-legend-dot jaml-legend-dot--green" }), " complete"]
+					children: [/* @__PURE__ */ v("span", { className: "jaml-legend-dot jaml-legend-dot--green" }), " complete"]
 				}),
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ y("span", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ b("span", { className: "jaml-legend-dot jaml-legend-dot--purple" }), " metadata"]
+					children: [/* @__PURE__ */ v("span", { className: "jaml-legend-dot jaml-legend-dot--purple" }), " metadata"]
 				}),
-				/* @__PURE__ */ b("span", {
+				/* @__PURE__ */ v("span", {
 					className: "ml-auto opacity-40",
 					children: "Click to edit • Tab to navigate"
 				})
@@ -2957,7 +2876,7 @@ function Xi({ initialJaml: e, onJamlChange: t, className: n }) {
 	});
 }
 function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIndex: i, onStartEdit: a, onEndEdit: o, onChange: s, onArrayItemChange: c, onArrayItemAdd: l, onArrayItemRemove: u, onDelete: d }) {
-	let [f, p] = v(0), [h, y] = v(""), [S, C] = v(""), [T, E] = v({
+	let [p, _] = g(0), [b, x] = g(""), [C, w] = g(""), [T, E] = g({
 		isEditing: n,
 		editingPart: r,
 		editingArrayIndex: i,
@@ -2968,16 +2887,16 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 		editingPart: r,
 		editingArrayIndex: i,
 		lineRaw: e.raw
-	}), n && y(r === "key" ? e.key || "" : r === "value" ? (e.value || "").replace(/^~|~$/g, "") : r === "arrayItem" && i !== null && e.arrayValues?.[i] || ""));
-	let D = g(() => !n || !r ? "" : r === "value" && e.key ? `${e.key}: ${h}` : r === "key" ? h : e.raw, [
+	}), n && x(r === "key" ? e.key || "" : r === "value" ? (e.value || "").replace(/^~|~$/g, "") : r === "arrayItem" && i !== null && e.arrayValues?.[i] || ""));
+	let D = m(() => !n || !r ? "" : r === "value" && e.key ? `${e.key}: ${b}` : r === "key" ? b : e.raw, [
 		n,
 		r,
-		h,
+		b,
 		e.raw,
 		e.key
-	]), O = g(() => D ? Ui.getCompletions(D).slice(0, 10) : [], [D]);
-	D !== S && (C(D), p(0));
-	let k = _(null), A = _(null), j = Yi(A, n && O.length > 0), M = () => {
+	]), O = m(() => D ? Ui.getCompletions(D).slice(0, 10) : [], [D]);
+	D !== C && (w(D), _(0));
+	let k = h(null), A = h(null), j = Yi(A, n && O.length > 0), M = () => {
 		switch (e.validationState) {
 			case "required-incomplete": return $.red;
 			case "optional-incomplete": return $.blue;
@@ -2996,22 +2915,22 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 			default: return "#FFF";
 		}
 	};
-	m(() => {
+	f(() => {
 		n && k.current && k.current.focus();
 	}, [n]);
 	let te = (t) => {
 		if (t.key === "Enter") {
 			t.preventDefault();
-			let n = O.length > 0 && f >= 0 ? O[f].text : h;
+			let n = O.length > 0 && p >= 0 ? O[p].text : b;
 			r === "key" ? s("key", n) : r === "value" ? s("value", n) : r === "arrayItem" && (i >= (e.arrayValues?.length || 0) ? l(n) : c(i, n)), o();
-		} else t.key === "ArrowDown" ? (t.preventDefault(), p(Math.min(f + 1, O.length - 1))) : t.key === "ArrowUp" ? (t.preventDefault(), p(Math.max(f - 1, 0))) : t.key === "Escape" ? o() : t.key === "Backspace" && h === "" && r === "arrayItem" && (u(i), o());
+		} else t.key === "ArrowDown" ? (t.preventDefault(), _(Math.min(p + 1, O.length - 1))) : t.key === "ArrowUp" ? (t.preventDefault(), _(Math.max(p - 1, 0))) : t.key === "Escape" ? o() : t.key === "Backspace" && b === "" && r === "arrayItem" && (u(i), o());
 	};
-	if (e.isComment) return /* @__PURE__ */ b("div", {
+	if (e.isComment) return /* @__PURE__ */ v("div", {
 		className: "pl-8 text-stone-400 italic text-xs py-0.5",
 		children: e.raw
 	});
-	if (!e.key && !e.raw.trim()) return /* @__PURE__ */ b("div", { className: "h-5" });
-	if ((e.key === "must" || e.key === "should" || e.key === "mustNot") && !e.value) return /* @__PURE__ */ b("div", {
+	if (!e.key && !e.raw.trim()) return /* @__PURE__ */ v("div", { className: "h-5" });
+	if ((e.key === "must" || e.key === "should" || e.key === "mustNot") && !e.value) return /* @__PURE__ */ v("div", {
 		className: "jaml-clause-header pl-8 py-1 text-[16px] border-b border-white/10 mt-4 mb-2 tracking-widest",
 		style: { "--jaml-color": e.key === "must" ? $.red : $.blue },
 		children: e.raw
@@ -3021,26 +2940,26 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 		"--popover-left": `${j.left}px`,
 		"--popover-transform": j.position === "top" ? "translateY(-100%)" : "none"
 	} : {};
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "relative flex items-center py-0.5 group",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ v("div", {
 				className: "w-6 h-full flex items-center justify-center cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
 				onClick: (e) => {
 					e.stopPropagation(), d();
 				},
-				children: /* @__PURE__ */ b(Ri, {
+				children: /* @__PURE__ */ v(Ri, {
 					size: 12,
 					className: "text-orange-500 hover:bg-orange-100 rounded"
 				})
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ y("span", {
 				className: "whitespace-pre text-stone-400",
 				children: [ne, re]
 			}),
-			e.key && /* @__PURE__ */ x("div", {
+			e.key && /* @__PURE__ */ y("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ v("div", {
 					ref: r === "key" ? A : null,
 					onClick: (e) => {
 						e.stopPropagation(), a("key");
@@ -3051,43 +2970,43 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 						"--jaml-color": n && r === "key" ? ee() : M(),
 						"--jaml-bg": n && r === "key" ? `${ee()}15` : "transparent"
 					},
-					children: n && r === "key" ? /* @__PURE__ */ b("input", {
+					children: n && r === "key" ? /* @__PURE__ */ v("input", {
 						ref: k,
 						title: "Edit key",
-						value: h,
-						onChange: (e) => y(e.target.value),
+						value: b,
+						onChange: (e) => x(e.target.value),
 						onKeyDown: te,
 						onBlur: () => setTimeout(o, 200),
 						className: "jaml-inline-input",
 						style: { "--jaml-color": ee() }
 					}) : e.key
-				}), n && r === "key" && O.length > 0 && j && w(/* @__PURE__ */ b("div", {
+				}), n && r === "key" && O.length > 0 && j && S(/* @__PURE__ */ v("div", {
 					className: "jaml-suggestion-popover",
 					style: ie,
-					children: /* @__PURE__ */ b(qi, {
+					children: /* @__PURE__ */ v(qi, {
 						suggestions: O,
-						selectedIndex: f,
-						onHover: p,
+						selectedIndex: p,
+						onHover: _,
 						onSelect: (e) => {
 							s("key", e), o();
 						}
 					})
 				}), document.body)]
 			}),
-			e.key && /* @__PURE__ */ b("span", {
+			e.key && /* @__PURE__ */ v("span", {
 				className: "text-stone-400 mr-1",
 				children: ":"
 			}),
-			e.key && (e.isArrayValue && e.arrayValues ? e.key === "antes" ? /* @__PURE__ */ b(Ji, {
+			e.key && (e.isArrayValue && e.arrayValues ? e.key === "antes" ? /* @__PURE__ */ v(Ji, {
 				values: e.arrayValues,
 				onToggle: (t) => {
 					let n = e.arrayValues.indexOf(t);
 					n >= 0 ? u(n) : l(t);
 				},
 				color: ee()
-			}) : /* @__PURE__ */ x("div", {
+			}) : /* @__PURE__ */ y("div", {
 				className: "flex gap-0.5 items-center",
-				children: [e.arrayValues.map((e, t) => /* @__PURE__ */ b("div", {
+				children: [e.arrayValues.map((e, t) => /* @__PURE__ */ v("div", {
 					onClick: (e) => {
 						e.stopPropagation(), a("arrayItem", t);
 					},
@@ -3098,16 +3017,16 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 						"--jaml-border": `1px solid ${M()}40`,
 						"--jaml-color": M()
 					},
-					children: n && r === "arrayItem" && i === t ? /* @__PURE__ */ b("input", {
+					children: n && r === "arrayItem" && i === t ? /* @__PURE__ */ v("input", {
 						ref: k,
 						title: "Edit array item",
-						value: h,
-						onChange: (e) => y(e.target.value),
+						value: b,
+						onChange: (e) => x(e.target.value),
 						onKeyDown: te,
 						onBlur: () => setTimeout(o, 200),
 						className: "bg-transparent w-[3ch] text-center outline-none"
 					}) : e
-				}, t)), /* @__PURE__ */ b("div", {
+				}, t)), /* @__PURE__ */ v("div", {
 					onClick: (t) => {
 						t.stopPropagation(), a("arrayItem", e.arrayValues.length);
 					},
@@ -3118,11 +3037,11 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 						"--jaml-border": `1px solid ${$.green}40`,
 						"--jaml-color": $.green
 					},
-					children: /* @__PURE__ */ b(zi, { size: 12 })
+					children: /* @__PURE__ */ v(zi, { size: 12 })
 				})]
-			}) : /* @__PURE__ */ x("div", {
+			}) : /* @__PURE__ */ y("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ v("div", {
 					ref: r === "value" ? A : null,
 					onClick: (e) => {
 						e.stopPropagation(), a("value");
@@ -3135,26 +3054,26 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 						"--jaml-border": `1px solid ${e.isInvalidValue ? `${$.red}60` : e.value ? `${M()}40` : `${$.red}40`}`,
 						"--jaml-text-decoration": e.isInvalidValue ? "line-through" : "none"
 					},
-					children: n && r === "value" ? /* @__PURE__ */ b("input", {
+					children: n && r === "value" ? /* @__PURE__ */ v("input", {
 						ref: k,
 						title: "Edit value",
-						value: h,
-						onChange: (e) => y(e.target.value),
+						value: b,
+						onChange: (e) => x(e.target.value),
 						onKeyDown: te,
 						onBlur: () => setTimeout(o, 200),
 						className: "jaml-inline-input jaml-inline-input--sized",
 						style: {
 							"--jaml-color": M(),
-							"--jaml-input-w": `${Math.max(h.length, 4)}ch`
+							"--jaml-input-w": `${Math.max(b.length, 4)}ch`
 						}
 					}) : e.isInvalidValue ? e.value?.replace(/~/g, "") : e.value || "???"
-				}), n && r === "value" && O.length > 0 && j && w(/* @__PURE__ */ b("div", {
+				}), n && r === "value" && O.length > 0 && j && S(/* @__PURE__ */ v("div", {
 					className: "jaml-suggestion-popover",
 					style: ie,
-					children: /* @__PURE__ */ b(qi, {
+					children: /* @__PURE__ */ v(qi, {
 						suggestions: O,
-						selectedIndex: f,
-						onHover: p,
+						selectedIndex: p,
+						onHover: _,
 						onSelect: (e) => {
 							s("value", e), o();
 						}
@@ -3167,59 +3086,59 @@ function Zi({ line: e, keyWidth: t, isEditing: n, editingPart: r, editingArrayIn
 //#endregion
 //#region src/ui/JimboInputModal.tsx
 function Qi({ open: e, title: t, message: n, placeholder: r, initialValue: i = "", confirmLabel: a = "Confirm", cancelLabel: o = "Cancel", validate: s, onConfirm: c, onCancel: l }) {
-	let [u, d] = v(i), [f, p] = v(null), h = _(null), [g, y] = v(e);
-	e !== g && (y(e), e && (d(i), p(null))), m(() => {
+	let [u, d] = g(i), [p, m] = g(null), _ = h(null), [b, x] = g(e);
+	e !== b && (x(e), e && (d(i), m(null))), f(() => {
 		if (e) {
-			let e = setTimeout(() => h.current?.focus(), 30);
+			let e = setTimeout(() => _.current?.focus(), 30);
 			return () => clearTimeout(e);
 		}
 	}, [e]);
 	function S() {
 		let e = s?.(u) ?? null;
 		if (e) {
-			p(e);
+			m(e);
 			return;
 		}
 		c(u);
 	}
-	return /* @__PURE__ */ x(ue, {
+	return /* @__PURE__ */ y(de, {
 		onClose: l,
 		open: e,
 		title: t,
 		children: [
-			n && /* @__PURE__ */ b(N, {
+			n && /* @__PURE__ */ v(N, {
 				size: "sm",
 				className: "j-input-modal__message",
 				tone: "grey",
 				children: n
 			}),
-			/* @__PURE__ */ b(oe, {
-				invalid: !!f,
+			/* @__PURE__ */ v(se, {
+				invalid: !!p,
 				onChange: (e) => {
-					d(e.target.value), f && p(null);
+					d(e.target.value), p && m(null);
 				},
 				onKeyDown: (e) => {
 					e.key === "Enter" && S(), e.key === "Escape" && l();
 				},
 				placeholder: r,
-				ref: h,
+				ref: _,
 				type: "text",
 				value: u
 			}),
-			f && /* @__PURE__ */ b(N, {
+			p && /* @__PURE__ */ v(N, {
 				size: "sm",
 				className: "j-input-modal__error",
 				tone: "red",
-				children: f
+				children: p
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "j-input-modal__actions",
-				children: [/* @__PURE__ */ b(P, {
+				children: [/* @__PURE__ */ v(P, {
 					onClick: l,
 					size: "sm",
 					tone: "red",
 					children: o
-				}), /* @__PURE__ */ b(P, {
+				}), /* @__PURE__ */ v(P, {
 					onClick: S,
 					size: "sm",
 					tone: "blue",
@@ -3237,10 +3156,10 @@ function $i({ value: e, options: t, onChange: n, disabled: r = !1, label: i, "ar
 	function u(e) {
 		r || s.length === 0 || n(s[(c + e + s.length) % s.length].value);
 	}
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		style: o,
 		"aria-label": a,
-		children: /* @__PURE__ */ b(Se, {
+		children: /* @__PURE__ */ v(Ce, {
 			label: i,
 			value: l.label ?? l.value,
 			onPrev: () => u(-1),
@@ -3255,18 +3174,18 @@ function $i({ value: e, options: t, onChange: n, disabled: r = !1, label: i, "ar
 function ea({ count: e, index: t, onIndexChange: n, ariaLabel: r = "Page indicator", className: i = "", style: a }) {
 	if (e <= 1) return null;
 	let o = !!n;
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		className: `j-stepper ${i}`,
 		role: "tablist",
 		"aria-label": r,
 		style: a,
 		children: Array.from({ length: e }).map((r, i) => {
-			let a = i === t, s = /* @__PURE__ */ b("span", {
+			let a = i === t, s = /* @__PURE__ */ v("span", {
 				className: "j-stepper__dot",
 				"data-active": a,
 				"aria-hidden": !0
 			});
-			return o ? /* @__PURE__ */ b("button", {
+			return o ? /* @__PURE__ */ v("button", {
 				type: "button",
 				className: "j-stepper__hit",
 				role: "tab",
@@ -3274,7 +3193,7 @@ function ea({ count: e, index: t, onIndexChange: n, ariaLabel: r = "Page indicat
 				"aria-label": `Page ${i + 1} of ${e}`,
 				onClick: () => n?.(i),
 				children: s
-			}, i) : /* @__PURE__ */ b("span", {
+			}, i) : /* @__PURE__ */ v("span", {
 				role: "tab",
 				"aria-selected": a,
 				children: s
@@ -3285,14 +3204,14 @@ function ea({ count: e, index: t, onIndexChange: n, ariaLabel: r = "Page indicat
 //#endregion
 //#region src/ui/JimboValueBadge.tsx
 function ta({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, unit: a, readOnly: o = !1, className: s = "", style: c }) {
-	let [l, u] = v(!1), [d, f] = v(String(e)), p = _(null);
-	m(() => {
-		l && (p.current?.focus(), p.current?.select());
+	let [l, u] = g(!1), [d, p] = g(String(e)), m = h(null);
+	f(() => {
+		l && (m.current?.focus(), m.current?.select());
 	}, [l]);
-	function h() {
-		f(String(e)), u(!0);
+	function _() {
+		p(String(e)), u(!0);
 	}
-	function g() {
+	function y() {
 		let e = Number(d);
 		if (Number.isFinite(e)) {
 			let a = Math.min(r, Math.max(n, e)), o = i > 0 ? Math.round(a / i) * i : a;
@@ -3300,35 +3219,35 @@ function ta({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, unit
 		}
 		u(!1);
 	}
-	function y() {
-		f(String(e)), u(!1);
+	function b() {
+		p(String(e)), u(!1);
 	}
 	let x = !o && !!t, S = a ? `${Math.round(e)}${a}` : String(Math.round(e));
-	return l ? /* @__PURE__ */ b("div", {
+	return l ? /* @__PURE__ */ v("div", {
 		className: `j-value-badge j-value-badge--editing ${s}`,
 		style: c,
-		children: /* @__PURE__ */ b("input", {
-			ref: p,
+		children: /* @__PURE__ */ v("input", {
+			ref: m,
 			className: "j-value-badge__input",
 			type: "number",
 			min: n,
 			max: r,
 			step: i,
 			value: d,
-			onChange: (e) => f(e.currentTarget.value),
-			onBlur: g,
+			onChange: (e) => p(e.currentTarget.value),
+			onBlur: y,
 			onKeyDown: (e) => {
-				e.key === "Enter" ? g() : e.key === "Escape" && y();
+				e.key === "Enter" ? y() : e.key === "Escape" && b();
 			}
 		})
-	}) : /* @__PURE__ */ b("button", {
+	}) : /* @__PURE__ */ v("button", {
 		type: "button",
 		className: `j-value-badge ${x ? "" : "j-value-badge--static"} ${s}`,
 		style: c,
-		onClick: x ? h : void 0,
+		onClick: x ? _ : void 0,
 		disabled: !x,
 		tabIndex: x ? 0 : -1,
-		children: /* @__PURE__ */ b(N, {
+		children: /* @__PURE__ */ v(N, {
 			size: "xs",
 			tone: "white",
 			children: S
@@ -3337,30 +3256,30 @@ function ta({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, unit
 }
 //#endregion
 //#region src/ui/JimboSlider.tsx
-function na({ value: e, min: t = 0, max: n = 100, step: r = 1, label: i, onChange: a, className: o = "", id: c }) {
-	let l = n === t ? 0 : (e - t) / (n - t) * 100, u = s.useId(), d = c ?? u;
-	return /* @__PURE__ */ x("div", {
-		className: `j-slider-wrap ${o}`,
-		children: [i && /* @__PURE__ */ b("label", {
+function na({ value: e, min: t = 0, max: n = 100, step: r = 1, label: i, onChange: o, className: s = "", id: c }) {
+	let l = n === t ? 0 : (e - t) / (n - t) * 100, u = a.useId(), d = c ?? u;
+	return /* @__PURE__ */ y("div", {
+		className: `j-slider-wrap ${s}`,
+		children: [i && /* @__PURE__ */ v("label", {
 			htmlFor: d,
 			className: "j-slider__label",
-			children: /* @__PURE__ */ b(N, {
+			children: /* @__PURE__ */ v(N, {
 				size: "sm",
 				tone: "white",
 				children: i
 			})
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "j-slider",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ v("div", {
 					className: "j-slider__track",
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ b("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "j-slider__fill",
 						style: { width: `${l}%` }
 					})
 				}),
-				/* @__PURE__ */ b("input", {
+				/* @__PURE__ */ v("input", {
 					id: d,
 					type: "range",
 					className: "j-slider__input",
@@ -3368,17 +3287,17 @@ function na({ value: e, min: t = 0, max: n = 100, step: r = 1, label: i, onChang
 					max: n,
 					step: r,
 					value: e,
-					onChange: (e) => a?.(Number(e.currentTarget.value))
+					onChange: (e) => o?.(Number(e.currentTarget.value))
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ v("div", {
 					className: "j-slider__thumb",
 					style: { left: `${l}%` },
-					children: /* @__PURE__ */ b(ta, {
+					children: /* @__PURE__ */ v(ta, {
 						value: e,
 						min: t,
 						max: n,
 						step: r,
-						onChange: a
+						onChange: o
 					})
 				})
 			]
@@ -3388,18 +3307,18 @@ function na({ value: e, min: t = 0, max: n = 100, step: r = 1, label: i, onChang
 //#endregion
 //#region src/ui/JimboDualChip.tsx
 function ra({ left: e, right: t, className: n = "" }) {
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ y("div", {
 		className: `j-dual-chip ${n}`,
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: `j-dual-chip__half j-dual-chip__half--left j-dual-chip__half--${e.tone}`,
-			children: /* @__PURE__ */ b(N, {
+			children: /* @__PURE__ */ v(N, {
 				size: "md",
 				tone: e.tone === "gold" ? "default" : "white",
 				children: e.value
 			})
-		}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: `j-dual-chip__half j-dual-chip__half--${t.tone}`,
-			children: /* @__PURE__ */ b(N, {
+			children: /* @__PURE__ */ v(N, {
 				size: "md",
 				tone: t.tone === "gold" ? "default" : "white",
 				children: t.value
@@ -3408,41 +3327,6 @@ function ra({ left: e, right: t, className: n = "" }) {
 	});
 }
 //#endregion
-//#region src/ui/JimboPanelSplitter.tsx
-function ia({ orientation: e = "vertical", onDrag: t, onKeyAdjust: n, className: r = "", "aria-label": i }) {
-	let a = _(!1), o = _(0), s = _(t);
-	h(() => {
-		s.current = t;
-	});
-	let c = f((t) => {
-		t.preventDefault(), t.target.setPointerCapture(t.pointerId), a.current = !0, o.current = e === "vertical" ? t.clientX : t.clientY;
-	}, [e]);
-	m(() => {
-		function t(t) {
-			if (!a.current) return;
-			let n = e === "vertical" ? t.clientX : t.clientY, r = n - o.current;
-			r !== 0 && (o.current = n, s.current(r));
-		}
-		function n() {
-			a.current = !1;
-		}
-		return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
-			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
-		};
-	}, [e]);
-	let l = e === "vertical";
-	return /* @__PURE__ */ b("button", {
-		"aria-label": i ?? "Resize panel",
-		onKeyDown: (e) => {
-			n && (l && e.key === "ArrowLeft" && n(-16), l && e.key === "ArrowRight" && n(16), !l && e.key === "ArrowUp" && n(-16), !l && e.key === "ArrowDown" && n(16));
-		},
-		onPointerDown: c,
-		className: `j-panel-splitter ${r}`.trim(),
-		"data-orientation": e,
-		type: "button"
-	});
-}
-//#endregion
-export { M as $, De as A, he as B, ze as C, Pe as D, Ie as E, Se as F, ce as G, de as H, xe as I, oe as J, ue as K, ve as L, Ce as M, Te as N, Ne as O, we as P, re as Q, _e as R, He as S, Le as T, le as U, fe as V, P as W, ae as X, N as Y, te as Z, Ge as _, ea as a, Ve as b, Xi as c, Ze as d, ee as et, Xe as f, Ke as g, qe as h, ta as i, Ee as j, Ae as k, et as l, Je as m, ra as n, $i as o, Ye as p, se as q, na as r, Qi as s, ia as t, Qe as u, Be as v, Re as w, Ue as x, We as y, ge as z };
+export { T as $, ke as A, fe as B, Re as C, je as D, Me as E, ye as F, ce as G, P as H, ve as I, oe as J, se as K, _e as L, we as M, Ce as N, Oe as O, Se as P, te as Q, ge as R, ze as S, Fe as T, le as U, ue as V, de as W, ie as X, ne as Y, ee as Z, Ke as _, $i as a, Ve as b, et as c, Xe as d, C as et, Ye as f, We as g, qe as h, ea as i, De as j, Ae as k, Qe as l, Ue as m, na as n, Qi as o, Je as p, N as q, ta as r, Xi as s, ra as t, w as tt, Ze as u, Ge as v, Le as w, Be as x, He as y, pe as z };
 
-//# sourceMappingURL=ui-Dn8IIoV3.js.map
+//# sourceMappingURL=ui-LfKBGL5-.js.map