jaml-ui 0.24.20 → 0.25.2

package/dist/components/JamlIdeVisual.js

@@ -1,218 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useJamlIdeDrag } from "../ui/hooks.js";
-import { JimboColorOption } from "../ui/tokens.js";
-import { JimboSprite } from "../ui/sprites.js";
-const C = JimboColorOption;
-const ZONE_META = {
-    must: { label: "Must", hint: "Seed must contain all of these.", color: C.BLUE, accent: "#4db5ff" },
-    should: { label: "Should", hint: "Bonus points per match.", color: C.RED, accent: "#ff8076" },
-    mustnot: { label: "Must Not", hint: "Rejected if any appear.", color: C.ORANGE, accent: "#ffb84d" },
-};
-function clauseSpriteSheet(type) {
-    if (type === "joker" ||
-        type === "souljoker" ||
-        type === "rareJoker" ||
-        type === "commonJoker" ||
-        type === "uncommonJoker" ||
-        type === "legendaryJoker" ||
-        type === "mixedJoker")
-        return "Jokers";
-    if (type === "voucher")
-        return "Vouchers";
-    if (type === "tag" ||
-        type === "tags" ||
-        type === "smallBlindTag" ||
-        type === "bigBlindTag" ||
-        type === "smallblindtag" ||
-        type === "bigblindtag")
-        return "tags";
-    if (type === "boss")
-        return "BlindChips";
-    if (type === "tarot" ||
-        type === "tarotCard" ||
-        type === "spectral" ||
-        type === "spectralCard" ||
-        type === "planet" ||
-        type === "planetCard")
-        return "Tarots";
-    return undefined;
-}
-function ClauseSprite({ clause, size = 40 }) {
-    const sheet = clauseSpriteSheet(clause.type);
-    if (!sheet)
-        return null;
-    return _jsx(JimboSprite, { name: clause.value, sheet: sheet, width: size });
-}
-function ClauseCard({ clause, zone, onRemove, onEdit, onDragStart, }) {
-    const z = ZONE_META[zone];
-    return (_jsxs("div", { onClick: onEdit, onMouseDown: (e) => onDragStart(e, clause, zone), onTouchStart: (e) => onDragStart(e, clause, zone), style: {
-            position: "relative",
-            background: C.DARK_GREY,
-            border: `2px solid ${z.color}`,
-            borderRadius: 6,
-            padding: "8px 8px 8px 6px",
-            display: "flex",
-            alignItems: "center",
-            gap: 8,
-            minWidth: 0,
-            cursor: "pointer",
-            userSelect: "none",
-            touchAction: "none",
-            boxShadow: `0 2px 0 ${C.BLACK}`,
-        }, children: [_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: 44, height: 50, flexShrink: 0 }, children: _jsx(ClauseSprite, { clause: clause, size: 40 }) }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
-                            fontFamily: "m6x11plus, ui-monospace, monospace",
-                            fontSize: 13,
-                            color: C.WHITE,
-                            letterSpacing: 0.5,
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                        }, children: clause.label || clause.value }), _jsxs("div", { style: { display: "flex", gap: 3, marginTop: 3, alignItems: "center", flexWrap: "wrap" }, children: [clause.antes && clause.antes.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { style: { fontFamily: "m6x11plus, ui-monospace, monospace", fontSize: 8, color: C.GREY, letterSpacing: 1 }, children: "A" }), clause.antes.map((a) => (_jsx("div", { style: {
-                                            fontFamily: "m6x11plus, ui-monospace, monospace",
-                                            fontSize: 9,
-                                            padding: "1px 4px",
-                                            background: C.DARKEST,
-                                            color: z.accent,
-                                            borderRadius: 3,
-                                            letterSpacing: 0.5,
-                                            lineHeight: 1,
-                                        }, children: a }, a)))] })), zone === "should" && clause.score != null && (_jsxs("div", { style: {
-                                    marginLeft: 4,
-                                    fontFamily: "m6x11plus, ui-monospace, monospace",
-                                    fontSize: 9,
-                                    padding: "1px 5px",
-                                    background: C.RED,
-                                    color: C.WHITE,
-                                    borderRadius: 3,
-                                    letterSpacing: 0.5,
-                                    lineHeight: 1,
-                                }, children: ["+", clause.score] }))] })] }), _jsx("button", { onMouseDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), onClick: (e) => {
-                    e.stopPropagation();
-                    onRemove();
-                }, "aria-label": `Remove ${clause.label || clause.value}`, style: {
-                    width: 22,
-                    height: 22,
-                    flexShrink: 0,
-                    border: `2px solid ${C.BLACK}`,
-                    borderRadius: 4,
-                    background: C.RED,
-                    color: C.WHITE,
-                    fontFamily: "m6x11plus, ui-monospace, monospace",
-                    fontSize: 12,
-                    lineHeight: 1,
-                    cursor: "pointer",
-                    padding: 0,
-                    boxShadow: `inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 ${C.BLACK}`,
-                }, children: "\u00D7" })] }));
-}
-function MysteryAddTile({ zone, onTap }) {
-    const z = ZONE_META[zone];
-    return (_jsxs("div", { onClick: onTap, style: {
-            cursor: onTap ? "pointer" : "default",
-            opacity: onTap ? 1 : 0.55,
-            border: `2px dashed ${z.color}`,
-            borderRadius: 6,
-            padding: "12px 8px",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            gap: 10,
-            background: `${z.color}0d`,
-            minHeight: 60,
-        }, children: [_jsx("div", { style: {
-                    width: 40,
-                    height: 40,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    background: C.DARKEST,
-                    border: `2px solid ${z.color}`,
-                    borderRadius: 6,
-                    fontFamily: "m6x11plus, ui-monospace, monospace",
-                    fontSize: 24,
-                    color: z.color,
-                }, children: "?" }), _jsxs("div", { style: {
-                    fontFamily: "m6x11plus, ui-monospace, monospace",
-                    fontSize: 12,
-                    color: z.accent,
-                }, children: ["Add to ", z.label] })] }));
-}
-function ZoneRail({ zone, clauses, onAdd, onRemove, onEdit, onDragStart, highlight, }) {
-    const z = ZONE_META[zone];
-    return (_jsxs("div", { "data-zone": zone, style: {
-            border: `2px dashed ${highlight ? z.color : "transparent"}`,
-            borderRadius: 6,
-            padding: 6,
-            background: highlight ? `${z.color}11` : "transparent",
-        }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 6 }, children: [_jsx("div", { style: {
-                            fontFamily: "m6x11plus, ui-monospace, monospace",
-                            fontSize: 12,
-                            padding: "2px 6px",
-                            background: z.color,
-                            color: C.WHITE,
-                            borderRadius: 3,
-                            boxShadow: `0 2px 0 ${C.BLACK}`,
-                        }, children: z.label }), _jsx("div", { style: { flex: 1, height: 2, background: `${z.color}55`, borderRadius: 1 } }), _jsx("div", { style: { fontFamily: "m6x11plus, ui-monospace, monospace", fontSize: 8, color: C.GREY }, children: clauses.length })] }), _jsx("div", { style: { fontFamily: "m6x11plus, ui-monospace, monospace", fontSize: 9, color: C.GREY, letterSpacing: 0.5, marginBottom: 8 }, children: z.hint }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [clauses.map((c) => (_jsx(ClauseCard, { clause: c, zone: zone, onRemove: () => onRemove(c.id), onEdit: () => onEdit(c), onDragStart: onDragStart }, c.id))), _jsx(MysteryAddTile, { zone: zone, onTap: onAdd })] })] }));
-}
-function TopMatter({ filter, onChange, }) {
-    return (_jsxs("div", { className: "j-inner-panel", style: { padding: 10 }, children: [_jsx("input", { value: filter.name ?? "", placeholder: "Untitled", onChange: (e) => onChange({ ...filter, name: e.target.value }), style: {
-                    display: "block",
-                    width: "100%",
-                    background: "transparent",
-                    border: "none",
-                    outline: "none",
-                    fontFamily: "m6x11plus, ui-monospace, monospace",
-                    fontSize: 18,
-                    color: C.WHITE,
-                    letterSpacing: 1,
-                    padding: 0,
-                    marginBottom: 4,
-                } }), _jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [_jsx("div", { style: { fontFamily: "m6x11plus, ui-monospace, monospace", fontSize: 10, color: C.WHITE }, children: "By" }), _jsx("input", { value: filter.author ?? "", placeholder: "anonymous", onChange: (e) => onChange({ ...filter, author: e.target.value }), style: {
-                            flex: 1,
-                            background: "transparent",
-                            border: "none",
-                            outline: "none",
-                            fontFamily: "m6x11plus, ui-monospace, monospace",
-                            fontSize: 12,
-                            color: C.GOLD_TEXT,
-                            padding: 0,
-                        } })] }), _jsx("input", { value: filter.description ?? "", placeholder: "description", onChange: (e) => onChange({ ...filter, description: e.target.value }), style: {
-                    display: "block",
-                    width: "100%",
-                    marginTop: 6,
-                    background: "transparent",
-                    border: "none",
-                    outline: "none",
-                    fontFamily: "m6x11plus, ui-monospace, monospace",
-                    fontSize: 11,
-                    color: C.WHITE,
-                    opacity: 0.8,
-                    lineHeight: 1.35,
-                    padding: 0,
-                } })] }));
-}
-export function JamlIdeVisual({ filter, onChange, onEditClause, onAddClause }) {
-    const rootRef = useRef(null);
-    const { drag, hoverZone, onDragStart } = useJamlIdeDrag(filter, onChange, rootRef);
-    const removeClause = (zone, id) => {
-        onChange({ ...filter, [zone]: filter[zone].filter((c) => c.id !== id) });
-    };
-    return (_jsxs("div", { ref: rootRef, style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: 14,
-            padding: 10,
-            background: C.DARKEST,
-            color: C.WHITE,
-        }, children: [_jsx(TopMatter, { filter: filter, onChange: onChange }), _jsxs("div", { style: { display: "flex", gap: 10 }, children: [_jsx("div", { style: { flex: 1, minWidth: 0 }, children: _jsx(ZoneRail, { zone: "must", clauses: filter.must, onAdd: onAddClause ? () => onAddClause("must") : undefined, onRemove: (id) => removeClause("must", id), onEdit: (c) => onEditClause?.("must", c), onDragStart: onDragStart, highlight: hoverZone === "must" }) }), _jsx("div", { style: { flex: 1, minWidth: 0 }, children: _jsx(ZoneRail, { zone: "mustnot", clauses: filter.mustnot, onAdd: onAddClause ? () => onAddClause("mustnot") : undefined, onRemove: (id) => removeClause("mustnot", id), onEdit: (c) => onEditClause?.("mustnot", c), onDragStart: onDragStart, highlight: hoverZone === "mustnot" }) })] }), _jsx(ZoneRail, { zone: "should", clauses: filter.should, onAdd: onAddClause ? () => onAddClause("should") : undefined, onRemove: (id) => removeClause("should", id), onEdit: (c) => onEditClause?.("should", c), onDragStart: onDragStart, highlight: hoverZone === "should" }), drag && (_jsx("div", { style: {
-                    position: "fixed",
-                    left: drag.x - drag.offX,
-                    top: drag.y - drag.offY,
-                    pointerEvents: "none",
-                    zIndex: 999,
-                    filter: `drop-shadow(0 4px 6px ${C.BLACK}99)`,
-                    opacity: 0.92,
-                }, children: _jsx(ClauseCard, { clause: drag.clause, zone: drag.fromZone, onRemove: () => { }, onEdit: () => { }, onDragStart: () => { } }) }))] }));
-}

