jaml-ui 0.13.1 → 0.14.1

package/dist/components/GameCard.js

@@ -28,7 +28,7 @@ function normalizeCardSuit(raw) {
         return "Spades";
     return raw.trim();
 }
-function parsePlayingCardName(name) {
+function parseStandardcardName(name) {
     const trimmed = name.trim();
     const ofMatch = /^(A|K|Q|J|10|[2-9]|Ace|King|Queen|Jack)\s+of\s+(Hearts|Clubs|Diamonds|Spades)$/i.exec(trimmed);
     if (ofMatch) {
@@ -137,15 +137,15 @@ function resolvePackedAnalyzerItem(item, scale) {
             return { kind: "voucher", voucherName: baseName };
         }
     }
-    const playingCard = parsePlayingCardName(displayName) ?? parsePlayingCardName(baseName);
-    if (playingCard) {
+    const standardcard = parseStandardcardName(displayName) ?? parseStandardcardName(baseName);
+    if (standardcard) {
         return {
             kind: "playing",
             type: "playing",
             card: {
                 name: displayName,
-                rank: playingCard.rank,
-                suit: playingCard.suit,
+                rank: standardcard.rank,
+                suit: standardcard.suit,
                 scale,
             },
         };
@@ -182,15 +182,15 @@ export function resolveAnalyzerShopItem(item, scale = 1) {
             return { kind: "voucher", voucherName: baseName };
         }
     }
-    const playingCard = parsePlayingCardName(displayName) ?? parsePlayingCardName(baseName);
-    if (playingCard) {
+    const standardcard = parseStandardcardName(displayName) ?? parseStandardcardName(baseName);
+    if (standardcard) {
         return {
             kind: "playing",
             type: "playing",
             card: {
                 name: displayName,
-                rank: playingCard.rank,
-                suit: playingCard.suit,
+                rank: standardcard.rank,
+                suit: standardcard.suit,
                 scale,
             },
         };

package/dist/components/JamlAestheticSelector.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type JamlAestheticOption = "Palindrome" | "Psychosis" | "Gross" | "Nsfw" | "Funny" | "Balatro";
+export interface JamlAestheticSelectorProps {
+    value?: JamlAestheticOption | null;
+    onChange: (aesthetic: JamlAestheticOption | null, numericValue: number) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function JamlAestheticSelector({ value, onChange, className, style }: JamlAestheticSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlAestheticSelector.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JimboColorOption } from "../ui/tokens.js";
+import { JimboText } from "../ui/jimboText.js";
+const AESTHETICS = [
+    { id: "Palindrome", value: 0, label: "Palindrome", desc: "Seeds that read the same forwards and backwards" },
+    { id: "Psychosis", value: 1, label: "Psychosis", desc: "Unsettling or eerie seed patterns" },
+    { id: "Gross", value: 2, label: "Gross", desc: "Seeds with crude or disgusting words" },
+    { id: "Nsfw", value: 3, label: "NSFW", desc: "Seeds with adult content" },
+    { id: "Funny", value: 4, label: "Funny", desc: "Seeds that spell funny words" },
+    { id: "Balatro", value: 5, label: "Balatro", desc: "Seeds referencing the game itself" },
+];
+export function JamlAestheticSelector({ value, onChange, className, style }) {
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            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) => {
+                    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",
+                            borderRadius: 6,
+                            border: `2px solid ${isActive ? JimboColorOption.GOLD : JimboColorOption.PANEL_EDGE}`,
+                            background: isActive ? `${JimboColorOption.GOLD}22` : JimboColorOption.DARKEST,
+                            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/JamlIde.d.ts

@@ -17,6 +17,7 @@ export interface JamlIdeProps {
     defaultMode?: JamlIdeMode;
     searchResults?: JamlIdeSearchResult[];
     className?: string;
+    style?: React.CSSProperties;
     title?: string;
     actions?: React.ReactNode;
     codePlaceholder?: string;
@@ -31,4 +32,4 @@ export interface JamlIdeProps {
 }
 export type { JamlVisualFilter } from "./JamlIdeVisual.js";
 export type { JamlVisualClause, JamlZone } from "./JamlIdeVisual.js";
-export declare function JamlIde({ jaml, defaultJaml, onChange, defaultMode, searchResults, className, title, actions, codePlaceholder, onSearch, isSearching, visualFilter, onVisualFilterChange, }: JamlIdeProps): import("react/jsx-runtime").JSX.Element;
+export declare function JamlIde({ jaml, defaultJaml, onChange, defaultMode, searchResults, className, style, title, actions, codePlaceholder, onSearch, isSearching, visualFilter, onVisualFilterChange, }: JamlIdeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlIde.js

@@ -54,7 +54,7 @@ function ResultsView({ results }) {
                             textAlign: "left",
                         }, children: [_jsx("span", { style: {
                                     fontFamily: "m6x11plus, monospace",
-                                    fontWeight: 700,
+                                    fontWeight: "normal",
                                     fontSize: 14,
                                     letterSpacing: 1,
                                     color: JimboColorOption.GOLD_TEXT,
@@ -65,7 +65,7 @@ function ResultsView({ results }) {
                                             color: result.score > 0 ? JimboColorOption.GREEN_TEXT : JimboColorOption.GREY,
                                             minWidth: 36,
                                             textAlign: "right",
-                                        }, children: result.score })] })) : null, hasTally ? (_jsx("span", { style: { fontSize: 10, color: JimboColorOption.GREY, marginLeft: 2 }, children: isOpen ? "▲" : "▼" })) : null] }), isOpen && hasTally ? (_jsx("div", { style: {
+                                        }, children: result.score })] })) : null, hasTally ? (_jsx("span", { style: { fontSize: 11, color: JimboColorOption.GREY, marginLeft: 2 }, children: isOpen ? "▲" : "▼" })) : null] }), isOpen && hasTally ? (_jsx("div", { style: {
                             borderTop: `1px solid ${JimboColorOption.PANEL_EDGE}`,
                             padding: "8px 12px 10px",
                             display: "flex",
@@ -91,7 +91,7 @@ function ResultsView({ results }) {
                         }) })) : null] }, result.seed));
         }) }));
 }
