@ankhorage/zora 21.0.22 → 21.1.0

package/web-dist/chunks/{Accordion-gbba10rg.js → Accordion-8gw5tkfw.js}

@@ -1,22 +1,22 @@
 'use client';
 import {
   require_cjs
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   Icon2
-} from "./Accordion-paha5aje.js";
+} from "./Accordion-9mmqf3wr.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   Text2
-} from "./Accordion-f05a7r28.js";
+} from "./Accordion-ks4a1c6w.js";
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-fmxygyb6.js → Accordion-8qteyww0.js}

@@ -4,16 +4,16 @@ import {
 } from "./Accordion-kcx57mk5.js";
 import {
   require_cjs
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-1pp37dtg.js → Accordion-9h5dx3ck.js}

@@ -1,16 +1,16 @@
 'use client';
 import {
   View3
-} from "./Accordion-ars389m1.js";
+} from "./Accordion-b8qd23hr.js";
 import {
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   Text3
-} from "./Accordion-0jkm3y3w.js";
+} from "./Accordion-gpccarct.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   resolveControlSize,
   resolveButtonColors

package/web-dist/chunks/{Accordion-paha5aje.js → Accordion-9mmqf3wr.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   Icon3
-} from "./Accordion-t6sdgmbz.js";
+} from "./Accordion-52xke54s.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 
 // src/features/icon/adapters/inbound/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-f5swy5bs.js → Accordion-b21zrnzj.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   resolveResponsive
-} from "./Accordion-jh7nxehr.js";
+} from "./Accordion-50jz5nhg.js";
 import {
   resolveToken
 } from "./Accordion-fre84yaq.js";

package/web-dist/chunks/{Accordion-ars389m1.js → Accordion-b8qd23hr.js}

@@ -1,14 +1,14 @@
 'use client';
 import {
   useResponsiveRuntime
-} from "./Accordion-jh7nxehr.js";
+} from "./Accordion-50jz5nhg.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   resolveViewStyles
-} from "./Accordion-f5swy5bs.js";
+} from "./Accordion-b21zrnzj.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-hxfa71g9.js → Accordion-c79y8g44.js}

