gigaboard 1.3.3 → 1.4.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkENYRJ4Q2_cjs = require('./chunk-ENYRJ4Q2.cjs');
+var chunkK7D2C72S_cjs = require('./chunk-K7D2C72S.cjs');
 var chunkD45G3J5E_cjs = require('./chunk-D45G3J5E.cjs');
 require('./chunk-G6ZFOJZR.cjs');
 require('./chunk-AYVQCHSG.cjs');
@@ -143,6 +143,7 @@ function redraw(canvas, arrows, preview, orientation, palette) {
   ctx.clearRect(0, 0, cssWidth, cssHeight);
   const sqSize = cssWidth / 8;
   for (const arrow of arrows) {
+    if (arrow.label?.background !== void 0) continue;
     drawArrow(ctx, arrow.from, arrow.to, resolveColor(arrow, palette), sqSize, orientation, false);
   }
   if (preview !== null) {
@@ -156,6 +157,243 @@ function anchorPct(from, to, orientation, center) {
   if (center === "dest") return b;
   return { cx: (a.cx + b.cx) / 2, cy: (a.cy + b.cy) / 2 };
 }
+function computeDynamicAeroGeometry(text, style, fontSize, isTerminal = true) {
+  const resolvedStyle = style ?? "aero_chisel";
+  const hasText = Boolean(text && text.trim().length > 0);
+  if (!hasText) {
+    const tipX = 2.8;
+    const shoulderX = 0.2;
+    const rearX = -1.2;
+    const dockX2 = -1.8;
+    const halfH2 = 2.2;
+    const path2 = `M ${rearX},${-halfH2} L ${shoulderX},${-halfH2} L ${tipX},0 L ${shoulderX},${halfH2} L ${rearX},${halfH2} C ${dockX2},${halfH2} ${dockX2},${-halfH2} ${rearX},${-halfH2} Z`;
+    return {
+      path: path2,
+      tipLen: tipX,
+      dockLen: -dockX2,
+      frontLen: tipX,
+      cabinW: 0
+    };
+  }
+  const charWidth = fontSize * 0.6;
+  const textWidth = text.length * charWidth;
+  const halfTextW = textWidth / 2;
+  const padX = 0.75;
+  const cabinW = Math.max(3.2, halfTextW + padX);
+  const halfH = Math.max(2.3, fontSize * 0.9);
+  const rearInset = 0.65;
+  const dockX = -cabinW - rearInset;
+  let frontLen = 0;
+  let path = "";
+  if (resolvedStyle === "aero_chisel") {
+    if (isTerminal) {
+      const noseLead = 1.25;
+      const tipX = cabinW + noseLead;
+      frontLen = tipX;
+      path = `M ${-cabinW},${-halfH} L ${cabinW},${-halfH} L ${tipX},0 L ${cabinW},${halfH} L ${-cabinW},${halfH} C ${dockX},${halfH} ${dockX},${-halfH} ${-cabinW},${-halfH} Z`;
+    } else {
+      frontLen = cabinW + rearInset;
+      path = `M ${-cabinW},${-halfH} L ${cabinW},${-halfH} C ${frontLen},${-halfH} ${frontLen},${halfH} ${cabinW},${halfH} L ${-cabinW},${halfH} C ${dockX},${halfH} ${dockX},${-halfH} ${-cabinW},${-halfH} Z`;
+    }
+  } else if (resolvedStyle === "chamfer_arrow") {
+    if (isTerminal) {
+      const tipX = cabinW + 1.4;
+      frontLen = tipX;
+      path = `M ${-cabinW},-1.2 L ${-cabinW + 1.2},${-halfH} L ${cabinW},${-halfH} L ${tipX},0 L ${cabinW},${halfH} L ${-cabinW + 1.2},${halfH} L ${-cabinW},1.2 Z`;
+    } else {
+      frontLen = cabinW + 0.8;
+      path = `M ${-cabinW},-1.2 L ${-cabinW + 1.2},${-halfH} L ${cabinW - 1.2},${-halfH} L ${cabinW},-1.2 L ${cabinW},1.2 L ${cabinW - 1.2},${halfH} L ${-cabinW + 1.2},${halfH} L ${-cabinW},1.2 Z`;
+    }
+  } else if (resolvedStyle === "blunt_wedge") {
+    if (isTerminal) {
+      const tipX = cabinW + 1.1;
+      frontLen = tipX;
+      path = `M ${-cabinW},${-halfH} L ${cabinW},${-halfH} L ${tipX},${-halfH * 0.35} L ${tipX},${halfH * 0.35} L ${cabinW},${halfH} L ${-cabinW},${halfH} C ${dockX},${halfH} ${dockX},${-halfH} ${-cabinW},${-halfH} Z`;
+    } else {
+      frontLen = cabinW + rearInset;
+      path = `M ${-cabinW},${-halfH} L ${cabinW},${-halfH} C ${frontLen},${-halfH} ${frontLen},${halfH} ${cabinW},${halfH} L ${-cabinW},${halfH} C ${dockX},${halfH} ${dockX},${-halfH} ${-cabinW},${-halfH} Z`;
+    }
+  } else if (resolvedStyle === "stealth") {
+    const wingBack = cabinW + 2.3;
+    const wingY = halfH + 0.35;
+    const shoulderX = cabinW * 0.35;
+    const tipX = cabinW + 3.6;
+    frontLen = tipX;
+    path = `M ${dockX.toFixed(2)},0 L ${(-wingBack).toFixed(2)},${(-wingY).toFixed(2)} L ${(-cabinW).toFixed(2)},${(-halfH).toFixed(2)} L ${shoulderX.toFixed(2)},${(-halfH).toFixed(2)} L ${tipX.toFixed(2)},0 L ${shoulderX.toFixed(2)},${halfH.toFixed(2)} L ${(-cabinW).toFixed(2)},${halfH.toFixed(2)} L ${(-wingBack).toFixed(2)},${wingY.toFixed(2)} Z`;
+  } else {
+    const noseLead = 1.25;
+    const tipX = cabinW + noseLead;
+    frontLen = tipX;
+    path = `M ${-cabinW},${-halfH} L ${cabinW},${-halfH} L ${tipX},0 L ${cabinW},${halfH} L ${-cabinW},${halfH} C ${dockX},${halfH} ${dockX},${-halfH} ${-cabinW},${-halfH} Z`;
+  }
+  return {
+    path,
+    tipLen: frontLen,
+    dockLen: -dockX,
+    frontLen,
+    cabinW
+  };
+}
+function chooseKnightCorner(fromIndex, toIndex, allArrows, orientation) {
+  const a = squareCentrePct(fromIndex, orientation);
+  const b = squareCentrePct(toIndex, orientation);
+  const dx = b.cx - a.cx;
+  const dy = b.cy - a.cy;
+  const corner1 = { x: b.cx, y: a.cy };
+  const corner2 = { x: a.cx, y: b.cy };
+  const fromFile = fromIndex & 7;
+  const hasColinearArrowOnFile = allArrows.some(
+    (other) => other.from !== fromIndex && (other.from & 7) === fromFile
+  );
+  if (hasColinearArrowOnFile) {
+    return corner1;
+  }
+  return Math.abs(dx) > Math.abs(dy) ? corner1 : corner2;
+}
+function computeIntegratedArrowVectors(arrow, orientation, allArrows) {
+  const label = arrow.label;
+  if (!label || label.background === void 0) return null;
+  const a = squareCentrePct(arrow.from, orientation);
+  const b = squareCentrePct(arrow.to, orientation);
+  if (arrow.from === arrow.to) return null;
+  const isKnight = isKnightMove(arrow.from, arrow.to);
+  const fontSize = label.fontSize ?? 2.45;
+  const geom = computeDynamicAeroGeometry(label.text, label.headStyle, fontSize, true);
+  let startUnit;
+  let finalUnit;
+  let corner = null;
+  if (!isKnight) {
+    const u = unitVector({ x: a.cx, y: a.cy }, { x: b.cx, y: b.cy });
+    if (u === null) return null;
+    startUnit = u;
+    finalUnit = u;
+  } else {
+    corner = chooseKnightCorner(arrow.from, arrow.to, allArrows, orientation);
+    startUnit = unitVector({ x: a.cx, y: a.cy }, corner);
+    finalUnit = unitVector(corner, { x: b.cx, y: b.cy });
+    if (startUnit === null || finalUnit === null) return null;
+  }
+  const tip = {
+    x: b.cx + finalUnit.x * 2.08,
+    y: b.cy + finalUnit.y * 2.08
+  };
+  const headCenter = {
+    x: tip.x - finalUnit.x * geom.frontLen,
+    y: tip.y - finalUnit.y * geom.frontLen
+  };
+  const shaftEnd = {
+    x: headCenter.x - finalUnit.x * geom.dockLen,
+    y: headCenter.y - finalUnit.y * geom.dockLen
+  };
+  const dist = Math.hypot(b.cx - a.cx, b.cy - a.cy);
+  const startOffset = dist < 18 ? 0.5 : 2.4;
+  const shaftStart = {
+    x: a.cx + startUnit.x * startOffset,
+    y: a.cy + startUnit.y * startOffset
+  };
+  const angleRad = Math.atan2(finalUnit.y, finalUnit.x);
+  const angleDeg = angleRad * 180 / Math.PI;
+  let textRot = 0;
+  const rotMode = label.textRotation ?? "auto";
+  if (rotMode === "flat") {
+    textRot = -angleDeg;
+  } else if (rotMode === "auto") {
+    const norm = (angleDeg % 360 + 360) % 360;
+    if (norm > 90 && norm < 270) {
+      textRot = 180;
+    }
+  }
+  const shaftD = corner !== null ? `M ${shaftStart.x} ${shaftStart.y} L ${corner.x} ${corner.y} L ${shaftEnd.x} ${shaftEnd.y}` : `M ${shaftStart.x} ${shaftStart.y} L ${shaftEnd.x} ${shaftEnd.y}`;
+  const shaftLen = (shaftEnd.x - shaftStart.x) * startUnit.x + (shaftEnd.y - shaftStart.y) * startUnit.y;
+  const showShaft = isKnight || shaftLen > 0.2;
+  return {
+    label,
+    fontSize,
+    geom,
+    headCenter,
+    shaftD,
+    showShaft,
+    angleDeg,
+    textRot
+  };
+}
+function renderIntegratedShaft(arrow, color, orientation, key, allArrows) {
+  const v = computeIntegratedArrowVectors(arrow, orientation, allArrows);
+  if (v === null || !v.showShaft) return null;
+  const is3d = v.label.style3d !== false;
+  const filterId = is3d ? "url(#gb-apple-elevation)" : "url(#gb-arrow-shadow)";
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { filter: filterId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: v.shaftD,
+        fill: "none",
+        stroke: is3d ? "rgba(44, 27, 20, 0.75)" : color,
+        strokeWidth: is3d ? "3.2" : "2.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: v.shaftD,
+        fill: "none",
+        stroke: color,
+        strokeWidth: "2.1",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    is3d && /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: v.shaftD,
+        fill: "none",
+        stroke: "rgba(255, 255, 255, 0.3)",
+        strokeWidth: "0.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }, `${key}-shaft`);
+}
+function renderIntegratedHead(arrow, _color, orientation, key, allArrows) {
+  const v = computeIntegratedArrowVectors(arrow, orientation, allArrows);
+  if (v === null) return null;
+  const is3d = v.label.style3d !== false;
+  const filterId = is3d ? "url(#gb-apple-elevation)" : "url(#gb-arrow-shadow)";
+  const headFill = v.label.background === "#F59E0B" && is3d ? "url(#gb-apple-amber-grad)" : v.label.background;
+  const headStroke = v.label.borderColor ?? "#78350F";
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { filter: filterId, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${v.headCenter.x}, ${v.headCenter.y}) rotate(${v.angleDeg})`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: v.geom.path,
+        fill: headFill,
+        stroke: headStroke,
+        strokeWidth: "0.7",
+        strokeLinejoin: "round"
+      }
+    ),
+    Boolean(v.label.text && v.label.text.trim().length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+      "text",
+      {
+        x: 0,
+        y: 0,
+        transform: v.textRot !== 0 ? `rotate(${v.textRot})` : void 0,
+        fill: v.label.fill ?? "#000000",
+        fontSize: v.fontSize,
+        fontWeight: "800",
+        fontFamily: "'JetBrains Mono', ui-monospace, monospace",
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        style: { userSelect: "none" },
+        children: v.label.text
+      }
+    )
+  ] }) }, `${key}-head`);
+}
 var ArrowsLayer = react.memo(
   react.forwardRef(function ArrowsLayer2({ model, orientation, palette, below = false }, handle) {
     const canvasRef = react.useRef(null);
@@ -214,7 +452,7 @@ var ArrowsLayer = react.memo(
           }
         }
       ),
-      hasDecorations ? /* @__PURE__ */ jsxRuntime.jsx(
+      hasDecorations ? /* @__PURE__ */ jsxRuntime.jsxs(
         "svg",
         {
           "data-layer": below ? "arrows-below-decor" : "arrows-decor",
@@ -230,50 +468,126 @@ var ArrowsLayer = react.memo(
             // Decorations share the z-plane of the canvas they annotate.
             ...layerZIndex !== void 0 ? { zIndex: layerZIndex } : {}
           },
-          children: arrows.map((arrow) => {
-            const key = `${arrow.from}-${arrow.to}-${arrow.color}-${arrow.brush ?? ""}`;
-            const color = resolveColor(arrow, palette);
-            const nodes = [];
-            if (arrow.label !== void 0) {
-              const { cx, cy } = anchorPct(arrow.from, arrow.to, orientation, "label");
-              nodes.push(
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "text",
-                  {
-                    x: cx,
-                    y: cy,
-                    fill: arrow.label.fill ?? color,
-                    fontSize: "4",
-                    fontWeight: "700",
-                    textAnchor: "middle",
-                    dominantBaseline: "central",
-                    style: { userSelect: "none" },
-                    children: arrow.label.text
-                  },
-                  `${key}-label`
-                )
-              );
-            }
-            if (arrow.customSvg !== void 0) {
-              const { cx, cy } = anchorPct(
-                arrow.from,
-                arrow.to,
-                orientation,
-                arrow.customSvg.center ?? "dest"
-              );
-              nodes.push(
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "g",
-                  {
-                    transform: `translate(${cx}, ${cy})`,
-                    dangerouslySetInnerHTML: { __html: arrow.customSvg.html }
-                  },
-                  `${key}-svg`
-                )
-              );
-            }
-            return nodes.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, key);
-          })
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "filter",
+                {
+                  id: "gb-arrow-shadow",
+                  filterUnits: "userSpaceOnUse",
+                  x: "-20",
+                  y: "-20",
+                  width: "140",
+                  height: "140",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "feDropShadow",
+                    {
+                      dx: "0",
+                      dy: "1.2",
+                      stdDeviation: "1.2",
+                      floodColor: "#000000",
+                      floodOpacity: "0.55"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "filter",
+                {
+                  id: "gb-apple-elevation",
+                  filterUnits: "userSpaceOnUse",
+                  x: "-20",
+                  y: "-20",
+                  width: "140",
+                  height: "140",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "feDropShadow",
+                      {
+                        dx: "0",
+                        dy: "2.8",
+                        stdDeviation: "2.2",
+                        floodColor: "#000000",
+                        floodOpacity: "0.4"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "feDropShadow",
+                      {
+                        dx: "0",
+                        dy: "1.0",
+                        stdDeviation: "0.7",
+                        floodColor: "#000000",
+                        floodOpacity: "0.6"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "gb-apple-amber-grad", x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#FBBF24", stopOpacity: "1" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "60%", stopColor: "#F59E0B", stopOpacity: "1" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "#D97706", stopOpacity: "1" })
+              ] })
+            ] }),
+            arrows.map((arrow) => {
+              if (arrow.label?.background === void 0) return null;
+              const key = `${arrow.from}-${arrow.to}-${arrow.color}-${arrow.brush ?? ""}`;
+              const color = resolveColor(arrow, palette);
+              return renderIntegratedShaft(arrow, color, orientation, key, arrows);
+            }),
+            arrows.map((arrow) => {
+              if (arrow.label?.background === void 0) return null;
+              const key = `${arrow.from}-${arrow.to}-${arrow.color}-${arrow.brush ?? ""}`;
+              const color = resolveColor(arrow, palette);
+              return renderIntegratedHead(arrow, color, orientation, key, arrows);
+            }),
+            arrows.map((arrow) => {
+              if (arrow.label?.background !== void 0) return null;
+              const key = `${arrow.from}-${arrow.to}-${arrow.color}-${arrow.brush ?? ""}`;
+              const color = resolveColor(arrow, palette);
+              const nodes = [];
+              if (arrow.label !== void 0) {
+                const { cx, cy } = anchorPct(arrow.from, arrow.to, orientation, "label");
+                nodes.push(
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "text",
+                    {
+                      x: cx,
+                      y: cy,
+                      fill: arrow.label.fill ?? color,
+                      fontSize: "4",
+                      fontWeight: "700",
+                      textAnchor: "middle",
+                      dominantBaseline: "central",
+                      style: { userSelect: "none" },
+                      children: arrow.label.text
+                    },
+                    `${key}-label`
+                  )
+                );
+              }
+              if (arrow.customSvg !== void 0) {
+                const { cx, cy } = anchorPct(
+                  arrow.from,
+                  arrow.to,
+                  orientation,
+                  arrow.customSvg.center ?? "dest"
+                );
+                nodes.push(
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "g",
+                    {
+                      transform: `translate(${cx}, ${cy})`,
+                      dangerouslySetInnerHTML: { __html: arrow.customSvg.html }
+                    },
+                    `${key}-svg`
+                  )
+                );
+              }
+              return nodes.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, key);
+            })
+          ]
         }
       ) : null
     ] });
@@ -719,7 +1033,7 @@ function pieceName(cell) {
   }
 }
 function announcementFor(lastMove, board, wasCapture) {
-  const { from, to, kind, promotion } = chunkENYRJ4Q2_cjs.decodePackedMove(lastMove);
+  const { from, to, kind, promotion } = chunkK7D2C72S_cjs.decodePackedMove(lastMove);
   if (kind === "castle") {
     const isKingside = (to & 7) > (from & 7);
     return isKingside ? "Castles kingside." : "Castles queenside.";
@@ -944,20 +1258,20 @@ function positionOf4(index, orientation) {
   return { x: col * 12.5, y: row * 12.5 };
 }
 var CHOICE_ORDER = [
-  chunkENYRJ4Q2_cjs.PieceType.Queen,
-  chunkENYRJ4Q2_cjs.PieceType.Knight,
-  chunkENYRJ4Q2_cjs.PieceType.Rook,
-  chunkENYRJ4Q2_cjs.PieceType.Bishop
+  chunkK7D2C72S_cjs.PieceType.Queen,
+  chunkK7D2C72S_cjs.PieceType.Knight,
+  chunkK7D2C72S_cjs.PieceType.Rook,
+  chunkK7D2C72S_cjs.PieceType.Bishop
 ];
 var SHORTCUTS = {
-  q: chunkENYRJ4Q2_cjs.PieceType.Queen,
-  r: chunkENYRJ4Q2_cjs.PieceType.Rook,
-  b: chunkENYRJ4Q2_cjs.PieceType.Bishop,
-  n: chunkENYRJ4Q2_cjs.PieceType.Knight,
-  Q: chunkENYRJ4Q2_cjs.PieceType.Queen,
-  R: chunkENYRJ4Q2_cjs.PieceType.Rook,
-  B: chunkENYRJ4Q2_cjs.PieceType.Bishop,
-  N: chunkENYRJ4Q2_cjs.PieceType.Knight
+  q: chunkK7D2C72S_cjs.PieceType.Queen,
+  r: chunkK7D2C72S_cjs.PieceType.Rook,
+  b: chunkK7D2C72S_cjs.PieceType.Bishop,
+  n: chunkK7D2C72S_cjs.PieceType.Knight,
+  Q: chunkK7D2C72S_cjs.PieceType.Queen,
+  R: chunkK7D2C72S_cjs.PieceType.Rook,
+  B: chunkK7D2C72S_cjs.PieceType.Bishop,
+  N: chunkK7D2C72S_cjs.PieceType.Knight
 };
 function PromotionOverlay({
   from: _from,
@@ -975,7 +1289,7 @@ function PromotionOverlay({
     [getPromotionPieceAriaLabel, color]
   );
   const [activeAnnouncement, setActiveAnnouncement] = react.useState(
-    () => getLabel(CHOICE_ORDER[0] ?? chunkENYRJ4Q2_cjs.PieceType.Queen)
+    () => getLabel(CHOICE_ORDER[0] ?? chunkK7D2C72S_cjs.PieceType.Queen)
   );
   react.useEffect(() => {
     buttonRefs.current[0]?.focus();
@@ -1073,7 +1387,7 @@ function PromotionOverlay({
               overflow: "hidden"
             },
             children: CHOICE_ORDER.map((piece, index) => {
-              const cell = chunkENYRJ4Q2_cjs.encodeBoardCell(color, piece);
+              const cell = chunkK7D2C72S_cjs.encodeBoardCell(color, piece);
               const label = getLabel(piece);
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
@@ -1125,13 +1439,13 @@ var srOnlyStyle2 = {
 };
 function pieceName2(t) {
   switch (t) {
-    case chunkENYRJ4Q2_cjs.PieceType.Queen:
+    case chunkK7D2C72S_cjs.PieceType.Queen:
       return "Queen";
-    case chunkENYRJ4Q2_cjs.PieceType.Rook:
+    case chunkK7D2C72S_cjs.PieceType.Rook:
       return "Rook";
-    case chunkENYRJ4Q2_cjs.PieceType.Bishop:
+    case chunkK7D2C72S_cjs.PieceType.Bishop:
       return "Bishop";
-    case chunkENYRJ4Q2_cjs.PieceType.Knight:
+    case chunkK7D2C72S_cjs.PieceType.Knight:
       return "Knight";
     default:
       return "Piece";
@@ -1411,7 +1725,7 @@ function useArrowGesture(options) {
 function wouldPromote(fromCell, toIndex) {
   if (fromCell === 0) return false;
   const pieceType = (fromCell - 1) % 6;
-  if (pieceType !== chunkENYRJ4Q2_cjs.PieceType.Pawn) return false;
+  if (pieceType !== chunkK7D2C72S_cjs.PieceType.Pawn) return false;
   const toRank = toIndex >> 3;
   return toRank === 0 || toRank === 7;
 }
@@ -1422,7 +1736,7 @@ function useClickToMove(model, onMove, onPromotionNeeded, enabled = true) {
       if (model === null) return;
       const snap = model.getSnapshot();
       const cell = snap.board[index] ?? 0;
-      const pieceColour = cell === 0 ? -1 : cell > 6 ? chunkENYRJ4Q2_cjs.Color.Black : chunkENYRJ4Q2_cjs.Color.White;
+      const pieceColour = cell === 0 ? -1 : cell > 6 ? chunkK7D2C72S_cjs.Color.Black : chunkK7D2C72S_cjs.Color.White;
       if (snap.selected === null) {
         if (pieceColour === snap.turn) model.selectSquare(index);
         return;
@@ -1438,7 +1752,7 @@ function useClickToMove(model, onMove, onPromotionNeeded, enabled = true) {
             onPromotionNeeded(snap.selected, index);
             return;
           }
-          const played2 = model.tryMove(snap.selected, index, chunkENYRJ4Q2_cjs.PieceType.Queen);
+          const played2 = model.tryMove(snap.selected, index, chunkK7D2C72S_cjs.PieceType.Queen);
           if (played2 !== null && onMove !== void 0) onMove(played2);
           return;
         }
@@ -1572,7 +1886,7 @@ function useDrag(options) {
     if (!enabled) return;
     const container = containerRef.current;
     if (container === null || game === null) return;
-    const controller = chunkENYRJ4Q2_cjs.createDragController(
+    const controller = chunkK7D2C72S_cjs.createDragController(
       activationDistance === void 0 ? {} : { activationDistance }
     );
     let originEl = null;
@@ -2350,7 +2664,7 @@ function parseTransitionMove(transition) {
   };
 }
 function isPawn(cell) {
-  return !chunkENYRJ4Q2_cjs.isEmptyCell(cell) && chunkENYRJ4Q2_cjs.pieceTypeOf(cell) === 0;
+  return !chunkK7D2C72S_cjs.isEmptyCell(cell) && chunkK7D2C72S_cjs.pieceTypeOf(cell) === 0;
 }
 function controlledFeedbackDescriptors(transition, previousBoard, nextBoard) {
   if (transition === null || transition === void 0) return null;
@@ -2359,25 +2673,25 @@ function controlledFeedbackDescriptors(transition, previousBoard, nextBoard) {
   const before = transition.direction === "forward" ? previousBoard : nextBoard;
   const after = transition.direction === "forward" ? nextBoard : previousBoard;
   const movingPiece = before[parsed.from] ?? 0;
-  if (chunkENYRJ4Q2_cjs.isEmptyCell(movingPiece)) return null;
+  if (chunkK7D2C72S_cjs.isEmptyCell(movingPiece)) return null;
   const fromFile = parsed.from & 7;
   const toFile = parsed.to & 7;
   const targetBefore = before[parsed.to] ?? 0;
   const targetAfter = after[parsed.to] ?? 0;
-  if (chunkENYRJ4Q2_cjs.pieceTypeOf(movingPiece) === 5 && Math.abs(toFile - fromFile) === 2) {
+  if (chunkK7D2C72S_cjs.pieceTypeOf(movingPiece) === 5 && Math.abs(toFile - fromFile) === 2) {
     return [{ kind: "castle" }];
   }
-  if (parsed.promotion !== null || isPawn(movingPiece) && (parsed.to >> 3 === 0 || parsed.to >> 3 === 7) && !chunkENYRJ4Q2_cjs.isEmptyCell(targetAfter) && chunkENYRJ4Q2_cjs.pieceTypeOf(targetAfter) !== 0) {
+  if (parsed.promotion !== null || isPawn(movingPiece) && (parsed.to >> 3 === 0 || parsed.to >> 3 === 7) && !chunkK7D2C72S_cjs.isEmptyCell(targetAfter) && chunkK7D2C72S_cjs.pieceTypeOf(targetAfter) !== 0) {
     return [{ kind: "promotion" }];
   }
-  if (!chunkENYRJ4Q2_cjs.isEmptyCell(targetBefore) && chunkENYRJ4Q2_cjs.colorOf(targetBefore) !== chunkENYRJ4Q2_cjs.colorOf(movingPiece)) {
+  if (!chunkK7D2C72S_cjs.isEmptyCell(targetBefore) && chunkK7D2C72S_cjs.colorOf(targetBefore) !== chunkK7D2C72S_cjs.colorOf(movingPiece)) {
     return [{ kind: "capture" }];
   }
-  if (isPawn(movingPiece) && fromFile !== toFile && chunkENYRJ4Q2_cjs.isEmptyCell(targetBefore)) {
+  if (isPawn(movingPiece) && fromFile !== toFile && chunkK7D2C72S_cjs.isEmptyCell(targetBefore)) {
     const capturedSquare = parsed.from & -8 | toFile;
     const capturedBefore = before[capturedSquare] ?? 0;
     const capturedAfter = after[capturedSquare] ?? 0;
-    if (!chunkENYRJ4Q2_cjs.isEmptyCell(capturedBefore) && chunkENYRJ4Q2_cjs.colorOf(capturedBefore) !== chunkENYRJ4Q2_cjs.colorOf(movingPiece) && chunkENYRJ4Q2_cjs.isEmptyCell(capturedAfter)) {
+    if (!chunkK7D2C72S_cjs.isEmptyCell(capturedBefore) && chunkK7D2C72S_cjs.colorOf(capturedBefore) !== chunkK7D2C72S_cjs.colorOf(movingPiece) && chunkK7D2C72S_cjs.isEmptyCell(capturedAfter)) {
       return [{ kind: "en-passant" }];
     }
   }
@@ -2884,15 +3198,15 @@ function useChessGame(options = {}) {
   const { fen, ...modelOptions } = options;
   const [initialModelOptions] = react.useState(() => modelOptions);
   const [model, setModel] = react.useState(() => {
-    const adapter = chunkENYRJ4Q2_cjs.createGigachessAdapter(fen);
-    return chunkENYRJ4Q2_cjs.createBoardModel(adapter, modelOptions);
+    const adapter = chunkK7D2C72S_cjs.createGigachessAdapter(fen);
+    return chunkK7D2C72S_cjs.createBoardModel(adapter, modelOptions);
   });
   const prevFenRef = react.useRef(fen);
   react.useEffect(() => {
     if (prevFenRef.current !== fen) {
       prevFenRef.current = fen;
-      const adapter = chunkENYRJ4Q2_cjs.createGigachessAdapter(fen);
-      const nextModel = chunkENYRJ4Q2_cjs.createBoardModel(adapter, initialModelOptions);
+      const adapter = chunkK7D2C72S_cjs.createGigachessAdapter(fen);
+      const nextModel = chunkK7D2C72S_cjs.createBoardModel(adapter, initialModelOptions);
       setModel((prev) => {
         prev.dispose();
         return nextModel;
@@ -2912,31 +3226,31 @@ var PACKAGE_VERSION = "1.3.3";
 
 Object.defineProperty(exports, "Color", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.Color; }
+  get: function () { return chunkK7D2C72S_cjs.Color; }
 });
 Object.defineProperty(exports, "PieceType", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.PieceType; }
+  get: function () { return chunkK7D2C72S_cjs.PieceType; }
 });
 Object.defineProperty(exports, "createBoardModel", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.createBoardModel; }
+  get: function () { return chunkK7D2C72S_cjs.createBoardModel; }
 });
 Object.defineProperty(exports, "createGigachessAdapter", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.createGigachessAdapter; }
+  get: function () { return chunkK7D2C72S_cjs.createGigachessAdapter; }
 });
 Object.defineProperty(exports, "packMove", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.packMove; }
+  get: function () { return chunkK7D2C72S_cjs.packMove; }
 });
 Object.defineProperty(exports, "preloadGigachessAdapter", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.preloadGigachessAdapter; }
+  get: function () { return chunkK7D2C72S_cjs.preloadGigachessAdapter; }
 });
 Object.defineProperty(exports, "unpackMove", {
   enumerable: true,
-  get: function () { return chunkENYRJ4Q2_cjs.unpackMove; }
+  get: function () { return chunkK7D2C72S_cjs.unpackMove; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,