@gamepark/react-game 6.0.0-alpha.0

package/dist/components/menus/GiveUpButton/GiveUpButton.js

@@ -0,0 +1,47 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GiveUpButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_client_1 = require("@gamepark/react-client");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var react_redux_1 = require("react-redux");
+var dialogs_1 = require("../../dialogs");
+var menuCss_1 = require("../menuCss");
+var hooks_1 = require("../../../hooks");
+var GiveUpButton = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var giveUp = (0, hooks_1.useGiveUp)()[0];
+    var _a = (0, react_2.useState)(false), displayPopup = _a[0], setDisplayPopup = _a[1];
+    var onGiveUp = function () {
+        giveUp();
+        setDisplayPopup(false);
+    };
+    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", __assign({ css: [menuCss_1.menuButtonCss, buttonCss], onClick: function () { return setDisplayPopup(true); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_regular_svg_icons_1.faFlag }), t('Give up')] })), (0, jsx_runtime_1.jsxs)(dialogs_1.Dialog, __assign({ open: displayPopup, css: menuCss_1.menuDialogCss, onBackdropClick: function () { return setDisplayPopup(false); } }, { children: [(0, jsx_runtime_1.jsx)("h2", { children: t('Give up the game') }), (0, jsx_runtime_1.jsx)("p", { children: t('give-up.dialog.p1') }), (0, jsx_runtime_1.jsxs)("p", { children: [gameMode === react_client_1.GameMode.FRIENDLY ? t('give-up.dialog.p3') : t('give-up.dialog.p2'), " "] }), (0, jsx_runtime_1.jsx)("p", { children: gameMode === react_client_1.GameMode.TOURNAMENT && t('give-up.dialog.p4') }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttonLineCss }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: [menuCss_1.menuButtonCss, inDialogButton], onClick: function () { return setDisplayPopup(false); } }, { children: t('Cancel') })), (0, jsx_runtime_1.jsxs)("button", __assign({ css: [menuCss_1.menuButtonCss, buttonCss, inDialogButton], onClick: onGiveUp }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_regular_svg_icons_1.faFlag }), t('Give up')] }))] }))] }))] }));
+};
+exports.GiveUpButton = GiveUpButton;
+var buttonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: darkred;\n  border-color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7;\n  }\n\n  &:active {\n    background: #ffbebe;\n  }\n"], ["\n  color: darkred;\n  border-color: darkred;\n\n  &:focus, &:hover {\n    background: #ffd7d7;\n  }\n\n  &:active {\n    background: #ffbebe;\n  }\n"])));
+var buttonLineCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-between;\n"])));
+var inDialogButton = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=GiveUpButton.js.map

package/dist/components/menus/GiveUpButton/GiveUpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GiveUpButton.js","sourceRoot":"","sources":["../../../../src/components/menus/GiveUpButton/GiveUpButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,8EAA4D;AAC5D,oEAAgE;AAChE,uDAAgE;AAChE,+BAAgC;AAChC,+CAA8C;AAC9C,2CAAyC;AACzC,yCAAsC;AACtC,sCAAyD;AACzD,wCAA0C;AAEnC,IAAM,YAAY,GAAG;IAClB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACvB,IAAA,MAAM,GAAI,IAAA,iBAAS,GAAE,GAAf,CAAe;IACtB,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IACvD,IAAM,QAAQ,GAAG;QACf,MAAM,EAAE,CAAA;QACR,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IACD,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IAEpE,OAAO,CACL,6DACE,6CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,iBAC3E,uBAAC,mCAAe,IAAC,IAAI,EAAE,+BAAM,GAAG,EAC/B,CAAC,CAAC,SAAS,CAAC,KACN,EACT,wBAAC,gBAAM,aAAC,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,uBAAa,EAAE,eAAe,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,iBAC3F,yCAAK,CAAC,CAAC,kBAAkB,CAAC,GAAM,EAChC,wCAAI,CAAC,CAAC,mBAAmB,CAAC,GAAK,EAC/B,0CAAI,QAAQ,KAAK,uBAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,SAAM,EAC1F,wCAAI,QAAQ,KAAK,uBAAQ,CAAC,UAAU,IAAI,CAAC,CAAC,mBAAmB,CAAC,GAAK,EACnE,0CAAK,GAAG,EAAE,aAAa,iBACrB,4CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,gBAAG,CAAC,CAAC,QAAQ,CAAC,IAAU,EAC3G,6CAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,iBACxE,uBAAC,mCAAe,IAAC,IAAI,EAAE,+BAAM,GAAG,EAC/B,CAAC,CAAC,SAAS,CAAC,KACN,KACL,KACC,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,YAAY,gBA+BxB;AAED,IAAM,SAAS,OAAG,WAAG,2NAAA,uJAWpB,IAAA,CAAA;AAED,IAAM,aAAa,OAAG,WAAG,iJAAA,6EAIxB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,sFAAA,kBAEzB,IAAA,CAAA"}

package/dist/components/menus/GiveUpButton/index.d.ts

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

package/dist/components/menus/GiveUpButton/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("./GiveUpButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/menus/GiveUpButton/index.js.map

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

package/dist/components/menus/Menu/LogoIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const LogoIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/components/menus/Menu/LogoIcon.js

@@ -0,0 +1,18 @@
+"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.LogoIcon = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LogoIcon = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({}, props, { viewBox: "0 0 65 88" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "11.52", cy: "11.52", r: "11.52" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53.49", cy: "11.52", r: "11.52" }), (0, jsx_runtime_1.jsx)("circle", { cx: "11.52", cy: "52.78", r: "11.52" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53.49", cy: "52.78", r: "11.52" }), (0, jsx_runtime_1.jsx)("path", { transform: "translate(-393.75 -467.67)", d: "M429.48,510.5a11.51,11.51,0,1,0-6.68,0c-2.67,41.22-28.09,36.57-28.09,36.57v8.63h62.86v-8.63S432.16,551.72,429.48,510.5Z" })] }))); };
+exports.LogoIcon = LogoIcon;
+//# sourceMappingURL=LogoIcon.js.map

package/dist/components/menus/Menu/LogoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoIcon.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/LogoIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEO,IAAM,QAAQ,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC1D,4CAAS,KAAK,IAAE,OAAO,EAAC,WAAW,iBACjC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,iCAAM,SAAS,EAAC,4BAA4B,EACtC,CAAC,EAAC,yHAAyH,GAAE,KAC/H,CACP,EAT2D,CAS3D,CAAA;AATY,QAAA,QAAQ,YASpB"}

package/dist/components/menus/Menu/Menu.d.ts

@@ -0,0 +1,3 @@
+export declare const Menu: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const backdrop: import("@emotion/utils").SerializedStyles;
+export declare const displayBackdrop: import("@emotion/utils").SerializedStyles;

package/dist/components/menus/Menu/Menu.js

@@ -0,0 +1,103 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.displayBackdrop = exports.backdrop = exports.Menu = 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_client_1 = require("@gamepark/react-client");
+var rules_api_1 = require("@gamepark/rules-api");
+var fscreen_1 = __importDefault(require("fscreen"));
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var react_redux_1 = require("react-redux");
+var dialogs_1 = require("../../dialogs");
+var TimeStatsButton_1 = require("../TimeStatsButton");
+var Result_1 = require("../Result");
+var Fullscreen_1 = require("../Fullscreen");
+var GiveUpButton_1 = require("../GiveUpButton");
+var EjectPlayer_1 = require("../EjectPlayer");
+var RestartTutorialButton_1 = require("../RestartTutorialButton");
+var SoundButton_1 = require("../SoundButton");
+var UndoButton_1 = require("../UndoButton");
+var Chat_1 = require("../../Chat");
+var hooks_1 = require("../../../hooks");
+var ContrastThemeButton_1 = require("../ContrastThemeButton");
+var menuCss_1 = require("../menuCss");
+var NavButton_1 = require("./NavButton");
+var LogoIcon_1 = require("./LogoIcon");
+var GamePoints_1 = require("../../GamePoints");
+var GameProvider_1 = require("../../GameProvider");
+var Menu = function () {
+    var _a, _b;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _c = (0, react_2.useState)(false), isOpen = _c[0], setOpen = _c[1];
+    var game = (_b = (_a = (0, react_2.useContext)(GameProvider_1.gameContext)) === null || _a === void 0 ? void 0 : _a.game) !== null && _b !== void 0 ? _b : '';
+    var query = new URLSearchParams(window.location.search);
+    var gameId = query.get('game');
+    var locale = query.get('locale') || 'en';
+    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
+    var options = (0, react_redux_1.useSelector)(function (state) { return state.options; });
+    var playerId = (0, react_redux_1.useSelector)(function (state) { return state.playerId; });
+    var gameOver = (0, react_redux_1.useSelector)(function (state) { return state.gameOver; });
+    var tournament = (0, react_redux_1.useSelector)(function (state) { return state.tournament; });
+    var couldEject = !gameOver && (playerId !== undefined || (tournament === null || tournament === void 0 ? void 0 : tournament.signedUp) === true) && (options === null || options === void 0 ? void 0 : options.speed) === rules_api_1.GameSpeed.RealTime;
+    var couldUndo = !gameOver && playerId !== undefined;
+    var canGiveUp = !gameOver && playerId !== undefined && gameMode !== react_client_1.GameMode.TUTORIAL;
+    var canPlayAgain = gameOver && playerId !== undefined && gameMode === react_client_1.GameMode.COMPETITIVE;
+    var goToRanking = gameOver && gameMode === react_client_1.GameMode.COMPETITIVE;
+    var chatEnable = gameMode === react_client_1.GameMode.FRIENDLY || gameMode === react_client_1.GameMode.TOURNAMENT;
+    var _d = (0, react_2.useState)(false), ejectPlayerDialogOpen = _d[0], setEjectPlayerDialogOpen = _d[1];
+    var _e = (0, react_2.useState)(false), resultDialogOpen = _e[0], setResultDialogOpen = _e[1];
+    var _f = (0, react_2.useState)(false), resultDialogAutoOpen = _f[0], setResultDialogAutoOpen = _f[1];
+    (0, react_2.useEffect)(function () {
+        if (gameOver === false)
+            setResultDialogAutoOpen(true);
+    }, [gameOver]);
+    (0, react_2.useEffect)(function () {
+        if (gameOver && resultDialogAutoOpen) {
+            var timeout_1 = setTimeout(function () { return setResultDialogOpen(true); }, 10000);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [gameOver, resultDialogAutoOpen]);
+    (0, react_2.useEffect)(function () {
+        if (resultDialogOpen)
+            setResultDialogAutoOpen(false);
+    }, [resultDialogOpen]);
+    var theme = (0, react_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [exports.backdrop, isOpen && exports.displayBackdrop], onClick: function () { return setOpen(false); } }), couldEject && (0, jsx_runtime_1.jsx)(EjectPlayer_1.EjectPlayerPopButton, { onClick: function () { return setEjectPlayerDialogOpen(true); } }), couldUndo && (0, jsx_runtime_1.jsx)(UndoButton_1.UndoPopButton, {}), gameOver && gameMode !== react_client_1.GameMode.TUTORIAL && (0, jsx_runtime_1.jsx)(Result_1.ResultPopButton, { onClick: function () { return setResultDialogOpen(true); } }), fscreen_1.default.fullscreenEnabled && (0, jsx_runtime_1.jsx)(Fullscreen_1.FullscreenPopButton, {}), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [menuCss_1.menuFontSize, menuCss_1.menuBaseCss, menuCss, !isOpen && hide] }, { children: [(0, jsx_runtime_1.jsx)("h2", __assign({ css: titleCss }, { children: t('Menu') })), fscreen_1.default.fullscreenEnabled && (0, jsx_runtime_1.jsx)(Fullscreen_1.FullscreenButton, {}), (0, jsx_runtime_1.jsx)(SoundButton_1.SoundButton, {}), (0, hooks_1.isContrastTheme)(theme) && (0, jsx_runtime_1.jsx)(ContrastThemeButton_1.ContrastThemeButton, { theme: theme }), couldUndo && (0, jsx_runtime_1.jsx)(UndoButton_1.UndoButton, {}), canGiveUp && (0, jsx_runtime_1.jsx)(GiveUpButton_1.GiveUpButton, {}), couldEject && (0, jsx_runtime_1.jsx)(EjectPlayer_1.EjectPlayerButton, { onClick: function () { return setEjectPlayerDialogOpen(true); } }), (options === null || options === void 0 ? void 0 : options.speed) === rules_api_1.GameSpeed.RealTime && (0, jsx_runtime_1.jsx)(TimeStatsButton_1.TimeStatsButton, {}), gameMode === react_client_1.GameMode.TUTORIAL && (0, jsx_runtime_1.jsx)(RestartTutorialButton_1.RestartTutorialButton, {}), (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game) }, { children: [(0, jsx_runtime_1.jsx)(LogoIcon_1.LogoIcon, { css: buttonLogoIcon }), t('Back to Game Park')] })), gameOver && gameMode !== react_client_1.GameMode.TUTORIAL && (0, jsx_runtime_1.jsx)(Result_1.ResultButton, { onClick: function () { return setResultDialogOpen(true); } }), canPlayAgain &&
+                        (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game, "/play") }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChessPawn }), t('Play again')] })), goToRanking &&
+                        (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game, "/ranking") }, { children: [(0, jsx_runtime_1.jsx)(GamePoints_1.GamePointIcon, { css: gamePointIconStyle }), t('See overall ranking')] }))] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Menu'), title: t('Menu'), css: mainButtonCss, onClick: function () { return setOpen(!isOpen); } }, { children: isOpen ? (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faTimes, css: iconStyle }) : (0, jsx_runtime_1.jsx)(LogoIcon_1.LogoIcon, { fill: "white" }) })), couldEject && (0, jsx_runtime_1.jsx)(EjectPlayer_1.EjectPlayerDialog, { open: ejectPlayerDialogOpen, close: function () { return setEjectPlayerDialogOpen(false); } }), gameOver && gameMode !== react_client_1.GameMode.TUTORIAL && (0, jsx_runtime_1.jsx)(dialogs_1.ResultDialog, { open: resultDialogOpen, openDialog: function () { return setResultDialogOpen(true); }, close: function () { return setResultDialogOpen(false); } }), chatEnable && gameId && (0, jsx_runtime_1.jsx)(Chat_1.Chat, { gameId: gameId })] }));
+};
+exports.Menu = Menu;
+(0, menuCss_1.addStylesheetUrl)('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+var mainButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  z-index: 1000;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"], ["\n  ", ";\n  z-index: 1000;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"])), menuCss_1.menuFloatingButtonCss);
+exports.backdrop = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  width: 100vw;\n  height: 100vw;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.5s;\n  pointer-events: none;\n  z-index: 950;\n"], ["\n  position: fixed;\n  width: 100vw;\n  height: 100vw;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.5s;\n  pointer-events: none;\n  z-index: 950;\n"])));
+exports.displayBackdrop = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: 1;\n  pointer-events: auto;\n"], ["\n  opacity: 1;\n  pointer-events: auto;\n"])));
+var menuCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  right: 0;\n  padding: 0.5em 0.75em;\n  border-bottom-left-radius: 0.5em;\n  transform-origin: top right;\n"], ["\n  right: 0;\n  padding: 0.5em 0.75em;\n  border-bottom-left-radius: 0.5em;\n  transform-origin: top right;\n"])));
+var titleCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.5em;\n  margin: 0 2em 1em 0;\n"], ["\n  font-size: 1.5em;\n  margin: 0 2em 1em 0;\n"])));
+var iconStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: white;\n  font-size: 1.5em;\n"], ["\n  color: white;\n  font-size: 1.5em;\n"])));
+var buttonLogoIcon = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n  fill: #28B8CE;\n"], ["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n  fill: #28B8CE;\n"])));
+var gamePointIconStyle = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n"], ["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n"])));
+var hide = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  transform: scale(0);\n"], ["\n  transform: scale(0);\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=Menu.js.map

package/dist/components/menus/Menu/Menu.js.map

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

package/dist/components/menus/Menu/MenuPopButton.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+type Props = {
+    pop?: boolean;
+    popPosition?: number;
+} & HTMLAttributes<HTMLButtonElement>;
+export declare const MenuPopButton: ({ children, pop, popPosition, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/Menu/MenuPopButton.js

@@ -0,0 +1,52 @@
+"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.MenuPopButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var menuCss_1 = require("../menuCss");
+var MenuPopButton = function (_a) {
+    var children = _a.children, pop = _a.pop, _b = _a.popPosition, popPosition = _b === void 0 ? 1 : _b, props = __rest(_a, ["children", "pop", "popPosition"]);
+    var _c = (0, react_2.useState)(), popAfterCreation = _c[0], setPopAfterCreation = _c[1];
+    (0, react_2.useEffect)(function () {
+        if (popAfterCreation === undefined) {
+            setTimeout(function () { return setPopAfterCreation(pop); }, 100);
+        }
+        else {
+            setPopAfterCreation(pop);
+        }
+    }, [pop]);
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ css: [style, popAfterCreation && popStyle(popPosition)] }, props, { children: children })));
+};
+exports.MenuPopButton = MenuPopButton;
+var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  height: 2.25em;\n  width: 2.5em;\n  padding: 0 0.25em 0 0;\n  transition: transform 0.3s;\n  will-change: transform;\n"], ["\n  ", ";\n  height: 2.25em;\n  width: 2.5em;\n  padding: 0 0.25em 0 0;\n  transition: transform 0.3s;\n  will-change: transform;\n"])), menuCss_1.menuFloatingButtonCss);
+var popStyle = function (position) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: translateX(", "em);\n"], ["\n  transform: translateX(", "em);\n"])), -2.25 * position); };
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=MenuPopButton.js.map

