jaml-ui 0.14.2 → 0.14.3

package/dist/components/AnalyzerExplorer.js

@@ -157,7 +157,6 @@ const styles = {
     highlightTitle: {
         fontSize: 12,
         color: "#6f6fa1",
-        textTransform: "uppercase",
         letterSpacing: "0.05em",
     },
     highlightSubtitle: {
@@ -212,7 +211,6 @@ const styles = {
     highlightAnte: {
         fontSize: 11,
         color: "#a855f7",
-        textTransform: "uppercase",
         letterSpacing: "0.05em",
     },
     highlightLabel: {
@@ -248,14 +246,12 @@ const styles = {
     navLabel: {
         fontSize: 13,
         color: "#a855f7",
-        textTransform: "uppercase",
         letterSpacing: "0.05em",
         minWidth: 110,
         textAlign: "center",
     },
     navSubLabel: {
         color: "#5a5a88",
-        textTransform: "none",
         letterSpacing: "normal",
         fontSize: 11,
         marginLeft: 4,
@@ -287,7 +283,6 @@ const styles = {
     anteHeading: {
         fontSize: 14,
         color: "#a855f7",
-        textTransform: "uppercase",
         letterSpacing: "0.05em",
     },
     bossRow: {
@@ -305,7 +300,6 @@ const styles = {
     rowLabel: {
         fontSize: 11,
         color: "#5a5a88",
-        textTransform: "uppercase",
         letterSpacing: "0.05em",
         marginBottom: 4,
     },
@@ -335,7 +329,6 @@ const styles = {
         color: "#7f7fa7",
         border: "1px solid #2a2a55",
         fontSize: 11,
-        textTransform: "uppercase",
     },
     itemCard: {
         display: "flex",
@@ -386,7 +379,6 @@ const styles = {
         color: "#c7c7ef",
         border: "1px solid #35356d",
         fontSize: 11,
-        textTransform: "uppercase",
     },
     badgeAccent: {
         padding: "1px 4px",
@@ -395,7 +387,6 @@ const styles = {
         color: "#f5c842",
         border: "1px solid rgba(245,200,66,0.35)",
         fontSize: 11,
-        textTransform: "uppercase",
     },
     badgeMuted: {
         padding: "1px 4px",
@@ -404,7 +395,6 @@ const styles = {
         color: "#7f7fa7",
         border: "1px solid #2a2a55",
         fontSize: 11,
-        textTransform: "uppercase",
     },
     packChip: {
         fontSize: 13,
@@ -427,7 +417,6 @@ const styles = {
     factLabel: {
         fontSize: 11,
         color: "#7f7fa7",
-        textTransform: "uppercase",
     },
     factValue: {
         fontSize: 13,

package/dist/components/JamlAestheticSelector.js

@@ -16,7 +16,7 @@ export function JamlAestheticSelector({ value, onChange, className, style }) {
             flexDirection: "column",
             gap: 4,
             ...style,
-        }, children: [_jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "Seed Aesthetics" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: AESTHETICS.map((a) => {
+        }, children: [_jsx(JimboText, { size: "xs", tone: "grey", children: "Seed Aesthetics" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: AESTHETICS.map((a) => {
                     const isActive = value === a.id;
                     return (_jsx("button", { type: "button", onClick: () => onChange(isActive ? null : a.id, a.value), title: a.desc, style: {
                             padding: "4px 10px",
@@ -26,9 +26,7 @@ export function JamlAestheticSelector({ value, onChange, className, style }) {
                             color: isActive ? JimboColorOption.GOLD_TEXT : JimboColorOption.GREY,
                             cursor: "pointer",
                             fontSize: 11,
-                            fontWeight: 700,
                             fontFamily: "m6x11plus, monospace",
-                            textTransform: "uppercase",
                             letterSpacing: 0.5,
                             transition: "border-color 100ms, background 100ms",
                         }, children: a.label }, a.id));

package/dist/components/JamlAnalyzerFullscreen.js

@@ -52,7 +52,7 @@ export function JamlAnalyzerFullscreen({ antes, live, enabledStreams, onEnabledS
                     } }, ante.ante))) }), _jsx(SideRail, { antes: antes.map((a) => a.ante), currentAnte: currentAnte, onJump: scrollToAnte }), !hidePicker && (_jsx(StreamPicker, { enabled: effectiveEnabled, onChange: setEnabled, open: pickerOpen, onToggle: () => setPickerOpen((v) => !v) }))] }));
 }
 function AnteSection({ ante, live, enabledStreams, chunkSize, registerRef }) {
-    return (_jsxs("section", { ref: registerRef, "data-ante": ante.ante, style: styles.section, children: [_jsxs("header", { style: styles.header, children: [_jsxs("div", { children: [_jsx("div", { style: styles.anteLabel, children: "ANTE" }), _jsx("div", { style: styles.anteNumber, children: ante.ante })] }), ante.voucher && (_jsxs("div", { style: styles.voucherBlock, children: [_jsx(JamlVoucher, { voucherName: ante.voucher, scale: 0.85 }), _jsx("div", { style: styles.voucherCaption, children: ante.voucher })] }))] }), _jsxs("div", { style: styles.blindRow, children: [_jsx(BlindCell, { label: "SMALL", tag: ante.smallBlindTag }), _jsx(BlindCell, { label: "BIG", tag: ante.bigBlindTag }), ante.boss && (_jsxs("div", { style: styles.bossCell, children: [_jsx("div", { style: styles.cellLabel, children: "BOSS" }), _jsx(JamlBoss, { bossName: ante.boss, scale: 0.7 }), _jsx("div", { style: styles.cellCaption, children: ante.boss })] }))] }), ante.packs && ante.packs.length > 0 && (_jsxs("div", { style: styles.streamLane, children: [_jsx("div", { style: styles.streamLabel, children: "PACKS" }), _jsx("div", { style: styles.packRow, children: ante.packs.map((pack, i) => (_jsx("div", { style: styles.packPill, children: pack }, `${ante.ante}-pack-${i}`))) })] })), enabledStreams.map((key) => {
+    return (_jsxs("section", { ref: registerRef, "data-ante": ante.ante, style: styles.section, children: [_jsxs("header", { style: styles.header, children: [_jsxs("div", { children: [_jsx("div", { style: styles.anteLabel, children: "Ante" }), _jsx("div", { style: styles.anteNumber, children: ante.ante })] }), ante.voucher && (_jsxs("div", { style: styles.voucherBlock, children: [_jsx(JamlVoucher, { voucherName: ante.voucher, scale: 0.85 }), _jsx("div", { style: styles.voucherCaption, children: ante.voucher })] }))] }), _jsxs("div", { style: styles.blindRow, children: [_jsx(BlindCell, { label: "Small", tag: ante.smallBlindTag }), _jsx(BlindCell, { label: "Big", tag: ante.bigBlindTag }), ante.boss && (_jsxs("div", { style: styles.bossCell, children: [_jsx("div", { style: styles.cellLabel, children: "Boss" }), _jsx(JamlBoss, { bossName: ante.boss, scale: 0.7 }), _jsx("div", { style: styles.cellCaption, children: ante.boss })] }))] }), ante.packs && ante.packs.length > 0 && (_jsxs("div", { style: styles.streamLane, children: [_jsx("div", { style: styles.streamLabel, children: "Packs" }), _jsx("div", { style: styles.packRow, children: ante.packs.map((pack, i) => (_jsx("div", { style: styles.packPill, children: pack }, `${ante.ante}-pack-${i}`))) })] })), enabledStreams.map((key) => {
                 const isShop = key === "shop";
                 const initialItems = isShop
                     ? (ante.shop ?? []).map((item) => ({
@@ -70,7 +70,7 @@ function StreamLane({ ante, streamKey, live, chunkSize, initialItems }) {
     const stream = useMotelyStream(handle?.initStream ?? null, handle?.nextItem ?? null, [ante, streamKey, live?.seed, live?.deck, live?.stake], initialItems);
     const desired = live?.desiredNames ?? new Set();
     const toneColor = TONE_COLORS[meta.tone] ?? TONE_COLORS.default;
-    return (_jsxs("div", { style: styles.streamLane, children: [_jsxs("div", { style: { ...styles.streamLabel, color: toneColor }, children: [meta.label.toUpperCase(), stream.items.length > 0 ? ` · ${stream.items.length}` : ""] }), _jsx(ShopRow, { items: stream.items, desired: desired, loadingMore: stream.loadingMore, ready: stream.ready, onPullMore: () => stream.pullMore(chunkSize) }), stream.error && _jsxs("div", { style: styles.errorLine, children: ["stream error: ", stream.error] })] }));
+    return (_jsxs("div", { style: styles.streamLane, children: [_jsxs("div", { style: { ...styles.streamLabel, color: toneColor }, children: [meta.label, stream.items.length > 0 ? ` · ${stream.items.length}` : ""] }), _jsx(ShopRow, { items: stream.items, desired: desired, loadingMore: stream.loadingMore, ready: stream.ready, onPullMore: () => stream.pullMore(chunkSize) }), stream.error && _jsxs("div", { style: styles.errorLine, children: ["stream error: ", stream.error] })] }));
 }
 function BlindCell({ label, tag }) {
     if (!tag)
@@ -139,7 +139,7 @@ function StreamPicker({ enabled, onChange, open, onToggle }) {
             next.add(key);
         onChange(all.map((m) => m.key).filter((k) => next.has(k)));
     }
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onToggle, style: styles.pickerButton, "aria-label": "Toggle stream picker", children: open ? "✕" : "≡" }), open && (_jsxs("div", { style: styles.pickerPanel, children: [_jsx("div", { style: styles.pickerHeader, children: "STREAMS" }), all.map((meta) => {
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onToggle, style: styles.pickerButton, "aria-label": "Toggle stream picker", children: open ? "✕" : "≡" }), open && (_jsxs("div", { style: styles.pickerPanel, children: [_jsx("div", { style: styles.pickerHeader, children: "Streams" }), all.map((meta) => {
                         const isOn = enabledSet.has(meta.key);
                         const tone = TONE_COLORS[meta.tone] ?? TONE_COLORS.default;
                         return (_jsxs("button", { type: "button", onClick: () => toggle(meta.key), style: {

package/dist/components/JamlIde.js

@@ -61,7 +61,6 @@ function ResultsView({ results }) {
                                     minWidth: 80,
                                 }, children: result.seed }), result.score !== undefined ? (_jsxs(_Fragment, { children: [_jsx(TallyBar, { value: result.score, max: maxScore }), _jsx("span", { style: {
                                             fontSize: 12,
-                                            fontWeight: 700,
                                             color: result.score > 0 ? JimboColorOption.GREEN_TEXT : JimboColorOption.GREY,
                                             minWidth: 36,
                                             textAlign: "right",
@@ -83,7 +82,6 @@ function ResultsView({ results }) {
                                             whiteSpace: "nowrap",
                                         }, children: label }), _jsx(TallyBar, { value: val, max: maxVal }), _jsx("span", { style: {
                                             fontSize: 11,
-                                            fontWeight: 700,
                                             color: val > 0 ? JimboColorOption.GREEN_TEXT : JimboColorOption.DARK_GREY,
                                             minWidth: 24,
                                             textAlign: "right",

package/dist/components/JamlSeedInput.js

@@ -13,14 +13,13 @@ export function JamlSeedInput({ value, onChange, placeholder = "Enter seed (e.g.
         setInternal(raw);
         onChange?.(raw);
     };
-    return (_jsxs("div", { className: className, style: { display: "flex", flexDirection: "column", gap: 4, ...style }, children: [_jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "Seed" }), _jsx("input", { type: "text", value: display, onChange: handleChange, placeholder: placeholder, maxLength: 8, spellCheck: false, autoComplete: "off", style: {
+    return (_jsxs("div", { className: className, style: { display: "flex", flexDirection: "column", gap: 4, ...style }, children: [_jsx(JimboText, { size: "xs", tone: "grey", children: "Seed" }), _jsx("input", { type: "text", value: display, onChange: handleChange, placeholder: placeholder, maxLength: 8, spellCheck: false, autoComplete: "off", style: {
                     padding: "6px 10px",
                     borderRadius: 6,
                     border: `2px solid ${!isValid ? JimboColorOption.RED : display.length === 8 ? JimboColorOption.GREEN : JimboColorOption.PANEL_EDGE}`,
                     background: JimboColorOption.DARKEST,
                     color: JimboColorOption.GOLD_TEXT,
                     fontSize: 16,
-                    fontWeight: 900,
                     fontFamily: "m6x11plus, monospace",
                     letterSpacing: 2,
                     textTransform: "uppercase",

package/dist/components/JamlSpeedometer.js

@@ -50,5 +50,5 @@ export function JamlSpeedometer({ seedsPerSecond, totalSearched, matchingSeeds,
                                 transformOrigin: "60px 65px",
                                 transform: `rotate(${angle}deg)`,
                                 transition: "transform 300ms ease",
-                            } }), _jsx("circle", { cx: 60, cy: 65, r: 4, fill: JimboColorOption.RED })] }) }), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 20, fontWeight: 900, fontFamily: "m6x11plus, monospace", color: isActive ? speedColor : JimboColorOption.GREY }, children: isActive ? formatSpeed(seedsPerSecond) : "---" }), _jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "seeds / sec" })] }), _jsxs("div", { style: { display: "flex", gap: 16, marginTop: 2 }, children: [_jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 700, fontFamily: "m6x11plus, monospace", color: JimboColorOption.WHITE }, children: formatCount(totalSearched) }), _jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "searched" })] }), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 700, fontFamily: "m6x11plus, monospace", color: JimboColorOption.GREEN_TEXT }, children: formatCount(matchingSeeds) }), _jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "matches" })] })] })] }));
+                            } }), _jsx("circle", { cx: 60, cy: 65, r: 4, fill: JimboColorOption.RED })] }) }), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 20, fontFamily: "m6x11plus, monospace", color: isActive ? speedColor : JimboColorOption.GREY }, children: isActive ? formatSpeed(seedsPerSecond) : "---" }), _jsx(JimboText, { size: "xs", tone: "grey", children: "seeds / sec" })] }), _jsxs("div", { style: { display: "flex", gap: 16, marginTop: 2 }, children: [_jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 13, fontFamily: "m6x11plus, monospace", color: JimboColorOption.WHITE }, children: formatCount(totalSearched) }), _jsx(JimboText, { size: "xs", tone: "grey", children: "searched" })] }), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 13, fontFamily: "m6x11plus, monospace", color: JimboColorOption.GREEN_TEXT }, children: formatCount(matchingSeeds) }), _jsx(JimboText, { size: "xs", tone: "grey", children: "matches" })] })] })] }));
 }

