gigaboard 1.2.3

package/dist/server.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.tsx"],"names":["defaultTheme","defaultPieces","parseFenPlacement","jsxs","jsx","CSS_VARS"],"mappings":"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","file":"server.cjs","sourcesContent":["/**\n * `gigaboard/server` — server-only static board.\n *\n * Ships **zero** client JavaScript. No hooks, no state, no event handlers,\n * no imports of any client module. Imports only:\n *\n * - `default-theme.ts`\n * - `default-pieces.tsx`\n * - `types.ts` (types only)\n *\n * Perfect for PGN viewers, position diagrams in blog posts, shareable\n * board URLs, and anywhere a board doesn't need interaction. Renders\n * produce identical markup between Node and the browser so they hydrate\n * cleanly under an interactive `<Chessboard/>` if you later attach one.\n *\n * @example\n * ```tsx\n * import { StaticChessboard } from \"gigaboard/server\";\n *\n * export default function Page() {\n *   return (\n *     <StaticChessboard fen=\"rnbqkbnr/pppppppp/8/8/4P3/8/PPPP1PPP/RNBQKBNR b KQkq - 0 1\" />\n *   );\n * }\n * ```\n */\n\nimport type { CSSProperties, ReactNode } from \"react\";\nimport type { BoardCell, SquareIndex } from \"./core/index.js\";\nimport { CSS_VARS, defaultTheme } from \"./default-theme.js\";\nimport { parseFenPlacement } from \"./fen.js\";\nimport { defaultPieces } from \"./pieces/default-pieces.js\";\nimport type { Orientation, PieceRenderer, Theme } from \"./types.js\";\n\n/* ============================================================ geometry */\n\nfunction algebraicOf(index: SquareIndex): string {\n  const file = index & 7;\n  const rank = index >> 3;\n  return `${String.fromCharCode(0x61 + file)}${rank + 1}`;\n}\n\nfunction positionOf(index: SquareIndex, orientation: Orientation): { x: number; y: number } {\n  const file = index & 7;\n  const rank = index >> 3;\n  const col = orientation === \"white\" ? file : 7 - file;\n  const row = orientation === \"white\" ? 7 - rank : rank;\n  return { x: col * 12.5, y: row * 12.5 };\n}\n\n/* ============================================================ component */\n\n/** Props for {@link StaticChessboard}. */\nexport interface StaticChessboardProps {\n  /** Piece-placement FEN (first whitespace-delimited field is enough). */\n  readonly fen: string;\n\n  /** Board orientation. Defaults to `\"white\"`. */\n  readonly orientation?: Orientation;\n\n  /** Theme — defaults to the green palette from `gigaboard/themes`. */\n  readonly theme?: Theme;\n\n  /** Piece renderer — defaults to the `neo` set from `gigaboard/pieces`. */\n  readonly pieces?: PieceRenderer;\n\n  /** Show algebraic coordinate labels on the edges. Default `true`. */\n  readonly showCoordinates?: boolean;\n\n  /** Optional container style overrides. */\n  readonly style?: CSSProperties;\n\n  /** Optional class name on the outer container. */\n  readonly className?: string;\n\n  /** Accessible label. Default `\"Chess position\"`. */\n  readonly ariaLabel?: string;\n}\n\n/**\n * Static board for server rendering. No interactivity; no client JS\n * shipped. Exactly the same visual layout as the interactive\n * `<Chessboard/>`, so a static SSR board can be swapped for an\n * interactive one on hydration without the markup shifting.\n */\nexport function StaticChessboard(props: StaticChessboardProps): ReactNode {\n  const {\n    fen,\n    orientation = \"white\",\n    theme = defaultTheme,\n    pieces = defaultPieces,\n    showCoordinates = true,\n    style,\n    className,\n    ariaLabel = \"Chess position\",\n  } = props;\n\n  const board = parseFenPlacement(fen);\n  const squares = buildSquareOrder(orientation);\n\n  const containerStyle: CSSProperties = {\n    position: \"relative\",\n    aspectRatio: \"1 / 1\",\n    width: \"100%\",\n    ...(theme as CSSProperties),\n    ...style,\n  };\n\n  return (\n    <div\n      className={className}\n      style={containerStyle}\n      data-gb-orientation={orientation}\n      data-gb-static=\"true\"\n    >\n      {/* 8×8 grid of static squares — no event handlers, no tabindex. */}\n      <div\n        role=\"grid\"\n        aria-label={ariaLabel}\n        aria-rowcount={8}\n        aria-colcount={8}\n        aria-readonly=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          display: \"grid\",\n          gridTemplateColumns: \"repeat(8, 1fr)\",\n          gridTemplateRows: \"repeat(8, 1fr)\",\n        }}\n      >\n        {squares.map((index) => {\n          const file = index & 7;\n          const rank = index >> 3;\n          const isLight = (file + rank) % 2 === 1;\n          return (\n            <div\n              key={index}\n              role=\"gridcell\"\n              aria-label={algebraicOf(index)}\n              aria-rowindex={rank + 1}\n              aria-colindex={file + 1}\n              data-square={algebraicOf(index)}\n              data-light={isLight ? \"true\" : \"false\"}\n              style={{\n                background: `var(${isLight ? CSS_VARS.SQ_LIGHT : CSS_VARS.SQ_DARK})`,\n                userSelect: \"none\",\n                containerType: \"size\",\n              }}\n            />\n          );\n        })}\n      </div>\n\n      {/* Piece overlay — one div per occupied square. */}\n      <div\n        aria-hidden=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          pointerEvents: \"none\",\n        }}\n      >\n        {Array.from({ length: 64 }, (_, i) => {\n          const cell = board[i] as BoardCell;\n          if (cell === 0) return null;\n          const idx = i as SquareIndex;\n          const square = algebraicOf(idx);\n          const { x, y } = positionOf(idx, orientation);\n          return (\n            <div\n              key={square}\n              data-piece-square={square}\n              data-piece-cell={cell}\n              style={{\n                position: \"absolute\",\n                left: `${x}%`,\n                top: `${y}%`,\n                width: \"12.5%\",\n                height: \"12.5%\",\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                containerType: \"size\",\n              }}\n            >\n              {pieces({ cell, square: idx })}\n            </div>\n          );\n        })}\n      </div>\n\n      {showCoordinates ? <StaticCoordinates orientation={orientation} /> : null}\n    </div>\n  );\n}\n\n/* ======================================================== subsidiary helpers */\n\n/** Same rank-first ordering used by the interactive BoardGrid. */\nfunction buildSquareOrder(orientation: Orientation): SquareIndex[] {\n  const squares: SquareIndex[] = [];\n  if (orientation === \"white\") {\n    for (let rank = 7; rank >= 0; rank--) {\n      for (let file = 0; file < 8; file++) {\n        squares.push((rank * 8 + file) as SquareIndex);\n      }\n    }\n  } else {\n    for (let rank = 0; rank < 8; rank++) {\n      for (let file = 7; file >= 0; file--) {\n        squares.push((rank * 8 + file) as SquareIndex);\n      }\n    }\n  }\n  return squares;\n}\n\nconst FILE_LETTERS = [\"a\", \"b\", \"c\", \"d\", \"e\", \"f\", \"g\", \"h\"] as const;\n\n/** Pure coordinate overlay — identical output to the interactive version. */\nfunction StaticCoordinates({ orientation }: { orientation: Orientation }): ReactNode {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        pointerEvents: \"none\",\n        fontSize: \"min(1.6vmin, 11px)\",\n        fontWeight: 600,\n        fontFamily: \"system-ui, -apple-system, sans-serif\",\n      }}\n    >\n      {FILE_LETTERS.map((letter, idx) => {\n        const col = orientation === \"white\" ? idx : 7 - idx;\n        const bottomRank = orientation === \"white\" ? 0 : 7;\n        const isLightSquare = (col + bottomRank) % 2 === 1;\n        return (\n          <span\n            key={`file-${letter}`}\n            style={{\n              position: \"absolute\",\n              left: `${col * 12.5 + 10}%`,\n              bottom: \"1%\",\n              color: `var(${isLightSquare ? CSS_VARS.COORDINATE_LIGHT : CSS_VARS.COORDINATE_DARK})`,\n            }}\n          >\n            {letter}\n          </span>\n        );\n      })}\n      {FILE_LETTERS.map((_, idx) => {\n        const rank = idx;\n        const row = orientation === \"white\" ? 7 - rank : rank;\n        const leftFile = orientation === \"white\" ? 0 : 7;\n        const isLightSquare = (leftFile + rank) % 2 === 1;\n        return (\n          <span\n            key={`rank-${rank}`}\n            style={{\n              position: \"absolute\",\n              top: `${row * 12.5 + 1}%`,\n              left: \"1%\",\n              color: `var(${isLightSquare ? CSS_VARS.COORDINATE_LIGHT : CSS_VARS.COORDINATE_DARK})`,\n            }}\n          >\n            {rank + 1}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/server.d.cts

