jaml-ui 0.24.20 → 0.25.2

package/dist/ui/radial/RadialMenu.js

@@ -1,168 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useRef, useState } from "react";
-import { RadialPill } from "./RadialPill";
-import { RadialButton } from "./RadialButton";
-import { RadialBadge } from "./RadialBadge";
-// ── Type guards ───────────────────────────────────────────────────────────────
-function hasDim(item) {
-    return "_dim" in item;
-}
-function hasSouth(item) {
-    return "_south" in item && item._south === true;
-}
-function hasIcon(item) {
-    return "icon" in item && typeof item.icon === "string";
-}
-function hasCount(item) {
-    return "count" in item && typeof item.count === "number";
-}
-function isToggleItem(item) {
-    return "active" in item && typeof item.active === "boolean";
-}
-// ── Orbit geometry constants ──────────────────────────────────────────────────
-/** Degrees reserved on each side of south (90°) for the south-pinned button. */
-const FULL_CIRCLE_RAD = 2 * Math.PI;
-const SOUTH_ANGLE_RAD = Math.PI / 2;
-/** ~half height of a radial pill (px) — used with width for clearance vs round mascot. */
-const PILL_HALF_H = 15;
-/**
- * Estimated pill width for clamp math — tuned for m6x11 ~12px + padding + toggle dot.
- */
-function estimatePillWidth(item) {
-    const label = item.label || "";
-    const charW = 7.25;
-    const basePad = 36;
-    const hasToggle = "active" in item && typeof item.active === "boolean";
-    const dot = hasToggle ? 16 : 0;
-    const w = basePad + dot + label.length * charW;
-    return Math.min(200, Math.max(56, w));
-}
-/**
- * Minimum distance from orbit center to pill center so the pill clears the round mascot bitmap.
- */
-function minDistanceFromMascotCenter(mascotHalfPx, pillHalfW) {
-    const gap = 10;
-    const cornerReach = Math.hypot(pillHalfW, PILL_HALF_H);
-    return mascotHalfPx + gap + cornerReach;
-}
-/**
- * Even ellipse; if a slot sits inside the mascot keep-out, scale **outward** along the same ray
- * (`k ≥ 1`). We do **not** clamp X toward 0 — that was pulling pills **inward** onto Jammy.
- * Edge overflow is handled by orbit radius + narrow column in `SeedMascot` / layout, not here.
- */
-function layoutOrbitalEllipse(items, Rx, Ry, startAngle, stepRad, mascotSizePx) {
-    if (items.length === 0)
-        return [];
-    const mascotHalf = Math.max(0, mascotSizePx) / 2;
-    return items.map((item, i) => {
-        const angle = startAngle + i * stepRad;
-        const ux = Math.cos(angle) * Rx;
-        const uy = Math.sin(angle) * Ry;
-        const d0 = Math.hypot(ux, uy);
-        const halfW = estimatePillWidth(item) / 2;
-        const minDist = minDistanceFromMascotCenter(mascotHalf, halfW);
-        if (d0 < 1e-4) {
-            return { item, x: minDist, y: 0 };
-        }
-        const k = Math.max(1, minDist / d0);
-        const x = ux * k;
-        const y = uy * k;
-        return { item, x, y };
-    });
-}
-/**
- * Orbital radial menu layout engine.
- *
- * South (`_south`) stays pinned under the mascot. Everyone else sits on an ellipse
- * at equal angle steps, with a single radial push if a pill would overlap the
- * center — no iterative “solver” (that was causing mushy, uneven layouts).
- */
-export function RadialMenu({ items, showClosing, mascotSizePx, orbitRadiusX, orbitRadiusY, mascotTranslateY, currentMenu, onItemClick, onBack, breadcrumb, showPageControls = false, onPagePrev, onPageNext, }) {
-    const rootRef = useRef(null);
-    const [containerW, setContainerW] = useState(320);
-    useLayoutEffect(() => {
-        const el = rootRef.current;
-        if (!el)
-            return;
-        const apply = () => setContainerW(Math.max(1, el.clientWidth));
-        apply();
-        const ro = new ResizeObserver(apply);
-        ro.observe(el);
-        return () => ro.disconnect();
-    }, []);
-    if (items.length === 0)
-        return null;
-    // ── Separate south-pinned item from orbital items ─────────────────────────
-    const southItem = items.find(hasSouth) ?? null;
-    const orbitalItems = items.filter((item) => !hasSouth(item));
-    const totalSlots = orbitalItems.length + (southItem ? 1 : 0);
-    const slotStepRad = FULL_CIRCLE_RAD / totalSlots;
-    const orbitalStartAngle = southItem ? SOUTH_ANGLE_RAD + slotStepRad : SOUTH_ANGLE_RAD;
-    // South button (Start / Back) — always clearly wider than any orbital pill.
-    // Minimum 160px so it reads as the primary action even with few orbital items.
-    const MIN_SOUTH_WIDTH = 148;
-    const southWidth = Math.max(MIN_SOUTH_WIDTH, totalSlots <= 1
-        ? Math.min(Math.round(2 * orbitRadiusX * 1.05), containerW - 16)
-        : Math.min(Math.round(2 * orbitRadiusX * Math.sin(slotStepRad / 2) * 1.28), containerW - 16));
-    // Breadcrumb above south (Back): fixed ctr–ctr gap so it stays attached above the southmost pill.
-    const southButtonY = orbitRadiusY + 8;
-    const breadcrumbCenterY = southButtonY - 46;
-    const pageControlWidth = Math.max(56, Math.floor(southWidth * 0.5));
-    const pageControlY = southButtonY - 20;
-    const pageControlLeftX = -(southWidth / 2) + pageControlWidth / 2;
-    const pageControlRightX = (southWidth / 2) - pageControlWidth / 2;
-    const makeClickHandler = (item) => (e) => {
-        e.stopPropagation();
-        if (item.action === "back-action") {
-            onBack();
-        }
-        else {
-            onItemClick(item);
-        }
-    };
-    return (_jsx("div", { ref: rootRef, className: "pointer-events-none absolute inset-0 z-30 flex min-w-0 items-center justify-center", style: { transform: `translateY(${mascotTranslateY}px)` }, children: _jsxs("div", { className: "relative h-0 w-0", children: [breadcrumb ? (_jsx("div", { className: "pointer-events-auto absolute", style: {
-                        left: 0,
-                        top: breadcrumbCenterY,
-                        transform: "translate(-50%, -50%)",
-                        zIndex: 20,
-                    }, children: breadcrumb })) : null, (() => {
-                    const solved = layoutOrbitalEllipse(orbitalItems, orbitRadiusX, orbitRadiusY, orbitalStartAngle, slotStepRad, mascotSizePx);
-                    return solved.map(({ item, x, y }, i) => {
-                        const isDim = hasDim(item) && item._dim === true;
-                        const extraClass = isDim ? "opacity-40" : "";
-                        return (_jsx(RadialPill, { x: x, y: y, hiding: showClosing, children: renderItem(item, extraClass, makeClickHandler(item)) }, `${item.label}-${i}-${currentMenu}`));
-                    });
-                })(), southItem && (_jsx(RadialPill, { x: 0, y: southButtonY, hiding: showClosing, children: renderSouthItem(southItem, southWidth, makeClickHandler(southItem)) })), southItem && showPageControls && (_jsxs(_Fragment, { children: [_jsx(RadialPill, { x: pageControlLeftX, y: pageControlY, hiding: showClosing, children: _jsx(RadialButton, { label: "<", color: "blue", tooltip: "Previous page", onClick: (e) => {
-                                    e.stopPropagation();
-                                    onPagePrev?.();
-                                }, style: { width: pageControlWidth } }) }), _jsx(RadialPill, { x: pageControlRightX, y: pageControlY, hiding: showClosing, children: _jsx(RadialButton, { label: ">", color: "blue", tooltip: "Next page", onClick: (e) => {
-                                    e.stopPropagation();
-                                    onPageNext?.();
-                                }, style: { width: pageControlWidth } }) })] }))] }) }));
-}
-// ── South item renderer ───────────────────────────────────────────────────────
-function renderSouthItem(item, width, onClick) {
-    const variant = item.label === "Start" ? "start" : "back";
-    return (_jsx(RadialButton, { variant: variant, label: item.label, color: "orange", tooltip: item.tooltip, onClick: onClick, style: { width } }));
-}
-// ── Regular item renderer ─────────────────────────────────────────────────────
-function renderItem(item, className, onClick) {
-    // Badge (display-only)
-    if (item.badge) {
-        return (_jsx(RadialBadge, { label: item.badge.label, state: item.badge.state, color: item.color, tooltip: item.tooltip }));
-    }
-    // Toggle
-    if (isToggleItem(item)) {
-        return (_jsx(RadialButton, { variant: "toggle", label: item.label, active: item.active, disabled: item.disabled === true, color: item.color, tooltip: item.tooltip, className: className, onClick: onClick }));
-    }
-    // Count indicator (with icon or numeric count)
-    if (hasIcon(item)) {
-        return (_jsx(RadialButton, { variant: "count", label: item.label, count: 0, icon: item.icon, color: item.color, tooltip: item.tooltip, className: className, onClick: onClick }));
-    }
-    if (hasCount(item)) {
-        return (_jsx(RadialButton, { variant: "count", label: item.label, count: item.count, color: item.color, tooltip: item.tooltip, className: className, onClick: onClick }));
-    }
-    // Default action button
-    return (_jsx(RadialButton, { label: item.label, color: item.color, tooltip: item.tooltip, className: className, onClick: onClick }));
-}

