doubletwelve 0.2.0 → 0.3.1

package/dist/index.js

@@ -1,48 +1,73 @@
-import { jsx as M, Fragment as xe, jsxs as D } from "react/jsx-runtime";
-import { useEffect as ne, useMemo as Ye, useState as B, useRef as ce, useCallback as Re } from "react";
-const Ae = {
-  "3x3": { rows: [20, 50, 80], cols: [20, 50, 80], size: "18%" },
-  "3x4": { rows: [24, 50, 76], cols: [22, 40, 60, 78], size: "12%" },
-  "4x3": { rows: [15, 38, 62, 85], cols: [20, 50, 80], size: "14%" }
-};
-function Fe(e) {
-  const t = Ae[e.gridSize];
-  return {
-    top: e.top ?? `${t.rows[e.row]}%`,
-    left: e.left ?? `${t.cols[e.col]}%`,
-    width: t.size,
-    height: t.size
-  };
+import { jsx as z, Fragment as we, jsxs as $ } from "react/jsx-runtime";
+import { useContext as Se, createContext as Ke, useEffect as ae, useMemo as He, useState as G, useRef as ve, useCallback as Ze } from "react";
+const Je = {};
+function ze(e, t) {
+  return t ? {
+    ...e,
+    ...t,
+    tileDataAttributes: {
+      ...e.tileDataAttributes,
+      ...t.tileDataAttributes
+    }
+  } : e;
+}
+function Qe(e) {
+  if (!e)
+    return {};
+  const t = {};
+  for (const [o, n] of Object.entries(e))
+    n === void 0 || n === !1 || (t[`data-${o}`] = n === !0 ? "true" : String(n));
+  return t;
 }
-const Le = ({
-  row: e,
-  col: t,
-  gridSize: n,
-  color: o,
-  hollow: r,
-  top: i,
-  left: l
+const le = Ke(Je), sn = ({
+  theme: e,
+  children: t
 }) => {
-  const s = Fe({ row: e, col: t, gridSize: n, top: i, left: l });
-  return /* @__PURE__ */ M(
+  const o = Se(le), n = ze(o, e);
+  return /* @__PURE__ */ z(le.Provider, { value: n, children: t });
+};
+function Ie(e) {
+  const t = Se(le);
+  return ze(t, e);
+}
+const We = ({ ctx: e, theme: t }) => {
+  const { row: o, col: n, gridSize: r, color: i, hollow: l, positionStyle: s } = e, a = t?.pipStyle?.(e) ?? {};
+  return /* @__PURE__ */ z(
     "div",
     {
       "data-testid": "pip",
-      "data-row": e,
-      "data-col": t,
-      "data-grid": n,
+      "data-row": o,
+      "data-col": n,
+      "data-grid": r,
+      "data-pip-value": e.value,
+      "data-hollow": l ? "true" : void 0,
       style: {
         position: "absolute",
-        backgroundColor: r ? "transparent" : o,
-        border: r ? "2px solid #888" : void 0,
         borderRadius: "50%",
         transform: "translate(-50%, -50%)",
-        boxShadow: r ? void 0 : "1px 2px 3px rgba(0,0,0,0.3)",
-        ...s
+        backgroundColor: l ? "transparent" : i,
+        border: l ? `2px solid ${i}` : void 0,
+        boxShadow: l ? void 0 : "1px 2px 3px rgba(0,0,0,0.3)",
+        ...s,
+        ...a
       }
     }
   );
-}, _e = {
+}, et = {
+  "3x3": { rows: [20, 50, 80], cols: [20, 50, 80], size: "18%" },
+  "3x4": { rows: [24, 50, 76], cols: [22, 40, 60, 78], size: "12%" },
+  "4x3": { rows: [15, 38, 62, 85], cols: [20, 50, 80], size: "14%" }
+};
+function tt(e) {
+  const t = et[e.gridSize];
+  return {
+    top: e.top ?? `${t.rows[e.row]}%`,
+    left: e.left ?? `${t.cols[e.col]}%`,
+    width: t.size,
+    height: t.size
+  };
+}
+const nt = {
   0: [],
   1: [{ row: 1, col: 1, gridSize: "3x3" }],
   2: [
@@ -145,10 +170,10 @@ const Le = ({
     { row: 3, col: 2, gridSize: "4x3" }
   ]
 };
-function Ne(e) {
-  return _e[e] ?? [];
+function ot(e) {
+  return nt[e] ?? [];
 }
-const j = {
+const q = {
   0: { color: "transparent" },
   1: { color: "#1a1a1a" },
   2: { color: "#8B1A1A" },
@@ -162,44 +187,45 @@ const j = {
   10: { color: "#EA580C" },
   11: { color: "#166534" },
   12: { color: "#DC2626" }
-}, Mt = j;
-function $t(e) {
-  return { ...j, ...e };
+}, an = q;
+function un(e) {
+  return { ...q, ...e };
 }
-function ge(e, t) {
+function Pe(e, t) {
   if (t !== void 0)
-    return t[e] ?? j[e] ?? { color: "#1a1a1a" };
+    return t[e] ?? q[e] ?? { color: "#1a1a1a" };
 }
-function kt(e) {
-  return ge(e, j);
+function cn(e) {
+  return Pe(e, q);
 }
-const Be = (e, t, n) => {
-  const o = ge(e, n);
-  return o ? { color: o.color, hollow: o.hollow } : { color: t };
-}, je = ({
+const rt = (e, t, o) => {
+  const n = Pe(e, o);
+  return n ? { color: n.color, hollow: n.hollow } : { color: t };
+}, it = ({
   value: e,
   pipColor: t,
-  pipColors: n
+  pipColors: o
 }) => {
-  const { color: o, hollow: r } = Be(e, t, n), i = Ne(e);
-  return /* @__PURE__ */ M(xe, { children: i.map((l, s) => /* @__PURE__ */ M(
-    Le,
-    {
-      row: l.row,
-      col: l.col,
-      gridSize: l.gridSize,
-      color: o,
-      hollow: r,
-      top: l.top,
-      left: l.left
-    },
-    s
-  )) });
-}, de = ({
+  const n = Ie(), { color: r, hollow: i } = rt(e, t, o), l = ot(e);
+  return /* @__PURE__ */ z(we, { children: l.map((s, a) => {
+    const c = {
+      value: e,
+      row: s.row,
+      col: s.col,
+      gridSize: s.gridSize,
+      color: r,
+      hollow: i,
+      top: s.top,
+      left: s.left,
+      positionStyle: tt(s)
+    };
+    return n.renderPip ? /* @__PURE__ */ z("span", { children: n.renderPip(c) }, a) : /* @__PURE__ */ z(We, { ctx: c, theme: n }, a);
+  }) });
+}, xe = ({
   value: e,
   pipColor: t,
-  pipColors: n
-}) => /* @__PURE__ */ M(
+  pipColors: o
+}) => /* @__PURE__ */ z(
   "div",
   {
     style: {
@@ -209,26 +235,37 @@ const Be = (e, t, n) => {
       padding: "0",
       overflow: "hidden"
     },
-    children: /* @__PURE__ */ M(je, { value: e, pipColor: t, pipColors: n })
+    children: /* @__PURE__ */ z(it, { value: e, pipColor: t, pipColors: o })
   }
-), ve = ({
+), Te = ({
   value1: e = 0,
   value2: t = 0,
-  width: n = 100,
-  height: o = 200,
+  width: o = 100,
+  height: n = 200,
   backgroundColor: r = "white",
   pipColor: i = "black",
   pipColors: l,
   borderColor: s = "black",
-  rotation: a = 0
+  rotation: a = 0,
+  theme: c
 }) => {
-  const c = Math.min(Math.max(e, 0), 12), d = Math.min(Math.max(t, 0), 12);
-  return /* @__PURE__ */ D(
+  const d = Ie(c), u = Math.min(Math.max(e, 0), 12), f = Math.min(Math.max(t, 0), 12), p = {
+    value1: u,
+    value2: f,
+    width: o,
+    height: n,
+    backgroundColor: r,
+    borderColor: s,
+    rotation: a
+  }, v = d.tileStyle?.(p) ?? {}, S = d.halfDividerStyle?.(p) ?? {};
+  return /* @__PURE__ */ $(
     "div",
     {
+      className: d.tileClassName,
+      ...Qe(d.tileDataAttributes),
       style: {
-        width: `${n}px`,
-        height: `${o}px`,
+        width: `${o}px`,
+        height: `${n}px`,
         backgroundColor: r,
         borderColor: s,
         borderWidth: "1px",
@@ -239,10 +276,11 @@ const Be = (e, t, n) => {
         boxShadow: "0 1px 2px rgba(0,0,0,0.2)",
         display: "flex",
         flexDirection: "column",
-        overflow: "hidden"
+        overflow: "hidden",
+        ...v
       },
       children: [
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ z(
           "div",
           {
             style: {
@@ -250,62 +288,63 @@ const Be = (e, t, n) => {
               position: "relative",
               borderBottomWidth: "1px",
               borderBottomStyle: "solid",
-              borderBottomColor: s
+              borderBottomColor: s,
+              ...S
             },
-            children: /* @__PURE__ */ M(de, { value: c, pipColor: i, pipColors: l })
+            children: /* @__PURE__ */ z(xe, { value: u, pipColor: i, pipColors: l })
           }
         ),
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ z(
           "div",
           {
             style: {
               flex: 1,
               position: "relative"
             },
-            children: /* @__PURE__ */ M(de, { value: d, pipColor: i, pipColors: l })
+            children: /* @__PURE__ */ z(xe, { value: f, pipColor: i, pipColors: l })
           }
         )
       ]
     }
   );
-}, T = 60, I = 120, Ue = [-45, 45];
-function Z(e, t = T, n = I) {
-  return e ? t / 2 : n / 2;
+}, C = 60, D = 120, lt = [-45, 45];
+function W(e, t = C, o = D) {
+  return e ? t / 2 : o / 2;
 }
-function O(e, t, n = T, o = I) {
-  return Z(e, n, o) + Z(t, n, o);
+function A(e, t, o = C, n = D) {
+  return W(e, o, n) + W(t, o, n);
 }
-function R(e) {
+function Y(e) {
   const t = e * Math.PI / 180;
   return {
     dirX: Math.cos(t),
     dirY: Math.sin(t)
   };
 }
-function F(e) {
-  const { dirX: t, dirY: n } = R(e);
-  return { perpX: -n, perpY: t };
+function L(e) {
+  const { dirX: t, dirY: o } = Y(e);
+  return { perpX: -o, perpY: t };
 }
-function Ve(e) {
-  const t = e.map((n) => ({ ...n }));
-  for (let n = 1; n < t.length; n++) {
-    const o = t[n], r = t[n - 1].value2;
-    !(o.value1 === o.value2) && o.value1 !== r && o.value2 === r && (t[n] = { value1: o.value2, value2: o.value1 });
+function st(e) {
+  const t = e.map((o) => ({ ...o }));
+  for (let o = 1; o < t.length; o++) {
+    const n = t[o], r = t[o - 1].value2;
+    !(n.value1 === n.value2) && n.value1 !== r && n.value2 === r && (t[o] = { value1: n.value2, value2: n.value1 });
   }
   return t;
 }
-function U(e) {
-  const { dirX: t, dirY: n } = R(e);
-  return Math.abs(t) >= Math.abs(n) ? t >= 0 ? 1 : -1 : n >= 0 ? 1 : -1;
+function K(e) {
+  const { dirX: t, dirY: o } = Y(e);
+  return Math.abs(t) >= Math.abs(o) ? t >= 0 ? 1 : -1 : o >= 0 ? 1 : -1;
 }
-function be(e, t) {
+function Me(e, t) {
   return e === 0 ? t : e === t ? -t : t;
 }
-function ye({
+function ke({
   orientedDominoes: e,
   startX: t,
-  startY: n,
-  angle: o,
+  startY: o,
+  angle: n,
   layoutStyle: r,
   dominoWidth: i,
   dominoHeight: l,
@@ -313,96 +352,96 @@ function ye({
   outwardSign: a,
   hubIndex: c
 }) {
-  const d = [], { dirX: u, dirY: f } = R(o), { perpX: p, perpY: b } = F(o), m = r === "offset" && c != null, w = [];
-  let z = t + u * s, v = n + f * s, k = 0, x = 0;
-  const S = i / 2, C = (g) => {
-    const h = (g - k) * S;
-    z += p * h, v += b * h, k = g;
+  const d = [], { dirX: u, dirY: f } = Y(n), { perpX: p, perpY: v } = L(n), S = r === "offset" && c != null, m = [];
+  let P = t + u * s, b = o + f * s, M = 0, g = 0;
+  const I = i / 2, k = (x) => {
+    const h = (x - M) * I;
+    P += p * h, b += v * h, M = x;
   };
-  for (let g = 0; g < e.length; g++) {
-    const h = e[g], y = h.value1 === h.value2, $ = g > 0 && e[g - 1].value1 === e[g - 1].value2;
-    r === "linear" ? g > 0 && (y ? (z += u * O($, !0, i, l), v += f * O($, !0, i, l)) : $ ? (z += u * O(!0, !1, i, l), v += f * O(!0, !1, i, l)) : (z += u * l, v += f * l)) : y ? g > 0 && (z += u * O($, !0, i, l), v += f * O($, !0, i, l)) : (g === 0 ? x = a : $ ? (z += u * O(!0, !1, i, l), v += f * O(!0, !1, i, l)) : (z += u * (l / 2), v += f * (l / 2), x = be(x, a)), C(x)), w.push(k), d.push({
-      x: z,
-      y: v,
-      rotation: y ? o + 180 : o - 90,
+  for (let x = 0; x < e.length; x++) {
+    const h = e[x], y = h.value1 === h.value2, T = x > 0 && e[x - 1].value1 === e[x - 1].value2;
+    r === "linear" ? x > 0 && (y ? (P += u * A(T, !0, i, l), b += f * A(T, !0, i, l)) : T ? (P += u * A(!0, !1, i, l), b += f * A(!0, !1, i, l)) : (P += u * l, b += f * l)) : y ? x > 0 && (P += u * A(T, !0, i, l), b += f * A(T, !0, i, l)) : (x === 0 ? g = a : T ? (P += u * A(!0, !1, i, l), b += f * A(!0, !1, i, l)) : (P += u * (l / 2), b += f * (l / 2), g = Me(g, a)), k(g)), m.push(M), d.push({
+      x: P,
+      y: b,
+      rotation: y ? n + 180 : n - 90,
       isDouble: y,
       value1: h.value1,
       value2: h.value2
     });
   }
-  if (m && c != null) {
-    const g = -w[c] * S;
-    if (g !== 0)
+  if (S && c != null) {
+    const x = -m[c] * I;
+    if (x !== 0)
       for (let h = 0; h < d.length; h++)
         d[h] = {
           ...d[h],
-          x: d[h].x + p * g,
-          y: d[h].y + b * g
+          x: d[h].x + p * x,
+          y: d[h].y + v * x
         };
   }
   return d;
 }
-function we(e, t) {
+function Ce(e, t) {
   if (!e || e.length === 0) return [];
-  const n = /* @__PURE__ */ new Map();
-  for (const o of e)
-    Number.isInteger(o.index) && (o.index <= 0 || o.index >= t || n.set(o.index, o.turn));
-  return [...n.entries()].map(([o, r]) => ({ index: o, turn: r })).sort((o, r) => o.index - r.index);
+  const o = /* @__PURE__ */ new Map();
+  for (const n of e)
+    Number.isInteger(n.index) && (n.index <= 0 || n.index >= t || o.set(n.index, n.turn));
+  return [...o.entries()].map(([n, r]) => ({ index: n, turn: r })).sort((n, r) => n.index - r.index);
 }
-function Ge(e, t, n, o = 1 / 0) {
-  const r = we(t, Number.isFinite(o) ? o : n + 1);
+function at(e, t, o, n = 1 / 0) {
+  const r = Ce(t, Number.isFinite(n) ? n : o + 1);
   let i = e;
   for (const l of r)
-    if (l.index <= n) i += l.turn;
+    if (l.index <= o) i += l.turn;
     else break;
   return i;
 }
-function qe(e, t, n, o) {
-  const { startX: r, startY: i, angle: l, layoutStyle: s, dominoWidth: a, dominoHeight: c, leadGap: d, outwardSign: u } = t, f = [0, ...n.map((v) => v.index), e.length], p = [];
-  let b = l, m = r, w = i, z = d;
-  for (let v = 0; v < f.length - 1; v++) {
-    const k = e.slice(f[v], f[v + 1]);
-    if (k.length === 0) continue;
-    const x = v === 0 && o != null && o < f[1] ? o : void 0, S = ye({
-      orientedDominoes: k,
-      startX: m,
-      startY: w,
-      angle: b,
+function ut(e, t, o, n) {
+  const { startX: r, startY: i, angle: l, layoutStyle: s, dominoWidth: a, dominoHeight: c, leadGap: d, outwardSign: u } = t, f = [0, ...o.map((b) => b.index), e.length], p = [];
+  let v = l, S = r, m = i, P = d;
+  for (let b = 0; b < f.length - 1; b++) {
+    const M = e.slice(f[b], f[b + 1]);
+    if (M.length === 0) continue;
+    const g = b === 0 && n != null && n < f[1] ? n : void 0, I = ke({
+      orientedDominoes: M,
+      startX: S,
+      startY: m,
+      angle: v,
       layoutStyle: s,
       dominoWidth: a,
       dominoHeight: c,
-      leadGap: z,
+      leadGap: P,
       outwardSign: u,
-      hubIndex: x
+      hubIndex: g
     });
-    if (p.push(...S), v >= f.length - 2) break;
-    const g = S[S.length - 1], h = R(b), y = Z(g.isDouble, a, c);
-    b += n[v].turn;
-    const $ = e[f[v + 1]], E = $.value1 === $.value2, A = Z(E, a, c), _ = R(b), N = F(b), P = a / 2, W = g.x + h.dirX * (y - P) + _.dirX * (A + P), V = g.y + h.dirY * (y - P) + _.dirY * (A + P), X = s === "offset" && !E, G = X ? N.perpX * P * u : 0, q = X ? N.perpY * P * u : 0;
-    m = W - G, w = V - q, z = 0;
+    if (p.push(...I), b >= f.length - 2) break;
+    const x = I[I.length - 1], h = Y(v), y = W(x.isDouble, a, c);
+    v += o[b].turn;
+    const T = e[f[b + 1]], O = T.value1 === T.value2, _ = W(O, a, c), U = Y(v), j = L(v), E = a / 2, oe = x.x + h.dirX * (y - E) + U.dirX * (_ + E), H = x.y + h.dirY * (y - E) + U.dirY * (_ + E), R = s === "offset" && !O, Z = R ? j.perpX * E * u : 0, J = R ? j.perpY * E * u : 0;
+    S = oe - Z, m = H - J, P = 0;
   }
   return p;
 }
-function Ke({
+function ct({
   startX: e,
   startY: t,
-  angle: n,
-  dominoes: o,
+  angle: o,
+  dominoes: n,
   layoutStyle: r,
-  dominoWidth: i = T,
-  dominoHeight: l = I,
+  dominoWidth: i = C,
+  dominoHeight: l = D,
   leadGap: s = l * 0.3,
   outwardSign: a,
   hubIndex: c,
   bends: d
 }) {
-  const u = Ve([...o]), f = a ?? U(n), p = we(d, u.length);
-  return p.length > 0 ? qe(
+  const u = st([...n]), f = a ?? K(o), p = Ce(d, u.length);
+  return p.length > 0 ? ut(
     u,
     {
       startX: e,
       startY: t,
-      angle: n,
+      angle: o,
       layoutStyle: r,
       dominoWidth: i,
       dominoHeight: l,
@@ -411,11 +450,11 @@ function Ke({
     },
     p,
     c
-  ) : ye({
+  ) : ke({
     orientedDominoes: u,
     startX: e,
     startY: t,
-    angle: n,
+    angle: o,
     layoutStyle: r,
     dominoWidth: i,
     dominoHeight: l,
@@ -424,8 +463,8 @@ function Ke({
     hubIndex: c
   });
 }
-function fe(e, t = T, n = I) {
-  const o = e.rotation * Math.PI / 180, r = Math.cos(o), i = Math.sin(o), l = t / 2, s = n / 2;
+function be(e, t = C, o = D) {
+  const n = e.rotation * Math.PI / 180, r = Math.cos(n), i = Math.sin(n), l = t / 2, s = o / 2;
   return [
     [-l, -s],
     [l, -s],
@@ -436,56 +475,56 @@ function fe(e, t = T, n = I) {
     y: e.y + a * i + c * r
   }));
 }
-function Ze(e, t, n) {
-  let o = 1 / 0, r = -1 / 0, i = 1 / 0, l = -1 / 0;
+function dt(e, t, o) {
+  let n = 1 / 0, r = -1 / 0, i = 1 / 0, l = -1 / 0;
   for (const s of e) {
-    const a = s.x * n.x + s.y * n.y;
-    o = Math.min(o, a), r = Math.max(r, a);
+    const a = s.x * o.x + s.y * o.y;
+    n = Math.min(n, a), r = Math.max(r, a);
   }
   for (const s of t) {
-    const a = s.x * n.x + s.y * n.y;
+    const a = s.x * o.x + s.y * o.y;
     i = Math.min(i, a), l = Math.max(l, a);
   }
-  return Math.min(r, l) - Math.max(o, i);
+  return Math.min(r, l) - Math.max(n, i);
 }
-function J(e, t, n = 1, o = T, r = I) {
-  const i = fe(e, o, r), l = fe(t, o, r);
+function ee(e, t, o = 1, n = C, r = D) {
+  const i = be(e, n, r), l = be(t, n, r);
   for (const s of [i, l])
     for (let a = 0; a < 4; a++) {
-      const c = s[a], d = s[(a + 1) % 4], u = d.x - c.x, f = d.y - c.y, p = Math.hypot(u, f) || 1, b = { x: -f / p, y: u / p };
-      if (Ze(i, l, b) <= n)
+      const c = s[a], d = s[(a + 1) % 4], u = d.x - c.x, f = d.y - c.y, p = Math.hypot(u, f) || 1, v = { x: -f / p, y: u / p };
+      if (dt(i, l, v) <= o)
         return !1;
     }
   return !0;
 }
-function Je(e, t, n, o) {
+function ft(e, t, o, n) {
   return t.some(
-    (r) => J(e, r, 1, n, o)
+    (r) => ee(e, r, 1, o, n)
   );
 }
-function Se(e, t, n = 1, o = T, r = I) {
+function De(e, t, o = 1, n = C, r = D) {
   return e.some(
     (i) => t.some(
-      (l) => J(i, l, n, o, r)
+      (l) => ee(i, l, o, n, r)
     )
   );
 }
-function me(e, t = 1, n = T, o = I) {
+function $e(e, t = 1, o = C, n = D) {
   for (let r = 0; r < e.length; r++)
     for (let i = r + 1; i < e.length; i++)
-      if (J(e[r], e[i], t, n, o))
+      if (ee(e[r], e[i], t, o, n))
         return !0;
   return !1;
 }
-const Y = T / 4, pe = 24;
-function re({
+const F = C / 4, ye = 24;
+function ue({
   startX: e,
   startY: t,
-  angle: n,
-  branch: o,
+  angle: o,
+  branch: n,
   layoutStyle: r,
-  dominoWidth: i = T,
-  dominoHeight: l = I,
+  dominoWidth: i = C,
+  dominoHeight: l = D,
   leadGap: s,
   depth: a = 0,
   anchor: c,
@@ -494,105 +533,105 @@ function re({
   pushAxis: f,
   minPushSteps: p = 0
 }) {
-  const b = d ?? U(n), m = o.feet ? Object.keys(o.feet).map(Number).filter((x) => {
-    const S = o.dominoes[x];
-    return S && S.value1 === S.value2;
-  }).sort((x, S) => x - S)[0] : void 0, w = (x, S) => Ke({
-    startX: x,
-    startY: S,
-    angle: n,
-    dominoes: o.dominoes,
+  const v = d ?? K(o), S = n.feet ? Object.keys(n.feet).map(Number).filter((g) => {
+    const I = n.dominoes[g];
+    return I && I.value1 === I.value2;
+  }).sort((g, I) => g - I)[0] : void 0, m = (g, I) => ct({
+    startX: g,
+    startY: I,
+    angle: o,
+    dominoes: n.dominoes,
     layoutStyle: r,
     dominoWidth: i,
     dominoHeight: l,
     leadGap: s,
-    outwardSign: b,
-    hubIndex: m,
-    bends: o.bends
+    outwardSign: v,
+    hubIndex: S,
+    bends: n.bends
   });
-  let z = w(
-    e + (f?.x ?? 0) * Y * p,
-    t + (f?.y ?? 0) * Y * p
-  ), v = c && f ? {
-    x: c.x + f.x * Y * p,
-    y: c.y + f.y * Y * p
+  let P = m(
+    e + (f?.x ?? 0) * F * p,
+    t + (f?.y ?? 0) * F * p
+  ), b = c && f ? {
+    x: c.x + f.x * F * p,
+    y: c.y + f.y * F * p
   } : c;
   if (f && u.length > 0)
-    for (let x = p; x <= pe; x++) {
-      const S = e + f.x * Y * x, C = t + f.y * Y * x, g = w(S, C);
-      if (!g.some(
-        (y) => Je(y, u, i, l)
-      ) || x === pe) {
-        z = g, v = c && {
-          x: c.x + f.x * Y * x,
-          y: c.y + f.y * Y * x
+    for (let g = p; g <= ye; g++) {
+      const I = e + f.x * F * g, k = t + f.y * F * g, x = m(I, k);
+      if (!x.some(
+        (y) => ft(y, u, i, l)
+      ) || g === ye) {
+        P = x, b = c && {
+          x: c.x + f.x * F * g,
+          y: c.y + f.y * F * g
         };
         break;
       }
     }
-  u.push(...z);
-  const k = [
+  u.push(...P);
+  const M = [
     {
-      angle: n,
+      angle: o,
       depth: a,
       layoutStyle: r,
-      outwardSign: b,
-      dominoes: o.dominoes,
-      layout: z,
-      anchor: v
+      outwardSign: v,
+      dominoes: n.dominoes,
+      layout: P,
+      anchor: b
     }
   ];
-  if (o.feet) {
-    const x = i / 2, S = l / 2;
-    for (const C of Object.keys(o.feet)) {
-      const g = Number(C), h = z[g], y = o.feet[g];
+  if (n.feet) {
+    const g = i / 2, I = l / 2;
+    for (const k of Object.keys(n.feet)) {
+      const x = Number(k), h = P[x], y = n.feet[x];
       if (!h || !h.isDouble || !y)
         continue;
-      const $ = Ge(
-        n,
-        o.bends,
-        g,
-        o.dominoes.length
-      ), { dirX: E, dirY: A } = R($), { perpX: _, perpY: N } = F($);
-      for (let P = 0; P < y.length; P++) {
-        const W = y[P], V = Ue[P] ?? 0, X = Math.sign(V), G = $ + V, q = F(G), ee = -X, Ee = h.x + E * (i / 2) + _ * (l / 2) * X, Xe = h.y + A * (i / 2) + N * (l / 2) * X, ae = Ee - q.perpX * ee * x, ue = Xe - q.perpY * ee * x;
-        k.push(
-          ...re({
-            startX: ae,
-            startY: ue,
-            angle: G,
-            branch: W,
+      const T = at(
+        o,
+        n.bends,
+        x,
+        n.dominoes.length
+      ), { dirX: O, dirY: _ } = Y(T), { perpX: U, perpY: j } = L(T);
+      for (let E = 0; E < y.length; E++) {
+        const oe = y[E], H = lt[E] ?? 0, R = Math.sign(H), Z = T + H, J = L(Z), re = -R, Ge = h.x + O * (i / 2) + U * (l / 2) * R, qe = h.y + _ * (i / 2) + j * (l / 2) * R, he = Ge - J.perpX * re * g, ge = qe - J.perpY * re * g;
+        M.push(
+          ...ue({
+            startX: he,
+            startY: ge,
+            angle: Z,
+            branch: oe,
             // Toes inherit the main style so they zigzag in offset mode.
             layoutStyle: r,
             dominoWidth: i,
             dominoHeight: l,
-            leadGap: S,
-            outwardSign: ee,
+            leadGap: I,
+            outwardSign: re,
             depth: a + 1,
-            anchor: { x: ae, y: ue },
+            anchor: { x: he, y: ge },
             placed: u,
             // If the snug spot is still blocked (the offset center toe leans into
             // one side), slide this toe along the double's open edge, away from
             // center, until it clears. This keeps it butted against the double
             // while stepping past the obstacle — independent per toe, so a foot
             // ends up snug and only as asymmetric as the obstruction requires.
-            pushAxis: { x: _ * X, y: N * X }
+            pushAxis: { x: U * R, y: j * R }
           })
         );
       }
     }
   }
-  return k;
+  return M;
 }
-function ze(e) {
+function Ee(e) {
   return e.flatMap((t) => t.layout);
 }
-function Ct(e, t = 24, n = T, o = I) {
-  const r = Math.hypot(n, o) / 2;
+function dn(e, t = 24, o = C, n = D) {
+  const r = Math.hypot(o, n) / 2;
   if (e.length === 0)
     return {
-      width: t * 2 + n,
-      height: t * 2 + o,
+      width: t * 2 + o,
+      height: t * 2 + n,
       offsetX: t,
       offsetY: t
     };
@@ -606,84 +645,84 @@ function Ct(e, t = 24, n = T, o = I) {
     offsetY: t - l
   };
 }
-const Q = 1;
-function Me(e, t, n) {
-  const { dirX: o, dirY: r } = R(n);
-  return e * o + t * r;
+const te = 1;
+function Ae(e, t, o) {
+  const { dirX: n, dirY: r } = Y(o);
+  return e * n + t * r;
 }
-function Qe(e, t, n) {
-  const { perpX: o, perpY: r } = F(n);
-  return e * o + t * r;
+function pt(e, t, o) {
+  const { perpX: n, perpY: r } = L(o);
+  return e * n + t * r;
 }
-function ie(e) {
+function ce(e) {
   const t = [];
-  for (let n = 1; n < e.length; n++)
-    e[n].value1 !== e[n - 1].value2 && t.push({
+  for (let o = 1; o < e.length; o++)
+    e[o].value1 !== e[o - 1].value2 && t.push({
       code: "chain-break",
-      message: `Domino ${n} does not connect to domino ${n - 1}`,
-      index: n
+      message: `Domino ${o} does not connect to domino ${o - 1}`,
+      index: o
     });
-  for (let n = 1; n < e.length; n++) {
-    const o = e[n - 1].value1 === e[n - 1].value2, r = e[n].value1 === e[n].value2;
-    o && r && t.push({
+  for (let o = 1; o < e.length; o++) {
+    const n = e[o - 1].value1 === e[o - 1].value2, r = e[o].value1 === e[o].value2;
+    n && r && t.push({
       code: "consecutive-doubles",
-      message: `Consecutive doubles at index ${n - 1} and ${n}`,
-      index: n
+      message: `Consecutive doubles at index ${o - 1} and ${o}`,
+      index: o
     });
   }
   return { valid: t.length === 0, issues: t };
 }
-function $e(e, t, n, o = T, r = I) {
-  const i = o / 2, l = e.map((u) => u.isDouble), s = [];
+function Oe(e, t, o, n = C, r = D) {
+  const i = n / 2, l = e.map((u) => u.isDouble), s = [];
   let a = 0, c = 0, d = 0;
   for (let u = 0; u < e.length; u++) {
     const f = l[u], p = u > 0 && l[u - 1];
-    t === "linear" ? (u > 0 && (a += O(p, f, o, r)), c = 0) : f ? u > 0 && (a += O(p, !0, o, r)) : u === 0 ? (d = n, c = d * i) : p ? a += O(!0, !1, o, r) : (a += r / 2, d = be(d, n), c = d * i), s.push({ along: a, perp: c });
+    t === "linear" ? (u > 0 && (a += A(p, f, n, r)), c = 0) : f ? u > 0 && (a += A(p, !0, n, r)) : u === 0 ? (d = o, c = d * i) : p ? a += A(!0, !1, n, r) : (a += r / 2, d = Me(d, o), c = d * i), s.push({ along: a, perp: c });
   }
   return s;
 }
-function He(e, t, n, o = Q, r) {
-  const i = [], l = r ?? U(t), s = $e(e, n, l);
+function ht(e, t, o, n = te, r) {
+  const i = [], l = r ?? K(t), s = Oe(e, o, l);
   for (let a = 1; a < e.length; a++) {
-    const c = e[a - 1], d = e[a], u = d.x - c.x, f = d.y - c.y, p = Me(u, f, t), b = Qe(u, f, t), m = s[a].along - s[a - 1].along, w = s[a].perp - s[a - 1].perp;
-    Math.abs(p - m) > o && i.push({
+    const c = e[a - 1], d = e[a], u = d.x - c.x, f = d.y - c.y, p = Ae(u, f, t), v = pt(u, f, t), S = s[a].along - s[a - 1].along, m = s[a].perp - s[a - 1].perp;
+    Math.abs(p - S) > n && i.push({
       code: "spacing-along-train",
-      message: `Along-train spacing between domino ${a - 1} and ${a} is ${p.toFixed(2)}px (expected ${m}px)`,
+      message: `Along-train spacing between domino ${a - 1} and ${a} is ${p.toFixed(2)}px (expected ${S}px)`,
       index: a
-    }), Math.abs(b - w) > o && i.push({
+    }), Math.abs(v - m) > n && i.push({
       code: "spacing-perpendicular",
-      message: `Perpendicular spacing between domino ${a - 1} and ${a} is ${b.toFixed(2)}px (expected ${w}px)`,
+      message: `Perpendicular spacing between domino ${a - 1} and ${a} is ${v.toFixed(2)}px (expected ${m}px)`,
       index: a
     });
   }
   return { valid: i.length === 0, issues: i };
 }
-function We(e, t, n, o = Q, r) {
-  const i = [], l = r ?? U(t), s = $e(e, n, l);
+function gt(e, t, o, n = te, r) {
+  const i = [], l = r ?? K(t), s = Oe(e, o, l);
   for (let a = 1; a < e.length; a++) {
-    const c = e[a - 1], d = e[a], u = d.x - c.x, f = d.y - c.y, p = Math.hypot(u, f), b = s[a].along - s[a - 1].along, m = s[a].perp - s[a - 1].perp, w = Math.hypot(b, m) * 0.9;
-    p + o < w && i.push({
+    const c = e[a - 1], d = e[a], u = d.x - c.x, f = d.y - c.y, p = Math.hypot(u, f), v = s[a].along - s[a - 1].along, S = s[a].perp - s[a - 1].perp, m = Math.hypot(v, S) * 0.9;
+    p + n < m && i.push({
       code: "overlap",
-      message: `Domino ${a - 1} and ${a} centers are ${p.toFixed(2)}px apart (minimum ${w.toFixed(2)}px)`,
+      message: `Domino ${a - 1} and ${a} centers are ${p.toFixed(2)}px apart (minimum ${m.toFixed(2)}px)`,
       index: a
     });
   }
   return { valid: i.length === 0, issues: i };
 }
-function Tt(e, t, n, o, r = Q, i) {
+function fn(e, t, o, n, r = te, i) {
   const l = [
-    ...ie(t).issues,
-    ...He(
+    ...ce(t).issues,
+    ...ht(
       e,
-      n,
       o,
+      n,
       r,
       i
     ).issues,
-    ...We(
+    ...gt(
       e,
-      n,
       o,
+      n,
       r,
       i
     ).issues
@@ -693,16 +732,16 @@ function Tt(e, t, n, o, r = Q, i) {
     message: `Layout length ${e.length} does not match domino count ${t.length}`
   }), { valid: l.length === 0, issues: l };
 }
-function et(e) {
-  const t = [], n = (o, r) => {
+function vt(e) {
+  const t = [], o = (n, r) => {
     if (t.push(
-      ...ie(o.dominoes).issues.map((i) => ({
+      ...ce(n.dominoes).issues.map((i) => ({
         ...i,
         message: `[${r}] ${i.message}`
       }))
-    ), !!o.feet)
-      for (const i of Object.keys(o.feet)) {
-        const l = Number(i), s = o.dominoes[l], a = o.feet[l] ?? [];
+    ), !!n.feet)
+      for (const i of Object.keys(n.feet)) {
+        const l = Number(i), s = n.dominoes[l], a = n.feet[l] ?? [];
         if (!s) {
           t.push({
             code: "foot-host-missing",
@@ -721,57 +760,57 @@ function et(e) {
           u && u.value1 !== s.value1 && t.push({
             code: "foot-connection",
             message: `[${r}] Toe ${d} on double ${l} starts with ${u.value1} but the double is ${s.value1}`
-          }), n(c, `${r}.${l}.${d}`);
+          }), o(c, `${r}.${l}.${d}`);
         });
       }
   };
-  return n(e, "main"), { valid: t.length === 0, issues: t };
+  return o(e, "main"), { valid: t.length === 0, issues: t };
 }
-function It(e, t = Q) {
-  const n = [];
+function pn(e, t = te) {
+  const o = [];
   e.forEach((r, i) => {
-    if (n.push(
-      ...ie(r.dominoes).issues.map((l) => ({
+    if (o.push(
+      ...ce(r.dominoes).issues.map((l) => ({
         ...l,
         message: `[segment ${i} @${r.angle}°] ${l.message}`
       }))
-    ), r.layout.length !== r.dominoes.length && n.push({
+    ), r.layout.length !== r.dominoes.length && o.push({
       code: "layout-length",
       message: `[segment ${i}] Layout length ${r.layout.length} does not match domino count ${r.dominoes.length}`
     }), r.anchor && r.layout.length > 0) {
-      const l = r.layout[0], s = Me(
+      const l = r.layout[0], s = Ae(
         l.x - r.anchor.x,
         l.y - r.anchor.y,
         r.angle
-      ), a = I / 2;
-      Math.abs(s - a) > t && n.push({
+      ), a = D / 2;
+      Math.abs(s - a) > t && o.push({
         code: "foot-anchor",
         message: `[segment ${i}] First toe tile sits ${s.toFixed(2)}px from the double along the toe (expected ${a}px)`,
         index: 0
       });
     }
   });
-  const o = e.flatMap((r) => r.layout);
-  for (let r = 0; r < o.length; r++)
-    for (let i = r + 1; i < o.length; i++)
-      J(o[r], o[i]) && n.push({
+  const n = e.flatMap((r) => r.layout);
+  for (let r = 0; r < n.length; r++)
+    for (let i = r + 1; i < n.length; i++)
+      ee(n[r], n[i]) && o.push({
         code: "tile-overlap",
         message: `Tiles ${r} and ${i} overlap`,
         index: i
       });
-  return { valid: n.length === 0, issues: n };
+  return { valid: o.length === 0, issues: o };
 }
-const tt = (() => {
+const xt = (() => {
   try {
     return !1;
   } catch {
     return !1;
   }
-})(), ot = ({
+})(), bt = ({
   startX: e,
   startY: t,
-  angle: n,
-  trainData: o,
+  angle: o,
+  trainData: n,
   layoutStyle: r,
   tableWidth: i,
   tableHeight: l,
@@ -779,56 +818,56 @@ const tt = (() => {
   centerY: a,
   pipColors: c
 }) => {
-  ne(() => {
-    if (!tt) return;
-    const u = et({
-      dominoes: o.dominoes,
-      feet: o.feet
+  ae(() => {
+    if (!xt) return;
+    const u = vt({
+      dominoes: n.dominoes,
+      feet: n.feet
     });
     u.valid || console.warn(
-      `DominoTrain: player ${o.playerId} train does not follow the rules:`,
+      `DominoTrain: player ${n.playerId} train does not follow the rules:`,
       u.issues.map((f) => f.message)
     );
-  }, [o.dominoes, o.feet, o.playerId]);
-  const d = Ye(
-    () => ze(
-      re({
+  }, [n.dominoes, n.feet, n.playerId]);
+  const d = He(
+    () => Ee(
+      ue({
         startX: e,
         startY: t,
-        angle: n,
-        branch: { dominoes: o.dominoes, feet: o.feet },
+        angle: o,
+        branch: { dominoes: n.dominoes, feet: n.feet },
         layoutStyle: r
       })
     ),
     [
       e,
       t,
-      n,
-      o.dominoes,
-      o.feet,
+      o,
+      n.dominoes,
+      n.feet,
       r,
       i,
       l
     ]
   );
-  return /* @__PURE__ */ M(xe, { children: d.map((u, f) => {
-    const p = o.isPublic;
-    return /* @__PURE__ */ M(
+  return /* @__PURE__ */ z(we, { children: d.map((u, f) => {
+    const p = n.isPublic;
+    return /* @__PURE__ */ z(
       "div",
       {
         style: {
           position: "absolute",
-          left: `${u.x - T / 2}px`,
-          top: `${u.y - I / 2}px`,
+          left: `${u.x - C / 2}px`,
+          top: `${u.y - D / 2}px`,
           zIndex: 5
         },
-        children: /* @__PURE__ */ M(
-          ve,
+        children: /* @__PURE__ */ z(
+          Te,
           {
             value1: u.value1,
             value2: u.value2,
-            width: T,
-            height: I,
+            width: C,
+            height: D,
             backgroundColor: "white",
             pipColor: "black",
             pipColors: c,
@@ -837,19 +876,19 @@ const tt = (() => {
           }
         )
       },
-      `main-train-${o.playerId}-${f}`
+      `main-train-${n.playerId}-${f}`
     );
   }) });
 };
-function nt(e, t, n, o) {
-  const r = n * (o === "offset" ? 2.5 : 1.3);
+function yt(e, t, o, n) {
+  const r = o * (n === "offset" ? 2.5 : 1.3);
   return Math.max(t + 20, Math.ceil(r * e / (2 * Math.PI)));
 }
-const rt = ({
+const mt = ({
   playerCount: e,
   centerX: t,
-  centerY: n,
-  radius: o,
+  centerY: o,
+  radius: n,
   engineValue: r,
   trains: i,
   layoutStyle: l,
@@ -857,9 +896,9 @@ const rt = ({
   tableHeight: a,
   pipColors: c
 }) => {
-  const d = Math.max(8, e), u = 120, f = 60, p = 120, b = nt(d, o, f, l);
-  return /* @__PURE__ */ D("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ M(
+  const d = Math.max(8, e), u = 120, f = 60, p = 120, v = yt(d, n, f, l);
+  return /* @__PURE__ */ $("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ z(
       "div",
       {
         style: {
@@ -867,7 +906,7 @@ const rt = ({
           width: `${u}px`,
           height: `${u}px`,
           left: `${t - u / 2}px`,
-          top: `${n - u / 2}px`,
+          top: `${o - u / 2}px`,
           backgroundColor: "#d1d5db",
           borderWidth: "3px",
           borderStyle: "solid",
@@ -879,8 +918,8 @@ const rt = ({
           justifyContent: "center",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ M("div", { style: { transform: "rotate(0deg)" }, children: /* @__PURE__ */ M(
-          ve,
+        children: /* @__PURE__ */ z("div", { style: { transform: "rotate(0deg)" }, children: /* @__PURE__ */ z(
+          Te,
           {
             value1: r,
             value2: r,
@@ -894,79 +933,79 @@ const rt = ({
         ) })
       }
     ),
-    Array.from({ length: d }).map((m, w) => {
-      const z = w * 360 / d, v = z * Math.PI / 180, k = t + b * Math.cos(v), x = n + b * Math.sin(v), S = i.find((C) => C.playerId === w) || {
+    Array.from({ length: d }).map((S, m) => {
+      const P = m * 360 / d, b = P * Math.PI / 180, M = t + v * Math.cos(b), g = o + v * Math.sin(b), I = i.find((k) => k.playerId === m) || {
         dominoes: [],
-        playerId: w,
+        playerId: m,
         isPublic: !1
       };
-      return /* @__PURE__ */ M(
-        ot,
+      return /* @__PURE__ */ z(
+        bt,
         {
-          startX: k,
-          startY: x,
-          angle: z,
-          trainData: S,
+          startX: M,
+          startY: g,
+          angle: P,
+          trainData: I,
           layoutStyle: l,
           tableWidth: s,
           tableHeight: a,
           centerX: t,
-          centerY: n,
+          centerY: o,
           pipColors: c
         },
-        w
+        m
       );
     })
   ] });
 };
-function L(e, t) {
+function V(e, t) {
   return e <= t ? `${e}:${t}` : `${t}:${e}`;
 }
-function ke(e) {
-  return L(e.value1, e.value2);
+function B(e) {
+  return V(e.value1, e.value2);
 }
-function Ce(e) {
+function Re(e) {
   return e.value1 === e.value2;
 }
-function Dt(e, t) {
+function Fe(e, t) {
   return e.value1 === t || e.value2 === t;
 }
-function Pt(e, t) {
+function hn(e, t) {
   return e.value1 === t ? e.value2 : e.value2 === t ? e.value1 : null;
 }
-function Te(e, t) {
+function de(e, t) {
   return e.value1 === t ? { value1: e.value1, value2: e.value2 } : e.value2 === t ? { value1: e.value2, value2: e.value1 } : null;
 }
-function Ot(e) {
+function wt(e) {
   const t = [];
-  for (let n = 0; n <= e; n++)
-    for (let o = n; o <= e; o++)
-      t.push({ value1: n, value2: o });
+  for (let o = 0; o <= e; o++)
+    for (let n = o; n <= e; n++)
+      t.push({ value1: o, value2: n });
   return t;
 }
-function Et(e) {
+function gn(e) {
   const t = e + 1;
   return t * (t + 1) / 2;
 }
-function it(e, t = 12, n = {}) {
-  const o = /* @__PURE__ */ new Set([L(t, t)]), r = [];
+function St(e, t = 12, o = {}) {
+  const n = /* @__PURE__ */ new Set([V(t, t)]), r = [];
   for (let i = 0; i < e; i++) {
     const l = 4 + Math.floor(Math.random() * 7), s = [];
     let a = t, c = !1;
     for (let u = 0; u < l; u++) {
-      const f = ut(
+      const f = Tt(
         a,
         c,
         u === 0,
         t,
-        o
+        n
       );
       if (f === null)
         break;
       const p = f === a;
-      o.add(L(a, f)), s.push({ value1: a, value2: f }), c = p, a = f;
+      n.add(V(a, f)), s.push({ value1: a, value2: f }), c = p, a = f;
     }
-    const d = n.chickenFeet ? lt(s, o) : void 0;
+    const d = o.chickenFeet ? zt(s, n) : void 0;
     r.push({
       playerId: i,
       dominoes: s,
@@ -976,89 +1015,89 @@ function it(e, t = 12, n = {}) {
   }
   return r;
 }
-function lt(e, t) {
-  const n = {};
-  for (let o = 0; o < e.length; o++) {
-    if (e[o].value1 !== e[o].value2)
+function zt(e, t) {
+  const o = {};
+  for (let n = 0; n < e.length; n++) {
+    if (e[n].value1 !== e[n].value2)
       continue;
-    const r = e[o].value1, i = [];
+    const r = e[n].value1, i = [];
     for (let l = 0; l < 2; l++) {
-      const s = st(r, t);
+      const s = It(r, t);
       s && i.push(s);
     }
-    i.length && (n[o] = i);
+    i.length && (o[n] = i);
   }
-  return Object.keys(n).length ? n : void 0;
+  return Object.keys(o).length ? o : void 0;
 }
-function st(e, t) {
-  const n = 1 + Math.floor(Math.random() * 2), o = [];
+function It(e, t) {
+  const o = 1 + Math.floor(Math.random() * 2), n = [];
   let r = e;
-  for (let i = 0; i < n; i++) {
-    const l = at(r, t);
+  for (let i = 0; i < o; i++) {
+    const l = Pt(r, t);
     if (l === null)
       break;
-    t.add(L(r, l)), o.push({ value1: r, value2: l }), r = l;
+    t.add(V(r, l)), n.push({ value1: r, value2: l }), r = l;
   }
-  return o.length ? { dominoes: o } : null;
+  return n.length ? { dominoes: n } : null;
 }
-function at(e, t) {
-  const n = [];
-  for (let o = 0; o < 13; o++)
-    o !== e && (t.has(L(e, o)) || n.push(o));
-  return n.length === 0 ? null : n[Math.floor(Math.random() * n.length)];
+function Pt(e, t) {
+  const o = [];
+  for (let n = 0; n < 13; n++)
+    n !== e && (t.has(V(e, n)) || o.push(n));
+  return o.length === 0 ? null : o[Math.floor(Math.random() * o.length)];
 }
-function ut(e, t, n, o, r) {
+function Tt(e, t, o, n, r) {
   const i = Array.from({ length: 13 }, (l, s) => s).filter(
-    (l) => ct(
+    (l) => Mt(
       e,
       l,
       t,
-      n,
       o,
+      n,
       r
     )
   );
   return i.length === 0 ? null : i[Math.floor(Math.random() * i.length)];
 }
-function ct(e, t, n, o, r, i) {
+function Mt(e, t, o, n, r, i) {
   const l = t === e;
-  return !(o && l && e === r || l && n || i.has(L(e, t)));
+  return !(n && l && e === r || l && o || i.has(V(e, t)));
 }
-const dt = {
+const kt = {
   playerCount: 8,
   trains: [],
   engineValue: 12
-}, Xt = ({
-  initialState: e = dt,
+}, vn = ({
+  initialState: e = kt,
   width: t = 1200,
-  height: n = 800,
-  pipColors: o,
+  height: o = 800,
+  pipColors: n,
   onPipColorsChange: r
 }) => {
-  const [i, l] = B(e), [s, a] = B("offset"), [c, d] = B(!1), [u, f] = B(void 0), p = o ?? u, b = r ?? f, m = p !== void 0, w = t / 2, z = n / 2, v = (x = c) => {
-    const S = it(
+  const [i, l] = G(e), [s, a] = G("offset"), [c, d] = G(!1), [u, f] = G(void 0), p = n ?? u, v = r ?? f, S = p !== void 0, m = t / 2, P = o / 2, b = (g = c) => {
+    const I = St(
       i.playerCount,
       i.engineValue,
-      { chickenFeet: x }
+      { chickenFeet: g }
     );
-    l((C) => ({
-      ...C,
-      trains: S
+    l((k) => ({
+      ...k,
+      trains: I
     }));
   };
-  ne(() => {
-    v();
+  ae(() => {
+    b();
   }, []);
-  const k = () => {
-    const x = !c;
-    d(x), v(x);
+  const M = () => {
+    const g = !c;
+    d(g), b(g);
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ $(
     "div",
     {
       style: {
         width: `${t}px`,
-        height: `${n}px`,
+        height: `${o}px`,
         position: "relative",
         backgroundColor: "#1f8a55",
         // Classic green felt background
@@ -1067,15 +1106,15 @@ const dt = {
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ D(
+        /* @__PURE__ */ $(
           "div",
           {
             style: { position: "absolute", top: "10px", left: "10px", zIndex: 100 },
             children: [
-              /* @__PURE__ */ M(
+              /* @__PURE__ */ z(
                 "button",
                 {
-                  onClick: () => v(),
+                  onClick: () => b(),
                   style: {
                     padding: "8px 12px",
                     backgroundColor: "#fff",
@@ -1087,7 +1126,7 @@ const dt = {
                   children: "New trains"
                 }
               ),
-              /* @__PURE__ */ D(
+              /* @__PURE__ */ $(
                 "button",
                 {
                   onClick: () => a(s === "offset" ? "linear" : "offset"),
@@ -1105,10 +1144,10 @@ const dt = {
                   ]
                 }
               ),
-              /* @__PURE__ */ D(
+              /* @__PURE__ */ $(
                 "button",
                 {
-                  onClick: k,
+                  onClick: M,
                   style: {
                     padding: "8px 12px",
                     backgroundColor: c ? "#fef3c7" : "#fff",
@@ -1123,27 +1162,27 @@ const dt = {
                   ]
                 }
               ),
-              /* @__PURE__ */ D(
+              /* @__PURE__ */ $(
                 "button",
                 {
-                  onClick: () => b(m ? void 0 : j),
+                  onClick: () => v(S ? void 0 : q),
                   style: {
                     padding: "8px 12px",
-                    backgroundColor: m ? "#fef3c7" : "#fff",
-                    border: `1px solid ${m ? "#f59e0b" : "#ccc"}`,
+                    backgroundColor: S ? "#fef3c7" : "#fff",
+                    border: `1px solid ${S ? "#f59e0b" : "#ccc"}`,
                     borderRadius: "4px",
                     cursor: "pointer"
                   },
                   children: [
                     "Pip Colors: ",
-                    m ? "On" : "Off"
+                    S ? "On" : "Off"
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ D(
+        /* @__PURE__ */ $(
           "div",
           {
             style: {
@@ -1157,55 +1196,55 @@ const dt = {
               fontSize: "14px"
             },
             children: [
-              /* @__PURE__ */ D("div", { children: [
+              /* @__PURE__ */ $("div", { children: [
                 "Engine: Double-",
                 i.engineValue
               ] }),
-              /* @__PURE__ */ D("div", { children: [
+              /* @__PURE__ */ $("div", { children: [
                 "Players: ",
                 i.playerCount
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ M(
-          rt,
+        /* @__PURE__ */ z(
+          mt,
           {
             playerCount: i.playerCount,
-            centerX: w,
-            centerY: z,
+            centerX: m,
+            centerY: P,
             radius: 80,
             engineValue: i.engineValue,
             trains: i.trains,
             layoutStyle: s,
             tableWidth: t,
-            tableHeight: n,
+            tableHeight: o,
             pipColors: p
           }
         )
       ]
     }
   );
-}, le = 90;
-function oe(e, t = le) {
+}, fe = 90;
+function se(e, t = fe) {
   return e === "right" ? t : -t;
 }
-function Ie(e) {
+function Ne(e) {
   return e === "right" ? "left" : "right";
 }
-function Yt(e, t) {
-  return (t ?? U(e)) >= 0 ? "left" : "right";
+function xn(e, t) {
+  return (t ?? K(e)) >= 0 ? "left" : "right";
 }
-function Rt(e, t, n) {
-  const { perpX: o, perpY: r } = F(t), i = (a, c) => {
+function bn(e, t, o) {
+  const { perpX: n, perpY: r } = L(t), i = (a, c) => {
     let d = 1 / 0;
-    return a > 0 ? d = Math.min(d, (n.width - e.x) / a) : a < 0 && (d = Math.min(d, (0 - e.x) / a)), c > 0 ? d = Math.min(d, (n.height - e.y) / c) : c < 0 && (d = Math.min(d, (0 - e.y) / c)), Number.isFinite(d) ? Math.max(0, d) : 1 / 0;
-  }, l = i(o, r), s = i(-o, -r);
+    return a > 0 ? d = Math.min(d, (o.width - e.x) / a) : a < 0 && (d = Math.min(d, (0 - e.x) / a)), c > 0 ? d = Math.min(d, (o.height - e.y) / c) : c < 0 && (d = Math.min(d, (0 - e.y) / c)), Number.isFinite(d) ? Math.max(0, d) : 1 / 0;
+  }, l = i(n, r), s = i(-n, -r);
   return l >= s ? "right" : "left";
 }
-function De(e, t) {
-  return ze(
-    re({
+function Ye(e, t) {
+  return Ee(
+    ue({
       startX: t.startX,
       startY: t.startY,
       angle: t.angle,
@@ -1214,80 +1253,80 @@ function De(e, t) {
     })
   );
 }
-function K(e, t, n) {
-  const o = (e ?? []).filter((r) => r.index !== t);
-  return n === null ? o : [...o, { index: t, turn: n }].sort((r, i) => r.index - i.index);
+function Q(e, t, o) {
+  const n = (e ?? []).filter((r) => r.index !== t);
+  return o === null ? n : [...n, { index: t, turn: o }].sort((r, i) => r.index - i.index);
 }
-function At({
+function yn({
   branch: e,
   index: t,
-  build: n,
-  obstacles: o,
+  build: o,
+  obstacles: n,
   preferredSide: r,
-  degrees: i = le
+  degrees: i = fe
 }) {
-  const l = [r, Ie(r)];
+  const l = [r, Ne(r)];
   for (const s of l) {
-    const a = oe(s, i), c = {
+    const a = se(s, i), c = {
       ...e,
-      bends: K(e.bends, t, a)
-    }, d = De(c, n);
-    if (!me(d) && !Se(d, o))
+      bends: Q(e.bends, t, a)
+    }, d = Ye(c, o);
+    if (!$e(d) && !De(d, n))
       return { turn: a };
   }
   return { turn: null, reason: "blocked" };
 }
-function Ft(e, t, n, o, r, i = le) {
-  const l = (e.bends ?? []).find((u) => u.index === t), s = oe(r, i), a = oe(Ie(r), i), c = (u) => {
+function mn(e, t, o, n, r, i = fe) {
+  const l = (e.bends ?? []).find((u) => u.index === t), s = se(r, i), a = se(Ne(r), i), c = (u) => {
     const f = {
       ...e,
-      bends: K(e.bends, t, u)
-    }, p = De(f, n);
-    return !me(p) && !Se(p, o);
+      bends: Q(e.bends, t, u)
+    }, p = Ye(f, o);
+    return !$e(p) && !De(p, n);
   };
   let d;
   l ? l.turn === s ? d = [a, null] : l.turn === a ? d = [null] : d = [s, a, null] : d = [s, a];
   for (const u of d) {
     if (u === null)
-      return { bends: K(e.bends, t, null), changed: !0, blocked: !1 };
+      return { bends: Q(e.bends, t, null), changed: !0, blocked: !1 };
     if (c(u))
-      return { bends: K(e.bends, t, u), changed: !0, blocked: !1 };
+      return { bends: Q(e.bends, t, u), changed: !0, blocked: !1 };
   }
   return { bends: e.bends ?? [], changed: !1, blocked: !0 };
 }
-function se(e, t, n) {
-  return Math.min(n, Math.max(t, e));
+function pe(e, t, o) {
+  return Math.min(o, Math.max(t, e));
 }
-function he(e, t, n, o, r) {
-  const i = se(e.scale * t, o, r), l = i / e.scale;
+function me(e, t, o, n, r) {
+  const i = pe(e.scale * t, n, r), l = i / e.scale;
   return {
     scale: i,
-    x: n.x - (n.x - e.x) * l,
-    y: n.y - (n.y - e.y) * l
+    x: o.x - (o.x - e.x) * l,
+    y: o.y - (o.y - e.y) * l
   };
 }
-function ft(e, t, n, o, r) {
+function Ct(e, t, o, n, r) {
   const i = Math.max(1, e.width), l = Math.max(1, e.height), s = Math.min(
-    (t.width - n * 2) / i,
-    (t.height - n * 2) / l
-  ), a = se(s, o, r);
+    (t.width - o * 2) / i,
+    (t.height - o * 2) / l
+  ), a = pe(s, n, r);
   return {
     scale: a,
     x: (t.width - i * a) / 2,
     y: (t.height - l * a) / 2
   };
 }
-function Lt(e, t) {
+function wn(e, t) {
   return {
     x: (t.x - e.x) / e.scale,
     y: (t.y - e.y) / e.scale
   };
 }
-const pt = 3, _t = ({
+const Dt = 3, Sn = ({
   width: e,
   height: t,
-  contentWidth: n,
-  contentHeight: o,
+  contentWidth: o,
+  contentHeight: n,
   children: r,
   minScale: i = 0.2,
   maxScale: l = 4,
@@ -1297,44 +1336,44 @@ const pt = 3, _t = ({
   showControls: d = !0,
   testId: u = "viewport"
 }) => {
-  const f = ce(null), p = Re(
-    () => ft(
-      { width: n, height: o },
+  const f = ve(null), p = Ze(
+    () => Ct(
+      { width: o, height: n },
       { width: e, height: t },
       a,
       i,
       l
     ),
-    [n, o, e, t, a, i, l]
-  ), [b, m] = B(p);
-  ne(() => {
-    m(p());
+    [o, n, e, t, a, i, l]
+  ), [v, S] = G(p);
+  ae(() => {
+    S(p());
   }, [p]);
-  const w = ce(null), z = (h, y) => {
-    const $ = f.current?.getBoundingClientRect();
-    return { x: h - ($?.left ?? 0), y: y - ($?.top ?? 0) };
-  }, v = (h) => {
-    w.current = {
+  const m = ve(null), P = (h, y) => {
+    const T = f.current?.getBoundingClientRect();
+    return { x: h - (T?.left ?? 0), y: y - (T?.top ?? 0) };
+  }, b = (h) => {
+    m.current = {
       pointerX: h.clientX,
       pointerY: h.clientY,
-      startX: b.x,
-      startY: b.y,
+      startX: v.x,
+      startY: v.y,
       moved: !1
     };
-  }, k = (h) => {
-    const y = w.current;
+  }, M = (h) => {
+    const y = m.current;
     if (!y) return;
-    const $ = h.clientX - y.pointerX, E = h.clientY - y.pointerY;
-    !y.moved && Math.hypot($, E) < pt || (y.moved = !0, f.current?.setPointerCapture?.(h.pointerId), m((A) => ({ ...A, x: y.startX + $, y: y.startY + E })));
-  }, x = (h) => {
-    w.current?.moved && h.preventDefault(), w.current = null;
-  }, S = (h) => {
+    const T = h.clientX - y.pointerX, O = h.clientY - y.pointerY;
+    !y.moved && Math.hypot(T, O) < Dt || (y.moved = !0, f.current?.setPointerCapture?.(h.pointerId), S((_) => ({ ..._, x: y.startX + T, y: y.startY + O })));
+  }, g = (h) => {
+    m.current?.moved && h.preventDefault(), m.current = null;
+  }, I = (h) => {
     h.preventDefault();
-    const y = z(h.clientX, h.clientY), $ = h.deltaY < 0 ? s : 1 / s;
-    m((E) => he(E, $, y, i, l));
-  }, C = (h) => m(
-    (y) => he(y, h, { x: e / 2, y: t / 2 }, i, l)
-  ), g = {
+    const y = P(h.clientX, h.clientY), T = h.deltaY < 0 ? s : 1 / s;
+    S((O) => me(O, T, y, i, l));
+  }, k = (h) => S(
+    (y) => me(y, h, { x: e / 2, y: t / 2 }, i, l)
+  ), x = {
     width: 32,
     height: 32,
     fontSize: 18,
@@ -1346,16 +1385,16 @@ const pt = 3, _t = ({
     borderRadius: 6,
     userSelect: "none"
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ $(
     "div",
     {
       ref: f,
       "data-testid": u,
-      onPointerDown: v,
-      onPointerMove: k,
-      onPointerUp: x,
-      onPointerLeave: x,
-      onWheel: S,
+      onPointerDown: b,
+      onPointerMove: M,
+      onPointerUp: g,
+      onPointerLeave: g,
+      onWheel: I,
       style: {
         position: "relative",
         width: e,
@@ -1367,7 +1406,7 @@ const pt = 3, _t = ({
         touchAction: "none"
       },
       children: [
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ z(
           "div",
           {
             "data-testid": `${u}-content`,
@@ -1376,12 +1415,12 @@ const pt = 3, _t = ({
               left: 0,
               top: 0,
               transformOrigin: "0 0",
-              transform: `translate(${b.x}px, ${b.y}px) scale(${b.scale})`
+              transform: `translate(${v.x}px, ${v.y}px) scale(${v.scale})`
             },
             children: r
           }
         ),
-        d && /* @__PURE__ */ D(
+        d && /* @__PURE__ */ $(
           "div",
           {
             "data-testid": `${u}-controls`,
@@ -1394,24 +1433,24 @@ const pt = 3, _t = ({
               gap: 6
             },
             children: [
-              /* @__PURE__ */ M("div", { style: g, role: "button", "aria-label": "Zoom in", onClick: () => C(s), children: "+" }),
-              /* @__PURE__ */ M("div", { style: g, role: "button", "aria-label": "Zoom out", onClick: () => C(1 / s), children: "−" }),
-              /* @__PURE__ */ M(
+              /* @__PURE__ */ z("div", { style: x, role: "button", "aria-label": "Zoom in", onClick: () => k(s), children: "+" }),
+              /* @__PURE__ */ z("div", { style: x, role: "button", "aria-label": "Zoom out", onClick: () => k(1 / s), children: "−" }),
+              /* @__PURE__ */ z(
                 "div",
                 {
-                  style: { ...g, fontSize: 12, lineHeight: "30px" },
+                  style: { ...x, fontSize: 12, lineHeight: "30px" },
                   role: "button",
                   "aria-label": "Reset view",
-                  onClick: () => m(p()),
+                  onClick: () => S(p()),
                   children: "⤢"
                 }
               ),
-              /* @__PURE__ */ M(
+              /* @__PURE__ */ z(
                 "div",
                 {
                   "data-testid": `${u}-zoom-readout`,
-                  style: { ...g, fontSize: 11, cursor: "default" },
-                  children: Math.round(se(b.scale, i, l) * 100)
+                  style: { ...x, fontSize: 11, cursor: "default" },
+                  children: Math.round(pe(v.scale, i, l) * 100)
                 }
               )
             ]
@@ -1420,7 +1459,7 @@ const pt = 3, _t = ({
       ]
     }
   );
-}, Nt = [
+}, zn = [
   {
     id: "regular-after-double",
     name: "Regular after double",
@@ -1507,7 +1546,7 @@ const pt = 3, _t = ({
     ],
     layoutStyles: ["linear", "offset"]
   }
-], Bt = [
+], In = [
   {
     id: "single-foot",
     name: "Single foot",
@@ -1615,7 +1654,7 @@ const pt = 3, _t = ({
     },
     layoutStyles: ["linear", "offset"]
   }
-], te = {
+], ie = {
   maxPips: 12,
   engineValue: 12,
   allowConsecutiveDoubles: !1,
@@ -1627,7 +1666,7 @@ const pt = 3, _t = ({
     sideToeAngles: [-45, 45]
   }
 };
-function ht(e) {
+function $t(e) {
   switch (e.doubleObligation) {
     case "chicken-foot":
       return Math.max(1, e.chickenFoot.toeCount);
@@ -1637,45 +1676,45 @@ function ht(e) {
       return 0;
   }
 }
-function xt(e) {
+function Et(e) {
   return e.doubleObligation === "chicken-foot" ? Math.max(0, e.chickenFoot.toeCount - 1) : 0;
 }
-function jt(e = {}) {
-  const t = e.maxPips ?? te.maxPips;
+function Pn(e = {}) {
+  const t = e.maxPips ?? ie.maxPips;
   return {
-    ...te,
+    ...ie,
     ...e,
     maxPips: t,
     engineValue: e.engineValue ?? t,
     chickenFoot: {
-      ...te.chickenFoot,
+      ...ie.chickenFoot,
       ...e.chickenFoot ?? {}
     }
   };
 }
-function gt(e, t) {
-  let n = e;
-  for (const o of t)
-    if (n = n?.feet?.[o.doubleIndex]?.[o.toeIndex], !n) return;
-  return n;
+function At(e, t) {
+  let o = e;
+  for (const n of t)
+    if (o = o?.feet?.[n.doubleIndex]?.[n.toeIndex], !o) return;
+  return o;
 }
-function H(e, t, n) {
-  if (n(e, t), !!e.feet)
-    for (const o of Object.keys(e.feet)) {
-      const r = Number(o);
+function ne(e, t, o) {
+  if (o(e, t), !!e.feet)
+    for (const n of Object.keys(e.feet)) {
+      const r = Number(n);
       e.feet[r].forEach((i, l) => {
-        H(i, [...t, { doubleIndex: r, toeIndex: l }], n);
+        ne(i, [...t, { doubleIndex: r, toeIndex: l }], o);
       });
     }
 }
-function vt(e) {
+function Ot(e) {
   const t = [];
-  return H(e, [], (n, o) => {
-    n.dominoes.forEach((r, i) => {
+  return ne(e, [], (o, n) => {
+    o.dominoes.forEach((r, i) => {
       if (r.value1 !== r.value2) return;
-      const l = i < n.dominoes.length - 1, s = n.feet?.[i]?.length ?? 0;
+      const l = i < o.dominoes.length - 1, s = o.feet?.[i]?.length ?? 0;
       t.push({
-        path: o,
+        path: n,
         doubleIndex: i,
         value: r.value1,
         hasCenter: l,
@@ -1685,18 +1724,18 @@ function vt(e) {
     });
   }), t;
 }
-function bt(e, t) {
-  const n = ht(t);
-  return n <= 0 ? [] : vt(e).filter((o) => o.answers < n);
+function Rt(e, t) {
+  const o = $t(t);
+  return o <= 0 ? [] : Ot(e).filter((n) => n.answers < o);
 }
-function yt(e) {
+function Xe(e) {
   const t = /* @__PURE__ */ new Set();
-  return H(e, [], (n) => {
-    for (const o of n.dominoes)
-      t.add(ke(o));
+  return ne(e, [], (o) => {
+    for (const n of o.dominoes)
+      t.add(B(n));
   }), t;
 }
-function wt(e, t, n) {
+function Ft(e, t, o) {
   if (e.dominoes.length === 0)
     return [
       {
@@ -1708,11 +1747,11 @@ function wt(e, t, n) {
         obligation: !1
       }
     ];
-  const o = bt(e, n);
-  if (n.doubleObligation !== "none" && o.length > 0) {
-    const i = xt(n), l = [];
-    for (const s of o) {
-      const a = gt(e, s.path);
+  const n = Rt(e, o);
+  if (o.doubleObligation !== "none" && n.length > 0) {
+    const i = Et(o), l = [];
+    for (const s of n) {
+      const a = At(e, s.path);
       a && (!s.hasCenter && s.doubleIndex === a.dominoes.length - 1 && l.push({
         path: s.path,
         attach: "run-tail",
@@ -1732,126 +1771,428 @@ function wt(e, t, n) {
     return l;
   }
   const r = [];
-  return H(e, [], (i, l) => {
+  return ne(e, [], (i, l) => {
     const s = i.dominoes[i.dominoes.length - 1];
     s && r.push({
       path: l,
       attach: "run-tail",
       value: s.value2,
-      attachToDouble: Ce(s),
+      attachToDouble: Re(s),
       obligation: !1
     });
   }), r;
 }
-function Pe(e, t, n, o) {
-  const r = [], i = Te(e, t.value);
-  return o.requireSequential && !i && r.push("value-mismatch"), o.requireUniqueTiles && n.has(ke(e)) && r.push("duplicate-tile"), !o.allowConsecutiveDoubles && t.attachToDouble && Ce(e) && r.push("consecutive-doubles"), { legal: r.length === 0, violations: r };
+function _e(e, t, o, n) {
+  const r = [], i = de(e, t.value);
+  return n.requireSequential && !i && r.push("value-mismatch"), n.requireUniqueTiles && o.has(B(e)) && r.push("duplicate-tile"), !n.allowConsecutiveDoubles && t.attachToDouble && Re(e) && r.push("consecutive-doubles"), { legal: r.length === 0, violations: r };
 }
-function Ut(e, t, n, o, r) {
-  const i = wt(e, t, r), l = [];
+function Nt(e, t, o, n, r) {
+  const i = Ft(e, t, r), l = [];
   for (const s of i)
-    for (const a of n)
-      Pe(a, s, o, r).legal && l.push({ end: s, tile: a });
+    for (const a of o)
+      _e(a, s, n, r).legal && l.push({ end: s, tile: a });
   return l;
 }
-function Oe(e, t, n) {
+function Le(e, t, o) {
   if (t.length === 0)
-    return n(e);
-  const [o, ...r] = t, l = (e.feet?.[o.doubleIndex] ?? []).map(
-    (s, a) => a === o.toeIndex ? Oe(s, r, n) : s
+    return o(e);
+  const [n, ...r] = t, l = (e.feet?.[n.doubleIndex] ?? []).map(
+    (s, a) => a === n.toeIndex ? Le(s, r, o) : s
   );
   return {
     ...e,
-    feet: { ...e.feet, [o.doubleIndex]: l }
+    feet: { ...e.feet, [n.doubleIndex]: l }
   };
 }
-function St(e, t, n) {
-  const o = Te(t.tile, t.end.value) ?? { ...t.tile };
-  return Oe(e, t.end.path, (r) => {
+function Yt(e, t, o) {
+  const n = de(t.tile, t.end.value) ?? { ...t.tile };
+  return Le(e, t.end.path, (r) => {
     if (t.end.attach === "run-tail")
-      return { ...r, dominoes: [...r.dominoes, o] };
+      return { ...r, dominoes: [...r.dominoes, n] };
     const i = t.end.doubleIndex ?? 0, l = t.end.toeSlot ?? r.feet?.[i]?.length ?? 0, s = r.feet?.[i] ? [...r.feet[i]] : [];
-    return s[l] = { dominoes: [o] }, {
+    return s[l] = { dominoes: [n] }, {
       ...r,
       feet: { ...r.feet, [i]: s }
     };
   });
 }
-function Vt(e, t, n) {
-  const o = Pe(
+function Tn(e, t, o) {
+  const n = _e(
     t.tile,
     t.end,
-    yt(e),
-    n
+    Xe(e),
+    o
   );
-  return o.legal ? { ok: !0, board: St(e, t), violations: [] } : { ok: !1, board: e, violations: o.violations };
+  return n.legal ? { ok: !0, board: Yt(e, t), violations: [] } : { ok: !1, board: e, violations: n.violations };
+}
+function X(e) {
+  return e.kind === "play";
+}
+function Xt(e) {
+  const t = [];
+  return e.trains.forEach((o, n) => {
+    (o.playerId === e.selfPlayerId || o.isPublic) && t.push(n);
+  }), t;
+}
+function Ve(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const o of e)
+    for (const n of Xe(o))
+      t.add(n);
+  return t;
+}
+function _t(e) {
+  const t = Ve(e.trains), o = [];
+  for (const n of Xt(e)) {
+    const r = e.trains[n], i = Nt(
+      r,
+      e.engineValue,
+      e.hand,
+      t,
+      e.rules
+    );
+    for (const l of i)
+      o.push({ kind: "play", trainIndex: n, move: l });
+  }
+  return o;
+}
+function Lt(e = {}) {
+  return (t) => {
+    const o = _t(t), n = [...o];
+    return (t.drawPileSize ?? Number.POSITIVE_INFINITY) > 0 && !t.turnDrawUsed && (o.length === 0 || e.allowOptionalDraw) && n.push({ kind: "draw" }), n.length === 0 && n.push({ kind: "pass" }), n;
+  };
+}
+const Vt = Lt(), N = {
+  preferPlay: "prefer-play",
+  dumpPips: "dump-pips",
+  doublesEarly: "play-doubles-early",
+  ownTrain: "own-train",
+  obligationRelief: "obligation-relief",
+  handFlexibility: "hand-flexibility",
+  defensivePublic: "defensive-public"
+};
+function Be(e) {
+  const t = de(e.move.tile, e.move.end.value);
+  return t ? t.value2 : e.move.tile.value2;
+}
+const Bt = {
+  id: N.preferPlay,
+  score(e) {
+    return e.kind === "play" ? 100 : e.kind === "draw" ? 0 : -50;
+  }
+}, Ut = {
+  id: N.dumpPips,
+  score(e) {
+    if (!X(e)) return 0;
+    const t = e.move.tile;
+    return t.value1 + t.value2;
+  }
+}, jt = {
+  id: N.doublesEarly,
+  score(e, t) {
+    if (!X(e)) return 0;
+    const o = e.move.tile;
+    return o.value1 !== o.value2 ? 0 : Math.min(t.obs.hand.length, 12);
+  }
+}, Gt = {
+  id: N.ownTrain,
+  score(e, t) {
+    if (!X(e)) return 0;
+    const o = t.obs.trains[e.trainIndex];
+    return o && o.playerId === t.obs.selfPlayerId ? 8 : 0;
+  }
+}, qt = {
+  id: N.obligationRelief,
+  score(e) {
+    return X(e) && e.move.end.obligation ? 10 : 0;
+  }
+}, Kt = {
+  id: N.handFlexibility,
+  score(e, t) {
+    if (!X(e)) return 0;
+    const o = Be(e), n = B(e.move.tile);
+    let r = !1, i = 0;
+    for (const l of t.obs.hand) {
+      if (!r && B(l) === n) {
+        r = !0;
+        continue;
+      }
+      Fe(l, o) && i++;
+    }
+    return i * 3;
+  }
+}, Ht = {
+  id: N.defensivePublic,
+  score(e, t) {
+    if (!X(e)) return 0;
+    const o = t.obs.trains[e.trainIndex];
+    if (!o || o.playerId === t.obs.selfPlayerId) return 0;
+    const n = Be(e);
+    let r = 0;
+    for (const i of t.unseen)
+      Fe(i, n) && r++;
+    return -r;
+  }
+}, Zt = [
+  Bt,
+  Ut,
+  jt,
+  Gt,
+  qt,
+  Kt,
+  Ht
+], w = N, Jt = {
+  beginner: {
+    id: "beginner",
+    temperature: 2.5,
+    blunderRate: 0.25,
+    lookaheadDepth: 0,
+    enabled: /* @__PURE__ */ new Set([w.preferPlay, w.dumpPips]),
+    weights: {
+      [w.preferPlay]: 1,
+      [w.dumpPips]: 0.2
+    }
+  },
+  intermediate: {
+    id: "intermediate",
+    temperature: 0.6,
+    blunderRate: 0.05,
+    lookaheadDepth: 0,
+    enabled: /* @__PURE__ */ new Set([w.preferPlay, w.dumpPips, w.doublesEarly, w.ownTrain]),
+    weights: {
+      [w.preferPlay]: 1,
+      [w.dumpPips]: 1,
+      [w.doublesEarly]: 1,
+      [w.ownTrain]: 1
+    }
+  },
+  advanced: {
+    id: "advanced",
+    temperature: 0.15,
+    blunderRate: 0,
+    lookaheadDepth: 0,
+    enabled: /* @__PURE__ */ new Set([
+      w.preferPlay,
+      w.dumpPips,
+      w.doublesEarly,
+      w.ownTrain,
+      w.obligationRelief,
+      w.handFlexibility,
+      w.defensivePublic
+    ]),
+    weights: {
+      [w.preferPlay]: 1,
+      [w.dumpPips]: 1.2,
+      [w.doublesEarly]: 1.5,
+      [w.ownTrain]: 1,
+      [w.obligationRelief]: 1.5,
+      [w.handFlexibility]: 1,
+      [w.defensivePublic]: 1.5
+    }
+  }
+};
+function Mn(e) {
+  return Jt[e];
+}
+function Qt(e, t, o, n) {
+  let r = 0;
+  for (const i of n.enabled) {
+    const l = o.get(i);
+    if (!l) continue;
+    const s = n.weights[i] ?? 1;
+    r += s * l.score(e, t);
+  }
+  return r;
+}
+function Wt(e, t) {
+  let o = Number.NEGATIVE_INFINITY, n = [];
+  return e.forEach((r, i) => {
+    r > o ? (o = r, n = [i]) : r === o && n.push(i);
+  }), n[Math.floor(t() * n.length)];
+}
+function en(e, t, o) {
+  const n = Math.max(...e), r = e.map((s) => Math.exp((s - n) / t)), i = r.reduce((s, a) => s + a, 0);
+  let l = o() * i;
+  for (let s = 0; s < r.length; s++)
+    if (l -= r[s], l <= 0) return s;
+  return r.length - 1;
+}
+function tn(e, t, o) {
+  return e.length <= 1 ? 0 : t.temperature <= 0 ? Wt(e, o) : en(e, t.temperature, o);
+}
+function nn(e) {
+  const { skill: t, generateCandidates: o, buildContext: n, fallback: r } = e, i = e.rng ?? Math.random, l = new Map(e.heuristics.map((s) => [s.id, s]));
+  return {
+    decide(s) {
+      const a = o(s);
+      if (a.length === 0) return r(s);
+      if (a.length === 1) return a[0];
+      if (t.blunderRate > 0 && i() < t.blunderRate)
+        return a[Math.floor(i() * a.length)];
+      const c = n(s, a), d = a.map(
+        (u) => Qt(u, c, l, t)
+      );
+      return a[tn(d, t, i)];
+    }
+  };
+}
+function on(e, t, o) {
+  const n = Ve(e.trains), r = new Set(n);
+  for (const l of e.hand)
+    r.add(B(l));
+  const i = wt(e.rules.maxPips).filter(
+    (l) => !r.has(B(l))
+  );
+  return {
+    obs: e,
+    playedKeys: n,
+    candidates: t,
+    playCandidates: t.filter(X),
+    unseen: i,
+    rng: o
+  };
+}
+function kn(e) {
+  const t = e.heuristics ?? Zt, o = e.generateCandidates ?? Vt, n = e.rng ?? Math.random;
+  return nn({
+    skill: e.skill,
+    heuristics: t,
+    generateCandidates: o,
+    buildContext: (r, i) => on(r, i, n),
+    fallback: () => ({ kind: "pass" }),
+    rng: n
+  });
+}
+function Ue(e, t, o) {
+  let n = t.legalActions(e);
+  return t.orderActions && (n = t.orderActions(e, n)), Number.isFinite(o) && n.length > o && (n = n.slice(0, o)), n;
+}
+function je(e, t, o, n, r) {
+  if (o <= 0 || t.isTerminal(e))
+    return t.evaluate(e, n);
+  const i = Ue(e, t, r);
+  if (i.length === 0)
+    return t.evaluate(e, n);
+  const l = t.currentPlayer(e) === n;
+  let s = l ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY;
+  for (const a of i) {
+    const c = je(
+      t.applyAction(e, a),
+      t,
+      o - 1,
+      n,
+      r
+    );
+    s = l ? Math.max(s, c) : Math.min(s, c);
+  }
+  return s;
+}
+function Cn(e, t, o) {
+  const n = o.rng ?? Math.random, r = Math.max(1, o.determinizations ?? 1), i = o.maxBranch ?? Number.POSITIVE_INFINITY, l = Math.max(1, o.depth);
+  return Ue(e, t, i).map((a) => {
+    let c = 0;
+    for (let d = 0; d < r; d++) {
+      const u = t.determinize ? t.determinize(e, o.perspective, n) : e;
+      c += je(
+        t.applyAction(u, a),
+        t,
+        l - 1,
+        o.perspective,
+        i
+      );
+    }
+    return { action: a, value: c / r };
+  });
 }
 export {
-  Bt as CHICKEN_FOOT_FIXTURES,
-  Ue as CHICKEN_FOOT_TOE_ANGLES,
-  j as DEFAULT_PIP_COLORS,
-  te as DEFAULT_RULES,
-  rt as DominoHub,
-  ot as DominoTrain,
-  ve as DoubleTwelve,
-  Xt as MexicanTrainGame,
-  Mt as PIP_COLORS,
-  _e as PIP_LAYOUTS,
-  Nt as TRAIN_FIXTURES,
-  le as TURN_DEGREES,
-  _t as Viewport,
-  St as applyMove,
-  De as buildBranchTiles,
-  se as clampScale,
-  yt as collectPlayedKeys,
-  Ke as computeTrainLayout,
-  re as computeTrainTree,
-  Ft as cycleBendAt,
-  ke as dominoKey,
-  Et as dominoSetSize,
-  Pe as evaluatePlacement,
-  ft as fitToBounds,
-  ze as flattenSegments,
-  Ot as generateDominoSet,
-  it as generateSampleTrains,
-  gt as getBranchAt,
-  Ut as getLegalMoves,
-  wt as getOpenEnds,
-  Ne as getPipLayout,
-  kt as getPipStyle,
-  Ct as getTrainLayoutBounds,
-  bt as getUnsatisfiedDoubles,
-  Ge as headingAtIndex,
-  nt as hubTrainStartDistance,
-  Ce as isDouble,
-  me as layoutSelfIntersects,
-  Se as layoutsCollide,
-  Rt as linearDefaultSide,
-  $t as mergePipColors,
-  we as normalizeBends,
-  Yt as offsetDefaultSide,
-  Ie as oppositeSide,
-  Te as orientForConnection,
-  Pt as otherEnd,
-  U as outwardPerpSign,
-  Vt as playMove,
-  ht as requiredDoubleAnswers,
-  At as resolveBend,
-  Fe as resolvePipPosition,
-  ge as resolvePipStyle,
-  jt as resolveRules,
-  Lt as screenToContent,
-  oe as sideToTurn,
-  xt as sideToeSlots,
-  O as stepAlongTrain,
-  fe as tileCorners,
-  Dt as tileHasValue,
-  L as tileKey,
-  J as tilesOverlap,
-  et as validateChickenFootChain,
-  Tt as validateTrainLayout,
-  It as validateTrainTree,
-  K as withBendAt,
-  he as zoomAt
+  In as CHICKEN_FOOT_FIXTURES,
+  lt as CHICKEN_FOOT_TOE_ANGLES,
+  Je as DEFAULT_DOMINO_THEME,
+  Zt as DEFAULT_HEURISTICS,
+  q as DEFAULT_PIP_COLORS,
+  ie as DEFAULT_RULES,
+  We as DefaultPip,
+  mt as DominoHub,
+  sn as DominoThemeProvider,
+  bt as DominoTrain,
+  Te as DoubleTwelve,
+  N as HEURISTIC_IDS,
+  vn as MexicanTrainGame,
+  an as PIP_COLORS,
+  nt as PIP_LAYOUTS,
+  Jt as SKILL_PRESETS,
+  zn as TRAIN_FIXTURES,
+  fe as TURN_DEGREES,
+  Sn as Viewport,
+  Yt as applyMove,
+  Wt as argmaxIndex,
+  Ye as buildBranchTiles,
+  tn as chooseActionIndex,
+  pe as clampScale,
+  Ve as collectAllPlayedKeys,
+  Xe as collectPlayedKeys,
+  ct as computeTrainLayout,
+  ue as computeTrainTree,
+  kn as createAiPlayer,
+  Lt as createCandidateGenerator,
+  nn as createPolicyPlayer,
+  mn as cycleBendAt,
+  Vt as defaultCandidateGenerator,
+  B as dominoKey,
+  gn as dominoSetSize,
+  _e as evaluatePlacement,
+  Ct as fitToBounds,
+  Ee as flattenSegments,
+  wt as generateDominoSet,
+  _t as generatePlayActions,
+  St as generateSampleTrains,
+  Xt as getAccessibleTrainIndices,
+  At as getBranchAt,
+  Nt as getLegalMoves,
+  Ft as getOpenEnds,
+  ot as getPipLayout,
+  cn as getPipStyle,
+  Mn as getSkillProfile,
+  dn as getTrainLayoutBounds,
+  Rt as getUnsatisfiedDoubles,
+  at as headingAtIndex,
+  yt as hubTrainStartDistance,
+  Re as isDouble,
+  X as isPlayAction,
+  $e as layoutSelfIntersects,
+  De as layoutsCollide,
+  bn as linearDefaultSide,
+  ze as mergeDominoTheme,
+  un as mergePipColors,
+  Ce as normalizeBends,
+  xn as offsetDefaultSide,
+  Ne as oppositeSide,
+  de as orientForConnection,
+  hn as otherEnd,
+  K as outwardPerpSign,
+  Tn as playMove,
+  $t as requiredDoubleAnswers,
+  yn as resolveBend,
+  tt as resolvePipPosition,
+  Pe as resolvePipStyle,
+  Pn as resolveRules,
+  Qt as scoreWithHeuristics,
+  wn as screenToContent,
+  Cn as searchActionValues,
+  se as sideToTurn,
+  Et as sideToeSlots,
+  en as softmaxIndex,
+  A as stepAlongTrain,
+  Qe as themeDataAttributes,
+  be as tileCorners,
+  Fe as tileHasValue,
+  V as tileKey,
+  ee as tilesOverlap,
+  Ie as useDominoTheme,
+  vt as validateChickenFootChain,
+  fn as validateTrainLayout,
+  pn as validateTrainTree,
+  Q as withBendAt,
+  me as zoomAt
 };
 //# sourceMappingURL=index.js.map