@@ -0,0 +1,60 @@
+import { CSSProperties, ReactNode } from 'react';
+import { O as Orientation, T as Theme, P as PieceRenderer } from './types-Bg2xiUHE.cjs';
+import './board-model-BvJOtwQ3.cjs';
+import 'web-haptics';
+
+/**
+ * `gigaboard/server` — server-only static board.
+ *
+ * Ships **zero** client JavaScript. No hooks, no state, no event handlers,
+ * no imports of any client module. Imports only:
+ *
+ * - `default-theme.ts`
+ * - `default-pieces.tsx`
+ * - `types.ts` (types only)
+ *
+ * Perfect for PGN viewers, position diagrams in blog posts, shareable
+ * board URLs, and anywhere a board doesn't need interaction. Renders
+ * produce identical markup between Node and the browser so they hydrate
+ * cleanly under an interactive `<Chessboard/>` if you later attach one.
+ *
+ * @example
+ * ```tsx
+ * import { StaticChessboard } from "gigaboard/server";
+ *
+ * export default function Page() {
+ *   return (
+ *     <StaticChessboard fen="rnbqkbnr/pppppppp/8/8/4P3/8/PPPP1PPP/RNBQKBNR b KQkq - 0 1" />
+ *   );
+ * }
+ * ```
+ */
+
+/** Props for {@link StaticChessboard}. */
+interface StaticChessboardProps {
+    /** Piece-placement FEN (first whitespace-delimited field is enough). */
+    readonly fen: string;
+    /** Board orientation. Defaults to `"white"`. */
+    readonly orientation?: Orientation;
+    /** Theme — defaults to the green palette from `gigaboard/themes`. */
+    readonly theme?: Theme;
+    /** Piece renderer — defaults to the `neo` set from `gigaboard/pieces`. */
+    readonly pieces?: PieceRenderer;
+    /** Show algebraic coordinate labels on the edges. Default `true`. */
+    readonly showCoordinates?: boolean;
+    /** Optional container style overrides. */
+    readonly style?: CSSProperties;
+    /** Optional class name on the outer container. */
+    readonly className?: string;
+    /** Accessible label. Default `"Chess position"`. */
+    readonly ariaLabel?: string;
+}
+/**
+ * Static board for server rendering. No interactivity; no client JS
+ * shipped. Exactly the same visual layout as the interactive
+ * `<Chessboard/>`, so a static SSR board can be swapped for an
+ * interactive one on hydration without the markup shifting.
+ */
+declare function StaticChessboard(props: StaticChessboardProps): ReactNode;
+
+export { StaticChessboard, type StaticChessboardProps };

