jaml-ui 0.24.20 → 0.25.2

package/dist/components/Standardcard.js

@@ -1,80 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveJamlAssetUrl } from '../assets.js';
-import { RANK_MAP, SUIT_MAP, ENHANCER_MAP, SEAL_MAP, EDITION_MAP } from '../sprites/spriteData.js';
-function cn(...classes) { return classes.filter(Boolean).join(" "); }
-const CARD_WIDTH = 71;
-const CARD_HEIGHT = 95;
-const RANK_ALIAS = { A: 'Ace', K: 'King', Q: 'Queen', J: 'Jack' };
-const pascal = (s) => s[0].toUpperCase() + s.slice(1).toLowerCase();
-export function 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/components/jamlMap/CategoryPicker.js

@@ -1,135 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react-refresh/only-export-components */
-import { useState, useCallback, useMemo } from "react";
-import { JimboSprite } from "../../ui/sprites.js";
-import { JimboColorOption } from "../../ui/tokens.js";
-import { JimboText } from "../../ui/jimboText.js";
-// ─── Component ───────────────────────────────────────────────────────────────
-const C = JimboColorOption;
-export function CategoryPicker({ config, onSelect }) {
-    const [search, setSearch] = useState("");
-    const filtered = useMemo(() => {
-        if (!search)
-            return config.items;
-        const q = search.toLowerCase();
-        return config.items.filter((item) => item.name.toLowerCase().includes(q));
-    }, [config.items, search]);
-    const pairedVouchers = useMemo(() => {
-        if (config.category !== "voucher")
-            return null;
-        const bases = config.items.filter((item) => item.pos.y % 2 === 0);
-        const pairs = bases.map((base) => {
-            const upgrade = config.items.find((u) => u.pos.x === base.pos.x && u.pos.y === base.pos.y + 1);
-            return { base, upgrade };
-        });
-        if (!search)
-            return pairs;
-        const q = search.toLowerCase();
-        return pairs.filter(p => p.base.name.toLowerCase().includes(q) || p.upgrade?.name.toLowerCase().includes(q));
-    }, [config.items, search, config.category]);
-    const handleSelect = useCallback((item) => {
-        onSelect({
-            category: config.category,
-            value: item.name,
-            clauseKey: config.clauseKey,
-        });
-    }, [onSelect, config]);
-    const renderItem = (item, isMuted = false) => (_jsxs("div", { className: "j-juice-hover", onClick: () => handleSelect(item), title: item.name, style: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: 3,
-            padding: 4,
-            borderRadius: 4,
-            cursor: "pointer",
-            opacity: isMuted ? 0.3 : 1,
-        }, children: [_jsx(JimboSprite, { name: item.name, sheet: config.sheet, width: 48 }), _jsx(JimboText, { size: "micro", tone: "white", style: { lineHeight: 1.1, whiteSpace: "normal", textAlign: "center" }, children: item.name })] }, item.name));
-    return (_jsxs("div", { style: { padding: 0, maxWidth: 420, maxHeight: "80vh", display: "flex", flexDirection: "column" }, children: [_jsx("div", { className: "j-flex j-gap-sm", style: { padding: "8px 10px 4px" }, children: _jsx("input", { className: "j-seed-input__field", type: "text", placeholder: `Search ${config.title.toLowerCase()}...`, value: search, onChange: (e) => setSearch(e.target.value), style: { fontSize: 13, padding: "6px 10px", textTransform: "none", letterSpacing: "0.04em" } }) }), config.hint && (_jsx("div", { className: "j-inner-panel", style: { margin: "4px 10px 6px", padding: "6px 10px" }, children: _jsx(JimboText, { size: "xs", tone: "grey", children: config.hint }) })), _jsxs("div", { className: "hide-scrollbar", style: {
-                    display: "flex",
-                    flexWrap: "wrap",
-                    gap: 6,
-                    padding: "8px 10px 10px",
-                    overflowY: "auto",
-                    flex: 1,
-                    alignContent: "flex-start",
-                }, children: [config.category === "voucher" && pairedVouchers ? (pairedVouchers.map((pair) => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: 64 }, children: [renderItem(pair.base, search ? !pair.base.name.toLowerCase().includes(search.toLowerCase()) : false), pair.upgrade && renderItem(pair.upgrade, search ? !pair.upgrade.name.toLowerCase().includes(search.toLowerCase()) : false)] }, pair.base.name)))) : (filtered.map((item) => (_jsx("div", { style: { width: 64 }, children: renderItem(item) }, item.name)))), ((config.category === "voucher" && pairedVouchers?.length === 0) ||
-                        (config.category !== "voucher" && filtered.length === 0)) && (_jsx("div", { style: { width: "100%", padding: 20, textAlign: "center" }, children: _jsxs(JimboText, { size: "sm", tone: "grey", children: ["No matches for \"", search, "\""] }) }))] })] }));
-}
-// ─── Pre-built configs ───────────────────────────────────────────────────────
-import { VOUCHERS, TAGS, BOSSES, BOOSTER_PACKS, TAROTS_AND_PLANETS } from "../../sprites/spriteData.js";
-// Split consumables by type
-const TAROT_CARDS = TAROTS_AND_PLANETS.filter((c) => {
-    const y = c.pos.y;
-    return y <= 2 && c.name !== "The Soul" && c.name !== "Black Hole";
-}).filter((c) => {
-    return c.pos.y <= 1 || (c.pos.y === 2 && c.pos.x <= 1);
-});
-const PLANET_CARDS = TAROTS_AND_PLANETS.filter((c) => {
-    return c.pos.y === 3 ||
-        c.name === "Planet X" || c.name === "Ceres" || c.name === "Eris" ||
-        c.name === "Black Hole";
-});
-const SPECTRAL_CARDS = TAROTS_AND_PLANETS.filter((c) => {
-    return c.pos.y >= 4 || c.name === "The Soul";
-});
-export const VOUCHER_PICKER_CONFIG = {
-    title: "Vouchers",
-    category: "voucher",
-    clauseKey: "voucher",
-    sheet: "Vouchers",
-    items: VOUCHERS,
-    accent: C.ORANGE,
-};
-export const TAG_PICKER_CONFIG = {
-    title: "Tags",
-    category: "tag",
-    clauseKey: "tag",
-    sheet: "tags",
-    items: TAGS,
-    accent: C.GREEN,
-};
-export const BOSS_PICKER_CONFIG = {
-    title: "Boss Blinds",
-    category: "boss",
-    clauseKey: "boss",
-    sheet: "BlindChips",
-    items: BOSSES,
-    accent: C.RED,
-    hint: "Boss Blinds appear at the end of each Ante.",
-};
-export const TAROT_PICKER_CONFIG = {
-    title: "Tarot Cards",
-    category: "tarot",
-    clauseKey: "tarotCard",
-    sheet: "Tarots",
-    items: TAROT_CARDS,
-    accent: C.PURPLE,
-    hint: "Found in Arcana Packs and shops.",
-};
-export const PLANET_PICKER_CONFIG = {
-    title: "Planet Cards",
-    category: "planet",
-    clauseKey: "planetCard",
-    sheet: "Tarots",
-    items: PLANET_CARDS,
-    accent: C.BLUE,
-    hint: "Found in Celestial Packs and shops.",
-};
-export const SPECTRAL_PICKER_CONFIG = {
-    title: "Spectral Cards",
-    category: "spectral",
-    clauseKey: "spectralCard",
-    sheet: "Tarots",
-    items: SPECTRAL_CARDS,
-    accent: C.TEAL_GREY,
-    hint: "Found in Spectral Packs. Ghost Deck only for shop spawns!",
-};
-export const PACK_PICKER_CONFIG = {
-    title: "Booster Packs",
-    category: "pack",
-    clauseKey: "pack",
-    sheet: "Boosters",
-    items: BOOSTER_PACKS,
-    accent: C.ORANGE,
-};