package/dist/ui/radial/RadialPill.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./radial-navigation.css";
-/**
- * Absolutely-positioned wrapper for a radial menu item.
- *
- * Uses CSS custom properties + a shared `@starting-style` rule
- * instead of injecting per-instance `<style>` tags.
- */
-export function RadialPill({ x, y, hiding, children }) {
-    return (_jsx("div", { className: "orbital-pill", "data-hiding": hiding ? "true" : "false", style: {
-            "--orbital-x": `${hiding ? 0 : x}px`,
-            "--orbital-y": `${hiding ? 0 : y}px`,
-        }, children: _jsx("span", { className: "orbital-pill-inner", children: children }) }));
-}

package/dist/ui/radial/index.js

@@ -1,18 +0,0 @@
-// Jimbo UI — Radial Navigation Module
-// Orbital/radial menu system for the Jammy mascot.
-// Layout
-export { RadialMenu } from "./RadialMenu";
-// Primitives
-export { RadialPill } from "./RadialPill";
-export { RadialButton } from "./RadialButton";
-export { RadialBadge } from "./RadialBadge";
-export { RadialBreadcrumb } from "./RadialBreadcrumb";
-// State hook
-export { useRadialMenu } from "./useRadialMenu";
-// ── Backwards-compatibility aliases ───────────────────────────────────────────
-// These match the old export names from the flat RadialNavigation.tsx file.
-// Consumers using the old names will keep working without import changes.
-export { RadialButton as JimboRadialNavigationButton } from "./RadialButton";
-export { RadialBadge as JimboRadialNavigationBadge } from "./RadialBadge";
-export { RadialBreadcrumb as BreadcrumNavPill } from "./RadialBreadcrumb";
-export { RadialPill as JimboOrbitalPill } from "./RadialPill";

