jaml-ui 0.14.0 → 0.14.2

package/assets/Balatro Seed Curator (DesignsV2)/Assets/Decks/playing_cards_metadata.json

@@ -4,71 +4,246 @@
   "spriteHeight": 190,
   "columns": 13,
   "rows": 4,
-  "description": "Playing card face patterns to overlay on enhancement cards",
+  "description": "Standard card face patterns to overlay on enhancement cards",
   "layout": {
-    "suits": ["Hearts", "Clubs", "Diamonds", "Spades"],
-    "ranks": ["2", "3", "4", "5", "6", "7", "8", "9", "10", "Jack", "Queen", "King", "Ace"]
+    "suits": [
+      "Hearts",
+      "Clubs",
+      "Diamonds",
+      "Spades"
+    ],
+    "ranks": [
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "Jack",
+      "Queen",
+      "King",
+      "Ace"
+    ]
   },
   "sprites": {
     "Hearts": {
-      "2": { "x": 0, "y": 0 },
-      "3": { "x": 1, "y": 0 },
-      "4": { "x": 2, "y": 0 },
-      "5": { "x": 3, "y": 0 },
-      "6": { "x": 4, "y": 0 },
-      "7": { "x": 5, "y": 0 },
-      "8": { "x": 6, "y": 0 },
-      "9": { "x": 7, "y": 0 },
-      "10": { "x": 8, "y": 0 },
-      "Jack": { "x": 9, "y": 0 },
-      "Queen": { "x": 10, "y": 0 },
-      "King": { "x": 11, "y": 0 },
-      "Ace": { "x": 12, "y": 0 }
+      "2": {
+        "x": 0,
+        "y": 0
+      },
+      "3": {
+        "x": 1,
+        "y": 0
+      },
+      "4": {
+        "x": 2,
+        "y": 0
+      },
+      "5": {
+        "x": 3,
+        "y": 0
+      },
+      "6": {
+        "x": 4,
+        "y": 0
+      },
+      "7": {
+        "x": 5,
+        "y": 0
+      },
+      "8": {
+        "x": 6,
+        "y": 0
+      },
+      "9": {
+        "x": 7,
+        "y": 0
+      },
+      "10": {
+        "x": 8,
+        "y": 0
+      },
+      "Jack": {
+        "x": 9,
+        "y": 0
+      },
+      "Queen": {
+        "x": 10,
+        "y": 0
+      },
+      "King": {
+        "x": 11,
+        "y": 0
+      },
+      "Ace": {
+        "x": 12,
+        "y": 0
+      }
     },
     "Clubs": {
-      "2": { "x": 0, "y": 1 },
-      "3": { "x": 1, "y": 1 },
-      "4": { "x": 2, "y": 1 },
-      "5": { "x": 3, "y": 1 },
-      "6": { "x": 4, "y": 1 },
-      "7": { "x": 5, "y": 1 },
-      "8": { "x": 6, "y": 1 },
-      "9": { "x": 7, "y": 1 },
-      "10": { "x": 8, "y": 1 },
-      "Jack": { "x": 9, "y": 1 },
-      "Queen": { "x": 10, "y": 1 },
-      "King": { "x": 11, "y": 1 },
-      "Ace": { "x": 12, "y": 1 }
+      "2": {
+        "x": 0,
+        "y": 1
+      },
+      "3": {
+        "x": 1,
+        "y": 1
+      },
+      "4": {
+        "x": 2,
+        "y": 1
+      },
+      "5": {
+        "x": 3,
+        "y": 1
+      },
+      "6": {
+        "x": 4,
+        "y": 1
+      },
+      "7": {
+        "x": 5,
+        "y": 1
+      },
+      "8": {
+        "x": 6,
+        "y": 1
+      },
+      "9": {
+        "x": 7,
+        "y": 1
+      },
+      "10": {
+        "x": 8,
+        "y": 1
+      },
+      "Jack": {
+        "x": 9,
+        "y": 1
+      },
+      "Queen": {
+        "x": 10,
+        "y": 1
+      },
+      "King": {
+        "x": 11,
+        "y": 1
+      },
+      "Ace": {
+        "x": 12,
+        "y": 1
+      }
     },
     "Diamonds": {
-      "2": { "x": 0, "y": 2 },
-      "3": { "x": 1, "y": 2 },
-      "4": { "x": 2, "y": 2 },
-      "5": { "x": 3, "y": 2 },
-      "6": { "x": 4, "y": 2 },
-      "7": { "x": 5, "y": 2 },
-      "8": { "x": 6, "y": 2 },
-      "9": { "x": 7, "y": 2 },
-      "10": { "x": 8, "y": 2 },
-      "Jack": { "x": 9, "y": 2 },
-      "Queen": { "x": 10, "y": 2 },
-      "King": { "x": 11, "y": 2 },
-      "Ace": { "x": 12, "y": 2 }
+      "2": {
+        "x": 0,
+        "y": 2
+      },
+      "3": {
+        "x": 1,
+        "y": 2
+      },
+      "4": {
+        "x": 2,
+        "y": 2
+      },
+      "5": {
+        "x": 3,
+        "y": 2
+      },
+      "6": {
+        "x": 4,
+        "y": 2
+      },
+      "7": {
+        "x": 5,
+        "y": 2
+      },
+      "8": {
+        "x": 6,
+        "y": 2
+      },
+      "9": {
+        "x": 7,
+        "y": 2
+      },
+      "10": {
+        "x": 8,
+        "y": 2
+      },
+      "Jack": {
+        "x": 9,
+        "y": 2
+      },
+      "Queen": {
+        "x": 10,
+        "y": 2
+      },
+      "King": {
+        "x": 11,
+        "y": 2
+      },
+      "Ace": {
+        "x": 12,
+        "y": 2
+      }
     },
     "Spades": {
-      "2": { "x": 0, "y": 3 },
-      "3": { "x": 1, "y": 3 },
-      "4": { "x": 2, "y": 3 },
-      "5": { "x": 3, "y": 3 },
-      "6": { "x": 4, "y": 3 },
-      "7": { "x": 5, "y": 3 },
-      "8": { "x": 6, "y": 3 },
-      "9": { "x": 7, "y": 3 },
-      "10": { "x": 8, "y": 3 },
-      "Jack": { "x": 9, "y": 3 },
-      "Queen": { "x": 10, "y": 3 },
-      "King": { "x": 11, "y": 3 },
-      "Ace": { "x": 12, "y": 3 }
+      "2": {
+        "x": 0,
+        "y": 3
+      },
+      "3": {
+        "x": 1,
+        "y": 3
+      },
+      "4": {
+        "x": 2,
+        "y": 3
+      },
+      "5": {
+        "x": 3,
+        "y": 3
+      },
+      "6": {
+        "x": 4,
+        "y": 3
+      },
+      "7": {
+        "x": 5,
+        "y": 3
+      },
+      "8": {
+        "x": 6,
+        "y": 3
+      },
+      "9": {
+        "x": 7,
+        "y": 3
+      },
+      "10": {
+        "x": 8,
+        "y": 3
+      },
+      "Jack": {
+        "x": 9,
+        "y": 3
+      },
+      "Queen": {
+        "x": 10,
+        "y": 3
+      },
+      "King": {
+        "x": 11,
+        "y": 3
+      },
+      "Ace": {
+        "x": 12,
+        "y": 3
+      }
     }
   }
 }

