@gamepark/react-game 6.0.0-alpha.0

package/dist/components/Letterbox/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Letterbox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Letterbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Letterbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B"}

package/dist/components/LoadingScreen/LoadingScreen.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export type LoadingScreenProps = {
+    gameBox?: string;
+    author?: string | string[];
+    artist?: string | string[];
+    publisher?: string | string[];
+    developer?: string | string[];
+    display: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const LoadingScreen: ({ gameBox, author, artist, publisher, developer, display, ...props }: LoadingScreenProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/LoadingScreen/LoadingScreen.js

@@ -0,0 +1,76 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingScreen = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Picture_1 = require("../Picture");
+var LoadingScreen = function (_a) {
+    var _b = _a.gameBox, gameBox = _b === void 0 ? process.env.PUBLIC_URL + '/box-640.png' : _b, author = _a.author, artist = _a.artist, publisher = _a.publisher, developer = _a.developer, display = _a.display, props = __rest(_a, ["gameBox", "author", "artist", "publisher", "developer", "display"]);
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _c = (0, react_2.useState)(display), includeInLayout = _c[0], setIncludeInLayout = _c[1];
+    (0, react_2.useEffect)(function () {
+        if (display) {
+            setIncludeInLayout(true);
+        }
+        else {
+            var timeout_1 = setTimeout(function () { return setIncludeInLayout(false); }, fadeOutDuration);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [display]);
+    if (!includeInLayout)
+        return null;
+    var authors = typeof author === 'string' ? [author] : author !== null && author !== void 0 ? author : [];
+    var artists = typeof artist === 'string' ? [artist] : artist !== null && artist !== void 0 ? artist : [];
+    var publishers = typeof publisher === 'string' ? [publisher] : publisher !== null && publisher !== void 0 ? publisher : [];
+    var developers = typeof developer === 'string' ? [developer] : developer !== null && developer !== void 0 ? developer : [];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: [loadingScreenStyle, !display && hiddenStyle] }, props, { children: [gameBox && (0, jsx_runtime_1.jsx)(Picture_1.Picture, { css: gameBoxStyle, src: gameBox, alt: t('Name') }), (0, jsx_runtime_1.jsx)("h2", __assign({ css: gameTitle }, { children: t('Name') })), (0, jsx_runtime_1.jsxs)("p", __assign({ css: gamePeople }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { css: iconStyle, icon: free_solid_svg_icons_1.faLightbulb }), authors.length === 1 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "authors.1", values: { author: author }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), authors.length === 2 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "authors.2", values: { author1: authors[0], author2: authors[1] }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { css: iconStyle, icon: free_solid_svg_icons_1.faPaintBrush }), artists.length === 1 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "artists.1", values: { artist: artist }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), artists.length === 2 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "artists.2", values: { artist1: artists[0], artist2: artists[1] }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { css: iconStyle, icon: free_solid_svg_icons_1.faWrench }), publishers.length === 1 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "publishers.1", values: { publisher: publisher }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), publishers.length === 2 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "publishers.2", values: { publisher1: publishers[0], publisher2: publishers[1] }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { css: iconStyle, icon: free_solid_svg_icons_1.faLaptopCode }), developers.length === 1 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "developers.1", values: { developer: developer }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }), developers.length === 2 &&
+                        (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "developers.2", values: { developer1: developers[0], developer2: developers[1] }, components: [(0, jsx_runtime_1.jsx)("strong", {})] })] }))] })));
+};
+exports.LoadingScreen = LoadingScreen;
+var fadeOutDuration = 2000;
+var loadingScreenStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: opacity ", "ms;\n  background-size: cover;\n  background-position: center;\n  pointer-events: none;\n  background-image: url(", ");\n\n  &:before {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n\n  > * {\n    z-index: 1;\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: opacity ", "ms;\n  background-size: cover;\n  background-position: center;\n  pointer-events: none;\n  background-image: url(", ");\n\n  &:before {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n\n  > * {\n    z-index: 1;\n  }\n"])), fadeOutDuration, process.env.PUBLIC_URL + '/cover-1920.jpg');
+var gameBoxStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  width: 62em;\n  height: 66em;\n  margin-top: 7em;\n  margin-bottom: 2em;\n  filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"], ["\n  position: relative;\n  width: 62em;\n  height: 66em;\n  margin-top: 7em;\n  margin-bottom: 2em;\n  filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"])));
+var gameTitle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 5em;\n  margin: 0;\n"], ["\n  font-size: 5em;\n  margin: 0;\n"])));
+var gamePeople = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 3em;\n"], ["\n  font-size: 3em;\n"])));
+var iconStyle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: 6em;\n  position: relative;\n"], ["\n  min-width: 6em;\n  position: relative;\n"])));
+var hiddenStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  opacity: 0;\n"], ["\n  opacity: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=LoadingScreen.js.map

package/dist/components/LoadingScreen/LoadingScreen.js.map

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

package/dist/components/LoadingScreen/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadingScreen';

package/dist/components/LoadingScreen/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoadingScreen"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/LoadingScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B"}

package/dist/components/Picture/Picture.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes, ImgHTMLAttributes } from 'react';
+export type PictureAttributes = ImgHTMLAttributes<HTMLImageElement> & {
+    picture?: HTMLAttributes<HTMLElement>;
+};
+export declare const Picture: import("react").ForwardRefExoticComponent<ImgHTMLAttributes<HTMLImageElement> & {
+    picture?: HTMLAttributes<HTMLElement>;
+} & import("react").RefAttributes<HTMLImageElement>>;

package/dist/components/Picture/Picture.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picture = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+exports.Picture = (0, react_1.forwardRef)(function (_a, ref) {
+    var picture = _a.picture, alt = _a.alt, props = __rest(_a, ["picture", "alt"]);
+    var srcTest = (0, react_1.useMemo)(function () { return props.src ? props.src.match(/(.*)\.(jpg|png)$/) : null; }, [props.src]);
+    return ((0, jsx_runtime_1.jsxs)("picture", __assign({}, picture, { children: [srcTest && (0, jsx_runtime_1.jsx)("source", { srcSet: srcTest[1] + '.webp', type: "image/webp" }), (0, jsx_runtime_1.jsx)("img", __assign({ ref: ref, draggable: false, alt: alt }, props))] })));
+});
+//# sourceMappingURL=Picture.js.map

package/dist/components/Picture/Picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picture.js","sourceRoot":"","sources":["../../../src/components/Picture/Picture.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAA8E;AAMjE,QAAA,OAAO,GAAG,IAAA,kBAAU,EAAsC,UAAC,EAA6C,EAAE,GAAG;IAAhD,IAAA,OAAO,aAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAAxB,kBAA0B,CAAF;IAC9F,IAAM,OAAO,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAtD,CAAsD,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAClG,OAAO,CACL,gDAAa,OAAO,eACjB,OAAO,IAAI,mCAAQ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAC,YAAY,GAAE,EACrE,yCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAG,KAC/C,CACX,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/Picture/index.d.ts

@@ -0,0 +1 @@
+export * from './Picture';

package/dist/components/Picture/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Picture"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Picture/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Picture/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}

package/dist/components/PlayerPanel/PlayerPanel.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes } from 'react';
+export type PlayerPanelProps<PlayerId = any> = {
+    playerId: PlayerId;
+    color?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const PlayerPanel: <PlayerId extends unknown>({ playerId, color, children, ...props }: PlayerPanelProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/PlayerPanel/PlayerPanel.js

@@ -0,0 +1,57 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerPanel = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var hooks_1 = require("../../hooks");
+var react_i18next_1 = require("react-i18next");
+var GamePoints_1 = require("../GamePoints");
+var Avatar_1 = require("../Avatar");
+var PlayerTimer_1 = require("../PlayerTimer");
+var react_2 = require("@emotion/react");
+var GameProvider_1 = require("../GameProvider");
+var rules_api_1 = require("@gamepark/rules-api");
+var PlayerPanel = function (_a) {
+    var _b;
+    var playerId = _a.playerId, _c = _a.color, color = _c === void 0 ? '#28B8CE' : _c, children = _a.children, props = __rest(_a, ["playerId", "color", "children"]);
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var playerInfo = (0, hooks_1.usePlayer)(playerId);
+    var optionsSpec = (0, react_1.useContext)(GameProvider_1.gameContext).optionsSpec;
+    var rules = (0, hooks_1.useRules)();
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: panelPlayerStyle(color, rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(playerId)) }, props, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), (0, jsx_runtime_1.jsx)("h2", __assign({ css: nameStyle }, { children: (_b = playerInfo === null || playerInfo === void 0 ? void 0 : playerInfo.name) !== null && _b !== void 0 ? _b : (0, rules_api_1.getFallbackPlayerName)(playerId, t, optionsSpec) })), !(rules === null || rules === void 0 ? void 0 : rules.isOver()) && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: playerId, css: timerStyle }), (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: playerId, css: gamePointCss }), children] })));
+};
+exports.PlayerPanel = PlayerPanel;
+var panelPlayerStyle = function (color, active) { return (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  color: black;\n  border: 0.5em solid ", ";\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n"], ["\n  background-color: ", ";\n  color: black;\n  border: 0.5em solid ", ";\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n"])), active ? '#f0fbfc' : '#dddddd', color); };
+var avatarStyle = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n"])));
+var nameStyle = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.3em;\n  left: 3.1em;\n  max-width: 7.3em;\n  font-size: 2.4em;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"], ["\n  position: absolute;\n  top: 0.3em;\n  left: 3.1em;\n  max-width: 7.3em;\n  font-size: 2.4em;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
+var timerStyle = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"], ["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"])));
+var gamePointCss = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"], ["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=PlayerPanel.js.map

package/dist/components/PlayerPanel/PlayerPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAkD;AAClD,qCAAiD;AACjD,+CAA8C;AAC9C,4CAA0C;AAC1C,oCAAyD;AACzD,8CAA4C;AAC5C,wCAAoC;AACpC,gDAA6C;AAC7C,iDAA2D;AAOpD,IAAM,WAAW,GAAG,UAAuB,EAA+E;;IAA7E,IAAA,QAAQ,cAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjD,iCAAmD,CAAF;IACzF,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,UAAU,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IACtC,IAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC,WAAW,CAAA;IACvD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,0CAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAM,KAAK,eACzE,uBAAC,eAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,SAAS,EAAE,8BAAqB,CAAC,WAAW,EAAE,GAAG,EACpH,wCAAI,GAAG,EAAE,SAAS,gBAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,mCAAI,IAAA,iCAAqB,EAAC,QAAQ,EAAE,CAAC,EAAE,WAAW,CAAC,IAAM,EAC7F,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,CAAA,IAAI,uBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAG,EACxE,uBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,GAAG,EACnD,QAAQ,KACL,CACP,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,WAAW,eAcvB;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAE,MAAgB,IAAK,WAAA,WAAG,2OAAA,wBAC3C,EAA8B,4CAE5B,EAAK,+FAG5B,KALqB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAE5B,KAAK,GAHiC,CAM7D,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,mMAAA,+HAQtB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,+PAAA,2LAUpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,mJAAA,+EAKrB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,mJAAA,+EAKvB,IAAA,CAAA"}

package/dist/components/PlayerPanel/index.d.ts

@@ -0,0 +1 @@
+export * from './PlayerPanel';

package/dist/components/PlayerPanel/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PlayerPanel"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/PlayerPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B"}

package/dist/components/PlayerTimer/PlayerTimer.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { HTMLAttributes } from 'react';
+export type PlayerTimerProps<PlayerId> = {
+    playerId: PlayerId;
+    customStyle?: ((playing: boolean, timeLeft: number) => Interpolation<Theme>)[];
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const PlayerTimer: <PlayerId extends unknown>({ playerId, customStyle, ...props }: PlayerTimerProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/PlayerTimer/PlayerTimer.js

@@ -0,0 +1,69 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerTimer = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_redux_1 = require("react-redux");
+var dayjs_1 = __importDefault(require("dayjs"));
+var duration_1 = __importDefault(require("dayjs/plugin/duration"));
+var utc_1 = __importDefault(require("dayjs/plugin/utc"));
+var hooks_1 = require("../../hooks");
+dayjs_1.default.extend(duration_1.default);
+dayjs_1.default.extend(utc_1.default);
+var PlayerTimer = function (_a) {
+    var playerId = _a.playerId, _b = _a.customStyle, customStyle = _b === void 0 ? [halfOpacityOnPause, blinkOnRunningTimeout] : _b, props = __rest(_a, ["playerId", "customStyle"]);
+    var playing = (0, react_redux_1.useSelector)(function (state) { var _a, _b, _c; return (_c = (_b = (_a = state.players.find(function (p) { return p.id === playerId; })) === null || _a === void 0 ? void 0 : _a.time) === null || _b === void 0 ? void 0 : _b.playing) !== null && _c !== void 0 ? _c : false; });
+    var playerTime = (0, hooks_1.usePlayerTime)(playerId);
+    if (!playerTime)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("span", __assign({}, props, { css: customStyle.map(function (fc) { return fc(playing, playerTime); }) }, { children: [playerTime < 0 && '-', humanizeTimer(Math.abs(playerTime))] })));
+};
+exports.PlayerTimer = PlayerTimer;
+var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  opacity: 0.5;\n"], ["\n  opacity: 0.5;\n"]))); };
+var blinkKeyframes = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  to {\n    visibility: hidden;\n  }\n"], ["\n  to {\n    visibility: hidden;\n  }\n"])));
+var blinkOnRunningTimeout = function (playing, timeLeft) { return playing && timeLeft < 0 && (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " 1s steps(8, start) infinite;\n"], ["\n  animation: ", " 1s steps(8, start) infinite;\n"])), blinkKeyframes); };
+var oneDay = dayjs_1.default.duration(1, 'day');
+var oneHour = dayjs_1.default.duration(1, 'hour');
+var humanizeTimer = function (duration) {
+    if (duration >= oneDay.asMilliseconds()) {
+        return dayjs_1.default.duration(duration).humanize();
+    }
+    else if (duration >= oneHour.asMilliseconds()) {
+        return dayjs_1.default.utc(duration).format('HH:mm:ss');
+    }
+    else {
+        return dayjs_1.default.utc(duration).format('mm:ss');
+    }
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=PlayerTimer.js.map

package/dist/components/PlayerTimer/PlayerTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerTimer.js","sourceRoot":"","sources":["../../../src/components/PlayerTimer/PlayerTimer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAqE;AAErE,2CAAyC;AACzC,gDAAyB;AACzB,mEAA4C;AAC5C,yDAAkC;AAClC,qCAA2C;AAG3C,eAAK,CAAC,MAAM,CAAC,kBAAQ,CAAC,CAAA;AACtB,eAAK,CAAC,MAAM,CAAC,aAAG,CAAC,CAAA;AAOV,IAAM,WAAW,GAAG,UACzB,EAA6G;IAA3G,IAAA,QAAQ,cAAA,EAAE,mBAAyD,EAAzD,WAAW,mBAAG,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,KAAA,EAAK,KAAK,cAA/E,2BAAiF,CAAF;IAE/E,IAAM,OAAO,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,oBAAK,OAAA,MAAA,MAAA,MAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,EAAjB,CAAiB,CAAC,0CAAE,IAAI,0CAAE,OAAO,mCAAI,KAAK,CAAA,EAAA,CAAC,CAAA;IACzH,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,QAAQ,CAAC,CAAA;IAC1C,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAC5B,OAAO,CACL,6CAAU,KAAK,IAAE,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAAvB,CAAuB,CAAC,iBACjE,UAAU,GAAG,CAAC,IAAI,GAAG,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,KACtD,CACR,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,WAAW,eAWvB;AAED,IAAM,kBAAkB,GAAG,UAAC,OAAgB,IAAK,OAAA,CAAC,OAAO,QAAI,WAAG,yFAAA,qBAE/D,IAAA,EAFgD,CAEhD,CAAA;AAED,IAAM,cAAc,OAAG,iBAAS,8GAAA,0CAI/B,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,OAAgB,EAAE,QAAgB,IAAK,OAAA,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAI,WAAG,wHAAA,iBACrF,EAAc,iCAC5B,KADc,cAAc,CAC5B,EAFqE,CAErE,CAAA;AAED,IAAM,MAAM,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AACvC,IAAM,OAAO,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;AAEzC,IAAM,aAAa,GAAG,UAAC,QAAgB;IACrC,IAAI,QAAQ,IAAI,MAAM,CAAC,cAAc,EAAE,EAAE;QACvC,OAAO,eAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAA;KAC3C;SAAM,IAAI,QAAQ,IAAI,OAAO,CAAC,cAAc,EAAE,EAAE;QAC/C,OAAO,eAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;KAC9C;SAAM;QACL,OAAO,eAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;KAC3C;AACH,CAAC,CAAA"}

package/dist/components/PlayerTimer/index.d.ts

@@ -0,0 +1 @@
+export * from './PlayerTimer';

package/dist/components/PlayerTimer/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PlayerTimer"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/PlayerTimer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerTimer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B"}