package/dist/ui/radial/radialMenuStore.js

@@ -1,122 +0,0 @@
-"use client";
-import { create } from "zustand";
-import { JIMBO_ANIMATIONS } from "../tokens";
-let closingTimer = null;
-/** Clears pending close/navigate animation timeout (e.g. unmount). */
-export function clearRadialMenuTimers() {
-    if (closingTimer !== null) {
-        clearTimeout(closingTimer);
-        closingTimer = null;
-    }
-}
-/** Full reset when `SeedMascot` unmounts — Zustand survives the component; hook `useState` did not. */
-export function resetRadialMenuState() {
-    clearRadialMenuTimers();
-    useRadialMenuStore.setState({
-        nav: { stack: [], page: 0 },
-        breadcrumbStack: [],
-        isClosing: false,
-        announcementPrimedForDismiss: false,
-    });
-}
-function armTimer(fn, ms) {
-    clearRadialMenuTimers();
-    closingTimer = setTimeout(() => {
-        closingTimer = null;
-        fn();
-    }, ms);
-}
-export const useRadialMenuStore = create((set, get) => ({
-    nav: { stack: [], page: 0 },
-    breadcrumbStack: [],
-    isClosing: false,
-    announcementPrimedForDismiss: false,
-    prevMaxScore: -1,
-    prevResultCount: 0,
-    resetAnnouncementPrimed: () => {
-        if (!get().announcementPrimedForDismiss)
-            return;
-        set({ announcementPrimedForDismiss: false });
-    },
-    setAnnouncementPrimedForDismiss: (v) => {
-        if (get().announcementPrimedForDismiss === v)
-            return;
-        set({ announcementPrimedForDismiss: v });
-    },
-    open: (isWelcome) => {
-        const { nav } = get();
-        const target = isWelcome ? "welcome" : "main";
-        // Guard: skip if already at the target root — avoids creating a new array
-        // reference that would trigger Zustand subscribers and cause infinite re-renders
-        // in effects that depend on the radial menu state object.
-        if (nav.stack.length === 1 && nav.stack[0] === target && nav.page === 0)
-            return;
-        set({ nav: { stack: [target], page: 0 } });
-    },
-    close: () => {
-        clearRadialMenuTimers();
-        set({ isClosing: true });
-        armTimer(() => {
-            set({ nav: { stack: [], page: 0 }, breadcrumbStack: [], isClosing: false });
-        }, JIMBO_ANIMATIONS.MENU_ORBIT_DURATION);
-    },
-    back: () => {
-        const stackBefore = get().nav.stack;
-        set((s) => ({ breadcrumbStack: s.breadcrumbStack.slice(0, -1) }));
-        if (stackBefore.length <= 1) {
-            get().close();
-            return;
-        }
-        clearRadialMenuTimers();
-        set({ isClosing: true });
-        armTimer(() => {
-            set((s) => ({
-                nav: { stack: s.nav.stack.slice(0, -1), page: 0 },
-                isClosing: false,
-            }));
-        }, JIMBO_ANIMATIONS.MENU_SINK_DURATION);
-    },
-    navigateTo: (submenuLabel) => {
-        clearRadialMenuTimers();
-        set((s) => ({
-            breadcrumbStack: [...s.breadcrumbStack, submenuLabel],
-            isClosing: true,
-        }));
-        armTimer(() => {
-            set((s) => ({
-                nav: { stack: [...s.nav.stack, submenuLabel], page: 0 },
-                isClosing: false,
-            }));
-        }, JIMBO_ANIMATIONS.MENU_SINK_DURATION);
-    },
-    nextPage: (totalPages) => set((s) => {
-        const pages = Math.max(1, totalPages);
-        const next = pages <= 1 ? 0 : (s.nav.page + 1) % pages;
-        return { nav: { ...s.nav, page: next } };
-    }),
-    prevPage: (totalPages) => set((s) => {
-        const pages = Math.max(1, totalPages);
-        const prev = pages <= 1 ? 0 : (s.nav.page - 1 + pages) % pages;
-        return { nav: { ...s.nav, page: prev } };
-    }),
-    updateSeedResults: (seedResults) => {
-        const state = get();
-        let shouldClose = false;
-        if (seedResults.length > 0) {
-            const currentMax = Math.max(...seedResults.map((r) => r.score));
-            if (currentMax > state.prevMaxScore) {
-                shouldClose = state.nav.stack.length > 1;
-            }
-        }
-        if (seedResults.length > 0 && seedResults.length > state.prevResultCount) {
-            shouldClose = shouldClose || state.nav.stack.length > 0;
-        }
-        set({
-            prevMaxScore: seedResults.length > 0 ? Math.max(...seedResults.map(r => r.score)) : -1,
-            prevResultCount: seedResults.length
-        });
-        if (shouldClose) {
-            get().close();
-        }
-    },
-}));

