jaml-ui 0.24.19 → 0.25.1

package/dist/chunks/ui-5cBy3zAm.js

@@ -0,0 +1,1387 @@
+import { n as e } from "./assets-RWUiFSTc.js";
+import { n as t, t as n } from "./tokens-B65Fzble.js";
+import { n as r, p as i, r as a, t as o } from "./spriteMapper-CFjN0_TV.js";
+import s, { memo as c, useCallback as l, useEffect as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/ui/hooks.ts
+function _(e) {
+	return new Promise((t) => {
+		let n = new window.Image();
+		n.addEventListener("load", () => t(n)), n.addEventListener("error", () => t(null)), n.src = e;
+	});
+}
+function v(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) {
+		let e = i, n = Math.sin(e / 1e3) * 3, r = Math.sin(e / 1500) * 1.5;
+		t.globalAlpha = .65 + (Math.sin(e / 2e3) + 1) * .075, t.translate(r, n);
+	}
+	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 y(e) {
+	let t = f(null);
+	return u(() => {
+		if (!e || !t.current) return;
+		let r, i = Date.now(), a = t.current, o = () => {
+			let e = (Date.now() - i) % n.SWAY_DURATION / n.SWAY_DURATION * Math.PI * 2;
+			a.style.transform = `translate(${Math.sin(e) * n.SWAY_AMOUNT * .3}px, ${Math.sin(e * .8) * n.SWAY_AMOUNT}px)`, r = requestAnimationFrame(o);
+		};
+		return r = requestAnimationFrame(o), () => {
+			cancelAnimationFrame(r), a && (a.style.transform = "");
+		};
+	}, [e]), t;
+}
+function b() {
+	let e = f(null);
+	return u(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = t.getContext("webgl");
+		if (!n) return;
+		let r = (e, t) => {
+			let r = n.createShader(e);
+			return r ? (n.shaderSource(r, t), n.compileShader(r), n.getShaderParameter(r, n.COMPILE_STATUS) ? r : (console.error("[JimboBackground] shader compile error:", n.getShaderInfoLog(r)), n.deleteShader(r), null)) : null;
+		}, i = r(n.VERTEX_SHADER, "\n      attribute vec2 position;\n      void main() {\n        gl_Position = vec4(position, 0.0, 1.0);\n      }\n    "), a = r(n.FRAGMENT_SHADER, "\n      precision mediump float;\n\n      uniform float u_time;\n      uniform vec2 u_resolution;\n\n      const float SPIN_ROTATION = -2.0;\n      const float SPIN_SPEED = 4.5;\n      const vec4 COLOUR_1 = vec4(1.0, 0.2, 0.2, 1.0);\n      const vec4 COLOUR_2 = vec4(0.0, 0.5, 1.0, 1.0);\n      const vec4 COLOUR_3 = vec4(0.05, 0.08, 0.1, 1.0);\n      const float CONTRAST = 4.5;\n      const float LIGTHING = 0.5;\n      const float SPIN_AMOUNT = 0.35;\n      const float PIXEL_FILTER = 1024.0;\n      const float PI = 3.14159265359;\n\n      void main() {\n        vec2 screenSize = u_resolution;\n        float pixel_size = length(screenSize.xy) / PIXEL_FILTER;\n        vec2 uv = (floor(gl_FragCoord.xy*(1.0/pixel_size))*pixel_size - 0.5*screenSize.xy)/length(screenSize.xy);\n        float uv_len = length(uv);\n\n        float speed = (SPIN_ROTATION * 0.2) + 302.2;\n        float new_pixel_angle = atan(uv.y, uv.x) + speed - 20.0*(1.0*SPIN_AMOUNT*uv_len + (1.0 - 1.0*SPIN_AMOUNT));\n\n        vec2 mid = (screenSize.xy/length(screenSize.xy))/2.0;\n        uv = (vec2((uv_len * cos(new_pixel_angle) + mid.x), (uv_len * sin(new_pixel_angle) + mid.y)) - mid);\n\n        uv *= 30.0;\n        speed = u_time * SPIN_SPEED;\n        vec2 uv2 = vec2(uv.x, uv.y);\n\n        for(int i=0; i < 5; i++) {\n          uv2 += sin(max(uv.x, uv.y)) + uv;\n          uv  += 0.5*vec2(cos(5.1123314 + 0.353*uv2.y + speed*0.131121), sin(uv2.x - 0.113*speed));\n          uv  -= 1.0*cos(uv.x + uv.y) - 1.0*sin(uv.x*0.711 - uv.y);\n        }\n\n        float contrast_mod = (0.25*CONTRAST + 0.5*SPIN_AMOUNT + 1.2);\n        float paint_res = min(2.0, max(0.0, length(uv)*(0.035)*contrast_mod));\n        float c1p = max(0.0, 1.0 - contrast_mod*abs(1.0 - paint_res));\n        float c2p = max(0.0, 1.0 - contrast_mod*abs(paint_res));\n        float c3p = 1.0 - min(1.0, c1p + c2p);\n        float light = (LIGTHING - 0.2)*max(c1p*5.0 - 4.0, 0.0) + LIGTHING*max(c2p*5.0 - 4.0, 0.0);\n\n        vec4 finalCol = (0.3/CONTRAST)*COLOUR_1 + (1.0 - 0.3/CONTRAST)*(COLOUR_1*c1p + COLOUR_2*c2p + vec4(c3p*COLOUR_3.rgb, c3p*COLOUR_1.a)) + light;\n\n        gl_FragColor = finalCol;\n      }\n    ");
+		if (!i || !a) return;
+		let o = n.createProgram();
+		if (!o) return;
+		if (n.attachShader(o, i), n.attachShader(o, a), n.linkProgram(o), !n.getProgramParameter(o, n.LINK_STATUS)) {
+			console.error("[JimboBackground] program link error:", n.getProgramInfoLog(o));
+			return;
+		}
+		n.useProgram(o);
+		let s = n.createBuffer();
+		n.bindBuffer(n.ARRAY_BUFFER, s), n.bufferData(n.ARRAY_BUFFER, new Float32Array([
+			-1,
+			-1,
+			1,
+			-1,
+			-1,
+			1,
+			-1,
+			1,
+			1,
+			-1,
+			1,
+			1
+		]), n.STATIC_DRAW);
+		let c = n.getAttribLocation(o, "position");
+		n.enableVertexAttribArray(c), n.vertexAttribPointer(c, 2, n.FLOAT, !1, 0, 0);
+		let l = n.getUniformLocation(o, "u_time"), u = n.getUniformLocation(o, "u_resolution"), d = Date.now(), f, p = () => {
+			let e = t.clientWidth, r = t.clientHeight;
+			(t.width !== e || t.height !== r) && (t.width = e, t.height = r, n.viewport(0, 0, n.drawingBufferWidth, n.drawingBufferHeight));
+			let i = (Date.now() - d) / 1e3;
+			n.uniform1f(l, i), n.uniform2f(u, t.width, t.height), n.drawArrays(n.TRIANGLES, 0, 6), f = requestAnimationFrame(p);
+		};
+		return p(), () => {
+			cancelAnimationFrame(f), n.deleteProgram(o), n.deleteShader(i), n.deleteShader(a), n.deleteBuffer(s);
+		};
+	}, []), e;
+}
+function x({ mode: e = "snap", placement: t = "auto", delay: n = 80, disabled: r = !1 }) {
+	let [i, a] = p(!1), [o, s] = p(null), c = f(null), d = f(null), m = f(null), h = l(() => {
+		r || (m.current && clearTimeout(m.current), m.current = setTimeout(() => a(!0), n));
+	}, [r, n]), g = l(() => {
+		m.current && clearTimeout(m.current), a(!1), s(null);
+	}, []), _ = l(() => {
+		let e = c.current, n = d.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", l = r.left + r.width / 2 - i.width / 2, u = o === "top" ? r.top - i.height - 8 : r.bottom + 8;
+		s({
+			left: Math.max(8, Math.min(window.innerWidth - i.width - 8, l)),
+			top: u,
+			align: o
+		});
+	}, [t]);
+	return u(() => {
+		if (!i || e !== "snap") return;
+		let t = requestAnimationFrame(_);
+		return window.addEventListener("resize", _), window.addEventListener("scroll", _, !0), () => {
+			cancelAnimationFrame(t), window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0);
+		};
+	}, [
+		i,
+		e,
+		_
+	]), u(() => () => {
+		m.current && clearTimeout(m.current);
+	}, []), {
+		visible: i,
+		pos: o,
+		targetRef: c,
+		tooltipRef: d,
+		show: h,
+		hide: g,
+		handleMouseMove: l((t) => {
+			e === "mouse" && s({
+				left: t.clientX + 12,
+				top: t.clientY + 16,
+				align: "bottom"
+			});
+		}, [e])
+	};
+}
+function S({ layers: e, invert: t = !1, hoverTilt: n = !1 }) {
+	let r = f(null), a = f(/* @__PURE__ */ new Map()), [o, s] = p(3 / 4), [, c] = p(0), l = f(null), [d, m] = p(0), [h, g] = p(!1), [y, b] = p("none"), x = e?.some((e) => e.animated);
+	return u(() => {
+		let e = !1, t = a.current;
+		return (async () => {
+			let n = Array.from(new Set(Object.values(i).map((e) => e.src))), r = await Promise.all(n.map((e) => _(e)));
+			e || (r.forEach((e, r) => {
+				e && t.set(n[r], e);
+			}), c((e) => e + 1));
+		})().catch((e) => console.error("[JamlCardRenderer]", e)), () => {
+			e = !0, t.clear();
+		};
+	}, []), u(() => {
+		if (!x) return;
+		let e, t = (n) => {
+			e ||= n;
+			let r = n - e;
+			(!l.current || n - 100 > l.current) && (l.current = n, m(r)), l.current = requestAnimationFrame(t);
+		};
+		return l.current = requestAnimationFrame(t), () => {
+			l.current && cancelAnimationFrame(l.current);
+		};
+	}, [x]), u(() => {
+		let n = r.current;
+		if (!n || !e || e.length === 0) return;
+		let i = n.getContext("2d");
+		if (!i) return;
+		let o = !1;
+		return i.clearRect(0, 0, n.width, n.height), [...e].sort((e, t) => e.order - t.order).forEach((e) => {
+			if (a.current.has(e.source)) {
+				let t = a.current.get(e.source);
+				if (!t) return;
+				let r = v(n, i, t, e, x ? d : void 0);
+				e.order === 0 && s(r);
+				return;
+			}
+			_(e.source).then((t) => {
+				if (o || !t) return;
+				let r = v(n, i, t, e, x ? d : void 0);
+				a.current.set(e.source, t), e.order === 0 && s(r), c((e) => e + 1);
+			});
+		}), n.style.filter = t ? "invert(0.94)" : "none", () => {
+			o = !0;
+		};
+	}, [
+		e,
+		d,
+		t,
+		x
+	]), {
+		canvasRef: r,
+		containerStyle: {
+			aspectRatio: String(o),
+			width: "100%",
+			display: "flex",
+			perspective: n ? "1000px" : void 0,
+			userSelect: "none",
+			WebkitUserSelect: "none"
+		},
+		canvasStyle: {
+			transition: n && !h ? "transform 0.4s ease, box-shadow 0.4s ease-out" : "transform 0.1s ease-out",
+			transform: n ? h ? y : "none" : void 0,
+			transformStyle: n ? "preserve-3d" : void 0,
+			transformOrigin: n ? "center center" : void 0,
+			borderRadius: "6px",
+			boxShadow: n && h ? "0 2px 12px rgba(0,0,0,0.3)" : "0 2px 8px rgba(0,0,0,0.2)",
+			imageRendering: "pixelated",
+			pointerEvents: "none"
+		},
+		handlers: {
+			onPointerEnter: n ? (e) => {
+				!n || e.pointerType === "touch" || g(!0);
+			} : void 0,
+			onPointerLeave: n ? () => {
+				n && (g(!1), b("none"));
+			} : void 0,
+			onPointerMove: n ? (e) => {
+				if (!n || e.pointerType === "touch") return;
+				let t = e.currentTarget.getBoundingClientRect(), r = e.clientX - t.left, i = e.clientY - t.top, a = r / t.width * 12 - 6;
+				b(`perspective(1000px) rotateX(${i / t.height * -16 + 8}deg) rotateY(${a}deg) scale(1.05) translateY(-2px)`);
+			} : void 0
+		}
+	};
+}
+function C(e, t = {}) {
+	let [n, r] = p(e[0]?.ante ?? 0), [i, a] = p(e[0]?.ante), o = f(null), s = f(/* @__PURE__ */ new Map());
+	return e[0]?.ante !== i && (a(e[0]?.ante), e.length > 0 && r(e[0].ante)), u(() => {
+		let n = o.current;
+		if (!n || e.length === 0) return;
+		let i = new IntersectionObserver((e) => {
+			let t = e.filter((e) => e.isIntersecting).sort((e, t) => t.intersectionRatio - e.intersectionRatio)[0];
+			if (t) {
+				let e = Number(t.target.dataset.ante);
+				Number.isNaN(e) || r(e);
+			}
+		}, {
+			root: n,
+			threshold: t.threshold ?? [
+				.4,
+				.6,
+				.8
+			]
+		});
+		return s.current.forEach((e) => i.observe(e)), () => i.disconnect();
+	}, [e, t.threshold]), {
+		currentAnte: n,
+		scrollRef: o,
+		scrollToAnte: l((e) => {
+			let t = s.current.get(e);
+			t && t.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		}, []),
+		registerAnteRef: l((e, t) => {
+			t ? s.current.set(e, t) : s.current.delete(e);
+		}, [])
+	};
+}
+function ee(e, t, n) {
+	let [r, i] = p(null), [a, o] = p(null), [s, c] = p(null), d = l((e, t, n) => {
+		let r = "touches" in e ? e.touches[0] : e, i = e.currentTarget.getBoundingClientRect();
+		o({
+			clause: t,
+			fromZone: n,
+			x: r.clientX,
+			y: r.clientY,
+			offX: r.clientX - i.left,
+			offY: r.clientY - i.top
+		}), c(null);
+	}, []);
+	return u(() => {
+		if (!a && !r) return;
+		let l = (e) => {
+			let t = "touches" in e ? e : null, s = t ? t.touches[0] : e;
+			if (!s) return;
+			let l = r;
+			if (!l && a) {
+				let e = s.clientX - a.x, t = s.clientY - a.y;
+				if (Math.hypot(e, t) < 8) return;
+				l = {
+					...a,
+					x: s.clientX,
+					y: s.clientY
+				}, o(null), i(l);
+			} else l && (l = {
+				...l,
+				x: s.clientX,
+				y: s.clientY
+			}, i(l));
+			if (!l) return;
+			t?.cancelable && t.preventDefault();
+			let u = n.current?.querySelectorAll("[data-zone]") ?? [], d = null;
+			for (let e of u) {
+				let t = e.getBoundingClientRect();
+				if (s.clientX >= t.left && s.clientX <= t.right && s.clientY >= t.top && s.clientY <= t.bottom) {
+					d = e.getAttribute("data-zone");
+					break;
+				}
+			}
+			c(d);
+		}, u = () => {
+			if (r && s && s !== r.fromZone) {
+				let n = s;
+				t({
+					...e,
+					[r.fromZone]: e[r.fromZone].filter((e) => e.id !== r.clause.id),
+					[n]: [...e[n], { ...r.clause }]
+				});
+			}
+			o(null), i(null), c(null);
+		};
+		return window.addEventListener("mousemove", l), window.addEventListener("mouseup", u), window.addEventListener("touchmove", l, { passive: !1 }), window.addEventListener("touchend", u), () => {
+			window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", u), window.removeEventListener("touchmove", l), window.removeEventListener("touchend", u);
+		};
+	}, [
+		a,
+		r,
+		s,
+		e,
+		t,
+		n
+	]), {
+		drag: r,
+		hoverZone: s,
+		onDragStart: d
+	};
+}
+//#endregion
+//#region src/ui/sprites.tsx
+function w({ name: t, sheet: n, width: i = 40, height: s, style: c }) {
+	let l = a(t), u = n ?? l?.type ?? "Jokers", d = o[u], f = r(u), p = l?.pos ?? f.pos, m = i;
+	[
+		"Jokers",
+		"Tarots",
+		"Vouchers",
+		"Boosters",
+		"Decks",
+		"Enhancers",
+		"Editions"
+	].includes(u) && (m = Math.round(i * 95 / 71));
+	let g = s ?? m;
+	if (!d) return null;
+	let _ = i * d.cols, v = g * d.rows, y = -(p.x * i), b = -(p.y * g);
+	return /* @__PURE__ */ h("div", { style: {
+		width: i,
+		height: g,
+		flexShrink: 0,
+		backgroundImage: `url(${e(d.assetKey)})`,
+		backgroundSize: `${_}px ${v}px`,
+		backgroundPosition: `${y}px ${b}px`,
+		backgroundRepeat: "no-repeat",
+		imageRendering: "pixelated",
+		...c
+	} });
+}
+var te = [
+	"White",
+	"Red",
+	"Green",
+	"Black",
+	"Blue",
+	"Purple",
+	"Orange",
+	"Gold"
+];
+function ne({ stake: t, width: n = 29, height: r, style: i }) {
+	let a = te.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__ */ h("div", { style: {
+		width: n,
+		height: l,
+		flexShrink: 0,
+		backgroundImage: `url(${e("stakes")})`,
+		backgroundSize: `${u}px ${d}px`,
+		backgroundPosition: `-${s * n}px -${c * l}px`,
+		backgroundRepeat: "no-repeat",
+		imageRendering: "pixelated",
+		...i
+	} });
+}
+var re = {
+	Red: 0,
+	Blue: 1,
+	Yellow: 2,
+	Green: 3,
+	Black: 0,
+	Magic: 1,
+	Nebula: 2,
+	Ghost: 3
+};
+function ie({ deck: t, width: n = 71, height: r, style: i }) {
+	let a = re[t.replace(" Deck", "")] ?? 0, o = r ?? n * 95 / 71, s = n * 13, c = o * 4;
+	return /* @__PURE__ */ h("div", { style: {
+		width: n,
+		height: o,
+		flexShrink: 0,
+		backgroundImage: `url(${e("deck")})`,
+		backgroundSize: `${s}px ${c}px`,
+		backgroundPosition: `-${12 * n}px -${a * o}px`,
+		backgroundRepeat: "no-repeat",
+		imageRendering: "pixelated",
+		...i
+	} });
+}
+//#endregion
+//#region src/ui/jimboText.tsx
+function T({ tone: e = "default", size: t = "md", shadow: n = !0, uppercase: r = !1, dance: i = !1, letterSpacing: a, as: o = "span", className: s = "", style: c, children: l, ...u }) {
+	let d = `j-text--${t}`, f = `j-text--${e}`, p = n ? "" : "j-text--no-shadow", m = r ? "j-text--upper" : "", g = i ? "j-text--dance-container" : "", _ = {};
+	a == null ? r && a == null && (_.letterSpacing = 2) : _.letterSpacing = a, c && Object.assign(_, c);
+	let v = l;
+	return i && typeof l == "string" && (v = l.split("").map((e, t) => /* @__PURE__ */ h("span", {
+		className: "j-font-dance-char",
+		style: { animationDelay: `${t * -.15}s` },
+		children: e === " " ? "\xA0" : e
+	}, t))), /* @__PURE__ */ h(o, {
+		className: `j-text ${d} ${f} ${p} ${m} ${g} ${s}`.trim(),
+		style: Object.keys(_).length > 0 ? _ : void 0,
+		...u,
+		children: v
+	});
+}
+//#endregion
+//#region src/ui/panel.tsx
+var E = c(({ children: e, className: t = "", sway: n = !1, onBack: r, hideBack: i = !1, style: a, ...o }) => /* @__PURE__ */ g("div", {
+	ref: y(n),
+	className: `j-panel ${t}`,
+	style: a,
+	...o,
+	children: [/* @__PURE__ */ h("div", {
+		className: "j-panel__body",
+		children: e
+	}), r && !i && /* @__PURE__ */ h("div", {
+		className: "j-panel__back",
+		children: /* @__PURE__ */ h(k, { onClick: r })
+	})]
+}));
+E.displayName = "JimboPanel";
+var D = c(({ children: e, className: t = "", style: n, ...r }) => /* @__PURE__ */ h("div", {
+	className: `j-inner-panel ${t}`,
+	style: n,
+	...r,
+	children: e
+}));
+D.displayName = "JimboInnerPanel";
+function O({ tone: e = "orange", size: t = "md", fullWidth: n = !1, disabled: r = !1, uppercase: i = !1, onClick: a, style: o, className: s = "", children: c }) {
+	let l = t === "xs" ? "xs" : t === "sm" ? "sm" : t === "lg" ? "lg" : "md";
+	return /* @__PURE__ */ h("button", {
+		type: "button",
+		className: `j-btn j-btn--${e} j-btn--${t} ${n ? "j-btn--full" : ""} ${r ? "j-btn--disabled" : ""} ${s}`,
+		disabled: r,
+		onClick: a,
+		style: o,
+		children: /* @__PURE__ */ h("div", {
+			className: "j-btn__face",
+			children: /* @__PURE__ */ h(T, {
+				size: l,
+				uppercase: i,
+				children: c
+			})
+		})
+	});
+}
+function k({ onClick: e }) {
+	return /* @__PURE__ */ h("div", {
+		className: "j-flex j-justify-center j-w-full",
+		style: { padding: "4px 0" },
+		children: /* @__PURE__ */ h(O, {
+			tone: "orange",
+			size: "md",
+			fullWidth: !0,
+			onClick: e,
+			className: "j-back-btn",
+			children: "Back"
+		})
+	});
+}
+function A({ children: e, open: t, onClose: n, title: r, className: i, showBack: a = !0 }) {
+	return t ? /* @__PURE__ */ h("div", {
+		className: "j-modal-overlay",
+		children: /* @__PURE__ */ g(E, {
+			onBack: a ? n : void 0,
+			className: `j-modal ${i ?? ""}`,
+			children: [r && /* @__PURE__ */ h(T, {
+				as: "h2",
+				size: "lg",
+				className: "j-modal__title",
+				children: r
+			}), e]
+		})
+	}) : null;
+}
+//#endregion
+//#region src/ui/jimboTabs.tsx
+function ae({ tabs: e, activeTab: t, onTabChange: n, className: r = "", style: i }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-tabs ${r}`,
+		style: i,
+		children: e.map((e) => /* @__PURE__ */ h(oe, {
+			label: e.label,
+			active: t === e.id,
+			onClick: () => n(e.id)
+		}, e.id))
+	});
+}
+function oe({ label: e, active: t, onClick: n }) {
+	return /* @__PURE__ */ g("div", {
+		className: "j-tab",
+		"data-active": t,
+		children: [/* @__PURE__ */ h("div", {
+			className: "j-tab__indicator",
+			"data-active": t,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ h("svg", {
+				width: 14,
+				height: 10,
+				viewBox: "0 0 14 10",
+				children: /* @__PURE__ */ h("polygon", { points: "7,10 0,0 14,0" })
+			})
+		}), /* @__PURE__ */ h("button", {
+			type: "button",
+			className: "j-tab__btn",
+			"data-active": t,
+			onClick: n,
+			children: /* @__PURE__ */ h(T, {
+				size: "sm",
+				tone: "default",
+				children: e
+			})
+		})]
+	});
+}
+function se({ tabs: e, activeTab: t, onTabChange: n, className: r = "", style: i }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-vtabs ${r}`,
+		style: i,
+		children: e.map((e) => {
+			let r = t === e.id;
+			return /* @__PURE__ */ h("button", {
+				type: "button",
+				className: "j-vtab",
+				"data-active": r,
+				onClick: () => n(e.id),
+				children: /* @__PURE__ */ h(T, {
+					size: "sm",
+					tone: r ? "default" : "grey",
+					children: e.label
+				})
+			}, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/ui/JimboFloating.tsx
+function ce({ anchor: e = "top-right", offset: t = 12, zIndex: n = 20, children: r }) {
+	let i = {
+		position: "absolute",
+		zIndex: n
+	};
+	return e.includes("top") && (i.top = t), e.includes("bottom") && (i.bottom = t), e.includes("left") && (i.left = t), e.includes("right") && (i.right = t), e.includes("center") && (i.left = "50%", i.transform = "translateX(-50%)"), /* @__PURE__ */ h("div", {
+		style: i,
+		children: r
+	});
+}
+//#endregion
+//#region src/ui/JimboToggleList.tsx
+function le({ items: e, onToggle: t, title: n }) {
+	return /* @__PURE__ */ h(E, { children: /* @__PURE__ */ g("div", {
+		className: "j-toggle-list",
+		children: [n && /* @__PURE__ */ h("div", {
+			className: "j-toggle-list__title",
+			children: n
+		}), e.map((e) => /* @__PURE__ */ g("button", {
+			type: "button",
+			className: "j-toggle-item",
+			onClick: () => t(e.id),
+			children: [/* @__PURE__ */ h("div", {
+				className: "j-toggle-check",
+				"data-on": e.on
+			}), e.label]
+		}, e.id))]
+	}) });
+}
+//#endregion
+//#region src/ui/JimboBadge.tsx
+function ue({ size: e = "sm", tone: t = "dark", className: n, children: r }) {
+	return /* @__PURE__ */ h("span", {
+		className: `j-badge j-badge--${e} j-badge--${t} ${n ?? ""}`,
+		children: r
+	});
+}
+//#endregion
+//#region src/ui/jimboFlankNav.tsx
+function de({ onPrev: e, onNext: t, canPrev: n = !0, canNext: r = !0, prevLabel: i = "Previous", nextLabel: a = "Next", children: o, className: s = "", style: c }) {
+	return /* @__PURE__ */ g("div", {
+		className: `j-flank ${s}`,
+		style: c,
+		children: [
+			/* @__PURE__ */ h(j, {
+				direction: "left",
+				onClick: e,
+				disabled: !n,
+				"aria-label": i
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "j-flank__content",
+				children: o
+			}),
+			/* @__PURE__ */ h(j, {
+				direction: "right",
+				onClick: t,
+				disabled: !r,
+				"aria-label": a
+			})
+		]
+	});
+}
+function j({ direction: e, onClick: t, disabled: n, "aria-label": r }) {
+	let [i, a] = s.useState(!1);
+	return /* @__PURE__ */ h("button", {
+		type: "button",
+		className: "j-flank__btn",
+		"data-pressed": i && !n,
+		onClick: t,
+		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__ */ h(fe, { direction: e })
+	});
+}
+function fe({ direction: e }) {
+	return /* @__PURE__ */ h("svg", {
+		width: 28,
+		height: 28,
+		viewBox: "0 0 28 28",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ h("polyline", { points: e === "left" ? "18,4 8,14 18,24" : "10,4 20,14 10,24" })
+	});
+}
+//#endregion
+//#region src/ui/jimboFilterBar.tsx
+function M({ 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__ */ g("div", {
+		className: `j-filter-bar ${c}`,
+		style: l,
+		children: [t ? /* @__PURE__ */ g("div", {
+			className: "j-filter-bar__field",
+			children: [/* @__PURE__ */ h("div", {
+				className: "j-filter-bar__pill",
+				children: /* @__PURE__ */ h(T, {
+					size: "xs",
+					children: r
+				})
+			}), /* @__PURE__ */ g("div", {
+				className: "j-relative",
+				children: [/* @__PURE__ */ h("div", {
+					className: "j-filter-bar__search-icon",
+					children: /* @__PURE__ */ h(N, {})
+				}), /* @__PURE__ */ h("input", {
+					type: "text",
+					value: e ?? "",
+					onChange: (e) => t(e.target.value),
+					placeholder: n,
+					className: "j-filter-bar__input"
+				})]
+			})]
+		}) : null, s && a ? /* @__PURE__ */ g("div", {
+			className: "j-filter-bar__field",
+			children: [/* @__PURE__ */ h("div", {
+				className: "j-filter-bar__pill",
+				children: /* @__PURE__ */ h(T, {
+					size: "xs",
+					children: o
+				})
+			}), /* @__PURE__ */ g("div", {
+				className: "j-relative",
+				children: [/* @__PURE__ */ h("select", {
+					value: i ?? s[0]?.value,
+					onChange: (e) => a(e.target.value),
+					className: "j-filter-bar__select",
+					children: s.map((e) => /* @__PURE__ */ h("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}), /* @__PURE__ */ h("div", {
+					className: "j-filter-bar__sort-icon",
+					children: /* @__PURE__ */ h(P, {})
+				})]
+			})]
+		}) : null]
+	});
+}
+function N() {
+	return /* @__PURE__ */ g("svg", {
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 3,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ h("circle", {
+			cx: 11,
+			cy: 11,
+			r: 8
+		}), /* @__PURE__ */ h("line", {
+			x1: 21,
+			y1: 21,
+			x2: 16.65,
+			y2: 16.65
+		})]
+	});
+}
+function P() {
+	return /* @__PURE__ */ g("svg", {
+		width: 20,
+		height: 20,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2.5,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0,
+		children: [
+			/* @__PURE__ */ h("polyline", { points: "7 4 7 20" }),
+			/* @__PURE__ */ h("polyline", { points: "3 8 7 4 11 8" }),
+			/* @__PURE__ */ h("polyline", { points: "17 20 17 4" }),
+			/* @__PURE__ */ h("polyline", { points: "21 16 17 20 13 16" })
+		]
+	});
+}
+//#endregion
+//#region src/ui/footer.tsx
+var F = [
+	{
+		char: "♥️",
+		kf: "jaml-heart"
+	},
+	{
+		char: "♠️",
+		kf: "jaml-spade"
+	},
+	{
+		char: "♦️",
+		kf: "jaml-diamond"
+	},
+	{
+		char: "♣️",
+		kf: "jaml-club"
+	}
+];
+function I({ className: e = "" }) {
+	return /* @__PURE__ */ g("div", {
+		className: `j-footer ${e}`,
+		children: [/* @__PURE__ */ h("div", {
+			className: "j-footer__bar",
+			children: /* @__PURE__ */ g("p", {
+				className: "j-footer__text",
+				children: [
+					/* @__PURE__ */ g("span", { children: ["Not affiliated with LocalThunk or PlayStack •", " "] }),
+					/* @__PURE__ */ h("a", {
+						href: "https://store.steampowered.com/app/2379780/Balatro/",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "j-footer__link",
+						children: "BUY BALATRO"
+					}),
+					/* @__PURE__ */ g("span", { children: [
+						" ",
+						"• Created with",
+						" "
+					] }),
+					/* @__PURE__ */ g("span", {
+						className: "j-footer__suits",
+						children: [
+							/* @__PURE__ */ h("span", {
+								className: "j-footer__suit-stage",
+								children: F.map(({ char: e, kf: t }) => /* @__PURE__ */ h("span", {
+									className: "j-footer__suit-char",
+									style: { animationName: t },
+									children: e
+								}, e))
+							}),
+							" ",
+							"for the Balatro community"
+						]
+					})
+				]
+			})
+		}), /* @__PURE__ */ h("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 L() {
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("canvas", {
+		ref: b(),
+		"aria-hidden": !0,
+		style: {
+			position: "fixed",
+			inset: 0,
+			width: "100%",
+			height: "100%",
+			zIndex: -10,
+			pointerEvents: "none"
+		}
+	}), /* @__PURE__ */ h(I, {})] });
+}
+//#endregion
+//#region src/ui/jimboTooltip.tsx
+function R(e, t) {
+	typeof e == "function" ? e(t) : e && typeof e == "object" && (e.current = t);
+}
+function z({ content: e, children: t, mode: n = "snap", placement: r = "auto", delay: i = 80, maxWidth: a = 280, disabled: o = !1 }) {
+	let { visible: c, pos: u, targetRef: d, tooltipRef: f, show: p, hide: _, handleMouseMove: v } = x({
+		mode: n,
+		placement: r,
+		delay: i,
+		disabled: o
+	}), y = s.Children.only(t), b = y.ref, S = l((e) => {
+		d.current = e, R(b, e);
+	}, [b, d]);
+	return /* @__PURE__ */ g(m, { children: [s.cloneElement(y, {
+		ref: S,
+		onMouseEnter: (e) => {
+			p(), y.props.onMouseEnter?.(e);
+		},
+		onMouseLeave: (e) => {
+			_(), y.props.onMouseLeave?.(e);
+		},
+		onFocus: (e) => {
+			p(), y.props.onFocus?.(e);
+		},
+		onBlur: (e) => {
+			_(), y.props.onBlur?.(e);
+		},
+		onMouseMove: (e) => {
+			v(e), y.props.onMouseMove?.(e);
+		}
+	}), c ? /* @__PURE__ */ h("div", {
+		ref: f,
+		role: "tooltip",
+		className: "j-tooltip",
+		style: {
+			left: u?.left ?? -9999,
+			top: u?.top ?? -9999,
+			maxWidth: a,
+			opacity: +!!u
+		},
+		children: e
+	}) : null] });
+}
+//#endregion
+//#region src/ui/codeBlock.tsx
+function B({ code: e, language: t, filename: n, className: r = "" }) {
+	let [i, a] = p(!1);
+	return /* @__PURE__ */ g("div", {
+		className: `j-code-block ${r}`,
+		children: [/* @__PURE__ */ g("div", {
+			className: "j-code-block__header",
+			children: [/* @__PURE__ */ g("div", {
+				className: "j-code-block__meta",
+				children: [n && /* @__PURE__ */ h("span", {
+					className: "j-code-block__filename",
+					children: n
+				}), t && /* @__PURE__ */ h("span", {
+					className: "j-code-block__lang",
+					children: t
+				})]
+			}), /* @__PURE__ */ h("button", {
+				onClick: () => {
+					navigator.clipboard.writeText(e), a(!0), setTimeout(() => a(!1), 2e3);
+				},
+				title: "Copy",
+				className: "j-code-block__copy",
+				"data-copied": i,
+				children: i ? /* @__PURE__ */ h("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ h("polyline", { points: "20 6 9 17 4 12" })
+				}) : /* @__PURE__ */ g("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ h("rect", {
+						x: "9",
+						y: "9",
+						width: "13",
+						height: "13",
+						rx: "2"
+					}), /* @__PURE__ */ h("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
+				})
+			})]
+		}), /* @__PURE__ */ h("pre", {
+			className: "j-code-block__pre",
+			children: /* @__PURE__ */ h("code", { children: e })
+		})]
+	});
+}
+//#endregion
+//#region src/ui/jimboApp.tsx
+function V({ children: e, fluid: t, className: n = "", ...r }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-app${t ? " j-app--fluid" : ""} ${n}`.trim(),
+		...r,
+		children: e
+	});
+}
+function pe({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-app__scroll ${t}`,
+		...n,
+		children: e
+	});
+}
+function H({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-app__footer ${t}`,
+		...n,
+		children: e
+	});
+}
+//#endregion
+//#region src/ui/jimboSectionHeader.tsx
+function U({ label: e, tone: t = "blue", className: n = "" }) {
+	return /* @__PURE__ */ g("div", {
+		className: `j-section-header ${n}`,
+		children: [/* @__PURE__ */ h("div", {
+			className: `j-section-header__tag j-bg--${t}`,
+			children: e
+		}), /* @__PURE__ */ h("div", { className: `j-section-header__rule j-bg--${t}` })]
+	});
+}
+//#endregion
+//#region src/ui/jimboInfoCard.tsx
+function W({ tone: e, children: t, className: n = "", ...r }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-info-card ${e ? `j-border--${e}` : ""} ${n}`,
+		style: e ? { borderColor: void 0 } : void 0,
+		...r,
+		children: t
+	});
+}
+function G({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-info-card__body ${t}`,
+		children: e
+	});
+}
+function K({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-info-card__title ${t}`,
+		children: e
+	});
+}
+function q({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-info-card__sub ${t}`,
+		children: e
+	});
+}
+function J({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-info-card__aside ${t}`,
+		children: e
+	});
+}
+//#endregion
+//#region src/ui/showcase.tsx
+function me({ title: e = "Balatro", subtitle: t = "Seed Curator", hotFilters: n = [], recentFinds: r = [], mcpInfo: i, onNewSearch: a, onBrowseFilters: o, onFilterClick: s }) {
+	return /* @__PURE__ */ g(V, { children: [
+		/* @__PURE__ */ g("div", {
+			style: {
+				padding: "12px 12px 8px",
+				display: "flex",
+				flexDirection: "column",
+				gap: 6
+			},
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: "j-text-center",
+					children: [/* @__PURE__ */ h(T, {
+						size: "lg",
+						tone: "gold",
+						children: e
+					}), /* @__PURE__ */ h(T, {
+						size: "micro",
+						tone: "grey",
+						style: { letterSpacing: 3 },
+						children: t
+					})]
+				}),
+				i && /* @__PURE__ */ g("div", {
+					className: "j-flex j-justify-between",
+					style: {
+						padding: "3px 8px",
+						background: "var(--j-dark-grey)",
+						borderRadius: 4,
+						border: "1px solid var(--j-panel-edge)"
+					},
+					children: [/* @__PURE__ */ h(T, {
+						size: "micro",
+						tone: "purple",
+						children: i.engine
+					}), /* @__PURE__ */ h(T, {
+						size: "micro",
+						tone: "grey",
+						children: i.features
+					})]
+				}),
+				n.length > 0 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(U, {
+					label: "Filters",
+					tone: "blue"
+				}), /* @__PURE__ */ h("div", {
+					className: "j-flex-col",
+					style: { gap: 4 },
+					children: n.slice(0, 4).map((e, t) => /* @__PURE__ */ g(W, {
+						tone: e.tone,
+						onClick: () => s?.(e, t),
+						style: { cursor: s ? "pointer" : void 0 },
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "j-flex j-gap-xs",
+								children: e.sample.slice(0, 2).map((e, t) => /* @__PURE__ */ h("div", {
+									style: {
+										width: 22,
+										height: 28,
+										display: "flex",
+										alignItems: "center",
+										justifyContent: "center"
+									},
+									children: /* @__PURE__ */ h(w, {
+										name: e,
+										width: 20
+									})
+								}, t))
+							}),
+							/* @__PURE__ */ g(G, { children: [/* @__PURE__ */ h(K, { children: e.name }), /* @__PURE__ */ g(q, { children: ["by ", e.author] })] }),
+							/* @__PURE__ */ h(J, { children: /* @__PURE__ */ h(T, {
+								size: "xs",
+								tone: e.tone === "gold" ? "gold" : e.tone,
+								children: e.hits
+							}) })
+						]
+					}, t))
+				})] }),
+				r.length > 0 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(U, {
+					label: "Recent",
+					tone: "green"
+				}), /* @__PURE__ */ h("div", {
+					style: { lineHeight: 1.5 },
+					children: r.slice(0, 3).map((e, t) => /* @__PURE__ */ g("div", {
+						className: "j-flex j-gap-sm",
+						children: [
+							/* @__PURE__ */ h(T, {
+								size: "micro",
+								tone: "gold",
+								children: e.seed
+							}),
+							/* @__PURE__ */ h(T, {
+								size: "micro",
+								tone: "grey",
+								children: e.filterName
+							}),
+							e.score > 0 && /* @__PURE__ */ g(T, {
+								size: "micro",
+								tone: "green",
+								children: ["+", e.score]
+							})
+						]
+					}, t))
+				})] })
+			]
+		}),
+		/* @__PURE__ */ g(H, { children: [/* @__PURE__ */ h(O, {
+			tone: "green",
+			fullWidth: !0,
+			size: "lg",
+			onClick: a,
+			children: "New Search"
+		}), /* @__PURE__ */ h(O, {
+			tone: "blue",
+			fullWidth: !0,
+			size: "lg",
+			onClick: o,
+			children: "Browse Filters"
+		})] }),
+		/* @__PURE__ */ h(I, {})
+	] });
+}
+//#endregion
+//#region src/ui/jimboCopyRow.tsx
+function he({ value: e, label: t }) {
+	let [n, r] = p(!1);
+	function i() {
+		navigator.clipboard.writeText(e).then(() => {
+			r(!0), setTimeout(() => r(!1), 1500);
+		});
+	}
+	return /* @__PURE__ */ g("div", {
+		className: "j-copy-row",
+		children: [t && /* @__PURE__ */ h(T, {
+			size: "xs",
+			tone: "grey",
+			className: "j-copy-row__label",
+			children: t
+		}), /* @__PURE__ */ g("div", {
+			className: "j-copy-row__field",
+			children: [/* @__PURE__ */ h("div", {
+				className: "j-copy-row__value",
+				children: /* @__PURE__ */ h(T, {
+					size: "sm",
+					children: e
+				})
+			}), /* @__PURE__ */ h("button", {
+				type: "button",
+				className: "j-copy-row__btn",
+				"data-copied": n,
+				onClick: i,
+				children: n ? "Copied" : "Copy"
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/ui/jimboWordmark.tsx
+function ge({ title: e, subtitle: t, className: n = "" }) {
+	return /* @__PURE__ */ g("div", {
+		className: `j-wordmark ${n}`,
+		children: [/* @__PURE__ */ h("div", {
+			className: "j-wordmark__title",
+			children: e
+		}), t && /* @__PURE__ */ h("div", {
+			className: "j-wordmark__sub",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/ui/jimboStatGrid.tsx
+function _e({ items: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-stat-grid ${t}`,
+		...n,
+		children: e.map((e) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("div", {
+			className: "j-stat-grid__value",
+			children: e.value
+		}), /* @__PURE__ */ h("div", {
+			className: "j-stat-grid__label",
+			children: e.label
+		})] }, e.label))
+	});
+}
+//#endregion
+//#region src/ui/jimboInset.tsx
+function Y({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ h("div", {
+		className: `j-inset ${t}`,
+		...n,
+		children: e
+	});
+}
+//#endregion
+//#region src/ui/JimboIconButton.tsx
+var X = t;
+function ve({ onClick: e, title: t, "aria-label": n, disabled: r = !1, size: i = "md", children: a }) {
+	let [o, s] = p(!1), c = i === "sm" ? 26 : 30;
+	return /* @__PURE__ */ h("button", {
+		"aria-label": n ?? t,
+		disabled: r,
+		onClick: () => !r && e?.(),
+		onMouseEnter: () => s(!0),
+		onMouseLeave: () => s(!1),
+		style: {
+			width: c,
+			height: c,
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			background: o && !r ? X.DARK_GREY : X.DARKEST,
+			color: X.WHITE,
+			border: `1px solid ${X.PANEL_EDGE}`,
+			borderRadius: 4,
+			cursor: r ? "not-allowed" : "pointer",
+			opacity: r ? .55 : 1,
+			padding: 0,
+			fontSize: 14,
+			lineHeight: 1,
+			transition: "background 80ms ease"
+		},
+		title: t,
+		type: "button",
+		children: a
+	});
+}
+//#endregion
+//#region src/ui/JimboInputModal.tsx
+var Z = t;
+function ye({ open: e, title: t, message: n, placeholder: r, initialValue: i = "", confirmLabel: a = "Confirm", cancelLabel: o = "Cancel", validate: s, onConfirm: c, onCancel: l }) {
+	let [d, m] = p(i), [_, v] = p(null), y = f(null), [b, x] = p(e);
+	e !== b && (x(e), e && (m(i), v(null))), u(() => {
+		if (e) {
+			let e = setTimeout(() => y.current?.focus(), 30);
+			return () => clearTimeout(e);
+		}
+	}, [e]);
+	function S() {
+		let e = s?.(d) ?? null;
+		if (e) {
+			v(e);
+			return;
+		}
+		c(d);
+	}
+	return /* @__PURE__ */ g(A, {
+		onClose: l,
+		open: e,
+		title: t,
+		children: [
+			n && /* @__PURE__ */ h(T, {
+				size: "sm",
+				style: {
+					display: "block",
+					marginBottom: 8
+				},
+				tone: "grey",
+				children: n
+			}),
+			/* @__PURE__ */ h("input", {
+				"aria-invalid": _ ? "true" : "false",
+				onChange: (e) => {
+					m(e.target.value), _ && v(null);
+				},
+				onKeyDown: (e) => {
+					e.key === "Enter" && S(), e.key === "Escape" && l();
+				},
+				placeholder: r,
+				ref: y,
+				style: {
+					width: "100%",
+					padding: "8px 10px",
+					background: Z.DARKEST,
+					color: Z.WHITE,
+					border: `1px solid ${_ ? Z.RED : Z.PANEL_EDGE}`,
+					borderRadius: 4,
+					fontSize: 13,
+					fontFamily: "m6x11plus, monospace",
+					letterSpacing: 1,
+					outline: "none",
+					boxSizing: "border-box"
+				},
+				type: "text",
+				value: d
+			}),
+			_ && /* @__PURE__ */ h(T, {
+				size: "sm",
+				style: {
+					display: "block",
+					marginTop: 6
+				},
+				tone: "red",
+				children: _
+			}),
+			/* @__PURE__ */ g("div", {
+				style: {
+					display: "flex",
+					justifyContent: "flex-end",
+					gap: 8,
+					marginTop: 14
+				},
+				children: [/* @__PURE__ */ h(O, {
+					onClick: l,
+					size: "sm",
+					tone: "red",
+					children: o
+				}), /* @__PURE__ */ h(O, {
+					onClick: S,
+					size: "sm",
+					tone: "blue",
+					children: a
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ui/JimboSelect.tsx
+var Q = t;
+function be({ value: e, options: t, onChange: n, placeholder: r, disabled: i = !1, fullWidth: a = !0, size: o = "md", style: s, "aria-label": c }) {
+	let l;
+	l = t.length === 0 ? [] : typeof t[0] == "string" ? t.map((e) => ({ value: e })) : t;
+	let u = o === "sm" ? "4px 8px" : "6px 10px", d = o === "sm" ? 11 : 12;
+	return /* @__PURE__ */ g("select", {
+		"aria-label": c,
+		disabled: i,
+		onChange: (e) => n(e.target.value),
+		style: {
+			width: a ? "100%" : void 0,
+			padding: u,
+			background: Q.DARKEST,
+			color: Q.WHITE,
+			border: `1px solid ${Q.PANEL_EDGE}`,
+			borderRadius: 4,
+			fontSize: d,
+			fontFamily: "m6x11plus, monospace",
+			cursor: i ? "not-allowed" : "pointer",
+			opacity: i ? .55 : 1,
+			appearance: "none",
+			backgroundImage: "linear-gradient(45deg, transparent 50%, " + Q.GOLD_TEXT + " 50%), linear-gradient(135deg, " + Q.GOLD_TEXT + " 50%, transparent 50%)",
+			backgroundPosition: "calc(100% - 12px) 50%, calc(100% - 7px) 50%",
+			backgroundSize: "5px 5px, 5px 5px",
+			backgroundRepeat: "no-repeat",
+			paddingRight: 22,
+			...s
+		},
+		value: e,
+		children: [r !== void 0 && /* @__PURE__ */ h("option", {
+			disabled: !0,
+			value: "",
+			children: r
+		}), l.map((e) => /* @__PURE__ */ h("option", {
+			disabled: e.disabled,
+			value: e.value,
+			children: e.label ?? e.value
+		}, e.value))]
+	});
+}
+//#endregion
+//#region src/ui/PanelSplitter.tsx
+var $ = t;
+function xe({ orientation: e = "vertical", onDrag: t, onKeyAdjust: n, "aria-label": r }) {
+	let i = f(!1), a = f(0), o = f(t);
+	d(() => {
+		o.current = t;
+	});
+	let s = l((t) => {
+		t.preventDefault(), t.target.setPointerCapture(t.pointerId), i.current = !0, a.current = e === "vertical" ? t.clientX : t.clientY;
+	}, [e]);
+	u(() => {
+		function t(t) {
+			if (!i.current) return;
+			let n = e === "vertical" ? t.clientX : t.clientY, r = n - a.current;
+			r !== 0 && (a.current = n, o.current(r));
+		}
+		function n() {
+			i.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 c = e === "vertical";
+	return /* @__PURE__ */ h("button", {
+		"aria-label": r ?? "Resize panel",
+		onKeyDown: (e) => {
+			n && (c && e.key === "ArrowLeft" && n(-16), c && e.key === "ArrowRight" && n(16), !c && e.key === "ArrowUp" && n(-16), !c && e.key === "ArrowDown" && n(16));
+		},
+		onPointerDown: s,
+		style: {
+			all: "unset",
+			display: "block",
+			flex: "0 0 auto",
+			width: c ? 6 : void 0,
+			height: c ? void 0 : 6,
+			cursor: c ? "col-resize" : "row-resize",
+			background: $.PANEL_EDGE,
+			borderLeft: c ? `1px solid ${$.BLACK}` : void 0,
+			borderRight: c ? `1px solid ${$.BLACK}` : void 0,
+			borderTop: c ? void 0 : `1px solid ${$.BLACK}`,
+			borderBottom: c ? void 0 : `1px solid ${$.BLACK}`,
+			touchAction: "none",
+			userSelect: "none"
+		},
+		type: "button"
+	});
+}
+//#endregion
+export { k as A, S as B, M as C, ce as D, le as E, T as F, ie as I, w as L, D as M, A as N, ae as O, E as P, ne as R, I as S, ue as T, ee as V, H as _, Y as a, z as b, he as c, J as d, G as f, V as g, U as h, ve as i, O as j, se as k, me as l, K as m, be as n, _e as o, q as p, ye as r, ge as s, xe as t, W as u, pe as v, de as w, L as x, B as y, C as z };
+
+//# sourceMappingURL=ui-5cBy3zAm.js.map