@gamepark/react-game 6.38.7 → 7.0.0-beta.3

package/dist/components/JournalTabs/JournalTabs.js

@@ -1,94 +1,137 @@
-"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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JournalTabs = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faCommentDots_1 = require("@fortawesome/free-regular-svg-icons/faCommentDots");
-var faTimes_1 = require("@fortawesome/free-solid-svg-icons/faTimes");
-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 hooks_1 = require("../../hooks");
-var GameProvider_1 = require("../GameProvider");
-var menus_1 = require("../menus");
-var menuCss_1 = require("../menus/menuCss");
-var Chat_1 = require("./Chat");
-var History_1 = require("./History");
-var JournalTab;
-(function (JournalTab) {
-    JournalTab[JournalTab["LOG"] = 1] = "LOG";
-    JournalTab[JournalTab["CHAT"] = 2] = "CHAT";
-})(JournalTab || (JournalTab = {}));
-var JournalTabs = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var gameId = props.gameId;
-    var history = (0, react_2.useContext)(GameProvider_1.gameContext).logs;
-    var logEnabled = history !== undefined;
-    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
-    var chatEnabled = gameMode !== react_client_1.GameMode.COMPETITIVE && gameMode !== react_client_1.GameMode.TUTORIAL;
-    var _a = __read((0, react_2.useState)(), 2), tab = _a[0], setTab = _a[1];
-    var _b = __read((0, react_2.useState)(false), 2), isOpen = _b[0], setOpen = _b[1];
-    (0, hooks_1.useKeyDown)('Enter', function () { return setOpen(true); });
-    (0, hooks_1.useKeyDown)('Escape', function () { return setOpen(false); });
-    (0, react_2.useEffect)(function () {
-        if (!tab && gameMode) {
-            setTab(chatEnabled ? JournalTab.CHAT : JournalTab.LOG);
-        }
-    }, [gameMode]);
-    if (!gameMode || (!logEnabled && !chatEnabled))
-        return null;
-    var isChatOpened = isOpen && tab === JournalTab.CHAT;
-    var isLogOpened = isOpen && tab === JournalTab.LOG;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [menus_1.backdrop, isOpen && menus_1.displayBackdrop], onClick: function () { return setOpen(false); } }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [menuCss_1.menuFontSize, menuCss_1.menuBaseCss, journalMenu, !isOpen && menuCss_1.hide] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: buttonContainer }, { children: chatEnabled && logEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: [button, chatButton, isChatOpened && selected], disabled: tab === JournalTab.CHAT, onClick: function () { return setTab(JournalTab.CHAT); } }, { children: (0, jsx_runtime_1.jsx)("div", { children: t('Chat') }) })), (0, jsx_runtime_1.jsx)("button", __assign({ css: [button, logButton, isLogOpened && selected], disabled: tab === JournalTab.LOG, onClick: function () { return setTab(JournalTab.LOG); } }, { children: (0, jsx_runtime_1.jsx)("div", { children: t('History') }) }))] })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container, flexEnd] }, { children: [chatEnabled && ((0, jsx_runtime_1.jsx)(Chat_1.Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && ((0, jsx_runtime_1.jsx)(History_1.History, { css: [(0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["justify-self: flex-start"], ["justify-self: flex-start"]))), !isLogOpened && closed], open: isLogOpened }))] }))] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Discuss'), title: t('Discuss'), css: [journalButtonCss], onClick: function () { return setOpen(!isOpen); } }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? faTimes_1.faTimes : faCommentDots_1.faCommentDots, css: iconStyle }) }))] }));
-};
-exports.JournalTabs = JournalTabs;
-var buttonContainer = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  align-items: center;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  align-items: center;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"])));
-var container = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"])));
-var flexEnd = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  justify-content: flex-end;\n"], ["\n  justify-content: flex-end;\n"])));
-var button = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n  font-size: 0.7em;\n"], ["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n  font-size: 0.7em;\n"])));
-var selected = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: #28B8CE;\n  color: white;\n"], ["\n  background: #28B8CE;\n  color: white;\n"])));
-var chatButton = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"], ["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"])));
-var logButton = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"], ["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"
-    //TODO: display: none cause a lag on opening
-])));
-//TODO: display: none cause a lag on opening
-var closed = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
-var journalButtonCss = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\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  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\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);
-var iconStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"], ["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"])));
-var journalMenu = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100vh;\n  height: 100dvh;\n  width: 35vw;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"], ["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100vh;\n  height: 100dvh;\n  width: 35vw;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { faCommentDots } from '@fortawesome/free-regular-svg-icons/faCommentDots';
+import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { GameMode, useGameSelector } from '@gamepark/react-client';
+import { useContext, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useKeyDown } from '../../hooks';
+import { gameContext } from '../GameProvider';
+import { backdrop, displayBackdrop } from '../menus';
+import { hide, menuBaseCss, menuFloatingButtonCss, menuFontSize } from '../menus/menuCss';
+import { Chat } from './Chat';
+import { History } from './History';
+var JournalTab;
+(function (JournalTab) {
+    JournalTab[JournalTab["LOG"] = 1] = "LOG";
+    JournalTab[JournalTab["CHAT"] = 2] = "CHAT";
+})(JournalTab || (JournalTab = {}));
+export const JournalTabs = (props) => {
+    const { t } = useTranslation();
+    const { gameId } = props;
+    const history = useContext(gameContext).logs;
+    const logEnabled = history !== undefined;
+    const gameMode = useGameSelector((state) => state.gameMode);
+    const chatEnabled = gameMode !== GameMode.COMPETITIVE && gameMode !== GameMode.TUTORIAL;
+    const [tab, setTab] = useState();
+    const [isOpen, setOpen] = useState(false);
+    useKeyDown('Enter', () => setOpen(true));
+    useKeyDown('Escape', () => setOpen(false));
+    useEffect(() => {
+        if (!tab && gameMode) {
+            setTab(chatEnabled ? JournalTab.CHAT : JournalTab.LOG);
+        }
+    }, [gameMode]);
+    if (!gameMode || (!logEnabled && !chatEnabled))
+        return null;
+    const isChatOpened = isOpen && tab === JournalTab.CHAT;
+    const isLogOpened = isOpen && tab === JournalTab.LOG;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), _jsxs("div", { css: [menuFontSize, menuBaseCss, journalMenu, !isOpen && hide], children: [_jsx("div", { css: buttonContainer, children: chatEnabled && logEnabled && (_jsxs(_Fragment, { children: [_jsx("button", { css: [button, chatButton, isChatOpened && selected], disabled: tab === JournalTab.CHAT, onClick: () => setTab(JournalTab.CHAT), children: _jsx("div", { children: t('Chat') }) }), _jsx("button", { css: [button, logButton, isLogOpened && selected], disabled: tab === JournalTab.LOG, onClick: () => setTab(JournalTab.LOG), children: _jsx("div", { children: t('History') }) })] })) }), _jsxs("div", { css: [container, flexEnd], children: [chatEnabled && (_jsx(Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && (_jsx(History, { css: [css `justify-self: flex-start`, !isLogOpened && closed], open: isLogOpened }))] })] }), _jsx("button", { "aria-label": t('Discuss'), title: t('Discuss'), css: [journalButtonCss], onClick: () => setOpen(!isOpen), children: _jsx(FontAwesomeIcon, { icon: isOpen ? faTimes : faCommentDots, css: iconStyle }) })] }));
+};
+const buttonContainer = css `
+  display: flex;
+  flex-direction: row;
+  inset: 0;
+  width: 100%;
+  align-self: flex-start;
+  align-items: center;
+  padding-left: 3em;
+  padding-top: 0.3em;
+  padding-right: 0.5em;
+  flex: 0;
+  min-height: 2em;
+`;
+const container = css `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden
+`;
+const flexEnd = css `
+  justify-content: flex-end;
+`;
+const button = css `
+  flex: 1;
+  border: 0.01em solid #28B8CE;
+  color: black;
+  cursor: pointer;
+  background: white;
+  height: 2em;
+  font-size: 0.7em;
+`;
+const selected = css `
+  background: #28B8CE;
+  color: white;
+`;
+const chatButton = css `
+  border-top-left-radius: 0.5em;
+  border-bottom-left-radius: 0.5em
+`;
+const logButton = css `
+  border-top-right-radius: 0.5em;
+  border-bottom-right-radius: 0.5em
+`;
+//TODO: display: none cause a lag on opening
+const closed = css `
+  display: none;
+`;
+const journalButtonCss = css `
+  ${menuFloatingButtonCss};
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  border-bottom-right-radius: 25%;
+  border-bottom-left-radius: 0;
+  background: #28B8CE;
+  height: 2.5em;
+  width: 2.5em;
+
+  &:focus, &:hover {
+    background: #24a5b9;
+  }
+
+  &:active {
+    background: #2092a3;
+  }
+
+  svg {
+    position: relative;
+    width: 70%;
+    height: 60%;
+  }
+`;
+const iconStyle = css `
+  color: white;
+  font-size: 1.5em;
+  @media (max-height: 300px) {
+    font-size: 20px;
+  }
+`;
+const journalMenu = css `
+  padding: 0;
+  border-bottom-right-radius: 0.5em;
+  transform-origin: top left;
+  left: 0;
+  height: 100vh;
+  height: 100dvh;
+  width: 35vw;
+  width: 35dvw;
+  max-width: 100vw;
+  justify-content: flex-end;
+  display: flex;
+  flex-direction: column;
+`;
 //# sourceMappingURL=JournalTabs.js.map