@@ -4,25 +4,25 @@ import {
 } from "./Accordion-mnac2z83.js";
 import {
   View3
-} from "./Accordion-ars389m1.js";
+} from "./Accordion-b8qd23hr.js";
 import {
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   Pressable
-} from "./Accordion-ftjkdjqs.js";
+} from "./Accordion-4gx45mn0.js";
 import {
   Text3
-} from "./Accordion-0jkm3y3w.js";
+} from "./Accordion-gpccarct.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   Text2
-} from "./Accordion-f05a7r28.js";
+} from "./Accordion-ks4a1c6w.js";
 import {
   resolveFieldState,
   resolveIndicatorSize,

package/web-dist/chunks/Accordion-ca2csh5r.js

@@ -0,0 +1,321 @@
+'use client';
+import {
+  require_cjs
+} from "./Accordion-cjht9dyv.js";
+import {
+  withZoraThemeScope
+} from "./Accordion-4fkjn6r5.js";
+import {
+  useZoraTheme2
+} from "./Accordion-sv87mbqa.js";
+import {
+  __toESM
+} from "./Accordion-9qvmwkxe.js";
+
+// src/features/chess/adapters/inbound/ChessBoard.tsx
+var import_react_native = __toESM(require_cjs(), 1);
+
+// src/features/chess/utils/createBoardSquares.ts
+var files = ["a", "b", "c", "d", "e", "f", "g", "h"];
+var ranks = ["1", "2", "3", "4", "5", "6", "7", "8"];
+function createBoardSquares(orientation) {
+  const displayedRanks = orientation === "white" ? [...ranks].reverse() : [...ranks];
+  const displayedFiles = orientation === "white" ? [...files] : [...files].reverse();
+  return displayedRanks.flatMap((rank) => displayedFiles.map((file) => `${file}${rank}`));
+}
+
+// src/features/chess/utils/createChessBoardColorScheme.ts
+function createChessBoardColorScheme(theme, overrides) {
+  return {
+    border: theme.semantics.neutral.divider,
+    coordinateText: theme.semantics.content.muted,
+    darkPiece: theme.semantics.content.default,
+    darkSquare: theme.semantics.neutral.surfaceHover,
+    darkSquareText: theme.semantics.content.muted,
+    lastMoveFrom: theme.semantics.warning.softBg,
+    lastMoveTo: theme.semantics.warning.softBg,
+    legalTarget: theme.semantics.success.softBg,
+    lightPiece: theme.semantics.content.default,
+    lightSquare: theme.semantics.neutral.surface,
+    lightSquareText: theme.semantics.content.muted,
+    selectedSquare: theme.semantics.action.primary.softBg,
+    ...overrides
+  };
+}
+
+// src/features/chess/utils/isLightSquare.ts
+var files2 = "abcdefgh";
+function isLightSquare(square) {
+  return (files2.indexOf(square[0] ?? "") + Number(square[1]) - 1) % 2 === 1;
+}
+
+// src/features/chess/adapters/inbound/ChessBoard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var symbols = new Map([
+  ["white:p", "♙"],
+  ["white:n", "♘"],
+  ["white:b", "♗"],
+  ["white:r", "♖"],
+  ["white:q", "♕"],
+  ["white:k", "♔"],
+  ["black:p", "♟"],
+  ["black:n", "♞"],
+  ["black:b", "♝"],
+  ["black:r", "♜"],
+  ["black:q", "♛"],
+  ["black:k", "♚"]
+]);
+var ChessBoard2 = withZoraThemeScope(ChessBoardInner);
+function ChessBoardInner({
+  pieces = [],
+  orientation = "white",
+  selectedSquare = null,
+  legalTargets = [],
+  lastMove = null,
+  disabled = false,
+  showCoordinates = false,
+  colorScheme,
+  onSquarePress,
+  onMoveAttempt,
+  renderPiece,
+  interactionPolicy,
+  testID
+}) {
+  const { theme } = useZoraTheme2();
+  const colors = createChessBoardColorScheme(theme, colorScheme);
+  const squares = createBoardSquares(orientation);
+  const piecesBySquare = new Map(pieces.map((piece) => [piece.square, piece]));
+  const legalTargetSet = new Set(legalTargets);
+  const pressSquare = (square) => {
+    if (disabled || interactionPolicy === "passive")
+      return;
+    onSquarePress?.(square);
+    if (selectedSquare !== null && selectedSquare !== square)
+      onMoveAttempt?.({ from: selectedSquare, to: square });
+  };
+  return /* @__PURE__ */ jsx(import_react_native.View, {
+    accessibilityLabel: "Chess board",
+    style: [styles.board, { borderColor: colors.border, opacity: disabled ? 0.56 : 1 }],
+    testID,
+    children: squares.map((square) => {
+      const piece = piecesBySquare.get(square);
+      const light = isLightSquare(square);
+      const isTarget = legalTargetSet.has(square);
+      const backgroundColor = selectedSquare === square ? colors.selectedSquare : isTarget ? colors.legalTarget : lastMove?.from === square ? colors.lastMoveFrom : lastMove?.to === square ? colors.lastMoveTo : light ? colors.lightSquare : colors.darkSquare;
+      const pieceContent = piece === undefined ? null : renderPiece ? renderPiece({
+        color: piece.color === "white" ? colors.lightPiece : colors.darkPiece,
+        piece: piece.piece,
+        square
+      }) : symbols.get(`${piece.color}:${piece.piece.toLowerCase()}`) ?? piece.piece;
+      return /* @__PURE__ */ jsxs(import_react_native.Pressable, {
+        accessibilityLabel: square,
+        accessibilityRole: "button",
+        disabled: disabled || interactionPolicy === "passive",
+        onPress: () => pressSquare(square),
+        style: [styles.square, { backgroundColor }],
+        testID: testID ? `${testID}-square-${square}` : undefined,
+        children: [
+          showCoordinates ? /* @__PURE__ */ jsx(import_react_native.Text, {
+            style: [
+              styles.coordinate,
+              { color: light ? colors.lightSquareText : colors.darkSquareText }
+            ],
+            children: square
+          }) : null,
+          piece === undefined ? null : /* @__PURE__ */ jsx(import_react_native.View, {
+            pointerEvents: "none",
+            style: styles.pieceContainer,
+            children: renderPiece ? pieceContent : /* @__PURE__ */ jsx(import_react_native.Text, {
+              style: [
+                styles.piece,
+                { color: piece.color === "white" ? colors.lightPiece : colors.darkPiece }
+              ],
+              children: pieceContent
+            })
+          })
+        ]
+      }, square);
+    })
+  });
+}
+var styles = import_react_native.StyleSheet.create({
+  board: {
+    aspectRatio: 1,
+    borderRadius: 12,
+    borderWidth: import_react_native.StyleSheet.hairlineWidth,
+    flexDirection: "row",
+    flexWrap: "wrap",
+    overflow: "hidden",
+    width: "100%"
+  },
+  coordinate: {
+    fontSize: 9,
+    fontWeight: "600",
+    left: 3,
+    opacity: 0.72,
+    position: "absolute",
+    top: 2,
+    zIndex: 2
+  },
+  piece: { fontSize: 32, fontWeight: "600", lineHeight: 38 },
+  pieceContainer: {
+    alignItems: "center",
+    bottom: 0,
+    justifyContent: "center",
+    left: 0,
+    position: "absolute",
+    right: 0,
+    top: 0
+  },
+  square: {
+    alignItems: "center",
+    aspectRatio: 1,
+    width: "12.5%",
+    justifyContent: "center",
+    position: "relative"
+  }
+});
+
+// src/features/chess/adapters/inbound/OpeningBook.tsx
+var import_react_native2 = __toESM(require_cjs(), 1);
+
+// src/features/chess/utils/createOpeningBookColorScheme.ts
+function createOpeningBookColorScheme(theme, overrides) {
+  return {
+    border: theme.semantics.neutral.divider,
+    metricSurface: theme.semantics.neutral.surface,
+    primaryText: theme.semantics.content.default,
+    secondaryText: theme.semantics.content.muted,
+    selectedSurface: theme.semantics.action.primary.softBg,
+    surface: theme.semantics.neutral.surface,
+    surfaceHover: theme.semantics.neutral.surfaceHover,
+    titleText: theme.semantics.content.default,
+    ...overrides
+  };
+}
+
+// src/features/chess/adapters/inbound/OpeningBook.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var OpeningBook2 = withZoraThemeScope(OpeningBookInner);
+function rate(label, value) {
+  if (value === undefined || !Number.isFinite(value))
+    return;
+  return `${label} ${Math.round(value <= 1 ? value * 100 : value)}%`;
+}
+function moveKey(move) {
+  return move.uci ?? move.fen ?? move.san;
+}
+function OpeningBookInner({
+  moves = [],
+  title = "Opening book",
+  loading = false,
+  errorText,
+  emptyText = "No book moves for this position.",
+  selectedMove = null,
+  colorScheme,
+  onMovePress,
+  interactionPolicy,
+  testID
+}) {
+  const { theme } = useZoraTheme2();
+  const colors = createOpeningBookColorScheme(theme, colorScheme);
+  const stateText = loading ? "Loading opening moves…" : errorText ?? emptyText;
+  const showState = loading || errorText !== undefined || moves.length === 0;
+  return /* @__PURE__ */ jsxs2(import_react_native2.View, {
+    accessibilityLabel: title,
+    style: [
+      styles2.root,
+      {
+        borderColor: colors.border,
+        backgroundColor: colors.surface
+      }
+    ],
+    testID,
+    children: [
+      /* @__PURE__ */ jsx2(import_react_native2.Text, {
+        style: [styles2.title, { color: colors.titleText }],
+        children: title
+      }),
+      !showState ? /* @__PURE__ */ jsx2(import_react_native2.View, {
+        style: styles2.moves,
+        children: moves.map((move) => {
+          const selected = selectedMove !== null && (selectedMove === move.san || selectedMove === move.uci || selectedMove === move.fen);
+          const details = [
+            move.eco,
+            move.name,
+            move.games === undefined ? undefined : `${move.games} games`
+          ].filter((part) => typeof part === "string" && part.length > 0);
+          const stats = [
+            rate("W", move.whiteWinRate),
+            rate("D", move.drawRate),
+            rate("B", move.blackWinRate)
+          ].filter((part) => part !== undefined);
+          return /* @__PURE__ */ jsxs2(import_react_native2.Pressable, {
+            accessibilityRole: "button",
+            disabled: onMovePress === undefined || interactionPolicy === "passive",
+            onPress: () => {
+              if (interactionPolicy === "passive")
+                return;
+              onMovePress?.(move);
+            },
+            style: [
+              styles2.move,
+              {
+                backgroundColor: selected ? colors.selectedSurface : colors.surfaceHover,
+                borderColor: colors.border
+              }
+            ],
+            testID: testID ? `${testID}-move-${move.san}` : undefined,
+            children: [
+              /* @__PURE__ */ jsxs2(import_react_native2.View, {
+                style: styles2.moveMain,
+                children: [
+                  /* @__PURE__ */ jsx2(import_react_native2.Text, {
+                    style: [styles2.san, { color: colors.primaryText }],
+                    children: move.san
+                  }),
+                  /* @__PURE__ */ jsx2(import_react_native2.Text, {
+                    style: [styles2.meta, { color: colors.secondaryText }],
+                    children: details.length > 0 ? details.join(" · ") : "Book move"
+                  })
+                ]
+              }),
+              stats.length > 0 ? /* @__PURE__ */ jsx2(import_react_native2.View, {
+                style: [styles2.metric, { backgroundColor: colors.metricSurface }],
+                children: /* @__PURE__ */ jsx2(import_react_native2.Text, {
+                  style: [styles2.metricText, { color: colors.secondaryText }],
+                  children: stats.join(" ")
+                })
+              }) : null
+            ]
+          }, moveKey(move));
+        })
+      }) : /* @__PURE__ */ jsx2(import_react_native2.Text, {
+        style: [styles2.stateText, { color: colors.secondaryText }],
+        children: stateText
+      })
+    ]
+  });
+}
+var styles2 = import_react_native2.StyleSheet.create({
+  root: { borderRadius: 12, borderWidth: import_react_native2.StyleSheet.hairlineWidth, gap: 10, padding: 12 },
+  title: { fontSize: 15, fontWeight: "700", lineHeight: 20 },
+  stateText: { fontSize: 13, lineHeight: 18 },
+  moves: { gap: 8 },
+  move: {
+    alignItems: "center",
+    borderRadius: 10,
+    borderWidth: import_react_native2.StyleSheet.hairlineWidth,
+    flexDirection: "row",
+    gap: 10,
+    justifyContent: "space-between",
+    paddingHorizontal: 10,
+    paddingVertical: 8
+  },
+  moveMain: { flex: 1, gap: 2 },
+  san: { fontSize: 16, fontWeight: "700", lineHeight: 20 },
+  meta: { fontSize: 12, lineHeight: 16 },
+  metric: { borderRadius: 999, paddingHorizontal: 8, paddingVertical: 4 },
+  metricText: { fontSize: 11, fontWeight: "600" }
+});
+export { ChessBoard2, OpeningBook2 };