package/dist/components/JamlMapPreview.js

@@ -1,121 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { JimboSprite } from "../ui/sprites.js";
-import { JimboColorOption } from "../ui/tokens.js";
-import { extractVisualJamlItems, } from "../utils/jamlMapPreview.js";
-const C = JimboColorOption;
-const ZONES = {
-    must: { label: "Must", color: C.BLUE, glow: C.BLUE },
-    should: { label: "Should", color: C.RED, glow: C.GOLD },
-    mustNot: { label: "Must Not", color: C.ORANGE, glow: C.ORANGE },
-};
-const SECTION_ORDER = ["must", "should", "mustNot"];
-const SHEET_FOR_VISUAL = {
-    joker: "Jokers",
-    consumable: "Tarots",
-    voucher: "Vouchers",
-    tag: "tags",
-    boss: "BlindChips",
-};
-/**
- * Pulsing glow animation for hits.
- * Design ref: assets/...DesignsV2/src/v2/GlowRing.css
- */
-const GLOW_ANIMATION = `
-@keyframes j-glow-pulse {
-  0% { box-shadow: 0 0 0 1px var(--glow-color), 0 0 4px var(--glow-color); opacity: 0.8; }
-  50% { box-shadow: 0 0 0 2px var(--glow-color), 0 0 12px var(--glow-color); opacity: 1; }
-  100% { box-shadow: 0 0 0 1px var(--glow-color), 0 0 4px var(--glow-color); opacity: 0.8; }
-}
-`;
-function ClausePill({ item, glow, matchCount }) {
-    const isHit = matchCount > 0;
-    const hasData = matchCount !== undefined && matchCount >= 0;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 6,
-            background: isHit ? `${glow}33` : C.DARKEST,
-            border: `2px solid ${isHit ? glow : C.PANEL_EDGE}`,
-            borderRadius: 4,
-            padding: "3px 8px",
-            position: "relative",
-            opacity: isHit ? 1 : 0.6,
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore -- CSS custom property
-            "--glow-color": glow,
-            animation: isHit ? "j-glow-pulse 1.6s ease-in-out infinite" : "none",
-        }, title: `${item.clauseKey}: ${item.value}${hasData ? ` (Found: ${matchCount})` : ""}`, children: [_jsx("style", { children: GLOW_ANIMATION }), _jsx(JimboSprite, { name: item.value, sheet: SHEET_FOR_VISUAL[item.visualType], width: 26 }), _jsx("div", { style: {
-                    fontSize: 10,
-                    color: C.WHITE,
-                    letterSpacing: 0.5,
-                    textShadow: "1px 1px 0 rgba(0,0,0,.8)",
-                }, children: item.value }), isHit && (_jsx("div", { style: {
-                    position: "absolute",
-                    top: -6,
-                    right: -6,
-                    background: C.GREEN,
-                    color: C.WHITE,
-                    fontSize: 7,
-                    padding: "1px 3px",
-                    borderRadius: 3,
-                    border: `1px solid ${C.BLACK}`,
-                    boxShadow: `0 1px 0 ${C.BLACK}`,
-                }, children: matchCount > 1 ? `x${matchCount}` : "✓" }))] }));
-}
-function ZoneRail({ zone, items, matchMap, compact = false }) {
-    const meta = ZONES[zone];
-    return (_jsxs("div", { style: {
-            border: `2px dashed ${meta.color}55`,
-            borderRadius: 6,
-            padding: compact ? 4 : 8,
-        }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6 }, children: [_jsx("div", { style: {
-                            fontSize: compact ? 8 : 10,
-                            letterSpacing: 2,
-                            padding: "2px 8px",
-                            background: meta.color,
-                            color: C.WHITE,
-                            borderRadius: 3,
-                            textShadow: "1px 1px 0 rgba(0,0,0,.8)",
-                        }, children: meta.label }), _jsx("div", { style: { flex: 1, height: 1, background: `${meta.color}44` } }), _jsx("div", { style: { fontSize: 8, color: C.GREY }, children: items.length })] }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: items.length === 0 ? (_jsx("div", { style: { fontSize: 10, color: C.GREY, padding: 10, fontStyle: "italic" }, children: "drop clauses here" })) : (items.map((item) => {
-                    // Match logic: the engine labels usually look like "must: joker: Blueprint"
-                    // or "must: rareJoker: Blueprint". We try to match the item value and section.
-                    const labelKey = `${item.section}: ${item.clauseKey}: ${item.value}`;
-                    const count = matchMap[labelKey] ?? -1;
-                    return (_jsx(ClausePill, { item: item, glow: meta.glow, matchCount: count }, item.id));
-                })) })] }));
-}
-export function JamlMapPreview({ jaml, className = "", emptyMessage = "No visual JAML clauses found yet.", tallyColumns, tallyLabels, compact = false, }) {
-    const groups = useMemo(() => extractVisualJamlItems(jaml), [jaml]);
-    const totalItems = SECTION_ORDER.reduce((sum, s) => sum + groups[s].length, 0);
-    const matchMap = useMemo(() => {
-        const map = {};
-        if (tallyColumns && tallyLabels) {
-            tallyLabels.forEach((label, i) => {
-                map[label] = tallyColumns[i] ?? 0;
-            });
-        }
-        return map;
-    }, [tallyColumns, tallyLabels]);
-    if (totalItems === 0) {
-        return (_jsx("div", { className: className, style: {
-                background: C.DARKEST,
-                border: `2px solid ${C.PANEL_EDGE}`,
-                borderRadius: 6,
-                padding: compact ? 8 : 16,
-                color: C.GREY,
-                fontSize: 11,
-                fontStyle: "italic",
-                textAlign: "center",
-            }, children: emptyMessage }));
-    }
-    return (_jsx("div", { className: className, style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: compact ? 6 : 10,
-            padding: compact ? 6 : 10,
-            background: C.DARKEST,
-            color: C.WHITE,
-        }, children: SECTION_ORDER.map((section) => (_jsx(ZoneRail, { zone: section, items: groups[section], matchMap: matchMap, compact: compact }, section))) }));
-}

