jaml-ui 0.24.20 → 0.25.2

package/dist/components/AnalyzerExplorer.js

@@ -1,391 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { useAnteTracker } from "../ui/hooks.js";
-import { JamlBoss, JamlGameCard, JamlTag, JamlVoucher, resolveAnalyzerShopItem, } from "./GameCard.js";
-import { JamlMapPreview } from "./JamlMapPreview.js";
-export function AnalyzerExplorer({ antes, highlights = [], visibleAntes, totalAntes, className = "", jaml, tallyColumns, tallyLabels, }) {
-    const { currentAnte, scrollRef, scrollToAnte, registerAnteRef } = useAnteTracker(antes, {
-        threshold: [0.45, 0.72, 0.9],
-    });
-    const highlightRefs = useRef(new Map());
-    useEffect(() => {
-        const activeHighlight = highlights.find((highlight) => highlight.ante === currentAnte);
-        if (!activeHighlight) {
-            return;
-        }
-        const element = highlightRefs.current.get(activeHighlight.id);
-        element?.scrollIntoView({
-            behavior: "smooth",
-            inline: "center",
-            block: "nearest",
-        });
-    }, [currentAnte, highlights]);
-    const currentAnteIndex = antes.findIndex((ante) => ante.ante === currentAnte);
-    const previousAnte = currentAnteIndex > 0 ? antes[currentAnteIndex - 1]?.ante ?? null : null;
-    const nextAnte = currentAnteIndex >= 0 && currentAnteIndex < antes.length - 1 ? antes[currentAnteIndex + 1]?.ante ?? null : null;
-    const shownAntes = visibleAntes ?? antes.length;
-    const availableAntes = totalAntes ?? shownAntes;
-    return (_jsxs("div", { className: className, style: styles.root, children: [jaml ? (_jsxs("section", { style: styles.jamlSection, children: [_jsx("div", { style: styles.highlightHeader, children: _jsx("span", { style: styles.highlightTitle, children: "JAML Map" }) }), _jsx(JamlMapPreview, { jaml: jaml, tallyColumns: tallyColumns?.[0], tallyLabels: tallyLabels, compact: true })] })) : null, highlights.length > 0 ? (_jsxs("section", { style: styles.highlightSection, children: [_jsxs("div", { style: styles.highlightHeader, children: [_jsx("span", { style: styles.highlightTitle, children: "Highlights" }), _jsx("span", { style: styles.highlightSubtitle, children: "Swipe, tap, jump" })] }), _jsx("div", { style: styles.highlightRail, children: highlights.map((highlight) => {
-                            const isActive = highlight.ante === currentAnte;
-                            return (_jsxs("button", { ref: (element) => {
-                                    if (element) {
-                                        highlightRefs.current.set(highlight.id, element);
-                                    }
-                                    else {
-                                        highlightRefs.current.delete(highlight.id);
-                                    }
-                                }, type: "button", onClick: () => scrollToAnte(highlight.ante), style: isActive ? styles.highlightCardActive : styles.highlightCard, children: [_jsx("div", { style: styles.highlightVisual, children: renderHighlightVisual(highlight) }), _jsxs("div", { style: styles.highlightMeta, children: [_jsxs("span", { style: styles.highlightAnte, children: ["Ante ", highlight.ante] }), _jsx("span", { style: styles.highlightLabel, children: highlight.title }), highlight.subtitle ? (_jsx("span", { style: styles.highlightDescription, children: highlight.subtitle })) : null, _jsx(BadgeRow, { badges: highlight.badges, desired: highlight.desired })] })] }, highlight.id));
-                        }) })] })) : null, _jsxs("div", { style: styles.navBar, children: [_jsx("button", { type: "button", onClick: () => previousAnte !== null && scrollToAnte(previousAnte), disabled: previousAnte === null, style: {
-                            ...styles.navButton,
-                            opacity: previousAnte !== null ? 1 : 0.25,
-                        }, children: "\u25B2" }), _jsxs("div", { style: styles.navLabel, children: ["Ante ", currentAnte, _jsxs("span", { style: styles.navSubLabel, children: ["of ", shownAntes, availableAntes > shownAntes ? ` / ${availableAntes}` : ""] })] }), _jsx("button", { type: "button", onClick: () => nextAnte !== null && scrollToAnte(nextAnte), disabled: nextAnte === null, style: {
-                            ...styles.navButton,
-                            opacity: nextAnte !== null ? 1 : 0.25,
-                        }, children: "\u25BC" })] }), _jsx("div", { ref: scrollRef, style: styles.scrollRegion, children: antes.map((ante) => (_jsx("div", { "data-ante": ante.ante, ref: (element) => registerAnteRef(ante.ante, element), style: styles.antePage, children: _jsx(AnteSection, { ante: ante }) }, ante.ante))) })] }));
-}
-function AnteSection({ ante }) {
-    return (_jsxs("section", { style: styles.anteSection, children: [_jsxs("div", { style: styles.anteHeader, children: [_jsxs("span", { style: styles.anteHeading, children: ["Ante ", ante.ante] }), ante.boss ? (_jsxs("div", { style: styles.bossRow, children: [_jsx(JamlBoss, { bossName: ante.boss, scale: 0.62 }), _jsx("span", { style: styles.bossName, children: ante.boss })] })) : null] }), ante.smallBlindTag || ante.bigBlindTag ? (_jsxs(AnalyzerRow, { label: "Tags", children: [ante.smallBlindTag ? (_jsx(CompactCard, { label: "Small", visual: _jsx(JamlTag, { tagName: ante.smallBlindTag, scale: 0.58, hoverTilt: true }), text: ante.smallBlindTag })) : null, ante.bigBlindTag ? (_jsx(CompactCard, { label: "Big", visual: _jsx(JamlTag, { tagName: ante.bigBlindTag, scale: 0.58, hoverTilt: true }), text: ante.bigBlindTag })) : null] })) : null, ante.voucher ? (_jsx(AnalyzerRow, { label: "Voucher", children: _jsx(CompactCard, { visual: _jsx(JamlVoucher, { voucherName: ante.voucher, scale: 0.58, hoverTilt: true }), text: ante.voucher }) })) : null, ante.shop && ante.shop.length > 0 ? (_jsx(AnalyzerRow, { label: "Shop", dense: true, children: ante.shop.map((item) => (_jsx(ResolvedItemCard, { item: item }, `${ante.ante}-${item.id}-${item.name}`))) })) : null, ante.packs && ante.packs.length > 0 ? (_jsx(AnalyzerRow, { label: "Packs", children: ante.packs.map((pack) => (_jsx("div", { style: styles.packChip, children: pack }, `${ante.ante}-${pack}`))) })) : null, ante.facts && ante.facts.length > 0 ? (_jsx(AnalyzerRow, { label: "Facts", children: ante.facts.map((fact) => (_jsxs("div", { style: styles.factCard, children: [_jsx("span", { style: styles.factLabel, children: fact.label }), _jsx("span", { style: styles.factValue, children: fact.value })] }, `${ante.ante}-${fact.label}-${fact.value}`))) })) : null] }));
-}
-function AnalyzerRow({ label, children, dense = false, }) {
-    return (_jsxs("div", { style: styles.row, children: [_jsx("div", { style: styles.rowLabel, children: label }), _jsx("div", { style: dense ? styles.denseGrid : styles.cardFlow, children: children })] }));
-}
-function CompactCard({ label, visual, text, }) {
-    return (_jsxs("div", { style: styles.compactCard, children: [label ? _jsx("span", { style: styles.compactLabel, children: label }) : null, visual, _jsx("span", { style: styles.itemText, children: text })] }));
-}
-function ResolvedItemCard({ item }) {
-    const resolved = resolveAnalyzerShopItem(item, 0.58);
-    const wrapperStyle = item.desired ? styles.itemCardDesired : styles.itemCard;
-    if (resolved.kind === "joker" || resolved.kind === "consumable" || resolved.kind === "playing") {
-        return (_jsxs("div", { style: wrapperStyle, children: [_jsx(JamlGameCard, { card: resolved.card, type: resolved.type, hoverTilt: true }), _jsx("span", { style: styles.itemText, children: item.name }), _jsx(BadgeRow, { badges: item.badges, desired: item.desired }), item.detail ? _jsx("span", { style: styles.itemDetail, children: item.detail }) : null] }));
-    }
-    if (resolved.kind === "voucher") {
-        return (_jsxs("div", { style: wrapperStyle, children: [_jsx(JamlVoucher, { voucherName: resolved.voucherName, scale: 0.58, hoverTilt: true }), _jsx("span", { style: styles.itemText, children: item.name }), _jsx(BadgeRow, { badges: item.badges, desired: item.desired }), item.detail ? _jsx("span", { style: styles.itemDetail, children: item.detail }) : null] }));
-    }
-    return (_jsxs("div", { style: wrapperStyle, children: [_jsx("div", { style: styles.packChip, children: item.name }), _jsx(BadgeRow, { badges: item.badges, desired: item.desired }), item.detail ? _jsx("span", { style: styles.itemDetail, children: item.detail }) : null] }));
-}
-function BadgeRow({ badges, desired = false }) {
-    const combinedBadges = desired
-        ? [{ label: "desired", tone: "accent" }, ...(badges ?? [])]
-        : (badges ?? []);
-    if (combinedBadges.length === 0) {
-        return null;
-    }
-    return (_jsx("div", { style: styles.badgeRow, children: combinedBadges.map((badge) => {
-            const badgeStyle = badge.tone === "accent"
-                ? styles.badgeAccent
-                : badge.tone === "muted"
-                    ? styles.badgeMuted
-                    : styles.badge;
-            return (_jsx("span", { style: badgeStyle, children: badge.label }, `${badge.label}-${badge.tone ?? "default"}`));
-        }) }));
-}
-function renderHighlightVisual(highlight) {
-    if (highlight.item) {
-        return _jsx(ResolvedItemCard, { item: highlight.item });
-    }
-    if (highlight.boss) {
-        return _jsx(JamlBoss, { bossName: highlight.boss, scale: 0.92, hoverTilt: true });
-    }
-    if (highlight.voucher) {
-        return _jsx(JamlVoucher, { voucherName: highlight.voucher, scale: 0.92, hoverTilt: true });
-    }
-    if (highlight.tag) {
-        return _jsx(JamlTag, { tagName: highlight.tag, scale: 0.92, hoverTilt: true });
-    }
-    return _jsx("div", { style: styles.packChip, children: highlight.title });
-}
-const styles = {
-    root: {
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-        minHeight: 0,
-        fontFamily: "m6x11plus, monospace",
-    },
-    highlightSection: {
-        padding: "6px 8px",
-        borderBottom: "1px solid #1a1a34",
-        background: "#0f0f22",
-    },
-    jamlSection: {
-        padding: "6px 8px",
-        borderBottom: "1px solid #1a1a34",
-        background: "#0f0f22",
-    },
-    highlightHeader: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 8,
-        marginBottom: 4,
-    },
-    highlightTitle: {
-        fontSize: 12,
-        color: "#6f6fa1",
-        letterSpacing: "0.05em",
-    },
-    highlightSubtitle: {
-        fontSize: 11,
-        color: "#6f6fa1",
-    },
-    highlightRail: {
-        display: "flex",
-        gap: 6,
-        overflowX: "auto",
-        paddingBottom: 2,
-        scrollSnapType: "x mandatory",
-    },
-    highlightCard: {
-        minWidth: 120,
-        maxWidth: 120,
-        display: "flex",
-        flexDirection: "column",
-        gap: 4,
-        padding: 4,
-        borderRadius: 8,
-        border: "1px solid #2a2a55",
-        background: "#131326",
-        scrollSnapAlign: "center",
-        cursor: "pointer",
-    },
-    highlightCardActive: {
-        minWidth: 120,
-        maxWidth: 120,
-        display: "flex",
-        flexDirection: "column",
-        gap: 4,
-        padding: 4,
-        borderRadius: 8,
-        border: "1px solid rgba(245,200,66,0.45)",
-        background: "rgba(245,200,66,0.08)",
-        scrollSnapAlign: "center",
-        cursor: "pointer",
-    },
-    highlightVisual: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "flex-start",
-        minHeight: 80,
-    },
-    highlightMeta: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 2,
-        alignItems: "flex-start",
-    },
-    highlightAnte: {
-        fontSize: 11,
-        color: "#a855f7",
-        letterSpacing: "0.05em",
-    },
-    highlightLabel: {
-        fontSize: 13,
-        color: "#ececff",
-        lineHeight: 1.2,
-        textAlign: "left",
-    },
-    highlightDescription: {
-        fontSize: 11,
-        color: "#8e8eb6",
-        lineHeight: 1.2,
-        textAlign: "left",
-    },
-    navBar: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 8,
-        padding: "4px 8px",
-        background: "#0f0f22",
-        borderBottom: "1px solid #1a1a34",
-    },
-    navButton: {
-        background: "none",
-        border: "1px solid #2a2a55",
-        borderRadius: 4,
-        color: "#9898c0",
-        fontSize: 14,
-        padding: "2px 8px",
-        cursor: "pointer",
-    },
-    navLabel: {
-        fontSize: 13,
-        color: "#a855f7",
-        letterSpacing: "0.05em",
-        minWidth: 110,
-        textAlign: "center",
-    },
-    navSubLabel: {
-        color: "#5a5a88",
-        letterSpacing: "normal",
-        fontSize: 11,
-        marginLeft: 4,
-    },
-    scrollRegion: {
-        flex: 1,
-        overflowY: "auto",
-        overflowX: "hidden",
-        scrollSnapType: "y mandatory",
-        scrollBehavior: "smooth",
-    },
-    antePage: {
-        scrollSnapAlign: "start",
-        scrollSnapStop: "always",
-        minHeight: "100%",
-        boxSizing: "border-box",
-        paddingBottom: 8,
-        borderBottom: "1px solid #1a1a34",
-    },
-    anteSection: {
-        paddingBottom: 4,
-    },
-    anteHeader: {
-        display: "flex",
-        alignItems: "center",
-        gap: 8,
-        padding: "6px 8px",
-    },
-    anteHeading: {
-        fontSize: 14,
-        color: "#a855f7",
-        letterSpacing: "0.05em",
-    },
-    bossRow: {
-        display: "flex",
-        alignItems: "center",
-        gap: 4,
-    },
-    bossName: {
-        fontSize: 14,
-        color: "#e84040",
-    },
-    row: {
-        padding: "2px 8px 4px",
-    },
-    rowLabel: {
-        fontSize: 11,
-        color: "#5a5a88",
-        letterSpacing: "0.05em",
-        marginBottom: 4,
-    },
-    cardFlow: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: 6,
-        alignItems: "flex-start",
-    },
-    denseGrid: {
-        display: "grid",
-        gridTemplateColumns: "repeat(auto-fit, minmax(70px, 1fr))",
-        gap: 6,
-        alignItems: "start",
-    },
-    compactCard: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 2,
-        minWidth: 50,
-    },
-    compactLabel: {
-        padding: "1px 4px",
-        borderRadius: 999,
-        background: "#18182e",
-        color: "#7f7fa7",
-        border: "1px solid #2a2a55",
-        fontSize: 11,
-    },
-    itemCard: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 2,
-        width: "100%",
-        minWidth: 0,
-    },
-    itemCardDesired: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 2,
-        width: "100%",
-        minWidth: 0,
-        padding: "2px",
-        borderRadius: 8,
-        border: "1px solid rgba(245,200,66,0.6)",
-        background: "rgba(245,200,66,0.15)",
-    },
-    itemText: {
-        fontSize: 11,
-        color: "#8e8eb6",
-        textAlign: "center",
-        lineHeight: 1.1,
-        maxWidth: 84,
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
-    },
-    itemDetail: {
-        fontSize: 11,
-        color: "#d8d8ea",
-        textAlign: "center",
-        lineHeight: 1.1,
-    },
-    badgeRow: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: 2,
-        justifyContent: "center",
-    },
-    badge: {
-        padding: "1px 4px",
-        borderRadius: 999,
-        background: "#202043",
-        color: "#c7c7ef",
-        border: "1px solid #35356d",
-        fontSize: 11,
-    },
-    badgeAccent: {
-        padding: "1px 4px",
-        borderRadius: 999,
-        background: "rgba(245,200,66,0.2)",
-        color: "#f5c842",
-        border: "1px solid rgba(245,200,66,0.35)",
-        fontSize: 11,
-    },
-    badgeMuted: {
-        padding: "1px 4px",
-        borderRadius: 999,
-        background: "#18182e",
-        color: "#7f7fa7",
-        border: "1px solid #2a2a55",
-        fontSize: 11,
-    },
-    packChip: {
-        fontSize: 13,
-        color: "#5a5a88",
-        background: "#131326",
-        border: "1px solid #2a2a55",
-        borderRadius: 4,
-        padding: "2px 6px",
-    },
-    factCard: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 1,
-        minWidth: 90,
-        padding: "4px 6px",
-        borderRadius: 6,
-        background: "#131326",
-        border: "1px solid #2a2a55",
-    },
-    factLabel: {
-        fontSize: 11,
-        color: "#7f7fa7",
-    },
-    factValue: {
-        fontSize: 13,
-        color: "#ececff",
-    },
-};

