next-chessground 0.6.3 → 0.7.1

package/dist/index.es.js

@@ -1,6 +1,39 @@
 import React, { useState, createContext, useContext } from 'react';
 import require$$1 from 'react-dom';
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -713,7 +746,7 @@ const useChessground = () => {
   };
 };
 
-const Board = () => {
+const StyleBoard = () => {
   const {
     theme,
     handleChange
@@ -730,6 +763,8 @@ const Board = () => {
   }, "Brown"), /*#__PURE__*/React.createElement("option", {
     value: "ruby"
   }, "Ruby"), /*#__PURE__*/React.createElement("option", {
+    value: "purple"
+  }, "Purple"), /*#__PURE__*/React.createElement("option", {
     value: "teal"
   }, "Teal")));
 };
@@ -740,7 +775,7 @@ const Coordinates = () => {
     handleChecked
   } = useChessground();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Coordinates"), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end"
+    className: "flex"
   }, /*#__PURE__*/React.createElement("input", {
     name: "coordinates",
     type: "checkbox",
@@ -756,7 +791,7 @@ const HighlightMove = () => {
     handleChecked
   } = useChessground();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Highlight moves"), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end"
+    className: "flex"
   }, /*#__PURE__*/React.createElement("input", {
     name: "highlight",
     type: "checkbox",
@@ -766,7 +801,7 @@ const HighlightMove = () => {
   })));
 };
 
-const Pieces = () => {
+const StylePieces = () => {
   const {
     theme,
     handleChange
@@ -777,6 +812,8 @@ const Pieces = () => {
     defaultValue: theme.pieces,
     onChange: handleChange
   }, /*#__PURE__*/React.createElement("option", {
+    value: "cburnett"
+  }, "Cburnett"), /*#__PURE__*/React.createElement("option", {
     value: "neo"
   }, "Neo"), /*#__PURE__*/React.createElement("option", {
     value: "alpha"
@@ -793,7 +830,7 @@ const PlaySounds = () => {
     handleChecked
   } = useChessground();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Play sounds"), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end"
+    className: "flex"
   }, /*#__PURE__*/React.createElement("input", {
     name: "playSounds",
     type: "checkbox",
@@ -832,77 +869,34 @@ const Settings = () => {
   } = useDisclosure();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "cursor-pointer flex outline-none",
+    className: "next-button next-settings",
     title: "Settings",
     onClick: show
   }, /*#__PURE__*/React.createElement("i", {
-    className: "fas fa-cog"
+    className: "next-cog"
   })), /*#__PURE__*/React.createElement(Modal, {
     header: "Settings",
     isOpen: isOpen,
     onClose: hide
   }, /*#__PURE__*/React.createElement("div", {
     className: "grid grid-cols-2 gap-3 items-center text-sm"
-  }, /*#__PURE__*/React.createElement(Pieces, null), /*#__PURE__*/React.createElement(Board, null), /*#__PURE__*/React.createElement(HighlightMove, null), /*#__PURE__*/React.createElement(PlaySounds, null), /*#__PURE__*/React.createElement(Sounds, null), /*#__PURE__*/React.createElement(Coordinates, null))));
+  }, /*#__PURE__*/React.createElement(StylePieces, null), /*#__PURE__*/React.createElement(StyleBoard, null), /*#__PURE__*/React.createElement(HighlightMove, null), /*#__PURE__*/React.createElement(PlaySounds, null), /*#__PURE__*/React.createElement(Sounds, null), /*#__PURE__*/React.createElement(Coordinates, null))));
 };
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
 const Flip = props => {
   return /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
-    className: "cursor-pointer flex outline-none",
+    className: "next-button next-flip",
     title: "Flip board"
   }, props), /*#__PURE__*/React.createElement("i", {
-    className: "fas fa-sync-alt"
-  }));
-};
-
-const Resize = () => {
-  return /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "cursor-resize flex outline-none",
-    title: "Resize"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fas fa-expand-alt"
+    className: "next-sync"
   }));
 };
 
 const themable = () => {
   const theme = {
     board: 'green',
-    pieces: 'neo',
+    pieces: 'cburnett',
     playSounds: true,
     sounds: 'robot',
     highlight: true,
@@ -6577,8 +6571,14 @@ var Chess = function (fen) {
 exports.Chess = Chess;
 });
 
+const fen$1 = {
+  initial: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1',
+  empty: '8/8/8/8/8/8/8/8 w - - 0 1'
+};
+const initial = fen$1.initial;
+
 const useChess = props => {
-  const [fen, setFen] = useState(props.fen || '');
+  const [fen, setFen] = useState(props.fen || initial);
   const [chess$1] = useState(new chess.Chess(fen));
   const [lastMove, setLastMove] = useState([]);
   const turnColor = chess$1.turn() === 'w' ? 'white' : 'black';
@@ -6668,7 +6668,7 @@ const Promote = ({
   })));
 };
 