package/dist/components/menus/Menu/MenuPopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/MenuPopButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+BAA2D;AAC3D,sCAAkD;AAO3C,IAAM,aAAa,GAAG,UAAC,EAAmD;IAAjD,IAAA,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAE,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EAAK,KAAK,cAA1C,kCAA4C,CAAF;IAChE,IAAA,KAA0C,IAAA,gBAAQ,GAAW,EAA5D,gBAAgB,QAAA,EAAE,mBAAmB,QAAuB,CAAA;IACnE,IAAA,iBAAS,EAAC;QACR,IAAI,gBAAgB,KAAK,SAAS,EAAE;YAClC,UAAU,CAAC,cAAM,OAAA,mBAAmB,CAAC,GAAG,CAAC,EAAxB,CAAwB,EAAE,GAAG,CAAC,CAAA;SAChD;aAAM;YACL,mBAAmB,CAAC,GAAG,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACT,OAAO,CACL,4CAAQ,GAAG,EAAE,CAAC,KAAK,EAAE,gBAAgB,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAM,KAAK,cAAG,QAAQ,IAAU,CAChG,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,aAAa,iBAYzB;AAED,IAAM,KAAK,OAAG,WAAG,yMAAA,MACb,EAAqB,6HAMxB,KANG,+BAAqB,CAMxB,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,QAAgB,IAAK,WAAA,WAAG,0GAAA,4BAChB,EAAgB,QACzC,KADyB,CAAC,IAAI,GAAG,QAAQ,GADH,CAEtC,CAAA"}

