jaml-ui 0.24.20 → 0.25.2

package/dist/ui/jimboBackground.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useBalatroBackground } from './hooks.js';
-import { JimboBalatroFooter } from './footer.js';
-/**
- * Fullscreen WebGL CRT/spin background — the authentic Balatro hypnotic
- * swirl, pixelated and animated. Also renders the attribution footer at the
- * bottom of the viewport (position: fixed) so it is always present and no
- * consumer can accidentally omit it.
- *
- * Drop it once at the root of your page:
- *
- *     <JimboBackground />
- *     <YourAppContent />
- *
- * Resizes automatically. Disposes the animation frame + shader on unmount.
- */
-export function JimboBackground() {
-    const canvasRef = useBalatroBackground();
-    return (_jsxs(_Fragment, { children: [_jsx("canvas", { ref: canvasRef, "aria-hidden": true, style: {
-                    position: 'fixed',
-                    inset: 0,
-                    width: '100%',
-                    height: '100%',
-                    zIndex: -10,
-                    pointerEvents: 'none',
-                } }), _jsx(JimboBalatroFooter, {})] }));
-}

package/dist/ui/jimboCopyRow.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { JimboText } from './jimboText.js';
-/**
- * Inline copy-to-clipboard row with label + value + button.
- * All styling via jimbo.css `.j-copy-row` classes.
- */
-export function JimboCopyRow({ value, label }) {
-    const [copied, setCopied] = useState(false);
-    function copy() {
-        navigator.clipboard.writeText(value).then(() => {
-            setCopied(true);
-            setTimeout(() => setCopied(false), 1500);
-        });
-    }
-    return (_jsxs("div", { className: "j-copy-row", children: [label && (_jsx(JimboText, { size: "xs", tone: "grey", className: "j-copy-row__label", children: label })), _jsxs("div", { className: "j-copy-row__field", children: [_jsx("div", { className: "j-copy-row__value", children: _jsx(JimboText, { size: "sm", children: value }) }), _jsx("button", { type: "button", className: "j-copy-row__btn", "data-copied": copied, onClick: copy, children: copied ? 'Copied' : 'Copy' })] })] }));
-}

package/dist/ui/jimboFilterBar.js