package/dist/components/AnalyzerExplorer.js

@@ -140,9 +140,10 @@ const styles = {
         flexDirection: "column",
         height: "100%",
         minHeight: 0,
+        fontFamily: "m6x11plus, monospace",
     },
     highlightSection: {
-        padding: "10px 16px 8px",
+        padding: "6px 8px",
         borderBottom: "1px solid #1a1a34",
         background: "#0f0f22",
     },
@@ -150,14 +151,14 @@ const styles = {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        gap: 12,
-        marginBottom: 8,
+        gap: 8,
+        marginBottom: 4,
     },
     highlightTitle: {
-        fontSize: 11,
+        fontSize: 12,
         color: "#6f6fa1",
         textTransform: "uppercase",
-        letterSpacing: "0.08em",
+        letterSpacing: "0.05em",
     },
     highlightSubtitle: {
         fontSize: 11,
@@ -165,32 +166,32 @@ const styles = {
     },
     highlightRail: {
         display: "flex",
-        gap: 10,
+        gap: 6,
         overflowX: "auto",
-        paddingBottom: 4,
+        paddingBottom: 2,
         scrollSnapType: "x mandatory",
     },
     highlightCard: {
-        minWidth: 150,
-        maxWidth: 150,
+        minWidth: 120,
+        maxWidth: 120,
         display: "flex",
         flexDirection: "column",
-        gap: 6,
-        padding: 8,
-        borderRadius: 12,
+        gap: 4,
+        padding: 4,
+        borderRadius: 8,
         border: "1px solid #2a2a55",
         background: "#131326",
         scrollSnapAlign: "center",
         cursor: "pointer",
     },
     highlightCardActive: {
-        minWidth: 150,
-        maxWidth: 150,
+        minWidth: 120,
+        maxWidth: 120,
         display: "flex",
         flexDirection: "column",
-        gap: 6,
-        padding: 8,
-        borderRadius: 12,
+        gap: 4,
+        padding: 4,
+        borderRadius: 8,
         border: "1px solid rgba(245,200,66,0.45)",
         background: "rgba(245,200,66,0.08)",
         scrollSnapAlign: "center",
@@ -200,25 +201,23 @@ const styles = {
         display: "flex",
         justifyContent: "center",
         alignItems: "flex-start",
-        minHeight: 88,
+        minHeight: 80,
     },
     highlightMeta: {
         display: "flex",
         flexDirection: "column",
-        gap: 3,
+        gap: 2,
         alignItems: "flex-start",
     },
     highlightAnte: {
-        fontSize: 10,
+        fontSize: 11,
         color: "#a855f7",
-        fontWeight: 700,
         textTransform: "uppercase",
-        letterSpacing: "0.08em",
+        letterSpacing: "0.05em",
     },
     highlightLabel: {
-        fontSize: 12,
+        fontSize: 13,
         color: "#ececff",
-        fontWeight: 700,
         lineHeight: 1.2,
         textAlign: "left",
     },
@@ -232,32 +231,30 @@ const styles = {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        gap: 12,
-        padding: "8px 16px",
+        gap: 8,
+        padding: "4px 8px",
         background: "#0f0f22",
         borderBottom: "1px solid #1a1a34",
     },
     navButton: {
         background: "none",
         border: "1px solid #2a2a55",
-        borderRadius: 6,
+        borderRadius: 4,
         color: "#9898c0",
         fontSize: 14,
-        padding: "4px 10px",
+        padding: "2px 8px",
         cursor: "pointer",
     },
     navLabel: {
-        fontSize: 12,
-        fontWeight: 700,
+        fontSize: 13,
         color: "#a855f7",
         textTransform: "uppercase",
-        letterSpacing: "0.08em",
-        minWidth: 130,
+        letterSpacing: "0.05em",
+        minWidth: 110,
         textAlign: "center",
     },
     navSubLabel: {
         color: "#5a5a88",
-        fontWeight: 500,
         textTransform: "none",
         letterSpacing: "normal",
         fontSize: 11,
@@ -275,80 +272,76 @@ const styles = {
         scrollSnapStop: "always",
         minHeight: "100%",
         boxSizing: "border-box",
-        paddingBottom: 16,
+        paddingBottom: 8,
         borderBottom: "1px solid #1a1a34",
     },
     anteSection: {
-        paddingBottom: 8,
+        paddingBottom: 4,
     },
     anteHeader: {
         display: "flex",
         alignItems: "center",
-        gap: 12,
-        padding: "8px 16px",
+        gap: 8,
+        padding: "6px 8px",
     },
     anteHeading: {
-        fontSize: 12,
-        fontWeight: 700,
+        fontSize: 14,
         color: "#a855f7",
         textTransform: "uppercase",
-        letterSpacing: "0.1em",
+        letterSpacing: "0.05em",
     },
     bossRow: {
         display: "flex",
         alignItems: "center",
-        gap: 6,
+        gap: 4,
     },
     bossName: {
-        fontSize: 13,
+        fontSize: 14,
         color: "#e84040",
-        fontWeight: 600,
     },
     row: {
-        padding: "4px 16px 8px",
+        padding: "2px 8px 4px",
     },
     rowLabel: {
-        fontSize: 10,
+        fontSize: 11,
         color: "#5a5a88",
         textTransform: "uppercase",
-        letterSpacing: "0.07em",
-        marginBottom: 6,
+        letterSpacing: "0.05em",
+        marginBottom: 4,
     },
     cardFlow: {
         display: "flex",
         flexWrap: "wrap",
-        gap: 8,
+        gap: 6,
         alignItems: "flex-start",
     },
     denseGrid: {
         display: "grid",
-        gridTemplateColumns: "repeat(auto-fit, minmax(82px, 1fr))",
-        gap: 8,
+        gridTemplateColumns: "repeat(auto-fit, minmax(70px, 1fr))",
+        gap: 6,
         alignItems: "start",
     },
     compactCard: {
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
-        gap: 4,
-        minWidth: 62,
+        gap: 2,
+        minWidth: 50,
     },
     compactLabel: {
-        padding: "2px 6px",
+        padding: "1px 4px",
         borderRadius: 999,
         background: "#18182e",
         color: "#7f7fa7",
         border: "1px solid #2a2a55",
-        fontSize: 9,
-        fontWeight: 700,
+        fontSize: 11,
         textTransform: "uppercase",
-        letterSpacing: "0.05em",
     },
     itemCard: {
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
-        gap: 4,
+        gap: 2,
         width: "100%",
         minWidth: 0,
     },
@@ -356,96 +349,88 @@ const styles = {
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
-        gap: 4,
+        gap: 2,
         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)",
+        padding: "2px",
+        borderRadius: 8,
+        border: "1px solid rgba(245,200,66,0.6)",
+        background: "rgba(245,200,66,0.15)",
     },
     itemText: {
-        fontSize: 10,
+        fontSize: 11,
         color: "#8e8eb6",
         textAlign: "center",
-        lineHeight: 1.2,
+        lineHeight: 1.1,
         maxWidth: 84,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
     },
     itemDetail: {
-        fontSize: 10,
+        fontSize: 11,
         color: "#d8d8ea",
         textAlign: "center",
-        lineHeight: 1.2,
+        lineHeight: 1.1,
     },
     badgeRow: {
         display: "flex",
         flexWrap: "wrap",
-        gap: 4,
+        gap: 2,
         justifyContent: "center",
     },
     badge: {
-        padding: "2px 6px",
+        padding: "1px 4px",
         borderRadius: 999,
         background: "#202043",
         color: "#c7c7ef",
         border: "1px solid #35356d",
-        fontSize: 9,
-        fontWeight: 700,
+        fontSize: 11,
         textTransform: "uppercase",
-        letterSpacing: "0.05em",
     },
     badgeAccent: {
-        padding: "2px 6px",
+        padding: "1px 4px",
         borderRadius: 999,
         background: "rgba(245,200,66,0.2)",
         color: "#f5c842",
         border: "1px solid rgba(245,200,66,0.35)",
-        fontSize: 9,
-        fontWeight: 700,
+        fontSize: 11,
         textTransform: "uppercase",
-        letterSpacing: "0.05em",
     },
     badgeMuted: {
-        padding: "2px 6px",
+        padding: "1px 4px",
         borderRadius: 999,
         background: "#18182e",
         color: "#7f7fa7",
         border: "1px solid #2a2a55",
-        fontSize: 9,
-        fontWeight: 700,
+        fontSize: 11,
         textTransform: "uppercase",
-        letterSpacing: "0.05em",
     },
     packChip: {
-        fontSize: 12,
+        fontSize: 13,
         color: "#5a5a88",
         background: "#131326",
         border: "1px solid #2a2a55",
-        borderRadius: 6,
-        padding: "4px 8px",
+        borderRadius: 4,
+        padding: "2px 6px",
     },
     factCard: {
         display: "flex",
         flexDirection: "column",
-        gap: 2,
-        minWidth: 110,
-        padding: "8px 10px",
-        borderRadius: 10,
+        gap: 1,
+        minWidth: 90,
+        padding: "4px 6px",
+        borderRadius: 6,
         background: "#131326",
         border: "1px solid #2a2a55",
     },
     factLabel: {
-        fontSize: 10,
+        fontSize: 11,
         color: "#7f7fa7",
         textTransform: "uppercase",
-        letterSpacing: "0.07em",
     },
     factValue: {
-        fontSize: 12,
+        fontSize: 13,
         color: "#ececff",
-        fontWeight: 700,
     },
 };

package/dist/components/CardFan.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RealPlayingCard } from './PlayingCard.js';
+import { RealStandardcard } from './Standardcard.js';
 import { JimboColorOption } from '../ui/tokens.js';
 import { JimboText } from '../ui/jimboText.js';
 const RANK_MAP = {
@@ -66,7 +66,7 @@ export function CardFan({ count = 0, cards, className = '', style, label, showLa
                             transform: `translateX(calc(-50% + ${xPos}px)) translateY(${yOffset}px) rotate(${rotation}deg)`,
                             transformOrigin: 'bottom center',
                             zIndex: i,
-                        }, children: _jsx(RealPlayingCard, { rank: parsed.rank, suit: parsed.suit, size: cardSize, style: { filter: `drop-shadow(0 2px 3px ${JimboColorOption.BLACK}66)` } }) }, i));
+                        }, children: _jsx(RealStandardcard, { rank: parsed.rank, suit: parsed.suit, size: cardSize, style: { filter: `drop-shadow(0 2px 3px ${JimboColorOption.BLACK}66)` } }) }, i));
                 })) : (_jsx("div", { style: {
                         display: 'flex',
                         alignItems: 'center',