@gamepark/react-game 7.7.4 → 7.7.5

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+type BotToolProps = {
+    exec: (action: () => void, msg: string) => void;
+    g: any;
+};
+export declare const BotTool: FC<BotToolProps>;
+export {};

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { useState } from 'react';
+import { activeIndicatorCss, toolBtnActiveCss, toolBtnCss, toolDescCss, toolIconCss, toolLabelCss } from './devtools.css';
+export const BotTool = ({ exec, g }) => {
+    const [botActive, setBotActive] = useState(false);
+    return (_jsxs("button", { css: [toolBtnCss, botActive && toolBtnActiveCss], onClick: () => {
+            const next = !botActive;
+            exec(() => g.bot(next), next ? 'Bots enabled' : 'Bots disabled');
+            setBotActive(next);
+        }, children: [_jsx("span", { css: toolIconCss, children: '\u2699' }), _jsx("span", { css: toolLabelCss, children: botActive ? 'Disable Bots' : 'Enable Bots' }), _jsx("span", { css: toolDescCss, children: botActive ? 'Stop auto-play' : 'Auto-play all moves' }), botActive && _jsx("span", { css: activeIndicatorCss })] }));
+};
+//# sourceMappingURL=BotTool.js.map

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

@@ -0,0 +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"}

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

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import { FC } from 'react';
 import { GameOption } from './DevToolsHub';
 type GamePanelProps = {

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

@@ -1,180 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css, keyframes } from '@emotion/react';
-import { useState } from 'react';
-import { usePlayerId, usePlayerIds } from '../../../../hooks/usePlayerId';
-const GP_PRIMARY = '#28B8CE';
-const toolReveal = keyframes `
-  from { opacity: 0; transform: translateX(-0.375em); }
-  to { opacity: 1; transform: translateX(0); }
-`;
-export const GamePanel = ({ exec, g, gameOptions }) => {
-    const [newGamePlayers, setNewGamePlayers] = useState(2);
-    const [options, setOptions] = useState({});
-    const [undoCount, setUndoCount] = useState(1);
-    const [botActive, setBotActive] = useState(false);
-    const currentPlayer = usePlayerId();
-    const players = usePlayerIds();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { css: toolBtnCss, children: [_jsx("span", { css: toolIconCss, children: '\u21BB' }), _jsx("span", { css: toolLabelCss, children: "New Game" }), _jsx("span", { css: toolDescCss, children: "Reset with N players" }), _jsxs("div", { css: inlineRowCss, onClick: e => e.stopPropagation(), children: [_jsx("button", { css: stepBtnCss, onClick: () => setNewGamePlayers(c => Math.max(1, c - 1)), children: "-" }), _jsx("input", { type: "number", min: 1, max: 10, value: newGamePlayers, onChange: e => setNewGamePlayers(Math.max(1, parseInt(e.target.value) || 2)), css: numberInputCss }), _jsx("button", { css: stepBtnCss, onClick: () => setNewGamePlayers(c => Math.min(10, c + 1)), children: "+" }), _jsx("button", { css: goBtnCss, onClick: () => exec(() => {
-                                    const hasOptions = gameOptions?.length && Object.values(options).some(Boolean);
-                                    g.new(hasOptions ? { players: newGamePlayers, ...options } : newGamePlayers);
-                                }, `New game ${newGamePlayers}p`), children: "Go" })] }), gameOptions?.map(opt => (_jsxs("label", { css: toggleRowCss, onClick: e => e.stopPropagation(), children: [_jsx("input", { type: "checkbox", checked: options[opt.key] ?? false, onChange: e => setOptions(prev => ({ ...prev, [opt.key]: e.target.checked })), css: checkboxCss }), _jsx("span", { css: toggleLabelCss, children: opt.label })] }, opt.key)))] }), _jsxs("div", { css: toolBtnCss, children: [_jsx("span", { css: toolIconCss, children: '\u238C' }), _jsx("span", { css: toolLabelCss, children: "Undo" }), _jsx("span", { css: toolDescCss, children: "Revert N moves" }), _jsxs("div", { css: inlineRowCss, onClick: e => e.stopPropagation(), children: [_jsx("button", { css: stepBtnCss, onClick: () => setUndoCount(c => Math.max(1, c - 1)), children: "-" }), _jsx("input", { type: "number", min: 1, max: 999, value: undoCount, onChange: e => setUndoCount(Math.max(1, parseInt(e.target.value) || 1)), css: numberInputCss }), _jsx("button", { css: stepBtnCss, onClick: () => setUndoCount(c => c + 1), children: "+" }), _jsx("button", { css: goBtnCss, onClick: () => exec(() => g.undo(undoCount), `Undo ${undoCount} move${undoCount > 1 ? 's' : ''}`), children: "Go" })] })] }), _jsxs("div", { css: toolBtnCss, children: [_jsx("span", { css: toolIconCss, children: '\u2194' }), _jsx("span", { css: toolLabelCss, children: "Switch Player" }), _jsx("span", { css: toolDescCss, children: "View as another player" }), _jsxs("div", { css: inlineRowCss, onClick: e => e.stopPropagation(), children: [players.map(pid => (_jsxs("button", { css: [playerBtnCss, pid === currentPlayer && playerBtnActiveCss], onClick: () => exec(() => g.changePlayer(pid), `Switched to P${pid}`), children: ["P", String(pid)] }, String(pid)))), _jsx("button", { css: [playerBtnCss, currentPlayer === undefined && playerBtnActiveCss], onClick: () => exec(() => g.changePlayer(), 'Spectator mode'), children: "Spect" })] })] }), _jsxs("button", { css: [toolBtnCss, botActive && toolBtnActiveCss], onClick: () => {
-                    const next = !botActive;
-                    exec(() => g.bot(next), next ? 'Bots enabled' : 'Bots disabled');
-                    setBotActive(next);
-                }, children: [_jsx("span", { css: toolIconCss, children: '\u2699' }), _jsx("span", { css: toolLabelCss, children: botActive ? 'Disable Bots' : 'Enable Bots' }), _jsx("span", { css: toolDescCss, children: botActive ? 'Stop auto-play' : 'Auto-play all moves' }), botActive && _jsx("span", { css: activeIndicatorCss })] }), _jsxs("button", { css: toolBtnCss, onClick: () => exec(() => g.tutorial(), 'Tutorial started'), children: [_jsx("span", { css: toolIconCss, children: "?" }), _jsx("span", { css: toolLabelCss, children: "Tutorial" }), _jsx("span", { css: toolDescCss, children: "Start tutorial mode" })] })] }));
-};
-// ── Styles ──
-const toolBtnCss = css `
-  position: relative;
-  display: grid;
-  grid-template-columns: 1.75em 1fr;
-  grid-template-rows: auto auto;
-  align-items: center;
-  gap: 0 0.625em;
-  padding: 0.625em 0.75em;
-  border: none;
-  border-radius: 0.5em;
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-  transition: background 0.15s;
-  animation: ${toolReveal} 0.25s ease-out backwards;
-  font-family: inherit;
-  &:hover { background: rgba(40, 184, 206, 0.08); }
-  &:active { background: rgba(40, 184, 206, 0.14); }
-`;
-const toolBtnActiveCss = css `
-  background: rgba(40, 184, 206, 0.1);
-  &::after {
-    content: '';
-    position: absolute;
-    left: 0; top: 0.5em; bottom: 0.5em;
-    width: 0.2em;
-    border-radius: 0 0.2em 0.2em 0;
-    background: ${GP_PRIMARY};
-  }
-`;
-const toolIconCss = css `
-  grid-row: 1 / -1;
-  color: ${GP_PRIMARY};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.75em; height: 1.75em;
-  border-radius: 0.375em;
-  background: rgba(40, 184, 206, 0.08);
-`;
-const toolLabelCss = css `
-  font-weight: 700;
-  color: #e0f0f4;
-  line-height: 1.2;
-`;
-const toolDescCss = css `
-  color: #5a8a98;
-  line-height: 1.2;
-`;
-const activeIndicatorCss = css `
-  position: absolute;
-  top: 0.625em; right: 0.75em;
-  width: 0.44em; height: 0.44em;
-  border-radius: 50%;
-  background: ${GP_PRIMARY};
-  box-shadow: 0 0 0.375em rgba(40, 184, 206, 0.5);
-`;
-const inlineRowCss = css `
-  grid-column: 1 / -1;
-  display: flex;
-  align-items: center;
-  gap: 0.25em;
-  margin-top: 0.375em;
-`;
-const stepBtnCss = css `
-  width: 1.625em; height: 1.625em;
-  border-radius: 0.3em;
-  border: 0.06em solid rgba(40, 184, 206, 0.25);
-  background: rgba(40, 184, 206, 0.06);
-  color: ${GP_PRIMARY};
-  font-weight: 700;
-  cursor: pointer;
-  display: flex; align-items: center; justify-content: center;
-  font-family: inherit;
-  transition: all 0.15s;
-  &:hover { background: rgba(40, 184, 206, 0.14); border-color: rgba(40, 184, 206, 0.4); }
-`;
-const numberInputCss = css `
-  width: 3em; height: 1.625em;
-  border-radius: 0.3em;
-  border: 0.06em solid rgba(40, 184, 206, 0.25);
-  background: rgba(0, 0, 0, 0.3);
-  color: #e0f0f4;
-  font-weight: 700;
-  text-align: center;
-  font-family: inherit;
-  font-variant-numeric: tabular-nums;
-  &:focus { outline: none; border-color: ${GP_PRIMARY}; box-shadow: 0 0 0 0.125em rgba(40, 184, 206, 0.15); }
-  &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
-`;
-const goBtnCss = css `
-  height: 1.625em;
-  padding: 0 0.75em;
-  border-radius: 0.3em;
-  border: 0.06em solid rgba(40, 184, 206, 0.35);
-  background: rgba(40, 184, 206, 0.15);
-  color: ${GP_PRIMARY};
-  font-weight: 800;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  cursor: pointer;
-  margin-left: auto;
-  font-family: inherit;
-  transition: all 0.15s;
-  flex-shrink: 0;
-  &:hover { background: rgba(40, 184, 206, 0.25); border-color: rgba(40, 184, 206, 0.5); }
-`;
-const playerBtnCss = css `
-  height: 1.625em;
-  padding: 0 0.625em;
-  border-radius: 0.3em;
-  border: 0.06em solid rgba(40, 184, 206, 0.25);
-  background: rgba(40, 184, 206, 0.06);
-  color: #5a8a98;
-  font-weight: 700;
-  cursor: pointer;
-  font-family: inherit;
-  transition: all 0.15s;
-  &:hover { background: rgba(40, 184, 206, 0.14); border-color: rgba(40, 184, 206, 0.4); color: #e0f0f4; }
-`;
-const playerBtnActiveCss = css `
-  background: rgba(40, 184, 206, 0.2);
-  border-color: ${GP_PRIMARY};
-  color: ${GP_PRIMARY};
-`;
-const toggleRowCss = css `
-  grid-column: 1 / -1;
-  display: flex; align-items: center; gap: 0.5em;
-  margin-top: 0.25em; padding: 0.25em 0;
-  cursor: pointer;
-`;
-const checkboxCss = css `
-  appearance: none;
-  width: 1em; height: 1em;
-  border-radius: 0.25em;
-  border: 0.06em solid rgba(40, 184, 206, 0.35);
-  background: rgba(0, 0, 0, 0.3);
-  cursor: pointer; flex-shrink: 0;
-  position: relative;
-  transition: all 0.15s;
-  &:checked { background: rgba(40, 184, 206, 0.2); border-color: ${GP_PRIMARY}; }
-  &:checked::after {
-    content: '\u2713';
-    position: absolute; top: 50%; left: 50%;
-    transform: translate(-50%, -50%);
-    color: ${GP_PRIMARY}; font-weight: 700;
-  }
-  &:hover { border-color: rgba(40, 184, 206, 0.5); }
-`;
-const toggleLabelCss = css `
-  font-weight: 600; color: #5a8a98;
-`;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { NewGameTool } from './NewGameTool';
+import { UndoTool } from './UndoTool';
+import { SwitchPlayerTool } from './SwitchPlayerTool';
+import { BotTool } from './BotTool';
+import { TutorialTool } from './TutorialTool';
+export const GamePanel = ({ exec, g, gameOptions }) => (_jsxs(_Fragment, { children: [_jsx(NewGameTool, { exec: exec, g: g, gameOptions: gameOptions }), _jsx(UndoTool, { exec: exec, g: g }), _jsx(SwitchPlayerTool, { exec: exec, g: g }), _jsx(BotTool, { exec: exec, g: g }), _jsx(TutorialTool, { exec: exec, g: g })] }));
 //# sourceMappingURL=GamePanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GamePanel.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/GamePanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GamePanel.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/GamePanel.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAQ7C,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACzE,8BACE,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,EAC3D,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAI,EAC9B,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAI,EACtC,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAI,EAC7B,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAI,IACjC,CACJ,CAAA"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { GameOption } from './DevToolsHub';