-const NextChessground = props => {
+const Chessboard = props => {
   const {
     theme
   } = useChessground();
@@ -6703,9 +6703,31 @@ const NextChessground = props => {
     }
   };
 
+  const cgProps = {};
+
+  if (props.viewOnly) {
+    cgProps.draggable = false;
+    cgProps.movable = {
+      free: false
+    };
+  } // normalize orientation for Chessground
+
+
+  if (props.orientation) {
+    cgProps.orientation = props.orientation;
+
+    if (cgProps.orientation === 'w') {
+      cgProps.orientation = 'white';
+    }
+
+    if (cgProps.orientation === 'b') {
+      cgProps.orientation = 'black';
+    }
+  }
+
   return /*#__PURE__*/React.createElement("div", {
     className: mergeClassNames('chessground', theme.highlight && 'highlight', theme.board, theme.pieces)
-  }, /*#__PURE__*/React.createElement(Chessground, {
+  }, /*#__PURE__*/React.createElement(Chessground, _extends({
     coordinates: theme.coordinates,
     onMove: handleMove,
     fen: fen,
@@ -6713,7 +6735,7 @@ const NextChessground = props => {
     lastMove: lastMove,
     orientation: orientation,
     movable: toDests(chess)
-  }), /*#__PURE__*/React.createElement(Promote, {
+  }, cgProps)), /*#__PURE__*/React.createElement(Promote, {
     isOpen: isOpen,
     hide: hide,
     color: turnColor,
@@ -6721,20 +6743,52 @@ const NextChessground = props => {
   }));
 };
 
-const Chessground$1 = props => {
+const getOrientation = props => {
+  try {
+    if (props.orientation) {
+      return props.orientation;
+    }
+
+    if (props.fen) {
+      const fenOrientation = props.fen.split(' ')[1];
+      return fenOrientation === 'w' ? 'white' : 'black';
+    }
+
+    return 'white';
+  } catch {
+    return 'white';
+  }
+};
+
+const useOrientation = props => {
+  const [orientation, setOrientation] = useState(getOrientation(props));
+
+  const flip = () => {
+    setOrientation(state => {
+      return state === 'white' ? 'black' : 'white';
+    });
+  };
+
+  return [orientation, flip];
+};
+
+const NextChessground = props => {
   const [theme, setTheme] = useState(themable());
+  const [orientation, flip] = useOrientation(props);
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: {
       theme,
       setTheme
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "flex relative"
-  }, /*#__PURE__*/React.createElement(NextChessground, props), /*#__PURE__*/React.createElement("div", {
-    className: "text-gray-400 flex flex-col gap-2 px-1"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-grow"
-  }, /*#__PURE__*/React.createElement(Resize, null)), /*#__PURE__*/React.createElement(Flip, null), /*#__PURE__*/React.createElement(Settings, null))));
+    className: "next-chessground"
+  }, /*#__PURE__*/React.createElement(Chessboard, _extends({}, props, {
+    orientation: orientation
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "text-gray-400 flex flex-row-reverse gap-2 py-1.5"
+  }, /*#__PURE__*/React.createElement(Settings, null), /*#__PURE__*/React.createElement(Flip, {
+    onClick: flip
+  }))));
 };
 
 function styleInject(css, ref) {
@@ -6766,23 +6820,29 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".brown .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iI2I1ODg2MyIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNmMGQ5YjUiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.green .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iIzc3OTU1NiIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNFQkVDRDAiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.ruby .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiM4QjI2MzUiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjRDJENEM4IiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+');\n}\n.teal .cg-wrap cg-board {\n  background-image: url(\"data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiMyMzdiOGUiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjZDdlNWY0IiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+\")\n}\n";
+var css_248z = ".brown .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iI2I1ODg2MyIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNmMGQ5YjUiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.green .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iIzc3OTU1NiIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNFQkVDRDAiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.ruby .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiM4QjI2MzUiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjRDJENEM4IiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+');\n}\n.purple .cg-wrap cg-board {\n  background-image: url('data:image/png;base64,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');\n}\n.teal .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiMxYzcyYWQiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjZTNlYmYzIiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+');\n}\n";
 styleInject(css_248z);
 
-var css_248z$1 = ".chessground {\n  grid-area: board;\n  position: relative;\n  display: block;\n  height: 0;\n  padding-bottom: 100%;\n  padding-right: 100%;\n  width: 100%;\n}\n\n.cg-wrap {\n  display: table;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\ncg-helper {\n  position: absolute;\n  width: 12.5%;\n  padding-bottom: 12.5%;\n  display: table;\n  bottom: 0;\n}\n\ncg-container {\n  position: absolute;\n  width: 800%;\n  height: 800%;\n  display: block;\n  bottom: 0;\n}\n\ncg-board {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  line-height: 0;\n  background-size: cover;\n  cursor: pointer;\n}\n\ncg-board square {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  pointer-events: none;\n}\n.highlight cg-board square.last-move {\n  will-change: transform;\n  background-color: rgba(246, 246, 130, 0.5);\n}\n.highlight .correct cg-board square.last-move {\n  background-color: rgba(155, 240, 0, 0.4);\n}\n.highlight .incorrect cg-board square.last-move {\n  background-color: rgba(240, 0, 0, 0.4);\n}\n\ncg-board square.check {\n  background: radial-gradient(\n    ellipse at center,\n    rgba(255, 0, 0, 1) 0%,\n    rgba(231, 0, 0, 1) 25%,\n    rgba(169, 0, 0, 0) 89%,\n    rgba(158, 0, 0, 0) 100%\n  );\n}\ncg-board square.current-premove {\n  background-color: rgba(20, 30, 85, 0.5);\n}\ncg-board piece {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  background-size: cover;\n  z-index: 2;\n  will-change: transform;\n  pointer-events: none;\n}\ncg-board piece.dragging {\n  cursor: move;\n  z-index: 9;\n}\ncg-board piece.anim {\n  z-index: 8;\n}\ncg-board piece.fading {\n  z-index: 1;\n  opacity: 0.5;\n}\ncg-board piece.ghost {\n  opacity: 0.3;\n}\n.cg-wrap svg {\n  overflow: hidden;\n  position: relative;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.6;\n}\n.cg-wrap svg image {\n  opacity: 0.5;\n}\n\n.spare-pieces {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.edit-square {\n  display: table;\n  position: relative;\n  width: 3.25rem;\n  padding-bottom: 3.25rem;\n}\n\n.spare-piece {\n  top: 0;\n  left: 0;\n  padding-bottom: 100%;\n  padding-left: 100%;\n  position: absolute;\n  background-size: contain;\n  background-position: 0% -100%;\n  cursor: pointer;\n}\n";
+var css_248z$1 = ".next-chessground .chessground {\n  grid-area: board;\n  position: relative;\n  display: block;\n  height: 0;\n  padding-bottom: 100%;\n  padding-right: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  overflow: hidden;\n}\n\n.next-chessground .cg-wrap {\n  display: table;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.next-chessground cg-helper {\n  position: absolute;\n  width: 12.5%;\n  padding-bottom: 12.5%;\n  display: table;\n  bottom: 0;\n}\n\n.next-chessground cg-container {\n  position: absolute;\n  width: 800%;\n  height: 800%;\n  display: block;\n  bottom: 0;\n}\n\n.next-chessground cg-board {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  line-height: 0;\n  background-size: cover;\n  cursor: pointer;\n}\n\n.next-chessground cg-board square {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  pointer-events: none;\n}\n.next-chessground .highlight cg-board square.last-move {\n  will-change: transform;\n  background-color: rgba(246, 246, 130, 0.5);\n}\n.next-chessground .highlight .correct cg-board square.last-move {\n  background-color: rgba(155, 240, 0, 0.4);\n}\n.next-chessground .highlight .incorrect cg-board square.last-move {\n  background-color: rgba(240, 0, 0, 0.4);\n}\n\n.next-chessground cg-board square.check {\n  background: radial-gradient(\n    ellipse at center,\n    rgba(255, 0, 0, 1) 0%,\n    rgba(231, 0, 0, 1) 25%,\n    rgba(169, 0, 0, 0) 89%,\n    rgba(158, 0, 0, 0) 100%\n  );\n}\n.next-chessground cg-board square.current-premove {\n  background-color: rgba(20, 30, 85, 0.5);\n}\n.next-chessground cg-board piece {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  background-size: cover;\n  z-index: 2;\n  will-change: transform;\n  pointer-events: none;\n}\n.next-chessground cg-board piece.dragging {\n  cursor: move;\n  z-index: 9;\n}\n.next-chessground cg-board piece.anim {\n  z-index: 8;\n}\n.next-chessground cg-board piece.fading {\n  z-index: 1;\n  opacity: 0.5;\n}\n.next-chessground cg-board piece.ghost {\n  opacity: 0.3;\n}\n.next-chessground .cg-wrap svg {\n  overflow: hidden;\n  position: relative;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.6;\n}\n.next-chessground .cg-wrap svg image {\n  opacity: 0.5;\n}\n\n.next-chessground .spare-pieces {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n.next-chessground .spare-piece {\n  top: 0;\n  left: 0;\n  padding-bottom: 100%;\n  padding-left: 100%;\n  position: absolute;\n  background-size: contain;\n  background-position: 0% -100%;\n  cursor: pointer;\n}\n.next-chessground .edit-square {\n  display: table;\n  position: relative;\n  width: 3.25rem;\n  padding-bottom: 3.25rem;\n}\n";
 styleInject(css_248z$1);
 
 var css_248z$2 = "coords {\n  position: absolute;\n  display: flex;\n  pointer-events: none;\n  user-select: none;\n  color: #fff;\n  font-weight: bold;\n  font-size: 0.5rem;\n  opacity: 0.8;\n}\n.coords-no coords {\n  display: none;\n}\n@media (min-width: 640px) {\n  coords {\n    font-size: 0.75rem;\n  }\n}\ncoords.ranks {\n  flex-flow: column-reverse;\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 0.8em;\n}\ncoords.ranks.black {\n  flex-flow: column;\n}\ncoords.files {\n  bottom: 0;\n  left: 0;\n  flex-flow: row;\n  width: 100%;\n}\ncoords.files.black {\n  flex-flow: row-reverse;\n}\ncoords.files coord {\n  padding-left: 4px;\n}\ncoords coord {\n  flex: 1 1 auto;\n}\n\n.orientation-white .files coord:nth-child(2n + 1),\n.orientation-white .ranks coord:nth-child(2n),\n.orientation-black .files coord:nth-child(2n),\n.orientation-black .ranks coord:nth-child(2n + 1) {\n  color: #fff;\n}\n.orientation-white .files coord:nth-child(2n),\n.orientation-white .ranks coord:nth-child(2n + 1),\n.orientation-black .files coord:nth-child(2n + 1),\n.orientation-black .ranks coord:nth-child(2n) {\n  color: #779556;\n}\n";
 styleInject(css_248z$2);
 
-var css_248z$3 = ".flex {\n  display: flex;\n}\n.cursor-resize {\n  cursor: nesw-resize;\n}\nbutton:focus {\n  outline: none;\n}\n\n.checkbox {\n  display: flex;\n  align-items: center;\n  padding-left: 0.25rem;\n  width: 2.75rem;\n  height: 1.75rem;\n  outline: none;\n  appearance: none;\n  transition: 0.2s ease-in-out;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  cursor: pointer;\n}\n.checkbox:before {\n  background-color: rgba(156, 163, 175);\n  width: 1rem;\n  height: 1rem;\n  border-radius: 999px;\n  content: '';\n  transition: 0.2s ease-in-out;\n}\n.checkbox:checked:before {\n  background-color: rgba(4, 120, 87);\n  transform: translate(1rem, 0);\n}\n";
+var css_248z$3 = ".next-settings .next-cog {\n  width: 1rem;\n  height: 1rem;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOUY5REIwIiBkPSJNNDg3LjQgMzE1LjdsLTQyLjYtMjQuNmM0LjMtMjMuMiA0LjMtNDcgMC03MC4ybDQyLjYtMjQuNmM0LjktMi44IDcuMS04LjYgNS41LTE0LTExLjEtMzUuNi0zMC02Ny44LTU0LjctOTQuNi0zLjgtNC4xLTEwLTUuMS0xNC44LTIuM0wzODAuOCAxMTBjLTE3LjktMTUuNC0zOC41LTI3LjMtNjAuOC0zNS4xVjI1LjhjMC01LjYtMy45LTEwLjUtOS40LTExLjctMzYuNy04LjItNzQuMy03LjgtMTA5LjIgMC01LjUgMS4yLTkuNCA2LjEtOS40IDExLjdWNzVjLTIyLjIgNy45LTQyLjggMTkuOC02MC44IDM1LjFMODguNyA4NS41Yy00LjktMi44LTExLTEuOS0xNC44IDIuMy0yNC43IDI2LjctNDMuNiA1OC45LTU0LjcgOTQuNi0xLjcgNS40LjYgMTEuMiA1LjUgMTRMNjcuMyAyMjFjLTQuMyAyMy4yLTQuMyA0NyAwIDcwLjJsLTQyLjYgMjQuNmMtNC45IDIuOC03LjEgOC42LTUuNSAxNCAxMS4xIDM1LjYgMzAgNjcuOCA1NC43IDk0LjYgMy44IDQuMSAxMCA1LjEgMTQuOCAyLjNsNDIuNi0yNC42YzE3LjkgMTUuNCAzOC41IDI3LjMgNjAuOCAzNS4xdjQ5LjJjMCA1LjYgMy45IDEwLjUgOS40IDExLjcgMzYuNyA4LjIgNzQuMyA3LjggMTA5LjIgMCA1LjUtMS4yIDkuNC02LjEgOS40LTExLjd2LTQ5LjJjMjIuMi03LjkgNDIuOC0xOS44IDYwLjgtMzUuMWw0Mi42IDI0LjZjNC45IDIuOCAxMSAxLjkgMTQuOC0yLjMgMjQuNy0yNi43IDQzLjYtNTguOSA1NC43LTk0LjYgMS41LTUuNS0uNy0xMS4zLTUuNi0xNC4xek0yNTYgMzM2Yy00NC4xIDAtODAtMzUuOS04MC04MHMzNS45LTgwIDgwLTgwIDgwIDM1LjkgODAgODAtMzUuOSA4MC04MCA4MHoiLz48L3N2Zz4=');\n}\n.next-flip .next-sync {\n  width: 1rem;\n  height: 1rem;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOUY5REIwIiBkPSJNMzcwLjcyIDEzMy4yOEMzMzkuNDU4IDEwNC4wMDggMjk4Ljg4OCA4Ny45NjIgMjU1Ljg0OCA4OGMtNzcuNDU4LjA2OC0xNDQuMzI4IDUzLjE3OC0xNjIuNzkxIDEyNi44NS0xLjM0NCA1LjM2My02LjEyMiA5LjE1LTExLjY1MSA5LjE1SDI0LjEwM2MtNy40OTggMC0xMy4xOTQtNi44MDctMTEuODA3LTE0LjE3NkMzMy45MzMgOTQuOTI0IDEzNC44MTMgOCAyNTYgOGM2Ni40NDggMCAxMjYuNzkxIDI2LjEzNiAxNzEuMzE1IDY4LjY4NUw0NjMuMDMgNDAuOTdDNDc4LjE0OSAyNS44NTEgNTA0IDM2LjU1OSA1MDQgNTcuOTQxVjE5MmMwIDEzLjI1NS0xMC43NDUgMjQtMjQgMjRIMzQ1Ljk0MWMtMjEuMzgyIDAtMzIuMDktMjUuODUxLTE2Ljk3MS00MC45NzFsNDEuNzUtNDEuNzQ5ek0zMiAyOTZoMTM0LjA1OWMyMS4zODIgMCAzMi4wOSAyNS44NTEgMTYuOTcxIDQwLjk3MWwtNDEuNzUgNDEuNzVjMzEuMjYyIDI5LjI3MyA3MS44MzUgNDUuMzE5IDExNC44NzYgNDUuMjggNzcuNDE4LS4wNyAxNDQuMzE1LTUzLjE0NCAxNjIuNzg3LTEyNi44NDkgMS4zNDQtNS4zNjMgNi4xMjItOS4xNSAxMS42NTEtOS4xNWg1Ny4zMDRjNy40OTggMCAxMy4xOTQgNi44MDcgMTEuODA3IDE0LjE3NkM0NzguMDY3IDQxNy4wNzYgMzc3LjE4NyA1MDQgMjU2IDUwNGMtNjYuNDQ4IDAtMTI2Ljc5MS0yNi4xMzYtMTcxLjMxNS02OC42ODVMNDguOTcgNDcxLjAzQzMzLjg1MSA0ODYuMTQ5IDggNDc1LjQ0MSA4IDQ1NC4wNTlWMzIwYzAtMTMuMjU1IDEwLjc0NS0yNCAyNC0yNHoiLz48L3N2Zz4=');\n}\n";
 styleInject(css_248z$3);
 
-var css_248z$4 = ".pure-modal {\n  box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px 0px;\n  color: rgba(55, 65, 81);\n}\n.pure-modal-backdrop {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1040;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.backdrop-overflow-hidden {\n  overflow: hidden !important;\n}\n.pure-modal-backdrop .pure-modal {\n  width: 300px;\n  max-width: 100%;\n  box-sizing: border-box;\n  transition: all 0.2s ease-in-out;\n  max-height: 100%;\n}\n.pure-modal.auto-height {\n  position: static;\n}\n.pure-modal-backdrop.scrollable {\n  overflow-y: auto;\n}\n.pure-modal-backdrop .panel {\n  display: grid;\n  grid-template-rows: repeat(3, min-content);\n}\n.pure-modal-backdrop:not(.scrollable) .panel {\n  grid-template-rows: min-content minmax(0, 1fr) min-content;\n  max-height: -moz-available;\n  max-height: -webkit-fill-available;\n  max-height: fill-available;\n  height: 100%;\n}\n.pure-modal > * > * {\n  flex: 0 0 auto;\n}\n.pure-modal > * > .scrollable {\n  overflow-x: hidden;\n  overflow-scrolling: touch;\n}\n@media (max-width: 480px) {\n  .pure-modal-backdrop .pure-modal {\n    width: 100%;\n  }\n}\n.pure-modal .panel-body {\n  background-color: #fff;\n}\n.pure-modal .panel-heading {\n  background: #f0f0f0;\n}\n.pure-modal .panel-title {\n  padding: 12px 45px 12px 15px;\n  margin: 0;\n}\n.pure-modal .close {\n  right: 6px;\n  top: 6px;\n  z-index: 1;\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  text-align: center;\n  line-height: 30px;\n  cursor: pointer;\n  font-size: 1.85rem;\n}\n.pure-modal .panel-heading .close:hover {\n  color: #000;\n}\n.pure-modal .panel-body {\n  padding: 15px;\n}\n.pure-modal .panel-footer {\n  padding: 12px 45px 12px 15px;\n  background: #f0f0f0;\n}\n.pure-modal .panel-body,\n.pure-modal .panel-footer,\n.pure-modal .panel-title {\n  word-break: break-all;\n}\n.pure-modal-backdrop .additional-row,\n.pure-modal-backdrop:not(.scrollable) .additional-row {\n  display: grid;\n  grid-template-rows: min-content minmax(0, 1fr) min-content min-content;\n}\n";
+var css_248z$4 = "*,\n::after,\n::before {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n}\n\n.next-chessground {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n}\n.next-chessground .checkbox {\n  display: flex;\n  margin: 0;\n  align-items: center;\n  padding-left: 0.25rem;\n  width: 2.75rem;\n  height: 1.75rem;\n  outline: none;\n  appearance: none;\n  transition: 0.2s ease-in-out;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  cursor: pointer;\n}\n.next-chessground .checkbox:before {\n  background-color: rgba(156, 163, 175);\n  width: 1rem;\n  height: 1rem;\n  border-radius: 999px;\n  content: '';\n  transition: 0.2s ease-in-out;\n}\n.next-chessground .checkbox:checked:before {\n  background-color: rgba(4, 120, 87);\n  transform: translate(1rem, 0);\n}\n.next-chessground .next-button {\n  background-color: transparent;\n  background-image: none;\n  cursor: pointer;\n  display: flex;\n  outline: none;\n\n  padding: 0;\n  line-height: inherit;\n  color: inherit;\n  font-size: 100%;\n}\n.next-chessground .next-button:focus {\n  outline: none;\n}\n";
 styleInject(css_248z$4);
 
-var css_248z$5 = "/**\n * Classic\n */\n.classic piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wp.png');\n}\n.classic piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wb.png');\n}\n.classic piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wn.png');\n}\n.classic piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wr.png');\n}\n.classic piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wq.png');\n}\n.classic piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wk.png');\n}\n.classic piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bp.png');\n}\n.classic piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bb.png');\n}\n.classic piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bn.png');\n}\n.classic piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/br.png');\n}\n.classic piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bq.png');\n}\n.classic piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bk.png');\n}\n\n/**\n * Neo\n */\n.neo piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wp.png');\n}\n.neo piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wb.png');\n}\n.neo piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wn.png');\n}\n.neo piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wr.png');\n}\n.neo piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wq.png');\n}\n.neo piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wk.png');\n}\n.neo piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bp.png');\n}\n.neo piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bb.png');\n}\n.neo piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bn.png');\n}\n.neo piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/br.png');\n}\n.neo piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bq.png');\n}\n.neo piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bk.png');\n}\n\n/**\n * Alpha\n */\n.alpha piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wp.png');\n}\n.alpha piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wb.png');\n}\n.alpha piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wn.png');\n}\n.alpha piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wr.png');\n}\n.alpha piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wq.png');\n}\n.alpha piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wk.png');\n}\n.alpha piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bp.png');\n}\n.alpha piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bb.png');\n}\n.alpha piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bn.png');\n}\n.alpha piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/br.png');\n}\n.alpha piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bq.png');\n}\n.alpha piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bk.png');\n}\n\n/**\n * Bases\n */\n.bases piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wp.png');\n}\n.bases piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wb.png');\n}\n.bases piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wn.png');\n}\n.bases piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wr.png');\n}\n.bases piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wq.png');\n}\n.bases piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wk.png');\n}\n.bases piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bp.png');\n}\n.bases piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bb.png');\n}\n.bases piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bn.png');\n}\n.bases piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/br.png');\n}\n.bases piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bq.png');\n}\n.bases piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bk.png');\n}\n";
+var css_248z$5 = ".pure-modal {\n  box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px 0px;\n  color: rgba(55, 65, 81);\n}\n.pure-modal-backdrop {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1040;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.backdrop-overflow-hidden {\n  overflow: hidden !important;\n}\n.pure-modal-backdrop .pure-modal {\n  width: 300px;\n  max-width: 100%;\n  box-sizing: border-box;\n  transition: all 0.2s ease-in-out;\n  max-height: 100%;\n}\n.pure-modal.auto-height {\n  position: static;\n}\n.pure-modal-backdrop.scrollable {\n  overflow-y: auto;\n}\n.pure-modal-backdrop .panel {\n  display: grid;\n  grid-template-rows: repeat(3, min-content);\n}\n.pure-modal-backdrop:not(.scrollable) .panel {\n  grid-template-rows: min-content minmax(0, 1fr) min-content;\n  max-height: -moz-available;\n  max-height: -webkit-fill-available;\n  max-height: fill-available;\n  height: 100%;\n}\n.pure-modal > * > * {\n  flex: 0 0 auto;\n}\n.pure-modal > * > .scrollable {\n  overflow-x: hidden;\n  overflow-scrolling: touch;\n}\n@media (max-width: 480px) {\n  .pure-modal-backdrop .pure-modal {\n    width: 100%;\n  }\n}\n.pure-modal .panel-body {\n  background-color: #fff;\n}\n.pure-modal .panel-heading {\n  background: #f0f0f0;\n}\n.pure-modal .panel-title {\n  padding: 12px 45px 12px 15px;\n  margin: 0;\n}\n.pure-modal .close {\n  right: 6px;\n  top: 6px;\n  z-index: 1;\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  text-align: center;\n  line-height: 30px;\n  cursor: pointer;\n  font-size: 1.85rem;\n}\n.pure-modal .panel-heading .close:hover {\n  color: #000;\n}\n.pure-modal .panel-body {\n  padding: 15px;\n}\n.pure-modal .panel-footer {\n  padding: 12px 45px 12px 15px;\n  background: #f0f0f0;\n}\n.pure-modal .panel-body,\n.pure-modal .panel-footer,\n.pure-modal .panel-title {\n  word-break: break-all;\n}\n.pure-modal-backdrop .additional-row,\n.pure-modal-backdrop:not(.scrollable) .additional-row {\n  display: grid;\n  grid-template-rows: min-content minmax(0, 1fr) min-content min-content;\n}\n";
 styleInject(css_248z$5);
 
-export default Chessground$1;
-export { Chessground$1 as Chessground };
+var css_248z$6 = "/**\n * Cburnett\n */\n.cburnett piece.pawn.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wP.svg');\n}\n.cburnett piece.bishop.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wB.svg');\n}\n.cburnett piece.knight.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wN.svg');\n}\n.cburnett piece.rook.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wR.svg');\n}\n.cburnett piece.queen.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wQ.svg');\n}\n.cburnett piece.king.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wK.svg');\n}\n.cburnett piece.pawn.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bP.svg');\n}\n.cburnett piece.bishop.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bB.svg');\n}\n.cburnett piece.knight.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bN.svg');\n}\n.cburnett piece.rook.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bR.svg');\n}\n.cburnett piece.queen.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bQ.svg');\n}\n.cburnett piece.king.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bK.svg');\n}\n\n/**\n * Classic\n */\n.classic piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wp.png');\n}\n.classic piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wb.png');\n}\n.classic piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wn.png');\n}\n.classic piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wr.png');\n}\n.classic piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wq.png');\n}\n.classic piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wk.png');\n}\n.classic piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bp.png');\n}\n.classic piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bb.png');\n}\n.classic piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bn.png');\n}\n.classic piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/br.png');\n}\n.classic piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bq.png');\n}\n.classic piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bk.png');\n}\n\n/**\n * Neo\n */\n.neo piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wp.png');\n}\n.neo piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wb.png');\n}\n.neo piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wn.png');\n}\n.neo piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wr.png');\n}\n.neo piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wq.png');\n}\n.neo piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wk.png');\n}\n.neo piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bp.png');\n}\n.neo piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bb.png');\n}\n.neo piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bn.png');\n}\n.neo piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/br.png');\n}\n.neo piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bq.png');\n}\n.neo piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bk.png');\n}\n\n/**\n * Alpha\n */\n.alpha piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wp.png');\n}\n.alpha piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wb.png');\n}\n.alpha piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wn.png');\n}\n.alpha piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wr.png');\n}\n.alpha piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wq.png');\n}\n.alpha piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wk.png');\n}\n.alpha piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bp.png');\n}\n.alpha piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bb.png');\n}\n.alpha piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bn.png');\n}\n.alpha piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/br.png');\n}\n.alpha piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bq.png');\n}\n.alpha piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bk.png');\n}\n\n/**\n * Bases\n */\n.bases piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wp.png');\n}\n.bases piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wb.png');\n}\n.bases piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wn.png');\n}\n.bases piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wr.png');\n}\n.bases piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wq.png');\n}\n.bases piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wk.png');\n}\n.bases piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bp.png');\n}\n.bases piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bb.png');\n}\n.bases piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bn.png');\n}\n.bases piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/br.png');\n}\n.bases piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bq.png');\n}\n.bases piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bk.png');\n}\n";
+styleInject(css_248z$6);
+
+var css_248z$7 = ".flex {\n  display: flex;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n.grid {\n  display: grid;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.w-full {\n  width: 100%;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.px-2 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-resize {\n  cursor: nesw-resize;\n}\n.outline-none,\n.outline-none:focus {\n  outline: none;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-gray-400 {\n  color: rgba(156, 163, 175);\n}\n.text-gray-800 {\n  color: rgba(31, 41, 55);\n}\n.bg-white {\n  background-color: #fff;\n}\n.border {\n  border-width: 1px;\n  border-style: solid;\n}\n.border-gray-300 {\n  border-color: rgba(209, 213, 219);\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n";
+styleInject(css_248z$7);
+
+export default NextChessground;
+export { NextChessground, useChess, useChessground };

package/dist/index.js

@@ -10,6 +10,39 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1);
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -722,7 +755,7 @@ const useChessground = () => {
   };
 };
 