package/dist/components/JamlSeedInput.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { JimboText } from "../ui/jimboText.js";
-const SEED_PATTERN = /^[A-Z0-9]{0,8}$/;
-/**
- * Balatro-styled seed input field.
- * Validates 1-8 uppercase alphanumeric characters.
- * All styling via jimbo.css `.j-seed-input` classes — zero inline styles.
- */
-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);
-    // Validation state drives data-valid attribute for CSS border color
-    const validState = display.length === 0 ? "partial"
-        : !isValid ? "false"
-            : display.length === 8 ? "true"
-                : "partial";
-    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: `j-seed-input ${className ?? ""}`, style: style, children: [_jsx(JimboText, { size: "xs", tone: "grey", children: "Seed" }), _jsx("input", { type: "text", className: "j-seed-input__field", "data-valid": validState, value: display, onChange: handleChange, placeholder: placeholder, maxLength: 8, spellCheck: false, autoComplete: "off" }), display.length > 0 && display.length < 8 && (_jsxs("span", { className: "j-seed-input__hint", children: [8 - display.length, " more characters"] }))] }));
-}

package/dist/components/JamlSpeedometer.js

@@ -1,70 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JimboText } from "../ui/jimboText.js";
-function formatCount(value) {
-    return Number(value).toLocaleString();
-}
-function formatSpeed(value) {
-    if (!Number.isFinite(value) || value <= 0)
-        return "—";
-    if (value >= 1_000_000)
-        return `${(value / 1_000_000).toFixed(1)}M/s`;
-    if (value >= 1_000)
-        return `${(value / 1_000).toFixed(1)}K/s`;
-    return `${Math.round(value)}/s`;
-}
-/**
- * Compact live-search stats strip — NOT a car speedometer.
- * Three stat cells in a row: speed | searched | matches.
- * Uses j-stat-grid CSS class from jimbo.css.
- */
-export function JamlSpeedometer({ seedsPerSecond, totalSearched, matchingSeeds, status, className = "", style, }) {
-    const active = status === "running" || status === "booting";
-    const statusTone = status === "error"
-        ? "red"
-        : status === "completed"
-            ? "green"
-            : status === "cancelled"
-                ? "orange"
-                : active
-                    ? "gold"
-                    : "grey";
-    const statusLabel = status === "booting"
-        ? "booting"
-        : status === "running"
-            ? "searching"
-            : status === "completed"
-                ? "done"
-                : status === "cancelled"
-                    ? "cancelled"
-                    : status === "error"
-                        ? "error"
-                        : "idle";
-    const rootStyle = {
-        display: "flex",
-        alignItems: "center",
-        flexWrap: "wrap",
-        gap: 8,
-        padding: "8px 10px",
-        borderRadius: 12,
-        border: "1px solid var(--j-panel-edge, rgba(255,255,255,0.12))",
-        background: "rgba(0,0,0,0.28)",
-        ...style,
-    };
-    const dotStyle = {
-        width: 8,
-        height: 8,
-        borderRadius: 999,
-        background: status === "error"
-            ? "var(--j-red, #ff4c40)"
-            : status === "completed"
-                ? "var(--j-green, #429f79)"
-                : status === "cancelled"
-                    ? "var(--j-orange, #ff9800)"
-                    : active
-                        ? "var(--j-gold, #e4b643)"
-                        : "var(--j-grey, #8b8b8b)",
-        flexShrink: 0,
-    };
-    return (_jsxs("div", { className: className, style: rootStyle, children: [_jsx("span", { style: dotStyle, "aria-hidden": "true" }), _jsx(JimboText, { size: "sm", tone: statusTone, children: statusLabel }), _jsx(JimboText, { size: "sm", tone: active ? "gold" : "grey", children: formatSpeed(seedsPerSecond) }), _jsxs(JimboText, { size: "sm", tone: "white", children: [formatCount(totalSearched), " searched"] }), _jsxs(JimboText, { size: "sm", tone: Number(matchingSeeds) > 0 ? "green" : "grey", children: [formatCount(matchingSeeds), " matches"] })] }));
-}

