@dxos/plugin-chess 0.7.5-labs.a279d8c → 0.7.5-main.2567c87

package/dist/lib/node/{chunk-HPYER4GF.cjs → ChessContainer-XRP7D63X.cjs}

@@ -26,34 +26,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_HPYER4GF_exports = {};
-__export(chunk_HPYER4GF_exports, {
-  Chess: () => Chess2,
-  ChessPanel: () => ChessPanel,
-  ChessPieces: () => ChessPieces,
-  Chessboard: () => Chessboard,
-  boardStyles: () => boardStyles
+var ChessContainer_XRP7D63X_exports = {};
+__export(ChessContainer_XRP7D63X_exports, {
+  default: () => ChessContainer_default
 });
-module.exports = __toCommonJS(chunk_HPYER4GF_exports);
-var import_react = require("@phosphor-icons/react");
+module.exports = __toCommonJS(ChessContainer_XRP7D63X_exports);
+var import_react = __toESM(require("react"));
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var import_react2 = require("@phosphor-icons/react");
 var import_chess = require("chess.js");
-var import_react2 = __toESM(require("react"));
-var import_react_chessboard = require("react-chessboard");
-var import_react_dnd_html5_backend = require("react-dnd-html5-backend");
-var import_react_resize_detector = require("react-resize-detector");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react3 = __toESM(require("react"));
+var import_display_name = require("@dxos/display-name");
+var import_invariant = require("@dxos/invariant");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react4 = require("@phosphor-icons/react");
+var import_chess2 = require("chess.js");
 var import_react5 = __toESM(require("react"));
+var import_react_chessboard = require("react-chessboard");
+var import_react_resize_detector = require("react-resize-detector");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_react6 = __toESM(require("react"));
 var import_react7 = require("@phosphor-icons/react");
-var import_chess2 = require("chess.js");
 var import_react8 = __toESM(require("react"));
-var import_display_name = require("@dxos/display-name");
-var import_invariant = require("@dxos/invariant");
-var import_echo = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_react9 = __toESM(require("react"));
 var style = {
   white: {
     fill: "#999"
@@ -63,63 +61,63 @@ var style = {
   }
 };
 var pieces = {
-  p: (style4) => /* @__PURE__ */ import_react3.default.createElement("svg", {
+  p: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
     fill: "#000000",
     width: "45px",
     height: "45px",
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react3.default.createElement("path", {
+  }, /* @__PURE__ */ import_react6.default.createElement("path", {
     style: style4,
     d: "M 16 9 C 13.800781 9 12 10.800781 12 13 C 12 14.199219 12.558594 15.265625 13.40625 16 L 12 16 C 11.96875 16 11.9375 16 11.90625 16 C 11.355469 16.027344 10.925781 16.496094 10.953125 17.046875 C 10.980469 17.597656 11.449219 18.027344 12 18 L 12.5 18 L 11.09375 21.5625 L 10.375 23 L 9 23 C 8.96875 23 8.9375 23 8.90625 23 C 8.433594 23.03125 8.050781 23.386719 7.980469 23.855469 C 7.914063 24.320313 8.183594 24.773438 8.625 24.9375 L 7.28125 26.28125 L 7 26.59375 L 7 29 L 25 29 L 25 26.59375 L 24.71875 26.28125 L 23.375 24.9375 C 23.832031 24.765625 24.101563 24.289063 24.007813 23.808594 C 23.917969 23.328125 23.488281 22.988281 23 23 L 21.625 23 L 20.90625 21.5625 L 19.5 18 L 20 18 C 20.359375 18.003906 20.695313 17.816406 20.878906 17.503906 C 21.058594 17.191406 21.058594 16.808594 20.878906 16.496094 C 20.695313 16.183594 20.359375 15.996094 20 16 L 18.59375 16 C 19.441406 15.265625 20 14.199219 20 13 C 20 10.800781 18.199219 9 16 9 Z M 16 11 C 17.117188 11 18 11.882813 18 13 C 18 14.117188 17.117188 15 16 15 C 14.882813 15 14 14.117188 14 13 C 14 11.882813 14.882813 11 16 11 Z M 14.6875 18 L 17.3125 18 L 19.0625 22.375 L 19.09375 22.40625 L 19.09375 22.4375 L 19.375 23 L 12.625 23 L 12.90625 22.4375 L 12.90625 22.40625 L 12.9375 22.375 Z M 11.4375 25 L 20.5625 25 L 22.5625 27 L 9.4375 27 Z"
   })),
-  r: (style4) => /* @__PURE__ */ import_react3.default.createElement("svg", {
+  r: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
     fill: "#000000",
     width: "45px",
     height: "45px",
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react3.default.createElement("path", {
+  }, /* @__PURE__ */ import_react6.default.createElement("path", {
     style: style4,
     d: "M 9 4 L 9 13 L 12.75 13 L 12.53125 14 L 12 14 C 11.96875 14 11.9375 14 11.90625 14 C 11.355469 14.027344 10.925781 14.496094 10.953125 15.046875 C 10.980469 15.597656 11.449219 16.027344 12 16 L 12.09375 16 L 11.09375 20.5625 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.90625 20.5625 L 19.90625 16 L 20 16 C 20.359375 16.003906 20.695313 15.816406 20.878906 15.503906 C 21.058594 15.191406 21.058594 14.808594 20.878906 14.496094 C 20.695313 14.183594 20.359375 13.996094 20 14 L 19.46875 14 L 19.25 13 L 23 13 L 23 4 Z M 11 6 L 13 6 L 13 9 L 15 9 L 15 6 L 17 6 L 17 9 L 19 9 L 19 6 L 21 6 L 21 11 L 11 11 Z M 14.78125 13 L 17.21875 13 L 17.4375 14 L 14.5625 14 Z M 14.125 16 L 17.875 16 L 19.03125 21.21875 L 19.0625 21.34375 L 19.09375 21.4375 L 19.375 22 L 12.625 22 L 12.90625 21.4375 L 12.9375 21.34375 L 12.96875 21.21875 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z"
   })),
-  n: (style4) => /* @__PURE__ */ import_react3.default.createElement("svg", {
+  n: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
     fill: "#000000",
     width: "45px",
     height: "45px",
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react3.default.createElement("path", {
+  }, /* @__PURE__ */ import_react6.default.createElement("path", {
     style: style4,
     d: "M 16 3 C 14.230469 3 13.058594 3.984375 12.59375 5 C 12.242188 5.769531 12.285156 6.304688 12.28125 6.75 C 11.535156 7.257813 10.75 7.90625 10.125 8.53125 C 8.726563 9.929688 7.960938 11.921875 8 14.03125 C 8.019531 15.003906 8.21875 15.980469 8.59375 16.96875 C 8.78125 17.464844 9.125 18.324219 9.4375 19.28125 C 9.75 20.238281 10 21.292969 10 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.367188 22.035156 7.953125 22.492188 7.972656 23.03125 C 7.988281 23.570313 8.429688 23.996094 8.96875 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 22 22 C 22 19.738281 20.59375 17.664063 19.28125 16.0625 C 18.53125 15.144531 18.285156 14.984375 17.78125 14.5 C 17.960938 14.394531 18.183594 14.269531 18.3125 14.1875 C 18.472656 14.085938 18.558594 14.023438 18.59375 14 C 18.875 14 18.894531 14.046875 19.1875 14.28125 C 19.480469 14.515625 20.078125 15 20.90625 15 C 21.632813 15 22.164063 14.53125 22.4375 14.1875 C 22.6875 13.871094 22.824219 13.632813 22.84375 13.59375 C 22.933594 13.550781 23.128906 13.488281 23.375 13.3125 C 23.621094 13.136719 23.941406 12.746094 24 12.3125 C 24.058594 11.878906 23.921875 11.5 23.75 11.125 C 23.496094 10.570313 23.023438 9.933594 22.28125 9.15625 C 21.539063 8.378906 20.566406 7.554688 19.375 7.0625 C 19.285156 7.023438 19.359375 7.082031 19.3125 7.03125 C 19.265625 6.980469 19.125 6.769531 18.84375 6.5625 C 18.476563 6.292969 17.679688 6.261719 17 6.1875 L 17 3 Z M 15 5.21875 L 15 8 L 16 8 C 17.363281 8 17.664063 8.164063 17.65625 8.15625 C 17.652344 8.152344 17.660156 8.171875 17.8125 8.34375 C 17.964844 8.515625 18.261719 8.785156 18.625 8.9375 C 19.425781 9.269531 20.226563 9.917969 20.84375 10.5625 C 21.421875 11.164063 21.808594 11.761719 21.875 11.875 C 21.714844 11.953125 21.546875 12.007813 21.34375 12.25 C 21.070313 12.582031 20.972656 12.8125 20.875 12.9375 C 20.84375 12.976563 20.847656 12.988281 20.84375 13 C 20.757813 12.988281 20.699219 12.933594 20.4375 12.71875 C 20.109375 12.453125 19.457031 12 18.59375 12 C 17.9375 12 17.566406 12.300781 17.25 12.5 C 16.933594 12.699219 16.679688 12.84375 16.59375 12.875 L 16.5625 12.90625 L 16.53125 12.90625 C 16.347656 12.984375 16.03125 13 16.03125 13 L 15 12.96875 L 15 14.5625 L 15.34375 14.84375 C 15.34375 14.84375 16.53125 15.890625 17.71875 17.34375 C 18.90625 18.796875 20 20.667969 20 22 L 12 22 C 12 20.878906 11.6875 19.703125 11.34375 18.65625 C 11 17.609375 10.59375 16.695313 10.4375 16.28125 C 10.144531 15.507813 10.015625 14.707031 10 13.96875 C 9.96875 12.363281 10.542969 10.925781 11.53125 9.9375 C 12.183594 9.285156 13.15625 8.46875 13.6875 8.15625 L 14.1875 7.875 L 14.1875 7.3125 C 14.1875 6.941406 14.1875 6.320313 14.40625 5.84375 C 14.53125 5.574219 14.703125 5.367188 15 5.21875 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z"
   })),
-  b: (style4) => /* @__PURE__ */ import_react3.default.createElement("svg", {
+  b: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
     fill: "#000000",
     width: "45px",
     height: "45px",
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react3.default.createElement("path", {
+  }, /* @__PURE__ */ import_react6.default.createElement("path", {
     style: style4,
     d: "M 16 3 C 14.90625 3 14 3.90625 14 5 C 14 5.441406 14.15625 5.855469 14.40625 6.1875 C 14.050781 6.5625 13.644531 7.011719 13.21875 7.53125 C 12.171875 8.8125 11 10.292969 11 12 C 11 13.136719 11.414063 14.160156 12.0625 15 L 12 15 C 11.96875 15 11.9375 15 11.90625 15 C 11.355469 15.027344 10.925781 15.496094 10.953125 16.046875 C 10.980469 16.597656 11.449219 17.027344 12 17 L 12.5 17 L 11.09375 20.5625 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.90625 20.5625 L 19.5 17 L 20 17 C 20.359375 17.003906 20.695313 16.816406 20.878906 16.503906 C 21.058594 16.191406 21.058594 15.808594 20.878906 15.496094 C 20.695313 15.183594 20.359375 14.996094 20 15 C 20.628906 14.160156 21 13.121094 21 12 C 21 10.292969 19.828125 8.8125 18.78125 7.53125 C 18.355469 7.011719 17.949219 6.5625 17.59375 6.1875 C 17.84375 5.855469 18 5.441406 18 5 C 18 3.90625 17.09375 3 16 3 Z M 16 7.46875 C 16.363281 7.835938 16.609375 8.066406 17.21875 8.8125 C 18.171875 9.980469 19 11.5 19 12 C 19 13.679688 17.699219 15 16.03125 15 C 14.363281 15 13 13.660156 13 12 C 13 11.5 13.828125 9.980469 14.78125 8.8125 C 15.390625 8.066406 15.636719 7.835938 16 7.46875 Z M 14.6875 17 L 17.3125 17 L 19.0625 21.375 L 19.09375 21.40625 L 19.09375 21.4375 L 19.375 22 L 12.625 22 L 12.90625 21.4375 L 12.90625 21.40625 L 12.9375 21.375 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z"
   })),
-  q: (style4) => /* @__PURE__ */ import_react3.default.createElement("svg", {
+  q: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
     fill: "#000000",
     width: "45px",
     height: "45px",
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react3.default.createElement("path", {
+  }, /* @__PURE__ */ import_react6.default.createElement("path", {
     style: style4,
     d: "M 16 3 C 14.90625 3 14 3.90625 14 5 C 14 5.730469 14.402344 6.371094 15 6.71875 L 15 8.25 C 15 8.675781 14.675781 9 14.25 9 L 11.90625 9 C 11.59375 9 11.316406 8.851563 11.15625 8.625 C 11.667969 8.261719 12 7.667969 12 7 C 12 5.90625 11.09375 5 10 5 C 8.90625 5 8 5.90625 8 7 C 8 7.730469 8.402344 8.371094 9 8.71875 L 9 10.40625 L 9.28125 10.71875 L 11.625 13.0625 C 11.167969 13.234375 10.902344 13.710938 10.996094 14.1875 C 11.089844 14.667969 11.511719 15.011719 12 15 L 12.65625 15 L 11.09375 20.5625 L 11.03125 20.71875 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.96875 20.71875 L 20.9375 20.65625 L 20.90625 20.5625 L 19.34375 15 L 20 15 C 20.488281 15.011719 20.917969 14.671875 21.007813 14.191406 C 21.101563 13.710938 20.832031 13.234375 20.375 13.0625 L 22.71875 10.71875 L 23 10.40625 L 23 8.71875 C 23.597656 8.371094 24 7.730469 24 7 C 24 5.90625 23.09375 5 22 5 C 20.90625 5 20 5.90625 20 7 C 20 7.667969 20.332031 8.261719 20.84375 8.625 C 20.683594 8.851563 20.40625 9 20.09375 9 L 17.75 9 C 17.324219 9 17 8.675781 17 8.25 L 17 6.71875 C 17.597656 6.371094 18 5.730469 18 5 C 18 3.90625 17.09375 3 16 3 Z M 16 10.34375 C 16.480469 10.746094 17.082031 11 17.75 11 L 19.5625 11 L 17.5625 13 L 14.4375 13 L 12.4375 11 L 14.25 11 C 14.917969 11 15.519531 10.746094 16 10.34375 Z M 14.75 15 L 17.25 15 L 19.03125 21.28125 L 19.0625 21.375 L 19.375 22 L 12.625 22 L 12.9375 21.375 L 12.96875 21.28125 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z"
   })),
-  k: (style4) => /* @__PURE__ */ import_react3.default.createElement("svg", {
+  k: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
     fill: "#000000",
     width: "45px",
     height: "45px",
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react3.default.createElement("path", {
+  }, /* @__PURE__ */ import_react6.default.createElement("path", {
     style: style4,
     d: "M 16 3 C 14.90625 3 14 3.90625 14 5 C 14 5.359375 14.109375 5.707031 14.28125 6 L 8 6 L 8 8.375 L 8.21875 8.625 L 11.875 13 C 11.324219 13.035156 10.902344 13.511719 10.9375 14.0625 C 10.972656 14.613281 11.449219 15.035156 12 15 L 12.65625 15 L 11.09375 20.5625 L 11.03125 20.71875 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.96875 20.71875 L 20.9375 20.65625 L 20.90625 20.5625 L 19.34375 15 L 20 15 C 20.550781 15.042969 21.035156 14.628906 21.078125 14.078125 C 21.121094 13.527344 20.707031 13.042969 20.15625 13 L 23.78125 8.625 L 24 8.375 L 24 6 L 17.71875 6 C 17.890625 5.707031 18 5.359375 18 5 C 18 3.90625 17.09375 3 16 3 Z M 10.3125 8 L 21.6875 8 L 17.53125 13 L 14.46875 13 Z M 14.75 15 L 17.25 15 L 19.03125 21.28125 L 19.0625 21.375 L 19.375 22 L 12.625 22 L 12.9375 21.375 L 12.96875 21.28125 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z"
   }))
@@ -150,19 +148,19 @@ var style2 = {
     color: "black"
   }
 };
-var Wrapper = ({ children }) => /* @__PURE__ */ import_react5.default.createElement("svg", {
+var Wrapper = ({ children }) => /* @__PURE__ */ import_react8.default.createElement("svg", {
   viewBox: "-1, -1, 42, 42",
   className: "logo"
-}, /* @__PURE__ */ import_react5.default.createElement("g", {
+}, /* @__PURE__ */ import_react8.default.createElement("g", {
   transform: "translate(5 5) scale(0.75 0.75)"
 }, children));
 var pieces2 = {
-  p: (style4) => /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.User, style4)),
-  r: (style4) => /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.Plus, style4)),
-  n: (style4) => /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.ShieldStar, style4)),
-  b: (style4) => /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.Flame, style4)),
-  q: (style4) => /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.Asterisk, style4)),
-  k: (style4) => /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.Crown, style4))
+  p: (style4) => /* @__PURE__ */ import_react8.default.createElement(Wrapper, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.User, style4)),
+  r: (style4) => /* @__PURE__ */ import_react8.default.createElement(Wrapper, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.Plus, style4)),
+  n: (style4) => /* @__PURE__ */ import_react8.default.createElement(Wrapper, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.ShieldStar, style4)),
+  b: (style4) => /* @__PURE__ */ import_react8.default.createElement(Wrapper, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.Flame, style4)),
+  q: (style4) => /* @__PURE__ */ import_react8.default.createElement(Wrapper, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.Asterisk, style4)),
+  k: (style4) => /* @__PURE__ */ import_react8.default.createElement(Wrapper, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.Crown, style4))
 };
 var phosphorPieces = {
   wP: pieces2.p(style2.white),
@@ -189,118 +187,118 @@ var style3 = {
   }
 };
 var pieces3 = {
-  p: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
+  p: (style4) => /* @__PURE__ */ import_react9.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "535 1350 1333 1333"
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M820 2500v-99l87-3 87-3 56-182 57-182-30-28c-62-58-82-147-51-221 52-126 211-166 311-79 91 80 96 207 12 290l-39 39 58 182 58 181 82 3 82 3v199H820z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M1590 2500v-99l-82-3-82-3-58-181-58-182 39-39c38-38 61-91 61-144 0-30-19-89-29-89-3 0-65 59-136 130-84 84-135 128-145 125-17-6-22-10 77 68l60 48 12 117c16 154 15 152 57 152h34v200h250z",
     fill: style4.c2
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M1340 2500v-100h-34c-42 0-41 2-57-152l-12-117-64-51-63-51-10 26c-6 15-10 31-10 38 0 11-24 87-75 237l-23 65-86 3-86 3v199h520zm-91-614l133-134-41-40c-55-53-117-68-190-47-113 34-170 176-115 287 13 25 59 68 73 68 3 0 66-60 140-134z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M820 2500v-99l87-3 87-3 56-182 57-182-30-28c-62-58-82-147-51-221 52-126 211-166 311-79 91 80 96 207 12 290l-39 39 58 182 58 181 82 3 82 3v199H820z",
     fill: "none",
     stroke: "#000",
     strokeWidth: "24"
   })),
