jaml-ui 0.6.1 → 0.7.1

package/dist/hooks/useSearch.js

@@ -0,0 +1,76 @@
+"use client";
+import { useState, useCallback, useRef, useEffect } from "react";
+import { SEARCH_WORKER_CODE } from "./searchWorkerCode.js";
+function createWorker(motelyWasmUrl) {
+    const blob = new Blob([SEARCH_WORKER_CODE], { type: "text/javascript" });
+    const blobUrl = URL.createObjectURL(blob);
+    const worker = new Worker(blobUrl);
+    worker.postMessage({ type: "init", url: motelyWasmUrl });
+    return worker;
+}
+export function useSearch(motelyWasmUrl) {
+    const [state, setState] = useState({
+        results: [],
+        totalSearched: 0n,
+        matchingSeeds: 0n,
+        status: "idle",
+        error: null,
+    });
+    const workerRef = useRef(null);
+    const readyRef = useRef(false);
+    useEffect(() => {
+        setState((s) => ({ ...s, status: "booting" }));
+        const worker = createWorker(motelyWasmUrl);
+        workerRef.current = worker;
+        readyRef.current = false;
+        worker.onmessage = (e) => {
+            const msg = e.data;
+            if (msg.type === "ready") {
+                readyRef.current = true;
+                setState((s) => s.status === "booting" ? { ...s, status: "idle" } : s);
+            }
+            else if (msg.type === "result") {
+                setState((s) => ({ ...s, results: [...s.results, { seed: msg.seed, score: msg.score }] }));
+            }
+            else if (msg.type === "progress") {
+                setState((s) => ({ ...s, totalSearched: BigInt(msg.searched), matchingSeeds: BigInt(msg.matching) }));
+            }
+            else if (msg.type === "complete") {
+                setState((s) => ({ ...s, status: msg.status === "Completed" ? "completed" : "error", error: msg.status !== "Completed" ? msg.status : null, totalSearched: BigInt(msg.searched), matchingSeeds: BigInt(msg.matched) }));
+            }
+            else if (msg.type === "cancelled") {
+                setState((s) => ({ ...s, status: "cancelled" }));
+            }
+            else if (msg.type === "error") {
+                setState((s) => ({ ...s, status: "error", error: msg.message }));
+            }
+        };
+        return () => {
+            worker.terminate();
+            workerRef.current = null;
+        };
+    }, [motelyWasmUrl]);
+    const start = useCallback((jaml, count) => {
+        const worker = workerRef.current;
+        if (!worker)
+            return;
+        setState({ results: [], totalSearched: 0n, matchingSeeds: 0n, status: "running", error: null });
+        if (readyRef.current) {
+            worker.postMessage({ type: "start", jaml, count });
+        }
+        else {
+            const orig = worker.onmessage;
+            worker.onmessage = (e) => {
+                orig?.call(worker, e);
+                if (e.data.type === "ready") {
+                    worker.onmessage = orig;
+                    worker.postMessage({ type: "start", jaml, count });
+                }
+            };
+        }
+    }, []);
+    const cancel = useCallback(() => {
+        workerRef.current?.postMessage({ type: "stop" });
+    }, []);
+    return { ...state, start, cancel };
+}

package/dist/ui/footer.js