package/dist/components/menus/Menu/NavButton.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes, PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    url: string;
+} & HTMLAttributes<HTMLButtonElement>>;
+export declare const NavButton: ({ children, url, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/Menu/NavButton.js

@@ -0,0 +1,33 @@
+"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.NavButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var menuCss_1 = require("../menuCss");
+var NavButton = function (_a) {
+    var children = _a.children, url = _a.url, props = __rest(_a, ["children", "url"]);
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ css: menuCss_1.menuButtonCss, onClick: function () { return window.location.href = url; } }, props, { children: children })));
+};
+exports.NavButton = NavButton;
+//# sourceMappingURL=NavButton.js.map

package/dist/components/menus/Menu/NavButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/NavButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,sCAA0C;AAInC,IAAM,SAAS,GAAG,UAAC,EAAkC;IAAhC,IAAA,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAAzB,mBAA2B,CAAF;IAAc,OAAA,CAC/D,4CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,EAA1B,CAA0B,IAAM,KAAK,cAC7E,QAAQ,IACF,CACV,CAAA;CAAA,CAAA;AAJY,QAAA,SAAS,aAIrB"}

package/dist/components/menus/Menu/index.d.ts

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

package/dist/components/menus/Menu/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("./Menu"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/menus/Menu/index.js.map

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

package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.d.ts

@@ -0,0 +1 @@
+export declare const RestartTutorialButton: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.js

@@ -0,0 +1,36 @@
+"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.RestartTutorialButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var GameProvider_1 = require("../../GameProvider");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var menuCss_1 = require("../menuCss");
+var RestartTutorialButton = function () {
+    var _a;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var game = (_a = (0, react_1.useContext)(GameProvider_1.gameContext)) === null || _a === void 0 ? void 0 : _a.game;
+    if (!game)
+        throw new Error('Cannot use TutorialButton outside a GameProvider context');
+    var onClick = function () {
+        localStorage.removeItem(game);
+        window.location.reload();
+    };
+    return ((0, jsx_runtime_1.jsxs)("button", __assign({ css: menuCss_1.menuButtonCss, onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faGraduationCap }), t('Restart the tutorial')] })));
+};
+exports.RestartTutorialButton = RestartTutorialButton;
+//# sourceMappingURL=RestartTutorialButton.js.map