-  r: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
+  r: (style4) => /* @__PURE__ */ import_react9.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "1670 1350 1333 1333"
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M1940 2500v-99l62-3 63-3 22-210c30-287 33-256-37-299l-60-38 2-161 3-162 57-3 58-3v101h109l3-47 3-48h190l3 48 3 47h109v-101l57 3 58 3 3 163 2 162-46 28c-25 15-52 32-60 37-12 9-11 39 6 215 11 113 23 220 26 238l5 32h129v200h-770z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("g", {
+  }), /* @__PURE__ */ import_react9.default.createElement("g", {
     fill: style4.c2
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M2710 2500v-100h-129l-5-32c-3-18-15-125-26-238-17-176-18-206-6-215 8-5 35-22 60-37l46-28-2-162-3-163-58-3-57-3v51c0 49-1 50-30 50h-30v230h-238l-237 1 54 34c30 19 57 38 60 42 3 5 12 9 18 10 7 2 65 35 128 74l115 71 1 51c1 29 4 99 8 157l6 105 37 3 38 3v199h250z"
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M2418 1573l-3-48-50-3-50-3 3 51 4 50h99z"
-  })), /* @__PURE__ */ import_react6.default.createElement("path", {
+  })), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M2460 2501v-100l-38-3-37-3-6-105c-4-58-7-128-8-157l-1-51-122-76c-68-41-126-72-130-68-3 4-9 39-13 77-4 39-8 86-10 105-7 68-14 146-19 203-3 32-8 63-11 68-4 5-33 9-66 9h-59v200h520zm10-766v-115h-149l-3-47-3-48h-90l-3 48-3 47h-109v-101l-58 3-57 3-3 163-2 162h480z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M1940 2500v-99l62-3 63-3 22-210c30-287 33-256-37-299l-60-38 2-161 3-162 57-3 58-3v101h109l3-47 3-48h190l3 48 3 47h109v-101l57 3 58 3 3 163 2 162-46 28c-25 15-52 32-60 37-12 9-11 39 6 215 11 113 23 220 26 238l5 32h129v200h-770z",
     fill: "none",
     stroke: "#000",
     strokeWidth: "24"
   })),