package/dist/ui/radial/radialMenuViewport.js

@@ -1,59 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-/**
- * React requires `getSnapshot` to return the **same object reference** when values are unchanged.
- * A fresh `{ ... }` every call makes `useSyncExternalStore` think the store changed every render →
- * maximum update depth. See: https://react.dev/reference/react/useSyncExternalStore
- */
-const SERVER_SNAPSHOT = Object.freeze({
-    baseRadius: 66,
-    keyboardHeight: 0,
-});
-const clientCache = {
-    baseRadius: SERVER_SNAPSHOT.baseRadius,
-    keyboardHeight: SERVER_SNAPSHOT.keyboardHeight,
-};
-function getServerSnapshot() {
-    return SERVER_SNAPSHOT;
-}
-function readGeometry() {
-    if (typeof window === "undefined") {
-        return { baseRadius: 66, keyboardHeight: 0 };
-    }
-    const w = window.innerWidth;
-    const baseRadius = w < 320 ? 58 : 66;
-    const vv = window.visualViewport;
-    let keyboardHeight = 0;
-    if (vv) {
-        const raw = Math.max(0, window.innerHeight - vv.height);
-        keyboardHeight = raw > 100 ? raw * 0.6 : 0;
-    }
-    return { baseRadius, keyboardHeight };
-}
-function getSnapshot() {
-    if (typeof window === "undefined")
-        return SERVER_SNAPSHOT;
-    const { baseRadius, keyboardHeight } = readGeometry();
-    if (clientCache.baseRadius === baseRadius && clientCache.keyboardHeight === keyboardHeight) {
-        return clientCache;
-    }
-    clientCache.baseRadius = baseRadius;
-    clientCache.keyboardHeight = keyboardHeight;
-    return clientCache;
-}
-function subscribe(onStoreChange) {
-    if (typeof window === "undefined")
-        return () => { };
-    const run = () => onStoreChange();
-    const vv = window.visualViewport;
-    window.addEventListener("resize", run);
-    vv?.addEventListener("resize", run);
-    return () => {
-        window.removeEventListener("resize", run);
-        vv?.removeEventListener("resize", run);
-    };
-}
-/** Keyboard dodge + narrow-orbit radius — `useSyncExternalStore` (stable snapshot identity). */
-export function useRadialViewportGeometry() {
-    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}