-export function JamlIde({ jaml, defaultJaml, onChange, defaultMode = "code", searchResults = [], className = "", title = "JAML IDE", actions, codePlaceholder = "Enter JAML...", onSearch, isSearching = false, visualFilter, onVisualFilterChange, }) {
+export function JamlIde({ jaml, defaultJaml, onChange, defaultMode = "code", searchResults = [], className = "", style, title = "JAML IDE", actions, codePlaceholder = "Enter JAML...", onSearch, isSearching = false, visualFilter, onVisualFilterChange, }) {
     const [mode, setMode] = useState(defaultMode);
     const [internalText, setInternalText] = useState(jaml ?? defaultJaml ?? "");
     const [lastJamlProp, setLastJamlProp] = useState(jaml);
@@ -151,13 +151,15 @@ export function JamlIde({ jaml, defaultJaml, onChange, defaultMode = "code", sea
             boxShadow: `0 3px 0 0 ${JimboColorOption.BORDER_SOUTH}`,
             background: JimboColorOption.DARK_GREY,
             color: JimboColorOption.WHITE,
+            ...style,
         }, children: [_jsxs("div", { style: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
+                    flexWrap: "wrap",
                     gap: 12,
                     padding: "10px 14px",
                     borderBottom: `1px solid ${JimboColorOption.PANEL_EDGE}`,
                     background: JimboColorOption.TEAL_GREY,
-                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 14, fontWeight: 800, fontFamily: "m6x11plus, monospace", color: JimboColorOption.GOLD_TEXT }, children: title }), _jsx("div", { style: { fontSize: 11, color: JimboColorOption.GREY }, children: "Jimbo's Ante Markup Language" })] }), actions ? _jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: actions }) : null] }), _jsx(JamlIdeToolbar, { mode: mode, onModeChange: setMode, resultCount: results.length, onSearch: onSearch, isSearching: isSearching }), _jsxs("div", { style: { flex: 1, minHeight: 0, overflow: "auto", background: JimboColorOption.DARKEST }, children: [mode === "visual" ? (_jsx(JamlIdeVisual, { filter: activeFilter, onChange: handleVisualFilterChange })) : null, mode === "code" ? (_jsx(JamlCodeEditor, { value: text, onChange: handleTextChange, placeholder: codePlaceholder })) : null, mode === "map" ? _jsx(JamlMapPreview, { jaml: text }) : null, mode === "results" ? (_jsx("div", { style: { padding: 12 }, children: _jsx(ResultsView, { results: results }) })) : null] })] }));
+                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 16, fontWeight: "normal", fontFamily: "m6x11plus, monospace", color: JimboColorOption.GOLD_TEXT }, children: title }), _jsx("div", { style: { fontSize: 11, color: JimboColorOption.GREY }, children: "Jimbo's Ante Markup Language" })] }), actions ? _jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: actions }) : null] }), _jsx(JamlIdeToolbar, { mode: mode, onModeChange: setMode, resultCount: results.length, onSearch: onSearch, isSearching: isSearching }), _jsxs("div", { style: { flex: 1, minHeight: 0, overflow: "auto", background: JimboColorOption.DARKEST }, children: [mode === "visual" ? (_jsx(JamlIdeVisual, { filter: activeFilter, onChange: handleVisualFilterChange })) : null, mode === "code" ? (_jsx(JamlCodeEditor, { value: text, onChange: handleTextChange, placeholder: codePlaceholder })) : null, mode === "map" ? _jsx(JamlMapPreview, { jaml: text }) : null, mode === "results" ? (_jsx("div", { style: { padding: 12 }, children: _jsx(ResultsView, { results: results }) })) : null] })] }));
 }