package/dist/components/CardFan.js

@@ -1,80 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RealStandardcard } from './Standardcard.js';
-import { JimboColorOption } from '../ui/tokens.js';
-import { JimboText } from '../ui/jimboText.js';
-const RANK_MAP = {
-    '2': '2', '3': '3', '4': '4', '5': '5', '6': '6', '7': '7', '8': '8', '9': '9', '10': '10',
-    J: 'Jack', Q: 'Queen', K: 'King', A: 'Ace',
-};
-const SUIT_MAP = {
-    H: 'Hearts', C: 'Clubs', D: 'Diamonds', S: 'Spades',
-};
-function parseJamlCard(input) {
-    const [r, s] = input.split('_');
-    return {
-        rank: RANK_MAP[r] ?? '2',
-        suit: SUIT_MAP[s] ?? 'Clubs',
-    };
-}
-/**
- * Parabolic card fan with rotation + arc overlap. Ported from weejoker's
- * CardFan.tsx. Uses mathematical transforms (inline style, not Tailwind)
- * to produce the authentic Balatro spread: cards overlap toward the
- * center, tilt outward, sit higher at the edges.
- *
- * Sizing, overlap, and max rotation auto-scale with card count so full
- * 52-card decks render cleanly and tiny 3-card hands look deliberate.
- */
-export function CardFan({ count = 0, cards, className = '', style, label, showLabel = true }) {
-    const displayCount = cards ? cards.length : count;
-    const cardSize = displayCount > 40 ? 46
-        : displayCount > 30 ? 32
-            : displayCount > 12 ? 36
-                : displayCount > 8 ? 42
-                    : displayCount > 5 ? 48
-                        : 54;
-    const overlap = displayCount > 40 ? 0.88
-        : displayCount > 30 ? 0.85
-            : displayCount > 15 ? 0.75
-                : displayCount > 6 ? 0.60
-                    : 0.45;
-    const cardSpacing = cardSize * (1 - overlap);
-    const maxRotation = displayCount > 40 ? 40
-        : displayCount > 20 ? 30
-            : displayCount > 10 ? 15
-                : 25;
-    const cardsHeight = 120;
-    return (_jsxs("div", { className: className, style: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            gap: 4,
-            ...style,
-        }, children: [_jsx("div", { style: { position: 'relative', width: '100%', height: cardsHeight }, children: displayCount > 0 ? (Array.from({ length: displayCount }).map((_, i) => {
-                    const centerIndex = (displayCount - 1) / 2;
-                    const offset = i - centerIndex;
-                    const xPos = offset * cardSpacing;
-                    // Parabolic lift — outer cards sit higher than center (bowed upward)
-                    const yOffset = Math.pow(Math.abs(offset / (centerIndex || 1)), 2) * (displayCount > 20 ? 20 : 10);
-                    const rotation = (offset / (centerIndex || 1)) * maxRotation;
-                    const parsed = cards ? parseJamlCard(cards[i]) : { rank: '2', suit: 'Clubs' };
-                    return (_jsx("div", { style: {
-                            position: 'absolute',
-                            left: '50%',
-                            bottom: 0,
-                            transform: `translateX(calc(-50% + ${xPos}px)) translateY(${yOffset}px) rotate(${rotation}deg)`,
-                            transformOrigin: 'bottom center',
-                            zIndex: i,
-                        }, children: _jsx(RealStandardcard, { rank: parsed.rank, suit: parsed.suit, size: cardSize, style: { filter: `drop-shadow(0 2px 3px ${JimboColorOption.BLACK}66)` } }) }, i));
-                })) : (_jsx("div", { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        width: '100%',
-                        height: '100%',
-                        background: `${JimboColorOption.WHITE}0d`,
-                        border: `1px solid ${JimboColorOption.WHITE}0d`,
-                        borderRadius: 8,
-                    }, children: _jsx(JimboText, { size: "xs", uppercase: true, tone: "grey", children: "Deck Empty" }) })) }), label && showLabel ? _jsx(JimboText, { size: "xs", uppercase: true, tone: "grey", children: label }) : null] }));
-}