package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestartTutorialButton.js","sourceRoot":"","sources":["../../../../src/components/menus/RestartTutorialButton/RestartTutorialButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAmE;AACnE,oEAAgE;AAChE,mDAAgD;AAChD,+BAAkC;AAClC,+CAA8C;AAC9C,sCAA0C;AAEnC,IAAM,qBAAqB,GAAG;;IAC3B,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,IAAI,GAAG,MAAA,IAAA,kBAAU,EAAC,0BAAW,CAAC,0CAAE,IAAI,CAAA;IAC1C,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAA;IAEtF,IAAM,OAAO,GAAG;QACd,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC7B,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO,CACL,6CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,OAAO,iBAC1C,uBAAC,mCAAe,IAAC,IAAI,EAAE,sCAAe,GAAG,EACxC,CAAC,CAAC,sBAAsB,CAAC,KACnB,CACV,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,qBAAqB,yBAgBjC"}

package/dist/components/menus/RestartTutorialButton/index.d.ts

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

package/dist/components/menus/RestartTutorialButton/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("./RestartTutorialButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/menus/RestartTutorialButton/index.js.map

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

package/dist/components/menus/Result/Medal.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from 'react';
+export declare const Medal: FC<SVGProps<SVGSVGElement> & {
+    rank: number;
+}>;

package/dist/components/menus/Result/Medal.js

@@ -0,0 +1,42 @@
+"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.Medal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var MedalGold_1 = require("./MedalGold");
+var MedalSilver_1 = require("./MedalSilver");
+var MedalBronze_1 = require("./MedalBronze");
+var Medal = function (_a) {
+    var rank = _a.rank, props = __rest(_a, ["rank"]);
+    switch (rank) {
+        case 1:
+            return (0, jsx_runtime_1.jsx)(MedalGold_1.MedalGold, __assign({}, props));
+        case 2:
+            return (0, jsx_runtime_1.jsx)(MedalSilver_1.MedalSilver, __assign({}, props));
+        default:
+            return (0, jsx_runtime_1.jsx)(MedalBronze_1.MedalBronze, __assign({}, props));
+    }
+};
+exports.Medal = Medal;
+//# sourceMappingURL=Medal.js.map

package/dist/components/menus/Result/Medal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Medal.js","sourceRoot":"","sources":["../../../../src/components/menus/Result/Medal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yCAAuC;AACvC,6CAA2C;AAC3C,6CAA2C;AAEpC,IAAM,KAAK,GAAmD,UAAC,EAAkB;IAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IACpF,QAAQ,IAAI,EAAE;QACZ,KAAK,CAAC;YACJ,OAAO,uBAAC,qBAAS,eAAK,KAAK,EAAG,CAAA;QAChC,KAAK,CAAC;YACJ,OAAO,uBAAC,yBAAW,eAAK,KAAK,EAAG,CAAA;QAClC;YACE,OAAO,uBAAC,yBAAW,eAAK,KAAK,EAAG,CAAA;KACnC;AACH,CAAC,CAAA;AATY,QAAA,KAAK,SASjB"}

package/dist/components/menus/Result/MedalBronze.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const MedalBronze: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/components/menus/Result/MedalBronze.js

@@ -0,0 +1,18 @@
+"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.MedalBronze = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var MedalBronze = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "38px", height: "49px", viewBox: "0 0 38 49" }, props, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ transform: "translate(10.133333, 10.051282)", fill: "#C04D55" }, { children: [(0, jsx_runtime_1.jsx)("polygon", { transform: "translate(15.374006, 2.381707) rotate(-82.007686) translate(-15.374006, -2.381707) ", points: "13.1339224 1.68890753 17.639673 1.61839427 17.6140901 3.07450669 13.1083396 3.14501996" }), (0, jsx_runtime_1.jsx)("polygon", { transform: "translate(1.106125, 2.517676) rotate(-7.992314) translate(-1.106125, -2.517676) ", points: "0.415829824 0.117552627 1.87194225 0.0919697396 1.79641986 4.91780034 0.340307434 4.94338323" })] })), (0, jsx_runtime_1.jsx)("path", { fill: "#FB963F", d: "M36.7333333,30.7815773 C36.7333333,35.8068587 34.672217,40.3628864 31.3436765,43.6618827 C28.0180014,46.958983 23.4287225,49 18.3666667,49 C18.014233,49 17.6646646,48.9905201 17.3170064,48.9706124 C12.6723314,48.7099158 8.48419657,46.7295701 5.38965679,43.6618827 C2.06111631,40.3628864 0,35.8068587 0,30.7815773 C0,25.7591398 2.06016121,21.2050081 5.38583637,17.9060118 C8.48037615,14.8364285 12.6694661,12.8541867 17.3170064,12.5934902 C17.6646646,12.5735824 18.014233,12.5641026 18.3666667,12.5641026 C23.4306327,12.5641026 28.0218218,14.6070155 31.347497,17.9060118 C34.6731721,21.2050081 36.7333333,25.7591398 36.7333333,30.7815773 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F66C4C", d: "M31.6666667,18.0877724 L30.5540112,19.2023088 L18.3715596,31.4063354 L18.3666667,31.4102564 L5.06666667,18.0877724 C8.23729429,14.9137453 12.5293846,12.864057 17.2911976,12.5944901 C17.6474039,12.573905 18.0055674,12.5641026 18.3666667,12.5641026 C23.5551443,12.5641026 28.2592206,14.6765264 31.6666667,18.0877724 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F66C4C", d: "M31.6666667,43.4779534 C28.2582174,46.8886581 23.5547141,49 18.3666667,49 C18.0054611,49 17.6471922,48.9901935 17.290881,48.9695998 C12.5306028,48.6999207 8.23822772,46.6513405 5.06666667,43.4779534 L18.3627512,30.1587494 L18.3666667,30.1538462 L31.6666667,43.4779534 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F66C4C", d: "M38,30.7815773 C38,35.8068587 35.8486169,40.3628864 32.3743027,43.6618827 C28.9029793,46.958983 24.1127125,49 18.8289635,49 C18.461095,49 18.0962172,48.9905201 17.7333333,48.9706124 C27.8103399,48.4302595 35.8067457,40.4937087 35.8067457,30.7815773 C35.8067457,21.0703939 27.8103399,13.133843 17.7333333,12.5934902 C18.0962172,12.5735824 18.461095,12.5641026 18.8289635,12.5641026 C24.1147064,12.5641026 28.9069671,14.6070155 32.3782905,17.9060118 C35.8496139,21.2050081 38,25.7591398 38,30.7815773 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#DE4F42", d: "M30.5879386,42.7179487 L31.6666667,43.7733111 C28.3631213,47.0015874 23.8043806,49 18.7760089,49 C18.4259204,49 18.0786781,48.990718 17.7333333,48.9712258 C22.8774524,48.6871969 27.4513732,46.3193611 30.5879386,42.7179487 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#DE4F42", d: "M17.7333333,12.5928597 C18.0785841,12.5733791 18.4257318,12.5641026 18.775725,12.5641026 C23.8046245,12.5641026 28.3640209,14.5631901 31.6666667,17.7914149 L30.5882324,18.8461538 C27.452521,15.2440858 22.8779487,12.8767209 17.7333333,12.5928597 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M37.891414,0.782509506 L30.3636229,10.0512821 L15.2,10.0512821 L23.2215565,0.175801891 C23.3115905,0.0640148191 23.4461677,0 23.5892744,0 L37.5246438,0 C37.9255321,0 38.1454047,0.47007897 37.891414,0.782509506 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M37.8951247,0.782509506 L30.6245842,10.0512821 L27.8666667,10.0512821 L35.7358392,0 L37.5408884,0 C37.9280769,0 38.1404357,0.47007897 37.8951247,0.782509506 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#DE4F42", d: "M32.9333333,30.1538462 C32.9333333,37.7872361 26.695207,43.974359 19,43.974359 C18.6812636,43.974359 18.3644245,43.9640016 18.0513798,43.9423453 C10.7982298,43.4593147 5.06666667,37.4708652 5.06666667,30.1538462 C5.06666667,22.8377687 10.7982298,16.8483777 18.0513798,16.3653471 C18.3644245,16.3436907 18.6812636,16.3333333 19,16.3333333 C26.695207,16.3333333 32.9333333,22.5213978 32.9333333,30.1538462 L32.9333333,30.1538462 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#C04D55", d: "M32.9333333,30.1538462 C32.9333333,37.7872361 26.5618902,43.974359 18.7022268,43.974359 C18.3766786,43.974359 18.0530682,43.9640016 17.7333333,43.9423453 C25.1414924,43.4593147 30.9955465,37.4708652 30.9955465,30.1538462 C30.9955465,22.8377687 25.1414924,16.8483777 17.7333333,16.3653471 C18.0530682,16.3436907 18.3766786,16.3333333 18.7022268,16.3333333 C26.5618902,16.3333333 32.9333333,22.5213978 32.9333333,30.1538462 L32.9333333,30.1538462 Z" }), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: "translate(11.400000, 23.871795)", fill: "#FB963F" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M1.57812293,0.0120435897 C0.759514894,0.0120435897 0.0958534279,0.674638462 0.0958534279,1.49182564 L0.0958534279,12.2938397 C0.0958534279,13.1111256 0.759514894,13.7736218 1.57812293,13.7736218 C2.39673097,13.7736218 3.06039243,13.1110269 3.06039243,12.2938397 L3.06039243,1.49182564 C3.06039243,0.674638462 2.39673097,0.0120435897 1.57812293,0.0120435897 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.01311111,0.0120435897 C6.19450307,0.0120435897 5.53084161,0.674638462 5.53084161,1.49182564 L5.53084161,12.2938397 C5.53084161,13.1111256 6.19450307,13.7736218 7.01311111,13.7736218 C7.83171915,13.7736218 8.49538061,13.1110269 8.49538061,12.2938397 L8.49538061,1.49182564 C8.49538061,0.674638462 7.83171915,0.0120435897 7.01311111,0.0120435897 L7.01311111,0.0120435897 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.4480993,0.0120435897 C11.6294913,0.0120435897 10.9658298,0.674638462 10.9658298,1.49182564 L10.9658298,12.2938397 C10.9658298,13.1111256 11.6294913,13.7736218 12.4480993,13.7736218 C13.2667073,13.7736218 13.9303688,13.1110269 13.9303688,12.2938397 L13.9303688,1.49182564 C13.9303688,0.674638462 13.2667073,0.0120435897 12.4480993,0.0120435897 Z" })] })), (0, jsx_runtime_1.jsx)("path", { d: "M22.8,10.0512821 L7.63258322,10.0512821 L5.48449781,7.40756556 L0.109544492,0.792063956 C-0.14735363,0.474856196 0.0763657674,0 0.482094166,0 L14.3887194,0 C14.5441855,0 14.6911198,0.0697474895 14.789708,0.191089012 L22.8,10.0512821 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.8,10.0512821 L7.63258322,10.0512821 L5.48449781,7.40756556 L0.109544492,0.792063956 C-0.14735363,0.474856196 0.0763657674,0 0.482094166,0 L14.3887194,0 C14.5441855,0 14.6911198,0.0697474895 14.789708,0.191089012 L22.8,10.0512821 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.8,10.0512821 L7.26658637,10.0512821 L5.06666667,7.40756556 L13.6508194,7.40756556 C15.3031862,7.40756556 16.2118909,5.51769523 15.1653272,4.25937409 L11.6207964,0 L14.1857513,0 C14.3449688,0 14.4954487,0.0697474895 14.5964159,0.191089012 L22.8,10.0512821 Z" }), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: "translate(7.600000, 18.846154)", fill: "#F66C4C" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.1657837,2.32496245 C18.849885,2.09385716 18.4050307,2.16030345 18.1720388,2.47355027 C17.939047,2.78679709 18.0061304,3.22814335 18.3218396,3.45924864 C19.198757,4.10115556 19.968606,4.86984615 20.6102575,5.74417414 C20.7493514,5.93373874 20.9658567,6.03430103 21.185394,6.03430103 C21.3303625,6.03430103 21.4767522,5.99041076 21.6029601,5.89924682 C21.9202801,5.67011518 21.9903008,5.22923885 21.7592987,4.91448829 C21.0321822,3.92371482 20.1596234,3.05248829 19.1657837,2.32496245 L19.1657837,2.32496245 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.03476562,2.22411821 C3.98322283,2.97100464 3.06366772,3.87625318 2.30158819,4.91458227 C2.07058609,5.22933283 2.14060682,5.67020917 2.45792677,5.8993408 C2.58413465,5.99050474 2.73042966,6.03439501 2.87549291,6.03439501 C3.09503018,6.03439501 3.31153543,5.93383273 3.4506294,5.74426812 C4.1230748,4.82792954 4.93442467,4.02925823 5.8622231,3.37024632 C6.18134331,3.14365223 6.25477507,2.70333979 6.02623648,2.38680355 C5.7978874,2.07026731 5.35398058,1.99733616 5.03476562,2.22411821 L5.03476562,2.22411821 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M21.6029601,17.93862 C21.2855454,17.7094884 20.8411648,17.7790361 20.6101627,18.0936927 C19.968606,18.9680207 19.1986622,19.7367113 18.3217449,20.3786182 C18.0059409,20.6097235 17.9388575,21.0510698 18.1719441,21.3643166 C18.3113223,21.5516256 18.5263115,21.6506841 18.7443328,21.6506841 C18.8909121,21.6506841 19.0387231,21.605854 19.1657837,21.5129044 C20.1596234,20.7854725 21.0321822,19.914152 21.7593934,18.9232846 C21.9903008,18.608628 21.9202801,18.1677517 21.6029601,17.93862 L21.6029601,17.93862 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.86231785,20.4677145 C4.93451942,19.8087026 4.12316955,19.0100313 3.45072415,18.0936927 C3.2198168,17.7791301 2.77543622,17.7093944 2.45802152,17.938714 C2.14070157,18.1678456 2.07068084,18.608628 2.30168294,18.9233786 C3.06366772,19.9618016 3.98331759,20.8670502 5.03486037,21.6139366 C5.16021549,21.7029389 5.30480499,21.7457954 5.44797323,21.7457954 C5.66940551,21.7457954 5.88761627,21.6434474 6.02633123,21.4512513 C6.25477507,21.134621 6.18134331,20.6943086 5.86231785,20.4677145 L5.86231785,20.4677145 Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12.0304908", cy: "0.704593882", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8.16087402", cy: "1.38089875", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "15.9001076", cy: "1.38080476", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12.0304908", cy: "23.1333669", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8.16087402", cy: "22.4570621", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "15.9001076", cy: "22.4571561", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "23.3437192", cy: "11.9192624", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "22.6618934", cy: "8.0809785", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "22.6619882", cy: "15.7575462", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "0.731854068", cy: "11.9192624", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "1.41367979", cy: "8.0809785", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "1.41358504", cy: "15.7575462", r: "1" })] })), (0, jsx_runtime_1.jsx)("path", { fill: "#FB963F", d: "M32.2,10.0512821 L5.8,10.0512821 C5.39500444,10.0512821 5.06666667,10.3325504 5.06666667,10.6794872 C5.06666667,11.0264239 5.39500444,11.3076923 5.8,11.3076923 L32.2,11.3076923 C32.6049956,11.3076923 32.9333333,11.0264239 32.9333333,10.6794872 C32.9333333,10.3325504 32.6049956,10.0512821 32.2,10.0512821 Z" })] }))); };
+exports.MedalBronze = MedalBronze;
+//# sourceMappingURL=MedalBronze.js.map

package/dist/components/menus/Result/MedalBronze.js.map

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

package/dist/components/menus/Result/MedalGold.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const MedalGold: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/components/menus/Result/MedalGold.js

@@ -0,0 +1,18 @@
+"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.MedalGold = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var MedalGold = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "38px", height: "49px", viewBox: "0 0 38 49" }, props, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ transform: "translate(11.000000, 9.000000)", fill: "#FB963F" }, { children: [(0, jsx_runtime_1.jsx)("polygon", { transform: "translate(15.884360, 1.908896) rotate(-82.007686) translate(-15.884360, -1.908896) ", points: "14.2807829 1.09235193 17.4378599 1.23038092 17.4879381 2.72543994 14.3308611 2.58741095" }), (0, jsx_runtime_1.jsx)("polygon", { transform: "translate(1.129563, 2.003374) rotate(-7.992314) translate(-1.129563, -2.003374) ", points: "0.308116797 0.287660139 1.80317582 0.337738381 1.95101013 3.7190882 0.455951106 3.66900996" })] })), (0, jsx_runtime_1.jsx)("path", { fill: "#FFE8A7", d: "M37,30.9995317 C37,35.9646936 34.923921,40.4662157 31.5712168,43.7257448 C28.2213989,46.9834005 23.598804,49 18.5,49 C18.1450078,49 17.7929017,48.9906335 17.4427197,48.970964 C12.7643266,48.7133862 8.54578783,46.7567321 5.42878315,43.7257448 C2.07607904,40.4662157 0,35.9646936 0,30.9995317 C0,26.0371797 2.075117,21.5375309 5.424935,18.2780018 C8.54193968,15.2451411 12.7614405,13.2866138 17.4427197,13.029036 C17.7929017,13.0093665 18.1450078,13 18.5,13 C23.600728,13 28.225247,15.0184727 31.575065,18.2780018 C34.924883,21.5375309 37,26.0371797 37,30.9995317 Z" }), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: "translate(6.000000, 13.000000)", fill: "#FFE26F" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M26.4442553,5.32987013 L25.3383587,6.39303896 L13.2299088,18.0345974 L13.2250456,18.0383377 L0.00583586626,5.32987013 C3.15720365,2.30212987 7.42322188,0.346909091 12.1561094,0.0897662338 C12.510152,0.0701298701 12.8661398,0.0607792208 13.2250456,0.0607792208 C18.3820061,0.0607792208 23.0575076,2.07584416 26.4442553,5.32987013 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M26.4403647,30.7346494 C23.053617,33.9868052 18.3800608,36 13.2250456,36 C12.8661398,36 12.510152,35.9906494 12.1561094,35.971013 C7.42613982,35.7138701 3.16109422,33.7605195 0.00972644377,30.7346494 L13.221155,18.0345974 L13.2250456,18.0299221 L26.4403647,30.7346494 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M31.928997,18.0299221 C31.928997,22.9867013 29.8300304,27.4806234 26.4403647,30.7346494 C23.053617,33.9868052 18.3800608,36 13.2250456,36 C12.8661398,36 12.510152,35.9906494 12.1561094,35.971013 C21.9875988,35.438026 29.7891793,27.6096623 29.7891793,18.0299221 C29.7891793,8.45111688 21.9875988,0.622753247 12.1561094,0.0897662338 C12.510152,0.0701298701 12.8661398,0.0607792208 13.2250456,0.0607792208 C18.3820061,0.0607792208 23.0575076,2.07584416 26.4442553,5.32987013 C29.831003,8.5838961 31.928997,13.0759481 31.928997,18.0299221 Z" })] })), (0, jsx_runtime_1.jsx)("path", { fill: "#FFC54B", d: "M30.9161106,43 L32,44.0079787 C28.6806482,47.0913121 24.1000953,49 19.0476644,49 C18.6959009,49 18.3469971,48.9911348 18,48.9725177 C23.1687321,48.7012411 27.7645377,46.4397163 30.9161106,43 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFC54B", d: "M18,13.027466 C18.3469027,13.00886 18.6957114,13 19.0473792,13 C24.1003404,13 28.6815521,14.9093325 32,17.9926167 L30.9164057,19 C27.7656909,15.5596574 23.1692308,13.2985824 18,13.027466 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M37.8856989,0.700665399 L29.9617083,9 L14,9 L22.4437437,0.157414449 C22.5385164,0.0573193916 22.6801765,0 22.8308151,0 L37.4996251,0 C37.9216128,0 38.1530575,0.420912548 37.8856989,0.700665399 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M37.8861551,0.700665399 L29.993792,9 L27,9 L35.5421938,0 L37.5016223,0 C37.9219256,0 38.1524466,0.420912548 37.8861551,0.700665399 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFC54B", d: "M34,30.5 C34,38.5086865 27.5081699,45 19.5,45 C19.1683007,45 18.8385757,44.9891334 18.5127996,44.9664123 C10.964665,44.4596335 5,38.1767611 5,30.5 C5,22.8242267 10.964665,16.5403665 18.5127996,16.0335877 C18.8385757,16.0108666 19.1683007,16 19.5,16 C27.5081699,16 34,22.4923014 34,30.5 L34,30.5 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FEAC38", d: "M33,30.5 C33,38.5086865 27.1315655,45 19.8924018,45 C19.5925548,45 19.2944926,44.9891334 19,44.9664123 C25.8233044,44.4596335 31.2151963,38.1767611 31.2151963,30.5 C31.2151963,22.8242267 25.8233044,16.5403665 19,16.0335877 C19.2944926,16.0108666 19.5925548,16 19.8924018,16 C27.1315655,16 33,22.4923014 33,30.5 L33,30.5 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFE8A7", d: "M19,24 C17.8954667,24 17,24.6259263 17,25.3978896 L17,35.6021104 C17,36.374167 17.8954667,37 19,37 C20.1045333,37 21,36.3740737 21,35.6021104 L21,25.3978896 C21,24.6259263 20.1045333,24 19,24 L19,24 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M24,9 L8.03429812,9 L5.77315559,6.63279468 L0.115309991,0.709220532 C-0.155109084,0.425190114 0.0803850183,0 0.507467543,0 L15.1460205,0 C15.3096689,0 15.4643366,0.0624524715 15.5681137,0.171102662 L24,9 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M24,9 L8.2330012,9 L6,6.63279468 L14.7132377,6.63279468 C16.3904522,6.63279468 17.3128216,4.94058935 16.2505201,3.81387833 L12.6526881,0 L15.2562137,0 C15.4178255,0 15.5705683,0.0624524715 15.6730538,0.171102662 L24,9 Z" }), (0, jsx_runtime_1.jsxs)("g", __assign({ transform: "translate(7.000000, 18.000000)", fill: "#FFE26F" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.9090551,2.43484252 C19.5809055,2.19281496 19.1187992,2.26240157 18.8767717,2.59045276 C18.6347441,2.91850394 18.7044291,3.38070866 19.0323819,3.62273622 C19.9433071,4.29498031 20.7430118,5.1 21.4095472,6.01564961 C21.5540354,6.21417323 21.778937,6.31948819 22.0069882,6.31948819 C22.1575787,6.31948819 22.3096457,6.27352362 22.440748,6.17805118 C22.770374,5.93809055 22.8431102,5.47637795 22.6031496,5.14675197 C21.8478346,4.10915354 20.941437,3.19675197 19.9090551,2.43484252 L19.9090551,2.43484252 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.23001969,2.32923228 C4.13769685,3.11141732 3.18248031,4.05944882 2.39084646,5.14685039 C2.15088583,5.47647638 2.22362205,5.93818898 2.55324803,6.17814961 C2.68435039,6.27362205 2.8363189,6.31958661 2.98700787,6.31958661 C3.21505906,6.31958661 3.43996063,6.21427165 3.58444882,6.01574803 C4.28297244,5.05610236 5.1257874,4.21968504 6.08956693,3.52952756 C6.42106299,3.29222441 6.49734252,2.83110236 6.25994094,2.4996063 C6.02273622,2.16811024 5.56161417,2.09173228 5.23001969,2.32923228 L5.23001969,2.32923228 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.440748,18.7864173 C22.1110236,18.5464567 21.6494094,18.6192913 21.4094488,18.9488189 C20.7430118,19.8644685 19.9432087,20.6694882 19.0322835,21.3417323 C18.7042323,21.5837598 18.6345472,22.0459646 18.8766732,22.3740157 C19.0214567,22.5701772 19.2447835,22.6739173 19.4712598,22.6739173 C19.6235236,22.6739173 19.7770669,22.6269685 19.9090551,22.529626 C20.941437,21.767815 21.8478346,20.855315 22.603248,19.8176181 C22.8431102,19.4880906 22.770374,19.026378 22.440748,18.7864173 L22.440748,18.7864173 Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.08966535,21.4350394 C5.12588583,20.7448819 4.28307087,19.9084646 3.58454724,18.9488189 C3.34468504,18.6193898 2.88307087,18.5463583 2.55334646,18.7865157 C2.22372047,19.0264764 2.15098425,19.4880906 2.39094488,19.8177165 C3.18248031,20.9052165 4.13779528,21.853248 5.23011811,22.6354331 C5.36033465,22.7286417 5.5105315,22.7735236 5.65925197,22.7735236 C5.88927165,22.7735236 6.11594488,22.6663386 6.26003937,22.4650591 C6.49734252,22.1334646 6.42106299,21.6723425 6.08966535,21.4350394 L6.08966535,21.4350394 Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12.4970472", cy: "0.737893701", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8.4773622", cy: "1.44616142", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "16.5167323", cy: "1.44606299", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12.4970472", cy: "24.2266732", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8.4773622", cy: "23.5184055", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "16.5167323", cy: "23.5185039", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "24.2490157", cy: "12.4825787", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "23.540748", cy: "8.4628937", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "23.5408465", cy: "16.5022638", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "0.76023622", cy: "12.4825787", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "1.46850394", cy: "8.4628937", r: "1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "1.46840551", cy: "16.5022638", r: "1" })] })), (0, jsx_runtime_1.jsx)("path", { fill: "#FEAC38", d: "M31.2894737,9 L5.71052632,9 C5.31812632,9 5,9.22386667 5,9.5 C5,9.77613333 5.31812632,10 5.71052632,10 L31.2894737,10 C31.6818737,10 32,9.77613333 32,9.5 C32,9.22386667 31.6818737,9 31.2894737,9 Z" })] }))); };
+exports.MedalGold = MedalGold;
+//# sourceMappingURL=MedalGold.js.map