package/web-dist/chunks/{Accordion-49gf1zb8.js → Accordion-cjht9dyv.js}

@@ -23037,4 +23037,4 @@ function useTheme() {
   return use(ThemeRuntimeContext);
 }
 
-export { require_cjs, parseHexColorOrThrow, createTheme, ThemeRuntimeContext, useTheme };
+export { require_cjs, parseHexColor, parseHexColorOrThrow, getReadableForeground, createTheme, ThemeRuntimeContext, useTheme };

package/web-dist/chunks/{Accordion-sz21xsf4.js → Accordion-cq6hn45r.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 
 // node_modules/@ankhorage/surface/src/constants/surfaceColor.ts
 var SURFACE_PALETTE_COLORS = [

package/web-dist/chunks/{Accordion-33rd76r7.js → Accordion-d90g9wcb.js}

@@ -2,28 +2,28 @@
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   Icon3
-} from "./Accordion-t6sdgmbz.js";
+} from "./Accordion-52xke54s.js";
 import {
   View3
-} from "./Accordion-ars389m1.js";
+} from "./Accordion-b8qd23hr.js";
 import {
   Pressable
-} from "./Accordion-ftjkdjqs.js";
+} from "./Accordion-4gx45mn0.js";
 import {
   Text3
-} from "./Accordion-0jkm3y3w.js";
+} from "./Accordion-gpccarct.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   useZoraThemeRecipe
-} from "./Accordion-sz21xsf4.js";
+} from "./Accordion-cq6hn45r.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   resolveControlSize,
   resolveIconSize2,

