@gamepark/react-game 6.38.4 → 7.0.0-beta.0

package/dist/components/Avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
-import { SpeechBubbleProps } from './SpeechBubble';
-export declare const Avatar: import("react").ForwardRefExoticComponent<{
-    playerId: any;
-    speechBubbleProps?: SpeechBubbleProps | undefined;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+import { SpeechBubbleProps } from './SpeechBubble';
+export declare const Avatar: import("react").ForwardRefExoticComponent<{
+    playerId: any;
+    speechBubbleProps?: SpeechBubbleProps;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Avatar/Avatar.js

@@ -1,64 +1,64 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var avataaars_1 = __importDefault(require("@gamepark/avataaars"));
-var react_client_1 = require("@gamepark/react-client");
-var react_2 = require("react");
-var hooks_1 = require("../../hooks");
-var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
-var SpeechBubble_1 = require("./SpeechBubble");
-exports.Avatar = (0, react_2.forwardRef)(function (props, ref) {
-    var _a, _b;
-    var playerId = props.playerId, speechBubbleProps = props.speechBubbleProps, children = props.children, rest = __rest(props, ["playerId", "speechBubbleProps", "children"]);
-    var player = (0, hooks_1.usePlayer)(playerId);
-    var me = (0, react_client_1.useMe)();
-    var myPlayerId = (0, hooks_1.usePlayerId)();
-    var avatar = myPlayerId === playerId ? (_b = (_a = me === null || me === void 0 ? void 0 : me.user) === null || _a === void 0 ? void 0 : _a.avatar) !== null && _b !== void 0 ? _b : player === null || player === void 0 ? void 0 : player.avatar : player === null || player === void 0 ? void 0 : player.avatar;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref, css: style }, rest, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ circle: true }, avatar, { css: [avatarCss, (player === null || player === void 0 ? void 0 : player.quit) && greyscale] })), !!speechBubbleProps && (0, jsx_runtime_1.jsx)(AvatarSpeechBubble, __assign({ playerId: playerId }, speechBubbleProps)), children] })));
-});
-var AvatarSpeechBubble = function (props) {
-    var playerId = props.playerId, speechBubbleProps = __rest(props, ["playerId"]);
-    var player = (0, hooks_1.usePlayer)(playerId);
-    var query = new URLSearchParams(window.location.search);
-    var gameId = query.get('game');
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (speechBubbleProps === null || speechBubbleProps === void 0 ? void 0 : speechBubbleProps.children) ?
-            (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({}, speechBubbleProps, { children: speechBubbleProps.children })) :
-            gameId && player && (0, jsx_runtime_1.jsx)(ChatSpeechBubble_1.ChatSpeechBubble, __assign({ gameId: gameId, player: player }, speechBubbleProps)) }));
-};
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"], ["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"])));
-var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"])));
-var greyscale = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  filter: grayscale();\n"], ["\n  filter: grayscale();\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var avataaars_1 = __importDefault(require("@gamepark/avataaars"));
+var react_client_1 = require("@gamepark/react-client");
+var react_2 = require("react");
+var hooks_1 = require("../../hooks");
+var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
+var SpeechBubble_1 = require("./SpeechBubble");
+exports.Avatar = (0, react_2.forwardRef)(function (props, ref) {
+    var _a, _b;
+    var playerId = props.playerId, speechBubbleProps = props.speechBubbleProps, children = props.children, rest = __rest(props, ["playerId", "speechBubbleProps", "children"]);
+    var player = (0, hooks_1.usePlayer)(playerId);
+    var me = (0, react_client_1.useMe)();
+    var myPlayerId = (0, hooks_1.usePlayerId)();
+    var avatar = myPlayerId === playerId ? (_b = (_a = me === null || me === void 0 ? void 0 : me.user) === null || _a === void 0 ? void 0 : _a.avatar) !== null && _b !== void 0 ? _b : player === null || player === void 0 ? void 0 : player.avatar : player === null || player === void 0 ? void 0 : player.avatar;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref, css: style }, rest, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ circle: true }, avatar, { css: [avatarCss, (player === null || player === void 0 ? void 0 : player.quit) && greyscale] })), !!speechBubbleProps && (0, jsx_runtime_1.jsx)(AvatarSpeechBubble, __assign({ playerId: playerId }, speechBubbleProps)), children] })));
+});
+var AvatarSpeechBubble = function (props) {
+    var playerId = props.playerId, speechBubbleProps = __rest(props, ["playerId"]);
+    var player = (0, hooks_1.usePlayer)(playerId);
+    var query = new URLSearchParams(window.location.search);
+    var gameId = query.get('game');
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (speechBubbleProps === null || speechBubbleProps === void 0 ? void 0 : speechBubbleProps.children) ?
+            (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({}, speechBubbleProps, { children: speechBubbleProps.children })) :
+            gameId && player && (0, jsx_runtime_1.jsx)(ChatSpeechBubble_1.ChatSpeechBubble, __assign({ gameId: gameId, player: player }, speechBubbleProps)) }));
+};
+var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"], ["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"])));
+var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"])));
+var greyscale = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  filter: grayscale();\n"], ["\n  filter: grayscale();\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/ChatSpeechBubble.d.ts