@@ -9,10 +9,10 @@ const SUITS = [
 ];
 const CYCLE = '5s';
 export function JimboBalatroFooter({ hidden = false, className = '' }) {
-    return (_jsxs("div", { className: ['fixed right-0 bottom-0 left-0 w-screen min-w-full transition-opacity duration-200', hidden ? 'pointer-events-none opacity-0' : 'opacity-100', className].filter(Boolean).join(' '), children: [_jsx("div", { style: { width: '100%', borderTop: '1px solid rgba(255,255,255,0.1)', background: 'rgba(0,0,0,0.9)', padding: '0 1rem 3px', textAlign: 'center' }, children: _jsxs("p", { style: { fontFamily: 'm6x11plus, monospace', fontSize: 'clamp(11px, 0.8vw + 8px, 14px)', display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center', gap: '0 0.5rem', color: 'white', margin: 0 }, children: [_jsx("span", { children: "Not affiliated with LocalThunk or PlayStack" }), _jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '0.25rem' }, children: ["Made with", ' ', _jsx("span", { style: { position: 'relative', display: 'inline-block', width: '1.5em', height: '1em', verticalAlign: 'middle' }, children: SUITS.map(({ char, kf }) => (_jsx("span", { style: { position: 'absolute', inset: 0, display: 'inline-flex', alignItems: 'center', justifyContent: 'center', opacity: 0, animationName: kf, animationDuration: CYCLE, animationDelay: '0s', animationIterationCount: 'infinite', animationTimingFunction: 'ease-out' }, children: char }, char))) }), ' ', "for the", ' ', _jsx("a", { href: "https://playbalatro.com", target: "_blank", rel: "noopener noreferrer", style: { color: JimboColorOption.GOLD, textDecoration: 'none' }, children: "Balatro" }), ' ', "community"] })] }) }), _jsx("style", { children: `
-        @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} }
-        @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} }
-        @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} }
-        @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} }
+    return (_jsxs("div", { className: ['fixed right-0 bottom-0 left-0 w-screen min-w-full transition-opacity duration-200', hidden ? 'pointer-events-none opacity-0' : 'opacity-100', className].filter(Boolean).join(' '), children: [_jsx("div", { style: { width: '100%', borderTop: '1px solid rgba(255,255,255,0.1)', background: 'rgba(0,0,0,0.9)', padding: '0 1rem 3px', textAlign: 'center' }, children: _jsxs("p", { style: { fontFamily: 'm6x11plus, monospace', fontSize: 'clamp(11px, 0.8vw + 8px, 14px)', display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center', gap: '0 0.5rem', color: 'white', margin: 0 }, children: [_jsx("span", { children: "Not affiliated with LocalThunk or PlayStack" }), _jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '0.25rem' }, children: ["Made with", ' ', _jsx("span", { style: { position: 'relative', display: 'inline-block', width: '1.5em', height: '1em', verticalAlign: 'middle' }, children: SUITS.map(({ char, kf }) => (_jsx("span", { style: { position: 'absolute', inset: 0, display: 'inline-flex', alignItems: 'center', justifyContent: 'center', opacity: 0, animationName: kf, animationDuration: CYCLE, animationDelay: '0s', animationIterationCount: 'infinite', animationTimingFunction: 'ease-out' }, children: char }, char))) }), ' ', "for the", ' ', _jsx("a", { href: "https://playbalatro.com", target: "_blank", rel: "noopener noreferrer", style: { color: JimboColorOption.GOLD, textDecoration: 'none' }, children: "Balatro" }), ' ', "community"] })] }) }), _jsx("style", { children: `
+        @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} }
+        @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} }
+        @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} }
+        @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} }
       ` })] }));
 }

package/dist/ui/panel.d.ts

@@ -1,36 +1,25 @@
 import React from 'react';
-import { type ButtonVariant } from './tokens.js';
 export interface JimboPanelProps extends React.HTMLAttributes<HTMLDivElement> {
     sway?: boolean;
     onBack?: () => void;
-    backLabel?: string;
     hideBack?: boolean;
 }
-export declare const JimboPanel: React.MemoExoticComponent<({ children, className, sway, onBack, backLabel, hideBack, style, ...props }: JimboPanelProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const JimboPanel: React.MemoExoticComponent<({ children, className, sway, onBack, hideBack, style, ...props }: JimboPanelProps) => import("react/jsx-runtime").JSX.Element>;
 export interface JimboInnerPanelProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare const JimboInnerPanel: React.MemoExoticComponent<({ children, className, style, ...props }: JimboInnerPanelProps) => import("react/jsx-runtime").JSX.Element>;
-export interface JimboButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
+export type JimboTone = 'orange' | 'red' | 'blue' | 'green' | 'gold' | 'grey';
+export interface JimboButtonProps {
+    tone?: JimboTone;
     size?: 'xs' | 'sm' | 'md' | 'lg';
     fullWidth?: boolean;
-}
-export declare function JimboButton({ children, variant, size, fullWidth, className, style, disabled, ...props }: JimboButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function JimboBackButton({ label, ...props }: Omit<JimboButtonProps, 'variant' | 'children'> & {
-    label?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export type BalTone = 'orange' | 'red' | 'blue' | 'green' | 'gold' | 'grey';
-export interface BalButtonProps {
-    tone?: BalTone;
-    size?: 'sm' | 'md' | 'lg';
-    fullWidth?: boolean;
     disabled?: boolean;
     onClick?: () => void;
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-export declare function BalButton({ tone, size, fullWidth, disabled, onClick, style, children, }: BalButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function BalBackButton({ onClick }: {
+export declare function JimboButton({ tone, size, fullWidth, disabled, onClick, style, children, }: JimboButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function JimboBackButton({ onClick }: {
     onClick?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
 export interface JimboModalProps {

package/dist/ui/panel.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, memo } from 'react';
 import { JimboColorOption, JIMBO_ANIMATIONS } from './tokens.js';
-export const JimboPanel = memo(({ children, className = '', sway = false, onBack, backLabel = 'Back', hideBack = false, style, ...props }) => {
+export const JimboPanel = memo(({ children, className = '', sway = false, onBack, hideBack = false, style, ...props }) => {
     const panelRef = useRef(null);
     useEffect(() => {
         if (!sway || !panelRef.current)
@@ -23,51 +23,16 @@ export const JimboPanel = memo(({ children, className = '', sway = false, onBack
             border: `3px solid ${JimboColorOption.BORDER_SILVER}`,
             boxShadow: `0 3px 0 0 ${JimboColorOption.BORDER_SOUTH}`,
             ...style,
-        }, ...props, children: [_jsx("div", { className: "flex-1 overflow-auto", children: children }), onBack && !hideBack && (_jsx("div", { className: "mt-4 pt-2 shrink-0", children: _jsx(JimboBackButton, { onClick: onBack, label: backLabel }) }))] }));
+        }, ...props, children: [_jsx("div", { className: "flex-1 overflow-auto", children: children }), onBack && !hideBack && (_jsx("div", { className: "mt-4 pt-2 shrink-0", children: _jsx(JimboBackButton, { onClick: onBack }) }))] }));
 });
 JimboPanel.displayName = 'JimboPanel';
 export const JimboInnerPanel = memo(({ children, className = '', style, ...props }) => (_jsx("div", { className: 'rounded-lg p-3 ' + className, style: { backgroundColor: JimboColorOption.INNER_BORDER, border: `2px solid ${JimboColorOption.PANEL_EDGE}`, ...style }, ...props, children: children })));
 JimboInnerPanel.displayName = 'JimboInnerPanel';
-// ─── Button ──────────────────────────────────────────────────────────────────
-const VARIANT_COLORS = {
-    primary: { bg: JimboColorOption.RED, hover: JimboColorOption.DARK_RED, text: '#fff' },
-    secondary: { bg: JimboColorOption.BLUE, hover: JimboColorOption.DARK_BLUE, text: '#fff' },
-    danger: { bg: JimboColorOption.RED, hover: JimboColorOption.DARK_RED, text: '#fff' },
-    back: { bg: JimboColorOption.ORANGE, hover: JimboColorOption.DARK_ORANGE, text: '#fff' },
-    ghost: { bg: 'transparent', hover: 'rgba(255,255,255,0.1)', text: '#fff' },
-};
-export function JimboButton({ children, variant = 'primary', size = 'md', fullWidth = false, className = '', style, disabled, ...props }) {
-    const [hovered, setHovered] = useState(false);
-    const [pressed, setPressed] = useState(false);
-    const c = VARIANT_COLORS[variant];
-    const pad = { xs: '0.2rem 0.5rem', sm: '0.25rem 0.75rem', md: '0.375rem 1rem', lg: '0.5rem 1.5rem' }[size];
-    return (_jsx("button", { disabled: disabled, onMouseEnter: () => { if (!disabled)
-            setHovered(true); }, onMouseLeave: () => { setHovered(false); setPressed(false); }, onMouseDown: () => { if (!disabled)
-            setPressed(true); }, onMouseUp: () => setPressed(false), className: className, style: {
-            fontFamily: 'm6x11plus, monospace',
-            backgroundColor: hovered ? c.hover : c.bg,
-            color: c.text,
-            padding: pad,
-            borderRadius: '0.5rem',
-            border: 'none',
-            cursor: disabled ? 'not-allowed' : 'pointer',
-            width: fullWidth ? '100%' : undefined,
-            opacity: disabled ? 0.5 : 1,
-            transform: pressed ? 'translateY(3px)' : 'none',
-            boxShadow: pressed ? 'none' : '0 3px 0 0 rgba(0,0,0,0.5)',
-            textShadow: '1px 1px 0 rgba(0,0,0,0.8)',
-            userSelect: 'none',
-            ...style,
-        }, ...props, children: children }));
-}
-export function JimboBackButton({ label = 'Back', ...props }) {
-    return _jsx(JimboButton, { variant: "back", size: "sm", fullWidth: true, ...props, children: label });
-}
-// ─── BalButton ────────────────────────────────────────────────────────────────
-// Canonical Balatro-style flat 2D button.
+// ─── JimboButton ──────────────────────────────────────────────────────────────
+// Canonical flat 2D Balatro-style button.
 // Two-layer: separate shadow div (3px south + 1px east) that disappears on press.
 // Press translates the face onto the shadow. No gradients, no hover color change.
-const BAL_PAIRS = {
+const JIMBO_TONE_PAIRS = {
     orange: [JimboColorOption.ORANGE, JimboColorOption.DARK_ORANGE],
     red: [JimboColorOption.RED, JimboColorOption.DARK_RED],
     blue: [JimboColorOption.BLUE, JimboColorOption.DARK_BLUE],
@@ -75,11 +40,11 @@ const BAL_PAIRS = {
     gold: [JimboColorOption.GOLD, '#8a6a1e'],
     grey: [JimboColorOption.DARK_GREY, JimboColorOption.DARKEST],
 };
-export function BalButton({ tone = 'orange', size = 'md', fullWidth = false, disabled = false, onClick, style, children, }) {
+export function JimboButton({ tone = 'orange', size = 'md', fullWidth = false, disabled = false, onClick, style, children, }) {
     const [pressed, setPressed] = useState(false);
-    const [fg, sh] = BAL_PAIRS[tone] ?? BAL_PAIRS.orange;
-    const pad = size === 'sm' ? '4px 10px' : size === 'lg' ? '14px 18px' : '9px 14px';
-    const fs = size === 'sm' ? 12 : size === 'lg' ? 18 : 14;
+    const [fg, sh] = JIMBO_TONE_PAIRS[tone] ?? JIMBO_TONE_PAIRS.orange;
+    const pad = size === 'xs' ? '2px 8px' : size === 'sm' ? '4px 10px' : size === 'lg' ? '14px 18px' : '9px 14px';
+    const fs = size === 'xs' ? 10 : size === 'sm' ? 12 : size === 'lg' ? 18 : 14;
     return (_jsxs("div", { onMouseDown: () => { if (!disabled)
             setPressed(true); }, onMouseUp: () => setPressed(false), onMouseLeave: () => setPressed(false), onTouchStart: () => { if (!disabled)
             setPressed(true); }, onTouchEnd: () => setPressed(false), onClick: () => { if (!disabled)
@@ -93,8 +58,8 @@ export function BalButton({ tone = 'orange', size = 'md', fullWidth = false, dis
                     textTransform: 'uppercase', lineHeight: 1.1,
                 }, children: children })] }));
 }
-export function BalBackButton({ onClick }) {
-    return (_jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%', padding: '8px 10px 10px' }, children: _jsx(BalButton, { tone: "orange", size: "md", onClick: onClick, style: { width: '66.666%' }, children: "Back" }) }));
+export function JimboBackButton({ onClick }) {
+    return (_jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%', padding: '8px 10px 10px' }, children: _jsx(JimboButton, { tone: "orange", size: "md", onClick: onClick, style: { width: '66.666%' }, children: "Back" }) }));
 }
 export function JimboModal({ children, open, onClose, title, className }) {
     const [visible, setVisible] = useState(open);
@@ -112,5 +77,5 @@ export function JimboModal({ children, open, onClose, title, className }) {
     }, [open]);
     if (!visible)
         return null;
-    return (_jsx("div", { style: { position: 'fixed', inset: 0, zIndex: 50, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '1rem', background: 'rgba(0,0,0,0.7)', opacity, transition: `opacity ${JIMBO_ANIMATIONS.MENU_SINK_DURATION}ms ease` }, onClick: onClose, children: _jsxs(JimboPanel, { sway: true, onBack: onClose, backLabel: "Close", className: 'w-full flex flex-col max-h-[90vh] ' + (className ?? 'max-w-lg'), onClick: (e) => e.stopPropagation(), children: [title && _jsx("h2", { style: { fontFamily: 'm6x11plus, monospace', color: '#fff', textAlign: 'center', margin: '0 0 1rem', fontSize: '1.25rem' }, children: title }), children] }) }));
+    return (_jsx("div", { style: { position: 'fixed', inset: 0, zIndex: 50, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '1rem', background: 'rgba(0,0,0,0.7)', opacity, transition: `opacity ${JIMBO_ANIMATIONS.MENU_SINK_DURATION}ms ease` }, onClick: onClose, children: _jsxs(JimboPanel, { sway: true, onBack: onClose, className: 'w-full flex flex-col max-h-[90vh] ' + (className ?? 'max-w-lg'), onClick: (e) => e.stopPropagation(), children: [title && _jsx("h2", { style: { fontFamily: 'm6x11plus, monospace', color: '#fff', textAlign: 'center', margin: '0 0 1rem', fontSize: '1.25rem' }, children: title }), children] }) }));
 }

package/dist/ui/showcase.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { JimboColorOption } from './tokens.js';
-import { BalButton } from './panel.js';
-import { BalSprite } from './sprites.js';
+import { JimboButton } from './panel.js';
+import { JimboSprite } from './sprites.js';
 const TONE_COLOR = {
     blue: JimboColorOption.BLUE,
     red: JimboColorOption.RED,
@@ -34,7 +34,7 @@ export function Showcase({ hotFilters = [], recentFinds = [], stats = DEFAULT_ST
                                     background: C.DARK_GREY, borderRadius: 6, padding: 10,
                                     border: `2px solid ${tColor}`, boxShadow: `0 2px 0 ${C.BLACK}`,
                                     display: 'flex', alignItems: 'center', gap: 10, cursor: 'pointer',
-                                }, children: [_jsx("div", { style: { display: 'flex', gap: 2 }, children: f.sample.map((name, j) => (_jsx("div", { style: { width: 30, height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(BalSprite, { name: name, width: 28 }) }, j))) }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
+                                }, children: [_jsx("div", { style: { display: 'flex', gap: 2 }, children: f.sample.map((name, j) => (_jsx("div", { style: { width: 30, height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(JimboSprite, { name: name, width: 28 }) }, j))) }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
                                                     fontSize: 13, color: C.WHITE, letterSpacing: 1,
                                                     textShadow: '1px 1px 0 rgba(0,0,0,.8)',
                                                     overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
@@ -50,5 +50,5 @@ export function Showcase({ hotFilters = [], recentFinds = [], stats = DEFAULT_ST
                         }, children: recentFinds.length === 0 ? (_jsx("div", { style: { color: C.GREY }, children: "No recent finds yet." })) : recentFinds.map((r, i) => (_jsxs("div", { children: [_jsx("span", { style: { color: C.GOLD_TEXT }, children: r.seed }), ' · ', r.filterName, r.score > 0 && _jsxs("span", { style: { color: C.GREEN_TEXT }, children: [" +", r.score] })] }, i))) }), _jsx("div", { style: { height: 16 } })] }), _jsxs("div", { style: {
                     padding: '8px 10px 10px', borderTop: `2px solid ${C.BLACK}`, background: C.DARK_GREY,
                     display: 'flex', flexDirection: 'column', gap: 6,
-                }, children: [_jsx(BalButton, { tone: "green", fullWidth: true, size: "md", onClick: onNewSearch, children: "New Search" }), _jsx(BalButton, { tone: "blue", fullWidth: true, size: "md", onClick: onBrowseFilters, children: "Browse Filters" }), _jsx(BalButton, { tone: "orange", fullWidth: true, size: "md", onClick: onBack, children: "Back" })] })] }));
+                }, children: [_jsx(JimboButton, { tone: "green", fullWidth: true, size: "md", onClick: onNewSearch, children: "New Search" }), _jsx(JimboButton, { tone: "blue", fullWidth: true, size: "md", onClick: onBrowseFilters, children: "Browse Filters" }), _jsx(JimboButton, { tone: "orange", fullWidth: true, size: "md", onClick: onBack, children: "Back" })] })] }));
 }

package/dist/ui/sprites.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { type SpriteSheetType } from '../sprites/spriteMapper.js';
-export interface BalSpriteProps {
+export interface JimboSpriteProps {
     name: string;
     sheet?: SpriteSheetType;
     width?: number;
     height?: number;
     style?: React.CSSProperties;
 }
-export declare function BalSprite({ name, sheet, width, height, style }: BalSpriteProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function JimboSprite({ name, sheet, width, height, style }: JimboSpriteProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/sprites.js

@@ -12,7 +12,7 @@ const SHEET_META = {
     Enhancers: { cols: 7, rows: 5, assetKey: 'enhancers' },
     Editions: { cols: 5, rows: 1, assetKey: 'editions' },
 };
-export function BalSprite({ name, sheet, width = 40, height, style }) {
+export function JimboSprite({ name, sheet, width = 40, height, style }) {
     const sprite = getSpriteData(name);
     const resolvedSheet = sheet ?? sprite?.type ?? 'Jokers';
     const meta = SHEET_META[resolvedSheet];

package/package.json

@@ -1,109 +1,107 @@
-{
-  "name": "jaml-ui",
-  "version": "0.6.1",
-  "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./core": {
-      "types": "./dist/core.d.ts",
-      "import": "./dist/core.js"
-    },
-    "./motely": {
-      "types": "./dist/motely.d.ts",
-      "import": "./dist/motely.js"
-    },
-    "./ui": {
-      "types": "./dist/ui.d.ts",
-      "import": "./dist/ui.js"
-    },
-    "./r3f": {
-      "types": "./dist/r3f.d.ts",
-      "import": "./dist/r3f.js"
-    },
-    "./assets/*": "./assets/*",
-    "./package.json": "./package.json"
-  },
-  "sideEffects": false,
-  "files": [
-    "dist",
-    "assets",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "build": "tsc --pretty false",
-    "dev": "tsc --watch",
-    "typecheck": "tsc --noEmit --pretty false",
-    "prepack": "npm run build"
-  },
-  "engines": {
-    "node": ">=18"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/OptimusPi/jaml-ui"
-  },
-  "homepage": "https://github.com/OptimusPi/jaml-ui#readme",
-  "bugs": {
-    "url": "https://github.com/OptimusPi/jaml-ui/issues"
-  },
-  "keywords": [
-    "balatro",
-    "jaml",
-    "motely",
-    "seed",
-    "card",
-    "sprite",
-    "ui"
-  ],
-  "author": "pifreak",
-  "license": "MIT",
-  "peerDependencies": {
-    "@react-spring/three": ">=9.0.0",
-    "@react-three/fiber": ">=8.0.0",
-    "motely-wasm": "^10.2.0 || ^11.0.0 || ^12.0.0",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "react-icons": ">=5.0.0",
-    "three": ">=0.150.0"
-  },
-  "peerDependenciesMeta": {
-    "@react-spring/three": {
-      "optional": true
-    },
-    "@react-three/fiber": {
-      "optional": true
-    },
-    "motely-wasm": {
-      "optional": true
-    },
-    "react-icons": {
-      "optional": true
-    },
-    "three": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@react-spring/three": "^10.0.3",
-    "@react-three/fiber": "^9.6.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@types/three": "^0.184.0",
-    "motely-wasm": "^12.0.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-icons": "^5.6.0",
-    "three": "^0.184.0",
-    "typescript": "^5.9.3"
-  }
-}
+{
+  "name": "jaml-ui",
+  "version": "0.7.1",
+  "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.js"
+    },
+    "./motely": {
+      "types": "./dist/motely.d.ts",
+      "import": "./dist/motely.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js"
+    },
+    "./r3f": {
+      "types": "./dist/r3f.d.ts",
+      "import": "./dist/r3f.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc --pretty false",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit --pretty false",
+    "prepack": "npm run build"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OptimusPi/jaml-ui"
+  },
+  "homepage": "https://github.com/OptimusPi/jaml-ui#readme",
+  "bugs": {
+    "url": "https://github.com/OptimusPi/jaml-ui/issues"
+  },
+  "keywords": [
+    "balatro",
+    "jaml",
+    "motely",
+    "seed",
+    "card",
+    "sprite",
+    "ui"
+  ],
+  "author": "pifreak",
+  "license": "MIT",
+  "peerDependencies": {
+    "@react-spring/three": ">=9.0.0",
+    "@react-three/fiber": ">=8.0.0",
+    "motely-wasm": "^10.2.0 || ^11.0.0 || ^12.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-icons": ">=5.0.0",
+    "three": ">=0.150.0"
+  },
+  "peerDependenciesMeta": {
+    "@react-spring/three": {
+      "optional": true
+    },
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "motely-wasm": {
+      "optional": true
+    },
+    "react-icons": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@react-spring/three": "^10.0.3",
+    "@react-three/fiber": "^9.6.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/three": "^0.184.0",
+    "motely-wasm": "^12.0.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-icons": "^5.6.0",
+    "three": "^0.184.0",
+    "typescript": "^5.9.3"
+  }
+}