@gamepark/react-game 7.5.3 → 7.5.7

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":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAGrF,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAA;AAExE,MAAM,IAAI,GAAG,KAAK,CAAA,CAAC,kCAAkC;AACrD,MAAM,QAAQ,GAAG,MAAM,CAAA,CAAC,0CAA0C;AAElE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,OAAgB,yBACpB,SAAQ,yBAA0C;IAClD,KAAK,GAAG,CAAC,CAAA;IACT,KAAK,GAAG,CAAC,CAAA;IACT,YAAY,GAAG,CAAC,CAAA;IAChB,KAAK,GAAG,SAAS,CAAA;IAEjB,mEAAmE;IACnE,eAAe,GAAG,KAAK,CAAA;IAEvB,IAAY,EAAE,KAAK,OAAO,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAA,CAAC,CAAC;IAEjD,SAAS;QACP,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAA;IACrF,CAAC;IAED,aAAa,CAAC,MAAc;QAC1B,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IACvE,CAAC;IAED,QAAQ,CAAC,OAAe;QACtB,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,EAAgC,EAAE,EAAE;QAC7F,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACzC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QACpB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAA;QAElB,MAAM,OAAO,GAAG,GAAG,CAAA;;eAER,CAAC;gBACA,CAAC;;KAEZ,CAAA;QAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;KAQxB,CAAA;QAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;KAQ3B,CAAA;QAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;0BAKH,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;;KAE1C,CAAA;QAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;0BAKN,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;;KAE1C,CAAA;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAA;;;;;mBAKhC,CAAC,GAAG,GAAG;;;;;KAKrB,CAAC,CAAC,CAAC,SAAS,CAAA;QAEb,OAAO,4BACJ,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA;gBAC7B,mFAAmF;gBACnF,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;gBACjD,MAAM,aAAa,GAAG,KAAK,GAAG,CAAC;oBAC7B,CAAC,CAAC,YAAY,CACZ,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,EAC7C,WAAW,IAAI,MAAM,EACrB,cAAc,EAAE,KAAK,CACtB;oBACD,CAAC,CAAC,YAAY,CACZ,iBAAiB,EACjB,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,UAAU,MAAM,CAAC,CAAC,CAAC,SAAS,EACxD,WAAW,CAAC,IAAI,MAAM,EACtB,cAAc,EAAE,KAAK,CACtB,CAAA;gBAEH,OAAO,cAAiB,GAAG,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,YACnD,cAAK,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,YACpD,cAAK,GAAG,EAAE;gCACR,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB;gCAC5C,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAC5B,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,YAAY;6BACnD,YACE,YAAY,IAAI,eAAM,GAAG,EAAE,YAAY,YAAG,KAAK,GAAQ,GACpD,GACF,IATS,KAAK,CAUhB,CAAA;YACR,CAAC,CAAC,GACD,CAAA;IACL,CAAC,CAAA;IAED,gBAAgB,CAAC,IAAwB,EAAE,OAA6B;QACtE,OAAO,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACtH,CAAC;IAED,YAAY,CAAC,IAAwB,EAAE,QAA8B;QACnE,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC/B,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;YACjB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;YAClC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;YACnC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;YACjC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;YAClC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAA;YACpD,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;YACrD,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;YACrD,OAAO,CAAC,CAAC,OAAO,EAAE,CAAA;QACpB,CAAC;IACH,CAAC;IAED,sBAAsB,CAAC,IAAiC,EAAE,OAA6B;QACrF,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAA0B,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAA;gBACzF,IAAI,CAAC,KAAK,GAAG,CAAC;KACzB,CAAC,CAAA;IACJ,CAAC;CACF"}

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

