@harmonics/lattice-ui 0.5.1 → 0.6.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@harmonics/lattice-ui",
-  "version": "0.5.1",
-  "description": "The Harmonics tree's look as Custom Elements: a lattice face, the hexagon sky, raised lattice shapes, a shears cut gesture and two marks. Any page, any framework.",
+  "version": "0.6.0",
+  "description": "The Harmonics tree's look as Custom Elements: a lattice face, the hexagon sky, raised lattice shapes, a shears cut gesture, two marks and a board of pieces to build on. Any page, any framework.",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -23,6 +23,10 @@
       "types": "./dist/types/elements/hexes.d.ts",
       "default": "./dist/hexes.js"
     },
+    "./board": {
+      "types": "./dist/types/elements/board-entry.d.ts",
+      "default": "./dist/board.js"
+    },
     "./react": {
       "types": "./react.d.ts"
     },

package/react.d.ts

@@ -1,6 +1,11 @@
 // The elements in React 19's JSX: `import type {} from "@harmonics/lattice-ui/react";` once, in
 // any file. React 19 sets these as properties and adds `onstroke` / `onstrokeend` as listeners.
 import type { DetailedHTMLProps, HTMLAttributes } from "react";
+import type {
+  BoardChangeDetail,
+  BoardPiece,
+  LatticeBoard,
+} from "./dist/types/elements/board-entry";
 import type {
   HexSky,
   IconName,
@@ -49,6 +54,15 @@ declare module "react" {
         onstrokeend?: (event: CustomEvent<StrokeEndDetail>) => void;
       };
       "lattice-icon": Base<LatticeIcon> & { name?: IconName; label?: string };
+      "lattice-board": Base<LatticeBoard> & {
+        pieces?: BoardPiece[] | string;
+        fixed?: BoardPiece[];
+        tray?: boolean;
+        scale?: number;
+        label?: string;
+        onchange?: (event: CustomEvent<BoardChangeDetail>) => void;
+        oncatch?: (event: CustomEvent<{ id: string }>) => void;
+      };
     }
   }
 }