package/dist/ui/codeBlock.js

@@ -9,7 +9,7 @@ export function JimboCodeBlock({ code, language, filename, className = '' }) {
         setCopied(true);
         setTimeout(() => setCopied(false), 2000);
     };
-    return (_jsxs("div", { className: 'rounded-xl overflow-hidden flex flex-col border-2 ' + className, style: { backgroundColor: JimboColorOption.DARKEST, borderColor: JimboColorOption.PANEL_EDGE, boxShadow: '0 3px 0 0 rgba(0,0,0,0.5)' }, children: [_jsxs("div", { style: { padding: '0.5rem 1rem', display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderBottom: `1px solid ${JimboColorOption.INNER_BORDER}` }, children: [_jsxs("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [filename && _jsx("span", { style: { fontSize: 10, textTransform: 'uppercase', opacity: 0.6 }, children: filename }), language && _jsx("span", { style: { fontSize: 9, padding: '1px 6px', borderRadius: 3, background: 'rgba(0,0,0,0.4)', color: '#60a5fa', textTransform: 'uppercase' }, children: language })] }), _jsx("button", { onClick: copy, title: "Copy", style: { padding: 4, background: 'none', border: 'none', cursor: 'pointer', color: copied ? '#4ade80' : 'rgba(255,255,255,0.5)', display: 'flex' }, children: copied
+    return (_jsxs("div", { className: 'rounded-xl overflow-hidden flex flex-col border-2 ' + className, style: { backgroundColor: JimboColorOption.DARKEST, borderColor: JimboColorOption.PANEL_EDGE, boxShadow: '0 3px 0 0 rgba(0,0,0,0.5)' }, children: [_jsxs("div", { style: { padding: '0.5rem 1rem', display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderBottom: `1px solid ${JimboColorOption.INNER_BORDER}` }, children: [_jsxs("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [filename && _jsx("span", { style: { fontSize: 10, opacity: 0.6 }, children: filename }), language && _jsx("span", { style: { fontSize: 9, padding: '1px 6px', borderRadius: 3, background: 'rgba(0,0,0,0.4)', color: '#60a5fa' }, children: language })] }), _jsx("button", { onClick: copy, title: "Copy", style: { padding: 4, background: 'none', border: 'none', cursor: 'pointer', color: copied ? '#4ade80' : 'rgba(255,255,255,0.5)', display: 'flex' }, children: copied
                             ? _jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })
                             : _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }) })] }), _jsx("pre", { style: { padding: '1rem', overflowX: 'auto', fontFamily: 'monospace', fontSize: '0.875rem', lineHeight: 1.6, color: '#f6f0d5', margin: 0 }, children: _jsx("code", { children: code }) })] }));
 }

package/dist/ui/jimboCopyRow.js

@@ -12,7 +12,7 @@ export function JimboCopyRow({ value, label }) {
             setTimeout(() => setCopied(false), 1500);
         });
     }
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [label && (_jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, style: { letterSpacing: 2 }, children: label })), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("div", { style: {
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [label && (_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 2 }, children: label })), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("div", { style: {
                             flex: 1,
                             padding: '6px 10px',
                             background: C.DARKEST,
@@ -31,6 +31,5 @@ export function JimboCopyRow({ value, label }) {
                             cursor: 'pointer',
                             flexShrink: 0,
                             transition: 'color 0.15s, background 0.15s, border-color 0.15s',
-                            textTransform: 'uppercase',
                         }, children: copied ? 'Copied' : 'Copy' })] })] }));
 }

