@pech/chess-board 1.0.0

package/dist/index.js

@@ -0,0 +1,975 @@
+// src/coords.ts
+var FILES = "abcdefgh";
+function squareToCoords(sq, orientation) {
+  const fileIdx = FILES.indexOf(sq.charAt(0));
+  const rank = Number(sq.charAt(1));
+  if (orientation === "white") {
+    return [fileIdx, 8 - rank];
+  }
+  return [7 - fileIdx, rank - 1];
+}
+function coordsToSquare(col, row, orientation) {
+  if (col < 0 || col > 7 || row < 0 || row > 7) return null;
+  let fileIdx;
+  let rank;
+  if (orientation === "white") {
+    fileIdx = col;
+    rank = 8 - row;
+  } else {
+    fileIdx = 7 - col;
+    rank = row + 1;
+  }
+  const file = FILES.charAt(fileIdx);
+  if (!file) return null;
+  return `${file}${rank}`;
+}
+function isLightSquare(sq) {
+  const fileIdx = FILES.indexOf(sq.charAt(0));
+  const rankIdx = Number(sq.charAt(1)) - 1;
+  return (fileIdx + rankIdx) % 2 !== 0;
+}
+
+// src/fen.ts
+var STARTING_FEN = "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1";
+var FEN_PIECES = {
+  K: { color: "white", type: "king" },
+  Q: { color: "white", type: "queen" },
+  R: { color: "white", type: "rook" },
+  B: { color: "white", type: "bishop" },
+  N: { color: "white", type: "knight" },
+  P: { color: "white", type: "pawn" },
+  k: { color: "black", type: "king" },
+  q: { color: "black", type: "queen" },
+  r: { color: "black", type: "rook" },
+  b: { color: "black", type: "bishop" },
+  n: { color: "black", type: "knight" },
+  p: { color: "black", type: "pawn" }
+};
+var PIECE_TO_CHAR = {
+  king: "k",
+  queen: "q",
+  rook: "r",
+  bishop: "b",
+  knight: "n",
+  pawn: "p"
+};
+function parseFen(fen) {
+  const pieces = /* @__PURE__ */ new Map();
+  const placement = fen.split(" ")[0] ?? "";
+  const rows = placement.split("/");
+  for (let r = 0; r < rows.length; r++) {
+    const row = rows[r];
+    if (!row) continue;
+    const rank = 8 - r;
+    let fileIdx = 0;
+    for (const ch of row) {
+      if (ch >= "1" && ch <= "8") {
+        fileIdx += Number(ch);
+      } else {
+        const piece = FEN_PIECES[ch];
+        if (piece && fileIdx < 8) {
+          const file = FILES.charAt(fileIdx);
+          pieces.set(`${file}${rank}`, piece);
+        }
+        fileIdx++;
+      }
+    }
+  }
+  return pieces;
+}
+function positionToFen(pieces) {
+  const rows = [];
+  for (let rank = 8; rank >= 1; rank--) {
+    let row = "";
+    let empty = 0;
+    for (let f = 0; f < 8; f++) {
+      const file = FILES.charAt(f);
+      const key = `${file}${rank}`;
+      const piece = pieces.get(key);
+      if (piece) {
+        if (empty > 0) {
+          row += String(empty);
+          empty = 0;
+        }
+        const ch = PIECE_TO_CHAR[piece.type];
+        row += piece.color === "white" ? ch.toUpperCase() : ch;
+      } else {
+        empty++;
+      }
+    }
+    if (empty > 0) row += String(empty);
+    rows.push(row);
+  }
+  return rows.join("/");
+}
+
+// src/pieces-svg.ts
+var PIECE_SVGS = {
+  "white-king": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2125.3 872.45h-156.01v-287.84h-182.37q-74.707 0-74.707-72.51v-2.1973q0-72.51 74.707-72.51h182.37v-186.77q0-76.904 79.102-76.904 76.904 0 76.904 76.904v186.77h188.96q72.51 0 72.51 72.51v2.1973q0 72.51-72.51 72.51l-186.77 2.1973z"/>\n  <path d="m815.81 3151-72.51-410.89q-2.1973 0-6.5918-8.789-10.986-15.381-63.721-39.551-50.537-26.367-118.65-87.891-96.68-81.299-151.61-131.84-52.734-50.537-96.68-109.86-134.03-184.57-149.41-446.04-21.973-252.69 204.35-503.17 228.52-250.49 617.43-235.11 145.02 8.789 340.58 70.312 63.721 26.367 129.64 52.734 68.115 24.17 134.03 50.537 35.156 17.578 61.523 35.156-10.986-46.143-10.986-92.285 0-171.39 120.85-292.24 123.05-120.85 294.43-123.05 171.39 0 292.24 123.05 120.85 120.85 120.85 290.04 0 35.156-8.789 92.285 30.762-19.775 59.326-32.959 101.07-43.945 265.87-103.27 188.96-63.721 340.58-72.51 388.92-17.578 615.23 235.11 221.92 250.49 206.54 503.17-17.578 261.47-151.61 446.04-43.945 59.326-98.877 112.06-54.932 50.537-147.22 129.64-72.51 61.523-123.05 87.891-50.537 24.17-59.326 39.551-2.1973 4.3945-4.3946 6.5918-2.1972 2.1973-2.1972 4.3945l-70.312 413.09 145.02 542.72q-109.86 98.877-492.19 162.6t-883.3 63.721q-509.77 0-896.48-68.115-386.72-65.918-485.6-166.99z"/>\n  <path d="m2123.2 2423.8q377.93 4.3945 692.14 46.143 314.21 39.551 492.19 101.07 83.496-65.918 182.37-145.02 98.877-81.299 164.79-164.8 105.47-134.03 105.47-353.76 0-197.75-94.482-329.59-169.19-246.09-514.16-246.09-206.54 0-424.07 85.693-191.16 76.904-290.04 171.39-184.57 184.57-272.46 474.61-30.762 103.27-37.354 188.96-4.3946 83.496-4.3946 171.39z" fill="#fff"/>\n  <path d="m2048.4 2015.1q15.381-61.524 26.367-85.693 21.973-85.693 50.537-145.02 13.184-37.354 37.354-85.693 26.367-50.537 54.932-114.26 17.578-37.354 37.354-90.088 19.775-54.932 39.551-107.67 17.578-43.945 17.578-94.482 0-107.67-76.904-182.37-76.904-76.904-186.77-76.904-261.47 0-261.47 261.47 0 50.537 17.578 94.482 48.34 142.82 74.707 197.75 28.564 63.721 52.734 114.26 24.17 48.34 41.748 85.693 28.564 72.51 48.34 145.02 4.3945 13.184 26.367 83.496z" fill="#fff"/>\n  <path d="m1971.5 2423.8q-2.1973-85.693-6.5918-169.19-4.3945-85.693-32.959-188.96-90.088-294.43-272.46-474.61-94.482-92.285-290.04-171.39-224.12-87.891-424.07-87.891-347.17 0-514.16 248.29-94.482 131.84-94.482 329.59 0 215.33 105.47 353.76 63.721 81.299 162.6 162.6 98.877 81.299 184.57 147.22 384.52-138.43 1182.1-149.41z" fill="#fff"/>\n  <path d="m3248.1 3614.6q-424.07-171.39-1190.9-171.39-795.41 0-1204.1 175.78 386.72 153.81 1197.5 153.81 386.72 0 705.32-43.945 318.6-41.748 492.19-114.26z" fill="#fff"/>\n  <path d="m3191 3408.1-65.918-252.69q-435.06-96.68-1076.7-96.68-639.4 0-1074.5 96.68l-70.312 254.88q419.68-123.05 1147-123.05 722.9 0 1140.4 120.85z" fill="#fff"/>\n  <path d="m949.84 3017q417.48-105.47 1107.4-105.47 676.76 0 1092 101.07l54.932-323q-441.65-116.46-1155.8-116.46-718.51 0-1153.6 118.65z" fill="#fff"/>\n</svg>',
+  "white-queen": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m3781.6 1118.5q-125.24 0-213.13-85.693-87.891-87.891-87.891-213.13 0-123.05 87.891-210.94 87.891-90.088 213.13-90.088 123.05 0 210.94 90.088 87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-210.94 85.693z"/>\n  <path d="m314.25 1118.5q-125.24 0-213.13-85.693-85.693-87.891-85.693-213.13 0-123.05 85.693-210.94 87.891-90.088 213.13-90.088t213.13 90.088q87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-213.13 85.693z"/>\n  <path d="m2968.6 876.76q-125.24 0-213.13-85.693-85.693-87.891-85.693-213.13 0-123.05 85.693-210.94 87.891-87.891 213.13-87.891 125.24 0 213.13 87.891 87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-213.13 85.693z"/>\n  <path d="m1122.9 876.76q-125.24 0-213.13-85.693-87.891-87.891-87.891-213.13 0-123.05 87.891-210.94 87.891-87.891 213.13-87.891 123.05 0 210.94 87.891 87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-210.94 85.693z"/>\n  <path d="m3399.2 3706.9q-107.67 94.482-483.4 158.2t-865.72 63.721q-498.78 0-876.71-65.918t-476.81-164.8l138.43-527.34-61.523-344.97-193.36-336.18-186.77-1366.7 107.67-41.748 602.05 1015.1 13.184-1208.5 149.41-26.367 459.23 1215.1 246.09-1307.4h151.61l246.09 1303 454.83-1210.7 151.61 26.367 13.184 1208.5 604.25-1017.3 103.27 48.34-182.37 1360.1-195.56 336.18-61.523 349.37z"/>\n  <path d="m2045.8 766.99q-125.24 0-213.13-87.891-85.693-87.891-85.693-213.13 0-123.05 85.693-210.94 87.891-87.891 213.13-87.891 123.05 0 210.94 87.891 90.088 87.891 90.088 210.94 0 125.24-90.088 213.13-87.891 87.891-210.94 87.891z"/>\n  <path d="m3781.6 964.65q145.02 0 145.02-145.02 0-147.22-145.02-147.22-147.22 0-147.22 147.22 0 145.02 147.22 145.02z" fill="#fff"/>\n  <path d="m314.25 964.65q147.22 0 147.22-145.02 0-147.22-147.22-147.22-145.02 0-145.02 147.22 0 145.02 145.02 145.02z" fill="#fff"/>\n  <path d="m2968.6 722.95q147.22 0 147.22-145.02t-147.22-145.02q-145.02 0-145.02 145.02t145.02 145.02z" fill="#fff"/>\n  <path d="m1122.9 722.95q145.02 0 145.02-145.02t-145.02-145.02q-147.22 0-147.22 145.02t147.22 145.02z" fill="#fff"/>\n  <path d="m3221.3 3627.8q-402.1-166.99-1166.7-166.99-780.03 0-1179.9 171.39 384.52 151.61 1173.3 151.61 377.93 0 689.94-41.748 314.21-41.748 483.4-114.26z" fill="#fff"/>\n  <path d="m3166.3 3425.6-65.918-248.29q-430.66-94.482-1054.7-94.482-617.43 0-1052.5 94.482l-68.115 250.49q408.69-123.05 1122.8-123.05 696.53 0 1118.4 120.85z" fill="#fff"/>\n  <path d="m3034.5 2313.8q50.537 15.381 112.06 15.381 134.03 0 250.49-83.496l120.85-760.25z" fill="#fff"/>\n  <path d="m1050.4 2302.8-472.41-815.19 120.85 742.68q125.24 87.891 243.9 87.891 46.143 0 107.67-15.381z" fill="#fff"/>\n  <path d="m1608.5 2179.8-360.35-986.57v1004.2q6.5918-8.789 19.775-21.973 43.945-92.285 145.02-92.285 83.496 0 136.23 70.312z" fill="#fff"/>\n  <path d="m2843.4 2210.5v-1017.3l-362.55 997.56q41.748-15.381 70.312-39.551 43.945-54.932 118.65-54.932 87.891 0 140.62 76.904 6.5918 8.7891 15.381 19.775 8.7891 8.789 17.578 17.578z" fill="#fff"/>\n  <path d="m2234.8 2168.8-186.77-1074.5-186.77 1061.3q6.5918-4.3946 30.762-21.973 50.537-98.877 153.81-98.877 112.06 0 145.02 98.877 13.184 13.184 43.945 35.156z" fill="#fff"/>\n  <path d="m3219.1 2693.9 142.82-252.69q-105.47 41.748-215.33 41.748-294.43 0-470.21-239.5-131.84 109.86-294.43 109.86-210.94 0-336.18-164.79-140.62 153.81-336.18 153.81-158.2 0-290.04-107.67-184.57 235.11-476.81 235.11-112.06 0-221.92-41.748l153.81 263.67q426.27-123.05 1171.1-123.05 758.06 0 1173.3 125.24z" fill="#fff"/>\n  <path d="m3164.2 2825.8q-424.07-107.67-1109.6-107.67-703.12 0-1122.8 109.86l32.959 210.94q428.47-101.07 1089.8-101.07 656.98 0 1072.3 98.877z" fill="#fff"/>\n  <path d="m2045.8 613.18q147.22 0 147.22-147.22 0-145.02-147.22-145.02-145.02 0-145.02 145.02 0 147.22 145.02 147.22z" fill="#fff"/>\n</svg>',
+  "white-rook": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2350.1 549.46h373.54v-301.03h602.05v823.97l-487.79 375.73v1050.3l373.54 373.54v450.44h336.18v525.15h-2999.3v-525.15h336.18v-450.44l375.73-373.54v-1050.3l-487.79-375.73v-823.97h599.85v301.03h375.73v-301.03h602.05z"/>\n  <path d="m2763.2 1298.9 279.05-226.32h-1986.3l281.25 226.32z" fill="#fff"/>\n  <path d="m3004.9 2872.1-226.32-224.12h-1456.8l-230.71 224.12z" fill="#fff"/>\n  <path d="m3174.1 923.07v-525.15h-301.03v301.03h-676.76v-301.03h-296.63v301.03h-674.56v-301.03h-301.03v525.15z" fill="#fff"/>\n  <path d="m2686.3 1448.2h-1274.4v1050.3h1274.4z" fill="#fff"/>\n  <path d="m3059.8 3023.6h-2021.5v298.83h2021.5z" fill="#fff"/>\n  <path d="m3400.4 3471.9h-2702.6v226.32h2702.6z" fill="#fff"/>\n</svg>',
+  "white-bishop": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2048 3456.4q-30.762 125.24-74.707 173.58t-116.46 101.07q-79.102 54.932-186.77 92.285-107.67 39.551-239.5 19.775l-617.43-85.693q-37.354-4.3945-68.115 0-28.564 4.3946-54.932 4.3946-46.143 0-118.65 19.775-70.312 21.973-109.86 61.523l-213.13-349.37q39.551-43.945 70.312-61.524t72.51-37.354q127.44-59.326 272.46-72.51 61.523-4.3945 120.85-2.1972 59.326 2.1972 123.05-4.3946 118.65 19.775 237.3 37.354 120.85 15.381 241.7 32.959 131.84 0 177.98-26.367 24.17-13.184 76.904-48.34t105.47-103.27q-116.46-13.184-237.3-43.945-120.85-32.959-213.13-68.115l228.52-566.89q-171.39-98.877-239.5-158.2-68.115-61.523-107.67-140.62-57.129-101.07-74.707-195.56-15.381-94.482-13.184-169.19 2.1973-131.84 61.523-290.04 61.524-160.4 228.52-285.64 138.43-105.47 270.26-217.53 131.84-112.06 261.47-261.47-162.6-83.496-162.6-265.87 0-123.05 85.693-210.94 87.891-87.891 213.13-87.891 123.05 0 210.94 87.891 87.891 87.891 87.891 210.94 0 180.18-162.6 265.87 127.44 149.41 257.08 261.47 131.84 112.06 274.66 217.53 164.79 125.24 224.12 285.64 59.326 158.2 63.721 290.04 0 74.707-15.381 169.19-15.381 94.482-70.312 195.56-43.945 79.102-112.06 140.62-65.918 59.326-235.11 158.2l228.52 566.89q-96.68 35.156-217.53 68.115-120.85 30.762-232.91 43.945 50.537 68.115 103.27 103.27 52.734 35.156 79.102 48.34 46.143 26.367 177.98 26.367 118.65-17.578 237.3-32.959 120.85-17.578 241.7-37.354 59.326 6.5918 118.65 4.3946 61.523-2.1973 125.24 2.1972 140.62 13.184 272.46 72.51 39.551 19.775 70.312 37.354 32.959 17.578 72.51 61.524l-215.33 349.37q-39.551-39.551-112.06-61.523-70.312-19.775-114.26-19.775-28.564 0-59.326-4.3946-28.564-4.3945-65.918 0l-615.23 85.693q-131.84 19.775-246.09-17.578-112.06-37.354-184.57-98.877-72.51-59.326-116.46-103.27-41.748-41.748-70.312-166.99z"/>\n  <path d="m1968.9 3208.1h-70.312q-123.05 197.75-235.11 248.29-52.734 26.367-116.46 48.34-63.721 21.973-147.22 21.973-15.381 0-235.11-35.156-105.47-15.381-166.99-32.959t-96.68-21.973q-125.24-15.381-292.24 13.184-101.07 17.578-188.96 63.721l105.47 171.39q26.367-26.367 68.115-35.156 43.945-6.5918 79.102-15.381 92.285-15.381 175.78-4.3946 28.564 6.5918 112.06 15.381 83.496 10.986 221.92 32.959 164.8 24.17 224.12 24.17 230.71 0 353.76-87.891 74.707-57.129 140.62-160.4 68.115-101.07 68.115-246.09z" fill="#fff"/>\n  <path d="m2048 2379.7q213.13 0 408.69 32.959 215.33-76.904 312.01-239.5 83.496-140.62 83.496-309.81 0-101.07-50.537-221.92-50.537-123.05-164.79-221.92-129.64-107.67-283.45-235.11-153.81-129.64-305.42-301.03-153.81 171.39-307.62 301.03-153.81 127.44-281.25 235.11-116.46 98.877-166.99 221.92-48.34 120.85-48.34 221.92 0 169.19 81.299 309.81 94.482 162.6 314.21 239.5 193.36-32.959 408.69-32.959z" fill="#fff"/>\n  <path d="m2048 2779.6q257.08 0 494.38 50.537l-105.47-270.26q-193.36-30.762-388.92-30.762-199.95 0-391.11 30.762l-105.47 270.26q235.11-50.537 496.58-50.537z" fill="#fff"/>\n  <path d="m2048 694.4q149.41 0 149.41-149.41t-149.41-149.41-149.41 149.41 149.41 149.41z" fill="#fff"/>\n  <path d="m2048 3087.2q149.41 0 290.04-24.17 142.82-26.367 274.66-61.523-257.08-68.115-564.7-68.115-312.01 0-564.7 68.115 127.44 35.156 270.26 61.523 142.82 24.17 294.43 24.17z" fill="#fff"/>\n  <path d="m1968.9 1817.2-182.37-2.1973q-74.707 0-74.707-74.707t74.707-74.707h182.37v-188.96q0-76.904 79.102-76.904 76.904 0 76.904 76.904v188.96h188.96q72.51 0 72.51 74.707t-72.51 74.707h-188.96v180.18q0 79.102-76.904 79.102-79.102 0-79.102-79.102z"/>\n  <path d="m2124.9 3208.1q0 145.02 65.918 246.09 68.115 103.27 145.02 160.4 120.85 87.891 353.76 87.891 57.129 0 224.12-24.17 136.23-21.973 219.73-32.959 83.496-8.7891 112.06-15.381 83.496-10.986 175.78 4.3946 35.156 8.789 76.904 15.381 43.945 8.7891 72.51 35.156l105.47-171.39q-90.088-46.143-191.16-63.721-166.99-28.564-292.24-13.184-37.354 4.3945-98.877 21.973-59.326 17.578-162.6 32.959-221.92 35.156-235.11 35.156-85.693 0-149.41-21.973-63.721-21.973-114.26-48.34-116.46-52.734-237.3-248.29z" fill="#fff"/>\n</svg>',
+  "white-knight": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2166.6 613.2q344.97 21.973 639.4 177.98 294.43 156.01 500.98 399.9 145.02 171.39 272.46 413.09 129.64 241.7 206.54 511.96 87.891 314.21 109.86 661.38 24.17 344.97 24.17 639.4v479t-342.77 0q-340.58 0-885.5 0h-1474.4q-19.775 0-19.775-107.67 2.1972-107.67 15.381-173.58 8.7891-52.734 41.748-149.41t109.86-235.11q35.156-70.312 166.99-204.35 131.84-136.23 303.22-314.21 98.877-101.07 153.81-254.88 57.129-153.81 48.34-279.05-81.299 65.918-177.98 107.67-465.82 166.99-674.56 483.4-15.381 19.775-98.877 177.98-43.945 83.496-74.707 114.26-41.748 41.748-120.85 46.143-123.05 6.5918-191.16-118.65-92.285 26.367-164.79 21.973-123.05-46.143-177.98-98.877-112.06-112.06-147.22-224.12-32.959-112.06-32.959-241.7 0-184.57 228.52-487.79 268.07-349.37 285.64-531.74 0-79.102 15.381-177.98 13.184-68.115 54.932-131.84 28.564-43.945 37.354-59.326 10.986-17.578 37.354-50.537 19.775-26.367 32.959-39.551 13.184-15.381 32.959-39.551 24.17-28.564 61.523-65.918-116.46-320.8-94.482-661.38 437.26 156.01 733.89 489.99 72.51-248.29 285.64-402.1 175.78 123.05 279.05 325.2z"/>\n  <path d="m3654.1 3739.9q-2.1972 0 4.3946-120.85 6.5918-118.65 6.5918-257.08 2.1972-274.66 0-566.89-2.1973-294.43-79.102-586.67-74.707-281.25-164.79-479-90.088-199.95-195.56-344.97-158.2-237.3-430.66-402.1-272.46-164.79-569.09-215.33 19.775 107.67 17.578 210.94-4.3945 79.102-74.707 79.102-81.299 0-72.51-79.102 6.5918-290.04-206.54-496.58-166.99 175.78-180.18 408.69-4.3946 76.904-79.102 68.115-70.312-2.1973-70.312-81.299 0 0 4.3945-17.578-90.088 28.564-188.96 81.299-63.721 43.945-103.27-21.973-39.551-65.918 35.156-103.27 94.482-48.34 142.82-72.51-188.96-193.36-430.66-312.01 26.367 305.42 166.99 577.88 37.354 57.129-17.578 101.07-61.523 48.34-103.27-15.381-15.381-21.973-43.945-79.102-46.143 46.143-61.523 68.115-15.381 19.775-54.932 87.891-37.354 68.115-54.932 112.06-19.775 54.932-17.578 90.088 4.3945 32.959 6.5918 74.707-19.775 129.64-90.088 243.9-68.115 114.26-175.78 279.05-103.27 158.2-158.2 237.3-54.932 79.102-83.496 202.15-19.775 74.707 0 182.37 19.775 105.47 85.693 164.8 101.07 103.27 195.56 94.482 30.762 0 81.299-24.17 52.734-24.17 81.299-92.285 57.129-125.24 94.482-125.24 54.932 0 59.326 61.523 0 13.184-35.156 109.86-19.775 43.945-52.734 92.285-41.748 57.129-37.354 48.34 35.156 125.24 116.46 43.945 24.17-24.17 54.932-90.088t96.68-177.98q76.904-129.64 164.8-210.94 87.891-81.299 156.01-131.84 39.551-28.564 96.68-65.918t153.81-76.904q76.904-30.762 169.19-74.707 94.482-46.142 166.99-116.46 101.07-98.877 156.01-243.9 28.564-81.299 21.973-199.95-19.775-74.707 74.707-74.707 70.312 0 79.102 72.51 0 248.29-140.62 452.64 46.143 140.62 24.17 307.62-19.775 134.03-94.482 287.84-72.51 151.61-296.63 338.38-454.83 377.93-430.66 777.83 0 0 373.54 0 375.73 0 705.32 0z" fill="#fff"/>\n  <path d="m674.71 2404q-63.721 39.551-76.904 105.47 2.1973 72.51-68.115 79.102-76.904 8.7891-79.102-65.918 8.7891-145.02 129.64-230.71 57.129-46.142 105.47 8.7891 48.34 59.326-10.986 103.27z"/>\n  <path d="m1327.3 1355.9q28.564 43.945 21.973 92.285-21.973 140.62-156.01 118.65-39.551-6.5918-63.721-26.367-8.789 10.986-26.367 48.34-24.17 70.312-92.285 48.34-68.115-26.367-52.734-98.877 98.877-252.69 358.15-347.17 74.707-21.973 98.877 43.945 26.367 70.312-39.551 96.68-13.184 6.5918-24.17 13.184-10.986 4.3945-24.17 10.986z"/>\n</svg>',
+  "white-pawn": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2049.1 3846.4h-1186.5q-87.891-219.73-87.891-459.23 0-406.49 230.71-729.49t593.26-461.43q-156.01-72.51-254.88-217.53-96.68-147.22-96.68-331.79 0-230.71 153.81-399.9t377.93-195.56q-177.98-134.03-177.98-353.76 0-184.57 129.64-316.41 131.84-131.84 318.6-131.84 184.57 0 316.41 131.84t131.84 316.41q0 219.73-177.98 353.76 224.12 26.367 377.93 195.56 153.81 169.19 153.81 399.9 0 184.57-101.07 331.79-98.877 145.02-252.69 217.53 362.55 138.43 593.26 461.43t230.71 729.49q0 237.3-85.693 459.23z"/>\n  <path d="m2049.1 3697h1078.9q46.143-158.2 46.143-309.81 0-342.77-191.16-621.83-188.96-279.05-487.79-410.89-145.02-10.986-145.02-158.2 0-116.46 147.22-171.39 204.35-142.82 204.35-377.93 0-169.19-114.26-296.63t-276.86-147.22q-131.84-10.986-131.84-149.41 0-61.523 48.34-114.26 118.65-92.285 118.65-241.7 0-123.05-87.891-210.94-87.891-87.891-208.74-87.891-125.24 0-213.13 87.891-85.693 87.891-85.693 210.94 0 147.22 118.65 241.7 48.34 48.34 48.34 114.26 0 138.43-129.64 149.41-164.79 19.775-279.05 147.22-112.06 127.44-112.06 296.63 0 235.11 204.35 377.93 147.22 57.129 147.22 171.39 0 147.22-147.22 158.2-298.83 131.84-487.79 410.89t-188.96 621.83q0 162.6 46.143 309.81z" fill="#fff"/>\n</svg>',
+  "black-king": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m815.83 3151.1-72.51-410.89q-2.1973 0-6.5918-8.789-10.986-15.381-63.721-39.551-50.537-26.367-118.65-87.891-96.68-81.299-151.61-131.84-52.734-50.537-96.68-109.86-134.03-184.57-149.41-446.04-21.973-252.69 204.35-503.17 228.52-250.49 617.43-235.11 145.02 8.789 340.58 70.312 63.721 26.367 129.64 52.734 68.115 24.17 134.03 50.537 35.156 17.578 61.523 35.156-10.986-46.143-10.986-92.285 0-171.39 120.85-292.24 123.05-120.85 294.43-123.05 171.39 0 292.24 123.05 120.85 120.85 120.85 290.04 0 35.156-8.789 92.285 30.762-19.775 59.326-32.959 101.07-43.945 265.87-103.27 188.96-63.721 340.58-72.51 388.92-17.578 615.23 235.11 221.92 250.49 206.54 503.17-17.578 261.47-151.61 446.04-43.945 59.326-98.877 112.06-54.932 50.537-147.22 129.64-72.51 61.523-123.05 87.891-50.537 24.17-59.326 39.551-2.1973 4.3945-4.3946 6.5918-2.1972 2.1973-2.1972 4.3945l-70.312 413.09 145.02 542.72q-109.86 98.877-492.19 162.6t-883.3 63.721q-509.77 0-896.48-68.115-386.72-65.918-485.6-166.99z"/>\n  <path d="m2048.5 2015.1q15.381-61.524 26.367-85.693 21.973-85.693 50.537-145.02 13.184-37.354 37.354-85.693 26.367-50.537 54.932-114.26 17.578-37.354 37.354-90.088 19.775-54.932 39.551-107.67 17.578-43.945 17.578-94.482 0-107.67-76.904-182.37-76.904-76.904-186.77-76.904-261.47 0-261.47 261.47 0 50.537 17.578 94.482 48.34 142.82 74.707 197.75 28.564 63.721 52.734 114.26 24.17 48.34 41.748 85.693 28.564 72.51 48.34 145.02 4.3945 13.184 26.367 83.496z" fill="#fff"/>\n  <path d="m2048.5 1639.3q-4.3945-21.973-10.986-37.354-13.184-43.945-21.973-63.721-6.5918-15.381-17.578-37.354-10.986-24.17-21.973-50.537-6.5918-15.381-17.578-39.551-8.7891-26.367-15.381-48.34-6.5918-19.775-6.5918-41.748 0-116.46 112.06-116.46 116.46 0 116.46 114.26 0 28.564-8.7891 41.748-30.762 83.496-32.959 90.088-32.959 65.918-41.748 85.693-15.381 35.156-19.775 63.721-6.5918 13.184-8.7891 24.17-2.1972 8.7891-4.3945 15.381z"/>\n  <path d="m1969.4 2566.6q0-87.891-4.3945-241.7-4.3945-156.01-32.959-259.28-90.088-294.43-272.46-474.61-94.482-92.285-290.04-171.39-224.12-87.891-424.07-87.891-347.17 0-514.16 248.29-94.482 131.84-94.482 329.59 0 215.33 105.47 353.76 54.932 79.102 210.94 195.56 156.01 116.46 263.67 215.33 191.16-41.748 430.66-72.51 241.7-30.762 621.83-35.156z" fill="#fff"/>\n  <path d="m1802.4 2397.4q-274.66 4.3945-503.17 28.564-226.32 24.17-351.56 68.115-65.918-81.299-153.81-162.6-85.693-83.496-151.61-156.01-109.86-112.06-109.86-246.09 0-164.79 54.932-241.7 59.326-87.891 182.37-129.64 123.05-43.945 248.29-43.945 158.2 0 303.22 70.312 142.82 74.707 188.96 118.65 149.41 151.61 232.91 329.59 28.564 65.918 41.748 184.57 15.381 116.46 17.578 180.18z"/>\n  <path d="m2125.4 872.49h-156.01v-287.84h-182.37q-74.707 0-74.707-72.51v-2.1973q0-72.51 74.707-72.51h182.37v-186.77q0-76.904 79.102-76.904 76.904 0 76.904 76.904v186.77h188.96q72.51 0 72.51 72.51v2.1973q0 72.51-72.51 72.51l-186.77 2.1973z"/>\n  <path d="m3191 3605.9-65.918-259.28q-428.47-98.877-1076.7-98.877-641.6 0-1072.3 98.877l-70.312 261.47q417.48-127.44 1144.8-127.44 349.37 0 648.19 35.156 298.83 35.156 492.19 90.088z" fill="#fff"/>\n  <path d="m3133.9 2948.9q-404.3-112.06-1076.7-112.06-676.76 0-1089.8 114.26l32.959 221.92q415.28-107.67 1056.9-107.67 639.4 0 1041.5 105.47z" fill="#fff"/>\n  <path d="m2127.6 2568.8q377.93 6.5918 619.63 37.354 241.7 30.762 435.06 72.51 120.85-118.65 268.07-226.32t206.54-184.57q105.47-142.82 105.47-355.96 0-195.56-94.482-327.39-169.19-248.29-516.36-248.29-202.15 0-421.88 87.891-199.95 79.102-290.04 171.39-186.77 180.18-272.46 474.61-32.959 101.07-37.354 257.08-2.1972 156.01-2.1972 241.7z" fill="#fff"/>\n  <path d="m2288 2397.4q0-63.721 13.184-180.18 15.381-118.65 46.143-184.57 81.299-177.98 232.91-329.59 43.945-43.945 188.96-118.65 142.82-70.312 305.42-70.312 123.05 0 243.9 43.945 123.05 41.748 184.57 129.64 54.932 74.707 54.932 241.7 0 131.84-107.67 246.09-70.312 72.51-151.61 147.22-81.299 72.51-156.01 171.39-127.44-43.945-355.96-68.115-226.32-24.17-498.78-28.564z"/>\n</svg>',
+  "black-queen": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2045.9 767.01q-125.24 0-213.13-87.891-85.693-87.891-85.693-213.13 0-123.05 85.693-210.94 87.891-87.891 213.13-87.891 123.05 0 210.94 87.891 90.088 87.891 90.088 210.94 0 125.24-90.088 213.13-87.891 87.891-210.94 87.891z"/>\n  <path d="m3399.4 3706.9q-107.67 94.482-483.4 158.2t-865.72 63.721q-498.78 0-876.71-65.918t-476.81-164.8l138.43-527.34-61.523-344.97-193.36-336.18-186.77-1366.7 107.67-41.748 602.05 1015.1 13.184-1208.5 149.41-26.367 459.23 1215.1 246.09-1307.4h151.61l246.09 1303 454.83-1210.7 151.61 26.367 13.184 1208.5 604.25-1017.3 103.27 48.34-182.37 1360.1-195.56 336.18-61.523 349.37z"/>\n  <path d="m1123 876.8q-125.24 0-213.13-85.693-87.891-87.891-87.891-213.13 0-123.05 87.891-210.94 87.891-87.891 213.13-87.891 123.05 0 210.94 87.891 87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-210.94 85.693z"/>\n  <path d="m2968.7 876.8q-125.24 0-213.13-85.693-85.693-87.891-85.693-213.13 0-123.05 85.693-210.94 87.891-87.891 213.13-87.891 125.24 0 213.13 87.891 87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-213.13 85.693z"/>\n  <path d="m314.38 1118.5q-125.24 0-213.13-85.693-85.693-87.891-85.693-213.13 0-123.05 85.693-210.94 87.891-90.088 213.13-90.088t213.13 90.088q87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-213.13 85.693z"/>\n  <path d="m3781.7 1118.5q-125.24 0-213.13-85.693-87.891-87.891-87.891-213.13 0-123.05 87.891-210.94 87.891-90.088 213.13-90.088 123.05 0 210.94 90.088 87.891 87.891 87.891 210.94 0 125.24-87.891 213.13-87.891 85.693-210.94 85.693z"/>\n  <path d="m3131.3 2979.6q-404.3-112.06-1076.7-112.06-676.76 0-1089.8 114.26l32.959 221.92q415.28-107.67 1056.9-107.67 639.4 0 1041.5 105.47z" fill="#fff"/>\n  <path d="m3188.4 3636.6-65.918-259.28q-428.47-98.877-1076.7-98.877-641.6 0-1072.3 98.877l-70.312 261.47q417.48-127.44 1144.8-127.44 349.37 0 648.19 35.156 298.83 35.156 492.19 90.088z" fill="#fff"/>\n  <path d="m3285.1 2586.3q-182.37-65.918-514.16-107.67-329.59-43.945-729.49-43.945-391.11 0-716.31 41.748-325.2 39.551-511.96 105.47l109.86 199.95q184.57-54.932 479-79.102t643.8-24.17 646 24.17 481.2 81.299z" fill="#fff"/>\n</svg>',
+  "black-rook": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2350.1 549.46h373.54v-301.03h602.05v823.97l-487.79 375.73v1050.3l373.54 373.54v450.44h336.18v525.15h-2999.3v-525.15h336.18v-450.44l375.73-373.54v-1050.3l-487.79-375.73v-823.97h599.85v301.03h375.73v-301.03h602.05z"/>\n  <path d="m2049 2836.8h-909.67l-101.07 94.482v127.44h2021.5v-127.44l-101.07-94.482z" fill="#fff"/>\n  <path d="m2049 2458.9h-637.21v101.07l-131.84 127.44h1538.1l-131.84-127.44v-101.07z" fill="#fff"/>\n  <path d="m2049 1259.2h-769.04l131.84 103.27v125.24h1274.4v-125.24l131.84-103.27z" fill="#fff"/>\n  <path d="m2049 887.86h-1125v101.07l160.4 120.85h1931.4l156.01-120.85v-101.07z" fill="#fff"/>\n  <path d="m1038.3 3287.3v224.12h2021.5v-224.12z" fill="#fff"/>\n</svg>',
+  "black-bishop": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2048 3456.3q-30.762 125.24-74.707 173.58t-116.46 101.07q-79.102 54.932-186.77 92.285-107.67 39.551-239.5 19.775l-617.43-85.693q-37.354-4.3945-68.115 0-28.564 4.3946-54.932 4.3946-46.143 0-118.65 19.775-70.312 21.973-109.86 61.523l-213.13-349.37q39.551-43.945 70.312-61.524t72.51-37.354q127.44-59.326 272.46-72.51 61.523-4.3945 120.85-2.1972 59.326 2.1972 123.05-4.3946 118.65 19.775 237.3 37.354 120.85 15.381 241.7 32.959 131.84 0 177.98-26.367 24.17-13.184 76.904-48.34t105.47-103.27q-116.46-13.184-237.3-43.945-120.85-32.959-213.13-68.115l228.52-566.89q-171.39-98.877-239.5-158.2-68.115-61.523-107.67-140.62-57.129-101.07-74.707-195.56-15.381-94.482-13.184-169.19 2.1973-131.84 61.523-290.04 61.524-160.4 228.52-285.64 138.43-105.47 270.26-217.53 131.84-112.06 261.47-261.47-162.6-83.496-162.6-265.87 0-123.05 85.693-210.94 87.891-87.891 213.13-87.891 123.05 0 210.94 87.891 87.891 87.891 87.891 210.94 0 180.18-162.6 265.87 127.44 149.41 257.08 261.47 131.84 112.06 274.66 217.53 164.79 125.24 224.12 285.64 59.326 158.2 63.721 290.04 0 74.707-15.381 169.19-15.381 94.482-70.312 195.56-43.945 79.102-112.06 140.62-65.918 59.326-235.11 158.2l228.52 566.89q-96.68 35.156-217.53 68.115-120.85 30.762-232.91 43.945 50.537 68.115 103.27 103.27 52.734 35.156 79.102 48.34 46.143 26.367 177.98 26.367 118.65-17.578 237.3-32.959 120.85-17.578 241.7-37.354 59.326 6.5918 118.65 4.3946 61.523-2.1973 125.24 2.1972 140.62 13.184 272.46 72.51 39.551 19.775 70.312 37.354 32.959 17.578 72.51 61.524l-215.33 349.37q-39.551-39.551-112.06-61.523-70.312-19.775-114.26-19.775-28.564 0-59.326-4.3946-28.564-4.3945-65.918 0l-615.23 85.693q-131.84 19.775-246.09-17.578-112.06-37.354-184.57-98.877-72.51-59.326-116.46-103.27-41.748-41.748-70.312-166.99z"/>\n  <path d="m1966.7 1821.5v186.77q0 81.299 81.299 81.299t81.299-81.299v-188.96h197.75q76.904 0 76.904-79.102t-76.904-79.102h-197.75v-197.75q0-81.299-81.299-81.299t-81.299 81.299v197.75h-193.36q-76.904 0-76.904 79.102t76.904 79.102z" fill="#fff"/>\n  <path d="m1918.4 3416.7q50.537-107.67 50.537-208.74h-70.312q-85.693 140.62-177.98 208.74z" fill="#fff"/>\n  <path d="m2371 3416.7q-87.891-65.918-175.78-208.74h-70.312q0 107.67 50.537 208.74z" fill="#fff"/>\n  <path d="m2447.9 2586.2-63.721-153.81v-59.326q-166.99-24.17-336.18-24.17-164.79 0-333.98 24.17l-2.1972 59.326-59.326 153.81q186.77-32.959 395.51-32.959 210.94 0 399.9 32.959z" fill="#fff"/>\n  <path d="m2632.5 3038.8-92.285-224.12q-224.12-48.34-492.19-48.34-265.87 0-487.79 48.34l-92.285 221.92q272.46-68.115 580.08-68.115 303.22 0 584.47 70.312z" fill="#fff"/>\n</svg>',
+  "black-knight": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2166.7 613.11q344.97 21.973 639.4 177.98 294.43 156.01 500.98 399.9 145.02 171.39 272.46 413.09 129.64 241.7 206.54 511.96 87.891 314.21 109.86 661.38 24.17 344.97 24.17 639.4v479t-342.77 0q-340.58 0-885.5 0h-1474.4q-19.775 0-19.775-107.67 2.1972-107.67 15.381-173.58 8.7891-52.734 41.748-149.41t109.86-235.11q35.156-70.312 166.99-204.35 131.84-136.23 303.22-314.21 98.877-101.07 153.81-254.88 57.129-153.81 48.34-279.05-81.299 65.918-177.98 107.67-465.82 166.99-674.56 483.4-15.381 19.775-98.877 177.98-43.945 83.496-74.707 114.26-41.748 41.748-120.85 46.143-123.05 6.5918-191.16-118.65-92.285 26.367-164.79 21.973-123.05-46.143-177.98-98.877-112.06-112.06-147.22-224.12-32.959-112.06-32.959-241.7 0-184.57 228.52-487.79 268.07-349.37 285.64-531.74 0-79.102 15.381-177.98 13.184-68.115 54.932-131.84 28.564-43.945 37.354-59.326 10.986-17.578 37.354-50.537 19.775-26.367 32.959-39.551 13.184-15.381 32.959-39.551 24.17-28.564 61.523-65.918-116.46-320.8-94.482-661.38 437.26 156.01 733.89 489.99 72.51-248.29 285.64-402.1 175.78 123.05 279.05 325.2z"/>\n  <path d="m1237.2 1355.8q48.34-24.17 48.34-24.17 65.918-26.367 41.748-96.68-26.367-65.918-101.07-43.945-259.28 94.482-358.15 347.17-15.381 72.51 52.734 98.877 68.115 21.973 92.285-48.34 17.578-37.354 26.367-48.34 24.17 19.775 63.721 26.367 134.03 21.973 156.01-118.65 6.5918-48.34-21.973-92.285z" fill="#fff"/>\n  <path d="m683.47 2450q63.721-43.945 13.184-105.47-52.734-50.537-116.46-8.789-134.03 87.891-142.82 230.71 2.1973 72.51 85.693 68.115 79.102-6.5918 76.904-81.299 17.578-70.312 83.496-103.27z" fill="#fff"/>\n  <path d="m3654.2 3739.8q-2.1972 0 4.3946-120.85 6.5918-118.65 6.5918-257.08 2.1972-274.66 0-566.89-2.1973-294.43-79.102-586.67-74.707-281.25-164.79-479-90.088-199.95-195.56-344.97-158.2-237.3-430.66-402.1-272.46-164.79-569.09-215.33 8.789 50.537 4.3945 103.27-2.1973 52.734 2.1973 101.07 213.13 72.51 402.1 180.18 188.96 107.67 276.86 232.91 105.47 145.02 195.56 344.97 90.088 197.75 164.79 479 74.707 292.24 76.904 586.67 2.1973 292.24 2.1973 566.89 0 138.43-6.5918 257.08-6.5918 120.85 0 120.85z" fill="#fff"/>\n  <path d="m1595.4 953.71q-10.986-79.102 4.3946-171.39-131.84 26.367-248.29 123.05-70.312 37.353-32.959 103.27 37.354 68.115 103.27 21.973 46.142-24.17 83.496-43.945 39.551-21.973 90.088-32.959z" fill="#fff"/>\n  <path d="m2168.9 2026q153.81-202.15 151.61-450.44-8.7891-72.51-83.496-72.51-101.07 0-79.102 74.707 6.5918 120.85-24.17 199.95-50.537 125.24-112.06 186.77-32.959 65.918 39.551 96.68 70.312 32.959 107.67-35.156z" fill="#fff"/>\n  <path d="m872.46 2841.2q8.789-19.775 28.564-59.326 37.354-92.285 37.354-109.86-4.3945-61.523-63.721-61.523-43.945 0-103.27 125.24-8.7891 17.578-26.367 30.762-59.326 61.524 17.578 103.27 70.312 41.748 109.86-28.564z" fill="#fff"/>\n</svg>',
+  "black-pawn": '<svg version="1.1" viewBox="0 0 4096 4096" xmlns="http://www.w3.org/2000/svg">\n  <path d="m2049.1 3846.5h-1186.5q-87.891-219.73-87.891-459.23 0-406.49 230.71-729.49 230.71-323 593.26-461.43-156.01-72.51-254.88-217.53-96.68-147.22-96.68-331.79 0-230.71 153.81-399.9 153.81-169.19 377.93-195.56-177.98-134.03-177.98-353.76 0-184.57 129.64-316.41 131.84-131.84 318.6-131.84 184.57 0 316.41 131.84 131.84 131.84 131.84 316.41 0 219.73-177.98 353.76 224.12 26.367 377.93 195.56 153.81 169.19 153.81 399.9 0 184.57-101.07 331.79-98.877 145.02-252.69 217.53 362.55 138.43 593.26 461.43 230.71 323 230.71 729.49 0 237.3-85.693 459.23z" dominant-baseline="central" aria-label="\u265F"/>\n</svg>'
+};
+
+// src/assets.ts
+var defaultPieceTheme = (piece) => {
+  return PIECE_SVGS[`${piece.color}-${piece.type}`] ?? "";
+};
+var defaultBoardTheme = {
+  lightSquare: "#f0d9b5",
+  darkSquare: "#b58863"
+};
+
+// src/styles.ts
+function injectStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("cb-styles")) return;
+  const el = document.createElement("style");
+  el.id = "cb-styles";
+  el.textContent = STYLES;
+  document.head.appendChild(el);
+}
+var STYLES = (
+  /* css */
+  `
+.cb-board {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  grid-template-rows: repeat(8, 1fr);
+  aspect-ratio: 1 / 1;
+  width: 100%;
+  contain: layout style paint;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: none;
+  -webkit-touch-callout: none;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+/* Squares */
+.cb-square {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+.cb-square.cb-light { background: var(--cb-light-sq); }
+.cb-square.cb-dark  { background: var(--cb-dark-sq); }
+
+/* Highlight: last move */
+.cb-square.cb-hl-lastmove.cb-light { background: var(--cb-hl-lm-light, #cdd16a); }
+.cb-square.cb-hl-lastmove.cb-dark  { background: var(--cb-hl-lm-dark, #aaaa23); }
+
+/* Highlight: selected */
+.cb-square.cb-hl-selected.cb-light { background: var(--cb-hl-sel-light, #7fc97f); }
+.cb-square.cb-hl-selected.cb-dark  { background: var(--cb-hl-sel-dark, #5aad5a); }
+
+/* Highlight: check */
+.cb-square.cb-hl-check {
+  background: radial-gradient(
+    ellipse at center,
+    rgba(255,0,0,0.6) 0%,
+    rgba(255,0,0,0.3) 40%,
+    rgba(255,0,0,0) 70%
+  ) !important;
+}
+
+/* Legal move indicators: dot on empty squares */
+.cb-square.cb-legal::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 28%;
+  height: 28%;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.14);
+  pointer-events: none;
+  z-index: 1;
+}
+
+/* Legal move indicators: ring on capture squares */
+.cb-square.cb-legal.cb-has-piece::after {
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  background: radial-gradient(transparent 48%, rgba(0,0,0,0.12) 52%);
+}
+
+/* Pieces \u2014 smaller than cell so they don't touch edges (padding via size) */
+.cb-piece {
+  position: absolute;
+  width: 12.5%;
+  height: 12.5%;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  pointer-events: none;
+  will-change: transform;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.cb-piece.cb-animating {
+  transition: transform var(--cb-anim-duration, 150ms) ease-out;
+}
+.cb-piece.cb-dragging {
+  z-index: 10;
+  cursor: grabbing;
+  transition: none !important;
+}
+.cb-piece img,
+.cb-piece svg {
+  width: var(--cb-piece-size, 85%);
+  height: var(--cb-piece-size, 85%);
+  object-fit: contain;
+  display: block;
+  pointer-events: none;
+}
+
+/* Coordinates */
+.cb-coord {
+  position: absolute;
+  font-size: 0.7em;
+  font-family: system-ui, sans-serif;
+  font-weight: 700;
+  pointer-events: none;
+  z-index: 1;
+  line-height: 1;
+}
+.cb-coord-file { right: 2px; bottom: 1px; }
+.cb-coord-rank { left: 2px;  top: 1px; }
+.cb-coord.cb-on-light { color: var(--cb-dark-sq); }
+.cb-coord.cb-on-dark  { color: var(--cb-light-sq); }
+
+/* SVG overlay for arrows */
+.cb-svg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 3;
+  pointer-events: none;
+  overflow: visible;
+}
+`
+);
+
+// src/dom.ts
+function createBoardDOM(orientation, theme, showCoords) {
+  const boardEl = document.createElement("div");
+  boardEl.className = "cb-board";
+  boardEl.style.setProperty("--cb-light-sq", theme.lightSquare);
+  boardEl.style.setProperty("--cb-dark-sq", theme.darkSquare);
+  const squareEls = /* @__PURE__ */ new Map();
+  for (let row = 0; row < 8; row++) {
+    for (let col = 0; col < 8; col++) {
+      const sq = coordsToSquare(col, row, orientation);
+      const light = isLightSquare(sq);
+      const div = document.createElement("div");
+      div.className = `cb-square ${light ? "cb-light" : "cb-dark"}`;
+      div.setAttribute("data-square", sq);
+      if (showCoords) {
+        appendCoords(div, sq, row, col, light);
+      }
+      boardEl.appendChild(div);
+      squareEls.set(sq, div);
+    }
+  }
+  const svgEl = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svgEl.setAttribute("class", "cb-svg");
+  svgEl.setAttribute("viewBox", "0 0 100 100");
+  boardEl.appendChild(svgEl);
+  return { boardEl, squareEls, svgEl };
+}
+function rebuildSquares(boardEl, squareEls, orientation, theme, showCoords) {
+  for (const el of squareEls.values()) {
+    el.remove();
+  }
+  squareEls.clear();
+  boardEl.style.setProperty("--cb-light-sq", theme.lightSquare);
+  boardEl.style.setProperty("--cb-dark-sq", theme.darkSquare);
+  const svgEl = boardEl.querySelector(".cb-svg");
+  for (let row = 0; row < 8; row++) {
+    for (let col = 0; col < 8; col++) {
+      const sq = coordsToSquare(col, row, orientation);
+      const light = isLightSquare(sq);
+      const div = document.createElement("div");
+      div.className = `cb-square ${light ? "cb-light" : "cb-dark"}`;
+      div.setAttribute("data-square", sq);
+      if (showCoords) {
+        appendCoords(div, sq, row, col, light);
+      }
+      if (svgEl) {
+        boardEl.insertBefore(div, svgEl);
+      } else {
+        boardEl.appendChild(div);
+      }
+      squareEls.set(sq, div);
+    }
+  }
+}
+function createPieceEl(sq, piece, orientation, pieceTheme) {
+  const [col, row] = squareToCoords(sq, orientation);
+  const el = document.createElement("div");
+  el.className = "cb-piece";
+  el.setAttribute("data-square", sq);
+  el.setAttribute("aria-label", `${piece.color} ${piece.type}`);
+  el.style.transform = `translate(${col * 100}%, ${row * 100}%)`;
+  const content = pieceTheme(piece);
+  if (content.trimStart().startsWith("<")) {
+    el.innerHTML = content;
+  } else {
+    const img = document.createElement("img");
+    img.src = content;
+    img.alt = `${piece.color} ${piece.type}`;
+    img.draggable = false;
+    el.appendChild(img);
+  }
+  return el;
+}
+function appendCoords(div, sq, row, col, light) {
+  const colorCls = light ? "cb-on-light" : "cb-on-dark";
+  if (row === 7) {
+    const span = document.createElement("span");
+    span.className = `cb-coord cb-coord-file ${colorCls}`;
+    span.textContent = sq.charAt(0);
+    div.appendChild(span);
+  }
+  if (col === 0) {
+    const span = document.createElement("span");
+    span.className = `cb-coord cb-coord-rank ${colorCls}`;
+    span.textContent = sq.charAt(1);
+    div.appendChild(span);
+  }
+}
+
+// src/diff.ts
+function samePiece(a, b) {
+  return a.color === b.color && a.type === b.type;
+}
+function diffPieces(oldPieces, newPieces) {
+  const disappeared = [];
+  const appeared = [];
+  for (const [sq, piece] of oldPieces) {
+    const np = newPieces.get(sq);
+    if (!np || !samePiece(piece, np)) {
+      disappeared.push({ square: sq, piece });
+    }
+  }
+  for (const [sq, piece] of newPieces) {
+    const op = oldPieces.get(sq);
+    if (!op || !samePiece(op, piece)) {
+      appeared.push({ square: sq, piece });
+    }
+  }
+  const moved = [];
+  const usedD = /* @__PURE__ */ new Set();
+  const usedA = /* @__PURE__ */ new Set();
+  for (let a = 0; a < appeared.length; a++) {
+    if (usedA.has(a)) continue;
+    const ap = appeared[a];
+    for (let d = 0; d < disappeared.length; d++) {
+      if (usedD.has(d)) continue;
+      const dp = disappeared[d];
+      if (samePiece(dp.piece, ap.piece)) {
+        moved.push({ from: dp.square, to: ap.square, piece: ap.piece });
+        usedD.add(d);
+        usedA.add(a);
+        break;
+      }
+    }
+  }
+  const removed = disappeared.filter((_, i) => !usedD.has(i)).map((d) => d.square);
+  const added = appeared.filter((_, i) => !usedA.has(i));
+  return { moved, added, removed };
+}
+
+// src/arrows.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var DEFAULT_COLOR = "rgba(0, 180, 50, 0.8)";
+function squareCenter(sq, orientation) {
+  const [col, row] = squareToCoords(sq, orientation);
+  return [(col + 0.5) * 12.5, (row + 0.5) * 12.5];
+}
+function createArrowEl(arrow, orientation) {
+  const color = arrow.color ?? DEFAULT_COLOR;
+  const [x1, y1] = squareCenter(arrow.from, orientation);
+  const [x2, y2] = squareCenter(arrow.to, orientation);
+  const dx = x2 - x1;
+  const dy = y2 - y1;
+  const len = Math.sqrt(dx * dx + dy * dy);
+  const nx = dx / len;
+  const ny = dy / len;
+  const headLen = 3.5;
+  const headW = 2.8;
+  const endX = x2 - nx * headLen;
+  const endY = y2 - ny * headLen;
+  const g = document.createElementNS(SVG_NS, "g");
+  g.setAttribute("data-arrow", `${arrow.from}-${arrow.to}`);
+  const line = document.createElementNS(SVG_NS, "line");
+  line.setAttribute("x1", String(x1));
+  line.setAttribute("y1", String(y1));
+  line.setAttribute("x2", String(endX));
+  line.setAttribute("y2", String(endY));
+  line.setAttribute("stroke", color);
+  line.setAttribute("stroke-width", "2.4");
+  line.setAttribute("stroke-linecap", "round");
+  line.setAttribute("opacity", "0.85");
+  const head = document.createElementNS(SVG_NS, "polygon");
+  head.setAttribute(
+    "points",
+    `${x2},${y2} ${endX - ny * headW},${endY + nx * headW} ${endX + ny * headW},${endY - nx * headW}`
+  );
+  head.setAttribute("fill", color);
+  head.setAttribute("opacity", "0.85");
+  g.appendChild(line);
+  g.appendChild(head);
+  return g;
+}
+function renderArrows(svgEl, arrows, orientation) {
+  svgEl.replaceChildren();
+  for (const arrow of arrows) {
+    svgEl.appendChild(createArrowEl(arrow, orientation));
+  }
+}
+
+// src/board.ts
+var ChessBoard = class {
+  // ────────────────────────────────────────────────────────────────────
+  // Constructor
+  // ────────────────────────────────────────────────────────────────────
+  constructor(container, options) {
+    this.pieceEls = /* @__PURE__ */ new Map();
+    this.selected = null;
+    this.lastMoveSquares = null;
+    this.checkSq = null;
+    this.legalSqs = /* @__PURE__ */ new Set();
+    this.arrowList = [];
+    // ── Interaction ──────────────────────────────────────────────────────
+    this.dragState = null;
+    this.arrowDragOrigin = null;
+    this.pendingClick = null;
+    this.destroyed = false;
+    // ────────────────────────────────────────────────────────────────────
+    // Event handlers (arrow-function fields for stable `this`)
+    // ────────────────────────────────────────────────────────────────────
+    this.handlePointerDown = (e) => {
+      if (this.destroyed) return;
+      if (e.button === 2) {
+        e.preventDefault();
+        const sq2 = this.squareFromPointer(e);
+        if (sq2) {
+          this.arrowDragOrigin = sq2;
+          this.boardEl.setPointerCapture(e.pointerId);
+        }
+        return;
+      }
+      if (e.button !== 0 || this.viewOnly) return;
+      const sq = this.squareFromPointer(e);
+      if (!sq) return;
+      if (this.arrowList.length > 0) {
+        this.clearArrows();
+      }
+      if (this.selected && sq !== this.selected && this.legalSqs.has(sq)) {
+        const result = this.onMoveCallback?.(this.selected, sq);
+        if (result === false) {
+          this.doDeselect();
+        } else {
+          this.applyMove(this.selected, sq);
+          this.doDeselect();
+        }
+        return;
+      }
+      if (this.pieces.has(sq)) {
+        if (this.draggable) {
+          this.startDrag(sq, e);
+        } else {
+          this.pendingClick = { sq, x: e.clientX, y: e.clientY };
+          this.boardEl.setPointerCapture(e.pointerId);
+        }
+      }
+    };
+    this.handlePointerMove = (e) => {
+      if (this.destroyed) return;
+      if (this.arrowDragOrigin) return;
+      if (this.dragState) {
+        this.updateDrag(e);
+      }
+    };
+    this.handlePointerUp = (e) => {
+      if (this.destroyed) return;
+      if (e.button === 2 && this.arrowDragOrigin) {
+        const sq = this.squareFromPointer(e);
+        if (sq && sq !== this.arrowDragOrigin) {
+          this.addArrow(this.arrowDragOrigin, sq);
+          this.onArrowCallback?.(this.arrowDragOrigin, sq);
+        }
+        try {
+          this.boardEl.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+        this.arrowDragOrigin = null;
+        return;
+      }
+      if (this.dragState) {
+        this.endDrag(e);
+        return;
+      }
+      if (this.pendingClick) {
+        const clickedSq = this.pendingClick.sq;
+        if (this.selected && clickedSq !== this.selected) {
+          const result = this.onMoveCallback?.(this.selected, clickedSq);
+          if (result === false) {
+            if (this.pieces.has(clickedSq) && this.clickable && !this.legalSqs.has(clickedSq)) {
+              this.doSelect(clickedSq);
+            } else {
+              this.doDeselect();
+            }
+          } else {
+            this.applyMove(this.selected, clickedSq);
+            this.doDeselect();
+          }
+        } else if (this.clickable) {
+          if (clickedSq === this.selected) {
+            this.doDeselect();
+          } else {
+            this.doSelect(clickedSq);
+          }
+        }
+        try {
+          this.boardEl.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+        this.pendingClick = null;
+        return;
+      }
+    };
+    this.handlePointerCancel = (e) => {
+      if (this.destroyed) return;
+      if (this.dragState) {
+        const { pieceEl, originSq, pointerId } = this.dragState;
+        pieceEl.classList.remove("cb-dragging");
+        try {
+          this.boardEl.releasePointerCapture(pointerId);
+        } catch {
+        }
+        this.translatePiece(pieceEl, originSq, true);
+        this.dragState = null;
+        return;
+      }
+      if (this.pendingClick) {
+        try {
+          this.boardEl.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+        this.pendingClick = null;
+        return;
+      }
+      if (this.arrowDragOrigin) {
+        try {
+          this.boardEl.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+        this.arrowDragOrigin = null;
+      }
+    };
+    this.handleContextMenu = (e) => {
+      e.preventDefault();
+    };
+    injectStyles();
+    this.orientation = options?.orientation ?? "white";
+    this.pieceTheme = options?.pieceTheme ?? defaultPieceTheme;
+    this.boardTheme = options?.boardTheme ?? defaultBoardTheme;
+    this.animDuration = options?.animationDuration ?? 150;
+    this.draggable = options?.draggable ?? true;
+    this.clickable = options?.clickable ?? true;
+    this.viewOnly = options?.viewOnly ?? false;
+    this.showCoords = options?.coordinates ?? true;
+    this.onMoveCallback = options?.onMove ?? null;
+    this.onSelectCallback = options?.onSelect ?? null;
+    this.onArrowCallback = options?.onArrowDrawn ?? null;
+    const { boardEl, squareEls, svgEl } = createBoardDOM(
+      this.orientation,
+      this.boardTheme,
+      this.showCoords
+    );
+    this.boardEl = boardEl;
+    this.squareEls = squareEls;
+    this.svgEl = svgEl;
+    this.boardEl.style.setProperty(
+      "--cb-anim-duration",
+      `${this.animDuration}ms`
+    );
+    container.appendChild(this.boardEl);
+    const fen = options?.position ?? STARTING_FEN;
+    this.pieces = parseFen(fen);
+    this.renderAllPieces();
+    this.boardEl.addEventListener("pointerdown", this.handlePointerDown);
+    this.boardEl.addEventListener("pointermove", this.handlePointerMove);
+    this.boardEl.addEventListener("pointerup", this.handlePointerUp);
+    this.boardEl.addEventListener("pointercancel", this.handlePointerCancel);
+    this.boardEl.addEventListener("contextmenu", this.handleContextMenu);
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Public API — position
+  // ────────────────────────────────────────────────────────────────────
+  setPosition(fen) {
+    const newPieces = parseFen(fen);
+    this.syncPieces(newPieces, true);
+  }
+  getPosition() {
+    return positionToFen(this.pieces);
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Public API — orientation
+  // ────────────────────────────────────────────────────────────────────
+  setOrientation(orientation) {
+    if (orientation === this.orientation) return;
+    this.orientation = orientation;
+    rebuildSquares(
+      this.boardEl,
+      this.squareEls,
+      orientation,
+      this.boardTheme,
+      this.showCoords
+    );
+    this.repositionAllPieces();
+    this.refreshHighlights();
+    this.renderArrowsInternal();
+  }
+  getOrientation() {
+    return this.orientation;
+  }
+  flip() {
+    this.setOrientation(
+      this.orientation === "white" ? "black" : "white"
+    );
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Public API — selection & highlights
+  // ────────────────────────────────────────────────────────────────────
+  select(sq) {
+    if (sq) {
+      this.doSelect(sq);
+    } else {
+      this.doDeselect();
+    }
+  }
+  setLastMove(from, to) {
+    this.clearHighlightType("cb-hl-lastmove");
+    this.lastMoveSquares = [from, to];
+    this.squareEls.get(from)?.classList.add("cb-hl-lastmove");
+    this.squareEls.get(to)?.classList.add("cb-hl-lastmove");
+  }
+  clearLastMove() {
+    this.clearHighlightType("cb-hl-lastmove");
+    this.lastMoveSquares = null;
+  }
+  setCheck(sq) {
+    this.clearHighlightType("cb-hl-check");
+    this.checkSq = sq;
+    if (sq) {
+      this.squareEls.get(sq)?.classList.add("cb-hl-check");
+    }
+  }
+  setLegalMoves(squares) {
+    this.clearHighlightType("cb-legal");
+    this.legalSqs = new Set(squares);
+    for (const sq of squares) {
+      this.squareEls.get(sq)?.classList.add("cb-legal");
+    }
+  }
+  clearLegalMoves() {
+    this.clearHighlightType("cb-legal");
+    this.legalSqs.clear();
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Public API — arrows
+  // ────────────────────────────────────────────────────────────────────
+  setArrows(arrows) {
+    this.arrowList = [...arrows];
+    this.renderArrowsInternal();
+  }
+  addArrow(from, to, color) {
+    const exists = this.arrowList.some(
+      (a) => a.from === from && a.to === to
+    );
+    if (exists) return;
+    this.arrowList.push({ from, to, color });
+    this.renderArrowsInternal();
+  }
+  removeArrow(from, to) {
+    this.arrowList = this.arrowList.filter(
+      (a) => !(a.from === from && a.to === to)
+    );
+    this.renderArrowsInternal();
+  }
+  clearArrows() {
+    this.arrowList = [];
+    this.renderArrowsInternal();
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Public API — lifecycle
+  // ────────────────────────────────────────────────────────────────────
+  destroy() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    this.boardEl.removeEventListener(
+      "pointerdown",
+      this.handlePointerDown
+    );
+    this.boardEl.removeEventListener(
+      "pointermove",
+      this.handlePointerMove
+    );
+    this.boardEl.removeEventListener("pointerup", this.handlePointerUp);
+    this.boardEl.removeEventListener(
+      "pointercancel",
+      this.handlePointerCancel
+    );
+    this.boardEl.removeEventListener(
+      "contextmenu",
+      this.handleContextMenu
+    );
+    this.boardEl.remove();
+    this.pieceEls.clear();
+    this.squareEls.clear();
+    this.pieces.clear();
+    this.arrowList.length = 0;
+    this.legalSqs.clear();
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Rendering internals
+  // ────────────────────────────────────────────────────────────────────
+  renderAllPieces() {
+    for (const el of this.pieceEls.values()) el.remove();
+    this.pieceEls.clear();
+    for (const [sq, piece] of this.pieces) {
+      const el = createPieceEl(
+        sq,
+        piece,
+        this.orientation,
+        this.pieceTheme
+      );
+      this.boardEl.insertBefore(el, this.svgEl);
+      this.pieceEls.set(sq, el);
+    }
+    this.updateOccupied();
+  }
+  syncPieces(newPieces, animate) {
+    const diff = diffPieces(this.pieces, newPieces);
+    for (const sq of diff.removed) {
+      const el = this.pieceEls.get(sq);
+      if (el) {
+        el.remove();
+        this.pieceEls.delete(sq);
+      }
+    }
+    for (const { from, to } of diff.moved) {
+      const el = this.pieceEls.get(from);
+      if (!el) continue;
+      this.pieceEls.delete(from);
+      this.pieceEls.set(to, el);
+      el.setAttribute("data-square", to);
+      this.translatePiece(el, to, animate);
+    }
+    for (const { square, piece } of diff.added) {
+      const el = createPieceEl(
+        square,
+        piece,
+        this.orientation,
+        this.pieceTheme
+      );
+      this.boardEl.insertBefore(el, this.svgEl);
+      this.pieceEls.set(square, el);
+    }
+    this.pieces = newPieces;
+    this.updateOccupied();
+  }
+  repositionAllPieces() {
+    for (const [sq, el] of this.pieceEls) {
+      const [col, row] = squareToCoords(sq, this.orientation);
+      el.style.transform = `translate(${col * 100}%, ${row * 100}%)`;
+    }
+  }
+  translatePiece(el, sq, animate) {
+    const [col, row] = squareToCoords(sq, this.orientation);
+    if (animate && this.animDuration > 0) {
+      el.classList.add("cb-animating");
+      el.style.transform = `translate(${col * 100}%, ${row * 100}%)`;
+      el.addEventListener(
+        "transitionend",
+        () => el.classList.remove("cb-animating"),
+        { once: true }
+      );
+    } else {
+      el.style.transform = `translate(${col * 100}%, ${row * 100}%)`;
+    }
+  }
+  updateOccupied() {
+    for (const [sq, el] of this.squareEls) {
+      el.classList.toggle("cb-has-piece", this.pieces.has(sq));
+    }
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Highlight internals
+  // ────────────────────────────────────────────────────────────────────
+  refreshHighlights() {
+    this.clearHighlightType("cb-hl-lastmove");
+    this.clearHighlightType("cb-hl-selected");
+    this.clearHighlightType("cb-hl-check");
+    this.clearHighlightType("cb-legal");
+    if (this.lastMoveSquares) {
+      this.squareEls.get(this.lastMoveSquares[0])?.classList.add("cb-hl-lastmove");
+      this.squareEls.get(this.lastMoveSquares[1])?.classList.add("cb-hl-lastmove");
+    }
+    if (this.selected) {
+      this.squareEls.get(this.selected)?.classList.add("cb-hl-selected");
+    }
+    if (this.checkSq) {
+      this.squareEls.get(this.checkSq)?.classList.add("cb-hl-check");
+    }
+    for (const sq of this.legalSqs) {
+      this.squareEls.get(sq)?.classList.add("cb-legal");
+    }
+    this.updateOccupied();
+  }
+  clearHighlightType(cls) {
+    for (const el of this.squareEls.values()) {
+      el.classList.remove(cls);
+    }
+  }
+  renderArrowsInternal() {
+    renderArrows(this.svgEl, this.arrowList, this.orientation);
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Selection internals
+  // ────────────────────────────────────────────────────────────────────
+  doSelect(sq) {
+    if (this.selected) {
+      this.squareEls.get(this.selected)?.classList.remove("cb-hl-selected");
+    }
+    this.selected = sq;
+    this.squareEls.get(sq)?.classList.add("cb-hl-selected");
+    this.onSelectCallback?.(sq);
+  }
+  doDeselect() {
+    if (this.selected) {
+      this.squareEls.get(this.selected)?.classList.remove("cb-hl-selected");
+    }
+    this.selected = null;
+    this.clearLegalMoves();
+    this.onSelectCallback?.(null);
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Move internals (after accepted drag or click-to-move)
+  // ────────────────────────────────────────────────────────────────────
+  applyMove(from, to) {
+    const piece = this.pieces.get(from);
+    if (!piece) return;
+    const capturedEl = this.pieceEls.get(to);
+    if (capturedEl) {
+      capturedEl.remove();
+      this.pieceEls.delete(to);
+    }
+    this.pieces.delete(from);
+    this.pieces.set(to, piece);
+    const el = this.pieceEls.get(from);
+    if (el) {
+      this.pieceEls.delete(from);
+      this.pieceEls.set(to, el);
+      el.setAttribute("data-square", to);
+      const [col, row] = squareToCoords(to, this.orientation);
+      el.style.transform = `translate(${col * 100}%, ${row * 100}%)`;
+    }
+    this.setLastMove(from, to);
+    this.updateOccupied();
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Coordinate helpers
+  // ────────────────────────────────────────────────────────────────────
+  squareFromPointer(e) {
+    const rect = this.boardEl.getBoundingClientRect();
+    const size = rect.width / 8;
+    const col = Math.max(
+      0,
+      Math.min(7, Math.floor((e.clientX - rect.left) / size))
+    );
+    const row = Math.max(
+      0,
+      Math.min(7, Math.floor((e.clientY - rect.top) / size))
+    );
+    return coordsToSquare(col, row, this.orientation);
+  }
+  // ────────────────────────────────────────────────────────────────────
+  // Drag internals
+  // ────────────────────────────────────────────────────────────────────
+  startDrag(sq, e) {
+    const el = this.pieceEls.get(sq);
+    if (!el) return;
+    this.boardEl.setPointerCapture(e.pointerId);
+    if (this.clickable) {
+      this.doSelect(sq);
+    }
+    const rect = this.boardEl.getBoundingClientRect();
+    el.classList.add("cb-dragging");
+    el.classList.remove("cb-animating");
+    this.dragState = {
+      pieceEl: el,
+      originSq: sq,
+      pointerId: e.pointerId,
+      boardRect: rect
+    };
+    this.updateDrag(e);
+  }
+  updateDrag(e) {
+    if (!this.dragState) return;
+    const { pieceEl, boardRect } = this.dragState;
+    const pieceSize = boardRect.width / 8;
+    const relX = e.clientX - boardRect.left;
+    const relY = e.clientY - boardRect.top;
+    const tx = (relX - pieceSize / 2) / pieceSize * 100;
+    const ty = (relY - pieceSize / 2) / pieceSize * 100;
+    pieceEl.style.transform = `translate(${tx}%, ${ty}%)`;
+  }
+  endDrag(e) {
+    if (!this.dragState) return;
+    const { pieceEl, originSq, pointerId } = this.dragState;
+    pieceEl.classList.remove("cb-dragging");
+    try {
+      this.boardEl.releasePointerCapture(pointerId);
+    } catch {
+    }
+    const sq = this.squareFromPointer(e);
+    if (sq && sq !== originSq) {
+      const result = this.onMoveCallback?.(originSq, sq);
+      if (result === false) {
+        this.translatePiece(pieceEl, originSq, true);
+        if (this.clickable) this.doSelect(originSq);
+      } else {
+        this.applyMove(originSq, sq);
+        this.doDeselect();
+      }
+    } else {
+      this.translatePiece(pieceEl, originSq, true);
+      if (this.clickable) this.doSelect(originSq);
+    }
+    this.dragState = null;
+  }
+};
+
+export { ChessBoard, STARTING_FEN, defaultBoardTheme, defaultPieceTheme, parseFen, positionToFen };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map