package/dist/ui/radial/useRadialMenu.js

@@ -1,107 +0,0 @@
-"use client";
-import { useCallback, useEffect, useMemo } from "react";
-import { useRadialMenuStore } from "./radialMenuStore";
-import { useRadialViewportGeometry } from "./radialMenuViewport";
-/**
- * Radial menu: **Zustand** (`useRadialMenuStore`) for stack / pagination / animations;
- * **useSyncExternalStore** (`useRadialViewportGeometry`) for keyboard + narrow-width radius.
- */
-export function useRadialMenu({ isWelcome, announcementActive, isTalking, seedResults, onDismissAnnouncement, }) {
-    const menuStack = useRadialMenuStore((s) => s.nav.stack);
-    const menuPage = useRadialMenuStore((s) => s.nav.page);
-    const breadcrumbStack = useRadialMenuStore((s) => s.breadcrumbStack);
-    const isClosing = useRadialMenuStore((s) => s.isClosing);
-    const storeOpen = useRadialMenuStore((s) => s.open);
-    const storeClose = useRadialMenuStore((s) => s.close);
-    const storeBack = useRadialMenuStore((s) => s.back);
-    const storeNavigateTo = useRadialMenuStore((s) => s.navigateTo);
-    const storeNextPage = useRadialMenuStore((s) => s.nextPage);
-    const storePrevPage = useRadialMenuStore((s) => s.prevPage);
-    const { baseRadius, keyboardHeight } = useRadialViewportGeometry();
-    useEffect(() => {
-        if (!announcementActive) {
-            useRadialMenuStore.getState().resetAnnouncementPrimed();
-        }
-    }, [announcementActive]);
-    const currentMenu = useMemo(() => (isWelcome ? "welcome" : menuStack.at(-1) ?? "main"), [isWelcome, menuStack]);
-    const showMenu = useMemo(() => !announcementActive && (menuStack.length > 0 || seedResults.length > 0) && !isClosing, [announcementActive, menuStack.length, seedResults.length, isClosing]);
-    const showClosing = useMemo(() => isClosing && menuStack.length > 0, [isClosing, menuStack.length]);
-    const showBack = useMemo(() => menuStack.length >= 1, [menuStack.length]);
-    const mascotTranslateY = useMemo(() => -keyboardHeight + 2, [keyboardHeight]);
-    const open = useCallback(() => {
-        storeOpen(isWelcome);
-    }, [isWelcome, storeOpen]);
-    const close = useCallback(() => {
-        storeClose();
-    }, [storeClose]);
-    const back = useCallback(() => {
-        storeBack();
-    }, [storeBack]);
-    const navigateTo = useCallback((submenuLabel) => {
-        storeNavigateTo(submenuLabel);
-    }, [storeNavigateTo]);
-    const nextPage = useCallback((totalPages) => {
-        storeNextPage(totalPages);
-    }, [storeNextPage]);
-    const prevPage = useCallback((totalPages) => {
-        storePrevPage(totalPages);
-    }, [storePrevPage]);
-    const handleTap = useCallback(() => {
-        const api = useRadialMenuStore.getState();
-        if (announcementActive) {
-            if (isTalking) {
-                return;
-            }
-            onDismissAnnouncement();
-            api.resetAnnouncementPrimed();
-            api.open(isWelcome);
-            return;
-        }
-        const menuIsOpen = api.nav.stack.length > 0;
-        if (!menuIsOpen && !api.isClosing) {
-            api.open(isWelcome);
-        }
-        else {
-            api.close();
-        }
-    }, [announcementActive, isTalking, isWelcome, onDismissAnnouncement]);
-    return useMemo(() => ({
-        menuStack,
-        breadcrumbStack,
-        currentMenu,
-        isClosing,
-        showMenu,
-        showClosing,
-        showBack,
-        menuPage,
-        baseRadius,
-        keyboardHeight,
-        mascotTranslateY,
-        open,
-        close,
-        back,
-        navigateTo,
-        nextPage,
-        prevPage,
-        handleTap,
-    }), [
-        menuStack,
-        breadcrumbStack,
-        currentMenu,
-        isClosing,
-        showMenu,
-        showClosing,
-        showBack,
-        menuPage,
-        baseRadius,
-        keyboardHeight,
-        mascotTranslateY,
-        open,
-        close,
-        back,
-        navigateTo,
-        nextPage,
-        prevPage,
-        handleTap,
-    ]);
-}

