@harmonics/lattice-ui 0.0.0-stage → 0.4.0

package/react.d.ts

@@ -0,0 +1,48 @@
+// 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 {
+  HexSky,
+  IconName,
+  LatticeFace,
+  LatticeIcon,
+  LatticeShape,
+  Part,
+  ShapeName,
+  ShearsPadElement,
+  StrokeDetail,
+  StrokePoint,
+} from "./dist/types/elements/index";
+
+type Base<E> = DetailedHTMLProps<HTMLAttributes<E>, E>;
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      "lattice-face": Base<LatticeFace> & {
+        mood?: LatticeFace["mood"];
+        expression?: string;
+        pulse?: number;
+        still?: boolean;
+        size?: number;
+        label?: string;
+        decorative?: boolean;
+      };
+      "hex-sky": Base<HexSky> & { kind?: "sky" | "earth"; scale?: number; x?: number; y?: number };
+      "lattice-shape": Base<LatticeShape> & {
+        shape?: ShapeName;
+        parts?: Part[] | string;
+        tone?: number;
+        lift?: number;
+        scale?: number;
+        label?: string;
+      };
+      "shears-pad": Base<ShearsPadElement> & {
+        disabled?: boolean;
+        onstroke?: (event: CustomEvent<StrokeDetail>) => void;
+        onstrokeend?: (event: CustomEvent<{ points: StrokePoint[] }>) => void;
+      };
+      "lattice-icon": Base<LatticeIcon> & { name?: IconName; label?: string };
+    }
+  }
+}