jaml-ui 0.26.6 → 0.28.1

package/dist/chunks/ui-ByciFBYB.js

@@ -1,1387 +0,0 @@
-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/jimboFlankNav.tsx
-function ce({ 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(le, { direction: e })
-	});
-}
-function le({ 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/JimboFloating.tsx
-function ue({ 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 de({ 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 fe({ 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/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": !!_,
-				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, ue 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, de 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, fe as w, L as x, B as y, C as z };
-
-//# sourceMappingURL=ui-ByciFBYB.js.map