@gamepark/react-game 7.7.11 → 7.7.13

package/dist/components/buttons/ThemeButton/ThemeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/ThemeButton/ThemeButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,MAAM,CAAC,MAAM,WAAW,GAAgD,CAAC,KAAK,EAAE,EAAE;IAChF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,iBAAQ,GAAG,EAAE,KAAK,CAAC,OAAO,KAAM,KAAK,GAAG,CAAA;AACjD,CAAC,CAAA"}
+{"version":3,"file":"ThemeButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/ThemeButton/ThemeButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAgD,CAAC,KAAK,EAAE,EAAE;IAChF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,iEAAiE;IACjE,kEAAkE;IAClE,OAAO,iBAAQ,GAAG,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,KAAM,KAAK,GAAG,CAAA;AACvE,CAAC,CAAA"}

package/dist/components/dialogs/Dialog.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { css, keyframes, useTheme } from '@emotion/react';
+import { css, keyframes, ThemeProvider, useTheme } from '@emotion/react';
 import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 export const Dialog = ({ children, open, backdropCss, onBackdropClick, transitionDelay = 0.3, rootId = 'root', ...props }) => {
@@ -27,8 +27,41 @@ export const Dialog = ({ children, open, backdropCss, onBackdropClick, transitio
         console.error('Dialog cannot be displayed because this element id does not exists:', rootId);
         return null;
     }
-    return createPortal(_jsx("div", { css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: event => !justDisplayed && onBackdropClick?.(event), children: _jsx("div", { onClick: event => event.stopPropagation(), css: [dialogCss, open ? (theme.dialog.openAnimation ?? dialogShow(transitionDelay)) : (theme.dialog.closeAnimation ?? dialogHide(transitionDelay)), theme.dialog.container], ...props, children: children }) }), root);
+    // Layered button styling for buttons rendered inside this dialog:
+    //   1. dialogButtonBaseCss   — structural rules (padding, font-weight,
+    //                              border-radius, ...). Always applied so
+    //                              games never lose layout when they only
+    //                              tweak colours.
+    //   2. theme.buttons         — game-wide button recipe override.
+    //   3. theme.dialog.buttons  — dialog-specific override.
+    // Falls back to onSurfaceButtonCss visuals via ThemeButton when the
+    // game does not provide any theme.buttons.
+    const resolvedDialogButtonsCss = [dialogButtonBaseCss, theme.buttons, theme.dialog.buttons];
+    const dialogContent = (_jsx("div", { onClick: event => event.stopPropagation(), css: [dialogCss, open ? (theme.dialog.openAnimation ?? dialogShow(transitionDelay)) : (theme.dialog.closeAnimation ?? dialogHide(transitionDelay)), theme.dialog.container], ...props, children: children }));
+    return createPortal(_jsx("div", { css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: event => !justDisplayed && onBackdropClick?.(event), children: _jsx(ThemeProvider, { theme: t => ({ ...t, buttons: resolvedDialogButtonsCss }), children: dialogContent }) }), root);
 };
+// Structural base — applied to every button rendered inside a Dialog
+// regardless of the active theme. Games override visuals via
+// theme.buttons / theme.dialog.buttons but always inherit the
+// structural rules (padding, border-radius, cursor, ...) from here so
+// they don't have to redeclare them.
+const dialogButtonBaseCss = css `
+  cursor: pointer;
+  padding: 0.3em 0.9em;
+  border-radius: 2em;
+  border: 0.05em solid currentColor;
+  background: transparent;
+  font-weight: 600;
+
+  &:focus { outline: none; }
+
+  &:disabled {
+    color: #555555;
+    border-color: #555555;
+    cursor: auto;
+    opacity: 0.5;
+  }
+`;
 const fadeIn = keyframes `
   from {
     opacity: 0;

package/dist/components/dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialogs/RulesDialog/BottomBarNavigation.js

@@ -6,10 +6,10 @@ import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useTranslation } from 'react-i18next';
 export const BottomBarNavigation = ({ onPrevious, onNext, currentIndex, total }) => {
-    const { t } = useTranslation();
+    const { t } = useTranslation('common');
     const theme = useTheme();
     const primary = theme.palette.primary;
-    return (_jsxs("div", { css: [barCss(primary), theme.dialog.navigationCss], children: [_jsxs("button", { css: btnCss(primary), onClick: onPrevious, disabled: !onPrevious, children: [_jsx(FontAwesomeIcon, { icon: faChevronLeft, css: iconCss }), _jsx("span", { children: t('Previous', 'common') })] }), _jsxs("div", { css: counterCss, children: [_jsx("div", { css: dotsCss, children: Array.from({ length: Math.min(total, 8) }, (_, i) => (_jsx("div", { css: [dotCss(primary), i === Math.min(currentIndex, 7) && activeDotCss(primary)] }, i))) }), _jsxs("span", { children: [currentIndex + 1, " / ", total] })] }), _jsxs("button", { css: btnCss(primary), onClick: onNext, disabled: !onNext, children: [_jsx("span", { children: t('Next', 'common') }), _jsx(FontAwesomeIcon, { icon: faChevronRight, css: iconCss })] })] }));
+    return (_jsxs("div", { css: [barCss(primary), theme.dialog.navigationCss], children: [_jsxs("button", { css: btnCss(primary), onClick: onPrevious, disabled: !onPrevious, children: [_jsx(FontAwesomeIcon, { icon: faChevronLeft, css: iconCss }), _jsx("span", { children: t('nav.previous') })] }), _jsxs("div", { css: counterCss, children: [_jsx("div", { css: dotsCss, children: Array.from({ length: Math.min(total, 8) }, (_, i) => (_jsx("div", { css: [dotCss(primary), i === Math.min(currentIndex, 7) && activeDotCss(primary)] }, i))) }), _jsxs("span", { children: [currentIndex + 1, " / ", total] })] }), _jsxs("button", { css: btnCss(primary), onClick: onNext, disabled: !onNext, children: [_jsx("span", { children: t('nav.next') }), _jsx(FontAwesomeIcon, { icon: faChevronRight, css: iconCss })] })] }));
 };
 const barCss = (primary) => css `
   display: flex;

package/dist/components/dialogs/RulesDialog/BottomBarNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomBarNavigation.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/BottomBarNavigation.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,MAAM,CAAC,MAAM,mBAAmB,GAA8B,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAA;IACrC,OAAO,CACL,eAAK,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,aACrD,kBAAQ,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,UAAU,aACtE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,GAAG,EACrD,yBAAO,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAQ,IAC/B,EACT,eAAK,GAAG,EAAE,UAAU,aAClB,cAAK,GAAG,EAAE,OAAO,YACd,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpD,cAAa,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,IAAnF,CAAC,CAAqF,CACjG,CAAC,GACE,EACN,2BAAO,YAAY,GAAG,CAAC,SAAK,KAAK,IAAQ,IACrC,EACN,kBAAQ,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,MAAM,aAC9D,yBAAO,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAQ,EAClC,KAAC,eAAe,IAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,GAAG,IAC/C,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;6CAMM,OAAO;2DACO,OAAO;CACjE,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;WAS5B,OAAO;;2CAEyB,OAAO;;;;;qCAKb,OAAO;oBACxB,OAAO;;;;qCAIU,OAAO;;;;;;;CAO3C,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;CAElB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;CAQrB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;CAGlB,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;;;;mCAIJ,OAAO;;CAEzC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;gBAC7B,OAAO;;;CAGtB,CAAA"}
+{"version":3,"file":"BottomBarNavigation.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/BottomBarNavigation.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,MAAM,CAAC,MAAM,mBAAmB,GAA8B,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAA;IACrC,OAAO,CACL,eAAK,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,aACrD,kBAAQ,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,UAAU,aACtE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,GAAG,EACrD,yBAAO,CAAC,CAAC,cAAc,CAAC,GAAQ,IACzB,EACT,eAAK,GAAG,EAAE,UAAU,aAClB,cAAK,GAAG,EAAE,OAAO,YACd,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpD,cAAa,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,IAAnF,CAAC,CAAqF,CACjG,CAAC,GACE,EACN,2BAAO,YAAY,GAAG,CAAC,SAAK,KAAK,IAAQ,IACrC,EACN,kBAAQ,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,MAAM,aAC9D,yBAAO,CAAC,CAAC,UAAU,CAAC,GAAQ,EAC5B,KAAC,eAAe,IAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,GAAG,IAC/C,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;6CAMM,OAAO;2DACO,OAAO;CACjE,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;WAS5B,OAAO;;2CAEyB,OAAO;;;;;qCAKb,OAAO;oBACxB,OAAO;;;;qCAIU,OAAO;;;;;;;CAO3C,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;CAElB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;CAQrB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;CAGlB,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;;;;mCAIJ,OAAO;;CAEzC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,GAAG,CAAA;gBAC7B,OAAO;;;CAGtB,CAAA"}

package/dist/components/dialogs/RulesDialog/RulesDialog.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css, ThemeProvider, useTheme } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { onSurfaceButtonCss } from '../../../css';
 import { Dialog } from '../index';
 export const RulesDialog = ({ close, children, ...props }) => {
     const theme = useTheme();
     const CloseButton = theme.dialog.closeButton;
-    return (_jsxs(Dialog, { onBackdropClick: close, css: dialogCss, ...props, children: [close && (CloseButton ? _jsx(CloseButton, { onClick: close }) : _jsx(FontAwesomeIcon, { icon: faXmark, css: [dialogCloseIcon, theme.dialog.closeIcon], onClick: close })), _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: onSurfaceButtonCss }), children: children })] }));
+    return (_jsxs(Dialog, { onBackdropClick: close, css: dialogCss, ...props, children: [close && (CloseButton ? _jsx(CloseButton, { onClick: close }) : _jsx(FontAwesomeIcon, { icon: faXmark, css: [dialogCloseIcon, theme.dialog.closeIcon], onClick: close })), children] }));
 };
 const dialogCss = css `
   max-width: 90vw;

package/dist/components/dialogs/RulesDialog/RulesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACnG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAA;IAC5C,OAAO,CACL,MAAC,MAAM,IAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,KAAM,KAAK,aACtD,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAC5J,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,YACvE,QAAQ,GACK,IACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;CAO1B,CAAA"}
+{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACnG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAA;IAC5C,OAAO,CACL,MAAC,MAAM,IAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,KAAM,KAAK,aACtD,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAC3J,QAAQ,IACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;CAO1B,CAAA"}

package/dist/components/material/Dices/OctahedralDiceDescription.d.ts

@@ -0,0 +1,48 @@
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { MaterialItem } from '@gamepark/rules-api';
+import { ItemContext } from '../../../locators';
+import { MaterialContentProps } from '../MaterialDescription';
+import { MobileMaterialDescription } from '../MobileMaterialDescription';
+/**
+ * 8-faced (octahedral) dice with CSS 3D transforms.
+ *
+ * The `images` array must contain exactly 8 images, one per face:
+ *
+ *   - **images[0–3]**: top faces (triangles pointing up)
+ *   - **images[4–7]**: bottom faces (triangles pointing down)
+ *
+ * Within each half, faces are arranged by cardinal direction:
+ *
+ *   | Index | Half   | Direction |
+ *   |-------|--------|-----------|
+ *   |   0   |  top   |  front    |
+ *   |   1   |  top   |  right    |
+ *   |   2   |  top   |  back     |
+ *   |   3   |  top   |  left     |
+ *   |   4   | bottom |  front    |
+ *   |   5   | bottom |  right    |
+ *   |   6   | bottom |  back     |
+ *   |   7   | bottom |  left     |
+ *
+ * `location.rotation` (0–7) selects which face is shown on top.
+ * Top face images should have their symbol shifted toward the base of the triangle (centroid offset).
+ * Bottom face images should be rotated 180° with the symbol shifted the opposite way.
+ */
+export declare abstract class OctahedralDiceDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MobileMaterialDescription<P, M, L, ItemId> {
+    width: number;
+    ratio: number;
+    borderRadius: number;
+    color: string;
+    abstract images: string[] | Record<any, string[]>;
+    /** Set to true to display face index labels (0-7) for debugging */
+    debugFaceLabels: boolean;
+    private get tz();
+    getImages(): string[];
+    getDiceImages(itemId: ItemId): string[];
+    getColor(_itemId: ItemId): string;
+    content: ({ itemId, highlight, preview, playDown }: MaterialContentProps<ItemId>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    getItemTransform(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): string[];
+    getRotations(item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): string[];
+    getHelpDisplayExtraCss(item: Partial<MaterialItem<P, L>>, context: ItemContext<P, M, L>): Interpolation<Theme>;
+}

package/dist/components/material/Dices/OctahedralDiceDescription.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { range } from 'es-toolkit';
+import { backgroundCss, shadowEffect, shineEffect, transformCss } from '../../../css';
+import { MobileMaterialDescription } from '../MobileMaterialDescription';
+const TILT = 35.26; // 90 - arctan(sqrt(2)) in degrees
+const TZ_RATIO = 0.2562; // translateZ / width ratio for octahedron
+/**
+ * 8-faced (octahedral) dice with CSS 3D transforms.
+ *
+ * The `images` array must contain exactly 8 images, one per face:
+ *
+ *   - **images[0–3]**: top faces (triangles pointing up)
+ *   - **images[4–7]**: bottom faces (triangles pointing down)
+ *
+ * Within each half, faces are arranged by cardinal direction:
+ *
+ *   | Index | Half   | Direction |
+ *   |-------|--------|-----------|
+ *   |   0   |  top   |  front    |
+ *   |   1   |  top   |  right    |
+ *   |   2   |  top   |  back     |
+ *   |   3   |  top   |  left     |
+ *   |   4   | bottom |  front    |
+ *   |   5   | bottom |  right    |
+ *   |   6   | bottom |  back     |
+ *   |   7   | bottom |  left     |
+ *
+ * `location.rotation` (0–7) selects which face is shown on top.
+ * Top face images should have their symbol shifted toward the base of the triangle (centroid offset).
+ * Bottom face images should be rotated 180° with the symbol shifted the opposite way.
+ */
+export class OctahedralDiceDescription extends MobileMaterialDescription {
+    width = 2;
+    ratio = 1;
+    borderRadius = 0;
+    color = '#222222';
+    /** Set to true to display face index labels (0-7) for debugging */
+    debugFaceLabels = false;
+    get tz() { return this.width * TZ_RATIO; }
+    getImages() {
+        return Array.isArray(this.images) ? this.images : Object.values(this.images).flat();
+    }
+    getDiceImages(itemId) {
+        return Array.isArray(this.images) ? this.images : this.images[itemId];
+    }
+    getColor(_itemId) {
+        return this.color;
+    }
+    content = ({ itemId, highlight, preview, playDown = preview }) => {
+        const images = this.getDiceImages(itemId);
+        const w = this.width;
+        const tz = this.tz;
+        const sideCss = css `
+      position: absolute;
+      width: ${w}em;
+      height: ${w}em;
+      backface-visibility: hidden;
+    `;
+        const diamondTopCss = css `
+      display: block;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      backface-visibility: hidden;
+      transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
+      filter: drop-shadow(0 0 0.03em rgba(0, 0, 0, 0.5));
+    `;
+        const diamondBottomCss = css `
+      display: block;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      backface-visibility: hidden;
+      transform: translateY(-50%) rotate(30deg) skewY(30deg) scaleX(0.866);
+      filter: drop-shadow(0 0 0.03em rgba(0, 0, 0, 0.5));
+    `;
+        const contentTopCss = css `
+      display: block;
+      width: 100%;
+      height: 100%;
+      backface-visibility: hidden;
+      background-color: ${this.getColor(itemId)};
+      transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-50%);
+    `;
+        const contentBottomCss = css `
+      display: block;
+      width: 100%;
+      height: 100%;
+      backface-visibility: hidden;
+      background-color: ${this.getColor(itemId)};
+      transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(50%);
+    `;
+        const faceLabelCss = this.debugFaceLabels ? css `
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: ${w * 0.3}em;
+      font-weight: bold;
+      color: red;
+      pointer-events: none;
+      z-index: 1;
+    ` : undefined;
+        return _jsx(_Fragment, { children: range(8).map((_, index) => {
+                const yRot = (index % 4) * 90;
+                // Bottom faces are offset by 180° so that rotateX(180deg) brings face N to the top
+                const bottomYRot = ((index % 4) * 90 + 180) % 360;
+                const sideTransform = index < 4
+                    ? transformCss(index > 0 ? `rotateY(${yRot}deg)` : undefined, `rotateX(${TILT}deg)`, `translateZ(${tz}em)`)
+                    : transformCss(`translateY(52%)`, bottomYRot > 0 ? `rotateY(${bottomYRot}deg)` : undefined, `rotateX(${-TILT}deg)`, `translateZ(${tz}em)`);
+                return _jsx("div", { css: [sideCss, sideTransform], children: _jsx("div", { css: index < 4 ? diamondTopCss : diamondBottomCss, children: _jsx("div", { css: [
+                                index < 4 ? contentTopCss : contentBottomCss,
+                                backgroundCss(images[index]),
+                                highlight ? shineEffect : playDown && shadowEffect
+                            ], children: faceLabelCss && _jsx("span", { css: faceLabelCss, children: index }) }) }) }, index);
+            }) });
+    };
+    getItemTransform(item, context) {
+        return super.getItemTransform(item, context).concat(`translateZ(${this.tz}em)`, ...this.getRotations(item, context));
+    }
+    getRotations(item, _context) {
+        switch (item.location.rotation) {
+            case 0: return [];
+            case 1: return ['rotateY(-90deg)'];
+            case 2: return ['rotateY(-180deg)'];
+            case 3: return ['rotateY(90deg)'];
+            case 4: return ['rotateX(180deg)'];
+            case 5: return ['rotateX(180deg)', 'rotateY(90deg)'];
+            case 6: return ['rotateX(180deg)', 'rotateY(180deg)'];
+            case 7: return ['rotateX(180deg)', 'rotateY(-90deg)'];
+            default: return [];
+        }
+    }
+    getHelpDisplayExtraCss(item, context) {
+        return item.location && [transformCss(...this.getRotations(item, context)), css `
+      margin: ${this.width / 4}em;
+    `];
+    }
+}
+//# sourceMappingURL=OctahedralDiceDescription.js.map

package/dist/components/material/Dices/OctahedralDiceDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OctahedralDiceDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Dices/OctahedralDiceDescription.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/GameTable/DevToolEntry.d.ts

@@ -0,0 +1,17 @@
+/** @jsxImportSource @emotion/react */
+import { FC, ReactNode } from 'react';
+/**
+ * A single entry in the DevToolsHub panel.
+ * Use this instead of raw `<button>` when adding custom tools via `children`.
+ *
+ * @example
+ * <DevToolsHub>
+ *   <DevToolEntry icon="✦" label="Card Viewer" desc="Browse agents" onClick={() => setShowCards(true)} />
+ * </DevToolsHub>
+ */
+export declare const DevToolEntry: FC<{
+    icon: ReactNode;
+    label: string;
+    desc?: string;
+    onClick?: () => void;
+}>;

package/dist/components/material/GameTable/DevToolEntry.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { devToolBtnCss, devToolIconCss, devToolLabelCss, devToolDescCss } from './DevToolsStyles';
+/**
+ * A single entry in the DevToolsHub panel.
+ * Use this instead of raw `<button>` when adding custom tools via `children`.
+ *
+ * @example
+ * <DevToolsHub>
+ *   <DevToolEntry icon="✦" label="Card Viewer" desc="Browse agents" onClick={() => setShowCards(true)} />
+ * </DevToolsHub>
+ */
+export const DevToolEntry = ({ icon, label, desc, onClick }) => (_jsxs("button", { css: devToolBtnCss, onClick: onClick, children: [_jsx("span", { css: devToolIconCss, children: icon }), _jsx("span", { css: devToolLabelCss, children: label }), desc && _jsx("span", { css: devToolDescCss, children: desc })] }));
+//# sourceMappingURL=DevToolEntry.js.map

package/dist/components/material/GameTable/DevToolEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolEntry.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/DevToolEntry.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjG;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAKpB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvC,kBAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,aAC1C,eAAM,GAAG,EAAE,cAAc,YAAG,IAAI,GAAQ,EACxC,eAAM,GAAG,EAAE,eAAe,YAAG,KAAK,GAAQ,EACzC,IAAI,IAAI,eAAM,GAAG,EAAE,cAAc,YAAG,IAAI,GAAQ,IAC1C,CACV,CAAA"}

package/dist/components/material/GameTable/DevTools/BotTool.js

@@ -1,9 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-import { useState } from 'react';
+import { useContext, useState } from 'react';
+import { gameContext } from '../../../GameProvider/GameContext';
 import { activeIndicatorCss, toolBtnActiveCss, toolBtnCss, toolDescCss, toolIconCss, toolLabelCss } from './devtools.css';
+/* Reads the persisted `monkeyOpponents` flag from localStorage on
+ * mount — the GameLocalAPI stores its whole localStore there, keyed
+ * by the game name. That way the toggle opens in sync with whatever
+ * state the bot is actually in (including reloads or toggles from
+ * the console). Clicking delegates to `g.bot()` which is the
+ * canonical alias that starts/stops the bots. */
 export const BotTool = ({ exec, g }) => {
-    const [botActive, setBotActive] = useState(false);
+    const gameName = useContext(gameContext)?.game;
+    const [botActive, setBotActive] = useState(() => {
+        if (!gameName || typeof window === 'undefined')
+            return false;
+        try {
+            const raw = window.localStorage.getItem(gameName);
+            if (!raw)
+                return false;
+            const parsed = JSON.parse(raw);
+            return !!parsed?.monkeyOpponents;
+        }
+        catch {
+            return false;
+        }
+    });
     return (_jsxs("button", { css: [toolBtnCss, botActive && toolBtnActiveCss], onClick: () => {
             const next = !botActive;
             exec(() => g.bot(next), next ? 'Bots enabled' : 'Bots disabled');

package/dist/components/material/GameTable/DevTools/BotTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"BotTool.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/BotTool.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EACL,kBAAkB,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EACzF,MAAM,gBAAgB,CAAA;AAOvB,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,IAAI,gBAAgB,CAAC,EACtD,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,IAAI,GAAG,CAAC,SAAS,CAAA;YACvB,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA;YAChE,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC,aACD,eAAM,GAAG,EAAE,WAAW,YAAG,QAAQ,GAAQ,EACzC,eAAM,GAAG,EAAE,YAAY,YAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAAQ,EAC5E,eAAM,GAAG,EAAE,WAAW,YAAG,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,GAAQ,EACpF,SAAS,IAAI,eAAM,GAAG,EAAE,kBAAkB,GAAI,IACxC,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"BotTool.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/BotTool.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAM,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EACL,kBAAkB,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EACzF,MAAM,gBAAgB,CAAA;AAOvB;;;;;iDAKiD;AACjD,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;IACvD,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE;QACvD,IAAI,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,KAAK,CAAA;QAC5D,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YACjD,IAAI,CAAC,GAAG;gBAAE,OAAO,KAAK,CAAA;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC9B,OAAO,CAAC,CAAC,MAAM,EAAE,eAAe,CAAA;QAClC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,IAAI,gBAAgB,CAAC,EACtD,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,IAAI,GAAG,CAAC,SAAS,CAAA;YACvB,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA;YAChE,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC,aACD,eAAM,GAAG,EAAE,WAAW,YAAG,QAAQ,GAAQ,EACzC,eAAM,GAAG,EAAE,YAAY,YAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAAQ,EAC5E,eAAM,GAAG,EAAE,WAAW,YAAG,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,GAAQ,EACpF,SAAS,IAAI,eAAM,GAAG,EAAE,kBAAkB,GAAI,IACxC,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/material/GameTable/DevTools/DevToolsStyles.d.ts

@@ -0,0 +1,58 @@
+export declare const GP_PRIMARY = "#28B8CE";
+export declare const GP_DARK = "#002448";
+export declare const GP_SURFACE = "#0a1929";
+export declare const GP_ACCENT = "#9fe2f7";
+export declare const fabCss: import("@emotion/utils").SerializedStyles;
+export declare const logoCss: import("@emotion/utils").SerializedStyles;
+export declare const hubContainerCss: import("@emotion/utils").SerializedStyles;
+export declare const mainMenuCss: import("@emotion/utils").SerializedStyles;
+export declare const subPanelCss: import("@emotion/utils").SerializedStyles;
+export declare const subPanelHeaderCss: import("@emotion/utils").SerializedStyles;
+export declare const subPanelTitleCss: import("@emotion/utils").SerializedStyles;
+export declare const subPanelContentCss: import("@emotion/utils").SerializedStyles;
+export declare const panelHeaderCss: import("@emotion/utils").SerializedStyles;
+export declare const headerLogoCss: import("@emotion/utils").SerializedStyles;
+export declare const panelTitleCss: import("@emotion/utils").SerializedStyles;
+export declare const panelBadgeCss: import("@emotion/utils").SerializedStyles;
+export declare const menuListCss: import("@emotion/utils").SerializedStyles;
+export declare const menuItemCss: import("@emotion/utils").SerializedStyles;
+export declare const menuItemActiveCss: import("@emotion/utils").SerializedStyles;
+export declare const menuItemIconCss: import("@emotion/utils").SerializedStyles;
+export declare const menuItemLabelCss: import("@emotion/utils").SerializedStyles;
+export declare const menuChevronCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const toolBtnActiveCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolIconCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolLabelCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolDescCss: import("@emotion/utils").SerializedStyles;
+export declare const activeIndicatorCss: import("@emotion/utils").SerializedStyles;
+export declare const dividerCss: import("@emotion/utils").SerializedStyles;
+export declare const inlineRowCss: import("@emotion/utils").SerializedStyles;
+export declare const stepBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const numberInputCss: import("@emotion/utils").SerializedStyles;
+export declare const textInputCss: import("@emotion/utils").SerializedStyles;
+export declare const goBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const playerBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const playerBtnActiveCss: import("@emotion/utils").SerializedStyles;
+export declare const savedListCss: import("@emotion/utils").SerializedStyles;
+export declare const savedEntryCss: import("@emotion/utils").SerializedStyles;
+export declare const savedLabelCss: import("@emotion/utils").SerializedStyles;
+export declare const savedActionsCss: import("@emotion/utils").SerializedStyles;
+export declare const smallBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const smallBtnDangerCss: import("@emotion/utils").SerializedStyles;
+export declare const backdropCss: import("@emotion/utils").SerializedStyles;
+export declare const modalBackdropCss: import("@emotion/utils").SerializedStyles;
+export declare const modalCss: import("@emotion/utils").SerializedStyles;
+export declare const modalHeaderCss: import("@emotion/utils").SerializedStyles;
+export declare const modalTitleCss: import("@emotion/utils").SerializedStyles;
+export declare const modalCloseBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const modalBodyCss: import("@emotion/utils").SerializedStyles;
+export declare const modalTextareaCss: import("@emotion/utils").SerializedStyles;
+export declare const pasteErrorCss: import("@emotion/utils").SerializedStyles;
+export declare const modalFooterCss: import("@emotion/utils").SerializedStyles;
+export declare const modalCancelBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const modalLoadBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const flashCss: import("@emotion/utils").SerializedStyles;
+export declare const toggleRowCss: import("@emotion/utils").SerializedStyles;
+export declare const checkboxCss: import("@emotion/utils").SerializedStyles;
+export declare const toggleLabelCss: import("@emotion/utils").SerializedStyles;