+type NewGameToolProps = {
+    exec: (action: () => void, msg: string) => void;
+    g: any;
+    gameOptions?: GameOption[];
+};
+export declare const NewGameTool: FC<NewGameToolProps>;
+export {};

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { isEnumOption, isWithPlayerOptions } from '@gamepark/rules-api';
+import { useContext, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { gameContext } from '../../../GameProvider/GameContext';
+import { checkboxCss, goBtnCss, inlineRowCss, numberInputCss, optionsToggleCss, selectCss, stepBtnCss, toggleLabelCss, toggleRowCss, toolBtnCss, toolDescCss, toolIconCss, toolLabelCss } from './devtools.css';
+const reservedKeys = new Set(['players', 'validate', 'subscriberRequired', 'competitivePlayers']);
+const playerReservedKeys = new Set(['id']);
+export const NewGameTool = ({ exec, g, gameOptions }) => {
+    const [newGamePlayers, setNewGamePlayers] = useState(2);
+    const [options, setOptions] = useState({});
+    const [playerOptions, setPlayerOptions] = useState([]);
+    const [showOptions, setShowOptions] = useState(false);
+    const optionsSpec = useContext(gameContext).optionsSpec;
+    const { t } = useTranslation();
+    const specOptions = useMemo(() => {
+        if (!optionsSpec)
+            return [];
+        return Object.keys(optionsSpec)
+            .filter(key => !reservedKeys.has(key))
+            .map(key => ({ key, spec: optionsSpec[key] }))
+            .filter(({ spec }) => spec && typeof spec.label === 'function');
+    }, [optionsSpec]);
+    const playerSpecOptions = useMemo(() => {
+        if (!optionsSpec || !isWithPlayerOptions(optionsSpec))
+            return [];
+        const playersSpec = optionsSpec.players;
+        return Object.keys(playersSpec)
+            .filter(key => !playerReservedKeys.has(key))
+            .map(key => ({ key, spec: playersSpec[key] }))
+            .filter(({ spec }) => spec && typeof spec.label === 'function' && Array.isArray(spec.values));
+    }, [optionsSpec]);
+    const setPlayerCount = (count) => {
+        setNewGamePlayers(count);
+        setPlayerOptions(prev => prev.length > count ? prev.slice(0, count) : prev);
+    };
+    const setPlayerOption = (playerIndex, key, value) => {
+        setPlayerOptions(prev => {
+            const next = [...prev];
+            while (next.length <= playerIndex)
+                next.push({});
+            next[playerIndex] = { ...next[playerIndex], [key]: value };
+            return next;
+        });
+    };
+    const buildOptions = () => {
+        const definedOptions = Object.fromEntries(Object.entries(options).filter(([, v]) => v !== undefined && v !== false));
+        const hasPlayerOpts = playerOptions.some(p => Object.values(p).some(v => v !== undefined));
+        const hasOptions = Object.keys(definedOptions).length > 0 || hasPlayerOpts;
+        if (!hasOptions)
+            return newGamePlayers;
+        const result = { ...definedOptions };
+        if (hasPlayerOpts) {
+            result.players = Array.from({ length: newGamePlayers }, (_, i) => playerOptions[i] ?? {});
+        }
+        else {
+            result.players = newGamePlayers;
+        }
+        return result;
+    };
+    return (_jsxs("div", { css: toolBtnCss, children: [_jsx("span", { css: toolIconCss, children: '\u21BB' }), _jsx("span", { css: toolLabelCss, children: "New Game" }), _jsx("span", { css: toolDescCss, children: "Reset with N players" }), _jsxs("div", { css: inlineRowCss, onClick: e => e.stopPropagation(), children: [_jsx("button", { css: stepBtnCss, onClick: () => setPlayerCount(Math.max(1, newGamePlayers - 1)), children: "-" }), _jsx("input", { type: "number", min: 1, max: 10, value: newGamePlayers, onChange: e => setPlayerCount(Math.max(1, parseInt(e.target.value) || 2)), css: numberInputCss }), _jsx("button", { css: stepBtnCss, onClick: () => setPlayerCount(Math.min(10, newGamePlayers + 1)), children: "+" }), _jsx("button", { css: goBtnCss, onClick: () => exec(() => g.new(buildOptions()), `New game ${newGamePlayers}p`), children: "Go" })] }), (specOptions.length > 0 || playerSpecOptions.length > 0 || gameOptions?.length) && (_jsxs("button", { css: optionsToggleCss, onClick: e => { e.stopPropagation(); setShowOptions(o => !o); }, children: [_jsx("span", { children: showOptions ? '\u25BE' : '\u25B8' }), _jsx("span", { children: "Options" })] })), showOptions && _jsxs(_Fragment, { children: [specOptions.map(({ key, spec }) => (isEnumOption(spec) ? (_jsxs("div", { css: toggleRowCss, onClick: e => e.stopPropagation(), children: [_jsx("span", { css: toggleLabelCss, children: spec.label(t) }), _jsxs("select", { value: options[key] ?? '', onChange: e => setOptions(prev => ({ ...prev, [key]: e.target.value === '' ? undefined : isNaN(Number(e.target.value)) ? e.target.value : Number(e.target.value) })), css: selectCss, children: [_jsx("option", { value: "", children: "\u2014" }), spec.values.map((v) => (_jsx("option", { value: v, children: spec.valueSpec(v).label(t) }, String(v))))] })] }, key)) : (_jsxs("label", { css: toggleRowCss, onClick: e => e.stopPropagation(), children: [_jsx("input", { type: "checkbox", checked: options[key] ?? false, onChange: e => setOptions(prev => ({ ...prev, [key]: e.target.checked })), css: checkboxCss }), _jsx("span", { css: toggleLabelCss, children: spec.label(t) })] }, key)))), playerSpecOptions.length > 0 && Array.from({ length: newGamePlayers }, (_, i) => (playerSpecOptions.map(({ key, spec }) => (_jsxs("div", { css: toggleRowCss, onClick: e => e.stopPropagation(), children: [_jsxs("span", { css: toggleLabelCss, children: ["P", i + 1, " ", spec.label(t)] }), _jsxs("select", { value: playerOptions[i]?.[key] ?? '', onChange: e => setPlayerOption(i, key, e.target.value === '' ? undefined : isNaN(Number(e.target.value)) ? e.target.value : Number(e.target.value)), css: selectCss, children: [_jsx("option", { value: "", children: "\u2014" }), spec.values.map((v) => (_jsx("option", { value: v, children: spec.valueSpec(v).label(t) }, String(v))))] })] }, `${i}-${key}`))))), gameOptions?.map(opt => (_jsxs("label", { css: toggleRowCss, onClick: e => e.stopPropagation(), children: [_jsx("input", { type: "checkbox", checked: options[opt.key] ?? false, onChange: e => setOptions(prev => ({ ...prev, [opt.key]: e.target.checked })), css: checkboxCss }), _jsx("span", { css: toggleLabelCss, children: opt.label })] }, opt.key)))] })] }));
+};
+//# sourceMappingURL=NewGameTool.js.map

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

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

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+type SwitchPlayerToolProps = {
+    exec: (action: () => void, msg: string) => void;
+    g: any;
+};
+export declare const SwitchPlayerTool: FC<SwitchPlayerToolProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { usePlayerId, usePlayerIds } from '../../../../hooks/usePlayerId';
+import { inlineRowCss, playerBtnActiveCss, playerBtnCss, toolBtnCss, toolDescCss, toolIconCss, toolLabelCss } from './devtools.css';
+export const SwitchPlayerTool = ({ exec, g }) => {
+    const currentPlayer = usePlayerId();
+    const players = usePlayerIds();
+    return (_jsxs("div", { css: toolBtnCss, children: [_jsx("span", { css: toolIconCss, children: '\u2194' }), _jsx("span", { css: toolLabelCss, children: "Switch Player" }), _jsx("span", { css: toolDescCss, children: "View as another player" }), _jsxs("div", { css: inlineRowCss, onClick: e => e.stopPropagation(), children: [players.map(pid => (_jsxs("button", { css: [playerBtnCss, pid === currentPlayer && playerBtnActiveCss], onClick: () => exec(() => g.changePlayer(pid), `Switched to P${pid}`), children: ["P", String(pid)] }, String(pid)))), _jsx("button", { css: [playerBtnCss, currentPlayer === undefined && playerBtnActiveCss], onClick: () => exec(() => g.changePlayer(), 'Spectator mode'), children: "Spect" })] })] }));
+};
+//# sourceMappingURL=SwitchPlayerTool.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPlayerTool.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/SwitchPlayerTool.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACzE,OAAO,EACL,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAC9C,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EACnD,MAAM,gBAAgB,CAAA;AAOvB,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,WAAW,EAAE,CAAA;IACnC,MAAM,OAAO,GAAG,YAAY,EAAE,CAAA;IAE9B,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,aAClB,eAAM,GAAG,EAAE,WAAW,YAAG,QAAQ,GAAQ,EACzC,eAAM,GAAG,EAAE,YAAY,8BAAsB,EAC7C,eAAM,GAAG,EAAE,WAAW,uCAA+B,EACrD,eAAK,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aACtD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB,kBACE,GAAG,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,aAAa,IAAI,kBAAkB,CAAC,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,gBAAgB,GAAG,EAAE,CAAC,kBACnE,MAAM,CAAC,GAAG,CAAC,KAHF,MAAM,CAAC,GAAG,CAAC,CAIf,CACV,CAAC,EACF,iBACE,GAAG,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,SAAS,IAAI,kBAAkB,CAAC,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,gBAAgB,CAAC,sBAEtD,IACL,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+type TutorialToolProps = {
+    exec: (action: () => void, msg: string) => void;
+    g: any;
+};
+export declare const TutorialTool: FC<TutorialToolProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { toolBtnCss, toolDescCss, toolIconCss, toolLabelCss } from './devtools.css';
+export const TutorialTool = ({ exec, g }) => (_jsxs("button", { css: toolBtnCss, onClick: () => exec(() => g.tutorial(), 'Tutorial started'), children: [_jsx("span", { css: toolIconCss, children: "?" }), _jsx("span", { css: toolLabelCss, children: "Tutorial" }), _jsx("span", { css: toolDescCss, children: "Start tutorial mode" })] }));
+//# sourceMappingURL=TutorialTool.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TutorialTool.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/TutorialTool.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAOnF,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAClE,kBAAQ,GAAG,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,kBAAkB,CAAC,aAC3D,eAAM,GAAG,EAAE,WAAW,kBAAU,EAChC,eAAM,GAAG,EAAE,YAAY,yBAAiB,EACxC,eAAM,GAAG,EAAE,WAAW,oCAA4B,IAC3C,CACV,CAAA"}

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+type UndoToolProps = {
+    exec: (action: () => void, msg: string) => void;
+    g: any;
+};
+export declare const UndoTool: FC<UndoToolProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { useState } from 'react';
+import { goBtnCss, inlineRowCss, numberInputCss, stepBtnCss, toolBtnCss, toolDescCss, toolIconCss, toolLabelCss } from './devtools.css';
+export const UndoTool = ({ exec, g }) => {
+    const [undoCount, setUndoCount] = useState(1);
+    return (_jsxs("div", { css: toolBtnCss, children: [_jsx("span", { css: toolIconCss, children: '\u238C' }), _jsx("span", { css: toolLabelCss, children: "Undo" }), _jsx("span", { css: toolDescCss, children: "Revert N moves" }), _jsxs("div", { css: inlineRowCss, onClick: e => e.stopPropagation(), children: [_jsx("button", { css: stepBtnCss, onClick: () => setUndoCount(c => Math.max(1, c - 1)), children: "-" }), _jsx("input", { type: "number", min: 1, max: 999, value: undoCount, onChange: e => setUndoCount(Math.max(1, parseInt(e.target.value) || 1)), css: numberInputCss }), _jsx("button", { css: stepBtnCss, onClick: () => setUndoCount(c => c + 1), children: "+" }), _jsx("button", { css: goBtnCss, onClick: () => exec(() => g.undo(undoCount), `Undo ${undoCount} move${undoCount > 1 ? 's' : ''}`), children: "Go" })] })] }));
+};
+//# sourceMappingURL=UndoTool.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UndoTool.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/UndoTool.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EACL,QAAQ,EAAE,YAAY,EAAE,cAAc,EACtC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAC/D,MAAM,gBAAgB,CAAA;AAOvB,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,aAClB,eAAM,GAAG,EAAE,WAAW,YAAG,QAAQ,GAAQ,EACzC,eAAM,GAAG,EAAE,YAAY,qBAAa,EACpC,eAAM,GAAG,EAAE,WAAW,+BAAuB,EAC7C,eAAK,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aACvD,iBAAQ,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAY,EACzF,gBAAO,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACvE,GAAG,EAAE,cAAc,GAAI,EACzB,iBAAQ,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,kBAAY,EAC5E,iBAAQ,GAAG,EAAE,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,SAAS,QAAQ,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,mBAE1F,IACL,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/material/GameTable/DevTools/devtools.css.d.ts