package/web-dist/chunks/{Accordion-crx58d5n.js → Accordion-f5jb299b.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 
 // src/features/gradient/adapters/inbound/GradientRendererContext.tsx
 import { createContext, use } from "react";

package/web-dist/chunks/{Accordion-h95wvyn5.js → Accordion-fe6vmbpf.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   Surface3
-} from "./Accordion-r4c9k9y7.js";
+} from "./Accordion-t4k9egq6.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 
 // src/features/surface/adapters/inbound/Surface.tsx
 import { jsx } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-jzbq36ec.js → Accordion-fqm027n3.js}

@@ -2,30 +2,30 @@
 import {
   View3,
   Divider3
-} from "./Accordion-ars389m1.js";
+} from "./Accordion-b8qd23hr.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   IconButton2
-} from "./Accordion-33rd76r7.js";
+} from "./Accordion-d90g9wcb.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   PopoverMenu2
-} from "./Accordion-v6ykq9hv.js";
+} from "./Accordion-h95h3xdb.js";
 import {
   Heading2,
   Text2
-} from "./Accordion-f05a7r28.js";
+} from "./Accordion-ks4a1c6w.js";
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-0jkm3y3w.js → Accordion-gpccarct.js}

@@ -2,7 +2,7 @@
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   resolveTextColor,
   resolveTextStyles

package/web-dist/chunks/{Accordion-v6ykq9hv.js → Accordion-h95h3xdb.js}

@@ -4,38 +4,38 @@ import {
 } from "./Accordion-6zb9d92y.js";
 import {
   FocusScope
-} from "./Accordion-0psdn97s.js";
+} from "./Accordion-p42mm8rr.js";
 import {
   View3
-} from "./Accordion-ars389m1.js";
+} from "./Accordion-b8qd23hr.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   Popover
-} from "./Accordion-cscmtcn8.js";
+} from "./Accordion-0txegc16.js";
 import {
   Surface3
-} from "./Accordion-r4c9k9y7.js";
+} from "./Accordion-t4k9egq6.js";
 import {
   Text3
-} from "./Accordion-0jkm3y3w.js";
+} from "./Accordion-gpccarct.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   Icon2
-} from "./Accordion-paha5aje.js";
+} from "./Accordion-9mmqf3wr.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";