package/dist/components/jamlMap/JamlMapEditor.js

@@ -1,304 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useRef, useEffect } from "react";
-import { MysterySlot } from "./MysterySlot.js";
-import { JokerPicker } from "./JokerPicker.js";
-import { CategoryPicker, VOUCHER_PICKER_CONFIG, TAG_PICKER_CONFIG, BOSS_PICKER_CONFIG, TAROT_PICKER_CONFIG, PLANET_PICKER_CONFIG, SPECTRAL_PICKER_CONFIG, PACK_PICKER_CONFIG, } from "./CategoryPicker.js";
-import { JimboButton, JimboModal } from "../../ui/panel.js";
-import { JimboText } from "../../ui/jimboText.js";
-import { JimboColorOption, withAlpha } from "../../ui/tokens.js";
-import { JimboSprite } from "../../ui/sprites.js";
-// ─── Category menu items ─────────────────────────────────────────────────────
-const C = JimboColorOption;
-const CATEGORIES = [
-    { key: "joker", label: "Joker", sprite: "Joker", sheet: "Jokers", tone: "blue", hint: "Shop, Buffoon Pack" },
-    { key: "voucher", label: "Voucher", sprite: "Blank", sheet: "Vouchers", tone: "orange", hint: "1 per Ante in shop" },
-    { key: "tarot", label: "Tarot Card", sprite: "The Fool", sheet: "Tarots", tone: "tarot", hint: "Arcana Pack, shop" },
-    { key: "planet", label: "Planet Card", sprite: "Mercury", sheet: "Tarots", tone: "planet", hint: "Celestial Pack, shop" },
-    { key: "spectral", label: "Spectral Card", sprite: "Grim", sheet: "Tarots", tone: "spectral", hint: "Ghost Deck, Spectral Pack" },
-    { key: "tag", label: "Tag", sprite: "Uncommon Tag", sheet: "tags", tone: "green", hint: "Skip blind reward" },
-    { key: "boss", label: "Boss Blind", sprite: "The Hook", sheet: "BlindChips", tone: "red", hint: "End of each Ante" },
-    { key: "pack", label: "Booster Pack", sprite: "Arcana Pack", sheet: "Boosters", tone: "orange", hint: "Arcana, Celestial, etc." },
-];
-const ZONE_TONE = {
-    must: "blue",
-    should: "green",
-    mustnot: "red",
-};
-const ZONE_LABEL = {
-    must: "Required",
-    should: "Bonus",
-    mustnot: "Avoid",
-};
-const CATEGORY_CONFIG_MAP = {
-    voucher: VOUCHER_PICKER_CONFIG,
-    tag: TAG_PICKER_CONFIG,
-    boss: BOSS_PICKER_CONFIG,
-    tarot: TAROT_PICKER_CONFIG,
-    planet: PLANET_PICKER_CONFIG,
-    spectral: SPECTRAL_PICKER_CONFIG,
-    pack: PACK_PICKER_CONFIG,
-};
-// ─── Component ───────────────────────────────────────────────────────────────
-export function JamlMapEditor({ zone: initialZone = "must", onChange, }) {
-    const onChangeRef = useRef(onChange);
-    useEffect(() => {
-        onChangeRef.current = onChange;
-    });
-    const [currentZone, setCurrentZone] = useState(initialZone);
-    const [antesState, setAntesState] = useState({});
-    const [activeSlot, setActiveSlot] = useState(null);
-    const [activePackDetail, setActivePackDetail] = useState(null);
-    const [pickerFlow, setPickerFlow] = useState("category");
-    const [activePackSelection, setActivePackSelection] = useState(null);
-    const handleSlotTap = useCallback((anteIndex, id, forceCategory) => {
-        const existing = (antesState[anteIndex] || {})[id];
-        if (forceCategory === "pack" && existing?.packName) {
-            setActivePackDetail({ ante: anteIndex, id });
-            return;
-        }
-        setActiveSlot({ ante: anteIndex, id, forceCategory });
-        setPickerFlow(forceCategory || "category");
-    }, [antesState]);
-    const handleSlotClear = useCallback((anteIndex, id) => {
-        setAntesState((prev) => {
-            const next = { ...prev };
-            if (!next[anteIndex])
-                return next;
-            const nextAnte = { ...next[anteIndex] };
-            delete nextAnte[id];
-            next[anteIndex] = nextAnte;
-            onChangeRef.current?.(buildJamlText(next));
-            return next;
-        });
-        setActivePackDetail((prev) => prev && prev.ante === anteIndex && prev.id === id ? null : prev);
-    }, []);
-    const handlePackChange = useCallback(() => {
-        if (!activePackDetail)
-            return;
-        setActivePackDetail(null);
-        setActivePackSelection(null);
-        setActiveSlot({ ante: activePackDetail.ante, id: activePackDetail.id, forceCategory: "pack" });
-        setPickerFlow("pack");
-    }, [activePackDetail]);
-    const handleCategorySelect = useCallback((cat) => {
-        setPickerFlow(cat);
-    }, []);
-    const handleItemSelect = useCallback((selection) => {
-        if (!activeSlot)
-            return;
-        if (activeSlot.forceCategory === "pack" && selection.category === "pack") {
-            const slotIndex = getPackSlotIndex(activeSlot.id);
-            if (slotIndex === null)
-                return;
-            const nextFlow = getPackFollowupFlow(selection.value);
-            setActivePackSelection({ packName: selection.value, slotIndex });
-            setPickerFlow(nextFlow);
-            return;
-        }
-        const finalSelection = activePackSelection
-            ? { ...selection, packName: activePackSelection.packName, boosterPacks: [activePackSelection.slotIndex] }
-            : selection;
-        setAntesState((prev) => {
-            const next = { ...prev };
-            const nextAnte = { ...(next[activeSlot.ante] || {}) };
-            nextAnte[activeSlot.id] = { ...finalSelection, zone: currentZone };
-            next[activeSlot.ante] = nextAnte;
-            onChangeRef.current?.(buildJamlText(next));
-            return next;
-        });
-        setActivePackSelection(null);
-        setActiveSlot(null);
-    }, [activePackSelection, activeSlot, currentZone]);
-    const handlePickerCancel = useCallback(() => {
-        if (activeSlot?.forceCategory === "pack" && activePackSelection) {
-            setActivePackSelection(null);
-            setPickerFlow("pack");
-        }
-        else if (activeSlot?.forceCategory) {
-            setActiveSlot(null);
-        }
-        else if (pickerFlow !== "category") {
-            setPickerFlow("category");
-        }
-        else {
-            setActiveSlot(null);
-        }
-    }, [activePackSelection, activeSlot, pickerFlow]);
-    const handleOverlayClose = useCallback(() => {
-        setActivePackSelection(null);
-        setActiveSlot(null);
-        setActivePackDetail(null);
-    }, []);
-    const activePackDetailSelection = activePackDetail
-        ? (antesState[activePackDetail.ante] || {})[activePackDetail.id]
-        : undefined;
-    const handleScrollAttach = useCallback((node) => {
-        if (!node)
-            return;
-        const firstChild = node.children[1];
-        if (firstChild)
-            node.scrollTop = firstChild.offsetTop;
-    }, []);
-    const renderSlot = (anteIndex, id, width, sheetType, forceCategory) => {
-        const sel = (antesState[anteIndex] || {})[id];
-        return (_jsx(MysterySlot, { zone: sel ? sel.zone : "must", sheetType: sheetType, selection: sel, width: width, onTap: () => handleSlotTap(anteIndex, id, forceCategory), onClear: sel ? () => handleSlotClear(anteIndex, id) : undefined, style: { flexShrink: 0 } }, id));
-    };
-    return (_jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: [_jsx("div", { ref: handleScrollAttach, className: "hide-scrollbar", style: {
-                    flex: 1,
-                    overflowY: "scroll",
-                    overflowX: "hidden",
-                    scrollSnapType: "y mandatory",
-                    scrollBehavior: "smooth",
-                    WebkitOverflowScrolling: "touch",
-                    overscrollBehaviorY: "contain",
-                }, children: Array.from({ length: 8 }, (_, i) => i + 1).map((a) => (_jsxs("div", { style: {
-                        scrollSnapAlign: "start",
-                        scrollSnapStop: "always",
-                        padding: "24px 8px 64px 8px",
-                        minHeight: "100%",
-                        boxSizing: "border-box",
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: 24,
-                        borderBottom: `2px solid ${C.DARK_GREY}`
-                    }, children: [_jsxs(JimboText, { size: "md", tone: "white", style: { textAlign: "center", marginBottom: 8 }, children: ["Ante ", a] }), _jsxs("div", { className: "j-flex j-justify-between j-items-end", children: [_jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Voucher" }), renderSlot(a, `ante_${a}_voucher`, 42, "Vouchers", "voucher")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Small" }), renderSlot(a, `ante_${a}_tag_small`, 42, "tags", "tag")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Big" }), renderSlot(a, `ante_${a}_tag_big`, 42, "tags", "tag")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Boss" }), renderSlot(a, `ante_${a}_boss`, 42, "BlindChips", "boss")] })] }), _jsxs("div", { className: "j-flex-col j-gap-xs", children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 1 }, children: "Shop Items" }), _jsx("div", { className: "j-flex hide-scrollbar j-gap-sm", style: { overflowX: "auto", paddingBottom: 8 }, children: [1, 2, 3, 4, 5, 6, 7, 8].map(i => renderSlot(a, `ante_${a}_shop_${i}`, 52, "Jokers")) })] }), _jsxs("div", { className: "j-flex-col j-gap-xs", children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 1 }, children: "Packs" }), _jsx("div", { className: "j-flex-col j-gap-sm", children: getPackRows(a).map((row, rowIndex) => (_jsx("div", { className: "j-flex j-gap-sm", style: { flexWrap: "nowrap" }, children: row.map(i => renderSlot(a, `ante_${a}_pack_${i}`, 64, "Boosters", "pack")) }, rowIndex))) })] })] }, a))) }), _jsx(JimboModal, { open: activeSlot !== null, onClose: handlePickerCancel, title: pickerFlow === "category" ? "Select Category" : undefined, className: "j-picker-modal", children: activeSlot !== null && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "8px 10px", marginBottom: 2 }, children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginBottom: 6 }, children: "This pick will be added as" }), _jsx("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: ["must", "should", "mustnot"].map((z) => (_jsx(JimboButton, { tone: currentZone === z ? ZONE_TONE[z] : "grey", size: "xs", onClick: () => setCurrentZone(z), children: ZONE_LABEL[z] }, z))) })] }), pickerFlow === "category" ? (_jsx(CategoryMenu, { onSelect: handleCategorySelect })) : pickerFlow === "joker" ? (_jsx(JokerPicker, { onSelect: handleItemSelect })) : pickerFlow === "packUnsupported" ? (_jsxs("div", { className: "j-flex-col j-gap-sm", style: { padding: 10, maxWidth: 360 }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "10px 12px" }, children: [_jsx(JimboText, { size: "sm", tone: "orange", children: "Standard Packs need a dedicated playing-card picker." }), _jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginTop: 6 }, children: "Arcana, Celestial, Spectral, and Buffoon pack flows are wired. Standard Pack support can come next without faking the JAML shape." })] }), _jsx(JimboButton, { tone: "orange", size: "sm", fullWidth: true, onClick: () => {
-                                        setActivePackSelection(null);
-                                        setPickerFlow("pack");
-                                    }, children: "Back to Packs" })] })) : (_jsx(CategoryPicker, { config: CATEGORY_CONFIG_MAP[pickerFlow], onSelect: handleItemSelect }))] })) }), _jsx(JimboModal, { open: activePackDetail !== null && !!activePackDetailSelection?.packName, onClose: handleOverlayClose, title: activePackDetailSelection?.packName ?? "Pack", className: "j-picker-modal", children: activePackDetail !== null && activePackDetailSelection?.packName && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10, maxWidth: 360 }, children: [_jsx("div", { className: "j-inner-panel", style: { padding: "10px 12px", background: withAlpha(C.DARKEST, 0.84) }, children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [_jsx(JimboSprite, { name: activePackDetailSelection.packName, sheet: "Boosters", width: 56 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [_jsxs(JimboText, { size: "sm", tone: "white", children: ["Ante ", activePackDetail.ante, " pack ", ((activePackDetailSelection.boosterPacks?.[0] ?? 0) + 1)] }), _jsx(JimboText, { size: "xs", tone: "grey", children: getPackHelperText(activePackDetailSelection.packName) })] })] }) }), _jsxs("div", { className: "j-inner-panel", style: { padding: "10px 12px" }, children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginBottom: 8 }, children: "Peek" }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, marginBottom: 10 }, children: [_jsx(JimboSprite, { name: activePackDetailSelection.packName, sheet: "Boosters", width: 44 }), _jsx(JimboText, { size: "sm", tone: "grey", children: "\u2192" }), _jsx(JimboSprite, { name: activePackDetailSelection.value, sheet: categoryToPreviewSheet(activePackDetailSelection.category), width: 48 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 3 }, children: [_jsx(JimboText, { size: "sm", tone: "white", children: activePackDetailSelection.value }), _jsxs(JimboText, { size: "xs", tone: "grey", children: [getSelectionCategoryLabel(activePackDetailSelection.category), " from ", activePackDetailSelection.packName] })] })] }), _jsxs("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "6px 8px", minWidth: 96 }, children: [_jsx(JimboText, { size: "micro", tone: "grey", style: { display: "block", marginBottom: 2 }, children: "Zone" }), _jsx(JimboText, { size: "xs", tone: getZoneTextTone(activePackDetailSelection.zone), children: ZONE_LABEL[activePackDetailSelection.zone] })] }), _jsxs("div", { className: "j-inner-panel", style: { padding: "6px 8px", minWidth: 120 }, children: [_jsx(JimboText, { size: "micro", tone: "grey", style: { display: "block", marginBottom: 2 }, children: "Clause" }), _jsx(JimboText, { size: "xs", tone: "white", children: activePackDetailSelection.clauseKey })] }), _jsxs("div", { className: "j-inner-panel", style: { padding: "6px 8px", minWidth: 96 }, children: [_jsx(JimboText, { size: "micro", tone: "grey", style: { display: "block", marginBottom: 2 }, children: "Source" }), _jsxs(JimboText, { size: "xs", tone: "white", children: ["boosterPacks: [", activePackDetailSelection.boosterPacks?.join(", ") ?? "", "]"] })] })] })] }), _jsxs("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: [_jsx(JimboButton, { tone: "blue", size: "sm", fullWidth: true, onClick: handlePackChange, children: "Re-pick Contents" }), _jsx(JimboButton, { tone: "red", size: "sm", fullWidth: true, onClick: () => handleSlotClear(activePackDetail.ante, activePackDetail.id), children: "Clear This Pack" })] })] })) })] }));
-}
-// ─── Category Selection Menu ─────────────────────────────────────────────────
-export function CategoryMenu({ onSelect, }) {
-    return (_jsx("div", { className: "hide-scrollbar", style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: 12,
-            padding: "10px 4px",
-            maxHeight: "70vh",
-            overflowY: "auto",
-        }, children: CATEGORIES.map((cat) => (_jsx(JimboButton, { tone: cat.tone, size: "sm", fullWidth: true, onClick: () => onSelect(cat.key), children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%", textAlign: "left" }, children: [_jsx(JimboSprite, { name: cat.sprite, sheet: cat.sheet, width: 24 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [_jsx("span", { style: { fontSize: 11 }, children: cat.label }), _jsx("span", { style: { fontSize: 8, opacity: 0.7, letterSpacing: "0.04em", lineHeight: 1, whiteSpace: "normal" }, children: cat.hint })] })] }) }, cat.key))) }));
-}
-// ─── Build JAML text from slots ──────────────────────────────────────────────
-function getPackSlotIndex(slotId) {
-    const match = /_pack_(\d+)$/.exec(slotId);
-    if (!match)
-        return null;
-    return Number(match[1]) - 1;
-}
-function getPackRows(ante) {
-    const packCount = ante < 2 ? 4 : 6;
-    const rows = [];
-    for (let i = 1; i <= packCount; i += 2) {
-        rows.push([i, i + 1].filter((slot) => slot <= packCount));
-    }
-    return rows;
-}
-function getPackFollowupFlow(packName) {
-    if (packName.includes("Buffoon"))
-        return "joker";
-    if (packName.includes("Arcana"))
-        return "tarot";
-    if (packName.includes("Celestial"))
-        return "planet";
-    if (packName.includes("Spectral"))
-        return "spectral";
-    return "packUnsupported";
-}
-function categoryToPreviewSheet(category) {
-    if (category === "joker")
-        return "Jokers";
-    if (category === "voucher")
-        return "Vouchers";
-    if (category === "tag")
-        return "tags";
-    if (category === "boss")
-        return "BlindChips";
-    if (category === "pack")
-        return "Boosters";
-    return "Tarots";
-}
-function getPackHelperText(packName) {
-    if (packName.includes("Buffoon"))
-        return "Peek the joker this pack is meant to carry.";
-    if (packName.includes("Arcana"))
-        return "Peek the tarot card currently attached to this pack.";
-    if (packName.includes("Celestial"))
-        return "Peek the planet card currently attached to this pack.";
-    if (packName.includes("Spectral"))
-        return "Peek the spectral card currently attached to this pack.";
-    return "Peek the item currently attached to this pack.";
-}
-function getSelectionCategoryLabel(category) {
-    if (category === "joker")
-        return "Joker";
-    if (category === "voucher")
-        return "Voucher";
-    if (category === "tag")
-        return "Tag";
-    if (category === "boss")
-        return "Boss Blind";
-    if (category === "tarot")
-        return "Tarot Card";
-    if (category === "planet")
-        return "Planet Card";
-    if (category === "spectral")
-        return "Spectral Card";
-    return "Pack";
-}
-function getZoneTextTone(zone) {
-    if (zone === "must")
-        return "blue";
-    if (zone === "should")
-        return "green";
-    return "red";
-}
-function buildJamlText(antes) {
-    const byZone = {
-        must: {}, should: {}, mustnot: {}
-    };
-    for (const [anteStr, selections] of Object.entries(antes)) {
-        const anteNum = parseInt(anteStr, 10);
-        for (const sel of Object.values(selections)) {
-            const zone = sel.zone;
-            const key = sel.clauseKey;
-            if (!byZone[zone][key]) {
-                byZone[zone][key] = [];
-            }
-            const existing = byZone[zone][key].find(item => item.value === sel.value &&
-                (item.boosterPacks ?? []).join(",") === (sel.boosterPacks ?? []).join(","));
-            if (existing) {
-                if (!existing.antes.includes(anteNum))
-                    existing.antes.push(anteNum);
-            }
-            else {
-                byZone[zone][key].push({ value: sel.value, antes: [anteNum], boosterPacks: sel.boosterPacks });
-            }
-        }
-    }
-    const lines = [];
-    lines.push("name: My Custom Seed Map");
-    lines.push("author: JamlBuilder");
-    lines.push("description: Auto-generated from the visual editor.");
-    lines.push("deck: Red");
-    lines.push("stake: White");
-    for (const [zone, label] of [["must", "must"], ["should", "should"], ["mustnot", "mustNot"]]) {
-        const clauses = byZone[zone];
-        if (Object.keys(clauses).length === 0)
-            continue;
-        lines.push(`${label}:`);
-        for (const [key, items] of Object.entries(clauses)) {
-            for (const item of items) {
-                lines.push(`  - ${key}: ${item.value}`);
-                // Only emit `antes:` if it's not all 8 antes (simplification, or just emit it)
-                if (item.antes.length < 8) {
-                    lines.push(`    antes: [${item.antes.sort((a, b) => a - b).join(", ")}]`);
-                }
-                if (item.boosterPacks && item.boosterPacks.length > 0) {
-                    lines.push(`    sources:`);
-                    lines.push(`      boosterPacks: [${item.boosterPacks.join(", ")}]`);
-                }
-            }
-        }
-    }
-    return lines.join("\n") + "\n";
-}

package/dist/components/jamlMap/JamlMapEditor.stories.d.ts

@@ -1,7 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { JamlMapEditor } from './JamlMapEditor';
-import "../../ui/jimbo.css";
-declare const meta: Meta<typeof JamlMapEditor>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/jamlMap/JamlMapEditor.stories.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JamlMapEditor } from './JamlMapEditor';
-import { useState } from 'react';
-import { JimboModalRoot } from '../../ui/panel';
-import "../../ui/jimbo.css"; // Ensure global CSS is loaded
-const meta = {
-    title: 'JamlMap/JamlMapEditor',
-    component: JamlMapEditor,
-    parameters: {
-        layout: 'fullscreen',
-        viewport: {
-            defaultViewport: 'mobile1', // iPhone SE
-        },
-    },
-    decorators: [
-        (Story) => (_jsxs("div", { style: { width: "375px", height: "667px", margin: "0 auto", overflow: "hidden", border: "1px solid #333" }, children: [_jsx(Story, {}), _jsx(JimboModalRoot, {})] })),
-    ],
-};
-export default meta;
-export const Default = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [clauses, setClauses] = useState([]);
-        return (_jsx(JamlMapEditor, { clauses: clauses, onChange: setClauses }));
-    },
-};

package/dist/components/jamlMap/JamlMapEditorDemo.d.ts

@@ -1,8 +0,0 @@
-import { type SlotSelection, type JamlZone } from "./MysterySlot.js";
-export interface JamlMapEditorDemoProps {
-    /** Initial zone for the demo. */
-    zone?: JamlZone;
-    /** Callback when selections change. */
-    onChange?: (slots: (SlotSelection | null)[]) => void;
-}
-export declare function JamlMapEditorDemo({ zone: initialZone, onChange, }: JamlMapEditorDemoProps): import("react/jsx-runtime").JSX.Element;