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

package/dist/components/Log/LiveLogButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveLogButton.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mEAAiE;AACjE,6EAA2E;AAC3E,oEAAgE;AAChE,uDAAuD;AACvD,+BAAkC;AAClC,+CAA8C;AAC9C,gDAA6C;AAC7C,4CAAgD;AAEzC,IAAM,aAAa,GAAG;;IACnB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAA2B,IAAA,6BAAc,GAAE,EAAzC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAqB,CAAA;IACjD,IAAM,OAAO,GAAG,MAAA,IAAA,kBAAU,EAAC,0BAAW,CAAC,0CAAE,IAAI,CAAA;IAC7C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACzB,OAAO,CACL,6CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAA1B,CAA0B,iBACnE,uBAAC,mCAAe,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAW,CAAC,CAAC,CAAC,eAAM,GAAG,EACvD,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,KACxD,CACV,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB"}
+{"version":3,"file":"LiveLogButton.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogButton.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC7C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACzB,OAAO,CACL,kBAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,aACnE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GAAG,EACvD,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,IACxD,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Log/LiveLogContainer.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { LiveLogContainerProps } from './InternalLiveLogContainer';
-export declare const LiveLogContainer: FC<LiveLogContainerProps>;
+import { FC } from 'react';
+import { LiveLogContainerProps } from './InternalLiveLogContainer';
+export declare const LiveLogContainer: FC<LiveLogContainerProps>;

package/dist/components/Log/LiveLogContainer.js

@@ -1,26 +1,11 @@
-"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.LiveLogContainer = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_client_1 = require("@gamepark/react-client");
-var InternalLiveLogContainer_1 = require("./InternalLiveLogContainer");
-var LiveLogContainer = function (props) {
-    var stopped = (0, react_client_1.useLogControls)().stopped;
-    if (stopped)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(InternalLiveLogContainer_1.InternalLiveLogContainer, __assign({}, props)));
-};
-exports.LiveLogContainer = LiveLogContainer;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { useLogControls } from '@gamepark/react-client';
+import { InternalLiveLogContainer } from './InternalLiveLogContainer';
+export const LiveLogContainer = (props) => {
+    const { stopped } = useLogControls();
+    if (stopped)
+        return null;
+    return (_jsx(InternalLiveLogContainer, { ...props }));
+};
 //# sourceMappingURL=LiveLogContainer.js.map

