jaml-ui 0.24.20 → 0.25.2

package/dist/ui/jimboApp.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface JimboAppProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Unlock width/height for MCP inline or desktop use. Default: false (320×568 locked). */

package/dist/ui/jimboFilterBar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface JimboFilterSortOption {
     value: string;
     label: string;

package/dist/ui/jimboFlankNav.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface JimboFlankNavProps {
     onPrev: () => void;
     onNext: () => void;

package/dist/ui/jimboInfoCard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type JimboInfoCardTone = 'red' | 'blue' | 'green' | 'gold' | 'orange' | 'purple';
 export interface JimboInfoCardProps extends React.HTMLAttributes<HTMLDivElement> {
     tone?: JimboInfoCardTone;

package/dist/ui/jimboInset.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface JimboInsetProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }

package/dist/ui/jimboStatGrid.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface JimboStatItem {
     value: string | number;
     label: string;

package/dist/ui/jimboText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type JimboTextTone = 'default' | 'mult' | 'chips' | 'gold' | 'green' | 'red' | 'blue' | 'orange' | 'purple' | 'grey' | 'white';
 export type JimboTextSize = 'micro' | 'label' | 'xs' | 'body' | 'sm' | 'md' | 'heading' | 'lg' | 'xl' | 'display';
 export interface JimboTextProps extends React.HTMLAttributes<HTMLElement> {

package/dist/ui/jimboTooltip.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type JimboTooltipMode, type JimboTooltipPlacement } from './hooks.js';
+import { default as React } from 'react';
+import { JimboTooltipMode, JimboTooltipPlacement } from './hooks.js';
 export interface JimboTooltipProps {
     /** Content rendered inside the tooltip panel. Typically a card's ability text, joker description, etc. */
     content: React.ReactNode;

package/dist/ui/mascot/SeedMascot.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { MenuItem } from "./menuConfig";
+import { default as React } from 'react';
+import { MenuItem } from './menuConfig';
 export interface SeedMascotProps {
     /** Hit target size for the mascot image (px). Default 160. */
     size?: number;

package/dist/ui/panel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface JimboPanelProps extends React.HTMLAttributes<HTMLDivElement> {
     sway?: boolean;
     onBack?: () => void;

package/dist/ui/radial/RadialBadge.d.ts

@@ -1,5 +1,4 @@
-import "./radial-navigation.css";
-import type { RadialButtonColor } from "./RadialButton";
+import { RadialButtonColor } from './RadialButton';
 export type RadialBadgeState = "loading" | "success" | "error" | "info" | "warning";
 export interface RadialBadgeProps {
     label: string;

package/dist/ui/radial/RadialButton.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import "./radial-navigation.css";
+import { default as React } from 'react';
 export type RadialButtonColor = "orange" | "purple" | "red" | "green" | "blue" | "seed-zero" | "seed-low" | "seed-top";
 interface ButtonTheme {
     bg: string;

package/dist/ui/radial/RadialMenu.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
-import type { MenuItem } from "../mascot/menuConfig";
+import { ReactNode } from 'react';
+import { MenuItem } from '../mascot/menuConfig';
 export interface RadialMenuProps {
     /** Menu items to display. The item flagged _south is always pinned at the bottom. */
     items: MenuItem[];

package/dist/ui/radial/RadialPill.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import "./radial-navigation.css";
+import { default as React } from 'react';
 export interface RadialPillProps {
     /** Horizontal offset from center (px). */
     x: number;

package/dist/ui/radial/index.d.ts

@@ -1,16 +1,16 @@
-export { RadialMenu } from "./RadialMenu";
-export type { RadialMenuProps } from "./RadialMenu";
-export { RadialPill } from "./RadialPill";
-export type { RadialPillProps } from "./RadialPill";
-export { RadialButton } from "./RadialButton";
-export type { RadialButtonProps, RadialButtonColor, RadialButtonActionProps, RadialButtonToggleProps, RadialButtonCountProps, RadialButtonBackProps, } from "./RadialButton";
-export { RadialBadge } from "./RadialBadge";
-export type { RadialBadgeProps, RadialBadgeState } from "./RadialBadge";
-export { RadialBreadcrumb } from "./RadialBreadcrumb";
-export type { RadialBreadcrumbProps } from "./RadialBreadcrumb";
-export { useRadialMenu } from "./useRadialMenu";
-export type { UseRadialMenuProps, RadialMenuState } from "./useRadialMenu";
-export { RadialButton as JimboRadialNavigationButton } from "./RadialButton";
-export { RadialBadge as JimboRadialNavigationBadge } from "./RadialBadge";
-export { RadialBreadcrumb as BreadcrumNavPill } from "./RadialBreadcrumb";
-export { RadialPill as JimboOrbitalPill } from "./RadialPill";
+export { RadialMenu } from './RadialMenu';
+export type { RadialMenuProps } from './RadialMenu';
+export { RadialPill } from './RadialPill';
+export type { RadialPillProps } from './RadialPill';
+export { RadialButton } from './RadialButton';
+export type { RadialButtonProps, RadialButtonColor, RadialButtonActionProps, RadialButtonToggleProps, RadialButtonCountProps, RadialButtonBackProps, } from './RadialButton';
+export { RadialBadge } from './RadialBadge';
+export type { RadialBadgeProps, RadialBadgeState } from './RadialBadge';
+export { RadialBreadcrumb } from './RadialBreadcrumb';
+export type { RadialBreadcrumbProps } from './RadialBreadcrumb';
+export { useRadialMenu } from './useRadialMenu';
+export type { UseRadialMenuProps, RadialMenuState } from './useRadialMenu';
+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.d.ts

@@ -27,5 +27,5 @@ export interface RadialMenuStore extends RadialMenuSlice {
         score: number;
     }>) => void;
 }
-export declare const useRadialMenuStore: import("zustand").UseBoundStore<import("zustand").StoreApi<RadialMenuStore>>;
+export declare const useRadialMenuStore: import('zustand').UseBoundStore<import('zustand').StoreApi<RadialMenuStore>>;
 export {};

package/dist/ui/showcase.d.ts

@@ -1,4 +1,4 @@
-import { type JimboSectionTone } from './jimboSectionHeader.js';
+import { JimboSectionTone } from './jimboSectionHeader.js';
 export interface ShowcaseFilter {
     name: string;
     author: string;

package/dist/ui/sprites.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type SpriteSheetType } from '../sprites/spriteMapper.js';
+import { default as React } from 'react';
+import { SpriteSheetType } from '../sprites/spriteMapper.js';
 export interface JimboSpriteProps {
     name: string;
     sheet?: SpriteSheetType;

package/dist/ui.d.ts

@@ -1,5 +1,4 @@
 export * from './ui/tokens.js';
-import './ui/jimbo.css';
 export * from './ui/jimboText.js';
 export * from './ui/panel.js';
 export * from './ui/jimboTabs.js';

package/dist/ui.js

@@ -1,36 +1,3 @@
-export * from './ui/tokens.js';
-// Side-effect: design system CSS custom properties + component classes
-import './ui/jimbo.css';
-export * from './ui/jimboText.js';
-export * from './ui/panel.js';
-export * from './ui/jimboTabs.js';
-export * from './ui/JimboFloating.js';
-export * from './ui/JimboToggleList.js';
-export * from './ui/JimboBadge.js';
-export * from './ui/jimboFlankNav.js';
-export * from './ui/jimboFilterBar.js';
-export * from './ui/jimboBackground.js';
-export * from './ui/jimboTooltip.js';
-export * from './ui/codeBlock.js';
-export * from './ui/footer.js';
-export * from './ui/sprites.js';
-export * from './ui/showcase.js';
-export * from './ui/jimboCopyRow.js';
-// Primitives
-export * from './ui/jimboApp.js';
-export * from './ui/jimboWordmark.js';
-export * from './ui/jimboStatGrid.js';
-export * from './ui/jimboSectionHeader.js';
-export * from './ui/jimboInfoCard.js';
-export * from './ui/jimboInset.js';
-// Old IDE prototypes — orphaned, statically import motely-wasm + use Vite-only
-// `?worker` syntax. Removed from the public surface so webpack consumers don't
-// transitively bundle motely-wasm. Files left on disk for triage.
-// export * from './ui/ide/JamlBuilder.js'
-export * from './ui/ide/JamlEditor.js';
-// export * from './ui/ide/WasmStatus.js'
-// export * from './ui/ide/AgnosticSeedCard.js'
-export * from './ui/JimboIconButton.js';
-export * from './ui/JimboInputModal.js';
-export * from './ui/JimboSelect.js';
-export * from './ui/PanelSplitter.js';
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, j as C, k as w, l as T, m as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N, v as P, w as F, x as I, y as L } from "./chunks/ui-5cBy3zAm.js";
+import { n as R, r as z, t as B } from "./chunks/tokens-B65Fzble.js";
+export { a as DeckSprite, B as JIMBO_ANIMATIONS, b as JimboApp, m as JimboAppFooter, P as JimboAppScroll, e as JimboBackButton, I as JimboBackground, p as JimboBadge, f as JimboBalatroFooter, C as JimboButton, L as JimboCodeBlock, R as JimboColorOption, _ as JimboCopyRow, t as JimboFilterBar, F as JimboFlankNav, n as JimboFloating, S as JimboIconButton, N as JimboInfoCard, v as JimboInfoCardAside, y as JimboInfoCardBody, k as JimboInfoCardSub, E as JimboInfoCardTitle, s as JimboInnerPanel, A as JimboInputModal, h as JimboInset, c as JimboModal, u as JimboPanel, x as JimboSectionHeader, D as JimboSelect, o as JimboSprite, O as JimboStatGrid, l as JimboTabs, i as JimboText, r as JimboToggleList, g as JimboTooltip, w as JimboVerticalTabs, j as JimboWordmark, M as PanelSplitter, T as Showcase, d as StakeSprite, z as withAlpha };

package/dist/utils/gameCardUtils.d.ts

@@ -1,4 +1,4 @@
-import { type SpritePos } from "../sprites/spriteData.js";
+import { SpritePos } from '../sprites/spriteData.js';
 export declare function getStandardCardPosition(rank: string, suit: string): SpritePos;
 export declare function getSealPosition(seal: string): SpritePos | undefined;
 export declare function getEnhancerPosition(modifiers: string[]): SpritePos;

package/dist/utils/jamlVisualFilter.d.ts

@@ -1,9 +1,3 @@
-/**
- * Utilities for converting between JAML text and JamlVisualFilter.
- *
- * Intentionally does NOT depend on a YAML library — uses the same
- * line-by-line approach as jamlMapPreview.ts to stay zero-dep.
- */
-import type { JamlVisualFilter } from "../components/JamlIdeVisual.js";
+import { JamlVisualFilter } from '../components/JamlIdeVisual.js';
 export declare function jamlTextToVisualFilter(text: string): JamlVisualFilter;
 export declare function visualFilterToJamlText(filter: JamlVisualFilter): string;

package/package.json

@@ -1,38 +1,28 @@
 {
   "name": "jaml-ui",
-  "version": "0.24.20",
+  "version": "0.25.2",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
     "./ui": {
-      "import": "./dist/ui.js",
-      "require": "./dist/ui.js",
       "types": "./dist/ui.d.ts",
       "default": "./dist/ui.js"
     },
     "./core": {
-      "import": "./dist/core.js",
-      "require": "./dist/core.js",
       "types": "./dist/core.d.ts",
       "default": "./dist/core.js"
     },
     "./motely": {
-      "import": "./dist/motely.js",
-      "require": "./dist/motely.js",
       "types": "./dist/motely.d.ts",
       "default": "./dist/motely.js"
     },
     "./r3f": {
-      "import": "./dist/r3f.js",
-      "require": "./dist/r3f.js",
       "types": "./dist/r3f.d.ts",
       "default": "./dist/r3f.js"
     },
@@ -57,8 +47,7 @@
     "LICENSE"
   ],
   "engines": {
-    "node": ">=18",
-    "pnpm": ">=10"
+    "node": ">=18"
   },
   "publishConfig": {
     "access": "public"
@@ -86,7 +75,6 @@
     "@react-spring/three": ">=9.0.0",
     "@react-three/drei": ">=9.0.0",
     "@react-three/fiber": ">=8.0.0",
-    "motely-wasm": "^15.1.3",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-icons": ">=5.0.0",
@@ -99,9 +87,6 @@
     "@react-three/fiber": {
       "optional": true
     },
-    "motely-wasm": {
-      "optional": true
-    },
     "react-icons": {
       "optional": true
     },
@@ -115,6 +100,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.2",
     "@eslint/js": "^10.0.1",
+    "@google/design.md": "^0.1.1",
     "@react-spring/three": "^10.0.3",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.6.1",
@@ -123,10 +109,10 @@
     "@storybook/addon-onboarding": "^10.3.6",
     "@storybook/addon-vitest": "^10.3.6",
     "@storybook/react-vite": "^10.3.6",
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.6.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@types/three": "^0.184.0",
+    "@types/three": "^0.184.1",
     "@vitejs/plugin-react": "^5.2.0",
     "@vitest/browser-playwright": "^4.1.5",
     "@vitest/coverage-v8": "^4.1.5",
@@ -134,7 +120,7 @@
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.6.0",
-    "motely-wasm": "^15.1.3",
+    "motely-wasm": "^15.3.0",
     "playwright": "^1.59.1",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
@@ -143,7 +129,8 @@
     "three": "^0.184.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.59.2",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
+    "vite-plugin-dts": "^5.0.0",
     "vitest": "^4.1.5"
   },
   "dependencies": {
@@ -152,22 +139,23 @@
     "@codemirror/lang-yaml": "^6.1.3",
     "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.6.0",
-    "@codemirror/view": "^6.42.0",
+    "@codemirror/view": "^6.42.1",
     "@json-render/core": "^0.18.0",
     "@lezer/highlight": "^1.2.3",
     "@types/js-yaml": "^4.0.9",
     "clsx": "^2.1.1",
     "js-yaml": "^4.1.1",
     "lucide-react": "^1.14.0",
+    "motely-wasm": "^15.3.0",
     "tailwind-merge": "^2.6.1",
     "zustand": "^5.0.13"
   },
   "scripts": {
-    "build": "tsc --pretty false && node -e \"const fs=require('fs');fs.mkdirSync('dist/ui',{recursive:true});fs.copyFileSync('src/ui/jimbo.css','dist/ui/jimbo.css');\"",
-    "dev": "tsc --watch",
+    "build": "vite build",
+    "dev": "vite build --watch",
     "demo": "vite --config demo/vite.config.ts",
     "typecheck": "tsc --noEmit --pretty false",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 3141",
     "build-storybook": "storybook build",
     "lint": "eslint ."
   }

package/dist/assets.js

@@ -1,48 +0,0 @@
-export const JAML_ASSET_FILES = {
-    deck: "8BitDeck.png",
-    blinds: "BlindChips.png",
-    boosters: "Boosters.png",
-    editions: "Editions.png",
-    enhancers: "Enhancers.png",
-    jokers: "Jokers.png",
-    tarots: "Tarots.png",
-    vouchers: "Vouchers.png",
-    stickers: "stickers.png",
-    tags: "tags.png",
-    stakes: "balatro-stake-chips.png",
-    font: "fonts/m6x11plusplus.otf",
-};
-const assetKeyByFileName = Object.fromEntries(Object.entries(JAML_ASSET_FILES).map(([key, fileName]) => [fileName, key]));
-const defaultAssetUrls = Object.fromEntries(Object.entries(JAML_ASSET_FILES).map(([key, fileName]) => [key, new URL(`../assets/${fileName}`, import.meta.url).href]));
-let customAssetBaseUrl = null;
-function normalizeBaseUrl(baseUrl) {
-    return baseUrl.endsWith("/") ? baseUrl : `${baseUrl}/`;
-}
-// `new URL(file, base)` requires `base` to be absolute. weejoker.app passes
-// "/assets" (relative path), so we fall back to string concatenation for that case.
-function joinAssetUrl(baseUrl, fileName) {
-    const normalized = normalizeBaseUrl(baseUrl);
-    if (/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(normalized) || normalized.startsWith("//")) {
-        return new URL(fileName, normalized).href;
-    }
-    return `${normalized}${fileName}`;
-}
-export function setJamlAssetBaseUrl(baseUrl) {
-    if (baseUrl == null) {
-        customAssetBaseUrl = null;
-        return;
-    }
-    const trimmed = baseUrl.trim();
-    customAssetBaseUrl = trimmed.length === 0 ? null : normalizeBaseUrl(trimmed);
-}
-export function resolveJamlAssetUrl(asset) {
-    const assetKey = asset in JAML_ASSET_FILES
-        ? asset
-        : assetKeyByFileName[asset];
-    if (!assetKey) {
-        throw new Error(`Unknown Jaml asset '${asset}'.`);
-    }
-    return customAssetBaseUrl
-        ? joinAssetUrl(customAssetBaseUrl, JAML_ASSET_FILES[assetKey])
-        : defaultAssetUrls[assetKey];
-}