package/dist/server.d.ts

@@ -0,0 +1,60 @@
+import { CSSProperties, ReactNode } from 'react';
+import { O as Orientation, T as Theme, P as PieceRenderer } from './types-D5eBJGzj.js';
+import './board-model-BvJOtwQ3.js';
+import 'web-haptics';
+
+/**
+ * `gigaboard/server` — server-only static board.
+ *
+ * Ships **zero** client JavaScript. No hooks, no state, no event handlers,
+ * no imports of any client module. Imports only:
+ *
+ * - `default-theme.ts`
+ * - `default-pieces.tsx`
+ * - `types.ts` (types only)
+ *
+ * Perfect for PGN viewers, position diagrams in blog posts, shareable
+ * board URLs, and anywhere a board doesn't need interaction. Renders
+ * produce identical markup between Node and the browser so they hydrate
+ * cleanly under an interactive `<Chessboard/>` if you later attach one.
+ *
+ * @example
+ * ```tsx
+ * import { StaticChessboard } from "gigaboard/server";
+ *
+ * export default function Page() {
+ *   return (
+ *     <StaticChessboard fen="rnbqkbnr/pppppppp/8/8/4P3/8/PPPP1PPP/RNBQKBNR b KQkq - 0 1" />
+ *   );
+ * }
+ * ```
+ */
+
+/** Props for {@link StaticChessboard}. */
+interface StaticChessboardProps {
+    /** Piece-placement FEN (first whitespace-delimited field is enough). */
+    readonly fen: string;
+    /** Board orientation. Defaults to `"white"`. */
+    readonly orientation?: Orientation;
+    /** Theme — defaults to the green palette from `gigaboard/themes`. */
+    readonly theme?: Theme;
+    /** Piece renderer — defaults to the `neo` set from `gigaboard/pieces`. */
+    readonly pieces?: PieceRenderer;
+    /** Show algebraic coordinate labels on the edges. Default `true`. */
+    readonly showCoordinates?: boolean;
+    /** Optional container style overrides. */
+    readonly style?: CSSProperties;
+    /** Optional class name on the outer container. */
+    readonly className?: string;
+    /** Accessible label. Default `"Chess position"`. */
+    readonly ariaLabel?: string;
+}
+/**
+ * Static board for server rendering. No interactivity; no client JS
+ * shipped. Exactly the same visual layout as the interactive
+ * `<Chessboard/>`, so a static SSR board can be swapped for an
+ * interactive one on hydration without the markup shifting.
+ */
+declare function StaticChessboard(props: StaticChessboardProps): ReactNode;
+
+export { StaticChessboard, type StaticChessboardProps };