package/dist/components/JamlIdeToolbar.js

@@ -14,6 +14,7 @@ export function JamlIdeToolbar({ mode, onModeChange, resultCount = 0, className
             display: "flex",
             alignItems: "center",
             justifyContent: "space-between",
+            flexWrap: "wrap",
             gap: 8,
             padding: "10px 10px 6px",
             borderBottom: `1px solid ${JimboColorOption.PANEL_EDGE}`,

package/dist/components/JamlSeedInput.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface JamlSeedInputProps {
+    value?: string;
+    onChange?: (seed: string) => void;
+    placeholder?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function JamlSeedInput({ value, onChange, placeholder, className, style }: JamlSeedInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlSeedInput.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { JimboColorOption } from "../ui/tokens.js";
+import { JimboText } from "../ui/jimboText.js";
+const SEED_PATTERN = /^[A-Z0-9]{0,8}$/;
+export function JamlSeedInput({ value, onChange, placeholder = "Enter seed (e.g. J4SPZMWW)", className, style }) {
+    const [internal, setInternal] = useState(value ?? "");
+    const display = value ?? internal;
+    const isValid = display.length === 0 || SEED_PATTERN.test(display);
+    const handleChange = (e) => {
+        const raw = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, "").slice(0, 8);
+        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: {
+                    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",
+                    outline: "none",
+                    transition: "border-color 100ms",
+                } }), display.length > 0 && display.length < 8 && (_jsxs(JimboText, { size: "xs", tone: "grey", children: [8 - display.length, " more characters"] }))] }));
+}