@@ -1,8 +1,8 @@
-import { Player } from '@gamepark/react-client';
-import { SpeechBubbleProps } from './SpeechBubble';
-type Props = {
-    gameId: string;
-    player: Player;
-} & SpeechBubbleProps;
-export declare const ChatSpeechBubble: ({ gameId, player, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-export {};
+import { Player } from '@gamepark/react-client';
+import { SpeechBubbleProps } from './SpeechBubble';
+type Props = {
+    gameId: string;
+    player: Player;
+} & SpeechBubbleProps;
+export declare const ChatSpeechBubble: ({ gameId, player, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Avatar/ChatSpeechBubble.js

@@ -1,78 +1,81 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __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.ChatSpeechBubble = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var use_pusher_1 = require("@harelpls/use-pusher");
-var react_2 = require("react");
-var SpeechBubble_1 = require("./SpeechBubble");
-var ChatSpeechBubble = function (_a) {
-    var gameId = _a.gameId, player = _a.player, props = __rest(_a, ["gameId", "player"]);
-    var channel = (0, use_pusher_1.useChannel)("game=".concat(gameId));
-    var _b = __read((0, react_2.useState)(''), 2), message = _b[0], setMessage = _b[1];
-    (0, use_pusher_1.useEvent)(channel, 'message', function (message) {
-        if (message && player.userId === message.userId) {
-            setMessage(message.text);
-        }
-    });
-    var hideMessage = function () { return setMessage(''); };
-    (0, react_2.useEffect)(function () {
-        if (message) {
-            var timeout_1 = setTimeout(hideMessage, 5000);
-            return function () { return clearTimeout(timeout_1); };
-        }
-    }, [message]);
-    var onClick = function (event) {
-        hideMessage();
-        event.stopPropagation();
-    };
-    return message ? (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({ css: chatSpeechBubbleCss, onClick: onClick }, props, { children: message })) : null;
-};
-exports.ChatSpeechBubble = ChatSpeechBubble;
-var fadeOut = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  to {\n    opacity: 0\n  }\n"], ["\n  to {\n    opacity: 0\n  }\n"])));
-var chatSpeechBubbleCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: 1s ", " 4s forwards;\n"], ["\n  animation: 1s ", " 4s forwards;\n"])), fadeOut);
-var templateObject_1, templateObject_2;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __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.ChatSpeechBubble = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_client_1 = require("@gamepark/react-client");
+var react_2 = require("react");
+var SpeechBubble_1 = require("./SpeechBubble");
+var ChatSpeechBubble = function (_a) {
+    var gameId = _a.gameId, player = _a.player, props = __rest(_a, ["gameId", "player"]);
+    (0, react_2.useEffect)(function () {
+        var channel = react_client_1.pusherClient.subscribe("game=".concat(gameId));
+        channel.bind('message', function (message) {
+            if (message && player.userId === message.userId) {
+                setMessage(message.text);
+            }
+        });
+        return function () { return react_client_1.pusherClient.unsubscribe("game=".concat(gameId)); };
+    }, []);
+    var _b = __read((0, react_2.useState)(''), 2), message = _b[0], setMessage = _b[1];
+    var hideMessage = function () { return setMessage(''); };
+    (0, react_2.useEffect)(function () {
+        if (message) {
+            var timeout_1 = setTimeout(hideMessage, 5000);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [message]);
+    var onClick = function (event) {
+        hideMessage();
+        event.stopPropagation();
+    };
+    return message ? (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({ css: chatSpeechBubbleCss, onClick: onClick }, props, { children: message })) : null;
+};
+exports.ChatSpeechBubble = ChatSpeechBubble;
+var fadeOut = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  to {\n    opacity: 0\n  }\n"], ["\n  to {\n    opacity: 0\n  }\n"])));
+var chatSpeechBubbleCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: 1s ", " 4s forwards;\n"], ["\n  animation: 1s ", " 4s forwards;\n"])), fadeOut);
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=ChatSpeechBubble.js.map

package/dist/components/Avatar/ChatSpeechBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/ChatSpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA+C;AAE/C,mDAA2D;AAC3D,+BAAuD;AACvD,+CAAgE;AAOzD,IAAM,gBAAgB,GAAG,UAAC,EAAmC;IAAjC,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACzD,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,eAAQ,MAAM,CAAE,CAAC,CAAA;IACtC,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,EAAE,CAAC,IAAA,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IAC1C,IAAA,qBAAQ,EAAU,OAAO,EAAE,SAAS,EAAE,UAAA,OAAO;QAC3C,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE;YAC/C,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;SACzB;IACH,CAAC,CAAC,CAAA;IACF,IAAM,WAAW,GAAG,cAAM,OAAA,UAAU,CAAC,EAAE,CAAC,EAAd,CAAc,CAAA;IACxC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE;YACX,IAAM,SAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;YAC7C,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,IAAM,OAAO,GAAG,UAAC,KAAiB;QAChC,WAAW,EAAE,CAAA;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,uBAAC,2BAAY,aAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,cAAG,OAAO,IAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;AACvH,CAAC,CAAA;AApBY,QAAA,gBAAgB,oBAoB5B;AAED,IAAM,OAAO,OAAG,iBAAS,qGAAA,iCAIxB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,2GAAA,oBACb,EAAO,iBACxB,KADiB,OAAO,CACxB,CAAA"}
+{"version":3,"file":"ChatSpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/ChatSpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA+C;AAC/C,uDAAsE;AACtE,+BAAuD;AACvD,+CAAgE;AAOzD,IAAM,gBAAgB,GAAG,UAAC,EAAmC;IAAjC,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACzD,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,2BAAY,CAAC,SAAS,CAAC,eAAQ,MAAM,CAAE,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAC,OAAgB;YACvC,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;gBAChD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC,CAAC,CAAA;QACF,OAAO,cAAM,OAAA,2BAAY,CAAC,WAAW,CAAC,eAAQ,MAAM,CAAE,CAAC,EAA1C,CAA0C,CAAA;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IACA,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,EAAE,CAAC,IAAA,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IAC1C,IAAM,WAAW,GAAG,cAAM,OAAA,UAAU,CAAC,EAAE,CAAC,EAAd,CAAc,CAAA;IACxC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE,CAAC;YACZ,IAAM,SAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;YAC7C,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,IAAM,OAAO,GAAG,UAAC,KAAiB;QAChC,WAAW,EAAE,CAAA;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,uBAAC,2BAAY,aAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,cAAG,OAAO,IAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;AACvH,CAAC,CAAA;AAvBY,QAAA,gBAAgB,oBAuB5B;AAED,IAAM,OAAO,OAAG,iBAAS,qGAAA,iCAIxB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,2GAAA,oBACb,EAAO,iBACxB,KADiB,OAAO,CACxB,CAAA"}

package/dist/components/Avatar/SpeechBubble.d.ts

@@ -1,15 +1,15 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { FC, HTMLAttributes } from 'react';
-export declare enum SpeechBubbleDirection {
-    TOP_LEFT = 0,
-    TOP_RIGHT = 1,
-    BOTTOM_LEFT = 2,
-    BOTTOM_RIGHT = 3
-}
-export type SpeechBubbleProps = {
-    direction?: SpeechBubbleDirection;
-    parent?: string;
-    css?: Interpolation<Theme>;
-} & HTMLAttributes<HTMLParagraphElement>;
-export declare const SpeechBubble: FC<SpeechBubbleProps>;
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { FC, HTMLAttributes } from 'react';
+export declare enum SpeechBubbleDirection {
+    TOP_LEFT = 0,
+    TOP_RIGHT = 1,
+    BOTTOM_LEFT = 2,
+    BOTTOM_RIGHT = 3
+}
+export type SpeechBubbleProps = {
+    direction?: SpeechBubbleDirection;
+    parent?: string;
+    css?: Interpolation<Theme>;
+} & HTMLAttributes<HTMLParagraphElement>;
+export declare const SpeechBubble: FC<SpeechBubbleProps>;

package/dist/components/Avatar/SpeechBubble.js

@@ -1,73 +1,73 @@
-"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.SpeechBubble = exports.SpeechBubbleDirection = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_dom_1 = require("react-dom");
-var SpeechBubbleDirection;
-(function (SpeechBubbleDirection) {
-    SpeechBubbleDirection[SpeechBubbleDirection["TOP_LEFT"] = 0] = "TOP_LEFT";
-    SpeechBubbleDirection[SpeechBubbleDirection["TOP_RIGHT"] = 1] = "TOP_RIGHT";
-    SpeechBubbleDirection[SpeechBubbleDirection["BOTTOM_LEFT"] = 2] = "BOTTOM_LEFT";
-    SpeechBubbleDirection[SpeechBubbleDirection["BOTTOM_RIGHT"] = 3] = "BOTTOM_RIGHT";
-})(SpeechBubbleDirection = exports.SpeechBubbleDirection || (exports.SpeechBubbleDirection = {}));
-var SpeechBubble = function (_a) {
-    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? SpeechBubbleDirection.TOP_LEFT : _b, parent = _a.parent, css = _a.css, props = __rest(_a, ["children", "direction", "parent", "css"]);
-    var speechBubble = (0, jsx_runtime_1.jsx)("p", __assign({ css: [speechBubbleCss, getDirectionStyle(direction), css] }, props, { children: children }));
-    if (parent) {
-        var parentElement = document.getElementById(parent);
-        if (parentElement) {
-            return (0, react_dom_1.createPortal)(speechBubble, parentElement);
-        }
-    }
-    return speechBubble;
-};
-exports.SpeechBubble = SpeechBubble;
-var speechBubbleCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: max-content;\n  max-width: 15em;\n  background: white;\n  border-radius: .4em;\n  font-size: 3em;\n  padding: 0.2em 0.4em;\n  margin: 0;\n  z-index: 500;\n  pointer-events: none;\n  filter:drop-shadow(0 0 0.1rem black);\n\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"], ["\n  position: absolute;\n  width: max-content;\n  max-width: 15em;\n  background: white;\n  border-radius: .4em;\n  font-size: 3em;\n  padding: 0.2em 0.4em;\n  margin: 0;\n  z-index: 500;\n  pointer-events: none;\n  filter:drop-shadow(0 0 0.1rem black);\n\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"])));
-var getDirectionStyle = function (direction) {
-    switch (direction) {
-        case SpeechBubbleDirection.TOP_LEFT:
-            return [topBubble, leftBubble, rotateArrow];
-        case SpeechBubbleDirection.TOP_RIGHT:
-            return [topBubble, rightBubble, reverseRotateArrow];
-        case SpeechBubbleDirection.BOTTOM_LEFT:
-            return [bottomBubble, leftBubble, reverseRotateArrow];
-        case SpeechBubbleDirection.BOTTOM_RIGHT:
-            return [bottomBubble, rightBubble, rotateArrow];
-    }
-};
-var topBubble = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  bottom: 45%;\n\n  :after {\n    bottom: 0;\n    border-top-width: 0.4em;\n    border-bottom: 0;\n    margin-bottom: 0.3em;\n  }\n"], ["\n  bottom: 45%;\n\n  :after {\n    bottom: 0;\n    border-top-width: 0.4em;\n    border-bottom: 0;\n    margin-bottom: 0.3em;\n  }\n"])));
-var bottomBubble = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  top: 45%;\n\n  :after {\n    top: 0;\n    border-bottom-width: 0.4em;\n    border-top: 0;\n    margin-top: 0.3em;\n  }\n"], ["\n  top: 45%;\n\n  :after {\n    top: 0;\n    border-bottom-width: 0.4em;\n    border-top: 0;\n    margin-top: 0.3em;\n  }\n"])));
-var leftBubble = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  left: -0.3em;\n  transform: translateX(-100%);\n\n  :after {\n    right: 0;\n    border-left-color: white;\n    border-left-width: 0.6em;\n    border-right: 0;\n    margin-right: -0.5em;\n  }\n"], ["\n  left: -0.3em;\n  transform: translateX(-100%);\n\n  :after {\n    right: 0;\n    border-left-color: white;\n    border-left-width: 0.6em;\n    border-right: 0;\n    margin-right: -0.5em;\n  }\n"])));
-var rightBubble = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  right: -0.3em;\n  transform: translateX(100%);\n\n  :after {\n    left: 0;\n    border-right-color: white;\n    border-right-width: 0.6em;\n    border-left: 0;\n    margin-left: -0.5em;\n  }\n"], ["\n  right: -0.3em;\n  transform: translateX(100%);\n\n  :after {\n    left: 0;\n    border-right-color: white;\n    border-right-width: 0.6em;\n    border-left: 0;\n    margin-left: -0.5em;\n  }\n"])));
-var rotateArrow = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  :after {\n    transform: rotate(15deg);\n  }\n"], ["\n  :after {\n    transform: rotate(15deg);\n  }\n"])));
-var reverseRotateArrow = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  :after {\n    transform: rotate(-15deg);\n  }\n"], ["\n  :after {\n    transform: rotate(-15deg);\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+"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.SpeechBubble = exports.SpeechBubbleDirection = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_dom_1 = require("react-dom");
+var SpeechBubbleDirection;
+(function (SpeechBubbleDirection) {
+    SpeechBubbleDirection[SpeechBubbleDirection["TOP_LEFT"] = 0] = "TOP_LEFT";
+    SpeechBubbleDirection[SpeechBubbleDirection["TOP_RIGHT"] = 1] = "TOP_RIGHT";
+    SpeechBubbleDirection[SpeechBubbleDirection["BOTTOM_LEFT"] = 2] = "BOTTOM_LEFT";
+    SpeechBubbleDirection[SpeechBubbleDirection["BOTTOM_RIGHT"] = 3] = "BOTTOM_RIGHT";
+})(SpeechBubbleDirection || (exports.SpeechBubbleDirection = SpeechBubbleDirection = {}));
+var SpeechBubble = function (_a) {
+    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? SpeechBubbleDirection.TOP_LEFT : _b, parent = _a.parent, css = _a.css, props = __rest(_a, ["children", "direction", "parent", "css"]);
+    var speechBubble = (0, jsx_runtime_1.jsx)("p", __assign({ css: [speechBubbleCss, getDirectionStyle(direction), css] }, props, { children: children }));
+    if (parent) {
+        var parentElement = document.getElementById(parent);
+        if (parentElement) {
+            return (0, react_dom_1.createPortal)(speechBubble, parentElement);
+        }
+    }
+    return speechBubble;
+};
+exports.SpeechBubble = SpeechBubble;
+var speechBubbleCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: max-content;\n  max-width: 15em;\n  background: white;\n  border-radius: .4em;\n  font-size: 3em;\n  padding: 0.2em 0.4em;\n  margin: 0;\n  z-index: 500;\n  pointer-events: none;\n  filter:drop-shadow(0 0 0.1rem black);\n\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"], ["\n  position: absolute;\n  width: max-content;\n  max-width: 15em;\n  background: white;\n  border-radius: .4em;\n  font-size: 3em;\n  padding: 0.2em 0.4em;\n  margin: 0;\n  z-index: 500;\n  pointer-events: none;\n  filter:drop-shadow(0 0 0.1rem black);\n\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"])));
+var getDirectionStyle = function (direction) {
+    switch (direction) {
+        case SpeechBubbleDirection.TOP_LEFT:
+            return [topBubble, leftBubble, rotateArrow];
+        case SpeechBubbleDirection.TOP_RIGHT:
+            return [topBubble, rightBubble, reverseRotateArrow];
+        case SpeechBubbleDirection.BOTTOM_LEFT:
+            return [bottomBubble, leftBubble, reverseRotateArrow];
+        case SpeechBubbleDirection.BOTTOM_RIGHT:
+            return [bottomBubble, rightBubble, rotateArrow];
+    }
+};
+var topBubble = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  bottom: 45%;\n\n  :after {\n    bottom: 0;\n    border-top-width: 0.4em;\n    border-bottom: 0;\n    margin-bottom: 0.3em;\n  }\n"], ["\n  bottom: 45%;\n\n  :after {\n    bottom: 0;\n    border-top-width: 0.4em;\n    border-bottom: 0;\n    margin-bottom: 0.3em;\n  }\n"])));
+var bottomBubble = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  top: 45%;\n\n  :after {\n    top: 0;\n    border-bottom-width: 0.4em;\n    border-top: 0;\n    margin-top: 0.3em;\n  }\n"], ["\n  top: 45%;\n\n  :after {\n    top: 0;\n    border-bottom-width: 0.4em;\n    border-top: 0;\n    margin-top: 0.3em;\n  }\n"])));
+var leftBubble = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  left: -0.3em;\n  transform: translateX(-100%);\n\n  :after {\n    right: 0;\n    border-left-color: white;\n    border-left-width: 0.6em;\n    border-right: 0;\n    margin-right: -0.5em;\n  }\n"], ["\n  left: -0.3em;\n  transform: translateX(-100%);\n\n  :after {\n    right: 0;\n    border-left-color: white;\n    border-left-width: 0.6em;\n    border-right: 0;\n    margin-right: -0.5em;\n  }\n"])));
+var rightBubble = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  right: -0.3em;\n  transform: translateX(100%);\n\n  :after {\n    left: 0;\n    border-right-color: white;\n    border-right-width: 0.6em;\n    border-left: 0;\n    margin-left: -0.5em;\n  }\n"], ["\n  right: -0.3em;\n  transform: translateX(100%);\n\n  :after {\n    left: 0;\n    border-right-color: white;\n    border-right-width: 0.6em;\n    border-left: 0;\n    margin-left: -0.5em;\n  }\n"])));
+var rotateArrow = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  :after {\n    transform: rotate(15deg);\n  }\n"], ["\n  :after {\n    transform: rotate(15deg);\n  }\n"])));
+var reverseRotateArrow = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  :after {\n    transform: rotate(-15deg);\n  }\n"], ["\n  :after {\n    transform: rotate(-15deg);\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=SpeechBubble.js.map

package/dist/components/Avatar/SpeechBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/SpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAE1D,uCAAwC;AAExC,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,yEAAQ,CAAA;IAAE,2EAAS,CAAA;IAAE,+EAAW,CAAA;IAAE,iFAAY,CAAA;AAChD,CAAC,EAFW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAEhC;AAQM,IAAM,YAAY,GAA0B,UAAC,EAA+E;IAA7E,IAAA,QAAQ,cAAA,EAAE,iBAA0C,EAA1C,SAAS,mBAAG,qBAAqB,CAAC,QAAQ,KAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAA7E,0CAA+E,CAAF;IAC/H,IAAM,YAAY,GAAG,uCAAG,GAAG,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,IAAM,KAAK,cAAG,QAAQ,IAAK,CAAA;IAC5G,IAAI,MAAM,EAAE;QACV,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE;YACjB,OAAO,IAAA,wBAAY,EAAC,YAAY,EAAE,aAAa,CAAC,CAAA;SACjD;KACF;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AATY,QAAA,YAAY,gBASxB;AAED,IAAM,eAAe,OAAG,WAAG,4dAAA,wZAqB1B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,SAAgC;IACzD,QAAQ,SAAS,EAAE;QACjB,KAAK,qBAAqB,CAAC,QAAQ;YACjC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;QAC7C,KAAK,qBAAqB,CAAC,SAAS;YAClC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAA;QACrD,KAAK,qBAAqB,CAAC,WAAW;YACpC,OAAO,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;QACvD,KAAK,qBAAqB,CAAC,YAAY;YACrC,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;KAClD;AACH,CAAC,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2MAAA,uIASpB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,kMAAA,8HASvB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2QAAA,uMAWrB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,0QAAA,sMAWtB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,wHAAA,oDAItB,IAAA,CAAA;AAED,IAAM,kBAAkB,OAAG,WAAG,yHAAA,qDAI7B,IAAA,CAAA"}
+{"version":3,"file":"SpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/SpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAE1D,uCAAwC;AAExC,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,yEAAQ,CAAA;IAAE,2EAAS,CAAA;IAAE,+EAAW,CAAA;IAAE,iFAAY,CAAA;AAChD,CAAC,EAFW,qBAAqB,qCAArB,qBAAqB,QAEhC;AAQM,IAAM,YAAY,GAA0B,UAAC,EAA+E;IAA7E,IAAA,QAAQ,cAAA,EAAE,iBAA0C,EAA1C,SAAS,mBAAG,qBAAqB,CAAC,QAAQ,KAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAA7E,0CAA+E,CAAF;IAC/H,IAAM,YAAY,GAAG,uCAAG,GAAG,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,IAAM,KAAK,cAAG,QAAQ,IAAK,CAAA;IAC5G,IAAI,MAAM,EAAE,CAAC;QACX,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,IAAA,wBAAY,EAAC,YAAY,EAAE,aAAa,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AATY,QAAA,YAAY,gBASxB;AAED,IAAM,eAAe,OAAG,WAAG,4dAAA,wZAqB1B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,SAAgC;IACzD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,qBAAqB,CAAC,QAAQ;YACjC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;QAC7C,KAAK,qBAAqB,CAAC,SAAS;YAClC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAA;QACrD,KAAK,qBAAqB,CAAC,WAAW;YACpC,OAAO,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;QACvD,KAAK,qBAAqB,CAAC,YAAY;YACrC,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;IACnD,CAAC;AACH,CAAC,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2MAAA,uIASpB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,kMAAA,8HASvB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2QAAA,uMAWrB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,0QAAA,sMAWtB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,wHAAA,oDAItB,IAAA,CAAA;AAED,IAAM,kBAAkB,OAAG,WAAG,yHAAA,qDAI7B,IAAA,CAAA"}

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

@@ -1,3 +1,3 @@
-export * from './Avatar';
-export * from './ChatSpeechBubble';
-export * from './SpeechBubble';
+export * from './Avatar';
+export * from './ChatSpeechBubble';
+export * from './SpeechBubble';

package/dist/components/Avatar/index.js

@@ -1,20 +1,20 @@
-"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("./Avatar"), exports);
-__exportStar(require("./ChatSpeechBubble"), exports);
-__exportStar(require("./SpeechBubble"), exports);
+"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("./Avatar"), exports);
+__exportStar(require("./ChatSpeechBubble"), exports);
+__exportStar(require("./SpeechBubble"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/GamePoints/GamePointIcon.d.ts

@@ -1,2 +1,2 @@
-import { SVGProps } from 'react';
-export declare const GamePointIcon: (props: SVGProps<SVGSVGElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { SVGProps } from 'react';
+export declare const GamePointIcon: (props: SVGProps<SVGSVGElement>) => import("@emotion/react/jsx-runtime").JSX.Element;