-  n: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
+  n: (style4) => /* @__PURE__ */ import_react9.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "2780 1350 1333 1333"
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M3060 2500v-99l106-3 106-3-82-69-82-69 168-168 167-167-26-16c-43-29-91-31-141-6-25 12-46 26-46 31 0 22-22 5-67-53-28-35-53-68-57-75-4-8 66-61 212-159l220-146 42 22c190 97 273 340 183 531-16 35-39 75-51 89l-21 25 45 46 45 46-82 69-81 69 106 3 106 3v199h-770z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("g", {
+  }), /* @__PURE__ */ import_react9.default.createElement("g", {
     fill: style4.c2
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M3830 2500v-99l-106-3-106-3 81-69 82-69-45-46-45-46 21-25c12-14 35-54 51-89 55-116 47-264-19-377-31-52-108-126-162-153-53-27-62-27-26 2 46 35 73 68 103 127 124 239-6 525-267 591-35 8-63 17-64 20-1 2 9 34 21 72l23 67h158v200h300z"
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M3540 1923v-97l-48 47c-40 39-50 45-62 35-13-11-13-11-2 2 10 12 4 22-35 62l-47 48h194z"
-  })), /* @__PURE__ */ import_react6.default.createElement("path", {
+  })), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M3530 2500v-100h-158l-21-62c-12-35-21-67-21-72-1-5 27-17 62-25 261-66 390-350 268-591-27-52-103-140-122-140-12 0-428 279-428 287 0 6 74 106 101 137 5 5 16 0 26-11 37-43 126-55 178-23l30 18 47-46 48-46v194h-195l-115 115-114 114 20 23c10 13 25 27 33 32 7 4 30 24 49 42 20 19 40 34 44 34s8 5 8 10c0 6-42 10-105 10h-105v200h470z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M3060 2500v-99l106-3 106-3-82-69-82-69 168-168 167-167-26-16c-43-29-91-31-141-6-25 12-46 26-46 31 0 22-22 5-67-53-28-35-53-68-57-75-4-8 66-61 212-159l220-146 42 22c190 97 273 340 183 531-16 35-39 75-51 89l-21 25 45 46 45 46-82 69-81 69 106 3 106 3v199h-770z",
     fill: "none",
     stroke: "#000",
     strokeWidth: "24"
   })),
