@fiestaboard/ui 1.6.3

package/dist/components/board/board-display.js

@@ -0,0 +1,514 @@
+"use client";
+import { resolveColorCode as e } from "../../lib/board-colors.js";
+import { BOARD_CHARS as t, EXTRA_CHARS as n, getCharFromToken as r, getCharIndex as i, isColorTile as a, messageToGrid as o, tokensEqual as s } from "../../lib/board-characters.js";
+import { isNoteArray as c, resolveDimensions as l } from "../../lib/board-dimensions.js";
+import { gapClasses as u, paddingClasses as d, sizeClasses as f, textSizeClasses as p } from "../../lib/board-metrics.js";
+import { memo as m, useEffect 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";
+//#region src/components/board/board-display.tsx
+var S = "\n    @keyframes flapDown { from { transform: rotateX(0deg); } to { transform: rotateX(-90deg); } }\n    @keyframes flapUp { from { transform: rotateX(90deg); } to { transform: rotateX(0deg); } }\n    @keyframes flapShadow { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }\n  ", C = {
+	white: "\n      0 2px 4px rgba(0,0,0,0.2),\n      inset 0 1px 2px rgba(0,0,0,0.1),\n      inset 0 -1px 2px rgba(255,255,255,0.5),\n      inset 1px 0 1px rgba(0,0,0,0.08),\n      inset -1px 0 1px rgba(255,255,255,0.4)\n    ",
+	black: "\n      0 2px 4px rgba(0,0,0,0.5),\n      inset 0 1px 2px rgba(0,0,0,0.8),\n      inset 0 -1px 1px rgba(255,255,255,0.08),\n      inset 1px 0 1px rgba(0,0,0,0.5),\n      inset -1px 0 1px rgba(255,255,255,0.05)\n    "
+}, w = {
+	black: {
+		backgroundColor: "var(--color-board-surface-dark)",
+		boxShadow: C.black,
+		contain: "layout style paint"
+	},
+	white: {
+		backgroundColor: "var(--color-board-surface-light)",
+		boxShadow: C.white,
+		contain: "layout style paint"
+	}
+}, T = {
+	black: {
+		...w.black,
+		perspective: "800px",
+		isolation: "isolate"
+	},
+	white: {
+		...w.white,
+		perspective: "800px",
+		isolation: "isolate"
+	}
+}, E = "\n      0 2px 4px rgba(0,0,0,0.3),\n      inset 0 1px 1px rgba(255,255,255,0.15),\n      inset 0 -1px 1px rgba(0,0,0,0.25),\n      inset 1px 0 1px rgba(255,255,255,0.1),\n      inset -1px 0 1px rgba(0,0,0,0.2)\n    ", D = 80, O = Math.round(D * .55), k = Math.round(D * .35), A = Math.round(D * .55), j = {
+	position: "absolute",
+	top: 0,
+	left: 0,
+	right: 0,
+	height: "50%",
+	overflow: "hidden",
+	zIndex: 1
+}, M = {
+	position: "absolute",
+	top: "50%",
+	left: 0,
+	right: 0,
+	height: "50%",
+	overflow: "hidden",
+	zIndex: 1
+}, N = {
+	position: "absolute",
+	top: 0,
+	left: 0,
+	right: 0,
+	height: "50%",
+	overflow: "hidden",
+	zIndex: 3,
+	transformOrigin: "bottom center",
+	backfaceVisibility: "hidden",
+	willChange: "transform",
+	animation: `flapDown ${O}ms ease-in forwards`
+}, P = {
+	position: "absolute",
+	bottom: 0,
+	left: 0,
+	right: 0,
+	height: "30%",
+	background: "linear-gradient(to bottom, transparent, rgba(0,0,0,0.12))",
+	pointerEvents: "none"
+}, F = {
+	position: "absolute",
+	top: "50%",
+	left: 0,
+	right: 0,
+	height: "50%",
+	overflow: "hidden",
+	zIndex: 2,
+	transformOrigin: "top center",
+	backfaceVisibility: "hidden",
+	willChange: "transform",
+	transform: "rotateX(90deg)",
+	animation: `flapUp ${A}ms cubic-bezier(0.33, 0, 0.15, 1) ${k}ms forwards`
+}, I = {
+	white: {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		right: 0,
+		height: "30%",
+		background: "linear-gradient(to bottom, rgba(0,0,0,0.06), transparent)",
+		pointerEvents: "none"
+	},
+	black: {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		right: 0,
+		height: "30%",
+		background: "linear-gradient(to bottom, rgba(0,0,0,0.15), transparent)",
+		pointerEvents: "none"
+	}
+}, L = {
+	white: {
+		position: "absolute",
+		top: "50%",
+		left: 0,
+		right: 0,
+		height: "50%",
+		background: "linear-gradient(to bottom, rgba(0,0,0,0.06), transparent)",
+		zIndex: 4,
+		pointerEvents: "none",
+		opacity: 0,
+		animation: `flapShadow ${D}ms ease-in-out forwards`
+	},
+	black: {
+		position: "absolute",
+		top: "50%",
+		left: 0,
+		right: 0,
+		height: "50%",
+		background: "linear-gradient(to bottom, rgba(0,0,0,0.3), transparent)",
+		zIndex: 4,
+		pointerEvents: "none",
+		opacity: 0,
+		animation: `flapShadow ${D}ms ease-in-out forwards`
+	}
+}, R = {
+	white: "\n      0 8px 32px rgba(0,0,0,0.12),\n      0 4px 16px rgba(0,0,0,0.08),\n      inset 0 1px 2px rgba(255,255,255,0.9),\n      inset 0 0 0 1px rgba(255,255,255,0.5)\n    ",
+	black: "\n      0 8px 32px rgba(0,0,0,0.6),\n      0 4px 16px rgba(0,0,0,0.4),\n      inset 0 1px 1px rgba(255,255,255,0.08),\n      inset 0 0 0 1px rgba(255,255,255,0.03)\n    "
+}, z = m(function({ token: r, size: a, boardType: o }) {
+	let s = o === "white", c = s ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", l = s ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", u = a === "sm" ? "w-[14px] h-[18px]" : a === "md" ? "w-[14px] h-[20px] sm:w-[20px] sm:h-[28px] md:w-[24px] md:h-[34px] lg:w-[28px] lg:h-[40px]" : "w-[18px] h-[26px] sm:w-[24px] sm:h-[34px] md:w-[28px] md:h-[40px] lg:w-[32px] lg:h-[46px]", d = a === "sm" ? "text-[7px]" : a === "md" ? "text-[7px] sm:text-[10px] md:text-[13px] lg:text-[16px]" : "text-[10px] sm:text-[13px] md:text-[16px] lg:text-[20px]", f = /* @__PURE__ */ b("div", { className: `absolute top-1/2 left-0 right-0 h-[1px] ${s ? "bg-black/10" : "bg-black/30"}` });
+	if (r.type === "color") {
+		let t = e(r.code, s), n = a === "sm" ? "3px 1px 4px" : a === "md" ? "4px 2px 5px" : "5px 2px 6px";
+		return /* @__PURE__ */ x("div", {
+			className: `${u} relative rounded-[3px] overflow-hidden`,
+			style: { backgroundColor: c },
+			children: [/* @__PURE__ */ b("div", {
+				className: "absolute rounded-[2px]",
+				style: {
+					inset: n,
+					backgroundColor: t
+				}
+			}), f]
+		});
+	}
+	let p = n[r.value] ? r.value : t[i(r.value)], m = p === " ";
+	return /* @__PURE__ */ x("div", {
+		className: `${u} relative rounded-[3px] overflow-hidden flex items-center justify-center`,
+		style: { backgroundColor: c },
+		children: [!m && /* @__PURE__ */ b("span", {
+			className: `${d} font-mono font-semibold select-none leading-none`,
+			style: { color: r.value === "♥" ? "#eb4034" : l },
+			children: p
+		}), f]
+	});
+}), B = m(function({ row: e, rowIdx: t, size: n, gapClass: i, boardType: a, showSeams: o = !1, isRowSeam: s = !1, seamGap: c = "6px", emitCellMetadata: l = !1 }) {
+	return /* @__PURE__ */ b("div", {
+		"data-note-row": "",
+		...s ? { "data-note-row-seam": "true" } : {},
+		className: `flex ${i} justify-center`,
+		style: s ? { marginTop: c } : void 0,
+		children: e.map((e, i) => {
+			let s = o && i > 0 && i % 15 == 0;
+			return /* @__PURE__ */ b("div", {
+				"data-note-tile": "",
+				...l ? {
+					"data-row": t,
+					"data-col": i,
+					"data-cell-value": r(e)
+				} : {},
+				...s ? { "data-note-col-seam": "true" } : {},
+				style: s ? { marginLeft: c } : void 0,
+				children: /* @__PURE__ */ b(z, {
+					token: e,
+					size: n,
+					boardType: a
+				})
+			}, `col-${t}-${i}`);
+		})
+	});
+}), V = m(function({ row: e, rowIdx: t, size: n, gapClass: r, boardType: i = "black", isAnimating: a = !1, animationsEnabled: o = !0, showSeams: s = !1, isRowSeam: c = !1, seamGap: l = "6px", emitCellMetadata: u = !1 }) {
+	return /* @__PURE__ */ b("div", {
+		"data-note-row": "",
+		...c ? { "data-note-row-seam": "true" } : {},
+		className: `flex ${r} justify-center`,
+		style: c ? { marginTop: l } : void 0,
+		children: e.map((e, r) => {
+			let c = s && r > 0 && r % 15 == 0;
+			return /* @__PURE__ */ b("div", {
+				"data-note-tile": "",
+				...u ? {
+					"data-row": t,
+					"data-col": r
+				} : {},
+				...c ? { "data-note-col-seam": "true" } : {},
+				style: c ? { marginLeft: l } : void 0,
+				children: /* @__PURE__ */ b(Y, {
+					token: e,
+					size: n,
+					boardType: i,
+					isAnimating: a,
+					animationsEnabled: o,
+					rowIdx: t,
+					colIdx: r
+				})
+			}, `col-${t}-${r}`);
+		})
+	});
+}, (e, t) => {
+	if (e.row.length !== t.row.length || e.size !== t.size || e.gapClass !== t.gapClass || e.boardType !== t.boardType || e.isAnimating !== t.isAnimating || e.animationsEnabled !== t.animationsEnabled || e.showSeams !== t.showSeams || e.isRowSeam !== t.isRowSeam || e.seamGap !== t.seamGap || e.emitCellMetadata !== t.emitCellMetadata) return !1;
+	for (let n = 0; n < e.row.length; n++) if (!s(e.row[n], t.row[n])) return !1;
+	return !0;
+}), H = 80, U = /* @__PURE__ */ new Set(), W = null, G = typeof window > "u" ? null : window.matchMedia("(prefers-reduced-motion: reduce)");
+function K() {
+	W === null && (W = setInterval(() => {
+		for (let e of [...U]) e();
+	}, H));
+}
+function q() {
+	W !== null && (clearInterval(W), W = null);
+}
+G?.addEventListener("change", () => {
+	G.matches ? q() : U.size > 0 && K();
+});
+function J(e) {
+	return U.add(e), G?.matches || K(), () => {
+		U.delete(e), U.size === 0 && q();
+	};
+}
+var Y = m(function({ token: o, size: s = "md", boardType: c = "black", isAnimating: l = !1, animationsEnabled: u = !0, rowIdx: d = 0, colIdx: m = 0 }) {
+	let g = u && l, S = c === "white", C = S ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", O = S ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", k = r(o), A = i(k), R = D, [z, B] = v(() => A), [V, H] = v(!1), U = _(null), W = _(A), G = _(g), K = _(z), q = _(!1);
+	h(() => {
+		K.current = z;
+	}, [z]), h(() => {
+		let e = G.current;
+		if (G.current = g, !u) {
+			U.current &&= (clearInterval(U.current), null), H(!1), B(A), W.current = A, q.current = !1;
+			return;
+		}
+		if (g) {
+			H(!1), U.current &&= (clearInterval(U.current), null), e || B(A);
+			let n = J(() => {
+				B((e) => (e + 1) % t.length);
+			});
+			return () => {
+				n();
+			};
+		}
+		if (e) {
+			q.current = !0, U.current &&= (clearInterval(U.current), null);
+			let e = W.current, n = A, r = e !== n;
+			if (W.current = n, K.current === n) {
+				K.current = n, H(!1), B((e) => e === n ? e : n), q.current = !1;
+				return;
+			}
+			if (!r) {
+				K.current = n, B((e) => e === n ? e : n), H(!1), q.current = !1;
+				return;
+			}
+			H(!0);
+			let i = () => {
+				B((e) => {
+					let n = W.current;
+					if (e === n) return H(!1), q.current = !1, U.current &&= (clearInterval(U.current), null), e;
+					let r = (e + 1) % t.length;
+					return r === n ? (H(!1), q.current = !1, U.current &&= (clearInterval(U.current), null), r) : r;
+				});
+			};
+			return i(), U.current = setInterval(i, R), () => {
+				U.current &&= (clearInterval(U.current), null), q.current = !1;
+			};
+		}
+		U.current &&= (clearInterval(U.current), null), H(!1), B((e) => e === A ? e : A);
+	}, [
+		g,
+		A,
+		R,
+		u
+	]), h(() => {
+		if (!u) {
+			W.current = A, U.current &&= (clearInterval(U.current), null), H(!1), B(A);
+			return;
+		}
+		if (q.current) {
+			W.current = A;
+			return;
+		}
+		if (g || V) {
+			W.current = A;
+			return;
+		}
+		let e = W.current, n = A;
+		if (e !== n) {
+			if (W.current = n, K.current === n) {
+				H(!1), U.current &&= (clearInterval(U.current), null), B(n);
+				return;
+			}
+			H(!0), U.current &&= (clearInterval(U.current), null);
+			let e = () => {
+				B((e) => {
+					let n = W.current;
+					if (e === n) return H(!1), U.current &&= (clearInterval(U.current), null), e;
+					let r = (e + 1) % t.length;
+					return r === n ? (H(!1), U.current &&= (clearInterval(U.current), null), r) : r;
+				});
+			};
+			return e(), U.current = setInterval(e, R), () => {
+				U.current &&= (clearInterval(U.current), null);
+			};
+		}
+		K.current !== n && B(n), H(!1), U.current &&= (clearInterval(U.current), null);
+	}, [
+		A,
+		g,
+		V,
+		R,
+		u
+	]);
+	let Y = t[z], X = (z - 1 + t.length) % t.length, Z = t[X];
+	return /* @__PURE__ */ b(y, { children: /* @__PURE__ */ x("div", {
+		className: `relative ${f[s]} rounded-[3px] overflow-hidden`,
+		"data-testid": `char-tile-${d}-${m}`,
+		"data-current-char": Y,
+		"data-target-char": k,
+		"data-is-animating": g,
+		"data-is-transitioning": V,
+		style: g || V ? T[c] : w[c],
+		children: [
+			!g && !V && (() => {
+				if (o.type === "color") {
+					let t = e(o.code, S);
+					return /* @__PURE__ */ b("div", {
+						className: `absolute inset-0 ${s === "sm" ? "[--color-margin-top:3px] [--color-margin-bottom:4px] [--color-margin-h:1px]" : s === "md" ? "[--color-margin-top:3px] sm:[--color-margin-top:4px] md:[--color-margin-top:5px] lg:[--color-margin-top:6px] [--color-margin-bottom:4px] sm:[--color-margin-bottom:6px] md:[--color-margin-bottom:7px] lg:[--color-margin-bottom:8px] [--color-margin-h:1px] sm:[--color-margin-h:2px]" : "[--color-margin-top:4px] sm:[--color-margin-top:5px] md:[--color-margin-top:6px] lg:[--color-margin-top:8px] [--color-margin-bottom:5px] sm:[--color-margin-bottom:7px] md:[--color-margin-bottom:8px] lg:[--color-margin-bottom:10px] [--color-margin-h:2px] md:[--color-margin-h:3px]"} flex items-center justify-center`,
+						style: { zIndex: 2 },
+						children: /* @__PURE__ */ b("div", {
+							className: "relative rounded-[3px] overflow-hidden",
+							style: {
+								marginTop: "var(--color-margin-top)",
+								marginBottom: "var(--color-margin-bottom)",
+								marginLeft: "var(--color-margin-h)",
+								marginRight: "var(--color-margin-h)",
+								width: "calc(100% - (var(--color-margin-h) * 2))",
+								height: "calc(100% - (var(--color-margin-top) + var(--color-margin-bottom)))",
+								backgroundColor: t,
+								boxShadow: E
+							},
+							children: /* @__PURE__ */ b("div", { className: "absolute top-1/2 left-0 right-0 h-[1px] bg-black/10" })
+						})
+					}, `static-color-${o.code}`);
+				}
+				let i = r(o), c = n[i] ? i : t[A], l = a(c), u = l ? e(c, S) : C, d = c === "♥" ? "#eb4034" : O;
+				return /* @__PURE__ */ x("div", {
+					className: "absolute inset-0 flex items-center justify-center overflow-hidden",
+					style: {
+						zIndex: 2,
+						backgroundColor: u,
+						marginLeft: l ? "-4px" : 0,
+						marginRight: l ? "-4px" : 0
+					},
+					children: [
+						!l && c !== " " && /* @__PURE__ */ b("span", {
+							className: `${p[s]} font-mono font-semibold select-none leading-none relative z-10`,
+							style: { color: d },
+							children: c
+						}),
+						!l && c === " " && /* @__PURE__ */ b("span", {
+							className: `${p[s]} font-mono font-semibold select-none leading-none relative z-10`,
+							style: {
+								color: O,
+								visibility: "hidden"
+							},
+							"aria-hidden": "true",
+							children: " "
+						}),
+						l && /* @__PURE__ */ b("div", {
+							className: "absolute inset-0 rounded-[3px]",
+							style: {
+								backgroundColor: u,
+								boxShadow: E
+							}
+						})
+					]
+				}, `static-char-${A}`);
+			})(),
+			(g || V) && (() => {
+				let t = Y, n = (t, n) => {
+					let r = a(t), i = r ? e(t, S) : C, o = t === "♥";
+					return /* @__PURE__ */ b("div", {
+						style: {
+							position: "absolute",
+							...n ? { top: 0 } : { bottom: 0 },
+							left: 0,
+							right: 0,
+							height: "200%",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center",
+							backgroundColor: i
+						},
+						children: !r && t !== " " && /* @__PURE__ */ b("span", {
+							className: `${p[s]} font-mono font-semibold select-none leading-none`,
+							style: { color: o ? "#eb4034" : O },
+							children: t
+						})
+					});
+				};
+				return /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ b("div", {
+						style: j,
+						children: n(t, !0)
+					}),
+					/* @__PURE__ */ b("div", {
+						style: M,
+						children: n(Z, !1)
+					}),
+					/* @__PURE__ */ x("div", {
+						style: N,
+						children: [n(Z, !0), /* @__PURE__ */ b("div", { style: P })]
+					}, `ft-${z}`),
+					/* @__PURE__ */ x("div", {
+						style: F,
+						children: [n(t, !1), /* @__PURE__ */ b("div", { style: I[c] })]
+					}, `fb-${z}`),
+					/* @__PURE__ */ b("div", { style: L[c] }, `fs-${z}`),
+					/* @__PURE__ */ b("div", {
+						className: `absolute top-1/2 left-0 right-0 h-[1px] ${S ? "bg-black/10" : "bg-black/30"}`,
+						style: { zIndex: 5 }
+					})
+				] });
+			})(),
+			!g && !V && z === A && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+				className: `absolute top-1/2 left-0 right-0 h-[1px] ${S ? "bg-black/10" : "bg-black/30"}`,
+				style: { zIndex: 3 }
+			}), /* @__PURE__ */ b("div", {
+				className: "absolute inset-0 pointer-events-none",
+				style: {
+					zIndex: 1,
+					background: S ? "linear-gradient(180deg, rgba(255,255,255,0.3) 0%, transparent 50%, rgba(0,0,0,0.05) 100%)" : "linear-gradient(180deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(0,0,0,0.2) 100%)"
+				}
+			})] })
+		]
+	}) });
+}, (e, t) => s(e.token, t.token) && e.size === t.size && e.boardType === t.boardType && e.isAnimating === t.isAnimating && e.animationsEnabled === t.animationsEnabled), X = (e) => `Board display: ${e}`, Z = m(function({ message: e, isLoading: t = !1, size: n = "md", className: r = "", boardType: i = "black", deviceType: a = "flagship", isStatic: s = !1, notesWide: f = 1, notesTall: p = 1, emitCellMetadata: m = !1, animationsEnabled: h = !0, loadingLabel: _ = "Loading board display", emptyLabel: v = "Empty board display", messageLabel: y = X }) {
+	let C = l(a, f, p), w = c(a), T = n === "sm" ? "6px" : n === "md" ? "8px" : "10px", E = g(() => o(e ?? "", C.rows, C.cols, a), [
+		e,
+		C.rows,
+		C.cols,
+		a
+	]), D = i === "white", O = D ? "var(--color-board-bezel-light)" : "var(--color-board-bezel-dark)", k = D ? "var(--color-board-bezel-border-light)" : "var(--color-board-bezel-border-dark)", A = R[i], j = n === "sm" ? "rounded-lg border-[3px]" : "rounded-lg sm:rounded-xl border-[3px] sm:border-[4px] lg:border-[5px]", M = g(() => t ? _ : e ? y(e.replace(/\{[^}]*\}/g, "").replace(/\n/g, " ").trim()) : v, [
+		e,
+		t,
+		_,
+		v,
+		y
+	]);
+	return /* @__PURE__ */ x("div", {
+		className: "w-full flex justify-center",
+		children: [!s && /* @__PURE__ */ b("style", {
+			href: "board-flap-keyframes",
+			precedence: "default",
+			children: S
+		}), /* @__PURE__ */ b("div", {
+			role: "img",
+			"aria-label": M,
+			"data-slot": "board-display",
+			"data-board-preview": "",
+			className: `${j} ${r} max-w-full`,
+			style: {
+				backgroundColor: O,
+				borderColor: k,
+				boxShadow: A,
+				width: "fit-content"
+			},
+			children: /* @__PURE__ */ b("div", {
+				className: `${d[n]} relative`,
+				"aria-hidden": "true",
+				style: { background: D ? "linear-gradient(135deg, var(--color-board-surface-light) 0%, var(--color-board-bezel-border-light) 100%)" : "linear-gradient(135deg, var(--color-board-surface-dark) 0%, var(--color-board-black) 100%)" },
+				children: /* @__PURE__ */ b("div", {
+					className: `flex flex-col ${u[n]}`,
+					children: E.map((e, r) => {
+						let a = w && r > 0 && r % 3 == 0;
+						return s ? /* @__PURE__ */ b(B, {
+							row: e,
+							rowIdx: r,
+							size: n,
+							gapClass: u[n],
+							boardType: i,
+							showSeams: w,
+							isRowSeam: a,
+							seamGap: T,
+							emitCellMetadata: m
+						}, `row-${r}`) : /* @__PURE__ */ b(V, {
+							row: e,
+							rowIdx: r,
+							size: n,
+							gapClass: u[n],
+							boardType: i,
+							isAnimating: t,
+							animationsEnabled: h,
+							showSeams: w,
+							isRowSeam: a,
+							seamGap: T,
+							emitCellMetadata: m
+						}, `row-${r}`);
+					})
+				})
+			})
+		})]
+	});
+}, (e, t) => e.message === t.message && e.isLoading === t.isLoading && e.size === t.size && e.className === t.className && e.boardType === t.boardType && e.deviceType === t.deviceType && e.notesWide === t.notesWide && e.notesTall === t.notesTall && e.isStatic === t.isStatic && e.emitCellMetadata === t.emitCellMetadata && e.animationsEnabled === t.animationsEnabled && e.loadingLabel === t.loadingLabel && e.emptyLabel === t.emptyLabel && e.messageLabel === t.messageLabel);
+//#endregion
+export { Z as BoardDisplay };
+
+//# sourceMappingURL=board-display.js.map