package/dist/ui/jimboFilterBar.js

@@ -9,7 +9,7 @@ import { JimboText } from './jimboText.js';
  *
  * Pass `sortOptions` to show the sort side; omit to show search only.
  */
-export function JimboFilterBar({ search, onSearchChange, searchPlaceholder = 'SEARCH...', searchLabel = 'Search', sort, onSortChange, sortLabel = 'Sort By', sortOptions, className = '', style, }) {
+export function JimboFilterBar({ search, onSearchChange, searchPlaceholder = 'Search...', searchLabel = 'Search', sort, onSortChange, sortLabel = 'Sort By', sortOptions, className = '', style, }) {
     return (_jsxs("div", { className: className, style: {
             display: 'flex',
             gap: 24,
@@ -35,7 +35,6 @@ export function JimboFilterBar({ search, onSearchChange, searchPlaceholder = 'SE
                                 fontFamily: "'m6x11plus', 'Courier New', monospace",
                                 fontSize: 20,
                                 letterSpacing: 2,
-                                textTransform: 'uppercase',
                                 outline: 'none',
                             } })] }) })) : null, sortOptions && onSortChange ? (_jsx(FloatingLabelField, { label: sortLabel, children: _jsxs("div", { style: { position: 'relative' }, children: [_jsx("select", { value: sort ?? sortOptions[0]?.value, onChange: (e) => onSortChange(e.target.value), style: {
                                 appearance: 'none',
@@ -50,7 +49,6 @@ export function JimboFilterBar({ search, onSearchChange, searchPlaceholder = 'SE
                                 fontFamily: "'m6x11plus', 'Courier New', monospace",
                                 fontSize: 18,
                                 letterSpacing: 2,
-                                textTransform: 'uppercase',
                                 padding: '14px 48px 14px 24px',
                                 minWidth: 200,
                                 textAlign: 'center',
@@ -67,7 +65,7 @@ function FloatingLabelField({ label, children }) {
                     borderRadius: 6,
                     padding: '4px 12px',
                     zIndex: 2,
-                }, children: _jsx(JimboText, { size: "xs", uppercase: true, children: label }) }), children] }));
+                }, children: _jsx(JimboText, { size: "xs", children: label }) }), children] }));
 }
 function SearchIcon() {
     return (_jsxs("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [_jsx("circle", { cx: 11, cy: 11, r: 8 }), _jsx("line", { x1: 21, y1: 21, x2: 16.65, y2: 16.65 })] }));

package/dist/ui/showcase.js

@@ -16,7 +16,7 @@ export function Showcase({ hotFilters = [], recentFinds = [], stats = DEFAULT_ST
             width: '100%', height: '100%', background: C.DARKEST,
             display: 'flex', flexDirection: 'column',
             fontFamily: 'm6x11plus, monospace', color: C.WHITE, overflow: 'hidden',
-        }, children: [_jsxs("div", { style: { flex: 1, minHeight: 0, overflowY: 'auto', padding: '18px 14px 10px' }, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: 18 }, children: [_jsx("div", { style: { fontSize: 32, letterSpacing: 3, lineHeight: 1, color: C.GOLD, textShadow: '2px 2px 0 rgba(0,0,0,.8)' }, children: "Balatro" }), _jsx("div", { style: { fontSize: 14, letterSpacing: 4, color: C.GREY, marginTop: 4, textShadow: '1px 1px 0 rgba(0,0,0,.8)' }, children: "SEED \u00B7 CURATOR" })] }), _jsx("div", { style: {
+        }, children: [_jsxs("div", { style: { flex: 1, minHeight: 0, overflowY: 'auto', padding: '18px 14px 10px' }, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: 18 }, children: [_jsx("div", { style: { fontSize: 32, letterSpacing: 3, lineHeight: 1, color: C.GOLD, textShadow: '2px 2px 0 rgba(0,0,0,.8)' }, children: "Balatro" }), _jsx("div", { style: { fontSize: 14, letterSpacing: 4, color: C.GREY, marginTop: 4, textShadow: '1px 1px 0 rgba(0,0,0,.8)' }, children: "Seed \u00B7 Curator" })] }), _jsx("div", { style: {
                             background: C.DARK_GREY, borderRadius: 6, padding: 10,
                             border: `2px solid ${C.PANEL_EDGE}`, boxShadow: `0 2px 0 ${C.BLACK}`,
                             display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: 8, textAlign: 'center', marginBottom: 16,
@@ -24,11 +24,11 @@ export function Showcase({ hotFilters = [], recentFinds = [], stats = DEFAULT_ST
                             [stats.searched, 'searched'],
                             [stats.matches, 'matches'],
                             [stats.speed, 'speed'],
-                        ].map(([n, l]) => (_jsxs("div", { children: [_jsx("div", { style: { fontSize: 16, color: C.GOLD, textShadow: '1px 1px 0 rgba(0,0,0,.8)' }, children: n }), _jsx("div", { style: { fontSize: 9, color: C.GREY, letterSpacing: 2, marginTop: 2 }, children: l.toUpperCase() })] }, l))) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }, children: [_jsx("div", { style: {
+                        ].map(([n, l]) => (_jsxs("div", { children: [_jsx("div", { style: { fontSize: 16, color: C.GOLD, textShadow: '1px 1px 0 rgba(0,0,0,.8)' }, children: n }), _jsx("div", { style: { fontSize: 9, color: C.GREY, letterSpacing: 2, marginTop: 2 }, children: l })] }, l))) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }, children: [_jsx("div", { style: {
                                     fontSize: 11, letterSpacing: 2, padding: '2px 8px',
                                     background: C.BLUE, color: C.WHITE, borderRadius: 3,
                                     textShadow: '1px 1px 0 rgba(0,0,0,.8)',
-                                }, children: "HOT FILTERS" }), _jsx("div", { style: { flex: 1, height: 2, background: `${C.BLUE}55`, borderRadius: 1 } })] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 8, marginBottom: 16 }, children: hotFilters.map((f, i) => {
+                                }, children: "Hot Filters" }), _jsx("div", { style: { flex: 1, height: 2, background: `${C.BLUE}55`, borderRadius: 1 } })] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 8, marginBottom: 16 }, children: hotFilters.map((f, i) => {
                             const tColor = TONE_COLOR[f.tone];
                             return (_jsxs("div", { style: {
                                     background: C.DARK_GREY, borderRadius: 6, padding: 10,
@@ -43,7 +43,7 @@ export function Showcase({ hotFilters = [], recentFinds = [], stats = DEFAULT_ST
                                     fontSize: 11, letterSpacing: 2, padding: '2px 8px',
                                     background: C.GREEN, color: C.WHITE, borderRadius: 3,
                                     textShadow: '1px 1px 0 rgba(0,0,0,.8)',
-                                }, children: "RECENT FINDS" }), _jsx("div", { style: { flex: 1, height: 2, background: `${C.GREEN}55`, borderRadius: 1 } })] }), _jsx("div", { style: {
+                                }, children: "Recent Finds" }), _jsx("div", { style: { flex: 1, height: 2, background: `${C.GREEN}55`, borderRadius: 1 } })] }), _jsx("div", { style: {
                             background: C.DARK_GREY, borderRadius: 6, padding: '8px 10px',
                             border: `2px solid ${C.PANEL_EDGE}`, boxShadow: `0 2px 0 ${C.BLACK}`,
                             fontSize: 11, color: C.GREY, letterSpacing: 1, lineHeight: 1.7,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaml-ui",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",
@@ -108,12 +108,15 @@
     "@types/three": "^0.184.0",
     "@vitejs/plugin-react": "^5.0.4",
     "monaco-editor": "^0.55.1",
-    "motely-wasm": "link:../JammySeedFinder/src/MotelyJAML/Motely.Wasm/bin/motely-wasm",
-"react": "^19.2.4",
+    "motely-wasm": "^14.0.2",
+    "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-icons": "^5.6.0",
     "three": "^0.184.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.9"
+  },
+  "dependencies": {
+    "@google/design.md": "^0.1.1"
   }
 }