-  b: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
+  b: (style4) => /* @__PURE__ */ import_react9.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "3890 1350 1330 1330"
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M4180 2500v-100h186l38-162c21-90 40-168 43-174 2-6-30-54-72-107-41-54-75-102-75-108s21-38 47-71l47-61 26 31 27 32 32-45 32-45-20-29c-12-16-21-32-21-36 0-10 92-125 99-125 3 1 37 42 76 93 38 50 99 128 133 174l64 82-78 101-78 101 32 137c18 75 37 154 43 175l10 37h179v200h-770z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M4950 2500v-100h-179l-10-37c-6-21-25-100-43-175l-32-137 77-100c42-55 77-101 77-103s-54-1-119 2l-119 5-72 93c-39 50-74 92-78 92s-8 11-8 25c-1 14 2 25 6 25 5 0 38 18 74 41l64 40 7 97c9 134 8 132 61 132h44v200h250zm-422-699c18-22 32-43 32-48 0-4-10-21-23-37l-23-29-36 49-36 48 21 28c11 15 24 28 27 28 4 0 21-18 38-39z",
     fill: style4.c2
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M4700 2500v-100h-44c-53 0-52 2-61-132l-7-97-64-40c-36-23-69-41-73-41-7 0-20 46-63 223l-21 87h-187v200h520zm-168-555l73-95h112c62 0 113-3 112-7 0-9-31-50-157-208-50-64-92-121-92-126 0-20-18-5-63 56l-48 64 45 58c25 32 46 62 46 66 0 11-61 87-70 87-4 0-26-27-50-60-24-32-46-57-51-55-4 3-26 33-49 66l-41 61 47 61c27 34 60 77 74 94 14 18 28 33 32 33s40-43 80-95z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M4180 2500v-100h186l38-162c21-90 40-168 43-174 2-6-30-54-72-107-41-54-75-102-75-108s21-38 47-71l47-61 26 31 27 32 32-45 32-45-20-29c-12-16-21-32-21-36 0-10 92-125 99-125 3 1 37 42 76 93 38 50 99 128 133 174l64 82-78 101-78 101 32 137c18 75 37 154 43 175l10 37h179v200h-770z",
     fill: "none",
     stroke: "#000",
     strokeWidth: "24"
   })),
