jaml-ui 0.14.1 → 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/index.d.ts

@@ -28,4 +28,3 @@ export { useAnalyzer, type AnalyzerStatus, type AnalyzerLive, type MotelyJsRunSt
 export { JamlSpeedometer, type JamlSpeedometerProps, } from "./components/JamlSpeedometer.js";
 export { JamlAestheticSelector, type JamlAestheticSelectorProps, type JamlAestheticOption, } from "./components/JamlAestheticSelector.js";
 export { JamlSeedInput, type JamlSeedInputProps, } from "./components/JamlSeedInput.js";
-export { initJamlFileSystem } from "./utils/fileSystem.js";

package/dist/index.js

@@ -29,4 +29,3 @@ export { useAnalyzer, } from "./hooks/useAnalyzer.js";
 export { JamlSpeedometer, } from "./components/JamlSpeedometer.js";
 export { JamlAestheticSelector, } from "./components/JamlAestheticSelector.js";
 export { JamlSeedInput, } from "./components/JamlSeedInput.js";
-export { initJamlFileSystem } from "./utils/fileSystem.js";

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.1",
+  "version": "0.14.3",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",
@@ -108,13 +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",
-    "@rewaffle/bootsharp-file-system": "link:D:/extra/bootsharp/dist/packages/file-system",
+    "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"
   }
 }

package/dist/components/PlayingCard.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export type CardSuit = 'Hearts' | 'Diamonds' | 'Clubs' | 'Spades' | 'hearts' | 'diamonds' | 'clubs' | 'spades';
-export type CardRank = 'Ace' | 'King' | 'Queen' | 'Jack' | '10' | '9' | '8' | '7' | '6' | '5' | '4' | '3' | '2' | 'A' | 'K' | 'Q' | 'J';
-export type CardEnhancement = 'bonus' | 'mult' | 'wild' | 'glass' | 'steel' | 'stone' | 'gold' | 'lucky' | null;
-export type CardSeal = 'gold' | 'red' | 'blue' | 'purple' | null;
-export type CardEdition = 'Foil' | 'Holographic' | 'Polychrome' | 'Negative' | null;
-interface RealPlayingCardProps {
-    suit: CardSuit;
-    rank: CardRank;
-    enhancement?: CardEnhancement;
-    seal?: CardSeal;
-    edition?: CardEdition;
-    className?: string;
-    size?: number;
-    style?: React.CSSProperties;
-}
-export declare function RealPlayingCard({ suit, rank, enhancement, seal, edition, className, size, style }: RealPlayingCardProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/PlayingCard.js

@@ -1,80 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveJamlAssetUrl } from '../assets.js';
-import { RANK_MAP, SUIT_MAP, ENHANCER_MAP, SEAL_MAP, EDITION_MAP } from '../sprites/spriteData.js';
-function cn(...classes) { return classes.filter(Boolean).join(" "); }
-const CARD_WIDTH = 71;
-const CARD_HEIGHT = 95;
-const RANK_ALIAS = { A: 'Ace', K: 'King', Q: 'Queen', J: 'Jack' };
-const pascal = (s) => s[0].toUpperCase() + s.slice(1).toLowerCase();
-export function RealPlayingCard({ suit, rank, enhancement, seal, edition, className, size = 71, style }) {
-    const rankKey = RANK_ALIAS[rank] ?? rank;
-    const suitKey = pascal(suit);
-    const col = RANK_MAP[rankKey];
-    const row = SUIT_MAP[suitKey];
-    if (col === undefined || row === undefined) {
-        console.warn(`Invalid card: ${rank} of ${suit}`);
-        return null;
-    }
-    const scale = size / CARD_WIDTH;
-    const finalH = size * (CARD_HEIGHT / CARD_WIDTH);
-    // Base card position
-    const bgX = -col * CARD_WIDTH;
-    const bgY = -row * CARD_HEIGHT;
-    // Enhancement background (if any) — ENHANCER_MAP is PascalCase, prop is lowercase
-    const enhPos = enhancement ? ENHANCER_MAP[pascal(enhancement)] ?? { x: 0, y: 0 } : { x: 0, y: 0 };
-    const enhBgX = -enhPos.x * CARD_WIDTH;
-    const enhBgY = -enhPos.y * CARD_HEIGHT;
-    // Seal overlay — SEAL_MAP is keyed by "Gold"/"Red"/"Blue"/"Purple"
-    const sealPos = seal ? SEAL_MAP[pascal(seal)] ?? null : null;
-    const sealBgX = sealPos ? -sealPos.x * CARD_WIDTH : 0;
-    const sealBgY = sealPos ? -sealPos.y * CARD_HEIGHT : 0;
-    // Edition overlay — EDITION_MAP gives column index on 5-wide editions sheet
-    const editionCol = edition ? EDITION_MAP[edition] : undefined;
-    const editionBgX = editionCol !== undefined ? -editionCol * CARD_WIDTH : 0;
-    const editionBgY = 0;
-    const isNegative = edition === 'Negative';
-    const baseFilter = isNegative ? 'invert(0.94)' : 'none';
-    const enhancersUrl = resolveJamlAssetUrl('enhancers');
-    const deckUrl = resolveJamlAssetUrl('deck');
-    const editionsUrl = resolveJamlAssetUrl('editions');
-    return (_jsxs("div", { className: cn('relative overflow-hidden inline-block select-none', className), style: {
-            width: size,
-            height: finalH,
-            imageRendering: 'pixelated',
-            ...style
-        }, title: `${rank} of ${suit}${enhancement ? ` (${enhancement})` : ''}${seal ? ` [${seal} seal]` : ''}${edition ? ` {${edition}}` : ''}`, children: [_jsx("div", { className: "absolute inset-0", style: {
-                    backgroundImage: `url(${enhancersUrl})`,
-                    backgroundPosition: `${enhBgX}px ${enhBgY}px`,
-                    width: CARD_WIDTH,
-                    height: CARD_HEIGHT,
-                    transform: `scale(${scale})`,
-                    transformOrigin: 'top left',
-                    backgroundRepeat: 'no-repeat',
-                } }), _jsx("div", { className: "absolute inset-0 z-[1]", style: {
-                    backgroundImage: `url(${deckUrl})`,
-                    backgroundPosition: `${bgX}px ${bgY}px`,
-                    width: CARD_WIDTH,
-                    height: CARD_HEIGHT,
-                    transform: `scale(${scale})`,
-                    transformOrigin: 'top left',
-                    backgroundRepeat: 'no-repeat',
-                    filter: baseFilter
-                } }), edition && edition !== 'Negative' && (_jsx("div", { className: "absolute inset-0 z-[2] mix-blend-screen opacity-60", style: {
-                    backgroundImage: `url(${editionsUrl})`,
-                    backgroundPosition: `${editionBgX}px ${editionBgY}px`,
-                    width: CARD_WIDTH,
-                    height: CARD_HEIGHT,
-                    transform: `scale(${scale})`,
-                    transformOrigin: 'top left',
-                    backgroundRepeat: 'no-repeat',
-                } })), seal && (_jsx("div", { className: "absolute inset-0 z-[3]", style: {
-                    backgroundImage: `url(${enhancersUrl})`,
-                    backgroundPosition: `${sealBgX}px ${sealBgY}px`,
-                    width: CARD_WIDTH,
-                    height: CARD_HEIGHT,
-                    transform: `scale(${scale})`,
-                    transformOrigin: 'top left',
-                    backgroundRepeat: 'no-repeat',
-                } })), isNegative && (_jsx("div", { className: "absolute inset-0 z-[4] bg-red-500/10 pointer-events-none mix-blend-overlay" }))] }));
-}