@@ -1,16 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JimboText } from './jimboText.js';
-/**
- * Generic Balatro-styled filter row: search input with floating pill label
- * + optional sort dropdown with floating pill label.
- */
-export function JimboFilterBar({ search, onSearchChange, searchPlaceholder = 'Search...', searchLabel = 'Search', sort, onSortChange, sortLabel = 'Sort By', sortOptions, className = '', style, }) {
-    return (_jsxs("div", { className: `j-filter-bar ${className}`, style: style, children: [onSearchChange ? (_jsxs("div", { className: "j-filter-bar__field", children: [_jsx("div", { className: "j-filter-bar__pill", children: _jsx(JimboText, { size: "xs", children: searchLabel }) }), _jsxs("div", { className: "j-relative", children: [_jsx("div", { className: "j-filter-bar__search-icon", children: _jsx(SearchIcon, {}) }), _jsx("input", { type: "text", value: search ?? '', onChange: (e) => onSearchChange(e.target.value), placeholder: searchPlaceholder, className: "j-filter-bar__input" })] })] })) : null, sortOptions && onSortChange ? (_jsxs("div", { className: "j-filter-bar__field", children: [_jsx("div", { className: "j-filter-bar__pill", children: _jsx(JimboText, { size: "xs", children: sortLabel }) }), _jsxs("div", { className: "j-relative", children: [_jsx("select", { value: sort ?? sortOptions[0]?.value, onChange: (e) => onSortChange(e.target.value), className: "j-filter-bar__select", children: sortOptions.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) }), _jsx("div", { className: "j-filter-bar__sort-icon", children: _jsx(SortIcon, {}) })] })] })) : null] }));
-}
-function SearchIcon() {
-    return (_jsxs("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [_jsx("circle", { cx: 11, cy: 11, r: 8 }), _jsx("line", { x1: 21, y1: 21, x2: 16.65, y2: 16.65 })] }));
-}
-function SortIcon() {
-    return (_jsxs("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [_jsx("polyline", { points: "7 4 7 20" }), _jsx("polyline", { points: "3 8 7 4 11 8" }), _jsx("polyline", { points: "17 20 17 4" }), _jsx("polyline", { points: "21 16 17 20 13 16" })] }));
-}

package/dist/ui/jimboFlankNav.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-/**
- * Prev/next navigation with flanking buttons around a central stage.
- * No hardcoded labels, no lucide dep (inline chevron SVGs).
- */
-export function JimboFlankNav({ onPrev, onNext, canPrev = true, canNext = true, prevLabel = 'Previous', nextLabel = 'Next', children, className = '', style, }) {
-    return (_jsxs("div", { className: `j-flank ${className}`, style: style, children: [_jsx(NavButton, { direction: "left", onClick: onPrev, disabled: !canPrev, "aria-label": prevLabel }), _jsx("div", { className: "j-flank__content", children: children }), _jsx(NavButton, { direction: "right", onClick: onNext, disabled: !canNext, "aria-label": nextLabel })] }));
-}
-function NavButton({ direction, onClick, disabled, 'aria-label': ariaLabel, }) {
-    const [pressed, setPressed] = React.useState(false);
-    return (_jsx("button", { type: "button", className: "j-flank__btn", "data-pressed": pressed && !disabled, onClick: onClick, disabled: disabled, "aria-label": ariaLabel, title: ariaLabel, onMouseDown: () => !disabled && setPressed(true), onMouseUp: () => setPressed(false), onMouseLeave: () => setPressed(false), onTouchStart: () => !disabled && setPressed(true), onTouchEnd: () => setPressed(false), children: _jsx(ChevronSvg, { direction: direction }) }));
-}
-function ChevronSvg({ direction }) {
-    const points = direction === 'left' ? '18,4 8,14 18,24' : '10,4 20,14 10,24';
-    return (_jsx("svg", { width: 28, height: 28, viewBox: "0 0 28 28", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: _jsx("polyline", { points: points }) }));
-}

package/dist/ui/jimboInfoCard.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Generic clickable row card — used for filter lists, seed lists, etc.
- * Border color set via tone. All styling via jimbo.css `.j-info-card`.
- */
-export function JimboInfoCard({ tone, children, className = '', ...props }) {
-    const borderClass = tone ? `j-border--${tone}` : '';
-    return (_jsx("div", { className: `j-info-card ${borderClass} ${className}`, style: tone ? { borderColor: undefined } : undefined, ...props, children: children }));
-}
-/** Main body area inside an InfoCard (flex: 1, overflow-safe). */
-export function JimboInfoCardBody({ children, className = '' }) {
-    return _jsx("div", { className: `j-info-card__body ${className}`, children: children });
-}
-/** Title line inside an InfoCard body. */
-export function JimboInfoCardTitle({ children, className = '' }) {
-    return _jsx("div", { className: `j-info-card__title ${className}`, children: children });
-}
-/** Subtitle line inside an InfoCard body. */
-export function JimboInfoCardSub({ children, className = '' }) {
-    return _jsx("div", { className: `j-info-card__sub ${className}`, children: children });
-}
-/** Right-side aside area inside an InfoCard. */
-export function JimboInfoCardAside({ children, className = '' }) {
-    return _jsx("div", { className: `j-info-card__aside ${className}`, children: children });
-}

package/dist/ui/jimboInset.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Dark recessed content area — for log output, recent finds, etc.
- * All styling via jimbo.css `.j-inset` class.
- */
-export function JimboInset({ children, className = '', ...props }) {
-    return (_jsx("div", { className: `j-inset ${className}`, ...props, children: children }));
-}

package/dist/ui/jimboSectionHeader.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Colored tag + horizontal rule — reusable section divider.
- * All styling via jimbo.css `.j-section-header` classes + tone utilities.
- */
-export function JimboSectionHeader({ label, tone = 'blue', className = '' }) {
-    return (_jsxs("div", { className: `j-section-header ${className}`, children: [_jsx("div", { className: `j-section-header__tag j-bg--${tone}`, children: label }), _jsx("div", { className: `j-section-header__rule j-bg--${tone}` })] }));
-}

package/dist/ui/jimboStatGrid.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 3-column stat bar — value on top, label below.
- * All styling via jimbo.css `.j-stat-grid` classes.
- */
-export function JimboStatGrid({ items, className = '', ...props }) {
-    return (_jsx("div", { className: `j-stat-grid ${className}`, ...props, children: items.map((item) => (_jsxs("div", { children: [_jsx("div", { className: "j-stat-grid__value", children: item.value }), _jsx("div", { className: "j-stat-grid__label", children: item.label })] }, item.label))) }));
-}

package/dist/ui/jimboTabs.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JimboText } from './jimboText.js';
-/**
- * Horizontal tab navigation with bouncing triangle indicator on the active
- * tab. Triangle attaches to each button and animates only on the active one.
- */
-export function JimboTabs({ tabs, activeTab, onTabChange, className = '', style }) {
-    return (_jsx("div", { className: `j-tabs ${className}`, style: style, children: tabs.map((tab) => (_jsx(TabButton, { label: tab.label, active: activeTab === tab.id, onClick: () => onTabChange(tab.id) }, tab.id))) }));
-}
-function TabButton({ label, active, onClick }) {
-    return (_jsxs("div", { className: "j-tab", "data-active": active, children: [_jsx("div", { className: "j-tab__indicator", "data-active": active, "aria-hidden": true, children: _jsx("svg", { width: 14, height: 10, viewBox: "0 0 14 10", children: _jsx("polygon", { points: "7,10 0,0 14,0" }) }) }), _jsx("button", { type: "button", className: "j-tab__btn", "data-active": active, onClick: onClick, children: _jsx(JimboText, { size: "sm", tone: "default", children: label }) })] }));
-}
-/**
- * Vertical tab strip — rotated labels (writing-mode) for space efficiency.
- */
-export function JimboVerticalTabs({ tabs, activeTab, onTabChange, className = '', style }) {
-    return (_jsx("div", { className: `j-vtabs ${className}`, style: style, children: tabs.map((tab) => {
-            const isActive = activeTab === tab.id;
-            return (_jsx("button", { type: "button", className: "j-vtab", "data-active": isActive, onClick: () => onTabChange(tab.id), children: _jsx(JimboText, { size: "sm", tone: isActive ? 'default' : 'grey', children: tab.label }) }, tab.id));
-        }) }));
-}

package/dist/ui/jimboText.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Canonical pixel-font text wrapper. Uses `m6x11plus` as its family and
- * applies the authentic Balatro drop shadow by default. Prefer this over
- * hand-rolling `fontFamily: 'm6x11plus, monospace'` + `textShadow` strings
- * throughout consumers — it keeps the styling drift-free.
- *
- * Requires `import 'jaml-ui/fonts.css'` somewhere in the consumer bundle
- * so the @font-face declaration lands (font is base64-embedded, no
- * runtime fetch).
- */
-export function JimboText({ tone = 'default', size = 'md', shadow = true, uppercase = false, dance = false, letterSpacing, as: Tag = 'span', className = '', style, children, ...rest }) {
-    const sizeClass = `j-text--${size}`;
-    const toneClass = `j-text--${tone}`;
-    const shadowClass = shadow ? '' : 'j-text--no-shadow';
-    const upperClass = uppercase ? 'j-text--upper' : '';
-    const danceClass = dance ? 'j-text--dance-container' : '';
-    const inlineStyle = {};
-    if (letterSpacing != null) {
-        inlineStyle.letterSpacing = letterSpacing;
-    }
-    else if (uppercase && letterSpacing == null) {
-        inlineStyle.letterSpacing = 2;
-    }
-    if (style)
-        Object.assign(inlineStyle, style);
-    let content = children;
-    if (dance && typeof children === 'string') {
-        content = children.split('').map((char, i) => (_jsx("span", { className: "j-font-dance-char", style: { animationDelay: `${i * -0.15}s` }, children: char === ' ' ? '\u00A0' : char }, i)));
-    }
-    return (_jsx(Tag, { className: `j-text ${sizeClass} ${toneClass} ${shadowClass} ${upperClass} ${danceClass} ${className}`.trim(), style: Object.keys(inlineStyle).length > 0 ? inlineStyle : undefined, ...rest, children: content }));
-}

package/dist/ui/jimboTooltip.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
-import { useJimboTooltip } from './hooks.js';
-function assignRef(ref, value) {
-    if (typeof ref === 'function')
-        ref(value);
-    else if (ref && typeof ref === 'object') {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref.current = value;
-    }
-}
-/**
- * Canonical Balatro-style tooltip: dark panel, silver border, pixel font.
- * Wrap any target to get a hover/focus popover.
- */
-export function JimboTooltip({ content, children, mode = 'snap', placement = 'auto', delay = 80, maxWidth = 280, disabled = false, }) {
-    const { visible, pos, targetRef, tooltipRef, show, hide, handleMouseMove, } = useJimboTooltip({ mode, placement, delay, disabled });
-    const child = React.Children.only(children);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const childRef = child.ref;
-    const refHandler = useCallback((node) => {
-        targetRef.current = node;
-        assignRef(childRef, node);
-    }, [childRef, targetRef]);
-    const wrapped = React.cloneElement(child, {
-        ref: refHandler,
-        onMouseEnter: (e) => { show(); child.props.onMouseEnter?.(e); },
-        onMouseLeave: (e) => { hide(); child.props.onMouseLeave?.(e); },
-        onFocus: (e) => { show(); child.props.onFocus?.(e); },
-        onBlur: (e) => { hide(); child.props.onBlur?.(e); },
-        onMouseMove: (e) => { handleMouseMove(e); child.props.onMouseMove?.(e); },
-    });
-    return (_jsxs(_Fragment, { children: [wrapped, visible ? (_jsx("div", { ref: tooltipRef, role: "tooltip", className: "j-tooltip", style: {
-                    left: pos?.left ?? -9999,
-                    top: pos?.top ?? -9999,
-                    maxWidth,
-                    opacity: pos ? 1 : 0,
-                }, children: content })) : null] }));
-}

package/dist/ui/jimboWordmark.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Title + subtitle hero block. Gold title, grey subtitle.
- * All styling via jimbo.css `.j-wordmark` classes.
- */
-export function JimboWordmark({ title, subtitle, className = '' }) {
-    return (_jsxs("div", { className: `j-wordmark ${className}`, children: [_jsx("div", { className: "j-wordmark__title", children: title }), subtitle && _jsx("div", { className: "j-wordmark__sub", children: subtitle })] }));
-}

package/dist/ui/mascot/JammySpeechBox.js

@@ -1,30 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { splitTtsDisplay } from '../../lib/tts/splitTtsDisplay';
-/** Fixed chrome so the home announcement always occupies one predictable size (ai-elements, same family as chat). */
-const speechBoxFrame = 'w-[20.5rem] max-w-[calc(100vw-2.25rem)] min-h-[7.25rem] h-[7.25rem] rounded-xl border border-white/15 bg-black/72 px-4 py-3 text-center shadow-lg backdrop-blur-md';
-const speechText = 'whitespace-pre-wrap break-words text-sm font-normal leading-relaxed tracking-normal text-[#f6f0d5] antialiased';
-// Simple utility to concatenate classes instead of importing tailwind-merge (for agnostic component)
-function cn(...classes) {
-    return classes.filter(Boolean).join(' ');
-}
-export function JammySpeechBox({ text, highlightPos, activeSentenceRange, className, }) {
-    const raw = (text ?? '').trim();
-    if (!raw)
-        return null;
-    const split = splitTtsDisplay(raw, highlightPos, activeSentenceRange, { stripMarkdown: true });
-    const ttsOff = highlightPos == null;
-    const displaySource = split
-        ? `${split.prefix}${split.spoken}${split.pending}${split.suffix}`
-        : raw.replace(/```[\s\S]*?```/g, '').replace(/\*\*/g, '').trim();
-    if (!displaySource)
-        return null;
-    const prefix = ttsOff || !split ? '' : split.prefix;
-    const spoken = !split || ttsOff ? displaySource : split.spoken;
-    const pending = !split || ttsOff ? '' : split.pending;
-    const suffix = !split || ttsOff ? '' : split.suffix;
-    return (_jsx("div", { "data-testid": "jammy-announcement", className: cn(
-        // Anchor to the scene center so Jammy stays centered inside the orbital menu,
-        // with the announcement floating just above the mascot's head.
-        'pointer-events-none absolute top-1/2 left-1/2 z-20 flex w-full max-w-[calc(100vw-2.25rem)] -translate-x-1/2 -translate-y-[calc(100%+5.75rem)] justify-center sm:-translate-y-[calc(100%+6.25rem)]', className), children: _jsx("div", { className: "max-w-none", children: _jsx("div", { className: cn(speechBoxFrame, 'flex flex-col items-center justify-center overflow-hidden text-[#f6f0d5]!'), children: _jsxs("p", { className: cn(speechText, 'm-0 w-full max-w-full'), children: [_jsx("span", { className: "text-[#f6f0d5]", children: prefix }), _jsx("span", { className: "text-[#f6f0d5]", children: spoken }), _jsx("span", { className: "text-[#f6f0d5]/35", children: pending }), _jsx("span", { className: "text-[#f6f0d5]/35", children: suffix })] }) }) }) }));
-}

package/dist/ui/mascot/SeedMascot.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { RadialMenu } from "../radial";
-export const SeedMascot = React.memo(function SeedMascot({ size = 160, mascotTranslateY = 0, welcomeEntranceLift = 0, mascotMotionClass = "jammy-jimbo-idle", onTap, showRadialMenu = false, showClosingRadialMenu = false, radialItems = [], currentMenu = "main", onItemClick, onBack, showPageControls = false, onPagePrev, onPageNext, breadcrumb, baseOrbitRadius = 66, }) {
-    // Orbit geometry — tight ring around Jammy; small per-item nudge only when many slots.
-    const orbitalCount = radialItems.filter((it) => !("_south" in it && it._south)).length;
-    const mascotHalf = size / 2;
-    const minOrbitR = mascotHalf + 42;
-    const orbitRadiusX = Math.max(84, baseOrbitRadius + orbitalCount * 3, minOrbitR);
-    const orbitRadiusY = orbitRadiusX;
-    return (_jsxs("div", { className: "relative flex w-full flex-col items-center justify-center", children: [radialItems.length > 0 && (showRadialMenu || showClosingRadialMenu) ? (_jsx(RadialMenu, { items: radialItems, showClosing: showClosingRadialMenu, mascotSizePx: size, orbitRadiusX: orbitRadiusX, orbitRadiusY: orbitRadiusY, mascotTranslateY: mascotTranslateY, currentMenu: currentMenu, onItemClick: onItemClick || (() => { }), onBack: onBack || (() => { }), showPageControls: showPageControls, onPagePrev: onPagePrev, onPageNext: onPageNext, breadcrumb: breadcrumb })) : null, _jsx("div", { className: "relative z-20 transition-transform duration-500 ease-[cubic-bezier(0.22,0.92,0.2,1.08)]", style: {
-                    transform: `translateY(${mascotTranslateY + welcomeEntranceLift}px)`,
-                }, children: _jsx("button", { type: "button", onClick: onTap, className: "relative block cursor-pointer rounded-full filter-[drop-shadow(0_4_12_rgba(0,0,0,0.5))] transition-transform duration-300 ease-[cubic-bezier(0.22,0.9,0.3,1.12)] will-change-transform [-webkit-backface-visibility:hidden] backface-hidden hover:scale-105 focus-visible:ring-4 focus-visible:ring-orange-500 active:scale-95", style: {
-                        width: size,
-                        height: size,
-                    }, "aria-label": "Tap Jammy to open chat or the menu", children: _jsx("span", { className: `pointer-events-none absolute inset-0 block ${mascotMotionClass}`, style: { transformOrigin: "50% 80%" }, children: _jsx("img", { src: "/jaml-logo.png", alt: "Jammy", className: "absolute inset-0 block h-full w-full object-contain" }) }) }) })] }));
-});

package/dist/ui/mascot/index.js

@@ -1,3 +0,0 @@
-export * from './SeedMascot';
-export * from './JammySpeechBox';
-export * from './menuConfig';

package/dist/ui/mascot/menuConfig.js

@@ -1,12 +0,0 @@
-// ── Strict Color Semantics ────────────────────────────────────────────────────
-// RED    = Default button, opens submenu/panel/tool/modal
-// BLUE   = CHAT — sends a message to Jammy specifically
-// ORANGE = TOGGLE on/off state, also used for UPLOAD
-export const MenuColors = {
-    SUBMENU: "red", // Opens submenu/panel/tool/modal
-    CHAT: "blue", // Sends chat message to Jammy
-    TOGGLE: "orange", // On/off switch
-    ACTION: "red", // Immediate UI action without chat message
-    START: "green", // Special color for START button on welcome screen
-    UPLOAD: "orange", // File upload action - uses Jimbo orange
-};

package/dist/ui/panel.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useSway } from './hooks.js';
-import { JimboText } from './jimboText.js';
-export const JimboPanel = memo(({ children, className = '', sway = false, onBack, hideBack = false, style, ...props }) => {
-    const panelRef = useSway(sway);
-    return (_jsxs("div", { ref: panelRef, className: `j-panel ${className}`, style: style, ...props, children: [_jsx("div", { className: "j-panel__body", children: children }), onBack && !hideBack && (_jsx("div", { className: "j-panel__back", children: _jsx(JimboBackButton, { onClick: onBack }) }))] }));
-});
-JimboPanel.displayName = 'JimboPanel';
-export const JimboInnerPanel = memo(({ children, className = '', style, ...props }) => (_jsx("div", { className: `j-inner-panel ${className}`, style: style, ...props, children: children })));
-JimboInnerPanel.displayName = 'JimboInnerPanel';
-export function JimboButton({ tone = 'orange', size = 'md', fullWidth = false, disabled = false, uppercase = false, onClick, style, className = '', children, }) {
-    const textSize = size === 'xs' ? 'xs' : size === 'sm' ? 'sm' : size === 'lg' ? 'lg' : 'md';
-    return (_jsx("button", { type: "button", className: `j-btn j-btn--${tone} j-btn--${size} ${fullWidth ? 'j-btn--full' : ''} ${disabled ? 'j-btn--disabled' : ''} ${className}`, disabled: disabled, onClick: onClick, style: style, children: _jsx("div", { className: "j-btn__face", children: _jsx(JimboText, { size: textSize, uppercase: uppercase, children: children }) }) }));
-}
-export function JimboBackButton({ onClick }) {
-    return (_jsx("div", { className: "j-flex j-justify-center j-w-full", style: { padding: '4px 0' }, children: _jsx(JimboButton, { tone: "orange", size: "md", fullWidth: true, onClick: onClick, className: "j-back-btn", children: "Back" }) }));
-}
-export function JimboModal({ children, open, onClose, title, className, showBack = true }) {
-    if (!open)
-        return null;
-    return (_jsx("div", { className: "j-modal-overlay", children: _jsxs(JimboPanel, { onBack: showBack ? onClose : undefined, className: `j-modal ${className ?? ''}`, children: [title && _jsx(JimboText, { as: "h2", size: "lg", className: "j-modal__title", children: title }), children] }) }));
-}

package/dist/ui/radial/RadialBadge.js

@@ -1,43 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { twMerge } from "tailwind-merge";
-import { JimboColorOption } from "../tokens";
-import "./radial-navigation.css";
-import { BUTTON_THEMES } from "./RadialButton";
-const INDICATOR_STYLES = {
-    success: { bg: JimboColorOption.GREEN_TEXT, border: JimboColorOption.BORDER_SILVER },
-    error: { bg: JimboColorOption.DARK_RED, border: JimboColorOption.DARK_GREY },
-    loading: { bg: JimboColorOption.GREY, border: JimboColorOption.DARK_GREY },
-    info: { bg: JimboColorOption.BLUE, border: JimboColorOption.DARK_GREY },
-    warning: { bg: JimboColorOption.ORANGE, border: JimboColorOption.DARK_GREY },
-};
-/**
- * Display-only radial status indicator.
- *
- * Visually matches RadialButton but rendered as a `<div>` with no click handler.
- * Shows a status dot (green/red/grey) + label text.
- */
-export function RadialBadge({ label, state, color = "red", tooltip, className }) {
-    const theme = BUTTON_THEMES[color];
-    const altText = tooltip ?? `badge: ${label}`;
-    return (_jsxs("div", { role: "status", "aria-label": altText, title: altText, className: twMerge(clsx("flex min-w-[60px] items-center justify-center gap-1.5 rounded-[11px] px-[10px] py-[2px] select-none sm:min-w-[64px] sm:px-[14px]", "text-[11.5px] font-normal", "shadow-[var(--btn-shadow)]", className)), style: {
-            backgroundColor: theme.bg,
-            border: "none",
-            height: 24,
-            "--btn-shadow": `0 4px 0 0 ${theme.shadow}`,
-        }, children: [_jsx("div", { className: twMerge("h-[9px] w-[9px] shrink-0 rounded-full border", (state === "error" || state === "loading") && "animate-pulse"), style: {
-                    backgroundColor: INDICATOR_STYLES[state].bg,
-                    borderWidth: 1,
-                    borderColor: INDICATOR_STYLES[state].border,
-                    boxShadow: state === "success"
-                        ? "0 0 8px rgba(53,189,134,0.5)"
-                        : state === "error"
-                            ? "0 0 8px rgba(160,39,33,0.5)"
-                            : state === "info"
-                                ? "0 0 8px rgba(62,176,248,0.5)"
-                                : state === "warning"
-                                    ? "0 0 8px rgba(254,166,42,0.5)"
-                                    : "none",
-                } }), _jsx("span", { className: "jimbo-radial-label jimbo-radial-label--badge", children: label })] }));
-}

package/dist/ui/radial/RadialBreadcrumb.js

@@ -1,18 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { twMerge } from "tailwind-merge";
-const BREADCRUMB_STYLE = {
-    backgroundColor: "#1a1e2e",
-    border: "1.5px solid rgba(255,255,255,0.18)",
-    color: "#f6f0d5",
-    opacity: 0.92,
-};
-/**
- * Breadcrumb nav pill — "currently viewing" indicator.
- *
- * Sits above the Back button to show the user's position in the menu tree.
- * Non-interactive, dark styling, same pill family as orbital buttons.
- */
-export function RadialBreadcrumb({ label, title, className }) {
-    return (_jsxs("div", { role: "status", "aria-label": title ?? `In: ${label}`, title: title ?? `In: ${label}`, className: twMerge("pointer-events-auto flex items-center gap-1 rounded-[11px] px-[10px] py-[2px] font-serif text-[11.5px] font-normal shadow-[0_4px_0_0_rgba(30,30,30,0.9)] select-none sm:px-[14px]", className), style: BREADCRUMB_STYLE, children: [_jsx("span", { className: "text-[9.5px] opacity-50", children: "\u203A" }), _jsx("span", { className: "whitespace-nowrap", children: label })] }));
-}

package/dist/ui/radial/RadialButton.js

@@ -1,102 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import clsx from "clsx";
-import { twMerge } from "tailwind-merge";
-import { JimboColorOption } from "../tokens";
-import "./radial-navigation.css";
-const BUTTON_THEMES = {
-    orange: { bg: JimboColorOption.ORANGE, shadow: JimboColorOption.DARK_ORANGE, text: JimboColorOption.WHITE },
-    purple: { bg: JimboColorOption.PURPLE, shadow: JimboColorOption.DARK_PURPLE, text: JimboColorOption.WHITE },
-    red: { bg: JimboColorOption.RED, shadow: JimboColorOption.DARK_RED, text: JimboColorOption.WHITE },
-    green: { bg: JimboColorOption.GREEN, shadow: JimboColorOption.DARK_GREEN, text: JimboColorOption.WHITE },
-    blue: { bg: JimboColorOption.BLUE, shadow: JimboColorOption.DARK_BLUE, text: JimboColorOption.WHITE },
-    "seed-zero": { bg: JimboColorOption.BLACK, shadow: "#111111", text: JimboColorOption.WHITE },
-    "seed-low": { bg: JimboColorOption.DARK_GREY, shadow: JimboColorOption.DARKEST, text: JimboColorOption.WHITE },
-    "seed-top": { bg: JimboColorOption.DARKEST, shadow: JimboColorOption.BLACK, text: JimboColorOption.GOLD },
-};
-// ── Shared base classes ───────────────────────────────────────────────────────
-const BUTTON_SHADOW = "0 4px 0 0 rgba(0,0,0,0.8)";
-const BASE_CLASSES = clsx("group flex items-center justify-center gap-1.5 rounded-[10px] border-none px-[10px] py-[3px] outline-none select-none", "font-normal", "transition-[transform,box-shadow] duration-[80ms] ease-out");
-const INTERACTIVE_CLASSES = "cursor-pointer";
-const DISABLED_CLASSES = "cursor-not-allowed opacity-67";
-const WIDE_CLASSES = "w-[130px] sm:w-[160px]";
-const NORMAL_WIDTH = "min-w-[54px] sm:min-w-[64px]";
-/**
- * Polymorphic radial navigation button.
- *
- * Replaces four separate components (Button, CountIndicator, Toggle, Back/Start)
- * with a single component using a `variant` prop.
- *
- * All variants share the Balatro-styled pill: 3D bottom-edge shadow, press-down on active.
- */
-export function RadialButton(props) {
-    const { label, tooltip, onClick, className } = props;
-    const variant = props.variant ?? "action";
-    const [isPressed, setIsPressed] = useState(false);
-    // South pills (Start / Back): same Balatro orange as Back — never green-vs-red split.
-    const isSouthPill = variant === "start" || variant === "back";
-    let colorKey;
-    if (isSouthPill) {
-        colorKey = props.color ?? "orange";
-    }
-    else if (variant === "toggle") {
-        colorKey = props.color ?? "red";
-    }
-    else if (variant === "count") {
-        colorKey = props.color ?? "red";
-    }
-    else {
-        colorKey = props.color ?? "red";
-    }
-    const theme = BUTTON_THEMES[colorKey];
-    const altText = _computeAltText(props, variant);
-    const isDisabled = variant === "toggle" && props.disabled === true;
-    const isWide = variant === "back" || variant === "start";
-    return (_jsxs("button", { type: "button", onClick: isDisabled ? undefined : onClick, onPointerDown: isDisabled
-            ? undefined
-            : (e) => {
-                setIsPressed(true);
-                e.currentTarget.setPointerCapture(e.pointerId);
-            }, onPointerUp: isDisabled ? undefined : () => setIsPressed(false), onPointerCancel: isDisabled ? undefined : () => setIsPressed(false), onPointerLeave: isDisabled ? undefined : () => setIsPressed(false), "aria-label": altText, title: tooltip ?? altText, disabled: isDisabled, className: twMerge(clsx(BASE_CLASSES, isWide ? WIDE_CLASSES : NORMAL_WIDTH, isDisabled ? DISABLED_CLASSES : INTERACTIVE_CLASSES, className)), style: {
-            backgroundColor: theme.bg,
-            boxShadow: isPressed && !isDisabled ? "none" : BUTTON_SHADOW,
-            transform: isPressed && !isDisabled ? "translateY(4px)" : "translateY(0)",
-            ...(props.style ?? {}),
-        }, children: [variant === "toggle" && _jsx(ToggleDot, { active: props.active, disabled: isDisabled }), _jsx("span", { className: "jimbo-radial-label jimbo-radial-label--action", children: label }), variant === "count" && _jsx(CountBadge, { count: props.count, icon: props.icon })] }));
-}
-// ── Internal sub-components ───────────────────────────────────────────────────
-function ToggleDot({ active }) {
-    const dotStyle = active
-        ? { backgroundColor: JimboColorOption.GREEN_TEXT, borderColor: JimboColorOption.BORDER_SILVER }
-        : { backgroundColor: JimboColorOption.DARK_RED, borderColor: JimboColorOption.DARK_GREY };
-    return (_jsx("div", { className: twMerge("h-[9px] w-[9px] shrink-0 rounded-full border"), style: { borderWidth: 1, ...dotStyle } }));
-}
-function CountBadge({ count, icon }) {
-    if (icon) {
-        return (_jsx("span", { className: "inline-flex items-center justify-center text-[10px] leading-none", style: { marginLeft: 2 }, "aria-hidden": "true", children: icon }));
-    }
-    return (_jsx("span", { className: "inline-flex items-center justify-center rounded-full font-mono leading-none", style: {
-            fontSize: "10px",
-            backgroundColor: JimboColorOption.DARKEST,
-            color: count > 0 ? JimboColorOption.GOLD : JimboColorOption.GREY,
-            minWidth: 16,
-            height: 16,
-            padding: "2px 4px",
-            marginLeft: 2,
-        }, children: count }));
-}
-function _computeAltText(props, variant) {
-    if (props.tooltip)
-        return props.tooltip;
-    switch (variant) {
-        case "toggle":
-            return `toggle: ${props.label} (${props.active ? "on" : "off"})`;
-        case "count":
-            return `${props.label}: ${props.icon ?? props.count}`;
-        default:
-            return `button: ${props.label}`;
-    }
-}
-// Re-export themes for badge usage
-export { BUTTON_THEMES };