package/dist/components/board/board-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-display.js","names":[],"sources":["../../../src/components/board/board-display.tsx"],"mappings":"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"}

package/dist/components/board/board-teaser.d.ts

@@ -0,0 +1,10 @@
+export interface BoardTeaserProps {
+    /** Literal board line, e.g. `"{66}AAPL +1.88%"`. */
+    teaser: string;
+    /** Strip width in tiles; the teaser is truncated/padded with blanks to exactly this many. */
+    tiles?: number;
+    size?: "sm" | "md" | "lg";
+    boardType?: "black" | "white";
+    className?: string;
+}
+export declare const BoardTeaser: import("react").MemoExoticComponent<({ teaser, tiles, size, boardType, className, }: BoardTeaserProps) => import("react").JSX.Element>;

package/dist/components/board/board-teaser.js

@@ -0,0 +1,110 @@
+"use client";
+import { resolveColorCode as e } from "../../lib/board-colors.js";
+import { parseLine as t } from "../../lib/board-characters.js";
+import { gapClasses as n, sizeClasses as r, textSizeClasses as i } from "../../lib/board-metrics.js";
+import { memo as a, useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/board/board-teaser.tsx
+var l = a(function({ teaser: a, tiles: l = 15, size: u = "sm", boardType: d = "black", className: f = "" }) {
+	let p = d === "white", m = p ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", h = p ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", g = o(() => {
+		let e = t(a).slice(0, l);
+		for (; e.length < l;) e.push({
+			type: "char",
+			value: " "
+		});
+		return e;
+	}, [a, l]), _ = o(() => t(a).map((e) => e.type === "char" ? e.value : " ").join("").replace(/\s+/g, " ").trim() || "Board teaser", [a]), v = u === "sm" ? p ? "0 1px 2px rgba(0,0,0,0.15)" : "0 1px 2px rgba(0,0,0,0.4)" : p ? "0 2px 4px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.1), inset 0 -1px 2px rgba(255,255,255,0.5), inset 1px 0 1px rgba(0,0,0,0.08), inset -1px 0 1px rgba(255,255,255,0.4)" : "0 2px 4px rgba(0,0,0,0.5), inset 0 1px 2px rgba(0,0,0,0.8), inset 0 -1px 1px rgba(255,255,255,0.08), inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.05)";
+	return /* @__PURE__ */ s("div", {
+		role: "img",
+		"aria-label": _,
+		"data-slot": "board-teaser",
+		className: `inline-flex max-w-full ${f}`,
+		children: /* @__PURE__ */ s("div", {
+			"aria-hidden": "true",
+			className: `flex ${n[u]}`,
+			children: g.map((t, n) => {
+				if (t.type === "color") {
+					let i = e(t.code, p);
+					return u === "sm" ? /* @__PURE__ */ s("div", {
+						"data-teaser-tile": "",
+						className: `${r[u]} rounded-[3px]`,
+						style: {
+							backgroundColor: i,
+							boxShadow: v,
+							contain: "layout style paint"
+						}
+					}, n) : /* @__PURE__ */ s("div", {
+						"data-teaser-tile": "",
+						className: `relative ${r[u]} rounded-[3px] overflow-hidden`,
+						style: {
+							backgroundColor: m,
+							boxShadow: v,
+							contain: "layout style paint"
+						},
+						children: /* @__PURE__ */ s("div", {
+							className: "absolute rounded-[3px] overflow-hidden",
+							style: {
+								top: "3px",
+								bottom: "4px",
+								left: "1px",
+								right: "1px",
+								backgroundColor: i,
+								boxShadow: "0 2px 4px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.25)"
+							},
+							children: /* @__PURE__ */ s("div", { className: "absolute top-1/2 left-0 right-0 h-[1px] bg-black/10" })
+						})
+					}, n);
+				}
+				let a = t.value, o = a === "♥";
+				return u === "sm" ? /* @__PURE__ */ s("div", {
+					"data-teaser-tile": "",
+					className: `${r[u]} rounded-[3px] flex items-center justify-center`,
+					style: {
+						backgroundColor: m,
+						boxShadow: v,
+						contain: "layout style paint"
+					},
+					children: a !== " " && /* @__PURE__ */ s("span", {
+						className: `${i[u]} font-mono font-semibold select-none leading-none`,
+						style: { color: o ? "#eb4034" : h },
+						children: a
+					})
+				}, n) : /* @__PURE__ */ c("div", {
+					"data-teaser-tile": "",
+					className: `relative ${r[u]} rounded-[3px] overflow-hidden`,
+					style: {
+						backgroundColor: m,
+						boxShadow: v,
+						contain: "layout style paint"
+					},
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "absolute inset-0 flex items-center justify-center",
+							style: { zIndex: 2 },
+							children: a !== " " && /* @__PURE__ */ s("span", {
+								className: `${i[u]} font-mono font-semibold select-none leading-none`,
+								style: { color: o ? "#eb4034" : h },
+								children: a
+							})
+						}),
+						/* @__PURE__ */ s("div", {
+							className: `absolute top-1/2 left-0 right-0 h-[1px] ${p ? "bg-black/10" : "bg-black/30"}`,
+							style: { zIndex: 3 }
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "absolute inset-0 pointer-events-none",
+							style: {
+								zIndex: 1,
+								background: p ? "linear-gradient(180deg, rgba(255,255,255,0.3) 0%, transparent 50%, rgba(0,0,0,0.05) 100%)" : "linear-gradient(180deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(0,0,0,0.2) 100%)"
+							}
+						})
+					]
+				}, n);
+			})
+		})
+	});
+});
+//#endregion
+export { l as BoardTeaser };
+
+//# sourceMappingURL=board-teaser.js.map