-  q: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
+  q: (style4) => /* @__PURE__ */ import_react9.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "5010 1350 1333 1333"
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M5300 2500v-100h178l10-47c6-27 18-86 27-133l17-85-107-233c-59-128-105-235-103-237 2-3 24 1 49 8 43 12 44 14 47 58 3 40 10 54 62 110l59 64 1-94c0-89-2-97-26-122l-27-28 23-61c12-33 25-60 29-60s26 20 50 44l42 43-15 36c-14 35-13 39 22 121 20 48 39 86 43 86 3 0 22-39 42-86 35-83 36-87 22-122l-16-36 43-43c23-24 45-43 49-43 7 0 49 97 49 115 0 6-11 22-25 35-23 22-25 30-25 122v99l60-68c54-60 60-72 60-110 0-47 6-52 77-67l32-7-110 238-110 238 16 85c9 47 21 106 27 133l10 47h178v200h-760z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("g", {
+  }), /* @__PURE__ */ import_react9.default.createElement("g", {
     fill: style4.c2
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M6060 2500v-100h-178l-10-47c-6-27-18-86-27-133l-16-85 110-238 110-238-32 7c-71 15-77 20-77 67 0 38-6 50-60 110l-60 68v-99c0-92 2-100 25-122 14-13 25-29 25-35 0-22-42-115-52-115-5 0-7 4-4 8 3 5-22 134-54 288-33 153-60 282-60 286 0 5-38 8-85 8-67 0-85 3-85 14 0 8-3 23-6 33-4 12-3 14 3 5 7-9 30 1 94 40l84 53 3 63 3 62h109v200h240z"
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M5640 1992c0-7 11-35 25-64 14-28 21-54 16-57-4-3-24-43-44-89-35-80-35-84-21-119l15-36-42-43c-24-24-46-44-49-44-8 0 83 447 93 456 4 4 7 2 7-4z"
-  })), /* @__PURE__ */ import_react6.default.createElement("path", {
+  })), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M5820 2500v-100h-109l-3-62-3-63-84-53c-61-38-87-49-92-40-3 7-12 42-18 78-7 36-17 82-23 103l-11 37h-177v200h520zm-120-378c0-4 27-133 60-287 33-153 57-281 54-284-2-3-23 13-45 35l-40 40 16 39c14 31 14 43 4 64-12 26-29 65-47 111-5 14-22 51-36 83s-26 63-26 70c-1 40-23-44-60-230-24-117-47-210-51-207-5 3-9 13-9 23 0 9-4 21-9 27-22 24-21 61 4 84 23 22 25 30 25 117 0 51-4 93-8 93-5 0-24-19-42-42-19-24-42-49-52-56-13-9-18-26-18-57 0-24-6-47-13-52-19-12-81-33-85-28-3 2 8 30 23 62 83 177 126 272 159 346l25 57h85c48 0 86-3 86-8z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M5300 2500v-100h178l10-47c6-27 18-86 27-133l17-85-107-233c-59-128-105-235-103-237 2-3 24 1 49 8 43 12 44 14 47 58 3 40 10 54 62 110l59 64 1-94c0-89-2-97-26-122l-27-28 23-61c12-33 25-60 29-60s26 20 50 44l42 43-15 36c-14 35-13 39 22 121 20 48 39 86 43 86 3 0 22-39 42-86 35-83 36-87 22-122l-16-36 43-43c23-24 45-43 49-43 7 0 49 97 49 115 0 6-11 22-25 35-23 22-25 30-25 122v99l60-68c54-60 60-72 60-110 0-47 6-52 77-67l32-7-110 238-110 238 16 85c9 47 21 106 27 133l10 47h178v200h-760z",
     fill: "none",
     stroke: "#000",
     strokeWidth: "24"
   })),