package/dist/server.js

@@ -0,0 +1,205 @@
+import { defaultTheme, defaultPieces, parseFenPlacement, CSS_VARS } from './chunk-CXDGJMYL.js';
+import './chunk-OQLY5GJF.js';
+import './chunk-U6WAD322.js';
+import './chunk-44YKPXXT.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function algebraicOf(index) {
+  const file = index & 7;
+  const rank = index >> 3;
+  return `${String.fromCharCode(97 + file)}${rank + 1}`;
+}
+function positionOf(index, orientation) {
+  const file = index & 7;
+  const rank = index >> 3;
+  const col = orientation === "white" ? file : 7 - file;
+  const row = orientation === "white" ? 7 - rank : rank;
+  return { x: col * 12.5, y: row * 12.5 };
+}
+function StaticChessboard(props) {
+  const {
+    fen,
+    orientation = "white",
+    theme = defaultTheme,
+    pieces = defaultPieces,
+    showCoordinates = true,
+    style,
+    className,
+    ariaLabel = "Chess position"
+  } = props;
+  const board = parseFenPlacement(fen);
+  const squares = buildSquareOrder(orientation);
+  const containerStyle = {
+    position: "relative",
+    aspectRatio: "1 / 1",
+    width: "100%",
+    ...theme,
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: containerStyle,
+      "data-gb-orientation": orientation,
+      "data-gb-static": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "grid",
+            "aria-label": ariaLabel,
+            "aria-rowcount": 8,
+            "aria-colcount": 8,
+            "aria-readonly": "true",
+            style: {
+              position: "absolute",
+              inset: 0,
+              display: "grid",
+              gridTemplateColumns: "repeat(8, 1fr)",
+              gridTemplateRows: "repeat(8, 1fr)"
+            },
+            children: squares.map((index) => {
+              const file = index & 7;
+              const rank = index >> 3;
+              const isLight = (file + rank) % 2 === 1;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "gridcell",
+                  "aria-label": algebraicOf(index),
+                  "aria-rowindex": rank + 1,
+                  "aria-colindex": file + 1,
+                  "data-square": algebraicOf(index),
+                  "data-light": isLight ? "true" : "false",
+                  style: {
+                    background: `var(${isLight ? CSS_VARS.SQ_LIGHT : CSS_VARS.SQ_DARK})`,
+                    userSelect: "none",
+                    containerType: "size"
+                  }
+                },
+                index
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: 0,
+              pointerEvents: "none"
+            },
+            children: Array.from({ length: 64 }, (_, i) => {
+              const cell = board[i];
+              if (cell === 0) return null;
+              const idx = i;
+              const square = algebraicOf(idx);
+              const { x, y } = positionOf(idx, orientation);
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-piece-square": square,
+                  "data-piece-cell": cell,
+                  style: {
+                    position: "absolute",
+                    left: `${x}%`,
+                    top: `${y}%`,
+                    width: "12.5%",
+                    height: "12.5%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    containerType: "size"
+                  },
+                  children: pieces({ cell, square: idx })
+                },
+                square
+              );
+            })
+          }
+        ),
+        showCoordinates ? /* @__PURE__ */ jsx(StaticCoordinates, { orientation }) : null
+      ]
+    }
+  );
+}
+function buildSquareOrder(orientation) {
+  const squares = [];
+  if (orientation === "white") {
+    for (let rank = 7; rank >= 0; rank--) {
+      for (let file = 0; file < 8; file++) {
+        squares.push(rank * 8 + file);
+      }
+    }
+  } else {
+    for (let rank = 0; rank < 8; rank++) {
+      for (let file = 7; file >= 0; file--) {
+        squares.push(rank * 8 + file);
+      }
+    }
+  }
+  return squares;
+}
+var FILE_LETTERS = ["a", "b", "c", "d", "e", "f", "g", "h"];
+function StaticCoordinates({ orientation }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        fontSize: "min(1.6vmin, 11px)",
+        fontWeight: 600,
+        fontFamily: "system-ui, -apple-system, sans-serif"
+      },
+      children: [
+        FILE_LETTERS.map((letter, idx) => {
+          const col = orientation === "white" ? idx : 7 - idx;
+          const bottomRank = orientation === "white" ? 0 : 7;
+          const isLightSquare = (col + bottomRank) % 2 === 1;
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                left: `${col * 12.5 + 10}%`,
+                bottom: "1%",
+                color: `var(${isLightSquare ? CSS_VARS.COORDINATE_LIGHT : CSS_VARS.COORDINATE_DARK})`
+              },
+              children: letter
+            },
+            `file-${letter}`
+          );
+        }),
+        FILE_LETTERS.map((_, idx) => {
+          const rank = idx;
+          const row = orientation === "white" ? 7 - rank : rank;
+          const leftFile = orientation === "white" ? 0 : 7;
+          const isLightSquare = (leftFile + rank) % 2 === 1;
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                top: `${row * 12.5 + 1}%`,
+                left: "1%",
+                color: `var(${isLightSquare ? CSS_VARS.COORDINATE_LIGHT : CSS_VARS.COORDINATE_DARK})`
+              },
+              children: rank + 1
+            },
+            `rank-${rank}`
+          );
+        })
+      ]
+    }
+  );
+}
+
+export { StaticChessboard };
+//# sourceMappingURL=server.js.map
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.tsx"],"names":[],"mappings":"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","file":"server.js","sourcesContent":["/**\n * `gigaboard/server` — server-only static board.\n *\n * Ships **zero** client JavaScript. No hooks, no state, no event handlers,\n * no imports of any client module. Imports only:\n *\n * - `default-theme.ts`\n * - `default-pieces.tsx`\n * - `types.ts` (types only)\n *\n * Perfect for PGN viewers, position diagrams in blog posts, shareable\n * board URLs, and anywhere a board doesn't need interaction. Renders\n * produce identical markup between Node and the browser so they hydrate\n * cleanly under an interactive `<Chessboard/>` if you later attach one.\n *\n * @example\n * ```tsx\n * import { StaticChessboard } from \"gigaboard/server\";\n *\n * export default function Page() {\n *   return (\n *     <StaticChessboard fen=\"rnbqkbnr/pppppppp/8/8/4P3/8/PPPP1PPP/RNBQKBNR b KQkq - 0 1\" />\n *   );\n * }\n * ```\n */\n\nimport type { CSSProperties, ReactNode } from \"react\";\nimport type { BoardCell, SquareIndex } from \"./core/index.js\";\nimport { CSS_VARS, defaultTheme } from \"./default-theme.js\";\nimport { parseFenPlacement } from \"./fen.js\";\nimport { defaultPieces } from \"./pieces/default-pieces.js\";\nimport type { Orientation, PieceRenderer, Theme } from \"./types.js\";\n\n/* ============================================================ geometry */\n\nfunction algebraicOf(index: SquareIndex): string {\n  const file = index & 7;\n  const rank = index >> 3;\n  return `${String.fromCharCode(0x61 + file)}${rank + 1}`;\n}\n\nfunction positionOf(index: SquareIndex, orientation: Orientation): { x: number; y: number } {\n  const file = index & 7;\n  const rank = index >> 3;\n  const col = orientation === \"white\" ? file : 7 - file;\n  const row = orientation === \"white\" ? 7 - rank : rank;\n  return { x: col * 12.5, y: row * 12.5 };\n}\n\n/* ============================================================ component */\n\n/** Props for {@link StaticChessboard}. */\nexport interface StaticChessboardProps {\n  /** Piece-placement FEN (first whitespace-delimited field is enough). */\n  readonly fen: string;\n\n  /** Board orientation. Defaults to `\"white\"`. */\n  readonly orientation?: Orientation;\n\n  /** Theme — defaults to the green palette from `gigaboard/themes`. */\n  readonly theme?: Theme;\n\n  /** Piece renderer — defaults to the `neo` set from `gigaboard/pieces`. */\n  readonly pieces?: PieceRenderer;\n\n  /** Show algebraic coordinate labels on the edges. Default `true`. */\n  readonly showCoordinates?: boolean;\n\n  /** Optional container style overrides. */\n  readonly style?: CSSProperties;\n\n  /** Optional class name on the outer container. */\n  readonly className?: string;\n\n  /** Accessible label. Default `\"Chess position\"`. */\n  readonly ariaLabel?: string;\n}\n\n/**\n * Static board for server rendering. No interactivity; no client JS\n * shipped. Exactly the same visual layout as the interactive\n * `<Chessboard/>`, so a static SSR board can be swapped for an\n * interactive one on hydration without the markup shifting.\n */\nexport function StaticChessboard(props: StaticChessboardProps): ReactNode {\n  const {\n    fen,\n    orientation = \"white\",\n    theme = defaultTheme,\n    pieces = defaultPieces,\n    showCoordinates = true,\n    style,\n    className,\n    ariaLabel = \"Chess position\",\n  } = props;\n\n  const board = parseFenPlacement(fen);\n  const squares = buildSquareOrder(orientation);\n\n  const containerStyle: CSSProperties = {\n    position: \"relative\",\n    aspectRatio: \"1 / 1\",\n    width: \"100%\",\n    ...(theme as CSSProperties),\n    ...style,\n  };\n\n  return (\n    <div\n      className={className}\n      style={containerStyle}\n      data-gb-orientation={orientation}\n      data-gb-static=\"true\"\n    >\n      {/* 8×8 grid of static squares — no event handlers, no tabindex. */}\n      <div\n        role=\"grid\"\n        aria-label={ariaLabel}\n        aria-rowcount={8}\n        aria-colcount={8}\n        aria-readonly=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          display: \"grid\",\n          gridTemplateColumns: \"repeat(8, 1fr)\",\n          gridTemplateRows: \"repeat(8, 1fr)\",\n        }}\n      >\n        {squares.map((index) => {\n          const file = index & 7;\n          const rank = index >> 3;\n          const isLight = (file + rank) % 2 === 1;\n          return (\n            <div\n              key={index}\n              role=\"gridcell\"\n              aria-label={algebraicOf(index)}\n              aria-rowindex={rank + 1}\n              aria-colindex={file + 1}\n              data-square={algebraicOf(index)}\n              data-light={isLight ? \"true\" : \"false\"}\n              style={{\n                background: `var(${isLight ? CSS_VARS.SQ_LIGHT : CSS_VARS.SQ_DARK})`,\n                userSelect: \"none\",\n                containerType: \"size\",\n              }}\n            />\n          );\n        })}\n      </div>\n\n      {/* Piece overlay — one div per occupied square. */}\n      <div\n        aria-hidden=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          pointerEvents: \"none\",\n        }}\n      >\n        {Array.from({ length: 64 }, (_, i) => {\n          const cell = board[i] as BoardCell;\n          if (cell === 0) return null;\n          const idx = i as SquareIndex;\n          const square = algebraicOf(idx);\n          const { x, y } = positionOf(idx, orientation);\n          return (\n            <div\n              key={square}\n              data-piece-square={square}\n              data-piece-cell={cell}\n              style={{\n                position: \"absolute\",\n                left: `${x}%`,\n                top: `${y}%`,\n                width: \"12.5%\",\n                height: \"12.5%\",\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                containerType: \"size\",\n              }}\n            >\n              {pieces({ cell, square: idx })}\n            </div>\n          );\n        })}\n      </div>\n\n      {showCoordinates ? <StaticCoordinates orientation={orientation} /> : null}\n    </div>\n  );\n}\n\n/* ======================================================== subsidiary helpers */\n\n/** Same rank-first ordering used by the interactive BoardGrid. */\nfunction buildSquareOrder(orientation: Orientation): SquareIndex[] {\n  const squares: SquareIndex[] = [];\n  if (orientation === \"white\") {\n    for (let rank = 7; rank >= 0; rank--) {\n      for (let file = 0; file < 8; file++) {\n        squares.push((rank * 8 + file) as SquareIndex);\n      }\n    }\n  } else {\n    for (let rank = 0; rank < 8; rank++) {\n      for (let file = 7; file >= 0; file--) {\n        squares.push((rank * 8 + file) as SquareIndex);\n      }\n    }\n  }\n  return squares;\n}\n\nconst FILE_LETTERS = [\"a\", \"b\", \"c\", \"d\", \"e\", \"f\", \"g\", \"h\"] as const;\n\n/** Pure coordinate overlay — identical output to the interactive version. */\nfunction StaticCoordinates({ orientation }: { orientation: Orientation }): ReactNode {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        pointerEvents: \"none\",\n        fontSize: \"min(1.6vmin, 11px)\",\n        fontWeight: 600,\n        fontFamily: \"system-ui, -apple-system, sans-serif\",\n      }}\n    >\n      {FILE_LETTERS.map((letter, idx) => {\n        const col = orientation === \"white\" ? idx : 7 - idx;\n        const bottomRank = orientation === \"white\" ? 0 : 7;\n        const isLightSquare = (col + bottomRank) % 2 === 1;\n        return (\n          <span\n            key={`file-${letter}`}\n            style={{\n              position: \"absolute\",\n              left: `${col * 12.5 + 10}%`,\n              bottom: \"1%\",\n              color: `var(${isLightSquare ? CSS_VARS.COORDINATE_LIGHT : CSS_VARS.COORDINATE_DARK})`,\n            }}\n          >\n            {letter}\n          </span>\n        );\n      })}\n      {FILE_LETTERS.map((_, idx) => {\n        const rank = idx;\n        const row = orientation === \"white\" ? 7 - rank : rank;\n        const leftFile = orientation === \"white\" ? 0 : 7;\n        const isLightSquare = (leftFile + rank) % 2 === 1;\n        return (\n          <span\n            key={`rank-${rank}`}\n            style={{\n              position: \"absolute\",\n              top: `${row * 12.5 + 1}%`,\n              left: \"1%\",\n              color: `var(${isLightSquare ? CSS_VARS.COORDINATE_LIGHT : CSS_VARS.COORDINATE_DARK})`,\n            }}\n          >\n            {rank + 1}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/themes/blue.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkB26QLI2K_cjs = require('../chunk-B26QLI2K.cjs');
+
+
+
+Object.defineProperty(exports, "blue", {
+  enumerable: true,
+  get: function () { return chunkB26QLI2K_cjs.blue; }
+});
+//# sourceMappingURL=blue.cjs.map
+//# sourceMappingURL=blue.cjs.map