package/dist/components/board/board-teaser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-teaser.js","names":[],"sources":["../../../src/components/board/board-teaser.tsx"],"mappings":";;;;;;;AA8BA,IAAa,IAAc,EAAK,SAAqB,EACnD,WACA,WAAQ,IACR,UAAO,MACP,eAAY,SACZ,eAAY,MACO;CACnB,IAAM,IAAe,MAAc,SAC7B,IAAS,IAAe,qCAAqC,mCAC7D,IAAY,IAAe,qCAAqC,mCAEhE,IAAM,QAA4B;EACtC,IAAM,IAAS,EAAU,CAAM,CAAC,CAAC,MAAM,GAAG,CAAK;EAC/C,OAAO,EAAO,SAAS,IACrB,EAAO,KAAK;GAAE,MAAM;GAAQ,OAAO;EAAI,CAAC;EAE1C,OAAO;CACT,GAAG,CAAC,GAAQ,CAAK,CAAC,GAIZ,IAAQ,QACC,EAAU,CAAM,CAAC,CAC3B,KAAK,MAAW,EAAM,SAAS,SAAS,EAAM,QAAQ,GAAI,CAAC,CAC3D,KAAK,EAAE,CAAC,CACR,QAAQ,QAAQ,GAAG,CAAC,CACpB,KACI,KAAQ,gBACd,CAAC,CAAM,CAAC,GAML,IACJ,MAAS,OACL,IACE,+BACA,8BACF,IACE,iLACA;CAER,OACE,kBAAC,OAAD;EAAK,MAAK;EAAM,cAAY;EAAO,aAAU;EAAe,WAAW,0BAA0B;EAC/F,UAAA,kBAAC,OAAD;GAAK,eAAY;GAAO,WAAW,QAAQ,EAAW;GACnD,UAAA,EAAI,KAAK,GAAO,MAAW;IAC1B,IAAI,EAAM,SAAS,SAAS;KAC1B,IAAM,IAAU,EAAiB,EAAM,MAAM,CAAY;KAiBzD,OAdI,MAAS,OAET,kBAAC,OAAD;MAEE,oBAAiB;MACjB,WAAW,GAAG,EAAY,GAAM;MAChC,OAAO;OACL,iBAAiB;OACjB,WAAW;OACX,SAAS;MACX;KACD,GARM,CAQN,IAIH,kBAAC,OAAD;MAEE,oBAAiB;MACjB,WAAW,YAAY,EAAY,GAAM;MACzC,OAAO;OACL,iBAAiB;OACjB,WAAW;OACX,SAAS;MACX;MAEA,UAAA,kBAAC,OAAD;OACE,WAAU;OACV,OAAO;QACL,KAAK;QACL,QAAQ;QACR,MAAM;QACN,OAAO;QACP,iBAAiB;QACjB,WACE;OACJ;OAEA,UAAA,kBAAC,OAAD,EAAK,WAAU,sDAAuD,CAAA;MACnE,CAAA;KACF,GAvBE,CAuBF;IAET;IAEA,IAAM,IAAO,EAAM,OACb,IAAU,MAAS;IA2BzB,OAxBI,MAAS,OAET,kBAAC,OAAD;KAEE,oBAAiB;KACjB,WAAW,GAAG,EAAY,GAAM;KAChC,OAAO;MACL,iBAAiB;MACjB,WAAW;MACX,SAAS;KACX;KAEC,UAAA,MAAS,OACR,kBAAC,QAAD;MACE,WAAW,GAAG,EAAgB,GAAM;MACpC,OAAO,EAAE,OAAO,IAAU,YAAY,EAAU;MAE/C,UAAA;KACG,CAAA;IAEL,GAjBE,CAiBF,IAKP,kBAAC,OAAD;KAEE,oBAAiB;KACjB,WAAW,YAAY,EAAY,GAAM;KACzC,OAAO;MACL,iBAAiB;MACjB,WAAW;MACX,SAAS;KACX;KARF,UAAA;MAUE,kBAAC,OAAD;OAAK,WAAU;OAAoD,OAAO,EAAE,QAAQ,EAAE;OACnF,UAAA,MAAS,OACR,kBAAC,QAAD;QACE,WAAW,GAAG,EAAgB,GAAM;QACpC,OAAO,EAAE,OAAO,IAAU,YAAY,EAAU;QAE/C,UAAA;OACG,CAAA;MAEL,CAAA;MACL,kBAAC,OAAD;OACE,WAAW,2CAA2C,IAAe,gBAAgB;OACrF,OAAO,EAAE,QAAQ,EAAE;MACpB,CAAA;MACD,kBAAC,OAAD;OACE,WAAU;OACV,OAAO;QACL,QAAQ;QACR,YAAY,IACR,8FACA;OACN;MACD,CAAA;KACE;IAhCE,GAAA,CAgCF;GAET,CAAC;EACE,CAAA;CACF,CAAA;AAET,CAAC"}