@@ -0,0 +1,24 @@
+export declare const GP_PRIMARY = "#28B8CE";
+export declare const toolReveal: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const toolBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const toolBtnActiveCss: import("@emotion/utils").SerializedStyles;
+export declare const toolIconCss: import("@emotion/utils").SerializedStyles;
+export declare const toolLabelCss: import("@emotion/utils").SerializedStyles;
+export declare const toolDescCss: import("@emotion/utils").SerializedStyles;
+export declare const activeIndicatorCss: 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 goBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const playerBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const playerBtnActiveCss: 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;
+export declare const optionsToggleCss: import("@emotion/utils").SerializedStyles;
+export declare const selectCss: import("@emotion/utils").SerializedStyles;

package/dist/components/material/GameTable/DevTools/devtools.css.js

@@ -0,0 +1,183 @@
+import { css, keyframes } from '@emotion/react';
+export const GP_PRIMARY = '#28B8CE';
+export const toolReveal = keyframes `
+  from { opacity: 0; transform: translateX(-0.375em); }
+  to { opacity: 1; transform: translateX(0); }
+`;
+export const toolBtnCss = css `
+  position: relative;
+  display: grid;
+  grid-template-columns: 1.75em 1fr;
+  grid-template-rows: auto auto;
+  align-items: center;
+  gap: 0 0.625em;
+  padding: 0.625em 0.75em;
+  border: none;
+  border-radius: 0.5em;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.15s;
+  animation: ${toolReveal} 0.25s ease-out backwards;
+  font-family: inherit;
+  &:hover { background: rgba(40, 184, 206, 0.08); }
+  &:active { background: rgba(40, 184, 206, 0.14); }
+`;
+export const toolBtnActiveCss = css `
+  background: rgba(40, 184, 206, 0.1);
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0; top: 0.5em; bottom: 0.5em;
+    width: 0.2em;
+    border-radius: 0 0.2em 0.2em 0;
+    background: ${GP_PRIMARY};
+  }
+`;
+export const toolIconCss = css `
+  grid-row: 1 / -1;
+  color: ${GP_PRIMARY};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75em; height: 1.75em;
+  border-radius: 0.375em;
+  background: rgba(40, 184, 206, 0.08);
+`;
+export const toolLabelCss = css `
+  font-weight: 700;
+  color: #e0f0f4;
+  line-height: 1.2;
+`;
+export const toolDescCss = css `
+  color: #5a8a98;
+  line-height: 1.2;
+`;
+export const activeIndicatorCss = css `
+  position: absolute;
+  top: 0.625em; right: 0.75em;
+  width: 0.44em; height: 0.44em;
+  border-radius: 50%;
+  background: ${GP_PRIMARY};
+  box-shadow: 0 0 0.375em rgba(40, 184, 206, 0.5);
+`;
+export const inlineRowCss = css `
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  gap: 0.25em;
+  margin-top: 0.375em;
+`;
+export const stepBtnCss = css `
+  width: 1.625em; height: 1.625em;
+  border-radius: 0.3em;
+  border: 0.06em solid rgba(40, 184, 206, 0.25);
+  background: rgba(40, 184, 206, 0.06);
+  color: ${GP_PRIMARY};
+  font-weight: 700;
+  cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+  font-family: inherit;
+  transition: all 0.15s;
+  &:hover { background: rgba(40, 184, 206, 0.14); border-color: rgba(40, 184, 206, 0.4); }
+`;
+export const numberInputCss = css `
+  width: 3em; height: 1.625em;
+  border-radius: 0.3em;
+  border: 0.06em solid rgba(40, 184, 206, 0.25);
+  background: rgba(0, 0, 0, 0.3);
+  color: #e0f0f4;
+  font-weight: 700;
+  text-align: center;
+  font-family: inherit;
+  font-variant-numeric: tabular-nums;
+  &:focus { outline: none; border-color: ${GP_PRIMARY}; box-shadow: 0 0 0 0.125em rgba(40, 184, 206, 0.15); }
+  &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
+`;
+export const goBtnCss = css `
+  height: 1.625em;
+  padding: 0 0.75em;
+  border-radius: 0.3em;
+  border: 0.06em solid rgba(40, 184, 206, 0.35);
+  background: rgba(40, 184, 206, 0.15);
+  color: ${GP_PRIMARY};
+  font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  cursor: pointer;
+  margin-left: auto;
+  font-family: inherit;
+  transition: all 0.15s;
+  flex-shrink: 0;
+  &:hover { background: rgba(40, 184, 206, 0.25); border-color: rgba(40, 184, 206, 0.5); }
+`;
+export const playerBtnCss = css `
+  height: 1.625em;
+  padding: 0 0.625em;
+  border-radius: 0.3em;
+  border: 0.06em solid rgba(40, 184, 206, 0.25);
+  background: rgba(40, 184, 206, 0.06);
+  color: #5a8a98;
+  font-weight: 700;
+  cursor: pointer;
+  font-family: inherit;
+  transition: all 0.15s;
+  &:hover { background: rgba(40, 184, 206, 0.14); border-color: rgba(40, 184, 206, 0.4); color: #e0f0f4; }
+`;
+export const playerBtnActiveCss = css `
+  background: rgba(40, 184, 206, 0.2);
+  border-color: ${GP_PRIMARY};
+  color: ${GP_PRIMARY};
+`;
+export const toggleRowCss = css `
+  grid-column: 1 / -1;
+  display: flex; align-items: center; gap: 0.5em;
+  margin-top: 0.25em; padding: 0.25em 0;
+  cursor: pointer;
+`;
+export const checkboxCss = css `
+  appearance: none;
+  width: 1em; height: 1em;
+  border-radius: 0.25em;
+  border: 0.06em solid rgba(40, 184, 206, 0.35);
+  background: rgba(0, 0, 0, 0.3);
+  cursor: pointer; flex-shrink: 0;
+  position: relative;
+  transition: all 0.15s;
+  &:checked { background: rgba(40, 184, 206, 0.2); border-color: ${GP_PRIMARY}; }
+  &:checked::after {
+    content: '\u2713';
+    position: absolute; top: 50%; left: 50%;
+    transform: translate(-50%, -50%);
+    color: ${GP_PRIMARY}; font-weight: 700;
+  }
+  &:hover { border-color: rgba(40, 184, 206, 0.5); }
+`;
+export const toggleLabelCss = css `
+  font-weight: 600; color: #5a8a98;
+`;
+export const optionsToggleCss = css `
+  grid-column: 1 / -1;
+  display: flex; align-items: center; gap: 0.375em;
+  margin-top: 0.375em; padding: 0.25em 0;
+  border: none; background: none;
+  cursor: pointer; font-family: inherit;
+  color: ${GP_PRIMARY}; font-weight: 700;
+  font-size: 0.85em;
+  &:hover { color: #9fe2f7; }
+`;
+export const selectCss = css `
+  margin-left: auto;
+  height: 1.625em;
+  padding: 0 0.5em;
+  border-radius: 0.3em;
+  border: 0.06em solid rgba(40, 184, 206, 0.25);
+  background: rgba(0, 0, 0, 0.3);
+  color: #e0f0f4;
+  font-weight: 600;
+  font-family: inherit;
+  cursor: pointer;
+  &:focus { outline: none; border-color: ${GP_PRIMARY}; box-shadow: 0 0 0 0.125em rgba(40, 184, 206, 0.15); }
+  option { background: #0a1929; color: #e0f0f4; }
+`;
+//# sourceMappingURL=devtools.css.js.map

package/dist/components/material/GameTable/DevTools/devtools.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.css.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/devtools.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAA;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAA;;;CAGlC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;eAcd,UAAU;;;;CAIxB,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;kBAQjB,UAAU;;CAE3B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;WAEnB,UAAU;;;;;;;CAOpB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;CAI9B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;CAG7B,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;gBAKrB,UAAU;;CAEzB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;CAM9B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;WAKlB,UAAU;;;;;;;CAOpB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;2CAUU,UAAU;;CAEpD,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;WAMhB,UAAU;;;;;;;;;;CAUpB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;CAY9B,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;kBAEnB,UAAU;WACjB,UAAU;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;mEASqC,UAAU;;;;;aAKhE,UAAU;;;CAGtB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;CAEhC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;WAMxB,UAAU;;;CAGpB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;2CAWe,UAAU;;CAEpD,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamepark/react-game",
-  "version": "7.7.4",
+  "version": "7.7.5",
   "type": "module",
   "description": "React components & tools to create a Board Game user interface for Game Park",
   "author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",