package/dist/themes/blue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blue.cjs"}

package/dist/themes/blue.d.cts

@@ -0,0 +1,102 @@
+/**
+ * Blue theme — chess.com's "Blue" board.
+ *
+ * Calm, high-contrast palette that reads well on bright monitors and
+ * projector setups. Light square is near-white; dark square is a muted
+ * steel blue.
+ *
+ * ```tsx
+ * import { blue } from "gigaboard/themes/blue";
+ * <Chessboard game={game} theme={blue} />
+ * ```
+ */
+
+declare const blue: Theme;
+
+/**
+ * Brown theme — the classic lichess-inspired wood-tone board.
+ *
+ * CSS-variable-only. Import this theme and pass it as the `theme` prop on
+ * `<Chessboard/>`:
+ *
+ * ```tsx
+ * import { brown } from "gigaboard/themes/brown";
+ * <Chessboard game={game} theme={brown} />
+ * ```
+ */
+
+declare const brown: Theme;
+
+/**
+ * Green theme — chess.com's default green/cream board.
+ *
+ * CSS-variable-only. Import this theme and pass it as the `theme` prop on
+ * `<Chessboard/>`:
+ *
+ * ```tsx
+ * import { green } from "gigaboard/themes/green";
+ * <Chessboard game={game} theme={green} />
+ * ```
+ *
+ * Palette tuned to visually match chess.com's board at a glance — the light
+ * square is a warm off-white and the dark square is the recognisable
+ * olive-green used across their web and mobile clients.
+ */
+
+declare const green: Theme;
+
+/**
+ * Wood theme — a deep, rich wood-grain palette.
+ *
+ * Darker and warmer than the default "brown" theme — reads as a real
+ * tournament board. Pair with a lighter piece set (`cburnett` or `alpha`)
+ * for maximum contrast.
+ *
+ * ```tsx
+ * import { wood } from "gigaboard/themes/wood";
+ * <Chessboard game={game} theme={wood} />
+ * ```
+ */
+
+declare const wood: Theme;
+
+/**
+ * `gigaboard/themes` — CSS-variable-only board themes.
+ *
+ * Each theme ships as a frozen record of CSS custom-property pairs that the
+ * React layer writes inline on the board container at first paint. Themes
+ * are CSS-only and carry zero runtime cost beyond the one-time variable
+ * assignment.
+ *
+ * Import sub-paths to keep bundles minimal:
+ *
+ * ```tsx
+ * import { brown } from "gigaboard/themes/brown";
+ * import { green } from "gigaboard/themes/green";  // chess.com default
+ * import { blue }  from "gigaboard/themes/blue";
+ * import { wood }  from "gigaboard/themes/wood";
+ * ```
+ *
+ * Or pull the full set from the package root (convenient for theme pickers,
+ * at a marginally larger bundle cost):
+ *
+ * ```tsx
+ * import { brown, green, blue, wood } from "gigaboard/themes";
+ * ```
+ */
+
+/** Shape of a board theme: CSS custom-property pairs. */
+type Theme = Readonly<Record<string, string>>;
+
+/** Registry mapping a theme name to its theme object. */
+declare const themes: Readonly<{
+    brown: Readonly<Record<string, string>>;
+    blue: Readonly<Record<string, string>>;
+    green: Readonly<Record<string, string>>;
+    wood: Readonly<Record<string, string>>;
+}>;
+/** Union of the built-in theme names. */
+type ThemeName = keyof typeof themes;
+declare const PACKAGE_VERSION = "0.1.0-alpha";
+
+export { PACKAGE_VERSION as P, type Theme as T, type ThemeName as a, brown as b, blue, green as g, themes as t, wood as w };

