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

package/dist/components/material/ItemMenuButton.js

@@ -1,75 +1,47 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemMenuButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var css_1 = require("../../css");
-var hooks_1 = require("../../hooks");
-var ItemMenuButton = function (_a) {
-    var move = _a.move, _b = _a.moves, moves = _b === void 0 ? move ? [move] : [] : _b, options = _a.options, label = _a.label, _c = _a.angle, angle = _c === void 0 ? 0 : _c, _d = _a.radius, radius = _d === void 0 ? 3 : _d, _e = _a.x, x = _e === void 0 ? radius * Math.sin(angle * Math.PI / 180) : _e, _f = _a.y, y = _f === void 0 ? radius * -Math.cos(angle * Math.PI / 180) : _f, _g = _a.labelPosition, labelPosition = _g === void 0 ? x > 0 ? 'left' : 'right' : _g, children = _a.children, props = __rest(_a, ["move", "moves", "options", "label", "angle", "radius", "x", "y", "labelPosition", "children"]);
-    var play = (0, hooks_1.usePlay)();
-    if (!props.onClick && moves.length) {
-        props.onClick = function () {
-            var e_1, _a;
-            try {
-                for (var moves_1 = __values(moves), moves_1_1 = moves_1.next(); !moves_1_1.done; moves_1_1 = moves_1.next()) {
-                    var move_1 = moves_1_1.value;
-                    play(move_1, options);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (moves_1_1 && !moves_1_1.done && (_a = moves_1.return)) _a.call(moves_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-    }
-    return (0, jsx_runtime_1.jsxs)("button", __assign({ css: [itemMenuButtonCss, (0, css_1.transformCss)('translate(-50%, -50%)', "translate(".concat(x, "em, ").concat(y, "em)"))], disabled: !props.onClick }, props, { children: [children, label && (0, jsx_runtime_1.jsx)("span", __assign({ css: [buttonLabelCss, labelPosition === 'left' ? labelLeft : labelRight] }, { children: label }))] }));
-};
-exports.ItemMenuButton = ItemMenuButton;
-var itemMenuButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  transform-style: preserve-3d;\n  width: 2em;\n  height: 2em;\n  border-radius: 1em;\n  background-color: white;\n  color: black;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var buttonLabelCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"], ["\n  position: absolute;\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  border-radius: 0.3em;\n"])));
-var labelRight = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.2em 0 0.5em;\n  top: 50%;\n  right: 0.2em;\n  transform: translate(100%, -50%) translateZ(-0.1em);\n"])));
-var labelLeft = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\n"], ["\n  padding: 0 0.5em 0 0.2em;\n  top: 50%;\n  left: 0.2em;\n  transform: translate(-100%, -50%) translateZ(-0.1em);\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';
+import { transformCss } from '../../css';
+import { usePlay } from '../../hooks';
+export const ItemMenuButton = ({ move, moves = move ? [move] : [], options, label, angle = 0, radius = 3, x = radius * Math.sin(angle * Math.PI / 180), y = radius * -Math.cos(angle * Math.PI / 180), labelPosition = x > 0 ? 'left' : 'right', children, ...props }) => {
+    const play = usePlay();
+    if (!props.onClick && moves.length) {
+        props.onClick = () => {
+            for (const move of moves)
+                play(move, options);
+        };
+    }
+    return _jsxs("button", { css: [itemMenuButtonCss, transformCss('translate(-50%, -50%)', `translate(${x}em, ${y}em)`)], disabled: !props.onClick, ...props, children: [children, label && _jsx("span", { css: [buttonLabelCss, labelPosition === 'left' ? labelLeft : labelRight], children: label })] });
+};
+const itemMenuButtonCss = css `
+  transform-style: preserve-3d;
+  width: 2em;
+  height: 2em;
+  border-radius: 1em;
+  background-color: white;
+  color: black;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const buttonLabelCss = css `
+  position: absolute;
+  white-space: nowrap;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+  border-radius: 0.3em;
+`;
+const labelRight = css `
+  padding: 0 0.2em 0 0.5em;
+  top: 50%;
+  right: 0.2em;
+  transform: translate(100%, -50%) translateZ(-0.1em);
+`;
+const labelLeft = css `
+  padding: 0 0.5em 0 0.2em;
+  top: 50%;
+  left: 0.2em;
+  transform: translate(-100%, -50%) translateZ(-0.1em);
+`;
 //# sourceMappingURL=ItemMenuButton.js.map

package/dist/components/material/ItemMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,iCAAwC;AACxC,qCAAqC;AAc9B,IAAM,cAAc,GAAG,UAC5B,EAKsD;IAJpD,IAAA,IAAI,UAAA,EAAE,aAA0B,EAA1B,KAAK,mBAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,KAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAChD,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,SAA4C,EAA5C,CAAC,mBAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAAE,SAA6C,EAA7C,CAAC,mBAAG,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAClH,qBAAwC,EAAxC,aAAa,mBAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAA,EACxC,QAAQ,cAAA,EAAK,KAAK,cAJpB,+FAKC,CADmB;IAGpB,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE;QAClC,KAAK,CAAC,OAAO,GAAG;;;gBACd,KAAmB,IAAA,UAAA,SAAA,KAAK,CAAA,4BAAA;oBAAnB,IAAM,MAAI,kBAAA;oBAAW,IAAI,CAAC,MAAI,EAAE,OAAO,CAAC,CAAA;iBAAA;;;;;;;;;QAC/C,CAAC,CAAA;KACF;IACD,OAAO,6CAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,IAAA,kBAAY,EAAC,uBAAuB,EAAE,oBAAa,CAAC,iBAAO,CAAC,QAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,IAAM,KAAK,eAC7I,QAAQ,EACR,KAAK,IAAI,0CAAM,GAAG,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAG,KAAK,IAAQ,KACjG,CAAA;AACX,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B;AAED,IAAM,iBAAiB,OAAG,WAAG,sSAAA,kOAW5B,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,oMAAA,gIAMzB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,uHAKrB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2LAAA,uHAKpB,IAAA,CAAA"}
+{"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAGpC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAcrC,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,EACE,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAChD,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,EAClH,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACxC,QAAQ,EAAE,GAAG,KAAK,EACkC,EACtD,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACnC,KAAK,CAAC,OAAO,GAAG,GAAG,EAAE;YACnB,KAAK,MAAM,IAAI,IAAI,KAAK;gBAAE,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QAC/C,CAAC,CAAA;IACH,CAAC;IACD,OAAO,kBAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC,uBAAuB,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,KAAM,KAAK,aAC7I,QAAQ,EACR,KAAK,IAAI,eAAM,GAAG,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,YAAG,KAAK,GAAQ,IACjG,CAAA;AACX,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;CAW5B,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;CAMzB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;CAKrB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;CAKpB,CAAA"}

package/dist/components/material/ItemMenuWrapper.d.ts

@@ -1,11 +1,11 @@
-import { MaterialItem } from '@gamepark/rules-api';
-import { HTMLAttributes } from 'react';
-import { ItemContext } from '../../locators';
-import { MaterialDescription } from './MaterialDescription';
-type ItemMenuWrapperProps = {
-    item: MaterialItem;
-    itemContext: ItemContext;
-    description: MaterialDescription;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ItemMenuWrapper: ({ item, itemContext, description, ...props }: ItemMenuWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { MaterialItem } from '@gamepark/rules-api';
+import { HTMLAttributes } from 'react';
+import { ItemContext } from '../../locators';
+import { MaterialDescription } from './MaterialDescription';
+type ItemMenuWrapperProps = {
+    item: MaterialItem;
+    itemContext: ItemContext;
+    description: MaterialDescription;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ItemMenuWrapper: ({ item, itemContext, description, ...props }: ItemMenuWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/material/ItemMenuWrapper.js

@@ -1,69 +1,19 @@
-"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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemMenuWrapper = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var css_1 = require("../../css");
-var rotations_utils_1 = require("./animations/rotations.utils");
-var ItemMenuWrapper = function (_a) {
-    var item = _a.item, itemContext = _a.itemContext, description = _a.description, props = __rest(_a, ["item", "itemContext", "description"]);
-    var itemTransform = (0, react_2.useMemo)(function () { return (0, rotations_utils_1.removeRotations)(description.getItemTransform(item, itemContext)); }, [description, item, itemContext]);
-    return (0, jsx_runtime_1.jsx)("div", __assign({ css: [itemMenuWrapperCss, css_1.transformCss.apply(void 0, __spreadArray(__spreadArray([], __read(itemTransform), false), ['translateZ(15em)'], false))] }, props));
-};
-exports.ItemMenuWrapper = ItemMenuWrapper;
-var itemMenuWrapperCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  transform-style: preserve-3d;\n\n  > * {\n    position: absolute;\n  }\n"], ["\n  position: absolute;\n  transform-style: preserve-3d;\n\n  > * {\n    position: absolute;\n  }\n"])));
-var templateObject_1;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { useMemo } from 'react';
+import { transformCss } from '../../css';
+import { removeRotations } from './animations/rotations.utils';
+export const ItemMenuWrapper = ({ item, itemContext, description, ...props }) => {
+    const itemTransform = useMemo(() => removeRotations(description.getItemTransform(item, itemContext)), [description, item, itemContext]);
+    return _jsx("div", { css: [itemMenuWrapperCss, transformCss(...itemTransform, 'translateZ(15em)')], ...props });
+};
+const itemMenuWrapperCss = css `
+  position: absolute;
+  transform-style: preserve-3d;
+
+  > * {
+    position: absolute;
+  }
+`;
 //# sourceMappingURL=ItemMenuWrapper.js.map

package/dist/components/material/ItemMenuWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemMenuWrapper.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,+BAA+C;AAC/C,iCAAwC;AAExC,gEAA8D;AASvD,IAAM,eAAe,GAAG,UAAC,EAAkE;IAAhE,IAAA,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAA1C,sCAA4C,CAAF;IACxE,IAAM,aAAa,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,iCAAe,EAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,EAAhE,CAAgE,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IACvI,OAAO,yCAAK,GAAG,EAAE,CAAC,kBAAkB,EAAE,kBAAY,sDAAI,aAAa,YAAE,kBAAkB,WAAE,IAAM,KAAK,EAAG,CAAA;AACzG,CAAC,CAAA;AAHY,QAAA,eAAe,mBAG3B;AAED,IAAM,kBAAkB,OAAG,WAAG,yKAAA,qGAO7B,IAAA,CAAA"}
+{"version":3,"file":"ItemMenuWrapper.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuWrapper.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAS9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACpG,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IACvI,OAAO,cAAK,GAAG,EAAE,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG,aAAa,EAAE,kBAAkB,CAAC,CAAC,KAAM,KAAK,GAAG,CAAA;AACzG,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;CAO7B,CAAA"}

package/dist/components/material/MaterialComponent.d.ts

@@ -1,17 +1,17 @@
-import { HTMLAttributes } from 'react';
-export type MaterialComponentProps<M extends number = number, ItemId = any> = {
-    type: M;
-    itemId?: ItemId;
-    itemIndex?: number;
-    highlight?: boolean;
-    playDown?: boolean;
-    preview?: boolean;
-} & HTMLAttributes<HTMLElement>;
-export declare const MaterialComponent: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    type: number;
-    itemId?: any;
-    itemIndex?: number | undefined;
-    highlight?: boolean | undefined;
-    playDown?: boolean | undefined;
-    preview?: boolean | undefined;
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>>;
+import { HTMLAttributes } from 'react';
+export type MaterialComponentProps<M extends number = number, ItemId = any> = {
+    type: M;
+    itemId?: ItemId;
+    itemIndex?: number;
+    highlight?: boolean;
+    playDown?: boolean;
+    preview?: boolean;
+} & HTMLAttributes<HTMLElement>;
+export declare const MaterialComponent: import("react").NamedExoticComponent<{
+    type: number;
+    itemId?: any;
+    itemIndex?: number;
+    highlight?: boolean;
+    playDown?: boolean;
+    preview?: boolean;
+} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/material/MaterialComponent.js

@@ -1,49 +1,27 @@
-"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.MaterialComponent = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var css_1 = require("../../css");
-var hooks_1 = require("../../hooks");
-exports.MaterialComponent = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref) {
-    var type = _a.type, itemId = _a.itemId, itemIndex = _a.itemIndex, highlight = _a.highlight, playDown = _a.playDown, preview = _a.preview, props = __rest(_a, ["type", "itemId", "itemIndex", "highlight", "playDown", "preview"]);
-    var description = (0, hooks_1.useMaterialDescription)(type);
-    if (!description)
-        return null;
-    var _b = description.getSize(itemId), width = _b.width, height = _b.height;
-    var componentCss = (0, react_2.useMemo)(function () { return [materialCss, (0, css_1.sizeCss)(width, height)]; }, [width, height]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: componentCss }, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: hoverWrapper }, { children: description.content(__assign({ type: type, itemId: itemId, highlight: highlight, playDown: playDown, preview: preview, itemIndex: itemIndex }, props)) })) })));
-}));
-var hoverWrapper = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n  transform-origin: center;\n  width: 100%;\n  height: 100%;\n"], ["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n  transform-origin: center;\n  width: 100%;\n  height: 100%;\n"])));
-exports.MaterialComponent.displayName = 'MaterialComponent';
-var materialCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n"], ["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n"])));
-var templateObject_1, templateObject_2;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { forwardRef, memo, useMemo } from 'react';
+import { sizeCss } from '../../css';
+import { useMaterialDescription } from '../../hooks';
+export const MaterialComponent = memo(forwardRef(({ type, itemId, itemIndex, highlight, playDown, preview, ...props }, ref) => {
+    const description = useMaterialDescription(type);
+    if (!description)
+        return null;
+    const { width, height } = description.getSize(itemId);
+    const componentCss = useMemo(() => [materialCss, sizeCss(width, height)], [width, height]);
+    return (_jsx("div", { ref: ref, css: componentCss, ...props, children: _jsx("div", { css: hoverWrapper, children: description.content({ type, itemId, highlight, playDown, preview, itemIndex, ...props }) }) }));
+}));
+const hoverWrapper = css `
+  transform-style: preserve-3d;
+  -webkit-tap-highlight-color: transparent;
+  transform-origin: center;
+  width: 100%;
+  height: 100%;
+`;
+MaterialComponent.displayName = 'MaterialComponent';
+const materialCss = css `
+  transform-style: preserve-3d;
+  -webkit-tap-highlight-color: transparent;
+`;
 //# sourceMappingURL=MaterialComponent.js.map

package/dist/components/material/MaterialComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialComponent.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+BAAiE;AACjE,iCAAmC;AACnC,qCAAoD;AAWvC,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAC,IAAA,kBAAU,EAAyC,UACvF,EAAmE,EAAE,GAAG;IAAtE,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAjE,mEAAmE,CAAF;IAEjE,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAA;IAEhD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAEvB,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAA7C,KAAK,WAAA,EAAE,MAAM,YAAgC,CAAA;IAErD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,WAAW,EAAE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAArC,CAAqC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1F,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,IAAM,KAAK,cACzC,yCAAK,GAAG,EAAE,YAAY,gBACnB,WAAW,CAAC,OAAO,YAAG,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,IAAK,KAAK,EAAG,IACrF,IACF,CACP,CAAA;AACH,CAAC,CAAC,CAAC,CAAA;AAEH,IAAM,YAAY,OAAG,WAAG,oNAAA,gJAMvB,IAAA,CAAA;AAED,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,IAAM,WAAW,OAAG,WAAG,sJAAA,kFAGtB,IAAA,CAAA"}
+{"version":3,"file":"MaterialComponent.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponent.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAWpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAyC,CACvF,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EACxE,EAAE;IACF,MAAM,WAAW,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAA;IAEhD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAE7B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1F,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,KAAM,KAAK,YACzC,cAAK,GAAG,EAAE,YAAY,YACnB,WAAW,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC,GACrF,GACF,CACP,CAAA;AACH,CAAC,CAAC,CAAC,CAAA;AAEH,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;CAMvB,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,MAAM,WAAW,GAAG,GAAG,CAAA;;;CAGtB,CAAA"}

package/dist/components/material/MaterialComponentType.d.ts

@@ -1,7 +1,7 @@
-export declare enum MaterialComponentType {
-    Board = 1,
-    Card = 2,
-    Token = 3,
-    Meeple = 4,
-    Cube = 5
-}
+export declare enum MaterialComponentType {
+    Board = 1,
+    Card = 2,
+    Token = 3,
+    Meeple = 4,
+    Cube = 5
+}

package/dist/components/material/MaterialComponentType.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialComponentType = void 0;
-var MaterialComponentType;
-(function (MaterialComponentType) {
-    MaterialComponentType[MaterialComponentType["Board"] = 1] = "Board";
-    MaterialComponentType[MaterialComponentType["Card"] = 2] = "Card";
-    MaterialComponentType[MaterialComponentType["Token"] = 3] = "Token";
-    MaterialComponentType[MaterialComponentType["Meeple"] = 4] = "Meeple";
-    MaterialComponentType[MaterialComponentType["Cube"] = 5] = "Cube";
-})(MaterialComponentType = exports.MaterialComponentType || (exports.MaterialComponentType = {}));
+export var MaterialComponentType;
+(function (MaterialComponentType) {
+    MaterialComponentType[MaterialComponentType["Board"] = 1] = "Board";
+    MaterialComponentType[MaterialComponentType["Card"] = 2] = "Card";
+    MaterialComponentType[MaterialComponentType["Token"] = 3] = "Token";
+    MaterialComponentType[MaterialComponentType["Meeple"] = 4] = "Meeple";
+    MaterialComponentType[MaterialComponentType["Cube"] = 5] = "Cube";
+})(MaterialComponentType || (MaterialComponentType = {}));
 //# sourceMappingURL=MaterialComponentType.js.map

package/dist/components/material/MaterialComponentType.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialComponentType.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponentType.ts"],"names":[],"mappings":";;;AAAA,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,mEAAS,CAAA;IAAE,iEAAI,CAAA;IAAE,mEAAK,CAAA;IAAE,qEAAM,CAAA;IAAE,iEAAI,CAAA;AACtC,CAAC,EAFW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAEhC"}
+{"version":3,"file":"MaterialComponentType.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponentType.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,mEAAS,CAAA;IAAE,iEAAI,CAAA;IAAE,mEAAK,CAAA;IAAE,qEAAM,CAAA;IAAE,iEAAI,CAAA;AACtC,CAAC,EAFW,qBAAqB,KAArB,qBAAqB,QAEhC"}