-const Board = () => {
+const StyleBoard = () => {
   const {
     theme,
     handleChange
@@ -739,6 +772,8 @@ const Board = () => {
   }, "Brown"), /*#__PURE__*/React__default['default'].createElement("option", {
     value: "ruby"
   }, "Ruby"), /*#__PURE__*/React__default['default'].createElement("option", {
+    value: "purple"
+  }, "Purple"), /*#__PURE__*/React__default['default'].createElement("option", {
     value: "teal"
   }, "Teal")));
 };
@@ -749,7 +784,7 @@ const Coordinates = () => {
     handleChecked
   } = useChessground();
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "Coordinates"), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex justify-end"
+    className: "flex"
   }, /*#__PURE__*/React__default['default'].createElement("input", {
     name: "coordinates",
     type: "checkbox",
@@ -765,7 +800,7 @@ const HighlightMove = () => {
     handleChecked
   } = useChessground();
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "Highlight moves"), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex justify-end"
+    className: "flex"
   }, /*#__PURE__*/React__default['default'].createElement("input", {
     name: "highlight",
     type: "checkbox",
@@ -775,7 +810,7 @@ const HighlightMove = () => {
   })));
 };
 
-const Pieces = () => {
+const StylePieces = () => {
   const {
     theme,
     handleChange
@@ -786,6 +821,8 @@ const Pieces = () => {
     defaultValue: theme.pieces,
     onChange: handleChange
   }, /*#__PURE__*/React__default['default'].createElement("option", {
+    value: "cburnett"
+  }, "Cburnett"), /*#__PURE__*/React__default['default'].createElement("option", {
     value: "neo"
   }, "Neo"), /*#__PURE__*/React__default['default'].createElement("option", {
     value: "alpha"
@@ -802,7 +839,7 @@ const PlaySounds = () => {
     handleChecked
   } = useChessground();
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "Play sounds"), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex justify-end"
+    className: "flex"
   }, /*#__PURE__*/React__default['default'].createElement("input", {
     name: "playSounds",
     type: "checkbox",
@@ -841,77 +878,34 @@ const Settings = () => {
   } = useDisclosure();
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("button", {
     type: "button",
-    className: "cursor-pointer flex outline-none",
+    className: "next-button next-settings",
     title: "Settings",
     onClick: show
   }, /*#__PURE__*/React__default['default'].createElement("i", {
-    className: "fas fa-cog"
+    className: "next-cog"
   })), /*#__PURE__*/React__default['default'].createElement(Modal, {
     header: "Settings",
     isOpen: isOpen,
     onClose: hide
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "grid grid-cols-2 gap-3 items-center text-sm"
-  }, /*#__PURE__*/React__default['default'].createElement(Pieces, null), /*#__PURE__*/React__default['default'].createElement(Board, null), /*#__PURE__*/React__default['default'].createElement(HighlightMove, null), /*#__PURE__*/React__default['default'].createElement(PlaySounds, null), /*#__PURE__*/React__default['default'].createElement(Sounds, null), /*#__PURE__*/React__default['default'].createElement(Coordinates, null))));
+  }, /*#__PURE__*/React__default['default'].createElement(StylePieces, null), /*#__PURE__*/React__default['default'].createElement(StyleBoard, null), /*#__PURE__*/React__default['default'].createElement(HighlightMove, null), /*#__PURE__*/React__default['default'].createElement(PlaySounds, null), /*#__PURE__*/React__default['default'].createElement(Sounds, null), /*#__PURE__*/React__default['default'].createElement(Coordinates, null))));
 };
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
 const Flip = props => {
   return /*#__PURE__*/React__default['default'].createElement("button", _extends({
     type: "button",
-    className: "cursor-pointer flex outline-none",
+    className: "next-button next-flip",
     title: "Flip board"
   }, props), /*#__PURE__*/React__default['default'].createElement("i", {
-    className: "fas fa-sync-alt"
-  }));
-};
-
-const Resize = () => {
-  return /*#__PURE__*/React__default['default'].createElement("button", {
-    type: "button",
-    className: "cursor-resize flex outline-none",
-    title: "Resize"
-  }, /*#__PURE__*/React__default['default'].createElement("i", {
-    className: "fas fa-expand-alt"
+    className: "next-sync"
   }));
 };
 
 const themable = () => {
   const theme = {
     board: 'green',
-    pieces: 'neo',
+    pieces: 'cburnett',
     playSounds: true,
     sounds: 'robot',
     highlight: true,
@@ -6586,8 +6580,14 @@ var Chess = function (fen) {
 exports.Chess = Chess;
 });
 
+const fen$1 = {
+  initial: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1',
+  empty: '8/8/8/8/8/8/8/8 w - - 0 1'
+};
+const initial = fen$1.initial;
+
 const useChess = props => {
-  const [fen, setFen] = React.useState(props.fen || '');
+  const [fen, setFen] = React.useState(props.fen || initial);
   const [chess$1] = React.useState(new chess.Chess(fen));
   const [lastMove, setLastMove] = React.useState([]);
   const turnColor = chess$1.turn() === 'w' ? 'white' : 'black';
@@ -6677,7 +6677,7 @@ const Promote = ({
   })));
 };
 