package/dist/ui/showcase.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { JimboButton } from './panel.js';
-import { JimboSprite } from './sprites.js';
-import { JimboText } from './jimboText.js';
-import { JimboApp, JimboAppFooter } from './jimboApp.js';
-import { JimboBalatroFooter } from './footer.js';
-import { JimboSectionHeader } from './jimboSectionHeader.js';
-import { JimboInfoCard, JimboInfoCardBody, JimboInfoCardTitle, JimboInfoCardSub, JimboInfoCardAside } from './jimboInfoCard.js';
-/**
- * Landing/showcase screen — 320×568, NO SCROLL.
- * Every pixel accounted for. No flex stretching. No gaps.
- */
-export function Showcase({ title = 'Balatro', subtitle = 'Seed Curator', hotFilters = [], recentFinds = [], mcpInfo, onNewSearch, onBrowseFilters, onFilterClick, }) {
-    return (_jsxs(JimboApp, { children: [_jsxs("div", { style: { padding: '12px 12px 8px', display: 'flex', flexDirection: 'column', gap: 6 }, children: [_jsxs("div", { className: "j-text-center", children: [_jsx(JimboText, { size: "lg", tone: "gold", children: title }), _jsx(JimboText, { size: "micro", tone: "grey", style: { letterSpacing: 3 }, children: subtitle })] }), mcpInfo && (_jsxs("div", { className: "j-flex j-justify-between", style: {
-                            padding: '3px 8px',
-                            background: 'var(--j-dark-grey)', borderRadius: 4,
-                            border: '1px solid var(--j-panel-edge)',
-                        }, children: [_jsx(JimboText, { size: "micro", tone: "purple", children: mcpInfo.engine }), _jsx(JimboText, { size: "micro", tone: "grey", children: mcpInfo.features })] })), hotFilters.length > 0 && (_jsxs(_Fragment, { children: [_jsx(JimboSectionHeader, { label: "Filters", tone: "blue" }), _jsx("div", { className: "j-flex-col", style: { gap: 4 }, children: hotFilters.slice(0, 4).map((f, i) => (_jsxs(JimboInfoCard, { tone: f.tone, onClick: () => onFilterClick?.(f, i), style: { cursor: onFilterClick ? 'pointer' : undefined }, children: [_jsx("div", { className: "j-flex j-gap-xs", children: f.sample.slice(0, 2).map((name, j) => (_jsx("div", { style: { width: 22, height: 28, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(JimboSprite, { name: name, width: 20 }) }, j))) }), _jsxs(JimboInfoCardBody, { children: [_jsx(JimboInfoCardTitle, { children: f.name }), _jsxs(JimboInfoCardSub, { children: ["by ", f.author] })] }), _jsx(JimboInfoCardAside, { children: _jsx(JimboText, { size: "xs", tone: f.tone === 'gold' ? 'gold' : f.tone, children: f.hits }) })] }, i))) })] })), recentFinds.length > 0 && (_jsxs(_Fragment, { children: [_jsx(JimboSectionHeader, { label: "Recent", tone: "green" }), _jsx("div", { style: { lineHeight: 1.5 }, children: recentFinds.slice(0, 3).map((r, i) => (_jsxs("div", { className: "j-flex j-gap-sm", children: [_jsx(JimboText, { size: "micro", tone: "gold", children: r.seed }), _jsx(JimboText, { size: "micro", tone: "grey", children: r.filterName }), r.score > 0 && _jsxs(JimboText, { size: "micro", tone: "green", children: ["+", r.score] })] }, i))) })] }))] }), _jsxs(JimboAppFooter, { children: [_jsx(JimboButton, { tone: "green", fullWidth: true, size: "lg", onClick: onNewSearch, children: "New Search" }), _jsx(JimboButton, { tone: "blue", fullWidth: true, size: "lg", onClick: onBrowseFilters, children: "Browse Filters" })] }), _jsx(JimboBalatroFooter, {})] }));
-}

package/dist/ui/sprites.js

@@ -1,77 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { resolveJamlAssetUrl } from '../assets.js';
-import { getSpriteData, getMysterySprite, SHEET_META } from '../sprites/spriteMapper.js';
-export function JimboSprite({ name, sheet, width = 40, height, style }) {
-    const sprite = getSpriteData(name);
-    const resolvedSheet = sheet ?? sprite?.type ?? 'Jokers';
-    const meta = SHEET_META[resolvedSheet];
-    const mystery = getMysterySprite(resolvedSheet);
-    const pos = sprite?.pos ?? mystery.pos;
-    let defaultH = width;
-    if (["Jokers", "Tarots", "Vouchers", "Boosters", "Decks", "Enhancers", "Editions"].includes(resolvedSheet)) {
-        defaultH = Math.round((width * 95) / 71);
-    }
-    const h = height ?? defaultH;
-    if (!meta)
-        return null;
-    const bgW = width * meta.cols;
-    const bgH = h * meta.rows;
-    const bgX = -(pos.x * width);
-    const bgY = -(pos.y * h);
-    return (_jsx("div", { style: {
-            width, height: h, flexShrink: 0,
-            backgroundImage: `url(${resolveJamlAssetUrl(meta.assetKey)})`,
-            backgroundSize: `${bgW}px ${bgH}px`,
-            backgroundPosition: `${bgX}px ${bgY}px`,
-            backgroundRepeat: 'no-repeat',
-            imageRendering: 'pixelated',
-            ...style,
-        } }));
-}
-const STAKE_MAP = ["White", "Red", "Green", "Black", "Blue", "Purple", "Orange", "Gold"];
-export function StakeSprite({ stake, width = 29, height, style }) {
-    const index = STAKE_MAP.indexOf(stake.replace(" Stake", ""));
-    const idx = index >= 0 ? index : 0;
-    const x = idx % 5;
-    const y = Math.floor(idx / 5);
-    const h = height ?? width;
-    const bgW = width * 5;
-    const bgH = h * 2;
-    return (_jsx("div", { style: {
-            width, height: h, flexShrink: 0,
-            backgroundImage: `url(${resolveJamlAssetUrl('stakes')})`,
-            backgroundSize: `${bgW}px ${bgH}px`,
-            backgroundPosition: `-${x * width}px -${y * h}px`,
-            backgroundRepeat: 'no-repeat',
-            imageRendering: 'pixelated',
-            ...style,
-        } }));
-}
-const DECK_ROWS = {
-    Red: 0,
-    Blue: 1,
-    Yellow: 2,
-    Green: 3,
-    Black: 0,
-    Magic: 1,
-    Nebula: 2,
-    Ghost: 3,
-};
-export function DeckSprite({ deck, width = 71, height, style }) {
-    const baseDeck = deck.replace(" Deck", "");
-    const y = DECK_ROWS[baseDeck] ?? 0;
-    const x = 12;
-    const h = height ?? (width * 95 / 71);
-    const bgW = width * 13;
-    const bgH = h * 4;
-    return (_jsx("div", { style: {
-            width, height: h, flexShrink: 0,
-            backgroundImage: `url(${resolveJamlAssetUrl('deck')})`,
-            backgroundSize: `${bgW}px ${bgH}px`,
-            backgroundPosition: `-${x * width}px -${y * h}px`,
-            backgroundRepeat: 'no-repeat',
-            imageRendering: 'pixelated',
-            ...style,
-        } }));
-}

package/dist/ui/tokens.js

@@ -1,64 +0,0 @@
-/**
- * Balatro design tokens — colors eyedropped from actual game pixels.
- * Do NOT replace with Lua HEX values; the game's shader pipeline transforms them.
- *
- * IMPORTANT: For DOM components, use CSS custom properties (--j-red, etc.)
- * from jimbo.css. Only use these JS constants for contexts that cannot use
- * CSS — such as R3F/Canvas, inline SVG fills, or imperative animation APIs.
- */
-export const JimboColorOption = {
-    RED: '#ff4c40',
-    BLUE: '#0093ff',
-    GREEN: '#429f79',
-    ORANGE: '#ff9800',
-    GOLD: '#e4b643',
-    PURPLE: '#9e74ce',
-    DARK_RED: '#a02721',
-    DARK_BLUE: '#0057a1',
-    DARK_ORANGE: '#a05b00',
-    DARK_GREEN: '#215f46',
-    DARK_PURPLE: '#5e437e',
-    DARK_GREY: '#3a5055',
-    DARKEST: '#1e2b2d',
-    GREY: '#708386',
-    TEAL_GREY: '#404c4e',
-    PANEL_EDGE: '#1e2e32',
-    INNER_BORDER: '#334461',
-    BORDER_SILVER: '#b9c2d2',
-    BORDER_SOUTH: '#777e89',
-    GOLD_TEXT: '#e4b643',
-    GREEN_TEXT: '#35bd86',
-    ORANGE_TEXT: '#ff8f00',
-    WHITE: '#ffffff',
-    BLACK: '#000000',
-    TAROT_BUTTON: '#9e74ce',
-    PLANET_BUTTON: '#00a7ca',
-    SPECTRAL_BUTTON: '#2e76fd',
-    TAROT_BUTTON_DARK: '#5e437e',
-    PLANET_BUTTON_DARK: '#00657c',
-    SPECTRAL_BUTTON_DARK: '#14449e',
-};
-/** Convert hex to rgba for inline styles in Canvas/SVG/R3F contexts. */
-export function withAlpha(hex, alpha) {
-    const clean = hex.replace('#', '');
-    const r = parseInt(clean.slice(0, 2), 16);
-    const g = parseInt(clean.slice(2, 4), 16);
-    const b = parseInt(clean.slice(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-}
-export const JIMBO_ANIMATIONS = {
-    JUICE_UP_SCALE: 1.05,
-    JUICE_DOWN_SCALE: 1.0,
-    JUICE_DURATION: 150,
-    JUICE_EASING: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
-    SWAY_AMOUNT: 1.5,
-    SWAY_DURATION: 4000,
-    PRESS_TRANSLATE_Y: 2,
-    PRESS_DURATION: 50,
-    CARD_TILT_MAX: 6,
-    MENU_SINK_DURATION: 200,
-    MENU_RISE_DURATION: 300,
-    MENU_ORBIT_DURATION: 320,
-    LETTER_POP_RATE: 3,
-    LETTER_BUMP_RATE: 2.666,
-};

package/dist/utils/gameCardUtils.js

@@ -1,15 +0,0 @@
-import { RANK_MAP, SUIT_MAP, SEAL_MAP, ENHANCER_MAP } from "../sprites/spriteData.js";
-export function getStandardCardPosition(rank, suit) {
-    return { x: RANK_MAP[rank] ?? 0, y: SUIT_MAP[suit] ?? 0 };
-}
-export function getSealPosition(seal) {
-    return SEAL_MAP[seal];
-}
-export function getEnhancerPosition(modifiers) {
-    for (const m of modifiers) {
-        const pos = ENHANCER_MAP[m];
-        if (pos)
-            return pos;
-    }
-    return { x: 1, y: 0 };
-}