package/dist/components/JamlSpeedometer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SearchStatus } from "../hooks/useSearch.js";
+export interface JamlSpeedometerProps {
+    seedsPerSecond: number;
+    totalSearched: bigint;
+    matchingSeeds: bigint;
+    status: SearchStatus;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function JamlSpeedometer({ seedsPerSecond, totalSearched, matchingSeeds, status, className, style, }: JamlSpeedometerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlSpeedometer.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JimboColorOption } from "../ui/tokens.js";
+import { JimboText } from "../ui/jimboText.js";
+function formatCount(n) {
+    if (n >= 1000000000n)
+        return `${(Number(n / 1000000n) / 1000).toFixed(1)}B`;
+    if (n >= 1000000n)
+        return `${(Number(n / 1000n) / 1000).toFixed(1)}M`;
+    if (n >= 1000n)
+        return `${(Number(n) / 1000).toFixed(1)}K`;
+    return n.toString();
+}
+function formatSpeed(sps) {
+    if (sps >= 1_000_000)
+        return `${(sps / 1_000_000).toFixed(1)}M`;
+    if (sps >= 1_000)
+        return `${(sps / 1_000).toFixed(0)}K`;
+    return sps.toString();
+}
+function needleAngle(sps) {
+    if (sps <= 0)
+        return -90;
+    const maxLog = Math.log10(5_000_000);
+    const clamped = Math.min(sps, 5_000_000);
+    const pct = Math.log10(Math.max(clamped, 1)) / maxLog;
+    return -90 + pct * 180;
+}
+export function JamlSpeedometer({ seedsPerSecond, totalSearched, matchingSeeds, status, className, style, }) {
+    const isActive = status === "running" || status === "booting";
+    const angle = needleAngle(seedsPerSecond);
+    const speedColor = seedsPerSecond >= 500_000
+        ? JimboColorOption.GREEN
+        : seedsPerSecond >= 100_000
+            ? JimboColorOption.GOLD
+            : seedsPerSecond > 0
+                ? JimboColorOption.ORANGE
+                : JimboColorOption.GREY;
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 6,
+            padding: "12px 16px",
+            borderRadius: 10,
+            background: `${JimboColorOption.DARKEST}cc`,
+            border: `1px solid ${JimboColorOption.PANEL_EDGE}`,
+            ...style,
+        }, children: [_jsx("div", { style: { position: "relative", width: 120, height: 68, overflow: "hidden" }, children: _jsxs("svg", { viewBox: "0 0 120 68", width: 120, height: 68, children: [_jsx("path", { d: "M 10 65 A 50 50 0 0 1 110 65", fill: "none", stroke: JimboColorOption.DARK_GREY, strokeWidth: 6, strokeLinecap: "round" }), isActive && (_jsx("path", { d: "M 10 65 A 50 50 0 0 1 110 65", fill: "none", stroke: speedColor, strokeWidth: 6, strokeLinecap: "round", strokeDasharray: "157", strokeDashoffset: 157 - (157 * ((angle + 90) / 180)), style: { transition: "stroke-dashoffset 300ms ease, stroke 300ms ease" } })), _jsx("line", { x1: 60, y1: 65, x2: 60, y2: 20, stroke: isActive ? JimboColorOption.RED : JimboColorOption.GREY, strokeWidth: 2, strokeLinecap: "round", style: {
+                                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" })] })] })] }));
+}

package/dist/components/Standardcard.d.ts

@@ -0,0 +1,18 @@
+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 RealStandardcardProps {
+    suit: CardSuit;
+    rank: CardRank;
+    enhancement?: CardEnhancement;
+    seal?: CardSeal;
+    edition?: CardEdition;
+    className?: string;
+    size?: number;
+    style?: React.CSSProperties;
+}
+export declare function RealStandardcard({ suit, rank, enhancement, seal, edition, className, size, style }: RealStandardcardProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Standardcard.js

@@ -0,0 +1,80 @@
+'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 RealStandardcard({ 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" }))] }));
+}

package/dist/decode/motelyItemDecoder.d.ts

@@ -3,7 +3,7 @@
  *
  * MotelyItem.Value is a packed integer. The MotelyItemType enum
  * uses packed integers where the top nibble encodes category:
- *   0x1000 = PlayingCard, 0x2000 = Spectral, 0x3000 = Tarot,
+ *   0x1000 = Standardcard, 0x2000 = Spectral, 0x3000 = Tarot,
  *   0x4000 = Planet, 0x5000 = Joker, 0xF000 = Invalid
  */
 import { type CardCategory } from "../utils/itemUtils.js";
@@ -46,8 +46,8 @@ export declare function motelyItemRenderCategory(input: MotelyItemInput): Motely
 export declare function motelyItemEditionName(input: MotelyItemInput): "Foil" | "Holographic" | "Polychrome" | "Negative" | null;
 export declare function motelyItemSealName(input: MotelyItemInput): "Gold" | "Red" | "Blue" | "Purple" | null;
 export declare function motelyItemEnhancementName(input: MotelyItemInput): string | null;
-export declare function motelyPlayingCardSuitName(input: MotelyItemInput): "Clubs" | "Diamonds" | "Hearts" | "Spades" | null;
-export declare function motelyPlayingCardRankName(input: MotelyItemInput): string | null;
+export declare function motelyStandardcardSuitName(input: MotelyItemInput): "Clubs" | "Diamonds" | "Hearts" | "Spades" | null;
+export declare function motelyStandardcardRankName(input: MotelyItemInput): string | null;
 /** Get the enum key name for a MotelyItemType value. */
 export declare function motelyItemTypeName(input: MotelyItemInput): string;
 /** Get the category string for a MotelyItemType value. */

package/dist/decode/motelyItemDecoder.js

@@ -3,7 +3,7 @@
  *
  * MotelyItem.Value is a packed integer. The MotelyItemType enum
  * uses packed integers where the top nibble encodes category:
- *   0x1000 = PlayingCard, 0x2000 = Spectral, 0x3000 = Tarot,
+ *   0x1000 = Standardcard, 0x2000 = Spectral, 0x3000 = Tarot,
  *   0x4000 = Planet, 0x5000 = Joker, 0xF000 = Invalid
  */
 import { Motely } from "motely-wasm";
@@ -15,7 +15,7 @@ const VALUE_SEAL_MASK = 0x70000;
 const VALUE_ENHANCEMENT_MASK = 0x780000;
 const VALUE_EDITION_MASK = 0x3800000;
 const CATEGORY_TO_TYPE = {
-    0x1000: "Playing Card",
+    0x1000: "Standard card",
     0x2000: "Spectral",
     0x3000: "Tarot",
     0x4000: "Planet",
@@ -45,7 +45,7 @@ function runtimeEnumName(enumObject, value) {
     const enumKey = enumObject[String(value)];
     return typeof enumKey === "string" && enumKey.length > 0 ? enumKey : null;
 }
-function parsePlayingCardEnumKey(enumKey) {
+function parseStandardcardEnumKey(enumKey) {
     const match = /^([CDHS])(10|[2-9JQKA])$/.exec(enumKey);
     if (!match)
         return null;
@@ -142,22 +142,22 @@ export function motelyItemEnhancementName(input) {
     const enumKey = runtimeEnumName(Motely.MotelyItemEnhancement, resolveEnhancementValue(input));
     return enumKey === null || enumKey === "None" ? null : enumKey;
 }
-export function motelyPlayingCardSuitName(input) {
+export function motelyStandardcardSuitName(input) {
     const runtimeItem = asRuntimeItem(input);
-    const directSuit = runtimeEnumName(Motely.MotelyPlayingCardSuit, finiteNumber(runtimeItem?.suit));
+    const directSuit = runtimeEnumName(Motely.MotelyStandardcardSuit, finiteNumber(runtimeItem?.suit));
     if (directSuit === "Clubs" || directSuit === "Diamonds" || directSuit === "Hearts" || directSuit === "Spades") {
         return directSuit;
     }
-    const parsed = parsePlayingCardEnumKey(motelyItemTypeName(input));
+    const parsed = parseStandardcardEnumKey(motelyItemTypeName(input));
     return parsed?.suit ?? null;
 }
-export function motelyPlayingCardRankName(input) {
+export function motelyStandardcardRankName(input) {
     const runtimeItem = asRuntimeItem(input);
-    const directRank = runtimeEnumName(Motely.MotelyPlayingCardRank, finiteNumber(runtimeItem?.rank));
+    const directRank = runtimeEnumName(Motely.MotelyStandardcardRank, finiteNumber(runtimeItem?.rank));
     const normalizedDirect = rankNameFromEnum(directRank);
     if (normalizedDirect !== null)
         return normalizedDirect;
-    const parsed = parsePlayingCardEnumKey(motelyItemTypeName(input));
+    const parsed = parseStandardcardEnumKey(motelyItemTypeName(input));
     return parsed?.rank ?? null;
 }
 /** Get the enum key name for a MotelyItemType value. */
@@ -175,7 +175,7 @@ export function motelyItemCategory(input) {
         return "Unknown";
     const renderCategory = motelyItemRenderCategory(itemType);
     if (renderCategory === "playing")
-        return "Playing Card";
+        return "Standard card";
     if (renderCategory === "spectral")
         return "Spectral";
     if (renderCategory === "tarot")
@@ -206,8 +206,8 @@ export function decodeMotelyItem(input) {
             return null;
         }
         const category = motelyItemRenderCategory(itemType);
-        const rank = motelyPlayingCardRankName(itemType);
-        const suit = motelyPlayingCardSuitName(itemType);
+        const rank = motelyStandardcardRankName(itemType);
+        const suit = motelyStandardcardSuitName(itemType);
         base = {
             itemType,
             enumKey,

package/dist/decode/packedBalatroItem.d.ts

@@ -1,6 +1,6 @@
 /** Bit-packed shop/card ids (Balatro item encoding). */
 export declare const BalatroItemCategory: {
-    readonly PlayingCard: 1;
+    readonly Standardcard: 1;
     readonly Spectral: 2;
     readonly Tarot: 3;
     readonly Planet: 4;

package/dist/decode/packedBalatroItem.js

@@ -1,6 +1,6 @@
 /** Bit-packed shop/card ids (Balatro item encoding). */
 export const BalatroItemCategory = {
-    PlayingCard: 1,
+    Standardcard: 1,
     Spectral: 2,
     Tarot: 3,
     Planet: 4,
@@ -22,5 +22,5 @@ export function packedItemIndex(packed) {
 }
 export function isPackedItemValid(packed) {
     const category = packedItemCategory(packed);
-    return category >= BalatroItemCategory.PlayingCard && category <= BalatroItemCategory.Joker;
+    return category >= BalatroItemCategory.Standardcard && category <= BalatroItemCategory.Joker;
 }

package/dist/hooks/searchWorkerCode.d.ts

@@ -1 +1 @@
-export declare const SEARCH_WORKER_CODE = "\nlet MotelyWasm = null;\nlet MotelyWasmEvents = null;\nlet activeSearch = null;\n\nself.addEventListener('message', async function(e) {\n  const msg = e.data;\n\n  if (msg.type === 'init') {\n    try {\n      const mod = await import(msg.url);\n      await mod.default.boot();\n      MotelyWasm = mod.MotelyWasm;\n      MotelyWasmEvents = mod.MotelyWasmEvents;\n      self.postMessage({ type: 'ready' });\n    } catch (err) {\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'start') {\n    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }\n    const validation = MotelyWasm.validateJaml(msg.jaml);\n    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }\n\n    let rId, pId, cId;\n    function cleanup() {\n      MotelyWasmEvents.onResult.unsubscribeById(rId);\n      MotelyWasmEvents.onProgress.unsubscribeById(pId);\n      MotelyWasmEvents.onComplete.unsubscribeById(cId);\n      activeSearch = null;\n    }\n\n    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score) {\n      self.postMessage({ type: 'result', seed, score });\n    });\n    pId = MotelyWasmEvents.onProgress.subscribe(function(searched, matching) {\n      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });\n    });\n    cId = MotelyWasmEvents.onComplete.subscribe(function(status, searched, matched) {\n      cleanup();\n      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });\n    });\n\n    try {\n      activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);\n    } catch (err) {\n      cleanup();\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'stop') {\n    if (activeSearch) { activeSearch.cancel(); activeSearch = null; }\n    self.postMessage({ type: 'cancelled' });\n  }\n});\n";
+export declare const SEARCH_WORKER_CODE = "\nlet MotelyWasm = null;\nlet MotelyWasmEvents = null;\nlet Filters = null;\nlet activeSearch = null;\n\nself.addEventListener('message', async function(e) {\n  const msg = e.data;\n\n  if (msg.type === 'init') {\n    try {\n      const mod = await import(msg.url);\n      await mod.default.boot();\n      MotelyWasm = mod.MotelyWasm;\n      MotelyWasmEvents = mod.MotelyWasmEvents;\n      Filters = mod.Filters;\n      self.postMessage({ type: 'ready' });\n    } catch (err) {\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'start') {\n    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }\n    const validation = MotelyWasm.validateJaml(msg.jaml);\n    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }\n\n    let rId, pId, cId;\n    function cleanup() {\n      MotelyWasmEvents.onResult.unsubscribeById(rId);\n      MotelyWasmEvents.onProgress.unsubscribeById(pId);\n      MotelyWasmEvents.onComplete.unsubscribeById(cId);\n      activeSearch = null;\n    }\n\n    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score, tallyColumns) {\n      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });\n    });\n    pId = MotelyWasmEvents.onProgress.subscribe(function(searched, matching) {\n      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });\n    });\n    cId = MotelyWasmEvents.onComplete.subscribe(function(status, searched, matched) {\n      cleanup();\n      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });\n    });\n\n    try {\n      const mode = msg.mode || 'random';\n\n      if (mode === 'random') {\n        activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);\n      } else if (mode === 'aesthetic') {\n        activeSearch = MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);\n      } else if (mode === 'seedList') {\n        activeSearch = MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);\n      } else if (mode === 'keyword') {\n        activeSearch = MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || '');\n      } else if (mode === 'sequential') {\n        activeSearch = MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch), BigInt(msg.endBatch));\n      } else {\n        self.postMessage({ type: 'error', message: 'Unknown search mode: ' + mode });\n        cleanup();\n        return;\n      }\n    } catch (err) {\n      cleanup();\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'stop') {\n    if (activeSearch) { activeSearch.cancel(); activeSearch = null; }\n    self.postMessage({ type: 'cancelled' });\n  }\n\n  if (msg.type === 'get_tally_labels') {\n    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }\n    try {\n      const labels = MotelyWasm.getTallyLabels(msg.jaml);\n      self.postMessage({ type: 'tally_labels', labels });\n    } catch (err) {\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n  }\n});\n";

package/dist/hooks/searchWorkerCode.js

@@ -1,8 +1,7 @@
-// Worker code as an inline string — created as a Blob URL at runtime.
-// This avoids bundler/import.meta.url issues when shipped as an npm package.
 export const SEARCH_WORKER_CODE = `
 let MotelyWasm = null;
 let MotelyWasmEvents = null;
+let Filters = null;
 let activeSearch = null;
 
 self.addEventListener('message', async function(e) {
@@ -14,6 +13,7 @@ self.addEventListener('message', async function(e) {
       await mod.default.boot();
       MotelyWasm = mod.MotelyWasm;
       MotelyWasmEvents = mod.MotelyWasmEvents;
+      Filters = mod.Filters;
       self.postMessage({ type: 'ready' });
     } catch (err) {
       self.postMessage({ type: 'error', message: String(err) });
@@ -34,8 +34,8 @@ self.addEventListener('message', async function(e) {
       activeSearch = null;
     }
 
-    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score) {
-      self.postMessage({ type: 'result', seed, score });
+    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score, tallyColumns) {
+      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
     });
     pId = MotelyWasmEvents.onProgress.subscribe(function(searched, matching) {
       self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
@@ -46,7 +46,23 @@ self.addEventListener('message', async function(e) {
     });
 
     try {
-      activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);
+      const mode = msg.mode || 'random';
+
+      if (mode === 'random') {
+        activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);
+      } else if (mode === 'aesthetic') {
+        activeSearch = MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);
+      } else if (mode === 'seedList') {
+        activeSearch = MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);
+      } else if (mode === 'keyword') {
+        activeSearch = MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || '');
+      } else if (mode === 'sequential') {
+        activeSearch = MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch), BigInt(msg.endBatch));
+      } else {
+        self.postMessage({ type: 'error', message: 'Unknown search mode: ' + mode });
+        cleanup();
+        return;
+      }
     } catch (err) {
       cleanup();
       self.postMessage({ type: 'error', message: String(err) });
@@ -58,5 +74,15 @@ self.addEventListener('message', async function(e) {
     if (activeSearch) { activeSearch.cancel(); activeSearch = null; }
     self.postMessage({ type: 'cancelled' });
   }
+
+  if (msg.type === 'get_tally_labels') {
+    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
+    try {
+      const labels = MotelyWasm.getTallyLabels(msg.jaml);
+      self.postMessage({ type: 'tally_labels', labels });
+    } catch (err) {
+      self.postMessage({ type: 'error', message: String(err) });
+    }
+  }
 });
 `;

package/dist/hooks/useSearch.d.ts

@@ -1,6 +1,7 @@
 export interface SearchResult {
     seed: string;
     score: number;
+    tallyColumns?: number[];
 }
 export type SearchStatus = "idle" | "booting" | "running" | "completed" | "cancelled" | "error";
 export interface UseSearchState {
@@ -9,14 +10,22 @@ export interface UseSearchState {
     matchingSeeds: bigint;
     status: SearchStatus;
     error: string | null;
+    seedsPerSecond: number;
+    tallyLabels: string[];
 }
 export declare function useSearch(motelyWasmUrl: string): {
     start: (jaml: string, count: number) => void;
+    startAesthetic: (jaml: string, aesthetic: number) => void;
+    startSeedList: (jaml: string, seeds: string[]) => void;
+    startKeyword: (jaml: string, keywords: string, padding?: string) => void;
     cancel: () => void;
     clearError: () => void;
+    fetchTallyLabels: (jaml: string) => void;
     results: SearchResult[];
     totalSearched: bigint;
     matchingSeeds: bigint;
     status: SearchStatus;
     error: string | null;
+    seedsPerSecond: number;
+    tallyLabels: string[];
 };