@luxfi/ui 8.0.0 → 8.1.0

package/dist/3d-pin.cjs

@@ -0,0 +1,46 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Pin3D = React__namespace.forwardRef(
+  ({ className, title, href, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        ref,
+        className: ui.cn("group/pin relative cursor-pointer", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "relative flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "transform-gpu transition duration-500 group-hover/pin:scale-95", children })
+        ]
+      }
+    );
+  }
+);
+Pin3D.displayName = "Pin3D";
+
+exports.Pin3D = Pin3D;

package/dist/3d-pin.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface Pin3DProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    href?: string;
+}
+declare const Pin3D: React.ForwardRefExoticComponent<Pin3DProps & React.RefAttributes<HTMLDivElement>>;
+export { Pin3D };
+//# sourceMappingURL=3d-pin.d.ts.map

package/dist/3d-pin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"3d-pin.d.ts","sourceRoot":"","sources":["../src/3d-pin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,KAAK,mFAmBV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/3d-pin.js

@@ -0,0 +1,24 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Pin3D = React.forwardRef(
+  ({ className, title, href, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        className: cn("group/pin relative cursor-pointer", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Box, { className: "pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100", children: /* @__PURE__ */ jsx(Box, { className: "relative flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx(Box, { className: "absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50" }) }) }),
+          /* @__PURE__ */ jsx(Box, { className: "transform-gpu transition duration-500 group-hover/pin:scale-95", children })
+        ]
+      }
+    );
+  }
+);
+Pin3D.displayName = "Pin3D";
+
+export { Pin3D };

package/dist/3d-scene.cjs

@@ -0,0 +1,439 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var SimpleRenderer = class {
+  constructor(canvas) {
+    this.meshes = [];
+    this.lights = [];
+    this.backgroundColor = { r: 0.1, g: 0.1, b: 0.1, a: 1 };
+    this.animationFrame = null;
+    this.mousePosition = { x: 0, y: 0 };
+    this.isDragging = false;
+    this.lastMousePosition = { x: 0, y: 0 };
+    this.cameraRotation = { x: 0, y: 0 };
+    this.autoRotate = false;
+    this.autoRotateSpeed = 1;
+    this.canvas = canvas;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) throw new Error("Could not get 2D context");
+    this.ctx = ctx;
+    this.camera = {
+      position: { x: 0, y: 0, z: 5 },
+      target: { x: 0, y: 0, z: 0 },
+      fov: 75,
+      near: 0.1,
+      far: 1e3
+    };
+    this.setupEventListeners();
+  }
+  setupEventListeners() {
+    this.canvas.addEventListener("mousedown", this.handleMouseDown.bind(this));
+    this.canvas.addEventListener("mousemove", this.handleMouseMove.bind(this));
+    this.canvas.addEventListener("mouseup", this.handleMouseUp.bind(this));
+    this.canvas.addEventListener("wheel", this.handleWheel.bind(this));
+  }
+  handleMouseDown(e) {
+    this.isDragging = true;
+    this.lastMousePosition = { x: e.clientX, y: e.clientY };
+  }
+  handleMouseMove(e) {
+    this.mousePosition = { x: e.clientX, y: e.clientY };
+    if (this.isDragging) {
+      const deltaX = e.clientX - this.lastMousePosition.x;
+      const deltaY = e.clientY - this.lastMousePosition.y;
+      this.cameraRotation.y += deltaX * 0.01;
+      this.cameraRotation.x += deltaY * 0.01;
+      this.cameraRotation.x = Math.max(
+        -Math.PI / 2,
+        Math.min(Math.PI / 2, this.cameraRotation.x)
+      );
+      this.updateCameraPosition();
+      this.lastMousePosition = { x: e.clientX, y: e.clientY };
+    }
+  }
+  handleMouseUp() {
+    this.isDragging = false;
+  }
+  handleWheel(e) {
+    e.preventDefault();
+    const distance = Math.sqrt(
+      this.camera.position.x ** 2 + this.camera.position.y ** 2 + this.camera.position.z ** 2
+    );
+    const newDistance = Math.max(1, Math.min(20, distance + e.deltaY * 0.01));
+    const factor = newDistance / distance;
+    this.camera.position.x *= factor;
+    this.camera.position.y *= factor;
+    this.camera.position.z *= factor;
+  }
+  updateCameraPosition() {
+    const distance = 5;
+    this.camera.position.x = distance * Math.sin(this.cameraRotation.y) * Math.cos(this.cameraRotation.x);
+    this.camera.position.y = distance * Math.sin(this.cameraRotation.x);
+    this.camera.position.z = distance * Math.cos(this.cameraRotation.y) * Math.cos(this.cameraRotation.x);
+  }
+  project(point) {
+    const { width, height } = this.canvas;
+    const dx = point.x - this.camera.position.x;
+    const dy = point.y - this.camera.position.y;
+    const dz = point.z - this.camera.position.z;
+    const distance = Math.sqrt(dx * dx + dy * dy + dz * dz);
+    const scale = (this.camera.far - this.camera.near) / (distance + this.camera.near);
+    return {
+      x: width / 2 + dx * scale * width / 4,
+      y: height / 2 - dy * scale * height / 4,
+      z: distance
+    };
+  }
+  drawMesh(mesh) {
+    if (!mesh.visible) return;
+    const { geometry, material, position, rotation, scale } = mesh;
+    this.ctx.save();
+    const projected = this.project(position);
+    this.ctx.translate(projected.x, projected.y);
+    this.ctx.scale(scale.x, scale.y);
+    this.ctx.rotate(rotation.z);
+    this.ctx.fillStyle = `rgba(${Math.floor(material.color.r * 255)}, ${Math.floor(material.color.g * 255)}, ${Math.floor(material.color.b * 255)}, ${material.opacity || 1})`;
+    this.ctx.strokeStyle = this.ctx.fillStyle;
+    switch (geometry.type) {
+      case "box":
+        this.drawBox(geometry.parameters);
+        break;
+      case "sphere":
+        this.drawSphere(geometry.parameters);
+        break;
+      case "plane":
+        this.drawPlane(geometry.parameters);
+        break;
+      case "cylinder":
+        this.drawCylinder(geometry.parameters);
+        break;
+      case "torus":
+        this.drawTorus(geometry.parameters);
+        break;
+    }
+    this.ctx.restore();
+  }
+  drawBox(params) {
+    const width = params.width || 1;
+    const height = params.height || 1;
+    this.ctx.fillRect(-width / 2, -height / 2, width, height);
+    this.ctx.strokeRect(-width / 2, -height / 2, width, height);
+  }
+  drawSphere(params) {
+    const radius = params.radius || 0.5;
+    this.ctx.beginPath();
+    this.ctx.arc(0, 0, radius * 50, 0, Math.PI * 2);
+    this.ctx.fill();
+    this.ctx.stroke();
+  }
+  drawPlane(params) {
+    const width = params.width || 1;
+    const height = params.height || 1;
+    this.ctx.fillRect(-width / 2, -height / 2, width, height);
+  }
+  drawCylinder(params) {
+    const radius = params.radius || 0.5;
+    const height = params.height || 1;
+    this.ctx.fillRect(-radius * 50, -height * 25, radius * 100, height * 50);
+    this.ctx.beginPath();
+    this.ctx.arc(-radius * 50, 0, height * 25, Math.PI / 2, -Math.PI / 2);
+    this.ctx.arc(radius * 50, 0, height * 25, -Math.PI / 2, Math.PI / 2);
+    this.ctx.fill();
+  }
+  drawTorus(params) {
+    const radius = params.radius || 0.5;
+    const tube = params.tube || 0.2;
+    this.ctx.beginPath();
+    this.ctx.arc(0, 0, radius * 50, 0, Math.PI * 2);
+    this.ctx.lineWidth = tube * 50;
+    this.ctx.stroke();
+    this.ctx.lineWidth = 1;
+  }
+  clear() {
+    const { width, height } = this.canvas;
+    this.ctx.fillStyle = `rgba(${Math.floor(this.backgroundColor.r * 255)}, ${Math.floor(this.backgroundColor.g * 255)}, ${Math.floor(this.backgroundColor.b * 255)}, ${this.backgroundColor.a || 1})`;
+    this.ctx.fillRect(0, 0, width, height);
+  }
+  setCamera(camera) {
+    this.camera = { ...camera };
+  }
+  setMeshes(meshes) {
+    this.meshes = [...meshes];
+  }
+  setLights(lights) {
+    this.lights = [...lights];
+  }
+  setBackgroundColor(color) {
+    this.backgroundColor = { ...color };
+  }
+  setAutoRotate(enabled, speed = 1) {
+    this.autoRotate = enabled;
+    this.autoRotateSpeed = speed;
+  }
+  render() {
+    this.clear();
+    if (this.autoRotate) {
+      this.cameraRotation.y += this.autoRotateSpeed * 0.01;
+      this.updateCameraPosition();
+    }
+    const sortedMeshes = [...this.meshes].sort((a, b) => {
+      const distA = Math.sqrt(
+        (a.position.x - this.camera.position.x) ** 2 + (a.position.y - this.camera.position.y) ** 2 + (a.position.z - this.camera.position.z) ** 2
+      );
+      const distB = Math.sqrt(
+        (b.position.x - this.camera.position.x) ** 2 + (b.position.y - this.camera.position.y) ** 2 + (b.position.z - this.camera.position.z) ** 2
+      );
+      return distB - distA;
+    });
+    sortedMeshes.forEach((mesh) => this.drawMesh(mesh));
+  }
+  startAnimation() {
+    const animate = () => {
+      this.render();
+      this.animationFrame = requestAnimationFrame(animate);
+    };
+    animate();
+  }
+  stopAnimation() {
+    if (this.animationFrame) {
+      cancelAnimationFrame(this.animationFrame);
+      this.animationFrame = null;
+    }
+  }
+  destroy() {
+    this.stopAnimation();
+  }
+};
+var Scene3D = React__namespace.forwardRef(
+  ({
+    width = 800,
+    height = 600,
+    meshes = [],
+    lights = [],
+    camera,
+    backgroundColor = { r: 0.1, g: 0.1, b: 0.1, a: 1 },
+    enableOrbitControls = true,
+    enableAutoRotate = false,
+    autoRotateSpeed = 1,
+    onMeshClick,
+    onMeshHover,
+    className,
+    ...props
+  }, ref) => {
+    const canvasRef = React__namespace.useRef(null);
+    const rendererRef = React__namespace.useRef(null);
+    React__namespace.useEffect(() => {
+      if (!canvasRef.current) return;
+      const renderer = new SimpleRenderer(canvasRef.current);
+      rendererRef.current = renderer;
+      renderer.startAnimation();
+      return () => {
+        renderer.destroy();
+      };
+    }, []);
+    React__namespace.useEffect(() => {
+      if (rendererRef.current && camera) {
+        rendererRef.current.setCamera(camera);
+      }
+    }, [camera]);
+    React__namespace.useEffect(() => {
+      if (rendererRef.current) {
+        rendererRef.current.setMeshes(meshes);
+      }
+    }, [meshes]);
+    React__namespace.useEffect(() => {
+      if (rendererRef.current) {
+        rendererRef.current.setLights(lights);
+      }
+    }, [lights]);
+    React__namespace.useEffect(() => {
+      if (rendererRef.current) {
+        rendererRef.current.setBackgroundColor(backgroundColor);
+      }
+    }, [backgroundColor]);
+    React__namespace.useEffect(() => {
+      if (rendererRef.current) {
+        rendererRef.current.setAutoRotate(enableAutoRotate, autoRotateSpeed);
+      }
+    }, [enableAutoRotate, autoRotateSpeed]);
+    React__namespace.useEffect(() => {
+      if (canvasRef.current) {
+        canvasRef.current.width = width;
+        canvasRef.current.height = height;
+      }
+    }, [width, height]);
+    React__namespace.useImperativeHandle(ref, () => canvasRef.current);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "canvas",
+      {
+        ref: canvasRef,
+        width,
+        height,
+        className: ui.cn(
+          "border rounded-lg bg-black/5 cursor-grab active:cursor-grabbing",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Scene3D.displayName = "Scene3D";
+var createBox = (width = 1, height = 1, depth = 1) => ({
+  type: "box",
+  parameters: { width, height, depth }
+});
+var createSphere = (radius = 0.5) => ({
+  type: "sphere",
+  parameters: { radius }
+});
+var createPlane = (width = 1, height = 1) => ({
+  type: "plane",
+  parameters: { width, height }
+});
+var createCylinder = (radius = 0.5, height = 1) => ({
+  type: "cylinder",
+  parameters: { radius, height }
+});
+var createTorus = (radius = 0.5, tube = 0.2) => ({
+  type: "torus",
+  parameters: { radius, tube }
+});
+var createMaterial = (color, options = {}) => ({
+  color,
+  metalness: 0,
+  roughness: 0.5,
+  opacity: 1,
+  ...options
+});
+var createDirectionalLight = (direction, color = { r: 1, g: 1, b: 1 }, intensity = 1) => ({
+  type: "directional",
+  direction,
+  color,
+  intensity
+});
+var createPointLight = (position, color = { r: 1, g: 1, b: 1 }, intensity = 1) => ({
+  type: "point",
+  position,
+  color,
+  intensity
+});
+var createAmbientLight = (color = { r: 0.2, g: 0.2, b: 0.2 }, intensity = 0.5) => ({
+  type: "ambient",
+  color,
+  intensity
+});
+var Scene3DPreset = {
+  Basic: React__namespace.forwardRef((props, ref) => {
+    const meshes = [
+      {
+        id: "cube",
+        geometry: createBox(1, 1, 1),
+        material: createMaterial({ r: 0.5, g: 0.7, b: 1 }),
+        position: { x: 0, y: 0, z: 0 },
+        rotation: { x: 0, y: 0, z: 0 },
+        scale: { x: 1, y: 1, z: 1 },
+        visible: true
+      }
+    ];
+    const lights = [
+      createDirectionalLight({ x: 1, y: 1, z: 1 }),
+      createAmbientLight()
+    ];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Scene3D,
+      {
+        ref,
+        meshes,
+        lights,
+        enableOrbitControls: true,
+        ...props
+      }
+    );
+  }),
+  Primitives: React__namespace.forwardRef((props, ref) => {
+    const meshes = [
+      {
+        id: "cube",
+        geometry: createBox(0.8, 0.8, 0.8),
+        material: createMaterial({ r: 1, g: 0.3, b: 0.3 }),
+        position: { x: -2, y: 0, z: 0 },
+        rotation: { x: 0, y: 0, z: 0 },
+        scale: { x: 1, y: 1, z: 1 },
+        visible: true
+      },
+      {
+        id: "sphere",
+        geometry: createSphere(0.5),
+        material: createMaterial({ r: 0.3, g: 1, b: 0.3 }),
+        position: { x: 0, y: 0, z: 0 },
+        rotation: { x: 0, y: 0, z: 0 },
+        scale: { x: 1, y: 1, z: 1 },
+        visible: true
+      },
+      {
+        id: "cylinder",
+        geometry: createCylinder(0.4, 1),
+        material: createMaterial({ r: 0.3, g: 0.3, b: 1 }),
+        position: { x: 2, y: 0, z: 0 },
+        rotation: { x: 0, y: 0, z: 0 },
+        scale: { x: 1, y: 1, z: 1 },
+        visible: true
+      }
+    ];
+    const lights = [
+      createDirectionalLight({ x: 1, y: 1, z: 1 }),
+      createAmbientLight({ r: 0.3, g: 0.3, b: 0.3 }, 0.3)
+    ];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Scene3D,
+      {
+        ref,
+        meshes,
+        lights,
+        enableOrbitControls: true,
+        enableAutoRotate: true,
+        autoRotateSpeed: 0.5,
+        ...props
+      }
+    );
+  })
+};
+Scene3DPreset.Basic.displayName = "Scene3DPreset.Basic";
+Scene3DPreset.Primitives.displayName = "Scene3DPreset.Primitives";
+
+exports.Scene3D = Scene3D;
+exports.Scene3DPreset = Scene3DPreset;
+exports.createAmbientLight = createAmbientLight;
+exports.createBox = createBox;
+exports.createCylinder = createCylinder;
+exports.createDirectionalLight = createDirectionalLight;
+exports.createMaterial = createMaterial;
+exports.createPlane = createPlane;
+exports.createPointLight = createPointLight;
+exports.createSphere = createSphere;
+exports.createTorus = createTorus;

package/dist/3d-scene.d.ts

@@ -0,0 +1,76 @@
+import * as React from "react";
+interface Vector3 {
+    x: number;
+    y: number;
+    z: number;
+}
+interface Color {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}
+interface Material {
+    color: Color;
+    emissive?: Color;
+    metalness?: number;
+    roughness?: number;
+    opacity?: number;
+}
+interface Light {
+    type: "directional" | "point" | "ambient";
+    position?: Vector3;
+    direction?: Vector3;
+    color: Color;
+    intensity: number;
+}
+interface Camera {
+    position: Vector3;
+    target: Vector3;
+    fov: number;
+    near: number;
+    far: number;
+}
+interface Geometry {
+    type: "box" | "sphere" | "plane" | "cylinder" | "torus";
+    parameters: Record<string, number>;
+}
+interface Mesh {
+    id: string;
+    geometry: Geometry;
+    material: Material;
+    position: Vector3;
+    rotation: Vector3;
+    scale: Vector3;
+    visible?: boolean;
+}
+interface Scene3DProps extends React.HTMLAttributes<HTMLCanvasElement> {
+    width?: number;
+    height?: number;
+    meshes?: Mesh[];
+    lights?: Light[];
+    camera?: Camera;
+    backgroundColor?: Color;
+    enableOrbitControls?: boolean;
+    enableAutoRotate?: boolean;
+    autoRotateSpeed?: number;
+    onMeshClick?: (mesh: Mesh) => void;
+    onMeshHover?: (mesh: Mesh | null) => void;
+    className?: string;
+}
+declare const Scene3D: React.ForwardRefExoticComponent<Scene3DProps & React.RefAttributes<HTMLCanvasElement>>;
+declare const createBox: (width?: number, height?: number, depth?: number) => Geometry;
+declare const createSphere: (radius?: number) => Geometry;
+declare const createPlane: (width?: number, height?: number) => Geometry;
+declare const createCylinder: (radius?: number, height?: number) => Geometry;
+declare const createTorus: (radius?: number, tube?: number) => Geometry;
+declare const createMaterial: (color: Color, options?: Partial<Material>) => Material;
+declare const createDirectionalLight: (direction: Vector3, color?: Color, intensity?: number) => Light;
+declare const createPointLight: (position: Vector3, color?: Color, intensity?: number) => Light;
+declare const createAmbientLight: (color?: Color, intensity?: number) => Light;
+declare const Scene3DPreset: {
+    Basic: React.ForwardRefExoticComponent<Omit<Scene3DProps, "meshes" | "lights"> & React.RefAttributes<HTMLCanvasElement>>;
+    Primitives: React.ForwardRefExoticComponent<Omit<Scene3DProps, "meshes" | "lights"> & React.RefAttributes<HTMLCanvasElement>>;
+};
+export { Scene3D, Scene3DPreset, createBox, createSphere, createPlane, createCylinder, createTorus, createMaterial, createDirectionalLight, createPointLight, createAmbientLight, type Scene3DProps, type Vector3, type Color, type Material, type Light, type Camera, type Geometry, type Mesh, };
+//# sourceMappingURL=3d-scene.d.ts.map

package/dist/3d-scene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"3d-scene.d.ts","sourceRoot":"","sources":["../src/3d-scene.tsx"],"names":[],"mappings":"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"}