package/dist/components/Log/LiveLogContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveLogContainer.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,uDAAuD;AAEvD,uEAA4F;AAGrF,IAAM,gBAAgB,GAA8B,UAAC,KAAK;IACvD,IAAA,OAAO,GAAK,IAAA,6BAAc,GAAE,QAArB,CAAqB;IACpC,IAAI,OAAO;QAAE,OAAO,IAAI,CAAA;IACxB,OAAO,CACL,uBAAC,mDAAwB,eAAK,KAAK,EAAI,CACxC,CAAA;AACH,CAAC,CAAA;AANY,QAAA,gBAAgB,oBAM5B"}
+{"version":3,"file":"LiveLogContainer.js","sourceRoot":"","sources":["../../../src/components/Log/LiveLogContainer.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,wBAAwB,EAAyB,MAAM,4BAA4B,CAAA;AAG5F,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,IAAI,OAAO;QAAE,OAAO,IAAI,CAAA;IACxB,OAAO,CACL,KAAC,wBAAwB,OAAK,KAAK,GAAI,CACxC,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Log/LogDescription.d.ts

@@ -1,24 +1,24 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { DisplayedAction } from '@gamepark/react-client';
-import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
-import { ComponentType } from 'react';
-export type MaterialLogProps<M extends MaterialMove = MaterialMove, P extends number = number> = MoveComponentProps<M, P, MaterialGame>;
-export type MoveComponentProps<Move = any, Player = number, Game = any> = {
-    move: Move;
-    context: MoveComponentContext<Move, Player, Game>;
-};
-export type MoveComponentContext<Move = any, Player = number, Game = any> = {
-    game: Game;
-    action: DisplayedAction<Move, Player>;
-    consequenceIndex?: number;
-};
-export type MovePlayedLogDescription<Move = any, Player = number> = {
-    Component: ComponentType<MoveComponentProps<Move, Player>>;
-    player?: Player;
-    depth?: number;
-    css?: Interpolation<Theme>;
-    liveCss?: boolean;
-};
-export interface LogDescription<Move = any, Player = number, Game = any> {
-    getMovePlayedLogDescription(move: Move, context: MoveComponentContext<Move, Player, Game>): MovePlayedLogDescription | undefined;
-}
+import { Interpolation, Theme } from '@emotion/react';
+import { DisplayedAction } from '@gamepark/react-client';
+import { MaterialGame, MaterialMove } from '@gamepark/rules-api';
+import { ComponentType } from 'react';
+export type MaterialLogProps<M extends MaterialMove = MaterialMove, P extends number = number> = MoveComponentProps<M, P, MaterialGame>;
+export type MoveComponentProps<Move = any, Player = number, Game = any> = {
+    move: Move;
+    context: MoveComponentContext<Move, Player, Game>;
+};
+export type MoveComponentContext<Move = any, Player = number, Game = any> = {
+    game: Game;
+    action: DisplayedAction<Move, Player>;
+    consequenceIndex?: number;
+};
+export type MovePlayedLogDescription<Move = any, Player = number> = {
+    Component: ComponentType<MoveComponentProps<Move, Player>>;
+    player?: Player;
+    depth?: number;
+    css?: Interpolation<Theme>;
+    liveCss?: boolean;
+};
+export interface LogDescription<Move = any, Player = number, Game = any> {
+    getMovePlayedLogDescription(move: Move, context: MoveComponentContext<Move, Player, Game>): MovePlayedLogDescription | undefined;
+}

package/dist/components/Log/LogDescription.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=LogDescription.js.map

package/dist/components/Log/LogItem.d.ts

@@ -1,11 +1,11 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC, HTMLAttributes } from 'react';
-import { MoveHistory } from '../../hooks/useFlatHistory';
-type HistoryItemProps = {
-    history: MoveHistory;
-    customEntryCss?: Interpolation<Theme>;
-    disableCustomCss?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const LogItem: FC<HistoryItemProps>;
-export {};
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC, HTMLAttributes } from 'react';
+import { MoveHistory } from '../../hooks/useFlatHistory';
+type HistoryItemProps = {
+    history: MoveHistory;
+    customEntryCss?: Interpolation<Theme>;
+    disableCustomCss?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const LogItem: FC<HistoryItemProps>;
+export {};

package/dist/components/Log/LogItem.js

@@ -1,45 +1,45 @@
-"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.LogItem = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var Avatar_1 = require("../Avatar");
-var LogItem = function (_a) {
-    var _b;
-    var history = _a.history, disableCustomCss = _a.disableCustomCss, customEntryCss = _a.customEntryCss, rest = __rest(_a, ["history", "disableCustomCss", "customEntryCss"]);
-    var depth = (_b = history.depth) !== null && _b !== void 0 ? _b : 0;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: [entryCss, customEntryCss, !disableCustomCss && history.css] }, { children: [history.player !== undefined && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarCss, playerId: history.player }) }), depth > 0 && (0, jsx_runtime_1.jsx)("div", __assign({ css: depthIconCss(depth) }, { children: "\u2937" })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(history.Component, { move: history.move, context: history }) })] })) })));
-};
-exports.LogItem = LogItem;
-var entryCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 1em;\n  margin-bottom: 0.5em;\n  min-height: 1em;\n  padding-left: 1em;\n  margin-left: 0.05em;\n  margin-top: 0.05em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  font-size: 2em;\n  white-space: pre-wrap;\n\n  img, picture {\n    vertical-align: middle;\n  }\n"], ["\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 1em;\n  margin-bottom: 0.5em;\n  min-height: 1em;\n  padding-left: 1em;\n  margin-left: 0.05em;\n  margin-top: 0.05em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  font-size: 2em;\n  white-space: pre-wrap;\n\n  img, picture {\n    vertical-align: middle;\n  }\n"])));
-var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"])));
-var depthIconCss = function (depth) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1.5em;\n  margin-right: 0.4em;\n  margin-left: ", "em;\n  margin-top: -0.2em;\n"], ["\n  font-size: 1.5em;\n  margin-right: 0.4em;\n  margin-left: ", "em;\n  margin-top: -0.2em;\n"])), 0.5 + (1.5 * (depth - 1))); };
-var templateObject_1, templateObject_2, templateObject_3;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { Avatar } from '../Avatar';
+export const LogItem = ({ history, disableCustomCss, customEntryCss, ...rest }) => {
+    const depth = history.depth ?? 0;
+    return (_jsx("div", { ...rest, children: _jsxs("div", { css: [entryCss, customEntryCss, !disableCustomCss && history.css], children: [history.player !== undefined && _jsx("div", { children: _jsx(Avatar, { css: avatarCss, playerId: history.player }) }), depth > 0 && _jsx("div", { css: depthIconCss(depth), children: "\u2937" }), _jsx("div", { children: _jsx(history.Component, { move: history.move, context: history }) })] }) }));
+};
+const entryCss = css `
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 1em;
+  margin-bottom: 0.5em;
+  min-height: 1em;
+  padding-left: 1em;
+  margin-left: 0.05em;
+  margin-top: 0.05em;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  display: flex;
+  align-items: center;
+  font-size: 2em;
+  white-space: pre-wrap;
+
+  img, picture {
+    vertical-align: middle;
+  }
+`;
+const avatarCss = css `
+  position: relative;
+  left: 0;
+  border-radius: 100%;
+  height: 2.5em;
+  width: 2.5em;
+  margin-right: 1em;
+  color: black;
+  z-index: 1;
+`;
+const depthIconCss = (depth) => css `
+  font-size: 1.5em;
+  margin-right: 0.4em;
+  margin-left: ${0.5 + (1.5 * (depth - 1))}em;
+  margin-top: -0.2em;
+`;
 //# sourceMappingURL=LogItem.js.map