-  k: (style4) => /* @__PURE__ */ import_react6.default.createElement("svg", {
+  k: (style4) => /* @__PURE__ */ import_react9.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "6150 1350 1333 1333"
-  }, /* @__PURE__ */ import_react6.default.createElement("path", {
+  }, /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M6430 2500v-100h237l17-57 16-58-72-153-72-154 24-19c58-44 130-63 240-64 98 0 109 2 170 32 36 17 71 36 78 41 11 7-1 41-59 161l-73 152 15 57 15 57 117 3 117 3v199h-770zm333-705c4-25 9-56 13-70 6-24 5-25-40-19l-46 7v-105l46 7c41 6 45 5 40-12-3-10-8-30-12-45l-6-28h115l-6 45-7 45 40-6 40-7v106l-41-7-42-7 6 38c4 21 9 53 13 71l6 32h-125z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M7200 2500v-99l-117-3-117-3-15-57-15-57 72-150c40-83 72-151 72-153s-45-2-99 0c-65 2-101 7-104 15-2 7-17 74-32 150l-28 137h-58c-43 0-58 4-63 16-8 21-8 24 4 24 5 0 39 18 75 40 55 34 74 40 120 40h55v200h250zm-324-692c-4-18-9-50-13-71l-6-38 42 7 41 7v-106l-40 7-40 6 7-45c6-44 5-45-23-45h-29v310h34c32 0 33-1 27-32zm-179-148c0-30-2-43-4-27-2 15-2 39 0 55 2 15 4 2 4-28z",
     fill: style4.c2
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M6950 2500v-100h-55c-46 0-65-6-120-40-36-22-69-40-74-40-4 0-14 18-21 40l-13 40h-237v200h520zm-105-357c15-76 30-144 33-150 3-9 33-13 101-13 89-1 94-2 76-16-22-17-81-44-131-61-46-15-191-9-249 11-47 16-115 55-115 66 0 3 31 70 68 150l67 145 61 3 61 3zm-29-316c2-7 3-76 2-152l-3-140-29-3c-26-3-28-1-22 22 3 14 9 37 12 51 5 19 3 24-7 21-8-2-26-7-42-10-27-6-27-6-27 44v50l42-6 41-7-6 39c-4 21-9 54-13 72-6 30-5 32 20 32 15 0 29-6 32-13z",
     fill: style4.c1
-  }), /* @__PURE__ */ import_react6.default.createElement("path", {
+  }), /* @__PURE__ */ import_react9.default.createElement("path", {
     d: "M6430 2500v-100h237l17-57 16-58-72-153-72-154 24-19c58-44 130-63 240-64 98 0 109 2 170 32 36 17 71 36 78 41 11 7-1 41-59 161l-73 152 15 57 15 57 117 3 117 3v199h-770zm333-705c4-25 9-56 13-70 6-24 5-25-40-19l-46 7v-105l46 7c41 6 45 5 40-12-3-10-8-30-12-45l-6-28h115l-6 45-7 45 40-6 40-7v106l-41-7-42-7 6 38c4 21 9 53 13 71l6 32h-125z",
     fill: "none",
     stroke: "#000",
@@ -366,8 +364,7 @@ var boardStyles = {
   }
 };
 var Chessboard = ({ model: { chess }, orientation = "w", readonly = false, boardStyle = "blue", pieces: pieces4 = 0, onUpdate }) => {
-  const chessRoot = (0, import_react2.useRef)(null);
-  const { ref, width, height } = (0, import_react_resize_detector.useResizeDetector)();
+  const { ref, width } = (0, import_react_resize_detector.useResizeDetector)();
   const style4 = boardStyles[boardStyle];
   const handleDrop = (source, target, piece) => {
     try {
@@ -376,7 +373,7 @@ var Chessboard = ({ model: { chess }, orientation = "w", readonly = false, board
         to: target,
         promotion: piece.toLowerCase()[1]
       };
-      const state = new import_chess.Chess(chess.fen());
+      const state = new import_chess2.Chess(chess.fen());
       const result = state.move(move);
       if (result) {
         onUpdate?.(move);
@@ -388,84 +385,26 @@ var Chessboard = ({ model: { chess }, orientation = "w", readonly = false, board
       return false;
     }
   };
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
+  return /* @__PURE__ */ import_react5.default.createElement("div", {
     ref,
-    className: "flex w-full h-full justify-center items-center"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex w-full justify-center",
-    style: {
-      width: width && height ? Math.min(width, height) : void 0
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    ref: chessRoot,
-    className: "w-full relative",
-    style: {
-      transform: "translate3d(0, 0, 0)"
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_chessboard.ChessboardDnDProvider, {
-    debugMode: true,
-    backend: import_react_dnd_html5_backend.HTML5Backend,
-    options: {
-      rootElement: chessRoot.current
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_chessboard.Chessboard, {
-    boardWidth: width && height ? Math.min(width, height) : void 0,
+    className: "flex grow aspect-square overflow-hidden"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_chessboard.Chessboard, {
+    boardWidth: width,
+    position: chess.fen(),
     boardOrientation: orientation === "w" ? "white" : "black",
-    allowDragOutsideBoard: false,
     arePiecesDraggable: !readonly,
-    customPieces: chessPieces[pieces4],
-    position: chess.fen(),
     onPieceDrop: handleDrop,
+    customPieces: chessPieces[pieces4],
     ...style4,
     ...props
-  })))));
-};
-var ChessPanel = ({ model: { chess }, orientation = "w", onFlip }) => {
-  const history = chess.history();
-  const label = chess.isGameOver() ? chess.isCheckmate() ? "CHECKMATE" : chess.isStalemate() ? "STALEMATE" : "DRAW" : chess.isCheck() ? "CHECK" : history.length ? `Move ${history.length}` : "";
-  const Player = ({ color }) => {
-    const turn = color === chess.turn();
-    return /* @__PURE__ */ import_react2.default.createElement("div", {
-      className: "flex items-center"
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react.Circle, {
-      className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(4), turn && (chess.isCheckmate() ? "text-red-500" : "text-green-500")),
-      weight: turn ? "fill" : "thin"
-    }));
-  };
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex flex-col"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex items-center justify-between pl-2 pr-2 border-b",
-    style: {
-      height: 32
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement(Player, {
-    color: orientation === "w" ? "b" : "w"
-  }), onFlip && /* @__PURE__ */ import_react2.default.createElement("button", {
-    onClick: onFlip
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react.ArrowURightDown, {
-    weight: "thin",
-    className: (0, import_react_ui_theme.getSize)(6)
-  }))), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex flex-col justify-center pl-2 font-thin",
-    style: {
-      height: 40
-    }
-  }, label), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex items-center justify-between pl-2 pr-2 border-t",
-    style: {
-      height: 32
-    }
-  }, /* @__PURE__ */ import_react2.default.createElement(Player, {
-    color: orientation
-  })));
+  }));
 };
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-chess/src/components/Chess.tsx";
 var useChessModel = (game) => {
-  const [model, setModel] = (0, import_react8.useState)();
-  (0, import_react8.useEffect)(() => {
+  const [model, setModel] = (0, import_react3.useState)();
+  (0, import_react3.useEffect)(() => {
     if (!model || game.pgn !== model?.chess.pgn()) {
-      const chess = new import_chess2.Chess(game.pgn ? void 0 : game.fen);
+      const chess = new import_chess.Chess();
       if (game.pgn) {
         chess.loadPgn(game.pgn);
       }
@@ -488,7 +427,6 @@ var useChessModel = (game) => {
     });
     if (model.chess.move(move)) {
       game.pgn = model.chess.pgn();
-      game.fen = model.chess.fen();
       setModel({
         ...model
       });
@@ -504,38 +442,38 @@ var Chess2 = ({ space, game, playerSelector }) => {
   if (!model) {
     return null;
   }
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "grid grid-rows-[60px_1fr_60px] grow overflow-hidden"
-  }, /* @__PURE__ */ import_react8.default.createElement("div", null), /* @__PURE__ */ import_react8.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement("div", null), /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex grow justify-center overflow-hidden"
-  }, /* @__PURE__ */ import_react8.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex grow max-w-[600px] items-center overflow-hidden"
-  }, /* @__PURE__ */ import_react8.default.createElement(Chessboard, {
+  }, /* @__PURE__ */ import_react3.default.createElement(Chessboard, {
     model,
     onUpdate: handleUpdate
-  }))), playerSelector && /* @__PURE__ */ import_react8.default.createElement(PlayerSelector, {
+  }))), playerSelector && /* @__PURE__ */ import_react3.default.createElement(PlayerSelector, {
     game,
     space
   }));
 };
 var PlayerSelector = ({ game, space }) => {
-  const members = (0, import_echo.useMembers)(space.key);
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
+  const members = (0, import_echo2.useMembers)(space.key);
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "grid grid-cols-2 gap-8"
-  }, /* @__PURE__ */ import_react8.default.createElement("div", {
+  }, /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "flex flex-row-reverse items-center gap-2"
-  }, /* @__PURE__ */ import_react8.default.createElement(PlayerSelect, {
+  }, /* @__PURE__ */ import_react3.default.createElement(PlayerSelect, {
     side: "white",
     value: game.playerWhite,
     onValueChange: (player) => game.playerWhite = player,
     members
-  })), /* @__PURE__ */ import_react8.default.createElement("div", {
+  })), /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "flex flex-row items-center gap-2"
-  }, /* @__PURE__ */ import_react8.default.createElement(PlayerSelect, {
+  }, /* @__PURE__ */ import_react3.default.createElement(PlayerSelect, {
     side: "black",
     value: game.playerBlack,
     onValueChange: (player) => game.playerBlack = player,
@@ -545,30 +483,36 @@ var PlayerSelector = ({ game, space }) => {
 var PlayerSelect = ({ side, value, onValueChange, members }) => {
   const { themeMode } = (0, import_react_ui.useThemeContext)();
   const iconFillMode = side === "black" && themeMode === "light" || side === "white" && themeMode === "dark" ? "fill" : void 0;
-  return /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Input.Label, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.CrownCross, {
-    className: (0, import_react_ui_theme2.mx)((0, import_react_ui_theme2.getSize)(6)),
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Label, null, /* @__PURE__ */ import_react3.default.createElement(import_react2.CrownCross, {
+    className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(6)),
     weight: iconFillMode,
     "aria-label": `Chess icon for side ${side}`
-  })), /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Select.Root, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Root, {
     value,
     onValueChange
-  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Select.TriggerButton, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.TriggerButton, {
     placeholder: "Select player"
-  }), /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Select.Viewport, null, members.map((member) => {
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Viewport, null, members.map((member) => {
     const memberKey = member.identity.identityKey.toHex();
     const displayName = member.identity?.profile?.displayName || (0, import_display_name.generateName)(memberKey);
-    return /* @__PURE__ */ import_react8.default.createElement(import_react_ui.Select.Option, {
+    return /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Option, {
       key: memberKey,
       value: memberKey
     }, displayName);
   }))))));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Chess,
-  ChessPanel,
-  ChessPieces,
-  Chessboard,
-  boardStyles
-});
-//# sourceMappingURL=chunk-HPYER4GF.cjs.map
+var ChessContainer = ({ game, role }) => {
+  const space = (0, import_echo.getSpace)(game);
+  if (!space) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
+    toolbar: false
+  }, /* @__PURE__ */ import_react.default.createElement(Chess2, {
+    game,
+    space,
+    playerSelector: role === "article"
+  }));
+};
+var ChessContainer_default = ChessContainer;
+//# sourceMappingURL=ChessContainer-XRP7D63X.cjs.map