package/dist/components/JournalTabs/JournalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AAEtC,wCAAoC;AACpC,mFAAiF;AACjF,qEAAmE;AACnE,oEAAgE;AAChE,uDAAgE;AAChE,+BAA2D;AAC3D,+CAA8C;AAC9C,2CAAyC;AACzC,qCAAwC;AACxC,gDAA6C;AAC7C,kCAAoD;AACpD,4CAAyF;AACzF,+BAA6B;AAC7B,qCAAmC;AAMnC,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,yCAAO,CAAA;IACP,2CAAI,CAAA;AACN,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAEM,IAAM,WAAW,GAAyB,UAAC,KAAK;IAC7C,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACtB,IAAA,MAAM,GAAK,KAAK,OAAV,CAAU;IACxB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC,IAAI,CAAA;IAC5C,IAAM,UAAU,GAAG,OAAO,KAAK,SAAS,CAAA;IACxC,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAM,WAAW,GAAG,QAAQ,KAAK,uBAAQ,CAAC,WAAW,IAAI,QAAQ,KAAK,uBAAQ,CAAC,QAAQ,CAAA;IACjF,IAAA,KAAA,OAAgB,IAAA,gBAAQ,GAA0B,IAAA,EAAjD,GAAG,QAAA,EAAE,MAAM,QAAsC,CAAA;IAClD,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAA;IACzC,IAAA,kBAAU,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC,CAAA;IACxC,IAAA,kBAAU,EAAC,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAA;IAC1C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,GAAG,IAAI,QAAQ,EAAE;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;SACvD;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3D,IAAM,YAAY,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,IAAI,CAAA;IACtD,IAAM,WAAW,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,GAAG,CAAA;IAEpD,OAAO,CACL,6DACE,gCAAK,GAAG,EAAE,CAAC,gBAAQ,EAAE,MAAM,IAAI,uBAAe,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,GAAG,EACjF,0CAAK,GAAG,EAAE,CAAC,sBAAY,EAAE,qBAAW,EAAE,WAAW,EAAE,CAAC,MAAM,IAAI,cAAI,CAAC,iBACjE,yCAAK,GAAG,EAAE,eAAe,gBACtB,WAAW,IAAI,UAAU,IAAI,CAC5B,6DACE,4CAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAvB,CAAuB,gBACpI,0CAAM,CAAC,CAAC,MAAM,CAAC,GAAO,IACf,EACT,4CAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,EAAtB,CAAsB,gBAChI,0CAAM,CAAC,CAAC,SAAS,CAAC,GAAO,IAClB,IACR,CACJ,IACG,EACN,0CAAK,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAC3B,WAAW,IAAI,CACd,uBAAC,WAAI,IAAC,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,CAC5E,EACA,UAAU,IAAI,CACb,uBAAC,iBAAO,IAAC,GAAG,EAAE,KAAC,WAAG,8FAAA,0BAA0B,MAAE,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,GAAG,CAC5F,KACG,KACF,EACN,0DAAoB,CAAC,CAAC,SAAS,CAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAE,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,MAAM,CAAC,EAAhB,CAAgB,gBAC/G,uBAAC,mCAAe,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,iBAAO,CAAC,CAAC,CAAC,6BAAa,EAAE,GAAG,EAAE,SAAS,GAAG,IACnE,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,WAAW,eAmDvB;AAED,IAAM,eAAe,OAAG,WAAG,wSAAA,oOAY1B,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,qKAAA,iGAMpB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,sGAAA,kCAElB,IAAA,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,qNAAA,iJAQjB,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,iHAAA,6CAGnB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,8IAAA,0EAGrB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,gJAAA,4EAGpB;IAED,4CAA4C;IAF3C,CAAA;AAED,4CAA4C;AAC5C,IAAM,MAAM,OAAG,WAAG,0FAAA,sBAEjB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,8aAAA,MACxB,EAAqB,gWAuBxB,KAvBG,+BAAqB,CAuBxB,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2KAAA,qGAMpB,IAAA,CAAA;AAGD,IAAM,WAAW,OAAG,WAAG,gVAAA,0QAatB,IAAA,CAAA"}
+{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAM,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,yCAAO,CAAA;IACP,2CAAI,CAAA;AACN,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAED,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAA;IAC5C,MAAM,UAAU,GAAG,OAAO,KAAK,SAAS,CAAA;IACxC,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC3D,MAAM,WAAW,GAAG,QAAQ,KAAK,QAAQ,CAAC,WAAW,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAA;IACvF,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,EAA0B,CAAA;IACxD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IACxC,UAAU,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,IAAI,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3D,MAAM,YAAY,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,IAAI,CAAA;IACtD,MAAM,WAAW,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,GAAG,CAAA;IAEpD,OAAO,CACL,8BACE,cAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EACjF,eAAK,GAAG,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,aACjE,cAAK,GAAG,EAAE,eAAe,YACtB,WAAW,IAAI,UAAU,IAAI,CAC5B,8BACE,iBAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,YACpI,wBAAM,CAAC,CAAC,MAAM,CAAC,GAAO,GACf,EACT,iBAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,YAChI,wBAAM,CAAC,CAAC,SAAS,CAAC,GAAO,GAClB,IACR,CACJ,GACG,EACN,eAAK,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,aAC3B,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,CAC5E,EACA,UAAU,IAAI,CACb,KAAC,OAAO,IAAC,GAAG,EAAE,CAAC,GAAG,CAAA,0BAA0B,EAAE,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,GAAG,CAC5F,IACG,IACF,EACN,+BAAoB,CAAC,CAAC,SAAS,CAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAE,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAC/G,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,SAAS,GAAG,GACnE,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;CAY1B,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;CAElB,CAAA;AAED,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;CAQjB,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;;CAGnB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;CAGrB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;CAGpB,CAAA;AAED,4CAA4C;AAC5C,MAAM,MAAM,GAAG,GAAG,CAAA;;CAEjB,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;IACxB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAGD,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;CAatB,CAAA"}

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

@@ -1 +1 @@
-export * from './History';
+export * from './History';

package/dist/components/JournalTabs/index.js

@@ -1,18 +1,2 @@
-"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("./History"), exports);
+export * from './History';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/Letterbox/Letterbox.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
-export type LetterboxProps = {
-    width?: number;
-    height?: number;
-    left?: number;
-    top?: number;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Letterbox: ({ children, width, height, left, top, ...props }: LetterboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { HTMLAttributes } from 'react';
+export type LetterboxProps = {
+    width?: number;
+    height?: number;
+    left?: number;
+    top?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Letterbox: ({ children, width, height, left, top, ...props }: LetterboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Letterbox/Letterbox.js

@@ -1,43 +1,31 @@
-"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.Letterbox = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var Letterbox = function (_a) {
-    var children = _a.children, _b = _a.width, width = _b === void 0 ? 16 : _b, _c = _a.height, height = _c === void 0 ? 9 : _c, _d = _a.left, left = _d === void 0 ? 50 : _d, _e = _a.top, top = _e === void 0 ? 50 : _e, props = __rest(_a, ["children", "width", "height", "left", "top"]);
-    return (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container(left, top), aspectRatio(width, height)] }, props, { children: [(0, jsx_runtime_1.jsx)("canvas", { css: [canvas, aspectRatio(width, height)], width: width, height: height }), (0, jsx_runtime_1.jsx)("div", __assign({ css: content }, { children: children }))] }));
-};
-exports.Letterbox = Letterbox;
-var aspectRatio = function (width, height) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"], ["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"])), width, height, width, height); };
-var container = function (left, top) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"], ["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"])), left, top, left, top); };
-var canvas = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n"], ["\n  padding: 0;\n  margin: 0;\n"])));
-var content = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+export const Letterbox = ({ children, width = 16, height = 9, left = 50, top = 50, ...props }) => _jsxs("div", { css: [container(left, top), aspectRatio(width, height)], ...props, children: [_jsx("canvas", { css: [canvas, aspectRatio(width, height)], width: width, height: height }), _jsx("div", { css: content, children: children })] });
+const aspectRatio = (width, height) => css `
+  @media (min-aspect-ratio: ${width}/${height}) {
+    height: 100%;
+  }
+  @media (max-aspect-ratio: ${width}/${height}) {
+    width: 100%;
+  }
+`;
+const container = (left, top) => css `
+  position: absolute;
+  display: inline-block;
+  left: ${left}%;
+  top: ${top}%;
+  transform: translate(-${left}%, -${top}%);
+`;
+const canvas = css `
+  padding: 0;
+  margin: 0;
+`;
+const content = css `
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+`;
 //# sourceMappingURL=Letterbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Letterbox.js","sourceRoot":"","sources":["../../../src/components/Letterbox/Letterbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAU7B,IAAM,SAAS,GAAG,UAAC,EAAmF;IAAjF,IAAA,QAAQ,cAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAjE,8CAAmE,CAAF;IAAuB,OAAA,0CAChH,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAM,KAAK,eAClE,mCAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,EAClF,yCAAK,GAAG,EAAE,OAAO,gBACd,QAAQ,IACL,KACF,CAAA;CAAA,CAAA;AANO,QAAA,SAAS,aAMhB;AAEN,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,2MAAA,gCAC5B,EAAK,GAAI,EAAM,2DAGf,EAAK,GAAI,EAAM,8BAG5C,KAN6B,KAAK,EAAI,MAAM,EAGf,KAAK,EAAI,MAAM,GAJU,CAOtD,CAAA;AAED,IAAM,SAAS,GAAG,UAAC,IAAY,EAAE,GAAW,IAAK,WAAA,WAAG,iMAAA,6DAG1C,EAAI,aACL,EAAG,8BACc,EAAI,MAAO,EAAG,OACvC,KAHS,IAAI,EACL,GAAG,EACc,IAAI,EAAO,GAAG,GALS,CAMhD,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,qGAAA,iCAGjB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,iJAAA,6EAMlB,IAAA,CAAA"}
+{"version":3,"file":"Letterbox.js","sourceRoot":"","sources":["../../../src/components/Letterbox/Letterbox.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAUpC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE,CAAC,eAChH,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,KAAM,KAAK,aAClE,iBAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,EAClF,cAAK,GAAG,EAAE,OAAO,YACd,QAAQ,GACL,IACF,CAAA;AAEN,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE,CAAC,GAAG,CAAA;8BAC5B,KAAK,IAAI,MAAM;;;8BAGf,KAAK,IAAI,MAAM;;;CAG5C,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,GAAW,EAAE,EAAE,CAAC,GAAG,CAAA;;;UAG1C,IAAI;SACL,GAAG;0BACc,IAAI,OAAO,GAAG;CACvC,CAAA;AAED,MAAM,MAAM,GAAG,GAAG,CAAA;;;CAGjB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;CAMlB,CAAA"}

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

@@ -1 +1 @@
-export * from './Letterbox';
+export * from './Letterbox';

package/dist/components/Letterbox/index.js

@@ -1,18 +1,2 @@
-"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);
+export * from './Letterbox';
 //# sourceMappingURL=index.js.map

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

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

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

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