package/dist/components/Log/LogItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogItem.js","sourceRoot":"","sources":["../../../src/components/Log/LogItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAG1D,oCAAkC;AAQ3B,IAAM,OAAO,GAAyB,UAAC,EAAsD;;IAApD,IAAA,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApD,iDAAsD,CAAF;IAChG,IAAM,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,CAAC,CAAA;IAChC,OAAO,CACL,2CAAS,IAAI,cACX,0CAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAC,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,iBACnE,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,0CAAK,uBAAC,eAAM,IAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,GAAM,EAC9F,KAAK,GAAG,CAAC,IAAI,yCAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,4BAAS,EACpD,0CACE,uBAAC,OAAO,CAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,GACtD,KACF,IACF,CACP,CAAA;AAGH,CAAC,CAAA;AAfY,QAAA,OAAO,WAenB;AAED,IAAM,QAAQ,OAAG,WAAG,wcAAA,oYAmBnB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4NAAA,wJASpB,IAAA,CAAA;AAGD,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,oKAAA,gEAG1B,EAAyB,8BAEzC,KAFgB,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAHF,CAKvC,CAAA"}
+{"version":3,"file":"LogItem.js","sourceRoot":"","sources":["../../../src/components/Log/LogItem.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAQlC,MAAM,CAAC,MAAM,OAAO,GAAyB,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtG,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,CAAA;IAChC,OAAO,CACL,iBAAS,IAAI,YACX,eAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAC,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,aACnE,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,wBAAK,KAAC,MAAM,IAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,GAAM,EAC9F,KAAK,GAAG,CAAC,IAAI,cAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,uBAAS,EACpD,wBACE,KAAC,OAAO,CAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,GACtD,IACF,GACF,CACP,CAAA;AAGH,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBnB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;CASpB,CAAA;AAGD,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;;;iBAG1B,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;;CAEzC,CAAA"}

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

@@ -1,3 +1,3 @@
-export * from './LogItem';
-export * from './LiveLogContainer';
-export * from './LogDescription';
+export * from './LogItem';
+export * from './LiveLogContainer';
+export * from './LogDescription';

package/dist/components/Log/index.js

@@ -1,20 +1,4 @@
-"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("./LogItem"), exports);
-__exportStar(require("./LiveLogContainer"), exports);
-__exportStar(require("./LogDescription"), exports);
+export * from './LogItem';
+export * from './LiveLogContainer';
+export * from './LogDescription';
 //# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/Picture/Picture.js

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

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

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

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

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

package/dist/components/Picture/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("./Picture"), exports);
+export * from './Picture';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,15 +1,15 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC } from 'react';
-export type CounterProps = {
-    image: string;
-    value: number | string;
-    imageCss?: Interpolation<Theme>;
-    extraCss?: Interpolation<Theme>;
-    onClick?: () => void;
-};
-export type CountersProps = {
-    counters: CounterProps[];
-    lineSize: number;
-};
-export declare const Counters: FC<CountersProps>;
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC } from 'react';
+export type CounterProps = {
+    image: string;
+    value: number | string;
+    imageCss?: Interpolation<Theme>;
+    extraCss?: Interpolation<Theme>;
+    onClick?: () => void;
+};
+export type CountersProps = {
+    counters: CounterProps[];
+    lineSize: number;
+};
+export declare const Counters: FC<CountersProps>;