-const NextChessground = props => {
+const Chessboard = props => {
   const {
     theme
   } = useChessground();
@@ -6712,9 +6712,31 @@ const NextChessground = props => {
     }
   };
 
+  const cgProps = {};
+
+  if (props.viewOnly) {
+    cgProps.draggable = false;
+    cgProps.movable = {
+      free: false
+    };
+  } // normalize orientation for Chessground
+
+
+  if (props.orientation) {
+    cgProps.orientation = props.orientation;
+
+    if (cgProps.orientation === 'w') {
+      cgProps.orientation = 'white';
+    }
+
+    if (cgProps.orientation === 'b') {
+      cgProps.orientation = 'black';
+    }
+  }
+
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: mergeClassNames('chessground', theme.highlight && 'highlight', theme.board, theme.pieces)
-  }, /*#__PURE__*/React__default['default'].createElement(Chessground, {
+  }, /*#__PURE__*/React__default['default'].createElement(Chessground, _extends({
     coordinates: theme.coordinates,
     onMove: handleMove,
     fen: fen,
@@ -6722,7 +6744,7 @@ const NextChessground = props => {
     lastMove: lastMove,
     orientation: orientation,
     movable: toDests(chess)
-  }), /*#__PURE__*/React__default['default'].createElement(Promote, {
+  }, cgProps)), /*#__PURE__*/React__default['default'].createElement(Promote, {
     isOpen: isOpen,
     hide: hide,
     color: turnColor,
@@ -6730,20 +6752,52 @@ const NextChessground = props => {
   }));
 };
 
-const Chessground$1 = props => {
+const getOrientation = props => {
+  try {
+    if (props.orientation) {
+      return props.orientation;
+    }
+
+    if (props.fen) {
+      const fenOrientation = props.fen.split(' ')[1];
+      return fenOrientation === 'w' ? 'white' : 'black';
+    }
+
+    return 'white';
+  } catch {
+    return 'white';
+  }
+};
+
+const useOrientation = props => {
+  const [orientation, setOrientation] = React.useState(getOrientation(props));
+
+  const flip = () => {
+    setOrientation(state => {
+      return state === 'white' ? 'black' : 'white';
+    });
+  };
+
+  return [orientation, flip];
+};
+
+const NextChessground = props => {
   const [theme, setTheme] = React.useState(themable());
+  const [orientation, flip] = useOrientation(props);
   return /*#__PURE__*/React__default['default'].createElement(ThemeContext.Provider, {
     value: {
       theme,
       setTheme
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex relative"
-  }, /*#__PURE__*/React__default['default'].createElement(NextChessground, props), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "text-gray-400 flex flex-col gap-2 px-1"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex-grow"
-  }, /*#__PURE__*/React__default['default'].createElement(Resize, null)), /*#__PURE__*/React__default['default'].createElement(Flip, null), /*#__PURE__*/React__default['default'].createElement(Settings, null))));
+    className: "next-chessground"
+  }, /*#__PURE__*/React__default['default'].createElement(Chessboard, _extends({}, props, {
+    orientation: orientation
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "text-gray-400 flex flex-row-reverse gap-2 py-1.5"
+  }, /*#__PURE__*/React__default['default'].createElement(Settings, null), /*#__PURE__*/React__default['default'].createElement(Flip, {
+    onClick: flip
+  }))));
 };
 
 function styleInject(css, ref) {
@@ -6775,23 +6829,31 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".brown .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iI2I1ODg2MyIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNmMGQ5YjUiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.green .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iIzc3OTU1NiIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNFQkVDRDAiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.ruby .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiM4QjI2MzUiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjRDJENEM4IiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+');\n}\n.teal .cg-wrap cg-board {\n  background-image: url(\"data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiMyMzdiOGUiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjZDdlNWY0IiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+\")\n}\n";
+var css_248z = ".brown .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iI2I1ODg2MyIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNmMGQ5YjUiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.green .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeG1sbnM6eD0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHZpZXdCb3g9IjAgMCA4IDgiICBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0iIzc3OTU1NiIvPjxnIGlkPSJhIj4gIDxnIGlkPSJiIj4gICAgPGcgaWQ9ImMiPiAgICAgIDxnIGlkPSJkIj4gICAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNFQkVDRDAiIGlkPSJlIi8+ICAgICAgICA8dXNlIHg9IjIiIGhyZWY9IiNlIiB4OmhyZWY9IiNlIi8+ICAgICAgPC9nPiAgICAgIDx1c2UgeD0iNCIgaHJlZj0iI2QiIHg6aHJlZj0iI2QiLz4gICAgPC9nPiAgICA8dXNlIHg9IjEiIHk9IjEiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+ICA8L2c+ICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+PC9nPjx1c2UgeT0iNCIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48L3N2Zz4=');\n}\n.ruby .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiM4QjI2MzUiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjRDJENEM4IiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+');\n}\n.purple .cg-wrap cg-board {\n  background-image: url('data:image/png;base64,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');\n}\n.teal .cg-wrap cg-board {\n  background-image: url('data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB2aWV3Qm94PSIwIDAgOCA4IiAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiMxYzcyYWQiLz48ZyBpZD0iYSI+ICA8ZyBpZD0iYiI+ICAgIDxnIGlkPSJjIj4gICAgICA8ZyBpZD0iZCI+ICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjZTNlYmYzIiBpZD0iZSIvPiAgICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZSIgeDpocmVmPSIjZSIvPiAgICAgIDwvZz4gICAgICA8dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+ICAgIDwvZz4gICAgPHVzZSB4PSIxIiB5PSIxIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPiAgPC9nPiAgPHVzZSB5PSIyIiBocmVmPSIjYiIgeDpocmVmPSIjYiIvPjwvZz48dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+PC9zdmc+');\n}\n";
 styleInject(css_248z);
 
-var css_248z$1 = ".chessground {\n  grid-area: board;\n  position: relative;\n  display: block;\n  height: 0;\n  padding-bottom: 100%;\n  padding-right: 100%;\n  width: 100%;\n}\n\n.cg-wrap {\n  display: table;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\ncg-helper {\n  position: absolute;\n  width: 12.5%;\n  padding-bottom: 12.5%;\n  display: table;\n  bottom: 0;\n}\n\ncg-container {\n  position: absolute;\n  width: 800%;\n  height: 800%;\n  display: block;\n  bottom: 0;\n}\n\ncg-board {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  line-height: 0;\n  background-size: cover;\n  cursor: pointer;\n}\n\ncg-board square {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  pointer-events: none;\n}\n.highlight cg-board square.last-move {\n  will-change: transform;\n  background-color: rgba(246, 246, 130, 0.5);\n}\n.highlight .correct cg-board square.last-move {\n  background-color: rgba(155, 240, 0, 0.4);\n}\n.highlight .incorrect cg-board square.last-move {\n  background-color: rgba(240, 0, 0, 0.4);\n}\n\ncg-board square.check {\n  background: radial-gradient(\n    ellipse at center,\n    rgba(255, 0, 0, 1) 0%,\n    rgba(231, 0, 0, 1) 25%,\n    rgba(169, 0, 0, 0) 89%,\n    rgba(158, 0, 0, 0) 100%\n  );\n}\ncg-board square.current-premove {\n  background-color: rgba(20, 30, 85, 0.5);\n}\ncg-board piece {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  background-size: cover;\n  z-index: 2;\n  will-change: transform;\n  pointer-events: none;\n}\ncg-board piece.dragging {\n  cursor: move;\n  z-index: 9;\n}\ncg-board piece.anim {\n  z-index: 8;\n}\ncg-board piece.fading {\n  z-index: 1;\n  opacity: 0.5;\n}\ncg-board piece.ghost {\n  opacity: 0.3;\n}\n.cg-wrap svg {\n  overflow: hidden;\n  position: relative;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.6;\n}\n.cg-wrap svg image {\n  opacity: 0.5;\n}\n\n.spare-pieces {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.edit-square {\n  display: table;\n  position: relative;\n  width: 3.25rem;\n  padding-bottom: 3.25rem;\n}\n\n.spare-piece {\n  top: 0;\n  left: 0;\n  padding-bottom: 100%;\n  padding-left: 100%;\n  position: absolute;\n  background-size: contain;\n  background-position: 0% -100%;\n  cursor: pointer;\n}\n";
+var css_248z$1 = ".next-chessground .chessground {\n  grid-area: board;\n  position: relative;\n  display: block;\n  height: 0;\n  padding-bottom: 100%;\n  padding-right: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  overflow: hidden;\n}\n\n.next-chessground .cg-wrap {\n  display: table;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.next-chessground cg-helper {\n  position: absolute;\n  width: 12.5%;\n  padding-bottom: 12.5%;\n  display: table;\n  bottom: 0;\n}\n\n.next-chessground cg-container {\n  position: absolute;\n  width: 800%;\n  height: 800%;\n  display: block;\n  bottom: 0;\n}\n\n.next-chessground cg-board {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  line-height: 0;\n  background-size: cover;\n  cursor: pointer;\n}\n\n.next-chessground cg-board square {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  pointer-events: none;\n}\n.next-chessground .highlight cg-board square.last-move {\n  will-change: transform;\n  background-color: rgba(246, 246, 130, 0.5);\n}\n.next-chessground .highlight .correct cg-board square.last-move {\n  background-color: rgba(155, 240, 0, 0.4);\n}\n.next-chessground .highlight .incorrect cg-board square.last-move {\n  background-color: rgba(240, 0, 0, 0.4);\n}\n\n.next-chessground cg-board square.check {\n  background: radial-gradient(\n    ellipse at center,\n    rgba(255, 0, 0, 1) 0%,\n    rgba(231, 0, 0, 1) 25%,\n    rgba(169, 0, 0, 0) 89%,\n    rgba(158, 0, 0, 0) 100%\n  );\n}\n.next-chessground cg-board square.current-premove {\n  background-color: rgba(20, 30, 85, 0.5);\n}\n.next-chessground cg-board piece {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 12.5%;\n  height: 12.5%;\n  background-size: cover;\n  z-index: 2;\n  will-change: transform;\n  pointer-events: none;\n}\n.next-chessground cg-board piece.dragging {\n  cursor: move;\n  z-index: 9;\n}\n.next-chessground cg-board piece.anim {\n  z-index: 8;\n}\n.next-chessground cg-board piece.fading {\n  z-index: 1;\n  opacity: 0.5;\n}\n.next-chessground cg-board piece.ghost {\n  opacity: 0.3;\n}\n.next-chessground .cg-wrap svg {\n  overflow: hidden;\n  position: relative;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.6;\n}\n.next-chessground .cg-wrap svg image {\n  opacity: 0.5;\n}\n\n.next-chessground .spare-pieces {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n.next-chessground .spare-piece {\n  top: 0;\n  left: 0;\n  padding-bottom: 100%;\n  padding-left: 100%;\n  position: absolute;\n  background-size: contain;\n  background-position: 0% -100%;\n  cursor: pointer;\n}\n.next-chessground .edit-square {\n  display: table;\n  position: relative;\n  width: 3.25rem;\n  padding-bottom: 3.25rem;\n}\n";
 styleInject(css_248z$1);
 
 var css_248z$2 = "coords {\n  position: absolute;\n  display: flex;\n  pointer-events: none;\n  user-select: none;\n  color: #fff;\n  font-weight: bold;\n  font-size: 0.5rem;\n  opacity: 0.8;\n}\n.coords-no coords {\n  display: none;\n}\n@media (min-width: 640px) {\n  coords {\n    font-size: 0.75rem;\n  }\n}\ncoords.ranks {\n  flex-flow: column-reverse;\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 0.8em;\n}\ncoords.ranks.black {\n  flex-flow: column;\n}\ncoords.files {\n  bottom: 0;\n  left: 0;\n  flex-flow: row;\n  width: 100%;\n}\ncoords.files.black {\n  flex-flow: row-reverse;\n}\ncoords.files coord {\n  padding-left: 4px;\n}\ncoords coord {\n  flex: 1 1 auto;\n}\n\n.orientation-white .files coord:nth-child(2n + 1),\n.orientation-white .ranks coord:nth-child(2n),\n.orientation-black .files coord:nth-child(2n),\n.orientation-black .ranks coord:nth-child(2n + 1) {\n  color: #fff;\n}\n.orientation-white .files coord:nth-child(2n),\n.orientation-white .ranks coord:nth-child(2n + 1),\n.orientation-black .files coord:nth-child(2n + 1),\n.orientation-black .ranks coord:nth-child(2n) {\n  color: #779556;\n}\n";
 styleInject(css_248z$2);
 
-var css_248z$3 = ".flex {\n  display: flex;\n}\n.cursor-resize {\n  cursor: nesw-resize;\n}\nbutton:focus {\n  outline: none;\n}\n\n.checkbox {\n  display: flex;\n  align-items: center;\n  padding-left: 0.25rem;\n  width: 2.75rem;\n  height: 1.75rem;\n  outline: none;\n  appearance: none;\n  transition: 0.2s ease-in-out;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  cursor: pointer;\n}\n.checkbox:before {\n  background-color: rgba(156, 163, 175);\n  width: 1rem;\n  height: 1rem;\n  border-radius: 999px;\n  content: '';\n  transition: 0.2s ease-in-out;\n}\n.checkbox:checked:before {\n  background-color: rgba(4, 120, 87);\n  transform: translate(1rem, 0);\n}\n";
+var css_248z$3 = ".next-settings .next-cog {\n  width: 1rem;\n  height: 1rem;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOUY5REIwIiBkPSJNNDg3LjQgMzE1LjdsLTQyLjYtMjQuNmM0LjMtMjMuMiA0LjMtNDcgMC03MC4ybDQyLjYtMjQuNmM0LjktMi44IDcuMS04LjYgNS41LTE0LTExLjEtMzUuNi0zMC02Ny44LTU0LjctOTQuNi0zLjgtNC4xLTEwLTUuMS0xNC44LTIuM0wzODAuOCAxMTBjLTE3LjktMTUuNC0zOC41LTI3LjMtNjAuOC0zNS4xVjI1LjhjMC01LjYtMy45LTEwLjUtOS40LTExLjctMzYuNy04LjItNzQuMy03LjgtMTA5LjIgMC01LjUgMS4yLTkuNCA2LjEtOS40IDExLjdWNzVjLTIyLjIgNy45LTQyLjggMTkuOC02MC44IDM1LjFMODguNyA4NS41Yy00LjktMi44LTExLTEuOS0xNC44IDIuMy0yNC43IDI2LjctNDMuNiA1OC45LTU0LjcgOTQuNi0xLjcgNS40LjYgMTEuMiA1LjUgMTRMNjcuMyAyMjFjLTQuMyAyMy4yLTQuMyA0NyAwIDcwLjJsLTQyLjYgMjQuNmMtNC45IDIuOC03LjEgOC42LTUuNSAxNCAxMS4xIDM1LjYgMzAgNjcuOCA1NC43IDk0LjYgMy44IDQuMSAxMCA1LjEgMTQuOCAyLjNsNDIuNi0yNC42YzE3LjkgMTUuNCAzOC41IDI3LjMgNjAuOCAzNS4xdjQ5LjJjMCA1LjYgMy45IDEwLjUgOS40IDExLjcgMzYuNyA4LjIgNzQuMyA3LjggMTA5LjIgMCA1LjUtMS4yIDkuNC02LjEgOS40LTExLjd2LTQ5LjJjMjIuMi03LjkgNDIuOC0xOS44IDYwLjgtMzUuMWw0Mi42IDI0LjZjNC45IDIuOCAxMSAxLjkgMTQuOC0yLjMgMjQuNy0yNi43IDQzLjYtNTguOSA1NC43LTk0LjYgMS41LTUuNS0uNy0xMS4zLTUuNi0xNC4xek0yNTYgMzM2Yy00NC4xIDAtODAtMzUuOS04MC04MHMzNS45LTgwIDgwLTgwIDgwIDM1LjkgODAgODAtMzUuOSA4MC04MCA4MHoiLz48L3N2Zz4=');\n}\n.next-flip .next-sync {\n  width: 1rem;\n  height: 1rem;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOUY5REIwIiBkPSJNMzcwLjcyIDEzMy4yOEMzMzkuNDU4IDEwNC4wMDggMjk4Ljg4OCA4Ny45NjIgMjU1Ljg0OCA4OGMtNzcuNDU4LjA2OC0xNDQuMzI4IDUzLjE3OC0xNjIuNzkxIDEyNi44NS0xLjM0NCA1LjM2My02LjEyMiA5LjE1LTExLjY1MSA5LjE1SDI0LjEwM2MtNy40OTggMC0xMy4xOTQtNi44MDctMTEuODA3LTE0LjE3NkMzMy45MzMgOTQuOTI0IDEzNC44MTMgOCAyNTYgOGM2Ni40NDggMCAxMjYuNzkxIDI2LjEzNiAxNzEuMzE1IDY4LjY4NUw0NjMuMDMgNDAuOTdDNDc4LjE0OSAyNS44NTEgNTA0IDM2LjU1OSA1MDQgNTcuOTQxVjE5MmMwIDEzLjI1NS0xMC43NDUgMjQtMjQgMjRIMzQ1Ljk0MWMtMjEuMzgyIDAtMzIuMDktMjUuODUxLTE2Ljk3MS00MC45NzFsNDEuNzUtNDEuNzQ5ek0zMiAyOTZoMTM0LjA1OWMyMS4zODIgMCAzMi4wOSAyNS44NTEgMTYuOTcxIDQwLjk3MWwtNDEuNzUgNDEuNzVjMzEuMjYyIDI5LjI3MyA3MS44MzUgNDUuMzE5IDExNC44NzYgNDUuMjggNzcuNDE4LS4wNyAxNDQuMzE1LTUzLjE0NCAxNjIuNzg3LTEyNi44NDkgMS4zNDQtNS4zNjMgNi4xMjItOS4xNSAxMS42NTEtOS4xNWg1Ny4zMDRjNy40OTggMCAxMy4xOTQgNi44MDcgMTEuODA3IDE0LjE3NkM0NzguMDY3IDQxNy4wNzYgMzc3LjE4NyA1MDQgMjU2IDUwNGMtNjYuNDQ4IDAtMTI2Ljc5MS0yNi4xMzYtMTcxLjMxNS02OC42ODVMNDguOTcgNDcxLjAzQzMzLjg1MSA0ODYuMTQ5IDggNDc1LjQ0MSA4IDQ1NC4wNTlWMzIwYzAtMTMuMjU1IDEwLjc0NS0yNCAyNC0yNHoiLz48L3N2Zz4=');\n}\n";
 styleInject(css_248z$3);
 
-var css_248z$4 = ".pure-modal {\n  box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px 0px;\n  color: rgba(55, 65, 81);\n}\n.pure-modal-backdrop {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1040;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.backdrop-overflow-hidden {\n  overflow: hidden !important;\n}\n.pure-modal-backdrop .pure-modal {\n  width: 300px;\n  max-width: 100%;\n  box-sizing: border-box;\n  transition: all 0.2s ease-in-out;\n  max-height: 100%;\n}\n.pure-modal.auto-height {\n  position: static;\n}\n.pure-modal-backdrop.scrollable {\n  overflow-y: auto;\n}\n.pure-modal-backdrop .panel {\n  display: grid;\n  grid-template-rows: repeat(3, min-content);\n}\n.pure-modal-backdrop:not(.scrollable) .panel {\n  grid-template-rows: min-content minmax(0, 1fr) min-content;\n  max-height: -moz-available;\n  max-height: -webkit-fill-available;\n  max-height: fill-available;\n  height: 100%;\n}\n.pure-modal > * > * {\n  flex: 0 0 auto;\n}\n.pure-modal > * > .scrollable {\n  overflow-x: hidden;\n  overflow-scrolling: touch;\n}\n@media (max-width: 480px) {\n  .pure-modal-backdrop .pure-modal {\n    width: 100%;\n  }\n}\n.pure-modal .panel-body {\n  background-color: #fff;\n}\n.pure-modal .panel-heading {\n  background: #f0f0f0;\n}\n.pure-modal .panel-title {\n  padding: 12px 45px 12px 15px;\n  margin: 0;\n}\n.pure-modal .close {\n  right: 6px;\n  top: 6px;\n  z-index: 1;\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  text-align: center;\n  line-height: 30px;\n  cursor: pointer;\n  font-size: 1.85rem;\n}\n.pure-modal .panel-heading .close:hover {\n  color: #000;\n}\n.pure-modal .panel-body {\n  padding: 15px;\n}\n.pure-modal .panel-footer {\n  padding: 12px 45px 12px 15px;\n  background: #f0f0f0;\n}\n.pure-modal .panel-body,\n.pure-modal .panel-footer,\n.pure-modal .panel-title {\n  word-break: break-all;\n}\n.pure-modal-backdrop .additional-row,\n.pure-modal-backdrop:not(.scrollable) .additional-row {\n  display: grid;\n  grid-template-rows: min-content minmax(0, 1fr) min-content min-content;\n}\n";
+var css_248z$4 = "*,\n::after,\n::before {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n}\n\n.next-chessground {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n}\n.next-chessground .checkbox {\n  display: flex;\n  margin: 0;\n  align-items: center;\n  padding-left: 0.25rem;\n  width: 2.75rem;\n  height: 1.75rem;\n  outline: none;\n  appearance: none;\n  transition: 0.2s ease-in-out;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  cursor: pointer;\n}\n.next-chessground .checkbox:before {\n  background-color: rgba(156, 163, 175);\n  width: 1rem;\n  height: 1rem;\n  border-radius: 999px;\n  content: '';\n  transition: 0.2s ease-in-out;\n}\n.next-chessground .checkbox:checked:before {\n  background-color: rgba(4, 120, 87);\n  transform: translate(1rem, 0);\n}\n.next-chessground .next-button {\n  background-color: transparent;\n  background-image: none;\n  cursor: pointer;\n  display: flex;\n  outline: none;\n\n  padding: 0;\n  line-height: inherit;\n  color: inherit;\n  font-size: 100%;\n}\n.next-chessground .next-button:focus {\n  outline: none;\n}\n";
 styleInject(css_248z$4);
 
-var css_248z$5 = "/**\n * Classic\n */\n.classic piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wp.png');\n}\n.classic piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wb.png');\n}\n.classic piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wn.png');\n}\n.classic piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wr.png');\n}\n.classic piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wq.png');\n}\n.classic piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wk.png');\n}\n.classic piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bp.png');\n}\n.classic piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bb.png');\n}\n.classic piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bn.png');\n}\n.classic piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/br.png');\n}\n.classic piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bq.png');\n}\n.classic piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bk.png');\n}\n\n/**\n * Neo\n */\n.neo piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wp.png');\n}\n.neo piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wb.png');\n}\n.neo piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wn.png');\n}\n.neo piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wr.png');\n}\n.neo piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wq.png');\n}\n.neo piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wk.png');\n}\n.neo piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bp.png');\n}\n.neo piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bb.png');\n}\n.neo piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bn.png');\n}\n.neo piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/br.png');\n}\n.neo piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bq.png');\n}\n.neo piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bk.png');\n}\n\n/**\n * Alpha\n */\n.alpha piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wp.png');\n}\n.alpha piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wb.png');\n}\n.alpha piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wn.png');\n}\n.alpha piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wr.png');\n}\n.alpha piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wq.png');\n}\n.alpha piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wk.png');\n}\n.alpha piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bp.png');\n}\n.alpha piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bb.png');\n}\n.alpha piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bn.png');\n}\n.alpha piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/br.png');\n}\n.alpha piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bq.png');\n}\n.alpha piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bk.png');\n}\n\n/**\n * Bases\n */\n.bases piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wp.png');\n}\n.bases piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wb.png');\n}\n.bases piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wn.png');\n}\n.bases piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wr.png');\n}\n.bases piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wq.png');\n}\n.bases piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wk.png');\n}\n.bases piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bp.png');\n}\n.bases piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bb.png');\n}\n.bases piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bn.png');\n}\n.bases piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/br.png');\n}\n.bases piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bq.png');\n}\n.bases piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bk.png');\n}\n";
+var css_248z$5 = ".pure-modal {\n  box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px 0px;\n  color: rgba(55, 65, 81);\n}\n.pure-modal-backdrop {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1040;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.backdrop-overflow-hidden {\n  overflow: hidden !important;\n}\n.pure-modal-backdrop .pure-modal {\n  width: 300px;\n  max-width: 100%;\n  box-sizing: border-box;\n  transition: all 0.2s ease-in-out;\n  max-height: 100%;\n}\n.pure-modal.auto-height {\n  position: static;\n}\n.pure-modal-backdrop.scrollable {\n  overflow-y: auto;\n}\n.pure-modal-backdrop .panel {\n  display: grid;\n  grid-template-rows: repeat(3, min-content);\n}\n.pure-modal-backdrop:not(.scrollable) .panel {\n  grid-template-rows: min-content minmax(0, 1fr) min-content;\n  max-height: -moz-available;\n  max-height: -webkit-fill-available;\n  max-height: fill-available;\n  height: 100%;\n}\n.pure-modal > * > * {\n  flex: 0 0 auto;\n}\n.pure-modal > * > .scrollable {\n  overflow-x: hidden;\n  overflow-scrolling: touch;\n}\n@media (max-width: 480px) {\n  .pure-modal-backdrop .pure-modal {\n    width: 100%;\n  }\n}\n.pure-modal .panel-body {\n  background-color: #fff;\n}\n.pure-modal .panel-heading {\n  background: #f0f0f0;\n}\n.pure-modal .panel-title {\n  padding: 12px 45px 12px 15px;\n  margin: 0;\n}\n.pure-modal .close {\n  right: 6px;\n  top: 6px;\n  z-index: 1;\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  text-align: center;\n  line-height: 30px;\n  cursor: pointer;\n  font-size: 1.85rem;\n}\n.pure-modal .panel-heading .close:hover {\n  color: #000;\n}\n.pure-modal .panel-body {\n  padding: 15px;\n}\n.pure-modal .panel-footer {\n  padding: 12px 45px 12px 15px;\n  background: #f0f0f0;\n}\n.pure-modal .panel-body,\n.pure-modal .panel-footer,\n.pure-modal .panel-title {\n  word-break: break-all;\n}\n.pure-modal-backdrop .additional-row,\n.pure-modal-backdrop:not(.scrollable) .additional-row {\n  display: grid;\n  grid-template-rows: min-content minmax(0, 1fr) min-content min-content;\n}\n";
 styleInject(css_248z$5);
 
-exports.Chessground = Chessground$1;
-exports.default = Chessground$1;
+var css_248z$6 = "/**\n * Cburnett\n */\n.cburnett piece.pawn.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wP.svg');\n}\n.cburnett piece.bishop.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wB.svg');\n}\n.cburnett piece.knight.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wN.svg');\n}\n.cburnett piece.rook.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wR.svg');\n}\n.cburnett piece.queen.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wQ.svg');\n}\n.cburnett piece.king.white {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/wK.svg');\n}\n.cburnett piece.pawn.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bP.svg');\n}\n.cburnett piece.bishop.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bB.svg');\n}\n.cburnett piece.knight.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bN.svg');\n}\n.cburnett piece.rook.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bR.svg');\n}\n.cburnett piece.queen.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bQ.svg');\n}\n.cburnett piece.king.black {\n  background-image: url('https://lichess1.org/assets/_MKI2V3/piece/cburnett/bK.svg');\n}\n\n/**\n * Classic\n */\n.classic piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wp.png');\n}\n.classic piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wb.png');\n}\n.classic piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wn.png');\n}\n.classic piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wr.png');\n}\n.classic piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wq.png');\n}\n.classic piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/wk.png');\n}\n.classic piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bp.png');\n}\n.classic piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bb.png');\n}\n.classic piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bn.png');\n}\n.classic piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/br.png');\n}\n.classic piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bq.png');\n}\n.classic piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/classic/150/bk.png');\n}\n\n/**\n * Neo\n */\n.neo piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wp.png');\n}\n.neo piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wb.png');\n}\n.neo piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wn.png');\n}\n.neo piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wr.png');\n}\n.neo piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wq.png');\n}\n.neo piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/wk.png');\n}\n.neo piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bp.png');\n}\n.neo piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bb.png');\n}\n.neo piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bn.png');\n}\n.neo piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/br.png');\n}\n.neo piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bq.png');\n}\n.neo piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/neo/150/bk.png');\n}\n\n/**\n * Alpha\n */\n.alpha piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wp.png');\n}\n.alpha piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wb.png');\n}\n.alpha piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wn.png');\n}\n.alpha piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wr.png');\n}\n.alpha piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wq.png');\n}\n.alpha piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/wk.png');\n}\n.alpha piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bp.png');\n}\n.alpha piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bb.png');\n}\n.alpha piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bn.png');\n}\n.alpha piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/br.png');\n}\n.alpha piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bq.png');\n}\n.alpha piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/alpha/150/bk.png');\n}\n\n/**\n * Bases\n */\n.bases piece.pawn.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wp.png');\n}\n.bases piece.bishop.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wb.png');\n}\n.bases piece.knight.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wn.png');\n}\n.bases piece.rook.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wr.png');\n}\n.bases piece.queen.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wq.png');\n}\n.bases piece.king.white {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/wk.png');\n}\n.bases piece.pawn.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bp.png');\n}\n.bases piece.bishop.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bb.png');\n}\n.bases piece.knight.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bn.png');\n}\n.bases piece.rook.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/br.png');\n}\n.bases piece.queen.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bq.png');\n}\n.bases piece.king.black {\n  background-image: url('https://images.chesscomfiles.com/chess-themes/pieces/bases/150/bk.png');\n}\n";
+styleInject(css_248z$6);
+
+var css_248z$7 = ".flex {\n  display: flex;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n.grid {\n  display: grid;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.w-full {\n  width: 100%;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.px-2 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-resize {\n  cursor: nesw-resize;\n}\n.outline-none,\n.outline-none:focus {\n  outline: none;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-gray-400 {\n  color: rgba(156, 163, 175);\n}\n.text-gray-800 {\n  color: rgba(31, 41, 55);\n}\n.bg-white {\n  background-color: #fff;\n}\n.border {\n  border-width: 1px;\n  border-style: solid;\n}\n.border-gray-300 {\n  border-color: rgba(209, 213, 219);\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n";
+styleInject(css_248z$7);
+
+exports.NextChessground = NextChessground;
+exports.default = NextChessground;
+exports.useChess = useChess;
+exports.useChessground = useChessground;

package/index.js

@@ -1,10 +1,16 @@
-import Chessground from './components/Chessground';
+import NextChessground from './components/NextChessground';
+import useChess from './hooks/use-chess';
+import useChessground from './hooks/use-chessground';
+
 import './assets/css/board.css';
 import './assets/css/chess.css';
 import './assets/css/coords.css';
+import './assets/css/icons.css';
 import './assets/css/layout.css';
 import './assets/css/modal.css';
 import './assets/css/pieces.css';
+import './assets/css/tailwind.css';
+
+export default NextChessground;
 
-export default Chessground;
-export { Chessground };
+export { NextChessground, useChess, useChessground };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-chessground",
-  "version": "0.6.3",
+  "version": "0.7.1",
   "description": "React and Next wrapper for Chessground with chessboard and pieces out of the box",
   "main": "dist/index.js",
   "module": "dist/index.es.js",