package/dist/themes/blue.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Blue theme — chess.com's "Blue" board.
+ *
+ * Calm, high-contrast palette that reads well on bright monitors and
+ * projector setups. Light square is near-white; dark square is a muted
+ * steel blue.
+ *
+ * ```tsx
+ * import { blue } from "gigaboard/themes/blue";
+ * <Chessboard game={game} theme={blue} />
+ * ```
+ */
+
+declare const blue: Theme;
+
+/**
+ * Brown theme — the classic lichess-inspired wood-tone board.
+ *
+ * CSS-variable-only. Import this theme and pass it as the `theme` prop on
+ * `<Chessboard/>`:
+ *
+ * ```tsx
+ * import { brown } from "gigaboard/themes/brown";
+ * <Chessboard game={game} theme={brown} />
+ * ```
+ */
+
+declare const brown: Theme;
+
+/**
+ * Green theme — chess.com's default green/cream board.
+ *
+ * CSS-variable-only. Import this theme and pass it as the `theme` prop on
+ * `<Chessboard/>`:
+ *
+ * ```tsx
+ * import { green } from "gigaboard/themes/green";
+ * <Chessboard game={game} theme={green} />
+ * ```
+ *
+ * Palette tuned to visually match chess.com's board at a glance — the light
+ * square is a warm off-white and the dark square is the recognisable
+ * olive-green used across their web and mobile clients.
+ */
+
+declare const green: Theme;
+
+/**
+ * Wood theme — a deep, rich wood-grain palette.
+ *
+ * Darker and warmer than the default "brown" theme — reads as a real
+ * tournament board. Pair with a lighter piece set (`cburnett` or `alpha`)
+ * for maximum contrast.
+ *
+ * ```tsx
+ * import { wood } from "gigaboard/themes/wood";
+ * <Chessboard game={game} theme={wood} />
+ * ```
+ */
+
+declare const wood: Theme;
+
+/**
+ * `gigaboard/themes` — CSS-variable-only board themes.
+ *
+ * Each theme ships as a frozen record of CSS custom-property pairs that the
+ * React layer writes inline on the board container at first paint. Themes
+ * are CSS-only and carry zero runtime cost beyond the one-time variable
+ * assignment.
+ *
+ * Import sub-paths to keep bundles minimal:
+ *
+ * ```tsx
+ * import { brown } from "gigaboard/themes/brown";
+ * import { green } from "gigaboard/themes/green";  // chess.com default
+ * import { blue }  from "gigaboard/themes/blue";
+ * import { wood }  from "gigaboard/themes/wood";
+ * ```
+ *
+ * Or pull the full set from the package root (convenient for theme pickers,
+ * at a marginally larger bundle cost):
+ *
+ * ```tsx
+ * import { brown, green, blue, wood } from "gigaboard/themes";
+ * ```
+ */
+
+/** Shape of a board theme: CSS custom-property pairs. */
+type Theme = Readonly<Record<string, string>>;
+
+/** Registry mapping a theme name to its theme object. */
+declare const themes: Readonly<{
+    brown: Readonly<Record<string, string>>;
+    blue: Readonly<Record<string, string>>;
+    green: Readonly<Record<string, string>>;
+    wood: Readonly<Record<string, string>>;
+}>;
+/** Union of the built-in theme names. */
+type ThemeName = keyof typeof themes;
+declare const PACKAGE_VERSION = "0.1.0-alpha";
+
+export { PACKAGE_VERSION as P, type Theme as T, type ThemeName as a, brown as b, blue, green as g, themes as t, wood as w };

package/dist/themes/blue.js

@@ -0,0 +1,3 @@
+export { blue } from '../chunk-P72B3YTG.js';
+//# sourceMappingURL=blue.js.map
+//# sourceMappingURL=blue.js.map

package/dist/themes/blue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blue.js"}

package/dist/themes/brown.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkHSMILJKQ_cjs = require('../chunk-HSMILJKQ.cjs');
+
+
+
+Object.defineProperty(exports, "brown", {
+  enumerable: true,
+  get: function () { return chunkHSMILJKQ_cjs.brown; }
+});
+//# sourceMappingURL=brown.cjs.map
+//# sourceMappingURL=brown.cjs.map

package/dist/themes/brown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"brown.cjs"}

package/dist/themes/brown.d.cts

@@ -0,0 +1 @@
+export { b as brown } from './blue.cjs';

package/dist/themes/brown.d.ts

@@ -0,0 +1 @@
+export { b as brown } from './blue.js';