@@ -0,0 +1,31 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+export type GameOption = {
+    key: string;
+    label: string;
+    type: 'boolean';
+};
+/**
+ * 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;
+}>;
+type DevToolsHubProps = PropsWithChildren<{
+    fabBottom?: string;
+    gameOptions?: GameOption[];
+}>;
+export declare const DevToolsHub: FC<DevToolsHubProps>;
+export declare const devToolBtnCss: 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 {};

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

@@ -0,0 +1,436 @@
+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 { useCallback, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useGame } from '../../../hooks/useGame';
+import { usePlayerId, usePlayerIds } from '../../../hooks/usePlayerId';
+const GP_PRIMARY = '#28B8CE';
+const GP_DARK = '#002448';
+const GP_SURFACE = '#0a1929';
+const GP_ACCENT = '#9fe2f7';
+/**
+ * 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 })] }));
+export const DevToolsHub = ({ children, fabBottom, gameOptions }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [newGamePlayers, setNewGamePlayers] = useState(2);
+    const [options, setOptions] = useState({});
+    const [undoCount, setUndoCount] = useState(1);
+    const [botActive, setBotActive] = useState(false);
+    const [flash, setFlash] = useState(null);
+    const flashTimeout = useRef(null);
+    const gameState = useGame();
+    const currentPlayer = usePlayerId();
+    const players = usePlayerIds();
+    const doFlash = useCallback((msg) => {
+        if (flashTimeout.current)
+            clearTimeout(flashTimeout.current);
+        setFlash(msg);
+        flashTimeout.current = setTimeout(() => setFlash(null), 1500);
+    }, []);
+    const copyToClipboard = useCallback(async (text, label) => {
+        try {
+            await navigator.clipboard.writeText(text);
+            doFlash(`${label} copied!`);
+        }
+        catch {
+            doFlash('Copy failed');
+        }
+    }, [doFlash]);
+    const g = typeof window !== 'undefined' ? window.game : undefined;
+    const exec = useCallback((action, successMsg) => {
+        if (!g) {
+            doFlash('game helper not available');
+            return;
+        }
+        action();
+        doFlash(successMsg);
+    }, [g, doFlash]);
+    const root = document.getElementById('root');
+    if (!root)
+        return null;
+    return createPortal(_jsxs(_Fragment, { children: [_jsx("button", { css: fabCss, onClick: () => setIsOpen(o => !o), "data-open": isOpen, style: fabBottom ? { bottom: fabBottom } : undefined, children: _jsxs("svg", { css: logoCss, viewBox: "0 0 46 46", "data-open": isOpen, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("circle", { cx: "35", cy: "11", r: "7" }), _jsx("circle", { cx: "11", cy: "35", r: "7" }), _jsx("circle", { cx: "35", cy: "35", r: "7" })] }) }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { css: backdropCss, onClick: () => setIsOpen(false) }), _jsxs("div", { css: panelCss, style: fabBottom ? { bottom: `calc(${fabBottom} + 48px)` } : undefined, children: [_jsxs("div", { css: panelHeaderCss, children: [_jsxs("svg", { css: headerLogoCss, viewBox: "0 0 46 46", children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("circle", { cx: "35", cy: "11", r: "7" }), _jsx("circle", { cx: "11", cy: "35", r: "7" }), _jsx("circle", { cx: "35", cy: "35", r: "7" })] }), _jsx("span", { css: panelTitleCss, children: "Dev Tools" }), _jsx("span", { css: panelBadgeCss, children: "GP" })] }), _jsxs("div", { css: toolListCss, children: [_jsxs("div", { css: devToolBtnCss, style: { animationDelay: '0ms' }, children: [_jsx("span", { css: devToolIconCss, children: '\u21BB' }), _jsx("span", { css: devToolLabelCss, children: "New Game" }), _jsx("span", { css: devToolDescCss, 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: devToolBtnCss, style: { animationDelay: '40ms' }, children: [_jsx("span", { css: devToolIconCss, children: '\u238C' }), _jsx("span", { css: devToolLabelCss, children: "Undo" }), _jsx("span", { css: devToolDescCss, 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: devToolBtnCss, style: { animationDelay: '80ms' }, children: [_jsx("span", { css: devToolIconCss, children: '\u2194' }), _jsx("span", { css: devToolLabelCss, children: "Switch Player" }), _jsx("span", { css: devToolDescCss, 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: [devToolBtnCss, botActive && toolBtnActiveCss], style: { animationDelay: '120ms' }, onClick: () => {
+                                            const next = !botActive;
+                                            exec(() => g.bot(next), next ? 'Bots enabled' : 'Bots disabled');
+                                            setBotActive(next);
+                                        }, children: [_jsx("span", { css: devToolIconCss, children: '\u2699' }), _jsx("span", { css: devToolLabelCss, children: botActive ? 'Disable Bots' : 'Enable Bots' }), _jsx("span", { css: devToolDescCss, children: botActive ? 'Stop auto-play' : 'Auto-play all moves' }), botActive && _jsx("span", { css: activeIndicatorCss })] }), _jsxs("button", { css: devToolBtnCss, style: { animationDelay: '160ms' }, onClick: () => exec(() => g.tutorial(), 'Tutorial started'), children: [_jsx("span", { css: devToolIconCss, children: "?" }), _jsx("span", { css: devToolLabelCss, children: "Tutorial" }), _jsx("span", { css: devToolDescCss, children: "Start tutorial mode" })] }), children && (_jsxs(_Fragment, { children: [_jsx("div", { css: dividerCss }), children] })), _jsx("div", { css: dividerCss }), _jsxs("button", { css: devToolBtnCss, style: { animationDelay: '240ms' }, onClick: () => {
+                                            if (gameState)
+                                                copyToClipboard(JSON.stringify(gameState, null, 2), 'Game state');
+                                            else
+                                                doFlash('No game state');
+                                        }, children: [_jsx("span", { css: devToolIconCss, children: '\u2398' }), _jsx("span", { css: devToolLabelCss, children: "Copy State" }), _jsx("span", { css: devToolDescCss, children: "Copy game state to clipboard" })] }), _jsxs("button", { css: devToolBtnCss, style: { animationDelay: '280ms' }, onClick: () => {
+                                            const data = {};
+                                            for (let i = 0; i < localStorage.length; i++) {
+                                                const key = localStorage.key(i);
+                                                if (key)
+                                                    data[key] = localStorage.getItem(key) ?? '';
+                                            }
+                                            copyToClipboard(JSON.stringify(data, null, 2), 'localStorage');
+                                        }, children: [_jsx("span", { css: devToolIconCss, children: '\u29C9' }), _jsx("span", { css: devToolLabelCss, children: "Copy LocalStorage" }), _jsx("span", { css: devToolDescCss, children: "Copy localStorage to clipboard" })] })] }), flash && _jsx("div", { css: flashCss, children: flash }, flash)] })] }))] }), root);
+};
+// ═══════════════════════════════════════
+//  Styles — GamePark branded
+// ═══════════════════════════════════════
+const fabPulse = keyframes `
+  0%, 100% { box-shadow: 0 0 0 0 rgba(40, 184, 206, 0.25); }
+  50% { box-shadow: 0 0 0 5px rgba(40, 184, 206, 0); }
+`;
+const fabCss = css `
+  position: fixed;
+  bottom: 16px;
+  left: 16px;
+  z-index: 900;
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  border: 1px solid rgba(40, 184, 206, 0.4);
+  background: linear-gradient(145deg, ${GP_SURFACE}, ${GP_DARK});
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  animation: ${fabPulse} 3s ease-in-out infinite;
+  transition: all 0.2s;
+
+  &:hover {
+    border-color: rgba(40, 184, 206, 0.7);
+    animation: none;
+  }
+
+  &[data-open="true"] {
+    animation: none;
+    background: ${GP_PRIMARY};
+    border-color: ${GP_PRIMARY};
+  }
+`;
+const logoCss = css `
+  width: 22px;
+  height: 22px;
+  fill: ${GP_PRIMARY};
+  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+
+  &[data-open="true"] {
+    fill: ${GP_DARK};
+    transform: rotate(90deg);
+  }
+`;
+const backdropCss = css `
+  position: fixed;
+  inset: 0;
+  z-index: 899;
+  background: rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(2px);
+`;
+const slideUp = keyframes `
+  from { opacity: 0; transform: translateY(8px) scale(0.97); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+`;
+const panelCss = css `
+  position: fixed;
+  bottom: 64px;
+  left: 16px;
+  z-index: 900;
+  width: 320px;
+  background: linear-gradient(170deg, #0f2035 0%, ${GP_SURFACE} 100%);
+  border: 1px solid rgba(40, 184, 206, 0.25);
+  border-radius: 12px;
+  box-shadow:
+    0 12px 40px rgba(0, 0, 0, 0.5),
+    0 0 0 1px rgba(0, 0, 0, 0.3),
+    inset 0 1px 0 rgba(159, 226, 247, 0.05);
+  overflow: hidden;
+  animation: ${slideUp} 0.2s ease-out;
+  font-family: 'Mulish', sans-serif;
+`;
+const panelHeaderCss = css `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-bottom: 1px solid rgba(40, 184, 206, 0.15);
+  background: rgba(40, 184, 206, 0.04);
+`;
+const headerLogoCss = css `
+  width: 18px;
+  height: 18px;
+  fill: ${GP_ACCENT};
+  flex-shrink: 0;
+`;
+const panelTitleCss = css `
+  font-size: 14px;
+  font-weight: 800;
+  color: #e0f0f4;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  flex: 1;
+`;
+const panelBadgeCss = css `
+  font-size: 9px;
+  font-weight: 800;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: rgba(40, 184, 206, 0.15);
+  color: ${GP_PRIMARY};
+  letter-spacing: 0.1em;
+`;
+const toolReveal = keyframes `
+  from { opacity: 0; transform: translateX(-6px); }
+  to { opacity: 1; transform: translateX(0); }
+`;
+const toolListCss = css `
+  display: flex;
+  flex-direction: column;
+  padding: 6px;
+  gap: 2px;
+`;
+export const devToolBtnCss = css `
+  position: relative;
+  display: grid;
+  grid-template-columns: 28px 1fr;
+  grid-template-rows: auto auto;
+  align-items: center;
+  gap: 0 10px;
+  padding: 10px 12px;
+  border: none;
+  border-radius: 8px;
+  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: 8px;
+    bottom: 8px;
+    width: 3px;
+    border-radius: 0 3px 3px 0;
+    background: ${GP_PRIMARY};
+  }
+`;
+export const devToolIconCss = css `
+  grid-row: 1 / -1;
+  font-size: 15px;
+  color: ${GP_PRIMARY};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  background: rgba(40, 184, 206, 0.08);
+`;
+export const devToolLabelCss = css `
+  font-size: 14px;
+  font-weight: 700;
+  color: #e0f0f4;
+  line-height: 1.2;
+`;
+export const devToolDescCss = css `
+  font-size: 12px;
+  color: #5a8a98;
+  line-height: 1.2;
+`;
+const activeIndicatorCss = css `
+  position: absolute;
+  top: 10px;
+  right: 12px;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: ${GP_PRIMARY};
+  box-shadow: 0 0 6px rgba(40, 184, 206, 0.5);
+`;
+const dividerCss = css `
+  height: 1px;
+  margin: 4px 12px;
+  background: rgba(40, 184, 206, 0.1);
+`;
+// ── Inline controls ──
+const inlineRowCss = css `
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 6px;
+`;
+const stepBtnCss = css `
+  width: 26px;
+  height: 26px;
+  border-radius: 5px;
+  border: 1px solid rgba(40, 184, 206, 0.25);
+  background: rgba(40, 184, 206, 0.06);
+  color: ${GP_PRIMARY};
+  font-size: 14px;
+  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: 48px;
+  height: 26px;
+  border-radius: 5px;
+  border: 1px solid rgba(40, 184, 206, 0.25);
+  background: rgba(0, 0, 0, 0.3);
+  color: #e0f0f4;
+  font-size: 13px;
+  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 2px rgba(40, 184, 206, 0.15);
+  }
+
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+`;
+const goBtnCss = css `
+  height: 26px;
+  padding: 0 12px;
+  border-radius: 5px;
+  border: 1px solid rgba(40, 184, 206, 0.35);
+  background: rgba(40, 184, 206, 0.15);
+  color: ${GP_PRIMARY};
+  font-size: 12px;
+  font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  cursor: pointer;
+  margin-left: auto;
+  font-family: inherit;
+  transition: all 0.15s;
+
+  &:hover {
+    background: rgba(40, 184, 206, 0.25);
+    border-color: rgba(40, 184, 206, 0.5);
+  }
+`;
+const playerBtnCss = css `
+  height: 26px;
+  padding: 0 10px;
+  border-radius: 5px;
+  border: 1px solid rgba(40, 184, 206, 0.25);
+  background: rgba(40, 184, 206, 0.06);
+  color: #5a8a98;
+  font-size: 12px;
+  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};
+`;
+// ── Flash ──
+const flashFade = keyframes `
+  0% { opacity: 0; transform: translateY(4px); }
+  15% { opacity: 1; transform: translateY(0); }
+  85% { opacity: 1; transform: translateY(0); }
+  100% { opacity: 0; transform: translateY(-4px); }
+`;
+const flashCss = css `
+  padding: 8px 16px;
+  font-size: 12px;
+  font-weight: 700;
+  color: ${GP_PRIMARY};
+  text-align: center;
+  border-top: 1px solid rgba(40, 184, 206, 0.1);
+  background: rgba(40, 184, 206, 0.04);
+  animation: ${flashFade} 1.5s ease-out forwards;
+`;
+// ── Game Options toggles ──
+const toggleRowCss = css `
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 4px;
+  padding: 4px 0;
+  cursor: pointer;
+`;
+const checkboxCss = css `
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 4px;
+  border: 1px 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: '✓';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 11px;
+    color: ${GP_PRIMARY};
+    font-weight: 700;
+  }
+
+  &:hover {
+    border-color: rgba(40, 184, 206, 0.5);
+  }
+`;
+const toggleLabelCss = css `
+  font-size: 12px;
+  font-weight: 600;
+  color: #5a8a98;
+`;
+//# sourceMappingURL=DevToolsHub.js.map

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

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

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

@@ -1,3 +1,4 @@
+export * from './DevToolsHub';
 export * from './focus';
 export * from './GameTable';
 export * from './GameTableContext';

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

@@ -1,3 +1,4 @@
+export * from './DevToolsHub';
 export * from './focus';
 export * from './GameTable';
 export * from './GameTableContext';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA"}

package/dist/css/backgroundCss.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-export const backgroundCss = (image) => image && css `
-  background-image: url(${image});
-  background-size: cover;
+export const backgroundCss = (image) => image && css `
+  background-image: url(${image});
+  background-size: cover;
 `;
 //# sourceMappingURL=backgroundCss.js.map

package/dist/css/cursorCss.js

@@ -1,11 +1,11 @@
 import { css } from '@emotion/react';
-export const pointerCursorCss = css `
-  cursor: pointer;
+export const pointerCursorCss = css `
+  cursor: pointer;
 `;
-export const grabCursor = css `
-  cursor: grab;
+export const grabCursor = css `
+  cursor: grab;
 `;
-export const grabbingCursor = css `
-  cursor: grabbing;
+export const grabbingCursor = css `
+  cursor: grabbing;
 `;
 //# sourceMappingURL=cursorCss.js.map

package/dist/css/fadeIn.js

@@ -1,10 +1,10 @@
 import { css, keyframes } from '@emotion/react';
-export const fadeIn = (duration) => css `
-  animation: ${fadeInKeyFrames} ${duration}s ease-in-out forwards
+export const fadeIn = (duration) => css `
+  animation: ${fadeInKeyFrames} ${duration}s ease-in-out forwards
 `;
-const fadeInKeyFrames = keyframes `
-  from {
-    opacity: 0;
-  }
+const fadeInKeyFrames = keyframes `
+  from {
+    opacity: 0;
+  }
 `;
 //# sourceMappingURL=fadeIn.js.map

package/dist/css/shineEffect.js

@@ -1,32 +1,32 @@
 import { css, keyframes } from '@emotion/react';
-const slideKeyframes = keyframes `
-  0% {
-    transform: translate(-33%, -33%);
-  }
-  50%, 100% {
-    transform: translate(33%, 33%);
-  }
+const slideKeyframes = keyframes `
+  0% {
+    transform: translate(-33%, -33%);
+  }
+  50%, 100% {
+    transform: translate(33%, 33%);
+  }
 `;
-export const shineEffect = css `
-  overflow: hidden;
-
-  &:after {
-    content: '';
-    position: absolute;
-    pointer-events: none;
-    left: -100%;
-    right: -100%;
-    top: -100%;
-    bottom: -100%;
-    animation: ${slideKeyframes} 2s linear infinite;
-    z-index: 1;
-    transform-style: preserve-3d;
-    background: linear-gradient(to bottom right,
-    rgba(255, 255, 255, 0) 0%,
-    rgba(255, 255, 255, 0) 34%,
-    rgba(255, 255, 255, 0.7) 50%,
-    rgba(255, 255, 255, 0) 66%,
-    rgba(255, 255, 255, 0) 100%);
-  }
+export const shineEffect = css `
+  overflow: hidden;
+
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    left: -100%;
+    right: -100%;
+    top: -100%;
+    bottom: -100%;
+    animation: ${slideKeyframes} 2s linear infinite;
+    z-index: 1;
+    transform-style: preserve-3d;
+    background: linear-gradient(to bottom right,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 0) 34%,
+    rgba(255, 255, 255, 0.7) 50%,
+    rgba(255, 255, 255, 0) 66%,
+    rgba(255, 255, 255, 0) 100%);
+  }
 `;
 //# sourceMappingURL=shineEffect.js.map

package/dist/css/transformCss.js

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-export const transformCss = (...transformations) => css `
-  transform: ${transformations.filter(t => !!t).join(' ')};
+export const transformCss = (...transformations) => css `
+  transform: ${transformations.filter(t => !!t).join(' ')};
 `;
-export const preserve3d = css `
-  transform-style: preserve-3d;
+export const preserve3d = css `
+  transform-style: preserve-3d;
 `;
 //# sourceMappingURL=transformCss.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamepark/react-game",
-  "version": "7.5.3",
+  "version": "7.5.7",
   "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/)",

package/dist/components/material/Wheel/WheelContent.d.ts

@@ -1,13 +0,0 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { FC } from 'react';
-import { MaterialContentProps } from '../MaterialDescription';
-import { ComponentSize } from '../ComponentDescription';
-export type WheelContentProps = {
-    size: ComponentSize;
-    image?: string;
-    wheelImage?: string;
-    borderRadius?: number;
-    extraCss?: Interpolation<Theme>;
-    wheelExtraCss?: Interpolation<Theme>;
-} & MaterialContentProps;
-export declare const WheelContent: FC<WheelContentProps>;

package/dist/components/material/Wheel/WheelContent.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
-import { backgroundCss, borderRadiusCss, shadowCss, shadowEffect, shineEffect, sizeCss } from '../../../css';
-export const WheelContent = (props) => {
-    const { playDown, highlight, size, image, wheelImage, borderRadius, extraCss, wheelExtraCss, children } = props;
-    return _jsxs(_Fragment, { children: [_jsx("div", { css: [
-                    faceCss,
-                    extraCss,
-                    sizeCss(size.width, size.height),
-                    wheelImage && [backgroundCss(wheelImage), shadowCss(wheelImage)],
-                    borderRadius && borderRadiusCss(borderRadius),
-                    highlight ? shineEffect : (playDown && playDownCss(image))
-                ], children: children }), image && _jsx("div", { css: [
-                    faceCss,
-                    wheelExtraCss,
-                    sizeCss(size.width, size.height),
-                    backgroundCss(image),
-                    borderRadius && borderRadiusCss(borderRadius),
-                    highlight ? shineEffect : (playDown && playDownCss(image))
-                ] })] });
-};
-const faceCss = css `
-  position: absolute;
-  transform-style: preserve-3d;
-  backface-visibility: hidden;
-`;
-const playDownCss = (image) => {
-    if (image?.endsWith('.jpg')) {
-        return shadowEffect;
-    }
-    else {
-        return css `
-      filter: brightness(0.5);
-    `;
-    }
-};
-//# sourceMappingURL=WheelContent.js.map

package/dist/components/material/Wheel/WheelContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WheelContent.js","sourceRoot":"","sources":["../../../../src/components/material/Wheel/WheelContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAc5G,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC/G,OAAO,8BACL,cAAK,GAAG,EAAE;oBACR,OAAO;oBACP,QAAQ;oBACR,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,UAAU,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;oBAChE,YAAY,IAAI,eAAe,CAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;iBAC3D,YACE,QAAQ,GACL,EACL,KAAK,IAAI,cAAK,GAAG,EAAE;oBAClB,OAAO;oBACP,aAAa;oBACb,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;oBAChC,aAAa,CAAC,KAAK,CAAC;oBACpB,YAAY,IAAI,eAAe,CAAC,YAAY,CAAC;oBAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;iBAC3D,GAAG,IACH,CAAA;AACL,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;CAIlB,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,EAAE;IACrC,IAAI,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO,YAAY,CAAA;IACrB,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,CAAA;;KAET,CAAA;IACH,CAAC;AACH,CAAC,CAAA"}

package/dist/hooks/useFailures.d.ts

@@ -1 +0,0 @@
-export declare const useFailures: <Move = any>() => [string[], () => {}];

package/dist/hooks/useFailures.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFailures = void 0;
-var react_client_1 = require("@gamepark/react-client");
-var react_redux_1 = require("react-redux");
-var useFailures = function () {
-    var dispatch = (0, react_redux_1.useDispatch)();
-    return [(0, react_redux_1.useSelector)(function (state) { return state.failures; }), function () { return dispatch((0, react_client_1.clearFailures)()); }];
-};
-exports.useFailures = useFailures;
-//# sourceMappingURL=useFailures.js.map

package/dist/hooks/useFailures.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFailures.js","sourceRoot":"","sources":["../../src/hooks/useFailures.ts"],"names":[],"mappings":";;;AAAA,uDAAqE;AACrE,2CAAsD;AAE/C,IAAM,WAAW,GAAG;IACzB,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,OAAO,CAAC,IAAA,yBAAW,EAAC,UAAC,KAA+B,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAA,4BAAa,GAAE,CAAC,EAAzB,CAAyB,CAAC,CAAA;AAC5G,CAAC,CAAA;AAHY,QAAA,WAAW,eAGvB"}

package/dist/hooks/useWebP.d.ts

@@ -1 +0,0 @@
-export declare const useWebP: () => boolean | undefined;

package/dist/hooks/useWebP.js

@@ -1,13 +0,0 @@
-import { useEffect, useState } from 'react';
-import webPCheck from 'supports-webp';
-export const useWebP = () => {
-    const [webP, setWebP] = useState();
-    useEffect(() => {
-        (async () => {
-            const webP = await webPCheck;
-            setWebP(webP);
-        })();
-    }, [webPCheck, setWebP]);
-    return webP;
-};
-//# sourceMappingURL=useWebP.js.map

package/dist/hooks/useWebP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWebP.js","sourceRoot":"","sources":["../../src/hooks/useWebP.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,SAAS,MAAM,eAAe,CAAA;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAwB,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,IAAI,GAAG,MAAM,SAAS,CAAA;YAC5B,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,CAAC,EAAE,CAAA;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}