jaml-ui 0.3.0 → 0.3.1

package/README.md

@@ -1,8 +1,6 @@
 # jaml-ui
 
-Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.
-
-`jaml-ui` is the shared UI layer for Balatro/JAML surfaces: low-level renderers, asset helpers, visual JAML previews, and a lightweight browser-first JAML IDE shell.
+React components and utilities for Balatro/JAML. Pair with **`motely-wasm`** when you need the engine (peer). Update both in consumers with normal **`pnpm update`** / semver like any other deps.
 
 ## Package shape
 

package/dist/components/AnalyzerExplorer.d.ts

@@ -0,0 +1,44 @@
+import { type AnalyzerShopItem } from "./GameCard.js";
+export interface AnalyzerBadge {
+    label: string;
+    tone?: "default" | "accent" | "muted";
+}
+export interface AnalyzerFact {
+    label: string;
+    value: string;
+}
+export interface AnalyzerItem extends AnalyzerShopItem {
+    desired?: boolean;
+    badges?: AnalyzerBadge[];
+    detail?: string;
+}
+export interface AnalyzerAnteView {
+    ante: number;
+    boss?: string;
+    voucher?: string;
+    smallBlindTag?: string;
+    bigBlindTag?: string;
+    packs?: string[];
+    shop?: AnalyzerItem[];
+    facts?: AnalyzerFact[];
+}
+export interface AnalyzerHighlight {
+    id: string;
+    ante: number;
+    title: string;
+    subtitle?: string;
+    desired?: boolean;
+    item?: AnalyzerItem;
+    boss?: string;
+    voucher?: string;
+    tag?: string;
+    badges?: AnalyzerBadge[];
+}
+export interface AnalyzerExplorerProps {
+    antes: AnalyzerAnteView[];
+    highlights?: AnalyzerHighlight[];
+    visibleAntes?: number;
+    totalAntes?: number;
+    className?: string;
+}
+export declare function AnalyzerExplorer({ antes, highlights, visibleAntes, totalAntes, className, }: AnalyzerExplorerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AnalyzerExplorer.js

@@ -0,0 +1,451 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { JamlBoss, JamlGameCard, JamlTag, JamlVoucher, resolveAnalyzerShopItem, } from "./GameCard.js";
+export function AnalyzerExplorer({ antes, highlights = [], visibleAntes, totalAntes, className = "", }) {
+    const [currentAnte, setCurrentAnte] = useState(antes[0]?.ante ?? 0);
+    const scrollRef = useRef(null);
+    const anteRefs = useRef(new Map());
+    const highlightRefs = useRef(new Map());
+    useEffect(() => {
+        setCurrentAnte(antes[0]?.ante ?? 0);
+    }, [antes]);
+    useEffect(() => {
+        const root = scrollRef.current;
+        if (!root) {
+            return;
+        }
+        const observer = new IntersectionObserver((entries) => {
+            const mostVisibleEntry = entries
+                .filter((entry) => entry.isIntersecting)
+                .sort((left, right) => right.intersectionRatio - left.intersectionRatio)[0];
+            if (!mostVisibleEntry) {
+                return;
+            }
+            const ante = Number(mostVisibleEntry.target.dataset.ante);
+            if (!Number.isNaN(ante)) {
+                setCurrentAnte(ante);
+            }
+        }, {
+            root,
+            threshold: [0.45, 0.72, 0.9],
+        });
+        for (const [, element] of anteRefs.current) {
+            observer.observe(element);
+        }
+        return () => observer.disconnect();
+    }, [antes]);
+    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 scrollToAnte = useCallback((ante) => {
+        anteRefs.current.get(ante)?.scrollIntoView({
+            behavior: "smooth",
+            block: "start",
+        });
+    }, []);
+    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: [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) => {
+                        if (element) {
+                            anteRefs.current.set(ante.ante, element);
+                        }
+                        else {
+                            anteRefs.current.delete(ante.ante);
+                        }
+                    }, 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,
+    },
+    highlightSection: {
+        padding: "10px 16px 8px",
+        borderBottom: "1px solid #1a1a34",
+        background: "#0f0f22",
+    },
+    highlightHeader: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 12,
+        marginBottom: 8,
+    },
+    highlightTitle: {
+        fontSize: 11,
+        color: "#6f6fa1",
+        textTransform: "uppercase",
+        letterSpacing: "0.08em",
+    },
+    highlightSubtitle: {
+        fontSize: 11,
+        color: "#6f6fa1",
+    },
+    highlightRail: {
+        display: "flex",
+        gap: 10,
+        overflowX: "auto",
+        paddingBottom: 4,
+        scrollSnapType: "x mandatory",
+    },
+    highlightCard: {
+        minWidth: 150,
+        maxWidth: 150,
+        display: "flex",
+        flexDirection: "column",
+        gap: 6,
+        padding: 8,
+        borderRadius: 12,
+        border: "1px solid #2a2a55",
+        background: "#131326",
+        scrollSnapAlign: "center",
+        cursor: "pointer",
+    },
+    highlightCardActive: {
+        minWidth: 150,
+        maxWidth: 150,
+        display: "flex",
+        flexDirection: "column",
+        gap: 6,
+        padding: 8,
+        borderRadius: 12,
+        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: 88,
+    },
+    highlightMeta: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 3,
+        alignItems: "flex-start",
+    },
+    highlightAnte: {
+        fontSize: 10,
+        color: "#a855f7",
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.08em",
+    },
+    highlightLabel: {
+        fontSize: 12,
+        color: "#ececff",
+        fontWeight: 700,
+        lineHeight: 1.2,
+        textAlign: "left",
+    },
+    highlightDescription: {
+        fontSize: 11,
+        color: "#8e8eb6",
+        lineHeight: 1.2,
+        textAlign: "left",
+    },
+    navBar: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 12,
+        padding: "8px 16px",
+        background: "#0f0f22",
+        borderBottom: "1px solid #1a1a34",
+    },
+    navButton: {
+        background: "none",
+        border: "1px solid #2a2a55",
+        borderRadius: 6,
+        color: "#9898c0",
+        fontSize: 14,
+        padding: "4px 10px",
+        cursor: "pointer",
+    },
+    navLabel: {
+        fontSize: 12,
+        fontWeight: 700,
+        color: "#a855f7",
+        textTransform: "uppercase",
+        letterSpacing: "0.08em",
+        minWidth: 130,
+        textAlign: "center",
+    },
+    navSubLabel: {
+        color: "#5a5a88",
+        fontWeight: 500,
+        textTransform: "none",
+        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: 16,
+        borderBottom: "1px solid #1a1a34",
+    },
+    anteSection: {
+        paddingBottom: 8,
+    },
+    anteHeader: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        padding: "8px 16px",
+    },
+    anteHeading: {
+        fontSize: 12,
+        fontWeight: 700,
+        color: "#a855f7",
+        textTransform: "uppercase",
+        letterSpacing: "0.1em",
+    },
+    bossRow: {
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+    },
+    bossName: {
+        fontSize: 13,
+        color: "#e84040",
+        fontWeight: 600,
+    },
+    row: {
+        padding: "4px 16px 8px",
+    },
+    rowLabel: {
+        fontSize: 10,
+        color: "#5a5a88",
+        textTransform: "uppercase",
+        letterSpacing: "0.07em",
+        marginBottom: 6,
+    },
+    cardFlow: {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: 8,
+        alignItems: "flex-start",
+    },
+    denseGrid: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fit, minmax(82px, 1fr))",
+        gap: 8,
+        alignItems: "start",
+    },
+    compactCard: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 4,
+        minWidth: 62,
+    },
+    compactLabel: {
+        padding: "2px 6px",
+        borderRadius: 999,
+        background: "#18182e",
+        color: "#7f7fa7",
+        border: "1px solid #2a2a55",
+        fontSize: 9,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.05em",
+    },
+    itemCard: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 4,
+        width: "100%",
+        minWidth: 0,
+    },
+    itemCardDesired: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 4,
+        width: "100%",
+        minWidth: 0,
+        padding: "4px 4px 6px",
+        borderRadius: 10,
+        border: "1px solid rgba(245,200,66,0.4)",
+        background: "rgba(245,200,66,0.08)",
+    },
+    itemText: {
+        fontSize: 10,
+        color: "#8e8eb6",
+        textAlign: "center",
+        lineHeight: 1.2,
+        maxWidth: 84,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+    },
+    itemDetail: {
+        fontSize: 10,
+        color: "#d8d8ea",
+        textAlign: "center",
+        lineHeight: 1.2,
+    },
+    badgeRow: {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: 4,
+        justifyContent: "center",
+    },
+    badge: {
+        padding: "2px 6px",
+        borderRadius: 999,
+        background: "#202043",
+        color: "#c7c7ef",
+        border: "1px solid #35356d",
+        fontSize: 9,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.05em",
+    },
+    badgeAccent: {
+        padding: "2px 6px",
+        borderRadius: 999,
+        background: "rgba(245,200,66,0.2)",
+        color: "#f5c842",
+        border: "1px solid rgba(245,200,66,0.35)",
+        fontSize: 9,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.05em",
+    },
+    badgeMuted: {
+        padding: "2px 6px",
+        borderRadius: 999,
+        background: "#18182e",
+        color: "#7f7fa7",
+        border: "1px solid #2a2a55",
+        fontSize: 9,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.05em",
+    },
+    packChip: {
+        fontSize: 12,
+        color: "#5a5a88",
+        background: "#131326",
+        border: "1px solid #2a2a55",
+        borderRadius: 6,
+        padding: "4px 8px",
+    },
+    factCard: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 2,
+        minWidth: 110,
+        padding: "8px 10px",
+        borderRadius: 10,
+        background: "#131326",
+        border: "1px solid #2a2a55",
+    },
+    factLabel: {
+        fontSize: 10,
+        color: "#7f7fa7",
+        textTransform: "uppercase",
+        letterSpacing: "0.07em",
+    },
+    factValue: {
+        fontSize: 12,
+        color: "#ececff",
+        fontWeight: 700,
+    },
+};

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { JAML_ASSET_FILES, clearJamlAssetBaseUrl, getDefaultJamlAssetUrlMap, res
 export { Layer, type LayerOptions } from "./render/Layer.js";
 export { JamlCardRenderer, type JamlCardRendererProps } from "./render/CanvasRenderer.js";
 export { JamlGameCard, JamlVoucher, JamlTag, JamlBoss, resolveAnalyzerShopItem, type JamlGameCardProps, type AnalyzerShopItem, type AnalyzerResolvedItem, } from "./components/GameCard.js";
+export { AnalyzerExplorer, type AnalyzerAnteView, type AnalyzerBadge, type AnalyzerExplorerProps, type AnalyzerFact, type AnalyzerHighlight, type AnalyzerItem, } from "./components/AnalyzerExplorer.js";
 export { JamlMapPreview, type JamlMapPreviewProps } from "./components/JamlMapPreview.js";
 export { JamlIde, type JamlIdeProps, type JamlIdeSearchResult, } from "./components/JamlIde.js";
 export { JamlIdeToolbar, type JamlIdeMode, type JamlIdeToolbarProps, } from "./components/JamlIdeToolbar.js";

package/dist/index.js

@@ -3,6 +3,7 @@ export { JAML_ASSET_FILES, clearJamlAssetBaseUrl, getDefaultJamlAssetUrlMap, res
 export { Layer } from "./render/Layer.js";
 export { JamlCardRenderer } from "./render/CanvasRenderer.js";
 export { JamlGameCard, JamlVoucher, JamlTag, JamlBoss, resolveAnalyzerShopItem, } from "./components/GameCard.js";
+export { AnalyzerExplorer, } from "./components/AnalyzerExplorer.js";
 export { JamlMapPreview } from "./components/JamlMapPreview.js";
 export { JamlIde, } from "./components/JamlIde.js";
 export { JamlIdeToolbar, } from "./components/JamlIdeToolbar.js";

package/dist/motely.d.ts

@@ -1 +1,2 @@
 export { decodeMotelyItem, decodeMotelyItemToJamlCard, motelyItemTypeName, motelyItemCategory, motelyItemDisplayName, motelyItemRenderCategory, motelyItemEditionName, motelyItemSealName, motelyItemEnhancementName, motelyPlayingCardRankName, motelyPlayingCardSuitName, decodeMotelyItemName, resolveMotelyItemType, warmMotelyItemCache, motelyItemCacheSize, type DecodedMotelyItem, type MotelyItemInput, type MotelyJamlCard, type MotelyRenderableCategory, type MotelyRuntimeItem, } from "./decode/motelyItemDecoder.js";
+export { MOTELY_DISPLAY_SCHEMA, motelyBossDisplayName, motelyBossDisplayNameFromKey, motelyBossKeyFromDisplayName, motelyBoosterPackDisplayName, motelyBoosterPackDisplayNameFromKey, motelyBoosterPackKeyFromDisplayName, motelyItemDisplayNameFromKey, motelyItemDisplayNameFromValue, motelyTagDisplayName, motelyTagDisplayNameFromKey, motelyTagKeyFromDisplayName, motelyVoucherDisplayName, motelyVoucherDisplayNameFromKey, motelyVoucherKeyFromDisplayName, type MotelyBoosterPackKey, type MotelyBossKey, type MotelyDisplaySchema, type MotelyTagKey, type MotelyVoucherKey, } from "./motelyDisplay.js";

package/dist/motely.js

@@ -1,2 +1,3 @@
 "use client";
 export { decodeMotelyItem, decodeMotelyItemToJamlCard, motelyItemTypeName, motelyItemCategory, motelyItemDisplayName, motelyItemRenderCategory, motelyItemEditionName, motelyItemSealName, motelyItemEnhancementName, motelyPlayingCardRankName, motelyPlayingCardSuitName, decodeMotelyItemName, resolveMotelyItemType, warmMotelyItemCache, motelyItemCacheSize, } from "./decode/motelyItemDecoder.js";
+export { MOTELY_DISPLAY_SCHEMA, motelyBossDisplayName, motelyBossDisplayNameFromKey, motelyBossKeyFromDisplayName, motelyBoosterPackDisplayName, motelyBoosterPackDisplayNameFromKey, motelyBoosterPackKeyFromDisplayName, motelyItemDisplayNameFromKey, motelyItemDisplayNameFromValue, motelyTagDisplayName, motelyTagDisplayNameFromKey, motelyTagKeyFromDisplayName, motelyVoucherDisplayName, motelyVoucherDisplayNameFromKey, motelyVoucherKeyFromDisplayName, } from "./motelyDisplay.js";

package/dist/motelyDisplay.d.ts

@@ -0,0 +1,629 @@
+type MotelyLabelEntry<K extends string = string> = Readonly<{
+    key: K;
+    label: string;
+}>;
+type EntryKey<T extends readonly MotelyLabelEntry[]> = T[number]["key"];
+declare const BOSS_ENTRIES: readonly [{
+    readonly key: "AmberAcorn";
+    readonly label: "Amber Acorn";
+}, {
+    readonly key: "CeruleanBell";
+    readonly label: "Cerulean Bell";
+}, {
+    readonly key: "CrimsonHeart";
+    readonly label: "Crimson Heart";
+}, {
+    readonly key: "VerdantLeaf";
+    readonly label: "Verdant Leaf";
+}, {
+    readonly key: "VioletVessel";
+    readonly label: "Violet Vessel";
+}, {
+    readonly key: "TheArm";
+    readonly label: "The Arm";
+}, {
+    readonly key: "TheClub";
+    readonly label: "The Club";
+}, {
+    readonly key: "TheEye";
+    readonly label: "The Eye";
+}, {
+    readonly key: "TheFish";
+    readonly label: "The Fish";
+}, {
+    readonly key: "TheFlint";
+    readonly label: "The Flint";
+}, {
+    readonly key: "TheGoad";
+    readonly label: "The Goad";
+}, {
+    readonly key: "TheHead";
+    readonly label: "The Head";
+}, {
+    readonly key: "TheHook";
+    readonly label: "The Hook";
+}, {
+    readonly key: "TheHouse";
+    readonly label: "The House";
+}, {
+    readonly key: "TheManacle";
+    readonly label: "The Manacle";
+}, {
+    readonly key: "TheMark";
+    readonly label: "The Mark";
+}, {
+    readonly key: "TheMouth";
+    readonly label: "The Mouth";
+}, {
+    readonly key: "TheNeedle";
+    readonly label: "The Needle";
+}, {
+    readonly key: "TheOx";
+    readonly label: "The Ox";
+}, {
+    readonly key: "ThePillar";
+    readonly label: "The Pillar";
+}, {
+    readonly key: "ThePlant";
+    readonly label: "The Plant";
+}, {
+    readonly key: "ThePsychic";
+    readonly label: "The Psychic";
+}, {
+    readonly key: "TheSerpent";
+    readonly label: "The Serpent";
+}, {
+    readonly key: "TheTooth";
+    readonly label: "The Tooth";
+}, {
+    readonly key: "TheWall";
+    readonly label: "The Wall";
+}, {
+    readonly key: "TheWater";
+    readonly label: "The Water";
+}, {
+    readonly key: "TheWheel";
+    readonly label: "The Wheel";
+}, {
+    readonly key: "TheWindow";
+    readonly label: "The Window";
+}];
+declare const VOUCHER_ENTRIES: readonly [{
+    readonly key: "Overstock";
+    readonly label: "Overstock";
+}, {
+    readonly key: "OverstockPlus";
+    readonly label: "Overstock Plus";
+}, {
+    readonly key: "ClearanceSale";
+    readonly label: "Clearance Sale";
+}, {
+    readonly key: "Liquidation";
+    readonly label: "Liquidation";
+}, {
+    readonly key: "Hone";
+    readonly label: "Hone";
+}, {
+    readonly key: "GlowUp";
+    readonly label: "Glow Up";
+}, {
+    readonly key: "RerollSurplus";
+    readonly label: "Reroll Surplus";
+}, {
+    readonly key: "RerollGlut";
+    readonly label: "Reroll Glut";
+}, {
+    readonly key: "CrystalBall";
+    readonly label: "Crystal Ball";
+}, {
+    readonly key: "OmenGlobe";
+    readonly label: "Omen Globe";
+}, {
+    readonly key: "Telescope";
+    readonly label: "Telescope";
+}, {
+    readonly key: "Observatory";
+    readonly label: "Observatory";
+}, {
+    readonly key: "Grabber";
+    readonly label: "Grabber";
+}, {
+    readonly key: "NachoTong";
+    readonly label: "Nacho Tong";
+}, {
+    readonly key: "Wasteful";
+    readonly label: "Wasteful";
+}, {
+    readonly key: "Recyclomancy";
+    readonly label: "Recyclomancy";
+}, {
+    readonly key: "TarotMerchant";
+    readonly label: "Tarot Merchant";
+}, {
+    readonly key: "TarotTycoon";
+    readonly label: "Tarot Tycoon";
+}, {
+    readonly key: "PlanetMerchant";
+    readonly label: "Planet Merchant";
+}, {
+    readonly key: "PlanetTycoon";
+    readonly label: "Planet Tycoon";
+}, {
+    readonly key: "SeedMoney";
+    readonly label: "Seed Money";
+}, {
+    readonly key: "MoneyTree";
+    readonly label: "Money Tree";
+}, {
+    readonly key: "Blank";
+    readonly label: "Blank";
+}, {
+    readonly key: "Antimatter";
+    readonly label: "Antimatter";
+}, {
+    readonly key: "MagicTrick";
+    readonly label: "Magic Trick";
+}, {
+    readonly key: "Illusion";
+    readonly label: "Illusion";
+}, {
+    readonly key: "Hieroglyph";
+    readonly label: "Hieroglyph";
+}, {
+    readonly key: "Petroglyph";
+    readonly label: "Petroglyph";
+}, {
+    readonly key: "DirectorsCut";
+    readonly label: "Director's Cut";
+}, {
+    readonly key: "Retcon";
+    readonly label: "Retcon";
+}, {
+    readonly key: "PaintBrush";
+    readonly label: "Paint Brush";
+}, {
+    readonly key: "Palette";
+    readonly label: "Palette";
+}];
+declare const TAG_ENTRIES: readonly [{
+    readonly key: "UncommonTag";
+    readonly label: "Uncommon Tag";
+}, {
+    readonly key: "RareTag";
+    readonly label: "Rare Tag";
+}, {
+    readonly key: "NegativeTag";
+    readonly label: "Negative Tag";
+}, {
+    readonly key: "FoilTag";
+    readonly label: "Foil Tag";
+}, {
+    readonly key: "HolographicTag";
+    readonly label: "Holographic Tag";
+}, {
+    readonly key: "PolychromeTag";
+    readonly label: "Polychrome Tag";
+}, {
+    readonly key: "InvestmentTag";
+    readonly label: "Investment Tag";
+}, {
+    readonly key: "VoucherTag";
+    readonly label: "Voucher Tag";
+}, {
+    readonly key: "BossTag";
+    readonly label: "Boss Tag";
+}, {
+    readonly key: "StandardTag";
+    readonly label: "Standard Tag";
+}, {
+    readonly key: "CharmTag";
+    readonly label: "Charm Tag";
+}, {
+    readonly key: "MeteorTag";
+    readonly label: "Meteor Tag";
+}, {
+    readonly key: "BuffoonTag";
+    readonly label: "Buffoon Tag";
+}, {
+    readonly key: "HandyTag";
+    readonly label: "Handy Tag";
+}, {
+    readonly key: "GarbageTag";
+    readonly label: "Garbage Tag";
+}, {
+    readonly key: "EtherealTag";
+    readonly label: "Ethereal Tag";
+}, {
+    readonly key: "CouponTag";
+    readonly label: "Coupon Tag";
+}, {
+    readonly key: "DoubleTag";
+    readonly label: "Double Tag";
+}, {
+    readonly key: "JuggleTag";
+    readonly label: "Juggle Tag";
+}, {
+    readonly key: "D6Tag";
+    readonly label: "D6 Tag";
+}, {
+    readonly key: "TopupTag";
+    readonly label: "Top-up Tag";
+}, {
+    readonly key: "SpeedTag";
+    readonly label: "Speed Tag";
+}, {
+    readonly key: "OrbitalTag";
+    readonly label: "Orbital Tag";
+}, {
+    readonly key: "EconomyTag";
+    readonly label: "Economy Tag";
+}];
+declare const BOOSTER_PACK_ENTRIES: readonly [{
+    readonly key: "Arcana";
+    readonly label: "Arcana Pack";
+}, {
+    readonly key: "JumboArcana";
+    readonly label: "Jumbo Arcana Pack";
+}, {
+    readonly key: "MegaArcana";
+    readonly label: "Mega Arcana Pack";
+}, {
+    readonly key: "Celestial";
+    readonly label: "Celestial Pack";
+}, {
+    readonly key: "JumboCelestial";
+    readonly label: "Jumbo Celestial Pack";
+}, {
+    readonly key: "MegaCelestial";
+    readonly label: "Mega Celestial Pack";
+}, {
+    readonly key: "Standard";
+    readonly label: "Standard Pack";
+}, {
+    readonly key: "JumboStandard";
+    readonly label: "Jumbo Standard Pack";
+}, {
+    readonly key: "MegaStandard";
+    readonly label: "Mega Standard Pack";
+}, {
+    readonly key: "Buffoon";
+    readonly label: "Buffoon Pack";
+}, {
+    readonly key: "JumboBuffoon";
+    readonly label: "Jumbo Buffoon Pack";
+}, {
+    readonly key: "MegaBuffoon";
+    readonly label: "Mega Buffoon Pack";
+}, {
+    readonly key: "Spectral";
+    readonly label: "Spectral Pack";
+}, {
+    readonly key: "JumboSpectral";
+    readonly label: "Jumbo Spectral Pack";
+}, {
+    readonly key: "MegaSpectral";
+    readonly label: "Mega Spectral Pack";
+}];
+export declare const MOTELY_DISPLAY_SCHEMA: {
+    readonly bosses: readonly [{
+        readonly key: "AmberAcorn";
+        readonly label: "Amber Acorn";
+    }, {
+        readonly key: "CeruleanBell";
+        readonly label: "Cerulean Bell";
+    }, {
+        readonly key: "CrimsonHeart";
+        readonly label: "Crimson Heart";
+    }, {
+        readonly key: "VerdantLeaf";
+        readonly label: "Verdant Leaf";
+    }, {
+        readonly key: "VioletVessel";
+        readonly label: "Violet Vessel";
+    }, {
+        readonly key: "TheArm";
+        readonly label: "The Arm";
+    }, {
+        readonly key: "TheClub";
+        readonly label: "The Club";
+    }, {
+        readonly key: "TheEye";
+        readonly label: "The Eye";
+    }, {
+        readonly key: "TheFish";
+        readonly label: "The Fish";
+    }, {
+        readonly key: "TheFlint";
+        readonly label: "The Flint";
+    }, {
+        readonly key: "TheGoad";
+        readonly label: "The Goad";
+    }, {
+        readonly key: "TheHead";
+        readonly label: "The Head";
+    }, {
+        readonly key: "TheHook";
+        readonly label: "The Hook";
+    }, {
+        readonly key: "TheHouse";
+        readonly label: "The House";
+    }, {
+        readonly key: "TheManacle";
+        readonly label: "The Manacle";
+    }, {
+        readonly key: "TheMark";
+        readonly label: "The Mark";
+    }, {
+        readonly key: "TheMouth";
+        readonly label: "The Mouth";
+    }, {
+        readonly key: "TheNeedle";
+        readonly label: "The Needle";
+    }, {
+        readonly key: "TheOx";
+        readonly label: "The Ox";
+    }, {
+        readonly key: "ThePillar";
+        readonly label: "The Pillar";
+    }, {
+        readonly key: "ThePlant";
+        readonly label: "The Plant";
+    }, {
+        readonly key: "ThePsychic";
+        readonly label: "The Psychic";
+    }, {
+        readonly key: "TheSerpent";
+        readonly label: "The Serpent";
+    }, {
+        readonly key: "TheTooth";
+        readonly label: "The Tooth";
+    }, {
+        readonly key: "TheWall";
+        readonly label: "The Wall";
+    }, {
+        readonly key: "TheWater";
+        readonly label: "The Water";
+    }, {
+        readonly key: "TheWheel";
+        readonly label: "The Wheel";
+    }, {
+        readonly key: "TheWindow";
+        readonly label: "The Window";
+    }];
+    readonly vouchers: readonly [{
+        readonly key: "Overstock";
+        readonly label: "Overstock";
+    }, {
+        readonly key: "OverstockPlus";
+        readonly label: "Overstock Plus";
+    }, {
+        readonly key: "ClearanceSale";
+        readonly label: "Clearance Sale";
+    }, {
+        readonly key: "Liquidation";
+        readonly label: "Liquidation";
+    }, {
+        readonly key: "Hone";
+        readonly label: "Hone";
+    }, {
+        readonly key: "GlowUp";
+        readonly label: "Glow Up";
+    }, {
+        readonly key: "RerollSurplus";
+        readonly label: "Reroll Surplus";
+    }, {
+        readonly key: "RerollGlut";
+        readonly label: "Reroll Glut";
+    }, {
+        readonly key: "CrystalBall";
+        readonly label: "Crystal Ball";
+    }, {
+        readonly key: "OmenGlobe";
+        readonly label: "Omen Globe";
+    }, {
+        readonly key: "Telescope";
+        readonly label: "Telescope";
+    }, {
+        readonly key: "Observatory";
+        readonly label: "Observatory";
+    }, {
+        readonly key: "Grabber";
+        readonly label: "Grabber";
+    }, {
+        readonly key: "NachoTong";
+        readonly label: "Nacho Tong";
+    }, {
+        readonly key: "Wasteful";
+        readonly label: "Wasteful";
+    }, {
+        readonly key: "Recyclomancy";
+        readonly label: "Recyclomancy";
+    }, {
+        readonly key: "TarotMerchant";
+        readonly label: "Tarot Merchant";
+    }, {
+        readonly key: "TarotTycoon";
+        readonly label: "Tarot Tycoon";
+    }, {
+        readonly key: "PlanetMerchant";
+        readonly label: "Planet Merchant";
+    }, {
+        readonly key: "PlanetTycoon";
+        readonly label: "Planet Tycoon";
+    }, {
+        readonly key: "SeedMoney";
+        readonly label: "Seed Money";
+    }, {
+        readonly key: "MoneyTree";
+        readonly label: "Money Tree";
+    }, {
+        readonly key: "Blank";
+        readonly label: "Blank";
+    }, {
+        readonly key: "Antimatter";
+        readonly label: "Antimatter";
+    }, {
+        readonly key: "MagicTrick";
+        readonly label: "Magic Trick";
+    }, {
+        readonly key: "Illusion";
+        readonly label: "Illusion";
+    }, {
+        readonly key: "Hieroglyph";
+        readonly label: "Hieroglyph";
+    }, {
+        readonly key: "Petroglyph";
+        readonly label: "Petroglyph";
+    }, {
+        readonly key: "DirectorsCut";
+        readonly label: "Director's Cut";
+    }, {
+        readonly key: "Retcon";
+        readonly label: "Retcon";
+    }, {
+        readonly key: "PaintBrush";
+        readonly label: "Paint Brush";
+    }, {
+        readonly key: "Palette";
+        readonly label: "Palette";
+    }];
+    readonly tags: readonly [{
+        readonly key: "UncommonTag";
+        readonly label: "Uncommon Tag";
+    }, {
+        readonly key: "RareTag";
+        readonly label: "Rare Tag";
+    }, {
+        readonly key: "NegativeTag";
+        readonly label: "Negative Tag";
+    }, {
+        readonly key: "FoilTag";
+        readonly label: "Foil Tag";
+    }, {
+        readonly key: "HolographicTag";
+        readonly label: "Holographic Tag";
+    }, {
+        readonly key: "PolychromeTag";
+        readonly label: "Polychrome Tag";
+    }, {
+        readonly key: "InvestmentTag";
+        readonly label: "Investment Tag";
+    }, {
+        readonly key: "VoucherTag";
+        readonly label: "Voucher Tag";
+    }, {
+        readonly key: "BossTag";
+        readonly label: "Boss Tag";
+    }, {
+        readonly key: "StandardTag";
+        readonly label: "Standard Tag";
+    }, {
+        readonly key: "CharmTag";
+        readonly label: "Charm Tag";
+    }, {
+        readonly key: "MeteorTag";
+        readonly label: "Meteor Tag";
+    }, {
+        readonly key: "BuffoonTag";
+        readonly label: "Buffoon Tag";
+    }, {
+        readonly key: "HandyTag";
+        readonly label: "Handy Tag";
+    }, {
+        readonly key: "GarbageTag";
+        readonly label: "Garbage Tag";
+    }, {
+        readonly key: "EtherealTag";
+        readonly label: "Ethereal Tag";
+    }, {
+        readonly key: "CouponTag";
+        readonly label: "Coupon Tag";
+    }, {
+        readonly key: "DoubleTag";
+        readonly label: "Double Tag";
+    }, {
+        readonly key: "JuggleTag";
+        readonly label: "Juggle Tag";
+    }, {
+        readonly key: "D6Tag";
+        readonly label: "D6 Tag";
+    }, {
+        readonly key: "TopupTag";
+        readonly label: "Top-up Tag";
+    }, {
+        readonly key: "SpeedTag";
+        readonly label: "Speed Tag";
+    }, {
+        readonly key: "OrbitalTag";
+        readonly label: "Orbital Tag";
+    }, {
+        readonly key: "EconomyTag";
+        readonly label: "Economy Tag";
+    }];
+    readonly boosterPacks: readonly [{
+        readonly key: "Arcana";
+        readonly label: "Arcana Pack";
+    }, {
+        readonly key: "JumboArcana";
+        readonly label: "Jumbo Arcana Pack";
+    }, {
+        readonly key: "MegaArcana";
+        readonly label: "Mega Arcana Pack";
+    }, {
+        readonly key: "Celestial";
+        readonly label: "Celestial Pack";
+    }, {
+        readonly key: "JumboCelestial";
+        readonly label: "Jumbo Celestial Pack";
+    }, {
+        readonly key: "MegaCelestial";
+        readonly label: "Mega Celestial Pack";
+    }, {
+        readonly key: "Standard";
+        readonly label: "Standard Pack";
+    }, {
+        readonly key: "JumboStandard";
+        readonly label: "Jumbo Standard Pack";
+    }, {
+        readonly key: "MegaStandard";
+        readonly label: "Mega Standard Pack";
+    }, {
+        readonly key: "Buffoon";
+        readonly label: "Buffoon Pack";
+    }, {
+        readonly key: "JumboBuffoon";
+        readonly label: "Jumbo Buffoon Pack";
+    }, {
+        readonly key: "MegaBuffoon";
+        readonly label: "Mega Buffoon Pack";
+    }, {
+        readonly key: "Spectral";
+        readonly label: "Spectral Pack";
+    }, {
+        readonly key: "JumboSpectral";
+        readonly label: "Jumbo Spectral Pack";
+    }, {
+        readonly key: "MegaSpectral";
+        readonly label: "Mega Spectral Pack";
+    }];
+};
+export type MotelyDisplaySchema = typeof MOTELY_DISPLAY_SCHEMA;
+export type MotelyBossKey = EntryKey<typeof BOSS_ENTRIES>;
+export type MotelyVoucherKey = EntryKey<typeof VOUCHER_ENTRIES>;
+export type MotelyTagKey = EntryKey<typeof TAG_ENTRIES>;
+export type MotelyBoosterPackKey = EntryKey<typeof BOOSTER_PACK_ENTRIES>;
+export declare function motelyBossDisplayNameFromKey(key: string): string;
+export declare function motelyVoucherDisplayNameFromKey(key: string): string;
+export declare function motelyTagDisplayNameFromKey(key: string): string;
+export declare function motelyBoosterPackDisplayNameFromKey(key: string): string;
+export declare function motelyItemDisplayNameFromKey(key: string): string;
+export declare function motelyBossDisplayName(value: number): string;
+export declare function motelyVoucherDisplayName(value: number): string;
+export declare function motelyTagDisplayName(value: number): string;
+export declare function motelyBoosterPackDisplayName(value: number): string;
+export declare function motelyItemDisplayNameFromValue(value: number): string;
+export declare function motelyBossKeyFromDisplayName(label: string): MotelyBossKey | null;
+export declare function motelyVoucherKeyFromDisplayName(label: string): MotelyVoucherKey | null;
+export declare function motelyTagKeyFromDisplayName(label: string): MotelyTagKey | null;
+export declare function motelyBoosterPackKeyFromDisplayName(label: string): MotelyBoosterPackKey | null;
+export {};

package/dist/motelyDisplay.js

@@ -0,0 +1,187 @@
+import { Motely } from "motely-wasm";
+import { getItemDisplayName } from "./utils/itemUtils.js";
+const BOSS_ENTRIES = [
+    { key: "AmberAcorn", label: "Amber Acorn" },
+    { key: "CeruleanBell", label: "Cerulean Bell" },
+    { key: "CrimsonHeart", label: "Crimson Heart" },
+    { key: "VerdantLeaf", label: "Verdant Leaf" },
+    { key: "VioletVessel", label: "Violet Vessel" },
+    { key: "TheArm", label: "The Arm" },
+    { key: "TheClub", label: "The Club" },
+    { key: "TheEye", label: "The Eye" },
+    { key: "TheFish", label: "The Fish" },
+    { key: "TheFlint", label: "The Flint" },
+    { key: "TheGoad", label: "The Goad" },
+    { key: "TheHead", label: "The Head" },
+    { key: "TheHook", label: "The Hook" },
+    { key: "TheHouse", label: "The House" },
+    { key: "TheManacle", label: "The Manacle" },
+    { key: "TheMark", label: "The Mark" },
+    { key: "TheMouth", label: "The Mouth" },
+    { key: "TheNeedle", label: "The Needle" },
+    { key: "TheOx", label: "The Ox" },
+    { key: "ThePillar", label: "The Pillar" },
+    { key: "ThePlant", label: "The Plant" },
+    { key: "ThePsychic", label: "The Psychic" },
+    { key: "TheSerpent", label: "The Serpent" },
+    { key: "TheTooth", label: "The Tooth" },
+    { key: "TheWall", label: "The Wall" },
+    { key: "TheWater", label: "The Water" },
+    { key: "TheWheel", label: "The Wheel" },
+    { key: "TheWindow", label: "The Window" },
+];
+const VOUCHER_ENTRIES = [
+    { key: "Overstock", label: "Overstock" },
+    { key: "OverstockPlus", label: "Overstock Plus" },
+    { key: "ClearanceSale", label: "Clearance Sale" },
+    { key: "Liquidation", label: "Liquidation" },
+    { key: "Hone", label: "Hone" },
+    { key: "GlowUp", label: "Glow Up" },
+    { key: "RerollSurplus", label: "Reroll Surplus" },
+    { key: "RerollGlut", label: "Reroll Glut" },
+    { key: "CrystalBall", label: "Crystal Ball" },
+    { key: "OmenGlobe", label: "Omen Globe" },
+    { key: "Telescope", label: "Telescope" },
+    { key: "Observatory", label: "Observatory" },
+    { key: "Grabber", label: "Grabber" },
+    { key: "NachoTong", label: "Nacho Tong" },
+    { key: "Wasteful", label: "Wasteful" },
+    { key: "Recyclomancy", label: "Recyclomancy" },
+    { key: "TarotMerchant", label: "Tarot Merchant" },
+    { key: "TarotTycoon", label: "Tarot Tycoon" },
+    { key: "PlanetMerchant", label: "Planet Merchant" },
+    { key: "PlanetTycoon", label: "Planet Tycoon" },
+    { key: "SeedMoney", label: "Seed Money" },
+    { key: "MoneyTree", label: "Money Tree" },
+    { key: "Blank", label: "Blank" },
+    { key: "Antimatter", label: "Antimatter" },
+    { key: "MagicTrick", label: "Magic Trick" },
+    { key: "Illusion", label: "Illusion" },
+    { key: "Hieroglyph", label: "Hieroglyph" },
+    { key: "Petroglyph", label: "Petroglyph" },
+    { key: "DirectorsCut", label: "Director's Cut" },
+    { key: "Retcon", label: "Retcon" },
+    { key: "PaintBrush", label: "Paint Brush" },
+    { key: "Palette", label: "Palette" },
+];
+const TAG_ENTRIES = [
+    { key: "UncommonTag", label: "Uncommon Tag" },
+    { key: "RareTag", label: "Rare Tag" },
+    { key: "NegativeTag", label: "Negative Tag" },
+    { key: "FoilTag", label: "Foil Tag" },
+    { key: "HolographicTag", label: "Holographic Tag" },
+    { key: "PolychromeTag", label: "Polychrome Tag" },
+    { key: "InvestmentTag", label: "Investment Tag" },
+    { key: "VoucherTag", label: "Voucher Tag" },
+    { key: "BossTag", label: "Boss Tag" },
+    { key: "StandardTag", label: "Standard Tag" },
+    { key: "CharmTag", label: "Charm Tag" },
+    { key: "MeteorTag", label: "Meteor Tag" },
+    { key: "BuffoonTag", label: "Buffoon Tag" },
+    { key: "HandyTag", label: "Handy Tag" },
+    { key: "GarbageTag", label: "Garbage Tag" },
+    { key: "EtherealTag", label: "Ethereal Tag" },
+    { key: "CouponTag", label: "Coupon Tag" },
+    { key: "DoubleTag", label: "Double Tag" },
+    { key: "JuggleTag", label: "Juggle Tag" },
+    { key: "D6Tag", label: "D6 Tag" },
+    { key: "TopupTag", label: "Top-up Tag" },
+    { key: "SpeedTag", label: "Speed Tag" },
+    { key: "OrbitalTag", label: "Orbital Tag" },
+    { key: "EconomyTag", label: "Economy Tag" },
+];
+const BOOSTER_PACK_ENTRIES = [
+    { key: "Arcana", label: "Arcana Pack" },
+    { key: "JumboArcana", label: "Jumbo Arcana Pack" },
+    { key: "MegaArcana", label: "Mega Arcana Pack" },
+    { key: "Celestial", label: "Celestial Pack" },
+    { key: "JumboCelestial", label: "Jumbo Celestial Pack" },
+    { key: "MegaCelestial", label: "Mega Celestial Pack" },
+    { key: "Standard", label: "Standard Pack" },
+    { key: "JumboStandard", label: "Jumbo Standard Pack" },
+    { key: "MegaStandard", label: "Mega Standard Pack" },
+    { key: "Buffoon", label: "Buffoon Pack" },
+    { key: "JumboBuffoon", label: "Jumbo Buffoon Pack" },
+    { key: "MegaBuffoon", label: "Mega Buffoon Pack" },
+    { key: "Spectral", label: "Spectral Pack" },
+    { key: "JumboSpectral", label: "Jumbo Spectral Pack" },
+    { key: "MegaSpectral", label: "Mega Spectral Pack" },
+];
+const BOSS_VALUE_MASK = 0xff;
+const ITEM_VALUE_MASK = 0xffff;
+export const MOTELY_DISPLAY_SCHEMA = {
+    bosses: BOSS_ENTRIES,
+    vouchers: VOUCHER_ENTRIES,
+    tags: TAG_ENTRIES,
+    boosterPacks: BOOSTER_PACK_ENTRIES,
+};
+function createLabelLookup(entries) {
+    return {
+        keyToLabel: new Map(entries.map((entry) => [entry.key, entry.label])),
+        labelToKey: new Map(entries.map((entry) => [entry.label, entry.key])),
+    };
+}
+const bossLookup = createLabelLookup(BOSS_ENTRIES);
+const voucherLookup = createLabelLookup(VOUCHER_ENTRIES);
+const tagLookup = createLabelLookup(TAG_ENTRIES);
+const boosterPackLookup = createLabelLookup(BOOSTER_PACK_ENTRIES);
+function spaceSplit(value) {
+    return value.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2");
+}
+function displayNameFromKey(lookup, key, fallback) {
+    return lookup.keyToLabel.get(key) ?? fallback;
+}
+function keyFromDisplayName(lookup, label) {
+    return lookup.labelToKey.get(label) ?? null;
+}
+function runtimeEnumKey(enumObject, value) {
+    const key = enumObject[String(value)];
+    return typeof key === "string" && key.length > 0 ? key : null;
+}
+export function motelyBossDisplayNameFromKey(key) {
+    return displayNameFromKey(bossLookup, key, spaceSplit(key));
+}
+export function motelyVoucherDisplayNameFromKey(key) {
+    return displayNameFromKey(voucherLookup, key, spaceSplit(key));
+}
+export function motelyTagDisplayNameFromKey(key) {
+    return displayNameFromKey(tagLookup, key, spaceSplit(key));
+}
+export function motelyBoosterPackDisplayNameFromKey(key) {
+    return displayNameFromKey(boosterPackLookup, key, `${spaceSplit(key)} Pack`);
+}
+export function motelyItemDisplayNameFromKey(key) {
+    return getItemDisplayName(key);
+}
+export function motelyBossDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyBossBlind, value & BOSS_VALUE_MASK);
+    return key === null ? `boss#${value}` : motelyBossDisplayNameFromKey(key);
+}
+export function motelyVoucherDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyVoucher, value);
+    return key === null ? `voucher#${value}` : motelyVoucherDisplayNameFromKey(key);
+}
+export function motelyTagDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyTag, value);
+    return key === null ? `tag#${value}` : motelyTagDisplayNameFromKey(key);
+}
+export function motelyBoosterPackDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyBoosterPack, value);
+    return key === null ? `pack#${value}` : motelyBoosterPackDisplayNameFromKey(key);
+}
+export function motelyItemDisplayNameFromValue(value) {
+    const key = runtimeEnumKey(Motely.MotelyItemType, value & ITEM_VALUE_MASK);
+    return key === null ? `item#${value}` : motelyItemDisplayNameFromKey(key);
+}
+export function motelyBossKeyFromDisplayName(label) {
+    return keyFromDisplayName(bossLookup, label);
+}
+export function motelyVoucherKeyFromDisplayName(label) {
+    return keyFromDisplayName(voucherLookup, label);
+}
+export function motelyTagKeyFromDisplayName(label) {
+    return keyFromDisplayName(tagLookup, label);
+}
+export function motelyBoosterPackKeyFromDisplayName(label) {
+    return keyFromDisplayName(boosterPackLookup, label);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaml-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",
@@ -60,7 +60,7 @@
   "author": "pifreak",
   "license": "MIT",
   "peerDependencies": {
-    "motely-wasm": "^10.2.0",
+    "motely-wasm": "^10.2.0 || ^11.0.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },
@@ -72,7 +72,7 @@
   "devDependencies": {
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "motely-wasm": "^10.2.0",
+    "motely-wasm": "^11.3.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^5.9.3"