package/dist/components/PlayerPanel/Counters.js

@@ -1,54 +1,94 @@
-"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.Counters = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var lodash_1 = require("lodash");
-var Counters = function (props) {
-    var counters = props.counters, lineSize = props.lineSize;
-    if (!counters.length)
-        return null;
-    if (counters.length === 1)
-        return (0, jsx_runtime_1.jsx)(Counter, __assign({}, counters[0], { unique: true }));
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: counterGridCss(lineSize) }, { children: [(0, lodash_1.times)(Math.max(lineSize - counters.length), function () { return (0, jsx_runtime_1.jsx)("span", {}); }), counters.map(function (counter, i) { return ((0, jsx_runtime_1.jsx)(Counter, __assign({}, counter), i)); })] })));
-};
-exports.Counters = Counters;
-var Counter = function (props) {
-    var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique, onClick = props.onClick, extraCss = props.extraCss;
-    if (image === undefined && value === undefined)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [
-            data,
-            rightAlignment,
-            unique && uniqCounterCss,
-            !unique && counterCss,
-            extraCss,
-            onClick && hoverCss,
-        ], onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
-};
-var hoverCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  position: relative;\n  left: 0;\n  right: 0;\n  &:hover {\n    cursor: pointer;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n"], ["\n  overflow: hidden;\n  position: relative;\n  left: 0;\n  right: 0;\n  &:hover {\n    cursor: pointer;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n"])));
-var counterGridCss = function (size) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.4em;\n  align-items: flex-end;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.4em;\n  align-items: flex-end;\n"])), size); };
-var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n"], ["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n"])), image); };
-var mini = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"], ["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"])));
-var data = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"])));
-var rightAlignment = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
-var uniqCounterCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"], ["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"])), rightAlignment);
-var counterCss = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"], ["\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { times } from 'es-toolkit/compat';
+export const Counters = (props) => {
+    const { counters, lineSize } = props;
+    if (!counters.length)
+        return null;
+    if (counters.length === 1)
+        return _jsx(Counter, { ...counters[0], unique: true });
+    return (_jsxs("div", { css: counterGridCss(lineSize), children: [times(Math.max(lineSize - counters.length), (i) => _jsx("span", {}, i)), counters.map((counter, i) => (_jsx(Counter, { ...counter }, i)))] }));
+};
+const Counter = (props) => {
+    const { image, value, imageCss, unique, onClick, extraCss } = props;
+    if (image === undefined && value === undefined)
+        return null;
+    return (_jsxs("span", { css: [
+            data,
+            rightAlignment,
+            unique && uniqCounterCss,
+            !unique && counterCss,
+            extraCss,
+            onClick && hoverCss,
+        ], onClick: onClick, children: [_jsx("div", { css: [mini, mainIconBackground(image), imageCss] }), _jsx("span", { children: value })] }));
+};
+const hoverCss = css `
+  overflow: hidden;
+  position: relative;
+  left: 0;
+  right: 0;
+  &:hover {
+    cursor: pointer;
+    background-color: rgba(0, 0, 0, 0.6);
+  }
+`;
+const counterGridCss = (size) => css `
+  display: grid;
+  grid-template-columns: repeat(${size}, 1fr);
+  gap: 0.4em;
+  align-items: flex-end;
+`;
+const mainIconBackground = (image) => css `
+  background-image: url(${image});
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+`;
+const mini = css `
+  height: 1em;
+  width: 1em;
+  align-self: center;
+`;
+const data = css `
+  color: white;
+  background-color: rgba(0, 0, 0, 0.7);
+  padding: 0.1em 0.3em;
+  border-radius: 0.4em;
+  z-index: 2;
+`;
+const rightAlignment = css `
+  left: initial;
+  right: 0.2em;
+  font-size: 2.5em;
+`;
+const uniqCounterCss = css `
+  width: 3.5em;
+  font-size: 2.5em;
+  top: 1.7em;
+  left: initial;
+  right: 0.25em;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  ${rightAlignment};
+
+  > span {
+    text-align: right;
+    width: 1.7em;
+    bottom: 0.2em;
+  }
+`;
+const counterCss = css `
+  justify-self: end;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+
+  > span {
+    text-align: right;
+    bottom: 0.2em;
+  }
+`;
 //# sourceMappingURL=Counters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAC1D,iCAA8B;AAgBvB,IAAM,QAAQ,GAAsB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACpC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,uBAAC,OAAO,eAAK,QAAQ,CAAC,CAAC,CAAC,IAAE,MAAM,UAAE,CAAA;IAEpE,OAAO,CACL,0CAAK,GAAG,EAAE,cAAc,CAAC,QAAQ,CAAC,iBAC/B,IAAA,cAAK,EAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAM,OAAA,kCAAQ,EAAR,CAAQ,CAAC,EAC3D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC,IAAK,OAAA,CAC5B,uBAAC,OAAO,eAAa,OAAO,GAAd,CAAC,CAAiB,CACjC,EAF6B,CAE7B,CAAC,KACE,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAED,IAAM,OAAO,GAA4C,UAAC,KAAK;IACrD,IAAA,KAAK,GAAiD,KAAK,MAAtD,EAAE,KAAK,GAA0C,KAAK,MAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,MAAM,GAAwB,KAAK,OAA7B,EAAE,OAAO,GAAe,KAAK,QAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACnE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,2CACE,GAAG,EAAE;YACH,IAAI;YACJ,cAAc;YACd,MAAM,IAAI,cAAc;YACxB,CAAC,MAAM,IAAI,UAAU;YACrB,QAAQ;YACR,OAAO,IAAI,QAAQ;SACpB,EACD,OAAO,EAAE,OAAO,iBAEhB,gCAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,2CAAO,KAAK,GAAQ,KACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,gOAAA,4JASnB,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,gLAAA,sDAEV,EAAI,oDAGrC,KAHiC,IAAI,GAFG,CAKxC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sMAAA,4BACvB,EAAK,oGAI9B,KAJyB,KAAK,GADe,CAK7C,CAAA;AACD,IAAM,IAAI,OAAG,WAAG,8HAAA,0DAIf,IAAA,CAAA;AAED,IAAM,IAAI,OAAG,WAAG,mMAAA,+HAMf,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gIAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,yUAAA,4KAStB,EAAc,uFAOjB,KAPG,cAAc,CAOjB,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,0PAAA,sLAWrB,IAAA,CAAA"}
+{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAgBzC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACpC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAC,OAAO,OAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,SAAE,CAAA;IAEpE,OAAO,CACL,eAAK,GAAG,EAAE,cAAc,CAAC,QAAQ,CAAC,aAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAW,CAAC,CAAI,CAAC,EACpE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,OAAO,OAAa,OAAO,IAAd,CAAC,CAAiB,CACjC,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAA4C,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,gBACE,GAAG,EAAE;YACH,IAAI;YACJ,cAAc;YACd,MAAM,IAAI,cAAc;YACxB,CAAC,MAAM,IAAI,UAAU;YACrB,QAAQ;YACR,OAAO,IAAI,QAAQ;SACpB,EACD,OAAO,EAAE,OAAO,aAEhB,cAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,yBAAO,KAAK,GAAQ,IACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;CASnB,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;kCAEV,IAAI;;;CAGrC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;0BACvB,KAAK;;;;CAI9B,CAAA;AACD,MAAM,IAAI,GAAG,GAAG,CAAA;;;;CAIf,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;;CAMf,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;;CAIzB,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;IAStB,cAAc;;;;;;;CAOjB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;CAWrB,CAAA"}

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

@@ -1,8 +1,8 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-export type PlayerPanelProps<PlayerId extends number = number> = {
-    playerId: PlayerId;
-    color?: string;
-    activeRing?: boolean;
-    speak?: string | ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const PlayerPanel: FC<PlayerPanelProps>;
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export type PlayerPanelProps<PlayerId extends number = number> = {
+    playerId: PlayerId;
+    color?: string;
+    activeRing?: boolean;
+    speak?: string | ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const PlayerPanel: FC<PlayerPanelProps>;