package/dist/components/Jimbolate.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from "react";
-import { JimboPanel, JimboButton } from "../ui/panel.js";
-import { JimboText } from "../ui/jimboText.js";
-import { JimboColorOption } from "../ui/tokens.js";
-export function Jimbolate({ jaml, onTest, result, error }) {
-    const [seed, setSeed] = useState("");
-    const inputRef = useRef(null);
-    const handleTest = () => {
-        const s = seed.trim().toUpperCase();
-        if (!s)
-            return;
-        onTest(s);
-    };
-    return (_jsxs("div", { style: { padding: 10, display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx(JimboPanel, { children: _jsxs("div", { style: { display: "flex", gap: 6 }, children: [_jsx("input", { ref: inputRef, className: "j-seed-input__field", type: "text", placeholder: "Enter seed...", value: seed, maxLength: 12, onChange: (e) => setSeed(e.target.value.toUpperCase()), onKeyDown: (e) => e.key === "Enter" && handleTest(), style: { flex: 1, fontSize: 15, padding: "6px 10px", letterSpacing: "0.1em", textTransform: "uppercase" } }), _jsx(JimboButton, { tone: result === "running" ? "red" : "orange", size: "sm", onClick: handleTest, disabled: !seed.trim() || !jaml.trim(), children: result === "running" ? "..." : "Test" })] }) }), result === "match" && (_jsxs(JimboPanel, { style: { background: `${JimboColorOption.GREEN_TEXT}22`, textAlign: "center" }, children: [_jsx(JimboText, { size: "xl", tone: "gold", style: { letterSpacing: 3, display: "block", marginBottom: 4 }, children: seed }), _jsx(JimboText, { size: "md", tone: "green", children: "MATCH" })] })), result === "nomatch" && (_jsxs(JimboPanel, { style: { textAlign: "center" }, children: [_jsx(JimboText, { size: "xl", tone: "grey", style: { letterSpacing: 3, display: "block", marginBottom: 4 }, children: seed }), _jsx(JimboText, { size: "md", tone: "red", children: "no match" })] })), result === "error" && (_jsx(JimboPanel, { children: _jsx(JimboText, { size: "xs", tone: "red", style: { display: "block", textAlign: "center" }, children: error ?? "Error" }) })), result === "idle" && !jaml.trim() && (_jsx(JimboPanel, { children: _jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", textAlign: "center" }, children: "Write a JAML filter in the JAML tab first" }) }))] }));
-}

package/dist/components/MotelyVersionBadge.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JimboText } from '../ui/jimboText.js';
-/**
- * Badge showing the loaded motely-wasm version + optional SIMD / threads
- * capability indicators. All styling via jimbo.css `.j-motely-badge`.
- */
-export function MotelyVersionBadge({ caps, version, minimal = false, loading = false, className = '', style, }) {
-    if (loading) {
-        return (_jsx("span", { className: `j-motely-badge ${className}`, style: style, children: _jsx(JimboText, { size: "xs", tone: "grey", children: "Initializing\u2026" }) }));
-    }
-    const resolved = caps?.version ?? version ?? '?';
-    const simd = caps?.simd;
-    const threads = caps?.threads;
-    if (minimal) {
-        return (_jsxs("span", { className: `j-motely-badge ${className}`, style: style, children: [_jsxs(JimboText, { size: "xs", tone: "grey", children: ["v", resolved] }), simd ? _jsx(JimboText, { size: "xs", tone: "blue", title: "SIMD enabled", children: "\u26A1" }) : null, threads ? _jsx(JimboText, { size: "xs", tone: "green", title: "Multi-threaded", children: "\uD83E\uDDF5" }) : null] }));
-    }
-    return (_jsxs("div", { className: `j-motely-badge j-motely-badge--chip ${className}`, style: style, children: [_jsxs(JimboText, { size: "xs", tone: "gold", uppercase: true, children: ["motely v", resolved] }), simd ? _jsx(JimboText, { size: "xs", tone: "blue", title: "SIMD enabled", children: "\u26A1" }) : null, threads ? _jsx(JimboText, { size: "xs", tone: "green", title: "Multi-threaded", children: "\uD83E\uDDF5" }) : null] }));
-}

package/dist/components/PaginatedFilterBrowser.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { JimboButton, JimboPanel } from "../ui/panel.js";
-import { JimboText } from "../ui/jimboText.js";
-import { JimboFlankNav } from "../ui/jimboFlankNav.js";
-import { JimboColorOption } from "../ui/tokens.js";
-const C = JimboColorOption;
-export function PaginatedFilterBrowser({ filters, itemsPerPage = 120, // matching Balatro challenges layout pages
-onSelectFilter, onMainAction, onSecondaryAction, onDeleteFilter, mainActionText = "SELECT", secondaryActionText = "EDIT", showSecondary = false, showDelete = false, emptyText = "No items found.", }) {
-    const [currentPage, setCurrentPage] = useState(0);
-    const [selectedId, setSelectedId] = useState(null);
-    const totalPages = Math.max(1, Math.ceil(filters.length / itemsPerPage));
-    // Bound current page just in case filters array shrinks
-    const safePage = Math.min(currentPage, totalPages - 1);
-    const pageFilters = filters.slice(safePage * itemsPerPage, (safePage + 1) * itemsPerPage);
-    const selectedFilter = filters.find((f) => f.id === selectedId) || null;
-    const handlePrevPage = () => setCurrentPage((p) => Math.max(0, p - 1));
-    const handleNextPage = () => setCurrentPage((p) => Math.min(totalPages - 1, p + 1));
-    return (_jsxs("div", { className: "j-flex-col j-gap-md", style: {
-            width: "100%",
-            height: "100%",
-            boxSizing: "border-box",
-            overflow: "hidden",
-        }, children: [_jsxs(JimboPanel, { style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [_jsxs("div", { style: { flex: 1, overflowY: "auto", position: "relative" }, className: "hide-scrollbar j-flex-col j-items-center j-gap-xs", children: [pageFilters.map((filter) => {
-                                const isSelected = selectedId === filter.id;
-                                return (_jsxs("div", { style: {
-                                        position: "relative",
-                                        width: "100%",
-                                        maxWidth: 240, // Matches filter-list-item MinWidth=210 approx
-                                        display: "flex",
-                                        justifyContent: "center",
-                                    }, children: [isSelected && (_jsx("div", { className: "j-animate-jimbo-bounce", style: {
-                                                position: "absolute",
-                                                left: -20, // push out to left
-                                                top: "50%",
-                                                transform: "translateY(-50%)",
-                                                width: 0,
-                                                height: 0,
-                                                borderTop: "8px solid transparent",
-                                                borderBottom: "8px solid transparent",
-                                                borderLeft: `12px solid ${C.GOLD}`, // Balatro usually uses gold/white for selection triangle
-                                                filter: `drop-shadow(2px 2px 2px rgba(0,0,0,0.5))`,
-                                            } })), _jsx("div", { style: { width: "100%" }, children: _jsx(JimboButton, { tone: isSelected ? "red" : "grey", size: "sm", style: { width: "100%" }, onClick: () => {
-                                                    setSelectedId(filter.id);
-                                                    onSelectFilter?.(filter);
-                                                }, children: filter.name }) })] }, filter.id));
-                            }), pageFilters.length === 0 && (_jsx("div", { className: "j-p-md", children: _jsx(JimboText, { size: "sm", tone: "grey", className: "j-text-center", children: emptyText }) }))] }), _jsx("div", { className: "j-flex j-justify-center j-mt-md", style: { flexShrink: 0 }, children: _jsx(JimboFlankNav, { canPrev: safePage > 0, canNext: safePage < totalPages - 1, onPrev: handlePrevPage, onNext: handleNextPage, children: _jsx("div", { style: {
-                                    background: C.RED,
-                                    padding: "8px 24px",
-                                    borderRadius: 8,
-                                    minWidth: 100,
-                                    boxShadow: `inset 0 2px 4px rgba(255,255,255,0.2), 0 4px 8px rgba(0,0,0,0.4)`,
-                                }, className: "j-flex j-justify-center j-items-center", children: _jsxs(JimboText, { size: "sm", tone: "white", className: "j-text-center", style: { textShadow: "1px 2px 2px rgba(0,0,0,0.5)" }, children: [safePage + 1, " / ", totalPages] }) }) }) })] }), _jsx(JimboPanel, { style: { flexShrink: 0, minHeight: 180, display: "flex", flexDirection: "column", justifyContent: "center" }, children: !selectedFilter ? (_jsx(JimboText, { size: "md", tone: "grey", className: "j-text-center", children: "Select an item to view details" })) : (_jsxs("div", { className: "j-flex-col j-gap-sm j-items-center", style: { width: "100%" }, children: [_jsx(JimboText, { size: "lg", tone: "gold", className: "j-text-center", children: selectedFilter.name }), _jsx(JimboText, { size: "sm", tone: "white", className: "j-text-center", children: selectedFilter.description }), _jsxs("div", { className: "j-flex-col j-gap-xs j-items-center j-mt-xs", style: { opacity: 0.7 }, children: [selectedFilter.authorText && _jsx(JimboText, { size: "xs", tone: "grey", children: selectedFilter.authorText }), selectedFilter.dateText && _jsx(JimboText, { size: "xs", tone: "grey", children: selectedFilter.dateText }), selectedFilter.statsText && _jsx(JimboText, { size: "xs", tone: "grey", children: selectedFilter.statsText })] }), _jsxs("div", { className: "j-flex j-gap-sm j-mt-md j-justify-center j-flex-wrap", children: [_jsx(JimboButton, { tone: "blue", size: "sm", onClick: () => onMainAction?.(selectedFilter), children: mainActionText }), showSecondary && onSecondaryAction && (_jsx(JimboButton, { tone: "orange", size: "sm", onClick: () => onSecondaryAction(selectedFilter), children: secondaryActionText })), showDelete && onDeleteFilter && (_jsx(JimboButton, { tone: "red", size: "sm", onClick: () => onDeleteFilter(selectedFilter), children: "DELETE" }))] })] })) })] }));
-}

package/dist/components/RunConfigModal.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import { JimboModal, JimboButton } from "../ui/panel.js";
-import { JimboText } from "../ui/jimboText.js";
-import { DECK_OPTIONS, STAKE_OPTIONS } from "../lib/data/constants.js";
-import { DeckSprite } from "./DeckSprite.js";
-import { StakeSprite } from "../ui/sprites.js";
-const DECK_DESCRIPTIONS = {
-    "Red": "+1 discard every round",
-    "Blue": "+1 hand every round",
-    "Yellow": "Start with extra $10",
-    "Green": "At end of each Round:\n$2 per remaining Hand,\n$1 per remaining Discard.\nEarn no Interest",
-    "Black": "+1 Joker slot\n-1 hand every round",
-    "Magic": "Start run with the\nCrystal Ball voucher\nand 2 copies of The Fool",
-    "Nebula": "Start run with the\nTelescope voucher\n-1 consumable slot",
-    "Ghost": "Spectral cards may\nappear in the shop,\nstart with a Hex card",
-    "Abandoned": "Start run with no\nFace Cards in your deck",
-    "Checkered": "Start run with\n26 Spades and\n26 Hearts in deck",
-    "Zodiac": "Start run with\nTarot Merchant,\nPlanet Merchant,\nand Overstock vouchers",
-    "Painted": "+2 hand size,\n-1 Joker slot",
-    "Anaglyph": "After defeating each\nBoss Blind, gain a\nDouble Tag",
-    "Plasma": "Balance Chips and\nMult when calculating\nscore for played hand.\nX2 base Blind size",
-    "Erratic": "All Ranks and Suits\nin deck are randomized",
-};
-const STAKE_DESCRIPTIONS = {
-    "White": "Base Difficulty",
-    "Red": "Small Blind gives\nno reward money",
-    "Green": "Required score scales\nfaster for each Ante",
-    "Black": "Shop can have Jokers\nwith Eternal",
-    "Blue": "-1 Discard",
-    "Purple": "Required score scales\nfaster for each Ante",
-    "Orange": "Shop can have Jokers\nwith Perishable",
-    "Gold": "-1 hand size\nShop can have Jokers\nwith Rental",
-};
-export function RunConfigModal({ open, onClose, deck, stake, onChange, }) {
-    const [activeDeck, setActiveDeck] = useState(deck);
-    const [activeStake, setActiveStake] = useState(stake);
-    // Sync state if props change when opened
-    React.useEffect(() => {
-        if (open) {
-            // eslint-disable-next-line react-hooks/set-state-in-effect
-            setActiveDeck(deck);
-            setActiveStake(stake);
-        }
-    }, [open, deck, stake]);
-    if (!open)
-        return null;
-    const deckIdx = DECK_OPTIONS.indexOf(activeDeck) >= 0 ? DECK_OPTIONS.indexOf(activeDeck) : 0;
-    const stakeIdx = STAKE_OPTIONS.indexOf(activeStake) >= 0 ? STAKE_OPTIONS.indexOf(activeStake) : 0;
-    const nextDeck = () => setActiveDeck(DECK_OPTIONS[(deckIdx + 1) % DECK_OPTIONS.length]);
-    const prevDeck = () => setActiveDeck(DECK_OPTIONS[(deckIdx - 1 + DECK_OPTIONS.length) % DECK_OPTIONS.length]);
-    const nextStake = () => setActiveStake(STAKE_OPTIONS[(stakeIdx + 1) % STAKE_OPTIONS.length]);
-    const prevStake = () => setActiveStake(STAKE_OPTIONS[(stakeIdx - 1 + STAKE_OPTIONS.length) % STAKE_OPTIONS.length]);
-    const handleApply = () => {
-        onChange(activeDeck, activeStake);
-        onClose();
-    };
-    return (_jsxs(JimboModal, { open: open, onClose: onClose, title: "Run Config", children: [_jsxs("div", { className: "j-flex j-items-center j-gap-sm", children: [_jsx(JimboButton, { tone: "red", size: "sm", onClick: prevDeck, children: "<" }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", style: { flex: 1 }, children: [_jsx(DeckSprite, { deck: activeDeck, size: 64 }), _jsxs(JimboText, { size: "md", tone: "white", children: [activeDeck, " Deck"] }), _jsx(JimboText, { size: "micro", tone: "grey", className: "j-text-center", style: { whiteSpace: "pre-line" }, children: DECK_DESCRIPTIONS[activeDeck] || "Standard 52 card deck" })] }), _jsx(JimboButton, { tone: "red", size: "sm", onClick: nextDeck, children: ">" })] }), _jsxs("div", { className: "j-flex j-items-center j-gap-sm", style: { marginTop: 8 }, children: [_jsx(JimboButton, { tone: "red", size: "sm", onClick: prevStake, children: "<" }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", style: { flex: 1 }, children: [_jsx(StakeSprite, { stake: activeStake, width: 48 }), _jsxs(JimboText, { size: "md", tone: "white", children: [activeStake, " Stake"] }), _jsx(JimboText, { size: "micro", tone: "grey", className: "j-text-center", style: { whiteSpace: "pre-line" }, children: STAKE_DESCRIPTIONS[activeStake] || "Base Difficulty" })] }), _jsx(JimboButton, { tone: "red", size: "sm", onClick: nextStake, children: ">" })] }), _jsxs("div", { className: "j-flex-col j-gap-sm", style: { marginTop: 8 }, children: [_jsx(JimboButton, { tone: "blue", size: "lg", fullWidth: true, onClick: handleApply, children: "Apply" }), _jsx(JimboButton, { tone: "orange", size: "lg", fullWidth: true, onClick: onClose, children: "Back" })] })] }));
-}