package/dist/components/CardList.js

@@ -1,5 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function CardList({ title, subtitle, children, className = "" }) {
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { style: { marginBottom: 4 }, children: [_jsx("span", { style: { fontWeight: 600, fontSize: 12 }, children: title }), subtitle && _jsx("span", { style: { fontSize: 10, opacity: 0.6, marginLeft: 4 }, children: subtitle })] }), _jsx("div", { style: { display: "flex", gap: 4, overflowX: "auto", paddingBottom: 4 }, children: children })] }));
-}

package/dist/components/DeckSprite.js

@@ -1,75 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveJamlAssetUrl } from '../assets.js';
-// eslint-disable-next-line react-refresh/only-export-components
-export const DECK_SPRITE_POS = {
-    red: { x: 0, y: 0 },
-    nebula: { x: 3, y: 0 },
-    locked: { x: 4, y: 0 },
-    blue: { x: 0, y: 2 },
-    yellow: { x: 1, y: 2 },
-    green: { x: 2, y: 2 },
-    black: { x: 3, y: 2 },
-    plasma: { x: 4, y: 2 },
-    ghost: { x: 6, y: 2 },
-    magic: { x: 0, y: 3 },
-    checkered: { x: 1, y: 3 },
-    erratic: { x: 2, y: 3 },
-    abandoned: { x: 3, y: 3 },
-    painted: { x: 4, y: 3 },
-    challenge: { x: 0, y: 4 },
-    anaglyph: { x: 2, y: 4 },
-    zodiac: { x: 3, y: 4 },
-};
-// eslint-disable-next-line react-refresh/only-export-components
-export const STAKE_SPRITE_POS = {
-    white: { x: 1, y: 0 },
-    red: { x: 2, y: 0 },
-    green: { x: 3, y: 0 },
-    blue: { x: 4, y: 0 },
-    black: { x: 0, y: 1 },
-    purple: { x: 1, y: 1 },
-    orange: { x: 2, y: 1 },
-    gold: { x: 3, y: 1 },
-};
-const SPRITE_WIDTH = 142;
-const SPRITE_HEIGHT = 190;
-const DECK_COLS = 7;
-const DECK_ROWS = 5;
-const STICKER_COLS = 5;
-const STICKER_ROWS = 3;
-/**
- * Balatro deck box sprite — optionally overlaid with a stake sticker.
- * Draws from the Enhancers.png atlas (deck thumbnails live in the bottom
- * two rows) and stickers.png for the stake band. Uses jaml-ui's
- * `resolveJamlAssetUrl` so consumers can override the asset base URL.
- */
-export function DeckSprite({ deck, stake, size = 50, className = '', style }) {
-    const deckKey = (deck || 'erratic').toLowerCase().replace(/\s*deck$/, '').trim();
-    const deckPos = DECK_SPRITE_POS[deckKey] ?? DECK_SPRITE_POS.erratic;
-    const stakePos = stake ? STAKE_SPRITE_POS[stake.toLowerCase().replace(/\s*stake$/, '').trim()] : null;
-    const scale = size / SPRITE_WIDTH;
-    const displayHeight = SPRITE_HEIGHT * scale;
-    return (_jsxs("div", { className: className, style: {
-            position: 'relative',
-            width: size,
-            height: displayHeight,
-            ...style,
-        }, children: [_jsx("div", { style: {
-                    position: 'absolute',
-                    inset: 0,
-                    backgroundImage: `url(${resolveJamlAssetUrl('enhancers')})`,
-                    backgroundSize: `${DECK_COLS * 100}% ${DECK_ROWS * 100}%`,
-                    backgroundPosition: `${(deckPos.x / (DECK_COLS - 1)) * 100}% ${(deckPos.y / (DECK_ROWS - 1)) * 100}%`,
-                    backgroundRepeat: 'no-repeat',
-                    imageRendering: 'pixelated',
-                } }), stakePos ? (_jsx("div", { style: {
-                    position: 'absolute',
-                    inset: 0,
-                    backgroundImage: `url(${resolveJamlAssetUrl('stickers')})`,
-                    backgroundSize: `${STICKER_COLS * 100}% ${STICKER_ROWS * 100}%`,
-                    backgroundPosition: `${(stakePos.x / (STICKER_COLS - 1)) * 100}% ${(stakePos.y / (STICKER_ROWS - 1)) * 100}%`,
-                    backgroundRepeat: 'no-repeat',
-                    imageRendering: 'pixelated',
-                } })) : null] }));
-}