package/dist/components/buttons/PlayMoveButton/PlayMoveButton.d.ts

@@ -0,0 +1,13 @@
+/** @jsxImportSource @emotion/react */
+import { ButtonHTMLAttributes, FC } from 'react';
+import { PlayOptions } from '../../../hooks';
+export type PlayMoveButtonConfirmation = {
+    text?: string;
+    cancelText?: string;
+};
+export type PlayMoveButtonProps = {
+    move: any;
+    onPlay?: () => void;
+    confirmation?: PlayMoveButtonConfirmation;
+} & PlayOptions & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const PlayMoveButton: FC<PlayMoveButtonProps>;

package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js

@@ -0,0 +1,66 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayMoveButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var ThemeButton_1 = require("../ThemeButton");
+var dialogs_1 = require("../../dialogs");
+var react_2 = require("@emotion/react");
+var css_1 = require("../../../css");
+var react_i18next_1 = require("react-i18next");
+var PlayMoveButton = function (props) {
+    var _a;
+    var move = props.move, confirmation = props.confirmation, delayed = props.delayed, skipAnimation = props.skipAnimation, local = props.local, onPlay = props.onPlay, rest = __rest(props, ["move", "confirmation", "delayed", "skipAnimation", "local", "onPlay"]);
+    var play = (0, hooks_1.usePlay)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _b = (0, react_1.useState)(false), showDialog = _b[0], setShowDialog = _b[1];
+    var close = function () { return setShowDialog(false); };
+    var onClick = (0, react_1.useCallback)(function () {
+        if (!showDialog && (confirmation === null || confirmation === void 0 ? void 0 : confirmation.text)) {
+            setShowDialog(true);
+            return;
+        }
+        setShowDialog(false);
+        play(move, { delayed: delayed, skipAnimation: skipAnimation, local: local });
+        if (onPlay)
+            onPlay();
+    }, [move, delayed, skipAnimation, local, onPlay]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!confirmation && ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: showDialog, onBackdropClick: close, css: [flex, confirmationDialogCss] }, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: description }, { children: confirmation.text })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttons }, { children: [(0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: close, disabled: move === undefined }, rest, { children: (_a = confirmation.cancelText) !== null && _a !== void 0 ? _a : t('Cancel') })), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ css: moveButton, onClick: onClick, disabled: move === undefined }, rest))] }))] })) })) }), "dialog")), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: move === undefined }, rest), "button")] }));
+};
+exports.PlayMoveButton = PlayMoveButton;
+var buttons = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"])));
+var moveButton = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-transform: capitalize;\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"], ["\n  text-transform: capitalize;\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"])));
+var flex = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
+var description = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-bottom: 1em;\n"], ["\n  margin-bottom: 1em;\n"])));
+var content = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n"])));
+var confirmationDialogCss = (0, react_2.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=PlayMoveButton.js.map

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

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

package/dist/components/buttons/PlayMoveButton/index.d.ts

@@ -0,0 +1 @@
+export * from './PlayMoveButton';

package/dist/components/buttons/PlayMoveButton/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PlayMoveButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/buttons/PlayMoveButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/PlayMoveButton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC"}

package/dist/components/buttons/ThemeButton/ThemeButton.d.ts

@@ -0,0 +1,3 @@
+/** @jsxImportSource @emotion/react */
+import { ButtonHTMLAttributes, FC } from 'react';
+export declare const ThemeButton: FC<ButtonHTMLAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var ThemeButton = function (props) {
+    var theme = (0, react_1.useTheme)();
+    return (0, jsx_runtime_1.jsx)("button", __assign({ css: theme.buttons }, props));
+};
+exports.ThemeButton = ThemeButton;
+//# sourceMappingURL=ThemeButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/ThemeButton/ThemeButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,wCAAyC;AAElC,IAAM,WAAW,GAAgD,UAAC,KAAK;IAC5E,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAA;IACxB,OAAO,4CAAQ,GAAG,EAAE,KAAK,CAAC,OAAO,IAAM,KAAK,EAAG,CAAA;AACjD,CAAC,CAAA;AAHY,QAAA,WAAW,eAGvB"}

package/dist/components/buttons/ThemeButton/index.d.ts

@@ -0,0 +1 @@
+export * from './ThemeButton';